html ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html ::-webkit-scrollbar-button {
  display: none;
}

html ::-webkit-scrollbar-thumb {
  background-color: #272727;
  border-radius: none;
}

html ::-webkit-scrollbar-corner {
  background-color: #999;
}

html ::-webkit-resizer {
  background-color: #666;
}

body {
  background-color: #272727;
  color: #929292;
}

main {
  background-color: #272727;
}

a {
  color: #fff;
}

.post-sb__text h1, .post-sb__text h2, .post-sb__text h3, .post-sb__text h4, .post-sb__text h5, .post-sb__text h6, .comment-item__text h1, .comment-item__text h2, .comment-item__text h3, .comment-item__text h4, .comment-item__text h5, .comment-item__text h6 {
  color: #fff;
}

.quote p, blockquote p, .post-sb__text blockquote p, .post-sb__text blockquote p, .comment-item__text blockquote p, .comment-item__text blockquote p, .quote__name, blockquote cite {
  color: #fff;
}

.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #ffffff;
}

.field input,
.field textarea {
  color: #929292;
  border-color: #4d4d4d;
  background-color: #343434;
}

.field input::placeholder,
.field textarea::placeholder {
  color: #929292;
}

.field input:focus,
.field textarea:focus {
  border-color: #929292;
  color: #929292;
}

@media (min-width: 992px) {
  .field input:hover, .field input:focus,
  .field textarea:hover,
  .field textarea:focus {
    border-color: #929292;
  }
}

.logo__large, .logo__small {
  color: #ffffff;
}

@media (min-width: 992px) {
  .navigation__dropdown {
    background-color: #272727;
  }
}

.navigation__dropdown-item a {
  color: #ffffff;
}

.navigation__link {
  color: #ffffff;
}

@media (max-width: 991px) {
	.mobile-canvas {
		background-color: #272727;
	}
}

@media (min-width: 992px) {
	.mobile-canvas:not(.header__mobile) {
    background-color: #272727;
  }
}

.mobile-canvas__copy span {
  color: #ffffff;
}

@media (min-width: 992px) {
  .mobile-canvas__phone {
    color: #ffffff;
  }
}

.mobile-canvas__close svg {
  fill: #ffffff;
}

.menu-toggle::before, .menu-toggle::after {
  content: "";
  border-top-color: #ffffff;
}

.header {
  background-color: #272727;
}

.header--half {
  background-color: transparent;
}

.header--fixed {
  background-color: #272727;
}

.header--fixed .logo__large, .header--fixed .logo__small {
  color: #ffffff;
}

@media (min-width: 992px) {
  .header--fixed .social__link svg path {
    fill: #ffffff;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .header--fixed .social__link:hover svg {
    fill: #fbc710;
  }
}

.header--fixed .navigation__link {
  color: #ffffff;
}

.header--fixed .navigation__link:hover {
  color: #fbc710;
}

.header--fixed .menu-toggle::before, .header--fixed .menu-toggle::after {
  border-top: solid 3px #ffffff;
}

.header--bg {
  background-color: #272727 !important;
}

@media (min-width: 1200px) {
  .header--bg {
    background-color: transparent !important;
  }
}

.header__phone {
  color: #ffffff;
}

.heading {
  color: #ffffff;
}

.slide-tab__number {
  color: #ffffff !important;
}

.slide-tab__title {
  color: #ffffff !important;
}

.main-slider .tp-tabs {
  background-color: #272727 !important;
}

.main-slider .tp-tab.selected .slide-tab__title {
  color: #ffffff !important;
}

.about-section__blockquote {
  color: #ffffff;
}

.services-section__link:hover {
  outline: none;
  color: #ffffff;
}

.statistics__item-text {
  color: #ffffff;
}

.filter__item {
  color: #ffffff;
}

.filter__item--active {
  color: #fbc710;
}

.review-card__name {
  color: #ffffff;
}

.review-card__post {
  margin-bottom: 32px;
  color: #ffffff;
}

.preview-card__content {
  background-color: #272727;
}

.preview-card__date, .preview-card__heading, .preview-card__btn {
  color: #ffffff;
}

.preview-card__btn svg {
  fill: #ffffff;
}

.lang-switcher__link {
  color: #ffffff;
}

.lang-switcher__link--current {
  color: #fbc710;
}

.social__link svg {
  fill: #ffffff;
}

.social__link:hover svg {
  fill: #fbc710;
}

.preloader {
  background-color: #272727;
}

@media (min-width: 1200px) {
  .hero__content {
    background-image: linear-gradient(to right, #272727 54.375%, transparent 54.375%);
  }
}

@media (min-width: 1560px) {
  .hero__content {
    background-image: linear-gradient(to right, #272727 44.375%, transparent 44.375%);
  }
}

.hero__tag {
  color: #ffffff;
}

.services-provided__column {
  margin-bottom: 48px;
}

.services-provided__column:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .services-provided__column {
    margin-bottom: 0;
  }
}

.services-provided__column-heading {
  color: #ffffff;
}

.services-provided__icon svg,
.services-provided__icon .e-font-icon-svg {
  fill: #ffffff;
}

.services-provided__link {
  color: #ffffff;
}

.services-provided__link svg {
  fill: #ffffff;
}

.card--team .card__heading {
  visibility: hidden;
  color: #ffffff !important;
}

.card--team .card__text {
  color: #ffffff !important;
}

.card--team:hover .card__content {
  background-color: rgba(39, 39, 39, 0.95) !important;
}

@media (min-width: 992px) {
  .card--team:hover .card__heading {
    visibility: visible;
  }
}

.card--team .social__link svg {
  fill: #ffffff;
}

.card--transparent {
  border: solid 1px #ffffff;
  transition: border-color 0.3s ease;
}

.card--transparent:hover {
  border-color: #fbc710;
}

@media (min-width: 992px) {
  .card--transparent:hover .card__text {
    position: static;
  }
}

.card--news .card__content {
  background-color: #272727;
}

.card--news:hover .card__content {
  background-color: #272727;
}

.card--news:hover .card__heading {
  visibility: visible;
  color: #ffffff;
}

.card--news:hover .card__text {
  color: #ffffff;
}

.card--news:hover .card__date {
  color: #ffffff;
}

@media (min-width: 992px) {
  .card--news:hover:hover .card__content {
    background-color: #272727;
  }
  .card--news:hover:hover .card__heading {
    color: #ffffff;
  }
}

.card--news .card__content {
  background-color: #272727;
}

.card--news .card__heading {
  color: #ffffff;
}

.card--news-masonry:hover .card__content {
  transform: none;
  border-color: #fbc710;
}

.card--news-masonry:hover .card__date {
  transform: none;
}

.card--news-masonry:hover .card__heading {
  transform: none;
}

.card--news-masonry:hover .card__text {
  transform: none;
}

.card--news-masonry:hover .card__link {
  color: #fbc710;
}

.card--news-masonry:hover .card__link svg {
  fill: #fbc710;
}

@media (min-width: 992px) {
  .card--news-masonry .card__content {
    background-color: #343434;
  }
}

.card--news-masonry .card__date, .card--news-masonry .card__heading, .card--news-masonry .card__text {
  color: #ffffff;
  visibility: visible;
}

.card--news-masonry .card__link {
  color: #fbc710;
}

.card--news-masonry .card__link svg {
  fill: #fbc710;
}

.card:hover {
  outline: none;
}

.card:hover .card__content,
.card:focus .card__content {
  background-color: rgba(251, 199, 16, 0.95);
}

.card:hover .card__tag,
.card:focus .card__tag {
  color: #000000;
}

.card:hover .card__heading,
.card:focus .card__heading {
  position: static;
  color: #000000;
  transform: translateY(0);
  transition: transform 0.5s ease;
}

.card:hover .card__text,
.card:focus .card__text {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease;
}

.card:hover .card__bottom,
.card:focus .card__bottom {
  opacity: 1;
}

.card__tag {
  margin-bottom: 4px;
  color: #ffffff;
  transform: translateY(-20px);
}

.card__send-text {
  color: #ffffff;
}

.card .social__link:hover svg {
  fill: #ffffff;
}

.video-section {
  background-color: #272727;
}

.project-meta__item-title {
  color: #ffffff;
}

.project-designer__title {
  color: #ffffff;
}

.steps__item::before {
  color: #ffffff;
}

.steps__item-title {
  color: #ffffff;
}

.post-sb-page__main-pic--inner .post-sb-page__tag {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 10px;
  transition: color 0.3s ease;
}

@media (min-width: 992px) {
  .post-sb-page__main-pic--inner .post-sb-page__tag {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .post-sb-page__main-pic--inner .post-sb-page__tag:hover {
    color: #fbc710;
  }
}

.post-sb-page__main-pic--inner .post-sb-page__heading {
  margin: 0;
  font-family: "Gilroy", "Arial", sans-serif;
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  color: #ffffff;
}

@media (min-width: 992px) {
  .post-sb-page__main-pic--inner .post-sb-page__heading {
    font-size: 50px;
    line-height: 54px;
  }
}

@media (min-width: 1560px) {
  .post-sb-page__main-pic--inner .post-sb-page__heading {
    font-size: 60px;
    line-height: 80px;
  }
}

.post-sb-page__main-pic--inner .post-sb-page__heading span {
  color: #fbc710;
}

.post-sb-page__wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 28px;
  overflow: hidden;
}

@media (min-width: 992px) {
  .post-sb-page__wrapper {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 210px;
  }
}

.post-sb__date .author {
  color: #ffffff;
}

.post-sb__title {
  color: #ffffff;
}

.post-sb__title a {
  color: #ffffff;
}

.post-sb__subtitle {
  color: #ffffff;
}

.post-sb__text {
  color: #a1a1a1;
}

.post-sb__bottom {
  border-top: 1px solid #a6a6a6;
}

.post-sb__tags a {
  color: #929292;
}

.post-sb__tags span {
  color: #ffffff;
}

.post-sb__socials > span {
  color: #ffffff;
}

.post-sb__social .social__item + .social__item {
  margin-left: 10px;
}

.post-sb__social .social__link {
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
}

@media (min-width: 992px) {
  .post-sb__social .social__link:hover svg {
    fill: #fbc710;
  }
}

.post-sb__social .social__link svg {
  fill: #929292;
  transition: fill 0.3s ease;
}

.post-sb__related {
  margin: 15px 0;
}

@media (min-width: 992px) {
  .post-sb__related {
    margin: 196px 0 100px;
  }
}

.post-sb__comment {
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .post-sb__comment {
    margin-bottom: 207px;
  }
}

.post-sb--full .post-sb__content {
  margin-right: 0;
}

@media (min-width: 992px) {
  .post-sb--full .post-sb__content-pic {
    margin: 80px -190px 77px;
  }
}

@media (min-width: 992px) {
  .post-sb--full .post-sb__gallery {
    flex-direction: row;
    margin: 0 -190px 112px;
  }
}

.post-related {
  background-color: #272727;
}

@media (min-width: 992px) {
  .post-related {
    background-color: #343434;
  }
}

@media (min-width: 1560px) {
  .post-related {
    background-color: transparent;
    background-image: linear-gradient(to right, #343434 86.09%, transparent 86.09%);
  }
}

.post-related__title span {
  color: #ffffff;
}

.post-related__title a {
  color: #a1a1a1;
}

@media (min-width: 992px) {
  .post-related__title a:hover {
    color: #fbc710;
  }
  .post-related__title a:hover svg {
    fill: #fbc710;
  }
}

.post-related__title a svg {
  fill: #787878;
}

.post-related__item {
  height: auto;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .post-related__item {
    height: 350px;
  }
}

.post-related__item .card__content {
  background-color: #272727;
}

@media (min-width: 992px) {
  .post-related__item .card__content {
    background-color: #272727;
  }
}

.comment__title {
  color: #ffffff;
}

.comment .comment-item__name {
  color: #ffffff;
}

.comment .comment-item__sent {
  color: #ababab;
}

.comment .comment-item__text {
  color: #a1a1a1;
}

.comment .comment-item__reply {
  background-color: #343434;
  border-color: #343434;
  color: #ffffff;
}

.comment .comment-item--replyed {
  border-left: 1px solid #e5e5e5;
}

@media (min-width: 992px) {
  .comment .comment-item--replyed {
    border-left: none;
  }
}

.comment-form__title {
  color: #ffffff;
}

.comment-form input,
.comment-form textarea {
  border-color: #4d4d4d;
  background-color: #343434;
}

.comment-form input::placeholder,
.comment-form textarea::placeholder {
  opacity: 1;
  color: #929292;
}

.comment-form input:focus, .comment-form input:hover,
.comment-form textarea:focus,
.comment-form textarea:hover {
  border-color: #929292;
}

.comment-form textarea {
  height: 174px;
  resize: none;
}

.comment-form__inputs-group {
  display: flex;
  flex-direction: column;
  margin: 0 0 30px;
}

@media (min-width: 992px) {
  .comment-form__inputs-group {
    flex-direction: row;
    justify-content: space-between;
    margin: 0 -15px 30px;
  }
}

.comment-form__inputs-group .comment-form__field-wrapper {
  width: 100%;
  margin: 0 0 15px;
}

@media (min-width: 992px) {
  .comment-form__inputs-group .comment-form__field-wrapper {
    width: calc(50% - 30px);
    margin: 0 15px;
  }
}

.comment-form__inputs-group .comment-form__field-wrapper label {
  margin-bottom: 0;
}

.comment-form__btn {
  padding: 17px 44px;
  margin-top: 30px;
  border-radius: 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Work Sans", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}

@media (min-width: 992px) {
  .comment-form__btn {
    left: 0;
    transform: none;
    margin-top: 32px;
  }
}

.quote p {
  color: #ffffff;
}

.quote__name {
  color: #ffffff;
}

.sidebar__block > p {
  color: #ffffff;
}

.sidebar__block input[type="search"] {
  background-color: #343434;
  border-color: #4d4d4d;
  color: #929292;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath fill='%23929292' d='M62.9 56.5l-17-13.8c7.2-9.9 6.1-23.7-2.7-32.5C38.4 5.3 32 2.7 25.3 2.7s-13 2.6-17.8 7.4S0 21.3 0 28s2.7 13.1 7.5 17.9c5.1 5.1 11.5 7.5 17.9 7.5 6.1 0 12.3-2.1 17.1-6.7l17.3 14.1c.5.5 1.1.5 1.6.5.8 0 1.6-.3 2.1-1.1.8-1 .8-2.6-.6-3.7zM25.3 48c-5.3 0-10.4-2.1-14.1-5.9-3.7-3.7-5.9-8.8-5.9-14.1s2.1-10.4 5.9-14.1S20 8 25.3 8s10.4 2.1 14.1 5.9 5.9 8.8 5.9 14.1-2.1 10.4-5.9 14.1c-3.7 3.8-8.7 5.9-14.1 5.9z'/%3e%3c/svg%3e ");
}

.sidebar__block input[type="search"]:focus {
  background-color: #414141;
}

@media (min-width: 992px) {
  .sidebar__block input[type="search"]:hover, .sidebar__block input[type="search"]:focus {
    background-color: #414141;
  }
}

.sidebar__related-post {
  display: block;
}

@media (min-width: 992px) {
  .sidebar__related-post:hover .sidebar__related-post-content .title {
    color: #fbc710;
  }
}

.sidebar__related-post-content .title {
  color: #ffffff;
}

.sidebar__tag-item {
  border-color: #414141;
  color: #ffffff;
}

@media (min-width: 992px) {
  .sidebar__tag-item:hover {
    color: #000000;
    background-color: #fbc710;
  }
}

.contact-block {
  background-color: #272727;
}

.contact-block__heading {
  color: #ffffff;
}

.contact-block__phone a {
  color: #ffffff;
}

.contact-block__item-hint {
  color: #ffffff;
}

@media (min-width: 768px) {
  .service-card--reverse .service-card__detail {
    border-left-color: #343434;
  }
}

@media (min-width: 768px) and (min-width: 992px) {
  .service-card--reverse .service-card__detail:hover {
    border-color: #fbc710;
  }
}

@media (min-width: 768px) {
  .service-card__detail {
    border-top-color: #343434;
    border-right-color: #343434;
    background-color: #343434;
  }
}

.service-card__heading {
  color: #ffffff;
}

@media (min-width: 992px) {
  .service-card__link:hover {
    color: #ffffff;
  }
  .service-card__link:hover svg {
    fill: #ffffff;
  }
}

.page-404 {
  background-image: url("../img/bg-404.png");
}

@media (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .page-404 {
    background-image: url("../img/bg-404@2x.png");
  }
}

.page-404__num, .page-404__title {
  color: #ffffff;
}

.page-404__search {
  color: #929292 !important;
  border-color: #4d4d4d !important;
  background-color: #343434 !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath fill='%23929292' d='M62.9 56.5l-17-13.8c7.2-9.9 6.1-23.7-2.7-32.5C38.4 5.3 32 2.7 25.3 2.7s-13 2.6-17.8 7.4S0 21.3 0 28s2.7 13.1 7.5 17.9c5.1 5.1 11.5 7.5 17.9 7.5 6.1 0 12.3-2.1 17.1-6.7l17.3 14.1c.5.5 1.1.5 1.6.5.8 0 1.6-.3 2.1-1.1.8-1 .8-2.6-.6-3.7zM25.3 48c-5.3 0-10.4-2.1-14.1-5.9-3.7-3.7-5.9-8.8-5.9-14.1s2.1-10.4 5.9-14.1S20 8 25.3 8s10.4 2.1 14.1 5.9 5.9 8.8 5.9 14.1-2.1 10.4-5.9 14.1c-3.7 3.8-8.7 5.9-14.1 5.9z'/%3e%3c/svg%3e ") !important;
  transition: all 0.3s ease !important;
}

.page-404__search::placeholder {
  color: #929292 !important;
}

.page-404__search:hover {
  background-color: #414141 !important;
}

.page-404__text a:hover {
  color: #ffffff;
}

.more:hover {
  color: #fbc710;
}

.more:hover svg {
  fill: #fbc710;
}

.single-service-block h2 {
  color: #ffffff;
}

.article__project-text strong {
  color: #ffffff;
}

.services {
  color: #ffffff;
}

.services__item-text {
  color: #929292;
}

.contact-parallax__form input,
.contact-parallax__form textarea {
  background-color: transparent;
  border-bottom-color: #ffffff;
  color: #ffffff;
}

.contact-parallax__form input::placeholder,
.contact-parallax__form textarea::placeholder {
  opacity: 1;
}

@media (min-width: 992px) {
  .contact-parallax__form input:hover, .contact-parallax__form input:focus,
  .contact-parallax__form textarea:hover,
  .contact-parallax__form textarea:focus {
    color: #ffffff;
    border-color: #ffffff;
  }
}

.footer--bg {
  background-color: #272727 !important;
}

@media (min-width: 1200px) {
  .footer--bg {
    background-color: transparent !important;
  }
}

.footer__copyright {
  color: #ffffff;
}

.footer__copyright span {
  color: #ffffff;
}

.footer__column-link {
  color: #ffffff;
}

.webpage {
  background-color: #272727;
}

.main-slider .swiper-custom-pagination ul li {
  background-color: #272727;
}

.main-slider .swiper-custom-pagination ul li .num, .main-slider .swiper-custom-pagination ul li .label {
  color: #fff !important;
}

.navigation__dropdown li a, .footer__column-menu li a, .social__link, .services-provided__icon i {
  color: #fff;
}

.parallax {
  background-color: #272727!important;
}

.header--white {
  background-color: transparent;
}

.pager span, .pager a, .page-links .post-page-numbers {
  color: #fff;
}

.pager .next:before, .pager .prev:before {
  color: #fff;
}

.social--contact .social__link .fa, .social--contact .social__link .fas, .social--contact .social__link .fab, .social--contact .social__link .far {
  color: #fff;
}

.field input[type="text"], .field input[type="number"], .field input[type="tel"], .field input[type="email"], .field input[type="phone"], .field input[type="address"], .field input[type="password"], .field textarea {
  border: solid 1px #4d4d4d;
  color: #929292;
}

.mobile-canvas__copy strong {
  color: #fff;
}

@media (min-width: 992px) {
  .header--fixed .header__phone {
    color: #fff;
  }
}

.comment .comment-item__reply {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
}

.card--news:hover .card__content {
	background-color: #272727 !important;
}

.dropdownnavigation__item i.icon:before {
    color: #fff;
}

.news-listing__item .card__date, .news-listing__item .card__text {
	color: #fff;
}

.fab.fa-twitter.x-icon svg path,
.fa.fa-twitter.x-icon svg path {
    fill: #fff;
}
.webpage--parallax-dark .container-page-parallax .header .social__link .fab.fa-twitter.x-icon svg path {
	fill: #fff;
}
@media (min-width: 992px) {
	.header--white .social__link svg path {
		fill: #ffffff;
	}
}
.social__link:hover svg path,
.header--white .social__link:hover svg path {
  fill: #ffb74d !important;
}

.webpage--parallax-dark .container-page-parallax .header .logo__large, 
.webpage--parallax-dark .container-page-parallax .header .logo__small, 
.webpage--parallax-dark .container-page-parallax .header--white .navigation__list>li>.navigation__link, 
.webpage--parallax-dark .container-page-parallax .header--white .navigation__list>li>i.icon:before,
.webpage--parallax-dark .container-page-parallax .parallax,
.webpage--parallax-dark .container-page-parallax .header .social__link,
.webpage--parallax-dark .container-page-parallax .footer.footer--white .footer__copyright,
.webpage--parallax-dark .container-page-parallax .footer .footer__copy, 
.webpage--parallax-dark .container-page-parallax .footer .lang-switcher__link {
  color: #fff;
}
.webpage--parallax-dark .container-page-parallax .header .menu-toggle::before, 
.webpage--parallax-dark .container-page-parallax .header .menu-toggle::after {
  border-color: #fff;
}
.webpage--parallax-dark .header--white .navigation__list>li>.navigation__link:hover,
.webpage--parallax-dark .header .social__link:hover,
.webpage--parallax-dark .footer .lang-switcher__link:hover {
  color: #ffb74d;
}

/*side popup*/
.mobile-canvas__nav li li a.navigation__link {
  color: #fff;
}
.navigation__link:hover {
  color: #fff;
}
.current_page_itemnavigation__item > a {
  color: #ffb74d;
}