body{
  background-color: #f4f7f6;
  margin-top:10px;
}
.card {
  background: #fff;
  transition: .5s;
  border: 0;
  margin-bottom: 30px;
  /* border-radius: .55rem; */
  position: relative;
  width: 100%;
  /* box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); */
}

.card .body {
  color: #444;
  padding: 20px;
  font-weight: 400;
}
.card .header {
  color: #444;
  padding: 20px;
  position: relative;
  box-shadow: none;
}

.card2 {
  background: #fff;
  transition: .5s;
  border: 0;
  margin-bottom: 30px;
  border-radius: .55rem;
  position: relative;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);

}
.card2 .body {
  color: #444;
  padding: 20px;
  font-weight: 400;
}
.card2 .header {
  padding: 10px;
  margin-left: 15px;
}

.single_post {
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.single_post .body {
  padding: 30px
}

.single_post .img-post {
  position: relative;
  overflow: hidden;
  max-height: 500px;
  margin-bottom: 15px
}

.single_post .img-post>img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform .4s ease, opacity .4s ease;
  transition: transform .4s ease, opacity .4s ease;
  max-width: 100%;
  filter: none;
  -webkit-filter: grayscale(0);
  -webkit-transform: scale(1.01)
}

.single_post .img-post:hover img {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  opacity: .7;
  filter: gray;
  -webkit-filter: grayscale(1);
  -webkit-transition: all .8s ease-in-out
}

.single_post .img-post:hover .social_share {
  display: block
}

.single_post .footer {
  padding: 0 30px 30px 30px
}

.single_post .footer .actions {
  display: inline-block
}

.single_post .footer .stats {
  cursor: default;
  list-style: none;
  padding: 0;
  display: inline-block;
  float: right;
  margin: 0;
  line-height: 35px
}

.single_post .footer .stats li {
  border-left: solid 1px rgba(160, 160, 160, 0.3);
  display: inline-block;
  font-weight: 400;
  letter-spacing: 0.25em;
  line-height: 1;
  margin: 0 0 0 2em;
  padding: 0 0 0 2em;
  text-transform: uppercase;
  font-size: 13px
}

.single_post .footer .stats li a {
  color: #777
}

.single_post .footer .stats li:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0
}

.single_post h3 {
  font-size: 20px;
  text-transform: uppercase
}

.single_post h3 a {
  color: #242424;
  text-decoration: none
}

.single_post p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  margin: 0
}

.single_post .blockquote p {
  margin-top: 0 !important
}

.single_post .meta {
  list-style: none;
  padding: 0;
  margin: 0
}

.single_post .meta li {
  display: inline-block;
  margin-right: 15px
}

.single_post .meta li a {
  font-style: italic;
  color: #959595;
  text-decoration: none;
  font-size: 12px
}

.single_post .meta li a i {
  margin-right: 6px;
  font-size: 12px
}

.single_post2 {
  overflow: hidden
}

.single_post2 .content {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 80px;
  position: relative
}

.single_post2 .content .actions_sidebar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px
}

.single_post2 .content .actions_sidebar a {
  display: inline-block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  margin-right: 0;
  text-align: center;
  border-right: 1px solid #e4eaec
}

.single_post2 .content .title {
  font-weight: 100
}

.single_post2 .content .text {
  font-size: 15px
}

.right-box .categories-clouds li {
  display: inline-block;
  margin-bottom: 5px
}

.right-box .categories-clouds li a {
  display: block;
  border: 1px solid;
  padding: 6px 10px;
  border-radius: 3px
}

.right-box .instagram-plugin {
  overflow: hidden
}

.right-box .instagram-plugin li {
  float: left;
  overflow: hidden;
  border: 1px solid #fff
}

.comment-reply li {
  margin-bottom: 15px
}

.comment-reply li:last-child {
  margin-bottom: none
}

.comment-reply li h5 {
  font-size: 18px
}

.comment-reply li p {
  margin-bottom: 0px;
  font-size: 15px;
  color: #777
}

.comment-reply .list-inline li {
  display: inline-block;
  margin: 0;
  padding-right: 20px
}

.comment-reply .list-inline li a {
  font-size: 13px
}

@media (max-width: 640px) {
  .blog-page .left-box .single-comment-box>ul>li {
      padding: 25px 0
  }
  .blog-page .left-box .single-comment-box ul li .icon-box {
      display: inline-block
  }
  .blog-page .left-box .single-comment-box ul li .text-box {
      display: block;
      padding-left: 0;
      margin-top: 10px
  }
  .blog-page .single_post .footer .stats {
      float: none;
      margin-top: 10px
  }
  /* .blog-page .single_post .footer */
  .blog-page .single_post .body {
      padding: 30px
  }

  .allsize {
    display: none; 
    visibility: hidden;
  }

}

.leftcat {
  float: right;
}


@media screen and (min-width:992px) {

  .hiddensearch1 {
  display: none; 
  visibility: hidden;

  }

  .hiddenleftc23 {
    display: none; 
    visibility: hidden;
  
    }


  }

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

      .hiddensearch2 {
      display: none; 
      visibility: hidden;
      }

      .hiddenleftc22 {
        display: none; 
        visibility: hidden;
      
        }
  }

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

      .hiddensearch2 {
      display: none; 
      visibility: hidden;
      }

      .hiddenleftc22 {
        display: none; 
        visibility: hidden;
      
        }
  }



  @media screen and (min-width:991px) and (max-width:1200px) {

    .hiddenleftc1024 {
      display: none; 
      visibility: hidden;
    
      }

}

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

  .hiddenleftc1024x {
    display: none; 
    visibility: hidden;
  
    }

}

@media screen and (min-width:1200px) {

  .hiddenleftc1024x {
    display: none; 
    visibility: hidden;
  
    }

}

  @media screen and (min-width:651px) {

  .hiddensearch4 {
  display: none; 
  visibility: hidden;

  }



  }

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

      .hiddensearch3 {
      display: none; 
      visibility: hidden;

      }

      .catstyle {
          font-size: 12px;
      }

      .h1mob {
          font-size: 25px;
      }

      .h1mob2 {
          font-size: 21px;
      }

      .h1mob3 {
          font-size: 16px;
      }

      .h1mob4 {
          font-size: 14px;
      }

      .card.card-white {
        margin-top: 0px;
    }


      }

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

      .otstupiconter {
          margin-left: 25px; 
          margin-right: 25px;
      }

      .h1mob {
        font-size: 27px;
      }

      .h1mob2 {
        font-size: 20px;
      }

      .card.card-white {
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        padding: 25px;
    }

    .card.card-whiternd {
      border: 1px solid transparent;
      padding-right: 25px;

      
  }



      }

      @media screen and (min-width:820px) {

        .otstupiconter {
          margin-left: 25px; 
          margin-right: 25px;
      }

      .card.card-white {
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        padding: 25px;
    }

      }

      @media screen and (min-width:853px) {

        .otstupiconter {
          margin-left: 25px; 
          margin-right: 25px;
      }

      .card.card-white {
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        padding: 25px;
      }


      }

      @media screen and (min-width:912px) {

        .otstupiconter {
          margin-left: 25px; 
          margin-right: 25px;
      }

      .card.card-white {
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        padding: 25px;
      }
      

      }

      @media screen and (min-width:990px) and (max-width:991px) {

        .otstupiconter {
          margin-left: 25px; 
          margin-right: 25px;
      }

      .card.card-white {
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        padding: 25px;
      }


      }

      @media screen and  (min-width:992px) and (max-width:1300px) {

      .otstupiconter {
          margin-left: 15px; 
          margin-right: 18px;
      }

      .h1mob {
        font-size: 24px;
      }

      .h1mob2 {
        font-size: 21px;
      }

      .card.card-white {
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        padding: 25px;
    }

      }



      @media screen and  (min-width:1320px) and (max-width:1570px) {

        .otstupiconter {
          margin-left: 25px; 
          margin-right: 25px;
      }

      .card.card-white {
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        padding: 25px;
    }


    }
    
      @media screen and  (min-width:1570px) {


      .h1mob2 {
        font-size: 24px;
      }

      .card.card-white {
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        padding: 25px;
    }



      }





/* left block blog start */

    .page-inner.no-page-title {
        padding-top: 30px;
    }
    .page-inner {
        position: relative;
        min-height: calc(100% - 56px);
        padding: 20px 30px 40px 30px;
        background: #f3f4f7;
    }

    .grid-margin {
        margin-bottom: 2rem;
    }
    .profile-timeline ul li .timeline-item-header {
        width: 100%;
        overflow: hidden;
    }
    .profile-timeline ul li .timeline-item-header img {
        width: 40px;
        height: 40px;
        float: left;
        margin-right: 10px;
        border-radius: 50%;
    }
    .profile-timeline ul li .timeline-item-header p {
        margin: 0;
        color: #000;
        font-weight: 500;
    }
    .profile-timeline ul li .timeline-item-header p span {
        margin: 0;
        color: #8e8e8e;
        font-weight: normal;
    }
    .profile-timeline ul li .timeline-item-header small {
        margin: 0;
        color: #8e8e8e;
    }
    .profile-timeline ul li .timeline-item-post {
        padding: 20px 0 0 0;
        position: relative;
    }
    .profile-timeline ul li .timeline-item-post > img {
        width: 100%;
    }
    .timeline-options {
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #f1f1f1;
        padding: 10px 0 10px 0;
    }
    .timeline-options a {
        display: block;
        margin-right: 20px;
        float: left;
        color: #2b2b2b;
        text-decoration: none;
    }
    .timeline-options a i {
        margin-right: 3px;
    }
    .timeline-options a:hover {
        color: #5369f8;
    }
    .timeline-comment {
        overflow: hidden;
        margin-bottom: 10px;
        width: 100%;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 5px;
    }
    .timeline-comment .timeline-comment-header {
        overflow: hidden;
    }
    .timeline-comment .timeline-comment-header img {
        width: 30px;
        border-radius: 50%;
        float: left;
        margin-right: 10px;
    }
    .timeline-comment .timeline-comment-header p {
        color: #000;
        float: left;
        margin: 0;
        font-weight: 500;
    }
    .timeline-comment .timeline-comment-header small {
        font-weight: normal;
        color: #8e8e8e;
    }
    .timeline-comment p.timeline-comment-text {
        display: block;
        color: #2b2b2b;
        font-size: 14px;
        padding-left: 40px;
    }
    .post-options {
        overflow: hidden;
        margin-top: 15px;
        margin-left: 15px;
    }
    .post-options a {
        display: block;
        margin-top: 5px;
        margin-right: 20px;
        float: left;
        color: #2b2b2b;
        text-decoration: none;
        font-size: 16px !important;
    }
    .post-options a:hover {
        color: #5369f8;
    }
    .online {
        position: absolute;
        top: 2px;
        right: 2px;
        display: block;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #ccc;
    }
    .online.on {
        background: #07dd03;
    }
    .online.off {
        background: #6e6e6e;
    }
    #cd-timeline::before {
        border: 0;
        background: #f1f1f1;
    }
    .cd-timeline-content p,
    .cd-timeline-content .cd-read-more,
    .cd-timeline-content .cd-date {
        font-size: 14px;
    }
    .cd-timeline-img.cd-success {
        background: #2ec5d3;
    }
    .cd-timeline-img.cd-danger {
        background: #ec5e69;
    }
    .cd-timeline-img.cd-info {
        background: #5893df;
    }
    .cd-timeline-img.cd-warning {
        background: #f1c205;
    }
    .cd-timeline-img.cd-primary {
        background: #9f7ce1;
    }
    .page-inner.full-page {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .user-profile-card {
        text-align: center;
    }
    .user-profile-image {
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }
    .team .team-member {
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
        float: left;
        position: relative;
    }
    .team .team-member .online {
        top: 5px;
        right: 5px;
    }
    .team .team-member img {
        width: 40px;
        float: left;
        border-radius: 50%;
        margin: 0 5px 0 5px;
    }

    .label {
        font-weight: 400;
        padding: 4px 8px;
        font-size: 11px;
        display: inline-block;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25em;
    }

/* left block blog end */

.leftrightblock {
  display: flex;
  
}
.buttondecor1 {
  color: #504c4c;
}
.buttondecor1:hover {
  color:#ff0000;
}
.buttondecor2 {
  color: #504c4c;
}
.buttondecor2:hover {
  color:#5993bb;
}
.buttondecor3 {
  color: #504c4c;
}
.buttondecor3:hover {
  color:rgb(0, 0, 0);
}
.blocktext22 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.leftrightblock {
  display: flex;
  
}

.img-responsive {
  width: 100%;
}

@media screen and (min-width:1300px) {

  #gallery-1 .gallery-item {
  width: 25%;
  height: 25%;
  }
  
  #gallery-1 img {
    width: 150px;
    height: 100px;
  }


  
  }


@media screen and (min-width:1201px) and (max-width:1300px) {

#gallery-1 .gallery-item {
width: 25%;
height: 25%;
}

#gallery-1 img {
  width: 130px;
  height: 80px;
}


}

@media screen and (min-width:767px) and (max-width:1200px) {

  #gallery-1 .gallery-item {
  width: 25%;
  height: 25%;
  }
  
  #gallery-1 img {
    width: 118px;
    height: 75px;
  }


  
  }

@media screen and (min-width:542px) and (max-width:767px) {

#gallery-1 .gallery-item {
width: 35%;
height: 35%;
}

#gallery-1 img {
  width: 150px;
  height: 100px;
}


}

@media screen and (min-width:392px) and (max-width:541px) {

#gallery-1 .gallery-item {
width: 50%;
height: 50%;
}

#gallery-1 img {
  width: 150px;
  height: 100px;
}



}

@media screen and (min-width:321px) and (max-width:391px) {

  #gallery-1 .gallery-item {
  width: 50%;
  height: 50%;
  }

  #gallery-1 img {
    width: 120px;
    height: 80px;
  }


  }

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

    #gallery-1 .gallery-item {
    width: 50%;
    height: 50%;
    }
  
    #gallery-1 img {
      width: 110px;
      height: 70px;
    }


    }


#gallery-1 {
  margin: auto;
}

#gallery-1 .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  /* width: 30%; */
}


#gallery-1 img {
  border: 2px solid #cfcfcf;
}

#gallery-1 .gallery-caption {
  margin-left: 0;
}




.form-control {
  width: 100%;
}

.h1mob2 {
  margin-top: 50px;
}


.hover30 {
  color: #59b0de;
}
.hover30:hover {
  color: #0089d3;
}