/* stylelint-disable selector-list-comma-newline-after */
@import url('https://fonts.googleapis.com/css?family=Muli');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');

.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
  font-family:'Italic''Muli', sans-serif, serif;
  font-size: 1.9rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

div#logo>a>img{
  width: 80px;
  height: 80px;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'italic' 'Muli', sans-serif, serif;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 5.5rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

#imgblock {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-size: cover;
}

#imgblock1 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/shildi1.png);
  background-size: cover;
}

#imgblock2 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/shildi2.png);
  background-size: cover;
}

#imgblock3 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/shildi3.png);
  background-size: cover;
}

#imgblock4 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/shildi4.png);
  background-size: cover;
}

#imgblock5 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/paneli1.png);
  background-size: cover;
}

#imgblock6 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/paneli2.png);
  background-size: cover;
}

#imgblock7 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/paneli3.png);
  background-size: cover;
}

#imgblock8 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/nakleyki1.png);
  background-size: cover;
}

#imgblock9 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/nakleyki2.png);
  background-size: cover;
}

#imgblock10 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/dekoli1.png);
  background-size: cover;
}

#imgblock11 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/dekoli2.png);
  background-size: cover;
}

#imgblock12 {
  width: 200px;
  height: 250px;d3d3d3
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/tabl1.png);
  background-size: cover;
}

#imgblock13 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/tabl2.png);
  background-size: cover;
}

#imgblock14 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/ckat12.png);
  background-size: cover;
}

#imgblock15 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/stelazh.png);
  background-size: cover;
}

#imgblock16 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/ckat5.png);
  background-size: cover;
}

#imgblock17 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/BTDR.png);
  background-size: cover;
}

#imgblock18 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/18.png);
  background-size: cover;
}
#imgblock19 {
  width: 200px;
  height: 250px;
  background: #d3d3d3;
  color: #eceeef;
  background-image: url(../images/box_images/ckat9.png);
  background-size: cover;
}



/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/*
 * Footer
 */
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

.blog-footer-n {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
  margin-top: 90px;
}
.blog-footer-n p:last-child {
  margin-bottom: 0;
}

        .thumb img {
            -webkit-filter: grayscale(0);
            filter: none;
            border-radius: 5px;
            background-color: #fff;
            border: 1px solid #ddd;
            padding: 5px;
        }
 
        .thumb img:hover {
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
        }
 
        .thumb {
            padding: 5px;
        }

.banner{
  background-image: url('../images/banner1.png');
  background-size: cover;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .carousel-caption {
    left: 5%;
    text-align: left;
    max-width: auto;
    right: auto;
    padding:5px;
}


@media all and (max-width: 768px) {
 .carousel-caption h1 {
  font-size: 18px;
 }
 .carousel-caption p {
  font-size: 14px;
 }
 .carousel-indicators{
  display: none;
  }
}

@media all and (max-width: 600px) {
 .carousel-caption h1 {
  font-size: 11px;
 }
 .carousel-caption p {
  font-size: 9px;
 }
 .carousel-indicators{
  display: none;
  }
}

.r1, .r2,  .r3, .r4 {
    display: block; 
    height: 1px;
    background: #d3d3d3;
    overflow: hidden;
   }
   .r1 {  margin: 0 5px; }
   .r2 {  margin: 0 3px; }
   .r3 {  margin: 0 2px; }
   .r4 {  margin: 0 1px; height: 2px; }
   .block-round-content { 
    background: #d3d3d3; /* Цвет фона */
  }