body {
  background-color: #2f343c;
  color: #a4aab3;
}

.thumb .info {
  background-color: #2f343c;
}
.thumb .info span {
  color: #f4fafc;
}
.thumb figure {
  background-color: #4a5059;
}

.input, .textarea {
  background-color: #2f343c;
  border-color: #4a5059;
}

.header, .languages-dropdown {
  background-color: #363c45;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.8);
}

.navigation {
  background-color: #363c45;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.8);
}
.navigation:after {
  box-shadow: 0 -5px 25px 0 rgba(0, 0, 0, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
}

.thumb-links {
  background-color: #363c45;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.8);
}
.thumb-links span {
  background-color: #4a5059;
  color: #f4fafc;
}

.video-wrapper {
  background-color: #363c45;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.8);
}

.footer {
  background-color: #363c45;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.8);
}
.footer .links a {
  color: #a4aab3;
}
.footer .links a:hover {
  color: #f4fafc;
}

.gallery-button {
  background-color: #4a5059;
}
.gallery-button:hover {
  background-color: #ebbf55;
  color: #000205;
}

.swiper {
  scrollbar-color: #868c95 #4a5059;
}
.swiper::-webkit-scrollbar {
  background-color: #4a5059;
}
.swiper::-webkit-scrollbar-thumb {
  background-color: #868c95;
}

.video-links span {
  background-color: #4a5059;
  color: #ffd369;
}

.separate-line, .spot {
  background-color: #4a5059;
}

.pages a {
  background-color: #4a5059;
}
.pages a:hover {
  background-color: #ebbf55;
  color: #000205;
}
.pages span {
  background-color: #4a5059;
}
.pages a.active {
  background-color: #ebbf55;
  color: #000205;
}

.sort a {
  background-color: #4a5059;
}
.sort a:hover, .sort a.active {
  background-color: #ebbf55;
  color: #000205;
}

.navigation-button {
  background-color: #4a5059;
  color: white;
}

#scroll-top {
  background-color: #4a5059;
  color: white;
  background-color: #ebbf55;
  color: #000205;
}

.contact-form button {
  background-color: #4a5059;
  color: white;
}

h1 {
  color: #f4fafc;
}
h1:after {
  border-color: #4a5059;
}

h2 {
  color: #f4fafc;
}
h2:after {
  border-color: #4a5059;
}
h2:before {
  color: #ffd369;
}

input, textarea {
  color: #f4fafc;
}
input::placeholder, textarea::placeholder {
  color: #a4aab3;
}

.columns a span {
  color: #a4aab3;
}

a {
  color: #f4fafc;
}
a:hover, a.active {
  color: #ffd369;
}
a.logotype {
  color: #f4fafc;
}
a.logotype span {
  color: #ffd369;
}

.search button {
  color: #f4fafc;
}
.search button:hover {
  color: #ffd369;
}

.links-list a:before {
  color: #ffd369;
}
.links-list .letter {
  background-color: #ebbf55;
  color: #000205;
}

.about a, .about span {
  color: #ffd369;
}

.languages-button, strong {
  color: #f4fafc;
}

.thumb-button {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.thumb-button:hover {
  background-color: #ebbf55;
  color: #000205;
}
.thumb-button.not-active {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.thumb-button.active {
  background-color: #ebbf55;
  color: #000205;
}
.thumb-button.active.not-active {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.thumb-button.not-active.active {
  background-color: #ebbf55;
  color: #000205;
}

.rating-buttons a.like-icon:hover {
  color: #50c8a0;
}
.rating-buttons a.dislike-icon:hover {
  color: #dc7878;
}

.mejs-controls {
  background: #30343c !important;
}
.mejs-controls button {
  color: #f8d570 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
  background: #ffffff !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #f8d570 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #ffffff !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #ffffff !important;
}

.mejs-mediaelement {
  background: #30343c !important;
}

.mejs-container {
  border: 1px solid #30343c;
}