/***********************************************************************/
#blog-listing, #blogpage {
  margin-bottom: 70px;
  padding-right: 10px; }
  .rtl #blog-listing, .rtl #blogpage {
    padding-left: 10px;
    padding-right: inherit; }
  #blog-listing hr, #blogpage hr {
    margin-top: 25px;
    margin-bottom: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
  #blog-listing h1, #blogpage h1 {
    font-family: Pluto;
    font-size: 16px;
    line-height: 20px;
    margin: 0px; }
  #blog-listing h3, #blogpage h3 {
    font-size: 17px;
    text-transform: none;
    margin: 0 0px 10px; }
    #blog-listing h3 a, #blogpage h3 a {
      color: black; }
      #blog-listing h3 a:hover, #blogpage h3 a:hover {
        color: #ffc952; }
  #blog-listing p, #blogpage p {
    font-weight: normal;
    font-size: 13px; }
  #blog-listing .blog-meta, #blogpage .blog-meta {
    padding: 5px 0px;
    margin-bottom: 15px;
    font-style: normal;
    color: black;
    line-height: 16px;
    font-size: 13px;
    font-weight: normal;
    display: block;
    position: relative; }
    #blog-listing .blog-meta .postby, #blogpage .blog-meta .postby {
      float: left;
      padding-right: 10px; }
      .rtl #blog-listing .blog-meta .postby, .rtl #blogpage .blog-meta .postby {
        float: right; }
      .rtl #blog-listing .blog-meta .postby, .rtl #blogpage .blog-meta .postby {
        padding-left: 10px;
        padding-right: inherit; }
    #blog-listing .blog-meta .blog-tags, #blogpage .blog-meta .blog-tags {
      padding: 0px 10px;
      border-style: solid;
      border-color: #b7b7b7;
      border-width: 0px 0px 0px 2px;
      float: left; }
      .rtl #blog-listing .blog-meta .blog-tags, .rtl #blogpage .blog-meta .blog-tags {
        border-width: 0px 2px 0px 0px; }
      .rtl #blog-listing .blog-meta .blog-tags, .rtl #blogpage .blog-meta .blog-tags {
        float: right; }
      #blog-listing .blog-meta .blog-tags a span, #blogpage .blog-meta .blog-tags a span {
        font-style: italic; }
    #blog-listing .blog-meta .comment-meta, #blogpage .blog-meta .comment-meta {
      padding: 0px 10px;
      border-style: solid;
      border-color: #b7b7b7;
      border-width: 0px 0px 0px 2px;
      float: left; }
      .rtl #blog-listing .blog-meta .comment-meta, .rtl #blogpage .blog-meta .comment-meta {
        border-width: 0px 2px 0px 0px; }
      .rtl #blog-listing .blog-meta .comment-meta, .rtl #blogpage .blog-meta .comment-meta {
        float: right; }
  #blog-listing .rte .image, #blogpage .rte .image {
    margin-bottom: 10px; }
  #blog-listing .rte img, #blogpage .rte img {
    max-width: 100%; }
  #blog-listing .btn.btn-default, #blogpage .btn.btn-default {
    margin-top: 10px;
    text-transform: uppercase; }
  #blog-listing .btn-readmore, #blogpage .btn-readmore {
    border: none;
    padding: 6px 0px;
    color: black;
    font-size: 13px; }
    #blog-listing .btn-readmore:hover, #blog-listing .btn-readmore:focus, #blogpage .btn-readmore:hover, #blogpage .btn-readmore:focus {
      background: transparent;
      color: black; }

.blog-sidebar .block-sidebar-blog.block {
  margin-bottom: 50px; }
  .blog-sidebar .block-sidebar-blog.block .title_block {
    font-family: Pluto;
    font-size: 18px;
    color: white;
    text-align: center;
    background: #ffc952;
    padding: 15px;
    font-weight: 100;
    margin-bottom: 10px; }
    .blog-sidebar .block-sidebar-blog.block .title_block:before {
      content: "";
      margin: 0px; }
  .blog-sidebar .block-sidebar-blog.block ul {
    padding: 0px; }
    .blog-sidebar .block-sidebar-blog.block ul li {
      padding: 15px 0px;
      border-bottom: 1px dotted #e5e5e5;
      font-weight: normal; }
      .blog-sidebar .block-sidebar-blog.block ul li:last-child {
        border-bottom: 0px; }
      .blog-sidebar .block-sidebar-blog.block ul li a {
        padding: 0px;
        line-height: 18px;
        font-size: 13px;
        text-transform: none;
        color: black;
        margin-bottom: 8px; }
      .blog-sidebar .block-sidebar-blog.block ul li time {
        font-size: 10px;
        display: block;
        color: black; }
        .blog-sidebar .block-sidebar-blog.block ul li time:last-child {
          border-bottom: 0px; }

.blog-sidebar #categories-blog h4 {
  font-weight: 100; }
.blog-sidebar #categories-blog.block ul:before, .blog-sidebar #categories-blog.block ul:after {
  content: "";
  display: table; }
.blog-sidebar #categories-blog.block ul:after {
  clear: both; }
.blog-sidebar #categories-blog.block ul li {
  clear: left;
  border: 1px solid #e5e5e5;
  width: 100%;
  margin-bottom: 8px;
  letter-spacing: 1px;
  float: left;
  text-align: left;
  padding: 15px 15px 15px 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .rtl .blog-sidebar #categories-blog.block ul li {
    float: right; }
  .rtl .blog-sidebar #categories-blog.block ul li {
    text-align: right; }
  .rtl .blog-sidebar #categories-blog.block ul li {
    padding: 15px 30px 15px 15px; }
  .blog-sidebar #categories-blog.block ul li a {
    font-weight: 300;
    text-transform: uppercase;
    color: black;
    margin: 0; }
    .blog-sidebar #categories-blog.block ul li a:hover {
      color: #ffc952; }
  .blog-sidebar #categories-blog.block ul li:hover {
    border: 1px solid black;
    padding-left: 40px; }
    .rtl .blog-sidebar #categories-blog.block ul li:hover {
      padding-right: 40px;
      padding-left: inherit; }

#blogsidebar-html h4 {
  font-weight: 100; }
#blogsidebar-html .html_des {
  font-size: 13px;
  color: black;
  line-height: 22px;
  margin-bottom: 30px; }

#blogpage p {
  font-weight: 100;
  line-height: 200%; }
#blogpage h1 {
  color: black; }
#blogpage .btn-prenext a {
  font-family: Pluto;
  font-size: 14px;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
  letter-spacing: 1px; }
  #blogpage .btn-prenext a:hover {
    color: black; }
#blogpage .btn-prenext .fa {
  font-size: 0px; }
#blogpage .blog-tags-bottom {
  font-size: 13px;
  color: black;
  margin-top: 10px; }
  #blogpage .blog-tags-bottom .icon-tag {
    font-size: 0px;
    position: relative; }
    #blogpage .blog-tags-bottom .icon-tag:before {
      content: "\f02c";
      font-family: "FontAwesome";
      font-size: 14px;
      color: black; }
#blogpage .blog-heading {
  font-family: Pluto;
  font-size: 14px;
  font-weight: bold;
  color: black;
  letter-spacing: 1px; }

.blog-social {
  margin: 15px 0; }
  .blog-social .social-wrap > div {
    float: left; }
  .blog-social .social-heading {
    padding-right: 12px; }

.blog-tags {
  padding: 15px 0px; }
  .blog-tags a {
    font-size: 13px;
    color: #999;
    font-weight: normal;
    font-style: italic; }
    .blog-tags a:hover {
      color: #c6c6c6; }

.comment-item {
  padding: 12px 0px; }

.comment-wrap {
  overflow: hidden;
  background: none repeat scroll 0px 0px #FFF;
  border: 1px solid #e5e5e5;
  padding: 20px;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  .comment-wrap .comment-meta {
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
    margin: -20px -20px 10px;
    padding: 10px 20px; }
  .comment-wrap .comment-content {
    font-size: 13px; }
    .comment-wrap .comment-content p {
      margin: 0px; }

.comment-link {
  background: none repeat scroll 0px 0px #F4F4F4;
  border-left: 1px solid #e5e5e5;
  display: block;
  font-weight: bold;
  margin: -11px -20px -10px 0px;
  padding: 10px 20px;
  float: right; }
  .rtl .comment-link {
    float: left; }

.comment-form {
  padding-top: 10px; }
  .comment-form .control-label {
    padding-top: 6px;
    text-align: right;
    display: none; }
  .comment-form .form-group {
    margin-bottom: 30px; }
    .comment-form .form-group:before, .comment-form .form-group:after {
      content: "";
      display: table; }
    .comment-form .form-group:after {
      clear: both; }
    .comment-form .form-group.commentbody {
      margin-bottom: 10px; }
    .comment-form .form-group .form-control {
      border: none;
      box-shadow: none;
      background: #f4f4f4;
      font-size: 14px; }
  .comment-form .note_comment {
    font-style: italic;
    font-size: 13px; }
  .comment-form .btn {
    float: right;
    padding: 6px 20px 8px; }
    .rtl .comment-form .btn {
      float: left; }

.extra-blogs {
  padding: 20px 0; }
  .extra-blogs h4 {
    font-family: Pluto;
    font-size: 14px;
    font-weight: bold;
    color: black;
    text-transform: uppercase; }
  .extra-blogs ul {
    margin: 0px;
    padding: 0px; }
    .extra-blogs ul li {
      padding: 6px 0px;
      border-bottom: 1px dotted #DDD;
      list-style: outside none none; }
      .extra-blogs ul li a {
        font-size: 13px; }

#column-blogs .sidebar {
  padding: 0; }