@import url("https://use.typekit.net/xcw1afi.css");
:root {
  --base-color: #636363;
  --medium-gray: #636363;
  --dark-gray: #2d2d2d;
  --alt-font: 'regulator-nova', sans-serif;
  --primary-font: 'regulator-nova', sans-serif 

}
body {
  font-size: 20px;
  line-height: 32px
}
.top-space-margin {
  margin-top: 120px
}
.navbar .navbar-nav .nav-link {
  font-weight: 600;
  font-size: 12px
}
header .navbar-brand img {
  max-height: 56px
}
header .btn.btn-switch-text.btn-medium > span {
  padding: 11px 30px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img {
  border-radius: 0
}
.btn.btn-base-color {
  color: var(--dark-gray)
}
.btn.btn-box-shadow.btn-base-color:hover, .btn.btn-box-shadow.btn-base-color:active {
  color: var(--dark-gray)
}
.bg-base-color-transparent {
  background-color: rgba(204, 255, 0, .9)
}
.banner-title {
  font-size: 450px;
  word-break: normal;
  letter-spacing: -40px
}
.ls-minus-20px {
  letter-spacing: -20px
}
.ls-minus-13px {
  letter-spacing: -13px
}
.mt-minus-12 {
  margin-top: -12%
}
.word-break-normal {
  word-break: normal
}
.bg-sherpa-blue {
  background-color: #333436
}
.page-title-extra-large h1 {
  font-size: 5rem;
  line-height: 5rem
}
.team-style-05 img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%)
}
.team-style-05:hover img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%)
}
.team-style-08 figure img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%)
}
.team-style-08:hover figure img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%)
}
.team-style-08 figure figcaption .social-icon a {
  background-color: var(--base-color)
}
.team-style-08 figure figcaption .social-icon a:hover {
  color: var(--dark-gray)
}
.blog-classic .card .blog-image img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%)
}
.blog-comment li .btn-reply:hover {
  color: var(--text-dark-gray)
}
.tag-cloud a {
  background-color: var(--white)
}
.portfolio-simple .grid-item .portfolio-image img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%)
}
.portfolio-simple .portfolio-box:hover .portfolio-image img {
  opacity: 1;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%)
}
.popular-post-sidebar li figure {
  width: 190px;
  height: auto
}
.popular-post-sidebar li .media-body {
  padding-left: 40px
}
.social-icon-style-06 li {
  position: relative
}
.social-icon-style-06 li:before {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: var(--medium-gray);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  opacity: .5
}
.social-icon-style-06 li:last-child:before {
  display: none
}
footer .footer-logo img {
  max-height: 56px
}
footer .nav-link {
  color: var(--dark-gray)
}
.footer-navbar li a:hover {
  color: var(--base-color)
}
@media(min-width:992px) {
  .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
    padding: 15px 25px
  }
}
@media(min-width:768px) {
  h1 {
    font-size: 5rem;
    line-height: 5rem
  }
  h2 {
    font-size: 3.75rem;
    line-height: 3.75rem
  }
  h3 {
    font-size: 3.125rem;
    line-height: 3.125rem
  }
}
@media(max-width:1399px) {
  .banner-title {
    font-size: 500px
  }
  header .btn.btn-switch-text.btn-medium > span {
    padding: 11px 22px
  }
}
@media(max-width:1199px) {
  .banner-title {
    font-size: 380px;
    letter-spacing: -25px
  }
  .ls-minus-20px {
    letter-spacing: -15px
  }
  header .btn.btn-switch-text.btn-medium > span {
    padding: 6px 11px
  }
  .navbar .navbar-nav .nav-link {
    padding: 10px 12px
  }
  footer .nav-link {
    padding: 2px 8px
  }
}
@media(max-width:991px) {
  .banner-title {
    font-size: 270px;
    letter-spacing: -15px
  }
  .ls-minus-20px {
    letter-spacing: -10px
  }
  .top-space-margin {
    margin-top: 100px
  }
  header .btn.btn-switch-text.btn-medium > span {
    padding: 9px 24px
  }
}
@media(max-width:767px) {
  .banner-title {
    font-size: 200px;
    letter-spacing: -15px
  }
  .process-step-style-10.hover-box:hover .hover-content {
    bottom: 0
  }
  .ls-minus-20px {
    letter-spacing: -4px
  }
  .ls-minus-13px {
    letter-spacing: -5px
  }
}
@media(max-width:575px) {
  .banner-title {
    font-size: 110px;
    letter-spacing: -3px
  }
  .popular-post-sidebar li figure {
    width: 100%
  }
  .popular-post-sidebar li .media-body {
    padding-left: 0;
    padding-top: 25px
  }
}