h1,
h2 {
   margin: 10px 0
}

.left-column,
.sidebar-last-posts {
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.sidebar-bloggers-avatar,
.vk-comment-like {
   display: inline-block
}

.main-btn,
.main-btn:hover {
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=0)
}

* {
   margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

body {
   background: url(../img/background.png) #fff;
   font-family: sans-serif;
   font-size: 14px;
   line-height: 23px;
   width: 100%
}

a {
   color: #0a78c2;
   outline: 0;
   text-decoration: underline
}

.sidebar-last-post-info a,
a:hover {
   text-decoration: none
}

p {
   margin: 0 0 11px
}

b,
strong {
   font-weight: bolder
}

img {
   border: none
}

h1 {
   font-size: 21px
}

h2 {
   font-size: 22px
}

h3 {
   margin: 2px 0 10px;
   font-size: 20px;
   font-weight: 400
}

.container {
   margin: 0 auto;
   max-width: 960px
}

.header {
   cursor: pointer
}

.left-column {
   float: left;
   width: 625px;
   background: #fff;
   box-shadow: 0 0 3px rgba(0, 0, 0, .3);
   margin-right: 20px;
   padding: 30px;
   margin-bottom: 10px;
   text-align: justify
}

.sidebar {
   float: right;
   width: 309px;
   font-size: 12px
}

.sidebar-last-posts {
   background: #fff;
   box-shadow: 0 0 3px rgba(0, 0, 0, .3);
   padding: 15px;
   margin-bottom: 20px
}

.sidebar-last-post {
   margin-bottom: 0
}

.sidebar-last-post a {
   color: #489b1f
}

.sidebar-last-post-info {
   font-size: 11px;
   margin-bottom: 15px
}

.sidebar-last-post-info-login {
   color: #bb225c;
   margin-right: 5px
}

.sidebar-last-post-info-date {
   margin-right: 5px;
   color: #777
}

.sidebar-last-post-info-comments {
   color: #777;
   text-decoration: underline
}

.sidebar-bloggers {
   background: #fff;
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
   box-shadow: 0 0 3px rgba(0, 0, 0, .3);
   padding: 15px;
   margin-bottom: 20px
}

.sidebar-bloggers img {
   margin: 5px
}

.footer {
   clear: both;
   text-align: center;
   margin-bottom: 20px;
   font-size: 12px;
   color: #777
}

.photo {
   width: 100%;
   height: auto
}

.vk-container {
   font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
   font-size: 11px;
   line-height: 17px;
   color: #000;
   text-decoration: none
}

.vk-link {
   text-decoration: none !important;
   cursor: default !important
}

.main-btn,
a.hlink {
   text-decoration: none
}

.vk-header {
   background: #dae2e8;
   padding: 4px 4px 4px 6px;
   margin-bottom: 10px
}

.vk-logo {
   background: url(../img/vk-logo.gif) no-repeat;
   width: 16px;
   height: 16px;
   float: right;
   margin-top: -1px
}

.vk-header-text {
   padding: 2px 3px 1px;
   line-height: 100%;
   color: #45688e;
   font-weight: 700
}

.vk-avatar img {
   float: left;
   margin-right: 10px
}

.vk-comment,
.vk-comment-load {
   margin-bottom: 15px;
   position: relative;
   border-bottom: 1px solid #dae1e8;
   padding-bottom: 15px
}

.vk-comment:last-child {
   border-bottom: 0 none
}

.vk-comment-name {
   color: #2b587a;
   font-weight: 700;
   font-size: 12px;
   margin-left: 60px
}
.vk-comment-name a {
   color: inherit;
   text-decoration: none;
}
.vk-comment-text {
   margin-left: 60px;
   font-size: 14px;
   text-align: justify;
   line-height: 18px
}

.main-prod {
   float: right;
   margin: 0 0 10px 10px;
   width: 120px
}

.vk-comment-text img {
   margin-top: 15px
}

.vk-comment-date {
   margin-left: 60px;
   color: #999
}
.vk-comment-date a {
   color: inherit;
   text-decoration: none;
}
.vk-comment-like {
   position: absolute;
   right: -5px;
   bottom: 10px;
   background: url(../img/like.png) left center no-repeat;
   width: 30px;
   height: 16px;
   background-size: 12px
}

.vk-comment-like:hover {
   opacity: .5;
   cursor: pointer
}

.vk-comment-like-count {
   padding-left: 14px;
   font-weight: 700;
   color: #7295b2;
   font-size: 10px
}

.vk-comment-answer {
   color: #2b587a
}

.header,
.main-btn {
   color: #fff;
   text-transform: uppercase
}

.vk-comment-answer:hover {
   opacity: .5;
   cursor: pointer
}

.header {
   max-width: 960px;
   margin: 0 auto 20px;
   background: url(../img/header.png) no-repeat;
   height: 131px;
   -webkit-box-shadow: 0 1px 2px #818181;
   box-shadow: 0 1px 2px #818181;
   position: relative;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px
}

.header h1 {
   position: absolute;
   top: 45px;
   left: 45px
}

.header div {
   position: absolute;
   font-weight: 700;
   top: 25px
}

.header .h-comment {
   right: 230px
}

.header .h-popular {
   right: 128px
}

.header .h-likes {
   right: 24px
}

@media only screen and (max-width:988px) {

   .photo,
   img {
      max-width: 100%
   }

   .left-column {
      float: none;
      width: 100%;
      margin: 0 0 10px;
      padding: 10px
   }

   .photo {
      width: 500px;
      margin: 10px auto;
      display: block
   }

   .sidebar {
      display: none
   }

   .main-prod {
      float: none;
      display: block;
      margin: 10px auto
   }

   .header {
      background: url(../img/hm.png) repeat-x;
      height: 131px
   }

   .header div {
      display: none
   }
}

@media only screen and (max-width:768px) {

   .left-column,
   .vk-comment-text {
      text-align: left
   }
}

@media only screen and (max-width:540px) {
   .left-column img {
      display: block;
      margin: 10px auto !important;
      float: none !important
   }

   h2 {
      margin: 10px 0;
      font-size: 19px
   }

   .vk-avatar img {
      float: left !important
   }
}

.img-link,
.img-link img,
.main-btn {
   display: inline-block
}

.text-center {
   text-align: center
}

.main-btn {
   border: 0;
   font-size: 18px;
   font-weight: 400;
   background: #4a8cc3;
   background: -webkit-gradient(linear, left top, left bottom, from(#4a8cc3), to(#3d628e));
   background: linear-gradient(to bottom, #4a8cc3 0, #3d628e 100%);
   margin: 10px auto 20px;
   padding: 12px 25px;
   border-radius: 5px
}

.main-btn:hover {
   background: #3d628e;
   background: -webkit-gradient(linear, left top, left bottom, from(#3d628e), to(#4a8cc3));
   background: linear-gradient(to bottom, #3d628e 0, #4a8cc3 100%)
}

.img-link img {
   margin: auto;
   margin-bottom: -3px !important;
   margin-top: 0 !important
}

.mb2 {
   margin-bottom: -2px !important
}

.mb3 {
   margin-bottom: -3px !important
}

.mb4 {
   margin-bottom: -4px !important
}

.mt0 {
   margin-top: 0 !important
}

.fsz-13 {
   font-size: 13px
}

.cup {
   cursor: pointer
}

.cust-1 {
   float: right;
   margin: 0 0 10px 10px;
   width: 280px
}

.cust-2 {
   color: #0b71f1;
   cursor: pointer
}

.w-500 {
   width: 500px
}

.cust-3 {
   font-size: 12px;
   color: #777
}

.cust-4 {
   float: right;
   color: #489b1f
}