/*
Theme Name: Dmitriy Belyaev
Theme URI: http://dbelyaev.ru
Author: Dmitriy Belyaev
Author URI: http://dbelyaev.ru
Description: Personal blog theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black
Text Domain: db
*/
@import './fonts/museosanscyrl/museosanscyrl.css';
@import url("https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700");
@import './vendor/font-awesome/css/font-awesome.css';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
.wrapper {
  *zoom: 1;
  width: auto;
  max-width: 1024px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.wrapper:before,
.wrapper:after {
  content: '';
  display: table;
}
.wrapper:after {
  clear: both;
}
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
figure figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
a {
  color: #1976d2;
  text-decoration: none;
}
a:hover {
  color: #6284a8;
}
#toggle-search:checked~ #search {
  -webkit-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
  transition: all 1s ease 0.5s;
  display: block;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#toggle-menu:checked~ nav {
  display: block;
}
body {
  font-family: 'Museo Sans Cyrl', Georgia, serif;
  font-size: 99.99%;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
body > input[type="checkbox"] {
  display: none;
}
body label {
  cursor: pointer !important;
}
body > header {
  background: #6284a8;
}
@media (max-width: 480px) {
  body > header .wrapper {
    height: 40px;
  }
  body > header .wrapper a#me {
    color: #fff;
    line-height: 40px;
    display: inline-block;
    font-size: 1.1em;
    font-weight: bolder;
    padding: 0 5px 0 5px;
    margin-left: 5px;
    text-transform: uppercase;
  }
  body > header .wrapper label[for=toggle-search],
  body > header .wrapper a#write-a-mail {
    float: right;
    border-left: 1px solid #dfe5eb;
  }
  body > header .wrapper label[for=toggle-menu] {
    float: left;
    border-right: 1px solid #dfe5eb;
  }
  body > header .wrapper label,
  body > header .wrapper a#write-a-mail {
    text-align: center;
    font-size: 1.2em;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
  }
}
@media (min-width: 481px) {
  body > header .wrapper {
    position: relative;
    height: 140px;
  }
  body > header .wrapper a#me {
    color: #fff;
    line-height: 140px;
    display: inline-block;
    font-size: 2em;
    font-weight: bolder;
    padding-left: 136px;
    text-transform: uppercase;
    background: url("./img/logo.png") no-repeat center left;
  }
  body > header .wrapper label[for=toggle-menu] {
    display: none !important;
  }
  body > header .wrapper label,
  body > header .wrapper a#write-a-mail {
    font-size: 1.8em;
    color: #fff;
    float: right;
    line-height: 140px;
    margin: 0 15px 0 0;
  }
}
body > header header {
  line-height: 140px;
  display: inline;
}
body > header header strong {
  font-size: 2.5em;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: top;
  color: #fff;
}
body > nav {
  border-bottom: 1px solid #dfe5eb;
}
@media (max-width: 480px) {
  body > nav {
    display: none;
  }
}
body > nav .wrapper {
  background: #fff;
}
body > nav .menu {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
body > nav .menu li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
body > nav .menu li a {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  text-transform: uppercase;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
body > nav .menu li a:hover {
  border-bottom: 4px solid #6284a8;
}
body > nav .menu li.current-menu-item a,
body > nav .menu li.current-post-ancestor a,
body > nav .menu li.current-menu-parent a,
body > nav .menu li.current-post-parent a,
body > nav .menu li.active a {
  border-bottom: 4px solid #6284a8;
}
@media (min-width: 481px) {
  body > nav .menu li {
    line-height: 40px;
  }
  body > nav .menu li a {
    text-align: center;
  }
}
@media (max-width: 480px) {
  body > nav .menu {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body > nav .menu li {
    border-bottom: 1px solid #dfe5eb;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    line-height: 30px;
    float: none;
    display: block;
  }
  body > nav .menu li:hover {
    background: #fff !important;
  }
  body > nav .menu li.current-menu-item,
  body > nav .menu li.current-post-ancestor,
  body > nav .menu li.current-menu-parent,
  body > nav .menu li.current-post-parent,
  body > nav .menu li.active {
    background: #8a8a8a;
  }
  body > nav .menu li.current-menu-item a,
  body > nav .menu li.current-post-ancestor a,
  body > nav .menu li.current-menu-parent a,
  body > nav .menu li.current-post-parent a,
  body > nav .menu li.active a {
    color: #fff !important;
  }
  body > nav .menu li a {
    padding: 0 5px 0 15px;
    display: block;
    font-size: 0.9em;
    border-bottom: none !important;
  }
  body > nav .menu li a:hover {
    background: #e5eaef;
    color: #fff !important;
  }
}
body main #sidebar {
  padding: 10px 0;
  z-index: 1000;
}
@media (min-width: 769px) {
  body main #sidebar {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 27.9%;
    margin-left: 0%;
    margin-right: 3%;
  }
  body main #sidebar:before,
  body main #sidebar:after {
    content: '';
    display: table;
  }
  body main #sidebar:after {
    clear: both;
  }
  body main #sidebar:last-child {
    margin-right: 0%;
  }
}
@media (max-width: 768px) {
  body main #sidebar {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body main #sidebar:first-child {
    margin-left: auto;
  }
  body main #sidebar:last-child {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  body main #sidebar #banners {
    display: none;
  }
}
body main #sidebar #banners img {
  max-width: 100%;
  height: auto;
}
body main #sidebar #social {
  text-align: center;
}
@media (max-width: 768px) {
  body main #sidebar #social {
    padding: 20px 0 !important;
  }
}
body main #sidebar #social a,
body main #sidebar #social label {
  color: #e9e9e9;
  font-size: 1.3em;
  padding: 5px 3px;
}
body main #sidebar #social a:hover#vk {
  color: #4c6e92;
  border-color: #4c6e92;
}
body main #sidebar #social a:hover#fb {
  color: #43609c;
  border-color: #43609c;
}
body main #sidebar #social a:hover#ok {
  color: #fa8525;
  border-color: #fa8525;
}
body main #sidebar #social a:hover#tw {
  color: #67b5ef;
  border-color: #67b5ef;
}
body main #sidebar #social a:hover#yt {
  color: #db2625;
  border-color: #db2625;
}
body main #sidebar #social a:hover#in {
  color: #a77859;
  border-color: #a77859;
}
body main #sidebar #social a:hover#gp {
  color: #df4b38;
  border-color: #df4b38;
}
body main #sidebar #social a:hover#rss {
  color: #fb7629;
  border-color: #fb7629;
}
body main #sidebar #social a:hover#livejournal {
  color: #03b9ed;
}
body main #sidebar #follow {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
}
body main #sidebar #follow:first-child {
  margin-left: auto;
}
body main #sidebar #follow:last-child {
  margin-right: auto;
}
body main #sidebar #follow:before,
body main #sidebar #follow:after {
  content: "";
  display: table;
}
body main #sidebar #follow:after {
  clear: both;
}
@media (max-width: 768px) {
  body main #sidebar #follow {
    display: none;
  }
}
body main #sidebar #follow .twitter-timeline,
body main #sidebar #follow #vk_groups {
  margin: 15px 0 0px !important;
}
@media (min-width: 769px) {
  body main #content {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 69.1%;
    margin-left: 0%;
    margin-right: 3%;
  }
  body main #content:before,
  body main #content:after {
    content: '';
    display: table;
  }
  body main #content:after {
    clear: both;
  }
  body main #content:last-child {
    margin-right: 0%;
  }
}
@media (max-width: 769px) {
  body main #content {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body main #content:first-child {
    margin-left: auto;
  }
  body main #content:last-child {
    margin-right: auto;
  }
}
body main #content article {
  margin: 20px 0 40px;
  padding-bottom: 20px;
}
@media (max-width: 1024px) {
  body main #content article {
    margin: 0px 0px 30px !important;
  }
}
body main #content article header {
  padding-left: 10px;
  font-size: 2em;
  margin: 5px 0 10px 0;
  color: #000;
  line-height: 1.2em;
  border-bottom: 1px solid #dfe5eb;
}
@media (max-width: 769px) {
  body main #content article header {
    font-size: 1.4em !important;
    margin: 10px 0 !important;
  }
}
body main #content article header a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
body main #content article header a:hover {
  color: #1976d2;
}
body main #content article .meta {
  color: #8a8a8a;
  font-size: 1em;
  padding: 0 15px 5px 15px;
  line-height: 1.4em;
}
body main #content article .meta a {
  white-space: nowraps;
}
body main #content article .body {
  font-family: 'PT Serif', Georgia, serif;
  color: #212121;
  line-height: 1.4em;
  font-size: 1.1em;
}
body main #content article .body i,
body main #content article .body em {
  font-style: italic;
}
body main #content article .body b,
body main #content article .body strong {
  font-weight: bolder;
}
body main #content article .body p {
  margin: 0 0 10px;
}
body main #content article .body .more-link {
  display: block;
}
body main #content article .body img[align=left],
body main #content article .body img[align=right] {
  margin: 10px !important;
}
body main #content article .body iframe,
body main #content article .body object {
  max-width: 100%;
}
body main #content article .body h1,
body main #content article .body h2,
body main #content article .body h3,
body main #content article .body h4,
body main #content article .body h5 {
  font-family: 'Museo Sans Cyrl', Georgia, serif;
  padding: 10px 15px 0;
  margin: 10px 0 15px !important;
  border-bottom: 1px solid #dfe5eb;
  font-weight: bolder;
}
body main #content article .body ul,
body main #content article .body ol {
  padding: 10px 15px !important;
}
body main #content article .body ul li,
body main #content article .body ol li {
  list-style-position: inside;
}
body main #content article .body ul li {
  list-style-type: disc;
}
body main #content article .body ul li ul li {
  list-style-type: circle;
}
body main #content article .body ol li {
  list-style-type: decimal;
}
body main #content article .body h1 {
  font-size: 1.8em;
}
body main #content article .body h2 {
  font-size: 1.6em;
}
body main #content article .body h3 {
  font-size: 1.4em;
}
body main #content article .body h4 {
  font-size: 1.2em;
}
body main #content article .body h5 {
  font-size: 1.1em;
}
body main #content article figure {
  position: relative;
  margin: 15px !important;
}
@media (max-width: 768px) {
  body main #content article figure img {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
  }
}
body main #content article figure a:hover figcaption {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
body main #content article figure a:hover figcaption i {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translateY(0px) rotate(0deg) scale(1);
  -moz-transform: translateY(0px) rotate(0deg) scale(1);
  -o-transform: translateY(0px) rotate(0deg) scale(1);
  -ms-transform: translateY(0px) rotate(0deg) scale(1);
  transform: translateY(0px) rotate(0deg) scale(1);
}
body main #content article figure a:hover img {
  -webkit-box-shadow: 0px 2px 15px #0a91f6;
  box-shadow: 0px 2px 15px #0a91f6;
}
body main #content article figure figcaption {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
body main #content article figure figcaption i {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 40px;
  margin: -20px 0 0 -20px;
  font-weight: bold;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(-100px) rotate(360deg) scale(0);
  -moz-transform: translateY(-100px) rotate(360deg) scale(0);
  -o-transform: translateY(-100px) rotate(360deg) scale(0);
  -ms-transform: translateY(-100px) rotate(360deg) scale(0);
  transform: translateY(-100px) rotate(360deg) scale(0);
}
body main #content article .wp-post-image,
body main #content article img.size-full,
body main #content article img.size-large {
  max-width: 100%;
  height: auto;
  -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.7);
  box-shadow: 0px 2px 10px rgba(0,0,0,0.7);
}
body main #content article .wp-post-image.no,
body main #content article img.size-full.no,
body main #content article img.size-large.no,
body main #content article .wp-post-image.noborder,
body main #content article img.size-full.noborder,
body main #content article img.size-large.noborder {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
body main #content article .aligncenter {
  display: block;
  margin: 0 auto;
}
body main #content article table {
  margin: 15px;
  width: 100%;
  height: auto;
}
body main #content article table td {
  padding: 15px;
  border: 1px solid #ccc;
}
.archive #content > header,
.category #content > header,
.search #content > header {
  font-size: 2em;
  padding: 10px 15px;
  background: #e5eaef;
}
.archive #content > header strong,
.category #content > header strong,
.search #content > header strong {
  font-weight: bolder;
}
.home .post .wp-post-image,
.blog .post .wp-post-image,
.archive .post .wp-post-image,
.category .post .wp-post-image {
  width: 100%;
  height: auto;
}
.home .post .wp-caption-text,
.blog .post .wp-caption-text,
.archive .post .wp-caption-text,
.category .post .wp-caption-text {
  display: none !important;
}
.home .post .body,
.blog .post .body,
.archive .post .body,
.category .post .body {
  padding: 0 15px !important;
}
.home .post figure,
.blog .post figure,
.archive .post figure,
.category .post figure {
  margin: 15px !important;
}
.search > nav,
.single > nav,
.page > nav {
  background: #6284a8 !important;
}
.search main,
.single main,
.page main {
  background: rgba(0,0,0,0.1);
}
.search main .wrapper,
.single main .wrapper,
.page main .wrapper {
  background: #fff;
}
.search article,
.single article,
.page article {
  margin-top: 5px !important;
}
@media (max-width: 480px) {
  .search article .intro,
  .single article .intro,
  .page article .intro,
  .search article .body,
  .single article .body,
  .page article .body {
    font-size: 1em !important;
    line-height: 1.2em !important;
  }
  .search article h1,
  .single article h1,
  .page article h1 {
    font-size: 1.4em !important;
  }
  .search article h2,
  .single article h2,
  .page article h2 {
    font-size: 1.2em !important;
  }
}
@media (max-width: 769px) {
  .search article h1,
  .single article h1,
  .page article h1 {
    font-size: 1.5em !important;
  }
}
.search article .meta,
.single article .meta,
.page article .meta {
  padding: 10px 15px !important;
}
.search article .intro,
.single article .intro,
.page article .intro {
  font-size: 1em;
}
.search article h1,
.single article h1,
.page article h1 {
  font-size: 2em;
  font-weight: bolder;
  margin: 0 0 5px;
  padding: 5px 15px !important;
  border-bottom: 1px solid #dfe5eb;
}
.search article iframe,
.single article iframe,
.page article iframe {
  margin: 10px 0 !important;
}
.search article .body,
.single article .body,
.page article .body {
  line-height: 1.2em;
}
.search article .body p,
.single article .body p,
.page article .body p,
.search article .body div,
.single article .body div,
.page article .body div {
  margin: 10px 0 15px 0;
  padding: 0 15px;
}
.search article .body img,
.single article .body img,
.page article .body img {
  max-width: 100% !important;
  height: auto !important;
}
.search article .body img.size-large,
.single article .body img.size-large,
.page article .body img.size-large {
  width: 100%;
  height: auto;
  margin: 0 0 15px 0 !important;
}
.search #comments,
.single #comments,
.page #comments,
.search #uptolike,
.single #uptolike,
.page #uptolike,
.search #mediametrics,
.single #mediametrics,
.page #mediametrics,
.search #warfiles,
.single #warfiles,
.page #warfiles {
  margin: 10px 0 20px !important;
}
.search #comments h2,
.single #comments h2,
.page #comments h2,
.search #uptolike h2,
.single #uptolike h2,
.page #uptolike h2,
.search #mediametrics h2,
.single #mediametrics h2,
.page #mediametrics h2,
.search #warfiles h2,
.single #warfiles h2,
.page #warfiles h2 {
  font-size: 1.6em;
  padding: 0 15px !important;
  border-bottom: 1px solid #dfe5eb;
}
@media (max-width: 769px) {
  .search #mediametrics,
  .single #mediametrics,
  .page #mediametrics,
  .search #warfiles,
  .single #warfiles,
  .page #warfiles {
    display: none;
  }
}
.search #mediametrics .mm-body,
.single #mediametrics .mm-body,
.page #mediametrics .mm-body,
.search #warfiles .mm-body,
.single #warfiles .mm-body,
.page #warfiles .mm-body {
  padding: 15px;
}
.search #uptolike div,
.single #uptolike div,
.page #uptolike div {
  padding: 5px 0;
}
.search #comments h2 a,
.single #comments h2 a,
.page #comments h2 a {
  font-size: 0.7em;
  white-space: nowrap;
}
.search #comments #rules,
.single #comments #rules,
.page #comments #rules {
  padding: 15px;
  line-height: 1.2em;
  background: #e5eaef;
}
.search #comments #rules p,
.single #comments #rules p,
.page #comments #rules p {
  margin: 5px 0 10px;
}
.search #comments #rules ol,
.single #comments #rules ol,
.page #comments #rules ol {
  padding: 10px 0 important;
}
.search #comments #rules ol li,
.single #comments #rules ol li,
.page #comments #rules ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
.search #comments #vk_comments,
.single #comments #vk_comments,
.page #comments #vk_comments,
.search #comments #disqus_thread,
.single #comments #disqus_thread,
.page #comments #disqus_thread {
  margin-top: 15px !important;
  padding: 5px !important;
}
.pagination {
  text-align: center;
}
.pager {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  position: relative;
}
.pager a {
  text-decoration: none;
  color: rgba(0,0,0,0.8);
}
.pager a:hover {
  color: color1;
}
.pager #prev {
  float: left;
  margin-left: 5px;
}
.pager #next {
  float: right;
  margin-right: 5px;
}
.pager label {
  font-weight: bolder;
  position: absolute;
  left: 50%;
  bottom: 0px;
  cursor: help;
  color: rgba(0,0,0,0.3);
  text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
}
@media (max-width: 1024px) {
  .pager label {
    display: none;
  }
}
.btn-primary {
  display: block;
  width: 90%;
  height: auto;
  padding: 10px 0;
  text-align: center;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.2));
  background: -moz-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.2));
  background: -o-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.2));
  background: -ms-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.2));
  background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.2));
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px auto !important;
  border-left: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
  border-bottom: 2px solid rgba(0,0,0,0.4);
  text-decoration: none;
  color: rgba(0,0,0,0.8);
  text-shadow: 1px 1px 0px #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.btn-primary:hover {
  border-bottom: 2px solid rgba(0,0,0,0.2);
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -o-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-primary:active {
  -webkit-box-shadow: inset 0px 2px 8px -2px rgba(0,0,0,0.7);
  box-shadow: inset 0px 2px 8px -2px rgba(0,0,0,0.7);
}
#infinite-scroll {
  width: 97% !important;
}
#infinite-scroll-loader {
  margin: 15px;
  display: none;
  text-align: center;
}
#infinite-scroll-end {
  padding: 15px;
  text-align: center;
}
#pagination {
  padding: 0 15px !important;
}
.paginator {
  width: 97% !important;
  padding: 10px 0 0 0;
}
.paginator table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.paginator table td {
  padding: 0;
  white-space: nowrap;
  text-align: center;
}
.paginator span {
  display: block;
  padding: 3px 0;
  color: #fff;
}
.paginator span strong,
.paginator span a {
  padding: 2px 6px;
  text-decoration: none;
  color: #6284a8;
}
.paginator span strong:hover,
.paginator span a:hover {
  color: #e5eaef;
}
.paginator span strong {
  background: #b8b8b8;
  font-style: normal;
  font-weight: normal;
  border-bottom: 1px solid #000;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.paginator .scroll_bar {
  width: 100%;
  height: 20px;
  position: relative;
  margin-top: 10px;
}
.paginator .scroll_bar .current_page_mark {
  background: #6284a8 !important;
}
.paginator_pages {
  width: 100% !important;
  padding: 10px 10px 10px 0;
  *zoom: 1;
  float: right;
  font-size: 0.8em;
  color: #808080;
  margin-top: -10px;
}
.paginator_pages:before,
.paginator_pages:after {
  content: '';
  display: table;
}
.paginator_pages:after {
  clear: both;
}
.tooltip {
  cursor: help;
  position: relative;
}
.tooltip:after {
  background-color: rgba(0,0,0,0.8);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  text-shadow: #000;
  content: attr(data-title);
  padding: 7px 7px;
  line-height: 1em;
  position: absolute;
  bottom: -200%;
  width: 300px;
  height: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0.8em;
  text-shadow: none !important;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tooltip:hover::after {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
}
.search #query {
  padding: 15px 15px !important;
  font-size: 1.2em;
  border-bottom: 1px solid #dfe5eb;
}
.search #query strong {
  font-weight: bolder;
}
#search {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-transform: scale(0.0001);
  -moz-transform: scale(0.0001);
  -o-transform: scale(0.0001);
  -ms-transform: scale(0.0001);
  transform: scale(0.0001);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.777);
  z-index: 502;
}
#search .close {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  font-size: 1.8em;
  width: 50px;
  height: 50px;
  background: #606060;
  line-height: 50px;
  text-align: center;
  z-index: 1000;
}
@media (max-width: 768px) {
  #search .close {
    width: 40px;
    height: 40px;
    font-size: 1.4em;
    line-height: 40px;
  }
}
#search label:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#search form {
  z-index: 100;
  width: 600px;
  height: 50px;
  margin: -25px 0 0 -300px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-bottom: 1px solid #fff;
}
@media (max-width: 1024px) {
  #search form {
    width: 95%;
    height: 50px;
    position: absolute;
    top: 100px;
    left: 5px;
    margin: 0 !important;
  }
}
#search form input {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 90%;
  margin-left: 0%;
  margin-right: 0%;
  padding: 0;
  font-size: 1.8em;
  outline: none;
  color: #fff;
  font-family: $font1;
  line-height: 50px;
  height: 50px;
  border: none;
  background: transparent;
  -webkit-box-shadow: 0px 1px rgba(255,255,255,0.4);
  box-shadow: 0px 1px rgba(255,255,255,0.4);
}
#search form input:before,
#search form input:after {
  content: '';
  display: table;
}
#search form input:after {
  clear: both;
}
#search form button {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 10%;
  margin-left: 0%;
  margin-right: 0%;
  cursor: pointer;
  height: 50px;
  text-align: right;
  font-size: 1.8em;
  color: #fff;
  background: none;
  border: none;
}
#search form button:before,
#search form button:after {
  content: '';
  display: table;
}
#search form button:after {
  clear: both;
}
.social-likes {
  margin: 3px 0 10px 18px !important;
}
.social-likes .social-likes__widget {
  padding: 5px 0 !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  margin: 0 !important;
}
.social-likes .social-likes__widget .social-likes__button {
  padding: 0 0 0 10 !important;
}
.social-likes .social-likes__widget:hover {
  -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.4);
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.4);
}
@media (max-width: 1025px) {
  .social-likes .social-likes__widget {
    margin: 0 0 15px 0 !important;
  }
}
blockquote {
  background: rgba(238,241,245,0.7);
  padding: 15px;
  margin: 15px 0;
  border-left: 4px solid #668aaf;
}
blockquote blockquote background {
  margin: 10px 0px;
}
background: rgba(0,
0,
.05),
border-left: 4px solid #ccc,
padding: 10px 5px,
#stats {
  text-align: center;
}
.ya-share2 {
  text-align: center;
}
.wp-caption {
  max-width: 100% !important;
}
.wp-caption-text {
  font-style: italic;
  font-size: 0.8em;
  text-align: center;
}
@media (max-width: 768px) {
  #upprev_box {
    display: none;
  }
}