style.css

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400,400italic,600,600italic,700,700italic&subset=latin,cyrillic);

@import url(//fonts.googleapis.com/css?family=Orbitron:900);
/*
Theme Name: Bueno
Theme URI: http://www.cherryframework.com/free-themes/bueno-free-wordpress-theme/
Author: Duena Studio
Author URI: http://profiles.wordpress.org/duena_studio
Description: Bueno is a WordPress theme designed supremely for car blogs. Daredevils crazy about automobiles, driving, speed, tuning and the like will appreciate its dark design and nice visual effects. Needless to say how many opportunities WordPress gives to developers and website owners. The flexibility of the CMS allows making changes until your website acquires its unique appearance. You can replace slider images with your own, play with colors, texts, modify backgrounds, do whatever you need to reach the perfect feel and style, rendering your ideas and personal views. The template embraces the essence of current web trends whilst maintaining functional edge. Let's make a brief overview of its major features. Blog posts are arranged in two column structure, which makes them easy for scanning and creates accurate hierarchy on the page. Search bars are placed on top and in the bottom of the web page. This way their chances to be easily found by the users are doubled and the visitors can start their search immediately without losing any precious moment. Navigation is well considered. Main menu has drop down option. The rest of navigation links are in the right sidebar. They are separated by subtitles to improve readability. Blue buttons, text and elements stand out against the black background. This technique provides clear call-to-actions and guides user's eyes through the page. Back to top arrow in the right bottom corner of the page instantaneously lifts the visitor up without any additional scrolling. Go on, this is an excellent design to use!
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, sticky-post, translation-ready
Text Domain: bueno

Bueno WordPress theme, Copyright (C) 2013 Duena Studio
Bueno WordPress theme is licensed under the GPL.
*/
/* =Global
----------------------------------------------- */
body {
  background-image: url(images/main-bg.gif);
  background-repeat: repeat;
  background-position: center 0;
}
body,
button,
input,
select,
textarea {
  color: #ccc;
  font-size: 13px;
  line-height: 20px;
}
/* Tablet to desktop
/* -------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  body,
  button,
  input,
  select,
  textarea {
    font-size: 12px;
    line-height: 20px;
  }
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
/* Tablet to desktop
/* -------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  h1 {
    font-size: 24px;
    line-height: 28px;
  }
  h2 {
    font-size: 22px;
    line-height: 26px;
  }
  h3 {
    font-size: 18px;
    line-height: 22px;
  }
}
/* Lists */
ul {
  margin: 0;
}
#main ul {
  overflow: hidden;
  margin: 0;
}
#main ul ul {
  padding: 10px 0 0 0;
  margin: 0 0 -10px 0;
}
ul li {
  padding: 0 0 10px 16px;
  position: relative;
  list-style: none;
  margin: 0;
}
ul li:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f105";
  color: #0cafdc;
  font-size: 14px;
  line-height: 20px;
  left: 0;
  top: 0;
}
a {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.progress .bar {
  font-weight: bold;
}
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 10px;
}
.extra-wrap {
  overflow: hidden;
}
/* Images */
[class*='wp-image-'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #fff;
  outline: 1px solid #D4D4D4;
  margin-bottom: 10px;
}
/* =PAGE WRAPPER
----------------------------------------------- */
.page-wrapper {
  position: relative;
  background: url(images/main-glow.png) no-repeat center 0;
  overflow: hidden;
}
@media (max-width: 340px) {
  .page-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* =HEADER
----------------------------------------------- */
#header {
  position: relative;
  z-index: 20;
  padding: 0;
}
#header .logo {
  float: left;
  padding: 4px 0 10px 0;
  max-width: 100%;
}
#header .logo .text-logo {
  font-size: 60px;
  line-height: 60px;
  margin: 0;
  text-transform: none;
  font-weight: normal;
  font-family: 'Orbitron', sans-serif;
  overflow: visible;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -2px;
}
#header .logo .text-logo a {
  color: #ffffff;
  display: inline-block;
}
#header .logo .text-logo a:first-letter {
  color: #0cafdc;
}
#header .logo .text-logo a:hover {
  text-decoration: none;
  color: #ffffff;
}
#header .logo .text-logo a:focus {
  text-decoration: none;
  color: #ffffff;
}
#header .logo .text-logo a:active {
  text-decoration: none;
  color: #ffffff;
}
#header .logo .site-description {
  padding: 0 0 0 5px;
  margin: 0;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #949292;
  font-family: Arial, Helvetica, sans-serif;
}
.header_banner {
  float: right;
  max-width: 70%;
}
.header_banner a {
  box-shadow: 0 0 0 #0cafdc;
  display: block;
}
.header_banner a:hover {
  box-shadow: 0 4px 0 0 #0cafdc;
}
/* Large desktop and up
/* --------------------------------------------------*/
@media (min-width: 1200px) {
  #header .logo .text-logo {
    font-size: 72px;
    line-height: 72px;
  }
}
/* Tablet to desktop
/* -------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  #header .logo .text-logo {
    font-size: 50px;
    line-height: 50px;
  }
  #header .logo .site-description {
    letter-spacing: 0;
  }
}
/* Landscape phone to desktop/tablet
/* -------------------------------------------------- */
@media (max-width: 767px) {
  #header .logo {
    float: none;
    text-align: center;
    padding: 0 0 10px 0;
  }
  .header_banner {
    float: none;
    max-width: 100%;
    text-align: center;
  }
}
#header .top_page_row {
  position: relative;
  margin: 0 0 36px 0;
}
#header .top_page_row_inner {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 8px 0 10px;
  min-height: 20px;
}
#header .top_page_row_bg_holder {
  position: absolute;
  z-index: 1;
  background: #0db2de;
  left: -32px;
  right: -32px;
  top: 0;
  bottom: 0;
}
#header .top_page_row_border_holder {
  background: #0497d0;
  position: absolute;
  bottom: -8px;
  height: 8px;
  left: -24px;
  right: -24px;
}
#header .top_page_row_border_holder:after {
  position: absolute;
  content: "";
  right: -8px;
  top: 0;
  width: 0px;
  height: 0px;
  border-left: 4px solid #0497d0;
  border-top: 4px solid #0497d0;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
}
#header .top_page_row_border_holder:before {
  position: absolute;
  content: "";
  left: -8px;
  top: 0;
  width: 0px;
  height: 0px;
  border-right: 4px solid #0497d0;
  border-top: 4px solid #0497d0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}
.top_page_menu {
  padding: 0;
  margin: 0;
}
.top_page_menu:after {
  clear: both;
  width: 100%;
  content: "";
  display: block;
}
.top_page_menu > li {
  float: left;
  position: relative;
  padding: 0 15px 0 0;
  font-size: 11px;
  text-transform: uppercase;
}
.top_page_menu > li:before {
  display: none;
}
.top_page_menu > li > a {
  color: #fff;
  display: block;
  position: relative;
}
.top_page_menu > li > a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  height: 1px;
  background: #fff;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
.top_page_menu > li.current-menu-item > a,
.top_page_menu > li > a:hover {
  color: #fff;
  text-decoration: none;
}
.top_page_menu > li.current-menu-item > a:before,
.top_page_menu > li > a:hover:before {
  color: #fff;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .top_page_menu > li > a:before {
    display: none;
  }
  .top_page_menu > li.current-menu-item > a,
  .top_page_menu > li > a:hover {
    color: #fff;
    text-decoration: underline;
  }
  .top_page_menu > li.current-menu-item > a:before,
  .top_page_menu > li > a:hover:before {
    display: none;
  }
}
.top_page_menu .sub-menu {
  display: none;
}
.header_slogan {
  text-align: right;
  font-size: 12px;
  font-style: italic;
}
/* Tablet to desktop
/* --------------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {
  .top_page_row .top_page_row_item {
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .top_page_row_inner .row {
    margin: 0;
  }
  .header_slogan {
    text-align: center;
  }
  .top_page_menu > li {
    float: none;
    display: inline-block;
    padding: 0 8px;
  }
}
/* Landscape phone to desktop/tablet
/* -------------------------------------------------- */
@media (max-width: 767px) {
  .top_page_row .top_page_row_item {
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .top_page_row_inner .row {
    margin: 0;
  }
  .header_slogan {
    text-align: center;
  }
  .top_page_menu > li {
    float: none;
    display: inline-block;
    padding: 0 8px;
  }
}
.header_middle_row {
  padding: 0 0 20px 0;
}
.header_middle_row:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}
.header_bottom_row {
  position: relative;
  margin: 0 0 14px 0;
}
.header_bottom_row_inner {
  padding: 0;
  position: relative;
  z-index: 2;
}
.header_bottom_row_inner:after {
  clear: both;
  content: "";
  width: 100%;
  display: block;
}
.header_bottom_row_bg_holder {
  position: absolute;
  z-index: 1;
  left: -32px;
  right: -32px;
  top: 0;
  bottom: 0;
  background-color: #dededd;
  background-image: -moz-linear-gradient(top, #d2d2d1, #f1efee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d2d2d1), to(#f1efee));
  background-image: -webkit-linear-gradient(top, #d2d2d1, #f1efee);
  background-image: -o-linear-gradient(top, #d2d2d1, #f1efee);
  background-image: linear-gradient(to bottom, #d2d2d1, #f1efee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2d2d1', endColorstr='#fff1efee', GradientType=0);
  border-top: 5px solid #f1efee;
}
.header_bottom_row_border_holder {
  background: #d6d5d5;
  position: absolute;
  bottom: -14px;
  height: 14px;
  left: -14px;
  right: -14px;
}
.header_bottom_row_border_holder:after {
  position: absolute;
  content: "";
  right: -18px;
  top: 0;
  width: 0px;
  height: 0px;
  border-left: 9px solid #d6d5d5;
  border-top: 7px solid #d6d5d5;
  border-bottom: 7px solid transparent;
  border-right: 9px solid transparent;
}
.header_bottom_row_border_holder:before {
  position: absolute;
  content: "";
  left: -18px;
  top: 0;
  width: 0px;
  height: 0px;
  border-right: 9px solid #d6d5d5;
  border-top: 7px solid #d6d5d5;
  border-bottom: 7px solid transparent;
  border-left: 9px solid transparent;
}
/* Landscape phone to desktop/tablet
/* -------------------------------------------------- */
@media (max-width: 767px) {
  .header_bottom_row_bg_holder {
    background: #ddd;
  }
}
/* = Slider
----------------------------------------------- */
#slider-wrapper .flexslider {
  margin: 0 0 30px 0;
}
/* = Top search
----------------------------------------------- */
#top-search {
  float: right;
  padding: 0;
  position: relative;
  z-index: 6;
  margin: 12px 0 0 0;
}
#header_search_form {
  margin: 0;
}
#header_search_form .input-search {
  vertical-align: top;
  margin: 0;
  padding: 8px 28px 9px 10px;
  height: 21px;
  background: #3d3b3a;
  color: #858382;
  border-radius: 16px;
  border: none;
  width: 0;
  position: absolute;
  right: 0;
  z-index: 1;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  border-radius: 0;
  border-bottom: 1px solid #262626;
  opacity: 0;
}
#header_search_form .input-search::-webkit-input-placeholder {
  font-style: italic;
}
#header_search_form .input-search:focus {
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #262626;
}
#header_search_form .input-search:-moz-placeholder {
  font-style: italic;
}
#header_search_form .input-search::-moz-placeholder {
  font-style: italic;
}
#header_search_form .input-search:-ms-input-placeholder {
  font-style: italic;
}
#header_search_form.opened .input-search {
  width: 200px;
  color: #fff;
  opacity: 1;
}
#header_search_form .top-search-submit,
#header_search_form .search-trigger {
  vertical-align: top;
  position: relative;
  cursor: pointer;
  z-index: 2;
  border: none;
  padding: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background: #262626;
  border-bottom: 1px solid #262626;
  display: block;
  box-shadow: none;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
#header_search_form .top-search-submit .icon-search,
#header_search_form .search-trigger .icon-search {
  display: block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
#header_search_form .top-search-submit:hover,
#header_search_form .search-trigger:hover,
#header_search_form .top-search-submit:focus,
#header_search_form .top-search-submit:active {
  text-decoration: none !important;
  color: #0cafdc;
}
#header_search_form .search-trigger {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
#header_search_form .search-trigger:after {
  cursor: pointer;
}
/* = Main navigation
----------------------------------------------- */
.main-nav {
  margin: 0 40px 0 0;
}
.nav_hover_marker {
  background: #0497d0;
  height: 4px;
  position: absolute;
  bottom: 55px;
  left: 0;
  width: 0;
  z-index: 4;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}
.main-nav .navbar_inner {
  background: none;
  position: relative;
}
.sf-menu:after {
  clear: both;
  content: "";
  width: 100%;
  display: block;
}
.main-nav .navbar_inner:after {
  clear: both;
  content: "";
  width: 100%;
  display: block;
}
/* Essential styles for dropdown menu */
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu {
  line-height: 1.0;
  position: relative;
  z-index: 5;
}
.sf-menu li:before {
  display: none;
}
.navbar_inner > div > ul ul,
.navbar_inner > ul ul {
  position: absolute;
  top: -999em;
  min-width: 210px;
  left: 0;
  background: #3d3836;
  padding: 10px 0;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}
.navbar_inner > div > ul li:hover,
.navbar_inner > ul li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */

}
.navbar_inner > div > ul li,
.navbar_inner > ul li {
  position: relative;
  background: none;
  text-transform: none;
  font-weight: normal;
}
.navbar_inner > div > ul > li,
.navbar_inner > ul > li {
  float: left;
  border: none;
  margin: 0 20px 0 0;
}
.navbar_inner > div > ul > li:first-child,
.navbar_inner > ul > li:first-child {
  border-left: none;
}
.navbar_inner > div > ul a,
.navbar_inner > ul a {
  display: block;
  position: relative;
}
.navbar_inner > div > ul li:hover ul,
.navbar_inner > div > ul li.sfHover ul,
.navbar_inner > ul li:hover ul,
.navbar_inner > ul li.sfHover ul {
  left: 0;
  top: 60px;
  /* match top ul list item height */

  z-index: 99;
}
.navbar_inner > div > ul li:hover li ul,
.navbar_inner > div > ul li.sfHover li ul,
.navbar_inner > ul li:hover li ul,
.navbar_inner > ul li.sfHover li ul {
  top: -999em;
}
.navbar_inner > div > ul li li:hover ul,
.navbar_inner > div > ul li li.sfHover ul,
.navbar_inner > ul li li:hover ul,
.navbar_inner > ul li li.sfHover ul {
  left: 100.5%;
  /* match ul width */

  top: -10px;
}
.navbar_inner > div > ul li li:hover li ul,
.navbar_inner > div > ul li li.sfHover li ul,
.navbar_inner > ul li li:hover li ul,
.navbar_inner > ul li li.sfHover li ul {
  top: -999em;
}
/* Our skin for dropdown menu */
.navbar_inner > div > ul,
.navbar_inner > ul {
  margin: 0;
  padding: 0;
}
.navbar_inner > div > ul > li > a,
.navbar_inner > ul > li > a {
  color: #252322;
  font-size: 18px;
  line-height: 38px;
  height: 38px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0;
  background: none;
  font-weight: normal;
  padding: 12px 0 10px;
  display: block;
  position: relative;
}
.navbar_inner > div > ul > li > a .hover_mask,
.navbar_inner > ul > li > a .hover_mask {
  position: absolute;
  top: 1px;
  left: 50%;
  right: 50%;
  height: 4px;
  background: #0cafdc;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
.navbar_inner > div > ul > li > a:hover,
.navbar_inner > div > ul > li.sfHover > a,
.navbar_inner > div > ul > li.current-menu-item > a,
.navbar_inner > div > ul > li.current_page_item > a,
.navbar_inner > ul > li > a:hover,
.navbar_inner > ul > li.sfHover > a,
.navbar_inner > ul > li.current-menu-item > a,
.navbar_inner > ul > li.current_page_item > a {
  color: #252322;
  outline: 0;
  text-decoration: none;
}
.navbar_inner > div > ul > li > a:hover .hover_mask,
.navbar_inner > div > ul > li.sfHover > a .hover_mask,
.navbar_inner > div > ul > li.current-menu-item > a .hover_mask,
.navbar_inner > div > ul > li.current_page_item > a .hover_mask,
.navbar_inner > ul > li > a:hover .hover_mask,
.navbar_inner > ul > li.sfHover > a .hover_mask,
.navbar_inner > ul > li.current-menu-item > a .hover_mask,
.navbar_inner > ul > li.current_page_item > a .hover_mask {
  left: 0;
  right: 0;
}
.navbar_inner > div > ul li li,
.navbar_inner > ul li li {
  margin: 0;
}
.navbar_inner > div > ul li li a,
.navbar_inner > ul li li a {
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  text-decoration: none;
  padding: 7px 10px;
  text-transform: none;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  display: block;
  background: #3d3836;
}
.navbar_inner > div > ul li li > a:hover,
.navbar_inner > div > ul li li.sfHover > a,
.navbar_inner > div > ul li li > a:focus,
.navbar_inner > div > ul li li.current_page_item > a,
.navbar_inner > ul li li > a:hover,
.navbar_inner > ul li li.sfHover > a,
.navbar_inner > ul li li > a:focus,
.navbar_inner > ul li li.current-menu-item > a,
.navbar_inner > div > ul li li.current_page_parent > a {
  color: #fff;
  background: #0cafdc;
  outline: 0;
}
/*** arrows **/
.sf-sub-indicator {
  position: absolute;
  bottom: 18px;
  right: -7px;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 6px 6px;
  border-color: transparent transparent #0cafdc transparent;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.navbar_inner > div > ul li li a .sf-sub-indicator,
.navbar_inner > ul li li a .sf-sub-indicator {
  right: 4px;
  bottom: 5px;
}
.navbar_inner > div > ul li li > a:hover > .sf-sub-indicator,
.navbar_inner > div > ul li li.sfHover > a > .sf-sub-indicator,
.navbar_inner > div > ul li li > a:focus > .sf-sub-indicator,
.navbar_inner > div > ul li li.current_page_item > a > .sf-sub-indicator,
.navbar_inner > ul li li > a:hover > .sf-sub-indicator,
.navbar_inner > ul li li.sfHover > a > .sf-sub-indicator,
.navbar_inner > ul li li > a:focus > .sf-sub-indicator,
.navbar_inner > ul li li.current-menu-item > a > .sf-sub-indicator,
.navbar_inner > div > ul li li.current_page_parent > a > .sf-sub-indicator {
  border-color: transparent transparent #fff transparent;
}
/*** shadows for all but IE6 ***/
/* Navigation select styling */
.select-menu {
  background-image: none;
  background-color: #ddd;
  width: 100%;
  height: 30px;
  padding: 5px;
  cursor: pointer;
  display: none !important;
  color: #222;
  border: none;
  border: 1px solid #ddd;
  margin: 0;
}
/* Tablet to desktop
/* -------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  .navbar_inner > div > ul > li,
  .navbar_inner > ul > li {
    margin: 0 15px 0 0;
  }
  .navbar_inner > div > ul > li > a,
  .navbar_inner > ul > li > a {
    padding: 5px 0;
    font-size: 17px;
  }
  .sf-sub-indicator {
    bottom: 12px;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .select-menu {
    display: block !important;
  }
  ul.sf-menu,
  div.sf-menu > ul {
    display: none;
  }
  .main-nav {
    margin: 0;
  }
  .navbar_inner {
    padding: 10px 0;
  }
}
.select-menu option {
  padding: 5px 8px;
  cursor: pointer;
}
.select-menu option:first-child {
  padding-left: 5px;
  padding-right: 5px;
}
.select-menu option.main_item {
  font-weight: bold;
}
/* =CONTENT
----------------------------------------------- */
.site-main {
  padding: 40px 0 0 0;
  position: relative;
}
.site-main:before {
  content: "";
  position: absolute;
  width: 968px;
  left: 50%;
  margin-left: -484px;
  top: 0;
  bottom: 0;
  background: #383636;
  z-index: 1;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
}
/* Large desktop and up
/* --------------------------------------------------*/
@media (min-width: 1200px) {
  .site-main:before {
    width: 1200px;
    margin-left: -600px;
  }
}
/* Tablet to desktop
/* -------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  .site-main:before {
    width: 752px;
    margin-left: -376px;
  }
}
/* Landscape phone to desktop/tablet
/* -------------------------------------------------- */
@media (max-width: 767px) {
  .site-main:before {
    width: auto;
    margin-left: 0;
    left: -14px;
    right: -14px;
  }
}
#primary {
  position: relative;
  z-index: 2;
}
#secondary {
  background: #2a2827;
  padding: 10px 0 20px;
}
#secondary:before {
  position: absolute;
  z-index: 2;
  width: 300px;
  top: 40px;
  bottom: 0;
  background: #2a2827;
  content: "";
}
/* Large desktop and up
/* --------------------------------------------------*/
@media (min-width: 1200px) {
  #secondary:before {
    width: 370px;
  }
}
/* Tablet to desktop
/* -------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  #secondary:before {
    width: 228px;
  }
}
/* Landscape phone to desktop/tablet
/* -------------------------------------------------- */
@media (max-width: 767px) {
  #secondary {
    position: relative;
    z-index: 2;
    margin: 0 10px;
    width: auto;
    padding: 20px 0 0 0;
  }
  #secondary:before {
    display: none;
  }
}
#primary.left {
  float: right;
}
.hentry {
  padding: 0;
  margin: 0 0 15px 0;
  position: relative;
}
.page_wrap {
  padding: 0;
  margin: 0 0 20px 0;
  position: relative;
}
.page_wrap:after {
  clear: both;
  content: "";
  width: 100%;
  display: block;
  height: 0;
}
.page-title {
  padding: 0 0 15px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #555;
  position: relative;
}
.page-title:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #111;
}
.page-title span {
  color: #fff;
}
.archive.date .page-title {
  padding: 0 0 15px 40px;
}
.archive.date .page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  font-size: 30px;
  font-family: FontAwesome;
  content: "\f073";
}
.archive.category .page-title {
  padding: 0 0 15px 40px;
}
.archive.category .page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  font-size: 30px;
  font-family: FontAwesome;
  content: "\f07c";
}
.archive.author .page-header .page-title {
  padding: 0 0 10px 40px;
  margin: 0;
  border: none;
}
.archive.author .page-header .page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  font-size: 30px;
  font-family: FontAwesome;
  content: "\f007";
}
.archive.author .page-header .page-title:after {
  display: none;
}
.search-results .page-title {
  padding: 0 0 15px 40px;
}
.search-results .page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  font-size: 30px;
  font-family: FontAwesome;
  content: "\f002";
}
.taxonomy-description {
  padding: 15px 15px 15px 50px;
  background: #444;
  margin: 0 0 30px 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  position: relative;
}
.taxonomy-description:before {
  position: absolute;
  left: 15px;
  top: 50%;
  margin: -11px 0 0 0;
  font-size: 30px;
  font-family: FontAwesome;
  content: "\f05a";
}
.taxonomy-description p {
  margin: 0;
}
#primary .page-header {
  border: none;
  padding: 0;
  margin: 0;
}
.two_column_item_clear {
  clear: both;
}
.two_column_item,
.one_column_item {
  margin-bottom: 30px;
  border-bottom: 1px solid #555;
}
.two_column_item .post__holder,
.one_column_item .post__holder {
  border-bottom: 1px solid #111;
  margin: 0;
  padding: 0 0 30px 0;
}
.two_column_item.last_item,
.one_column_item.last_item {
  border-bottom: none;
  margin-bottom: 0;
}
.two_column_item.last_item .post__holder,
.one_column_item.last_item .post__holder {
  border-bottom: none;
}
/* Post header */
.post-title {
  margin: 0;
  padding: 5px 0;
  overflow: hidden;
  font-weight: 300;
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.no-thumb .post-title {
  padding-right: 50px;
}
.post-title a {
  color: inherit;
}
.post-title a:hover {
  color: #fff;
}
.post-title a:hover,
.post-title a:active,
.post-title a:focus {
  text-decoration: none;
}
/* Post content */
.post_content {
  padding: 5px 0 0 0;
}
.post_content:after {
  clear: both;
  width: 100%;
  content: "";
  display: block;
}
.single .post_content {
  padding: 10px 0 15px 0;
}
.gallery-post {
  padding: 10px 0 15px;
}
.post_content p,
.page_wrap p {
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.excerpt {
  word-break: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.post_content.pholio {
  min-height: 0;
}
.post_content:after {
  clear: both;
  content: "";
  width: 100%;
  display: block;
}
.post_content .post_permalink {
  float: right;
  margin: 0 10px 0 0;
}
.post_permalink a {
  font-size: 12px;
  font-style: normal;
  text-decoration: none !important;
}
.post_permalink a:active,
.post_permalink a:focus {
  text-decoration: none;
}
.post_permalink a i {
  font-size: 14px;
  margin: 0 3px 0 0;
  text-decoration: none !important;
}
.excerpt {
  padding: 0 0 10px 0;
  color: #a0a0a0;
  font-weight: 300;
}
.byline {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.entry-content,
.entry-summary {
  margin: 10px 0 0 0;
}
.page-links {
  clear: both;
  margin: 0;
  padding: 10px 0;
}
.page-links a {
  display: inline-block;
  line-height: 20px;
  padding: 5px 11px;
  font-size: 13px;
  color: #fff;
  background: #222;
  margin: 0;
  min-width: 10px;
  text-align: center;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
}
.page-links a:hover {
  text-decoration: none;
  padding: 10px 11px;
  background: #0cafdc;
  color: #fff;
  font-size: 16px;
}
.page-links > span {
  display: inline-block;
  line-height: 20px;
  padding: 10px;
  font-size: 16px;
  background: #0cafdc;
  color: #fff;
  margin: 0;
  min-width: 10px;
  text-align: center;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
}
/* featured thumbnail */
.featured-thumbnail {
  margin: 0 0 5px 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.featured-thumbnail img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.blog .featured-thumbnail {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.thumb-link .thumbnail {
  position: relative;
}
.thumb-link .thumbnail:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.thumb-link .thumbnail:after {
  content: "\f0c1";
  font-family: FontAwesome;
  background: #fff;
  color: #000;
  width: 36px;
  height: 34px;
  line-height: 34px;
  padding: 2px 0 0 0;
  border-radius: 18px;
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: -5%;
  margin: -18px 0 0 -18px;
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  text-shadow: 0 0 0 #fff;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  z-index: 3;
  visibility: hidden;
}
.thumb-link:hover .thumbnail:before {
  opacity: 0.7;
  filter: alpha(opacity=70);
  visibility: visible;
}
.thumb-link:hover .thumbnail:after {
  top: 50%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  visibility: visible;
}
.single .featured-thumbnail {
  margin: 0 0 10px 0;
}
.featured-thumbnail.large {
  float: none;
  margin: 0 0 10px 0;
}
.post-footer {
  margin: 0;
  padding: 15px;
  background: #444;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.post-footer i {
  font-size: 14px;
}
/* post tags */
.post-footer a {
  display: inline-block;
  margin: 0 1px 2px 7px;
  font-size: 11px !important;
  line-height: 18px;
  height: 18px;
  padding: 0 10px;
  background: #0cafdc;
  border: 1px solid #087593;
  color: #ffffff;
}
.post-footer a + a {
  margin: 0 1px 2px 0;
}
.post-footer a:hover {
  color: #ffffff;
  background: #111;
  border: 1px solid #000;
  text-decoration: none;
}
.post-footer a:active {
  color: #ffffff;
  background: #111;
  border: 1px solid #000;
  text-decoration: none;
}
.post-footer a:focus {
  color: #ffffff;
  background: #111;
  border: 1px solid #000;
  text-decoration: none;
}
.tagcloud a {
  display: inline-block;
  margin: 0 1px 2px 0;
  font-size: 11px !important;
  line-height: 18px;
  height: 18px;
  padding: 0 10px;
  background: #0cafdc;
  border: 1px solid #087593;
  color: #ffffff;
}
.tagcloud a:hover {
  color: #ffffff;
  background: #111;
  border: 1px solid #000;
  text-decoration: none;
}
/* post foramt label */
.post_type_label {
  position: absolute;
  top: -11px;
  right: 16px;
  width: 38px;
  line-height: 40px;
  text-align: center;
  height: 40px;
  background-color: #09a6d8;
  background-image: -moz-linear-gradient(top, #0caedc, #059bd2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0caedc), to(#059bd2));
  background-image: -webkit-linear-gradient(top, #0caedc, #059bd2);
  background-image: -o-linear-gradient(top, #0caedc, #059bd2);
  background-image: linear-gradient(to bottom, #0caedc, #059bd2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0caedc', endColorstr='#ff059bd2', GradientType=0);
  border: 1px solid #059bd2;
  border-bottom: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  z-index: 999;
}
.post_type_label:after {
  font-family: FontAwesome;
  font-size: 20px;
  color: #fff;
  text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.1);
  content: "\f0f6";
  cursor: default;
}
.post_type_label_inner {
  position: absolute;
  left: -11px;
  top: -1px;
  width: 0px;
  height: 0px;
  border-right: 5px solid #1182ab;
  border-top: 5px solid transparent;
  border-bottom: 5px solid #1182ab;
  border-left: 5px solid transparent;
}
.post_type_label_inner:after,
.post_type_label_inner:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
}
.post_type_label_inner:after {
  border-right: 10px solid #059bd2;
  border-top: 5px solid #059bd2;
  border-bottom: 5px solid transparent;
  border-left: 10px solid transparent;
  bottom: -46px;
  right: -45px;
}
.post_type_label_inner:before {
  border-right: 10px solid transparent;
  border-top: 5px solid #059bd2;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #059bd2;
  bottom: -46px;
  right: -25px;
}
.no-thumb .post_type_label,
.single-format-gallery .post_type_label {
  right: 1px;
}
.no-thumb .post_type_label_inner,
.single-format-gallery .post_type_label_inner {
  border-color: transparent;
}
.post_type_label.gallery:after {
  content: "\f03e";
}
.post_type_label.quote:after {
  content: "\f10e";
}
.post_type_label.image:after {
  content: "\f03e";
}
.post_type_label.video:after {
  content: "\f008";
}
.post_type_label.audio:after {
  content: "\f001";
}
.post_type_label.aside:after {
  content: "\f041";
}
.post_type_label.link:after {
  content: "\f08e";
}
.post_type_label.chat:after {
  content: "\f0e6";
}
.post_type_label.status:after {
  content: "\f0e5";
}
.sticky .post_type_label:after {
  content: "\f006";
  font-size: 24px;
}
/* post meta */
.post_meta {
  margin: 0;
  padding: 5px 0 0 0;
}
.post_meta_row_1:after {
  clear: both;
  width: 100%;
  content: "";
  display: block;
}
.post_meta_row_2:after {
  clear: both;
  width: 100%;
  content: "";
  display: block;
}
.post_meta i {
  font-size: 15px;
  color: #c4c4c4;
}
.post_meta span {
  display: inline-block;
  margin: 0 15px 0 0;
}
.post_meta span i {
  margin-right: 8px !important;
}
.post_meta span.post_permalink a:hover {
  text-decoration: none;
}
.post_meta span.post_permalink i:before {
  font-size: 14px;
}
.post_meta .post_category {
  margin: 0 40px 0 0;
}
.post_meta .post_author {
  font-size: 12px;
}
.post_meta .post_author a {
  text-transform: uppercase;
  font-weight: bold;
}
.post_meta .post_author a:hover,
.post_meta .post_author a:focus,
.post_meta .post_author a:active {
  color: #fff;
  text-decoration: none;
}
.post_meta .post_date {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
}
.post_meta .post_permalink {
  float: right;
}
.post_meta .post_comment {
  margin: 0;
  float: right;
  position: relative;
  height: 20px;
}
.post_meta .post_comment i[class^='icon-'] {
  font-size: 17px;
  margin: 0 !important;
  vertical-align: top;
  display: block;
}
.post_meta .post_comment span.comments-link i[class^='icon-'] {
  cursor: default;
}
.post_meta .post_comment a.comments-link i[class^='icon-'] {
  cursor: pointer;
}
.post_meta .post_comment a.comments-link:hover,
.post_meta .post_comment a.comments-link:active,
.post_meta .post_comment a.comments-link:focus {
  color: #fff;
  text-decoration: none;
}
.post_meta .post_comment a.comments-link:hover i,
.post_meta .post_comment a.comments-link:active i,
.post_meta .post_comment a.comments-link:focus i {
  color: #fff;
}
.post_meta .post_comment a.comments-link:hover b,
.post_meta .post_comment a.comments-link:active b,
.post_meta .post_comment a.comments-link:focus b {
  color: #ccc;
}
.post_meta .post_comment a.comments-link:hover b:hover,
.post_meta .post_comment a.comments-link:active b:hover,
.post_meta .post_comment a.comments-link:focus b:hover {
  color: #fff;
}
.post_meta .post_comment .comments-link {
  margin: 0 12px 0 0;
  display: inline-block;
}
.post_meta .post_comment .comments-link b {
  margin: 0 !important;
  white-space: nowrap;
  width: auto;
  position: absolute;
  right: 0;
  top: -50px;
  opacity: 0;
  visibility: hidden;
  font-weight: normal;
  background: #111;
  color: #ccc;
  border-radius: 3px;
  padding: 5px 10px;
  z-index: 999;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.post_meta .post_comment .comments-link b:after {
  position: absolute;
  content: "";
  bottom: -6px;
  right: 15px;
  border-top: 7px solid #111;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 0 solid transparent;
}
.post_meta .post_comment .comments-link b:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: -20px;
  width: 60px;
  height: 20px;
}
.post_meta .post_comment .comments-link:hover b {
  opacity: 1;
  visibility: visible;
  top: -37px;
}
/* related-posts */
.related-posts {
  margin: 0 0 20px 0;
}
.related-posts_list {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.related-posts_item {
  font-size: 13px;
  line-height: 20px;
  width: 23%;
  margin: 0 0 0 2.5%;
  list-style: none;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}
.related-posts_item:before {
  display: none;
}
.related-posts_item .featured-thumbnail {
  float: none;
  margin: 0 0 10px 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.related-posts_item .featured-thumbnail a {
  display: block;
  vertical-align: middle;
  font-weight: bold;
}
.related-posts_item .featured-thumbnail a:hover {
  text-decoration: none;
}
.related-posts_item .featured-thumbnail img {
  width: 100%;
  height: auto;
}
.related-posts_item:first-child {
  margin: 0;
}
.entry-attachment {
  text-align: center;
}
.entry-attachment .attachment {
  padding: 0 0 15px 0;
}
/* Author bio */
.author-info {
  padding: 15px;
  margin: 0 0 20px 0;
  background: #444;
  border-bottom: 4px solid #0cafdc;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.author-info.author-page .author-description {
  padding: 10px 0 0 0;
}
.author-info .thumbnail {
  float: left;
  margin: 15px 20px 0 0;
  border-radius: 50%;
  outline: none;
  border: 3px solid #2A2827;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  position: relative;
}
.author-info .thumbnail img {
  border-radius: 50%;
}
.author-info .thumbnail:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) inset;
  border-radius: 50%;
}
.author-page .thumbnail {
  width: 120px;
}
.author-info:after {
  width: 100%;
  height: 0;
  clear: both;
  display: block;
  content: "";
}
.author-description {
  overflow: hidden;
}
.author-description h2 {
  margin: 0 0 5px 0;
}
.author-description h2 a:hover {
  text-decoration: none;
}
.author-description h2 a:focus {
  text-decoration: none;
}
.author-description h2 a:active {
  text-decoration: none;
}
/* UP TO LANDSCAPE PHONE
/* -------------------------------------------------- */
@media (max-width: 480px) {
  .author-info .thumbnail {
    width: 80px;
    margin: 0 auto 10px auto;
    float: none;
  }
  .author-info h2 {
    text-align: center;
  }
}
/* Page Nav */
.no-results + .page_nav_wrap {
  display: none;
}
.page_nav_wrap {
  padding: 0 0 30px 0;
  margin: 0;
}
.page_nav_wrap .post_nav ul {
  padding: 0;
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
}
.page_nav_wrap .post_nav ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0 4px 0 0;
  background: none;
  font-size: 20px;
  list-style: 20px;
}
.page_nav_wrap .post_nav ul li:before {
  display: none;
}
.page_nav_wrap .post_nav ul li .page-numbers,
.post_nav .more_link a {
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  color: #ffffff;
  background-color: #0ba0c9;
  background-image: -moz-linear-gradient(top, #0cafdc, #0989ac);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cafdc), to(#0989ac));
  background-image: -webkit-linear-gradient(top, #0cafdc, #0989ac);
  background-image: -o-linear-gradient(top, #0cafdc, #0989ac);
  background-image: linear-gradient(to bottom, #0cafdc, #0989ac);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0cafdc', endColorstr='#ff0989ac', GradientType=0);
  border-color: #0989ac #0989ac #054f63;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0989ac;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #0989ac;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 0;
  padding: 5px 10px;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: 3px;
  text-decoration: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.page_nav_wrap .post_nav ul li .page-numbers:hover,
.post_nav .more_link a:hover,
.page_nav_wrap .post_nav ul li .page-numbers:focus,
.post_nav .more_link a:focus,
.page_nav_wrap .post_nav ul li .page-numbers:active,
.post_nav .more_link a:active,
.page_nav_wrap .post_nav ul li .page-numbers.active,
.post_nav .more_link a.active,
.page_nav_wrap .post_nav ul li .page-numbers.disabled,
.post_nav .more_link a.disabled,
.page_nav_wrap .post_nav ul li .page-numbers[disabled],
.post_nav .more_link a[disabled] {
  color: #ffffff;
  background-color: #0989ac;
  *background-color: #087593;
}
.page_nav_wrap .post_nav ul li .page-numbers:active,
.post_nav .more_link a:active,
.page_nav_wrap .post_nav ul li .page-numbers.active,
.post_nav .more_link a.active {
  background-color: #07627b \9;
}
.page_nav_wrap .post_nav ul li a:hover,
.page_nav_wrap .post_nav ul li a:focus,
.page_nav_wrap .post_nav ul li a:active,
.post_nav .more_link a:hover,
.post_nav .more_link a:active,
.post_nav .more_link a:focus {
  color: #0cafdc;
  text-shadow: none;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
  border-color: #cccccc #cccccc #a6a6a6;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #cccccc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  text-decoration: none;
}
.page_nav_wrap .post_nav ul li a:hover:hover,
.page_nav_wrap .post_nav ul li a:focus:hover,
.page_nav_wrap .post_nav ul li a:active:hover,
.post_nav .more_link a:hover:hover,
.post_nav .more_link a:active:hover,
.post_nav .more_link a:focus:hover,
.page_nav_wrap .post_nav ul li a:hover:focus,
.page_nav_wrap .post_nav ul li a:focus:focus,
.page_nav_wrap .post_nav ul li a:active:focus,
.post_nav .more_link a:hover:focus,
.post_nav .more_link a:active:focus,
.post_nav .more_link a:focus:focus,
.page_nav_wrap .post_nav ul li a:hover:active,
.page_nav_wrap .post_nav ul li a:focus:active,
.page_nav_wrap .post_nav ul li a:active:active,
.post_nav .more_link a:hover:active,
.post_nav .more_link a:active:active,
.post_nav .more_link a:focus:active,
.page_nav_wrap .post_nav ul li a:hover.active,
.page_nav_wrap .post_nav ul li a:focus.active,
.page_nav_wrap .post_nav ul li a:active.active,
.post_nav .more_link a:hover.active,
.post_nav .more_link a:active.active,
.post_nav .more_link a:focus.active,
.page_nav_wrap .post_nav ul li a:hover.disabled,
.page_nav_wrap .post_nav ul li a:focus.disabled,
.page_nav_wrap .post_nav ul li a:active.disabled,
.post_nav .more_link a:hover.disabled,
.post_nav .more_link a:active.disabled,
.post_nav .more_link a:focus.disabled,
.page_nav_wrap .post_nav ul li a:hover[disabled],
.page_nav_wrap .post_nav ul li a:focus[disabled],
.page_nav_wrap .post_nav ul li a:active[disabled],
.post_nav .more_link a:hover[disabled],
.post_nav .more_link a:active[disabled],
.post_nav .more_link a:focus[disabled] {
  color: #0cafdc;
  background-color: #cccccc;
  *background-color: #bfbfbf;
}
.page_nav_wrap .post_nav ul li a:hover:active,
.page_nav_wrap .post_nav ul li a:focus:active,
.page_nav_wrap .post_nav ul li a:active:active,
.post_nav .more_link a:hover:active,
.post_nav .more_link a:active:active,
.post_nav .more_link a:focus:active,
.page_nav_wrap .post_nav ul li a:hover.active,
.page_nav_wrap .post_nav ul li a:focus.active,
.page_nav_wrap .post_nav ul li a:active.active,
.post_nav .more_link a:hover.active,
.post_nav .more_link a:active.active,
.post_nav .more_link a:focus.active {
  background-color: #b3b3b3 \9;
}
.post_nav ul li .page-numbers.dots {
  background: none !important;
  border: none;
  box-shadow: none;
}
.page_nav_wrap .post_nav ul li .current {
  color: #0cafdc;
  text-shadow: none;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
  border-color: #cccccc #cccccc #a6a6a6;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #cccccc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
}
.page_nav_wrap .post_nav ul li .current:hover,
.page_nav_wrap .post_nav ul li .current:focus,
.page_nav_wrap .post_nav ul li .current:active,
.page_nav_wrap .post_nav ul li .current.active,
.page_nav_wrap .post_nav ul li .current.disabled,
.page_nav_wrap .post_nav ul li .current[disabled] {
  color: #0cafdc;
  background-color: #cccccc;
  *background-color: #bfbfbf;
}
.page_nav_wrap .post_nav ul li .current:active,
.page_nav_wrap .post_nav ul li .current.active {
  background-color: #b3b3b3 \9;
}
.single-post-nav {
  padding: 0;
  margin: 0 0 15px 0;
  width: 100%;
}
.single-post-nav:after {
  content: "";
  width: 100%;
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.single-post-nav a {
  float: left;
  width: 50px;
  height: 50px;
  border: 3px solid #ccc;
  border-radius: 27px;
  position: relative;
}
.single-post-nav a:before {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  color: #ccc;
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 0;
  right: 4px;
  bottom: 0;
  overflow: hidden;
  cursor: pointer;
  line-height: 50px;
  text-align: center;
  content: "\f104";
  font-size: 44px;
}
.single-post-nav a span {
  visibility: hidden;
  position: absolute;
  width: 300px;
  padding: 20px;
  background: #111;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  left: -10px;
  bottom: 50px;
}
.single-post-nav a span:after {
  position: absolute;
  content: "";
  bottom: -6px;
  left: 29px;
  border-top: 7px solid #111;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 0 solid transparent;
}
.single-post-nav a span:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -20px;
  width: 110px;
  height: 20px;
}
.single-post-nav a[rel="next"] {
  float: right;
}
.single-post-nav a[rel="next"]:before {
  content: "\f105";
  left: 4px;
  right: 0;
}
.single-post-nav a[rel="next"] span {
  right: -10px;
  left: auto;
  text-align: right;
}
.single-post-nav a[rel="next"] span:after {
  right: 29px;
  left: auto;
}
.single-post-nav a[rel="next"] span:before {
  right: 0;
  left: auto;
}
.single-post-nav a:hover {
  text-decoration: none;
  color: #fff;
  border: 3px solid #fff;
}
.single-post-nav a:hover:before {
  color: #fff;
}
.single-post-nav a:hover span {
  opacity: 1;
  visibility: visible;
  bottom: 65px;
}
/* UP TO LANDSCAPE PHONE
/* -------------------------------------------------- */
@media (max-width: 480px) {
  .single-post-nav a span {
    width: 250px;
  }
}
/* =Portfolio Page
----------------------------------------------- */
.portfolio-page {
  padding: 0 0 10px 0;
}
.portf_item {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  margin: 0 0 25px 0;
  position: relative;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.portf_item h5 {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  background: #222;
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.portf_item h5 span {
  display: block;
  padding: 15px 10px;
}
.portf_item h5:after {
  position: absolute;
  content: "";
  bottom: -10px;
  right: 15px;
  border-top: 10px solid #222;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0 solid transparent;
}
.portf_item .portfolio-thumbnail {
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.portf_item .portfolio-thumbnail:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  content: "";
  background: #0cafdc;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.portf_item .view_link_wrapper {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  text-align: center;
}
.portf_item .view_link_wrapper .view_link {
  background: #202020;
  color: #ccc;
  vertical-align: middle;
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  opacity: 0;
  margin: 10px 0 0 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.portf_item .view_link_wrapper .view_link:before {
  font-family: FontAwesome;
  content: "\f06e";
  display: inline-block;
  margin: 0 5px 0 0;
}
.portf_item .preview_link {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-decoration: none;
  color: #fff;
  background: #0cafdc;
  text-align: center;
  padding: 5px;
  height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.portf_item:hover {
  margin-bottom: 10px;
}
.portf_item:hover h5 {
  top: 0;
  opacity: 1;
}
.portf_item:hover .portfolio-thumbnail {
  padding: 15px 0 0 0;
}
.portf_item:hover .portfolio-thumbnail:after {
  height: 6px;
}
.portf_item:hover .view_link_wrapper .view_link {
  opacity: 1;
  margin: -10px 0 0 0;
}
.portf_item:hover .view_link_wrapper .view_link:hover {
  color: #0cafdc;
}
.portf_item:hover .preview_link {
  height: 30px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.portf_item:hover .preview_link:hover {
  background: #fff;
  color: #0cafdc;
}
/* Landscape phone to desktop/tablet
/* -------------------------------------------------- */
@media (max-width: 767px) {
  .portf_item {
    width: 270px;
    margin: 0 auto 25px auto;
  }
}
/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
/* =Page 404
----------------------------------------------- */
.page404 {
  text-align: center;
}
.page404 .hentry {
  padding: 20px 35px 20px;
}
.page404 .hentry .searchform {
  margin: 0 50px;
}
.error404-num {
  font-size: 200px;
  line-height: 150px;
  color: #0cafdc;
  padding: 10px 0 30px 0;
}
.page404 .searchform #searchsubmit {
  float: none;
}
.page404 h1:before {
  font-family: FontAwesome;
  content: "\f119";
  display: inline-block;
  margin: 0 10px 0 0;
}
/* =Media
----------------------------------------------- */
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wp-caption {
  margin-bottom: 10px;
  max-width: 100%;
}
.wp-caption.alignnone {
  overflow: hidden;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 10px auto 0;
  max-width: 100%;
}
.wp-caption-text {
  text-align: center;
  background: #222;
  margin: 0 5px;
  padding: 10px;
  border: 1px solid #111;
  border-top: none;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
}
.wp-caption.alignnone .wp-caption-text {
  margin: 0;
}
.entry-meta {
  padding: 0 0 10px 0;
}
.entry-meta + .pager {
  margin: 0;
}
/* = Post Formats
----------------------------------------------- */
.format-status .post_permalink,
.format-quote .post_permalink,
.format-aside .post_permalink,
.no-title .post_permalink {
  float: none;
  margin: 0 50px 0 0;
}
.format-status .post_comment,
.format-quote .post_comment,
.format-aside .post_comment,
.no-title .post_comment {
  margin: 0 40px 0 0;
}
.format-status .post_category,
.format-quote .post_category,
.format-aside .post_category,
.post_meta.link .post_category {
  margin-right: 15px;
}
.format-status .post_permalink,
.format-quote .post_permalink,
.format-aside .post_permalink,
.post_meta.link .post_permalink {
  float: none;
  margin: 0 50px 0 0;
}
.format-link .post_content a:before {
  font-family: FontAwesome;
  content: "\f08e";
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 13px;
  vertical-align: sub;
}
.single .format-quote .post_comment {
  margin: 0;
}
.single .no-title .post_comment {
  margin: 0 40px 0 0;
}
.format-chat .post_content p {
  padding: 8px 15px;
  margin: 0;
}
.format-chat .post_content p:nth-child(odd) {
  background: #222;
}
/* = Image
----------------------------------------------- */
.post_format_image {
  text-align: center;
  position: relative;
}
.post_format_image a:hover {
  text-decoration: none;
}
.attachment-770x295 {
  width: 100%;
  height: auto;
}
.format-image .lightbox_img.single {
  overflow: hidden;
  margin: 0;
}
.format_image_wrap {
  margin: 0;
  text-align: center;
}
/* = Zoom Icon
----------------------------------------------- */
a.lightbox_img {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
a .hover_overlay {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
a:hover .hover_overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
a .hover_overlay .icon-plus-sign {
  color: #fff;
  font-size: 40px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  right: 0;
  top: -5%;
  margin: -24px 0 0 0;
  display: inline-block;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  text-shadow: 0 0 0 #fff;
  width: auto !important;
}
a:hover .hover_overlay .icon-zoom-in {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
/* = Gallery
----------------------------------------------- */
.gallery:after {
  clear: both;
}
.gallery-item {
  display: block;
  float: left;
  vertical-align: top;
  font-size: 12px;
  line-height: 20px;
  margin: 0 4px 4px 0;
  overflow: hidden;
  position: relative;
}
.single .gallery-columns-1.gallery-size-medium,
.single .gallery-columns-1.gallery-size-thumbnail,
.single .gallery-columns-2.gallery-size-thumbnail,
.single .gallery-columns-3.gallery-size-thumbnail {
  display: table;
  margin: 0 auto 20px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
.single [class*='gallery-columns-'] {
  margin-bottom: 20px;
}
.gallery-columns-1 .gallery-item {
  max-width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 48%;
  text-align: center;
}
.gallery-columns-3 .gallery-item {
  max-width: 31%;
  text-align: center;
}
.gallery-columns-4 .gallery-item {
  max-width: 23%;
}
.gallery-columns-5 .gallery-item {
  max-width: 19%;
}
.gallery-columns-6 .gallery-item {
  max-width: 15%;
}
.gallery-columns-7 .gallery-item {
  max-width: 13%;
}
.gallery-columns-8 .gallery-item {
  max-width: 11%;
}
.gallery-columns-9 .gallery-item {
  max-width: 9%;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-right: 0;
}
.gallery-caption {
  background: url(images/opacity-bg.png);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  max-height: 50%;
  opacity: 0;
  padding: 8px 5px;
  position: absolute;
  bottom: -100px;
  left: 0;
  text-align: left;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
  width: 100%;
  border: none;
}
.gallery-caption:before {
  box-shadow: 0 -10px 15px #000000 inset;
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.gallery-item:hover .gallery-caption {
  opacity: 1;
  bottom: 0;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption {
  display: none;
}
.gallery br {
  display: block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .gallery-columns-1.gallery-size-thumbnail .gallery-caption,
  .gallery-columns-2 .gallery-caption,
  .gallery-columns-3 .gallery-caption,
  .gallery-columns-4 .gallery-caption,
  .gallery-columns-5 .gallery-caption,
  .gallery-columns-6 .gallery-caption,
  .gallery-columns-7 .gallery-caption,
  .gallery-columns-8 .gallery-caption,
  .gallery-columns-9 .gallery-caption,
  .gallery-columns-10 .gallery-caption {
    display: none;
  }
}
/* = Gallery Preview
----------------------------------------------- */
.lightbox_img {
  display: block;
}
.lightbox_img.single {
  position: relative;
}
/* = Chat
----------------------------------------------- */
.chat {
  margin: 0 0 10px 0;
}
.chat .chat-author {
  display: block;
  font-weight: bold;
  font-style: italic;
}
.chat .chat-author cite {
  font-style: italic;
}
.chat .chat-text {
  padding: 0 0 15px 0;
  margin: 0;
}
/* = Link
----------------------------------------------- */
.format-link .post_meta {
  padding-right: 45px;
}
/* = Aside
----------------------------------------------- */
.single .format-aside .post_content {
  padding-top: 10px;
}
/* = Qoute
----------------------------------------------- */
.format-quote blockquote p {
  padding: 5px 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  font-style: italic;
}
.format-quote blockquote p cite {
  display: block;
  font-style: italic;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}
figure.quote {
  margin: 0;
}
figcaption.quote-caption {
  display: block;
  margin: -10px 0 0 0;
  color: #8b8686;
}
figcaption.quote-caption a {
  color: #8b8686;
}
/* = Video
----------------------------------------------- */
.video_wrap {
  margin: 0 0 10px 0;
}
.single .video_wrap {
  margin: 0 0 10px;
}
/* = Status
----------------------------------------------- */
.format-status .post_content {
  font-size: 18px;
  line-height: 22px;
  font-style: italic;
  color: #999999;
  min-height: none;
  padding: 10px 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}
.wp-audio-shortcode {
  margin: 0 0 20px 0;
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .wp-audio-shortcode.mejs-container {
    width: 100% !important;
  }
}
/* =Comments
----------------------------------------------- */
.comments-area {
  margin: 0 0 30px 0;
}
.comment-list {
  margin: 0;
  list-style: none;
}
.comment-list > li {
  padding: 0;
  list-style: none;
  margin: 0 0 20px 0;
}
.comment-list li:before {
  display: none;
}
.comment-list .comment-body {
  border-bottom: 4px solid #2A2827;
  border-radius: 0;
  padding: 15px;
  background: #444;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
}
.comment-list .children {
  padding: 0;
  margin: 0;
}
.comment-list .children li {
  margin: 10px 0 0 30px;
  list-style: none;
  padding: 0;
}
.comment-list .comment-author {
  float: left;
  margin: 0 15px 0 0;
  text-align: center;
  max-width: 110px;
}
.comment-list .pingback .comment-author {
  max-width: 100%;
  float: none;
}
.comment-list .comment-author img {
  border-radius: 36px;
}
.comment-list .comment-author .author {
  display: block;
  padding: 5px 0 0 0;
  text-align: center;
  text-transform: capitalize;
  font-weight: bold;
}
.comment-list .reply {
  float: right;
}
.comment-list .comment-meta {
  float: right;
  margin: 0 20px 0 0;
}
.comment-list .comment-meta.commentmetadata:before {
  font-family: FontAwesome;
  content: "\f073";
  font-size: 14px;
  display: inline-block;
  margin: 0 8px 0 0;
}
.comment-list .comment-footer {
  padding: 10px 0 5px;
}
.comment-list li.pingback .comment-author {
  margin: 0 0 10px 0;
  float: none;
  display: block;
}
.comment-list li.pingback .comment-author img {
  display: none;
}
.comment-list li.pingback .comment-author .author {
  text-align: left;
  padding: 0 0 5px 0;
}
.comment-list .bypostauthor .comment-body {
  border-bottom: 4px solid #0cafdc;
  background: #4a4a4a;
}
.comment-reply-title {
  padding: 15px 0 0 0;
}
#reply-title small {
  display: block;
}
#cancel-comment-reply-link {
  letter-spacing: 0;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
}
#cancel-comment-reply-link:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 14px;
  display: inline-block;
  margin: 0 5px 0 0;
}
.comment-reply-link {
  display: inline-block;
}
.comment-reply-link:before {
  font-family: FontAwesome;
  content: "\f112";
  font-size: 12px;
  display: inline-block;
  margin: 0 5px 0 0;
}
/* UP TO LANDSCAPE PHONE
/* -------------------------------------------------- */
@media (max-width: 480px) {
  .comment-list .comment-author {
    float: none;
    margin: 0 auto 10px auto;
  }
}
#commentform label {
  margin: 0;
}
#commentform textarea,
#commentform input[type='text'] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}
#main ul.children {
  overflow: visible;
}
/* =Sidebar
----------------------------------------------- */
.sidebar_social {
  position: relative;
  z-index: 3;
}
aside[id*="recent-posts"] ul li,
aside[id*="archives"] ul li,
aside[id*="categories"] ul li,
aside[id*="meta"] ul li,
aside[id*="nav_menu"] ul li,
aside[id*="pages"] ul li {
  padding: 0 0 10px 11px;
}
aside[id*="recent-posts"] ul li a,
aside[id*="archives"] ul li a,
aside[id*="categories"] ul li a,
aside[id*="meta"] ul li a,
aside[id*="nav_menu"] ul li a,
aside[id*="pages"] ul li a {
  display: inline-block;
  padding: 0 5px;
}
aside[id*="recent-posts"] ul li a:hover,
aside[id*="archives"] ul li a:hover,
aside[id*="categories"] ul li a:hover,
aside[id*="meta"] ul li a:hover,
aside[id*="nav_menu"] ul li a:hover,
aside[id*="pages"] ul li a:hover {
  background: #0cafdc;
}
/* =Widgets
----------------------------------------------- */
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .widget-area {
    clear: both;
  }
}
.widget {
  padding: 0 20px 20px;
  margin: 0;
  position: relative;
  z-index: 2;
}
.widget h3 {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  padding: 0 0 0 34px;
  margin: 0 0 20px 0;
  position: relative;
  font-weight: bold;
}
.widget h3:before {
  position: absolute;
  left: 1px;
  top: 1px;
  font-size: 23px;
  color: #888;
  font-family: FontAwesome;
  content: "\f05a";
  cursor: default;
  font-weight: normal;
}
/* Tablet to desktop
/* -------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  .widget {
    padding: 0 10px 20px;
  }
}
/* Landscape phone to desktop/tablet
/* -------------------------------------------------- */
@media (max-width: 340px) {
  .widget {
    padding: 0 10px 20px;
  }
}
/* Widget title icons */
#archives.widget h3:before,
[id*='archives-'] h3:before {
  content: "\f07c";
  font-size: 21px;
}
[id*='calendar-'] h3:before {
  content: "\f073";
  font-size: 20px;
  top: 1px;
  left: 3px;
}
[id*='categories-'] h3:before {
  content: "\f07c";
  font-size: 21px;
}
[id*='menu-'] h3:before {
  content: "\f03a";
  font-size: 21px;
}
[id*='pages-'] h3:before {
  content: "\f0e8";
  font-size: 21px;
}
[id*='comments-'] h3:before {
  content: "\f0e6";
  font-size: 21px;
}
[id*='posts-'] h3:before {
  content: "\f0f6";
  font-size: 21px;
}
[id*='search-'] h3:before {
  content: "\f002";
  font-size: 22px;
}
[id*='tag_cloud-'] h3:before {
  content: "\f02c";
  font-size: 21px;
}
[id*='text-'] h3:before {
  content: "\f15c";
  font-size: 21px;
  top: 0;
}
[id*='popular-'] h3:before {
  content: "\f091";
  font-size: 21px;
}
.sidebar_socials.widget h3:before {
  content: "\f0c0";
  font-size: 21px;
}
[id*='rss-'] h3:before {
  display: none;
}
[id*='rss-'] h3 a.rsswidget:first-child img {
  display: none;
}
[id*='rss-'] h3 a.rsswidget:first-child:before {
  position: absolute;
  left: 1px;
  top: 1px;
  font-size: 23px;
  color: #0cafdc;
  font-family: FontAwesome;
  content: "\f05a";
  cursor: pointer;
  font-weight: normal;
  content: "\f09e";
  font-size: 21px;
}
.widget-title {
  margin: 0 0 10px 0;
}
.sidebar_socials_icons:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
}
.sidebar_socials_icons a {
  float: left;
  width: 35px;
  height: 35px;
  margin: 0 5px 5px 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.sidebar_socials_icons a i {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.sidebar_socials_icons a .icon-twitter {
  background: #1c9ac7;
}
.sidebar_socials_icons a .icon-facebook {
  background: #3b5a9b;
}
.sidebar_socials_icons a .icon-linkedin {
  background: #23649b;
}
.sidebar_socials_icons a .icon-google-plus {
  background: #dd4b39;
}
.sidebar_socials_icons a .icon-pinterest {
  background: #e84f61;
}
.sidebar_socials_icons a .icon-rss {
  background: #ff8500;
}
.sidebar_socials_icons a:hover .icon-twitter {
  color: #1c9ac7;
  background: #fff;
  font-size: 24px;
}
.sidebar_socials_icons a:hover .icon-facebook {
  color: #3b5a9b;
  background: #fff;
  font-size: 25px;
}
.sidebar_socials_icons a:hover .icon-linkedin {
  color: #23649b;
  background: #fff;
  font-size: 24px;
}
.sidebar_socials_icons a:hover .icon-google-plus {
  color: #dd4b39;
  background: #fff;
  font-size: 24px;
}
.sidebar_socials_icons a:hover .icon-pinterest {
  color: #e84f61;
  background: #fff;
  font-size: 24px;
}
.sidebar_socials_icons a:hover .icon-rss {
  color: #ff8500;
  background: #fff;
  font-size: 24px;
}
/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}
/* Search */
.searchform {
  position: relative;
}
.searchform:after {
  content: "";
  clear: both;
  display: block;
  width: 100%;
}
.searchform .field {
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  padding: 7px 10px 8px;
  margin: 0 0 10px 0;
}
.searchform #searchsubmit {
  vertical-align: top;
  float: right;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.searchform .screen-reader-text {
  display: none;
}
/* Calendar */
#calendar_wrap {
  padding: 0;
}
#wp-calendar {
  width: 100%;
  box-shadow: none;
}
#wp-calendar caption {
  text-align: center;
}
#wp-calendar td {
  text-align: center;
  padding: 6px 0;
  border: none;
}
#wp-calendar caption {
  font-size: 16px;
  color: #fff;
  background: #000;
  text-transform: uppercase;
  font-weight: normal;
  padding: 10px 0;
  margin: 0;
}
#wp-calendar thead {
  border: none;
}
#wp-calendar thead th {
  padding: 7px 0;
  font-size: 14px;
  background: #0cafdc;
  color: #fff;
  text-align: center;
  border: none;
}
#wp-calendar tbody tr {
  background: #333;
  color: #fff;
}
#wp-calendar tbody tr a {
  font-weight: bold;
}
#wp-calendar tbody tr a:hover,
#wp-calendar tbody tr a:active,
#wp-calendar tbody tr a:focus {
  color: #fff;
  text-decoration: none;
}
#wp-calendar tbody tr:nth-child(odd) {
  background: #444;
}
#wp-calendar tfoot a {
  font-weight: bold;
}
#wp-calendar tfoot a:hover,
#wp-calendar tfoot a:focus,
#wp-calendar tfoot a:active {
  color: #fff;
  text-decoration: none;
}
#wp-calendar #prev {
  text-align: left;
}
#wp-calendar #next {
  text-align: right;
}
/* =Footer
----------------------------------------------- */
.site-footer {
  padding: 0;
  position: relative;
  z-index: 2;
  margin: 14px 0 0 0;
}
.site-footer a {
  color: #fff;
}
.site-footer a:hover,
.site-footer a:active,
.site-footer a:focus {
  color: #0cafdc;
  text-decoration: none;
}
.site-footer .footer_bg_holder {
  position: absolute;
  z-index: 1;
  left: -32px;
  right: -32px;
  top: 0;
  bottom: 0;
  background: #3c3a3a;
}
.site-footer .footer_border_holder {
  background: #2c2b2b;
  position: absolute;
  top: -14px;
  height: 14px;
  left: -14px;
  right: -14px;
}
.site-footer .footer_border_holder:after {
  position: absolute;
  content: "";
  right: -18px;
  top: 0;
  width: 0px;
  height: 0px;
  border-left: 9px solid #2c2b2b;
  border-bottom: 7px solid #2c2b2b;
  border-top: 7px solid transparent;
  border-right: 9px solid transparent;
}
.site-footer .footer_border_holder:before {
  position: absolute;
  content: "";
  left: -18px;
  top: 0;
  width: 0px;
  height: 0px;
  border-right: 9px solid #2c2b2b;
  border-bottom: 7px solid #2c2b2b;
  border-top: 7px solid transparent;
  border-left: 9px solid transparent;
}
.footer-inner {
  position: relative;
  z-index: 2;
}
.site-info {
  padding: 25px 60px 25px 0;
  position: relative;
}
.footer-text {
  float: left;
}
.footer-menu {
  float: right;
  margin: 0;
  padding: 0;
}
.footer-menu ul {
  padding: 0;
  margin: 0;
}
.footer-menu li {
  padding: 0 0 0 12px;
  background: none;
  list-style: none;
  display: inline-block;
}
.footer-menu li:first-child {
  padding: 0;
}
.footer-menu li:before {
  display: none;
}
.footer-menu li ul {
  display: none;
}
.footer-menu li.current_page_item a,
.footer-menu li.current-menu-item a {
  color: #0cafdc;
  text-decoration: underline;
}
#toTop {
  text-align: center;
  position: absolute;
  top: 50%;
  margin: -16px 0 0 0;
  right: 0;
  cursor: pointer;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 26px;
  color: #ffffff;
  background: #222;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
#toTop i {
  font-size: 26px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: block;
}
#toTop:hover {
  background: #222;
  color: #0cafdc;
}
/* Tablet to desktop
/* -------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  .footer-text,
  .footer-menu {
    float: none;
  }
}
/* Landscape phone to desktop/tablet
/* -------------------------------------------------- */
@media (max-width: 767px) {
  .site-info {
    padding: 10px 0;
  }
  .footer-text,
  .footer-menu {
    float: none;
    text-align: center;
    padding: 5px 0;
  }
  #toTop {
    display: none !important;
  }
}
/* =Default Table Styling
----------------------------------------------- */
table {
  width: 100%;
  margin: 0 0 20px 0;
}
table td {
  padding: 5px;
  border: 1px solid #2A2827;
}
table td.label {
  display: table-cell;
  padding: 5px;
  border-radius: 0;
  background: #2A2827;
  line-height: 18px;
}
table th {
  padding: 5px;
  border: 1px solid #2A2827;
  background: #2A2827;
}
table tbody tr {
  background: #444;
}
table tbody tr:nth-child(odd) {
  background: #333;
}
/* =Form Elements
----------------------------------------------- */
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */

  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */

  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */

}
button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 5px 20px;
  color: #fff;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: none;
  background-color: #0ba0c9;
  background-image: -moz-linear-gradient(top, #0cafdc, #0989ac);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cafdc), to(#0989ac));
  background-image: -webkit-linear-gradient(top, #0cafdc, #0989ac);
  background-image: -o-linear-gradient(top, #0cafdc, #0989ac);
  background-image: linear-gradient(to bottom, #0cafdc, #0989ac);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0cafdc', endColorstr='#ff0989ac', GradientType=0);
  border-color: #0989ac #0989ac #054f63;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0989ac;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #0989ac;
  *border: 0;
  font-weight: bold;
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */

  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */

  position: relative;
  vertical-align: top;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
button.active,
html input[type="button"].active,
input[type="reset"].active,
input[type="submit"].active,
button.disabled,
html input[type="button"].disabled,
input[type="reset"].disabled,
input[type="submit"].disabled,
button[disabled],
html input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled] {
  color: #ffffff;
  background-color: #0989ac;
  *background-color: #087593;
}
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
button.active,
html input[type="button"].active,
input[type="reset"].active,
input[type="submit"].active {
  background-color: #07627b \9;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  color: #ffffff;
  text-shadow: none;
  background-color: #0a98bf;
  background-image: -moz-linear-gradient(top, #0989ac, #0cafdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0989ac), to(#0cafdc));
  background-image: -webkit-linear-gradient(top, #0989ac, #0cafdc);
  background-image: -o-linear-gradient(top, #0989ac, #0cafdc);
  background-image: linear-gradient(to bottom, #0989ac, #0cafdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0989ac', endColorstr='#ff0cafdc', GradientType=0);
  border-color: #0cafdc #0cafdc #087593;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0cafdc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #0989ac;
}
button:hover:hover,
html input[type="button"]:hover:hover,
input[type="reset"]:hover:hover,
input[type="submit"]:hover:hover,
button:hover:focus,
html input[type="button"]:hover:focus,
input[type="reset"]:hover:focus,
input[type="submit"]:hover:focus,
button:hover:active,
html input[type="button"]:hover:active,
input[type="reset"]:hover:active,
input[type="submit"]:hover:active,
button:hover.active,
html input[type="button"]:hover.active,
input[type="reset"]:hover.active,
input[type="submit"]:hover.active,
button:hover.disabled,
html input[type="button"]:hover.disabled,
input[type="reset"]:hover.disabled,
input[type="submit"]:hover.disabled,
button:hover[disabled],
html input[type="button"]:hover[disabled],
input[type="reset"]:hover[disabled],
input[type="submit"]:hover[disabled] {
  color: #ffffff;
  background-color: #0cafdc;
  *background-color: #0b9cc4;
}
button:hover:active,
html input[type="button"]:hover:active,
input[type="reset"]:hover:active,
input[type="submit"]:hover:active,
button:hover.active,
html input[type="button"]:hover.active,
input[type="reset"]:hover.active,
input[type="submit"]:hover.active {
  background-color: #0989ac \9;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  color: #ffffff;
  text-shadow: none;
  background-color: #0a98bf;
  background-image: -moz-linear-gradient(top, #0989ac, #0cafdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0989ac), to(#0cafdc));
  background-image: -webkit-linear-gradient(top, #0989ac, #0cafdc);
  background-image: -o-linear-gradient(top, #0989ac, #0cafdc);
  background-image: linear-gradient(to bottom, #0989ac, #0cafdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0989ac', endColorstr='#ff0cafdc', GradientType=0);
  border-color: #0cafdc #0cafdc #087593;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0cafdc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #0989ac;
}
button:focus:hover,
html input[type="button"]:focus:hover,
input[type="reset"]:focus:hover,
input[type="submit"]:focus:hover,
button:active:hover,
html input[type="button"]:active:hover,
input[type="reset"]:active:hover,
input[type="submit"]:active:hover,
button:focus:focus,
html input[type="button"]:focus:focus,
input[type="reset"]:focus:focus,
input[type="submit"]:focus:focus,
button:active:focus,
html input[type="button"]:active:focus,
input[type="reset"]:active:focus,
input[type="submit"]:active:focus,
button:focus:active,
html input[type="button"]:focus:active,
input[type="reset"]:focus:active,
input[type="submit"]:focus:active,
button:active:active,
html input[type="button"]:active:active,
input[type="reset"]:active:active,
input[type="submit"]:active:active,
button:focus.active,
html input[type="button"]:focus.active,
input[type="reset"]:focus.active,
input[type="submit"]:focus.active,
button:active.active,
html input[type="button"]:active.active,
input[type="reset"]:active.active,
input[type="submit"]:active.active,
button:focus.disabled,
html input[type="button"]:focus.disabled,
input[type="reset"]:focus.disabled,
input[type="submit"]:focus.disabled,
button:active.disabled,
html input[type="button"]:active.disabled,
input[type="reset"]:active.disabled,
input[type="submit"]:active.disabled,
button:focus[disabled],
html input[type="button"]:focus[disabled],
input[type="reset"]:focus[disabled],
input[type="submit"]:focus[disabled],
button:active[disabled],
html input[type="button"]:active[disabled],
input[type="reset"]:active[disabled],
input[type="submit"]:active[disabled] {
  color: #ffffff;
  background-color: #0cafdc;
  *background-color: #0b9cc4;
}
button:focus:active,
html input[type="button"]:focus:active,
input[type="reset"]:focus:active,
input[type="submit"]:focus:active,
button:active:active,
html input[type="button"]:active:active,
input[type="reset"]:active:active,
input[type="submit"]:active:active,
button:focus.active,
html input[type="button"]:focus.active,
input[type="reset"]:focus.active,
input[type="submit"]:focus.active,
button:active.active,
html input[type="button"]:active.active,
input[type="reset"]:active.active,
input[type="submit"]:active.active {
  background-color: #0989ac \9;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */

  padding: 0;
  /* Addresses excess padding in IE8/9 */

}
input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */

  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */

  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */

  width: 98%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: vertical;
}
/* = Misc
----------------------------------------------- */
.alert {
  overflow: hidden;
}
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */

  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}
/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after {
  content: '';
  display: table;
}
.clear:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}