html {
  scroll-behavior: auto;
}
html body {
  overflow-x: hidden !important;
}
html body a {
  text-decoration: none !important;
}
.bg-charcoal {
  background: #404042;
}
.section-slider-blog .text-small-slider {
  font-family: 'Barlow', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 1.4px;
}
.section-slider-blog .text-title {
  font-family: 'Barlow', sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}
.section-slider-blog .btn {
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 2px;
}
.section-slider-blog h1 {
  font-family: 'Barlow', sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}
.section-pagination-blog .pagination a {
  border: solid 1px #404042;
  color: #d82a31;
}
.section-pagination-blog .pagination .active a,
.section-pagination-blog .pagination a:hover {
  background-color: #404042;
  color: #fff;
}
.section-posts-content .blog-post img {
  height: 248px;
  object-fit: cover;
}
.section-posts-content .post-date {
  font-family: 'Barlow', sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #404042;
}
.section-posts-content .post-title {
  font-family: 'Barlow', sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  color: #404042;
}
.section-posts-content .post-preview {
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #404042;
}
.section-posts-content .separator-line-horrizontal-full {
  height: 2px;
}
.section-posts-content .box-title {
  font-family: 'Barlow', sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  color: #d82a31;
}
.section-text-post .text-side {
  color: #fff !important;
}
.section-text-post .text-side h2,
.section-text-post .text-side h3,
.section-text-post .text-side h4,
.section-text-post .text-side h5,
.section-text-post .text-side h6,
.section-text-post .text-side p,
.section-text-post .text-side span,
.section-text-post .text-side div {
  color: #fff !important;
}
.section-text-post .text-description {
  font-family: 'Barlow', sans-serif !important;
  color: #404042;
}
.section-text-post .text-description h2,
.section-text-post .text-description h3,
.section-text-post .text-description h4,
.section-text-post .text-description h5,
.section-text-post .text-description h6,
.section-text-post .text-description p,
.section-text-post .text-description span,
.section-text-post .text-description div {
  font-family: 'Barlow', sans-serif !important;
  color: #404042;
}
.section-text-post .text-description p {
  font-size: 14px;
  color: #404042;
}
.section-text-post .text-description blockquote {
  font-family: 'Barlow', sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: normal;
  letter-spacing: normal;
  color: #404042;
  font-style: normal;
  border-color: #d82a31;
}
section .text-description.blog-font div,
section .text-description.blog-font p,
section .text-description.blog-font li,
section .text-description.blog-font span {
  font-size: 16px;
}
@media (max-width: 1199px) {
  .lg-width-60 {
    width: 60% !important;
  }
}
@media (max-width: 991px) {
  .md-width-80 {
    width: 80% !important;
  }
  .parallax {
    background-position: center;
  }
  .md-height-550px {
    height: 550px !important;
  }
}
@media (max-width: 767px) {
  .one-second-screen {
    height: 300px;
  }
  .sm-width-100 {
    width: 100% !important;
  }
  .section-slider-blog .text-title,
  .section-slider-blog h1 {
    font-size: 40px;
  }
  section {
    padding: 50px 0;
  }
  .sm-height-350px {
    height: 350px !important;
  }
}
@media (min-width: 767px) {
  .slider-h-600 {
    height: 600px;
  }
  .h-500 {
    height: 500px;
  }
}