/*! ------------------------------------------------
   Project Name: Oomph - Stylish Coming Soon & Landing Page Template
   Project Description: Oomph - awesome coming soon template to kick-start your project
   Tags: mix_design, oomph, coming soon, under construction, template, coming soon page, html5, css3
   Version: 1.0.0
   Build Date: December 2020
   Last Update: December 2020
   This product is available exclusively on Themeforest
   Author: mix_design
   Author URI: http://mixdesign.club
   File name: oomph-color-1.css
   ------------------------------------------------

   ------------------------------------------------
   Table of Contents
   ------------------------------------------------
    1. Basic Color Options
    2. Typography
    3. Buttons & Controls
    4. Forms and Forms Reply Groups
    5. Main Section
    6. Menu
    7. Socials
    8. Countdown
    9. Content Section
    10. Custom Scroll
    11. Custom Skillbars
    12. Team
    13. Contact Data
    14. Google Map
    15. Gallery
   ------------------------------------------------
   Table of Contents End
   ------------------------------------------------ */
/* ------------------------------------------------*/
/* Basic Color Options Start */
/* ------------------------------------------------*/
::-moz-selection {
  background-color: #f4eeed;
  color: #0A0A0A;
  text-shadow: none;
}
::selection {
  background-color: #f4eeed;
  color: #0A0A0A;
  text-shadow: none;
}

body {
  background-color: #ffffff;
  color: #444444;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  color: #0A0A0A;
}

.color-layer-medium {
  background-color: rgba(0, 0, 0, 0.4);
}

.color-layer-dark {
  background-color: rgba(0, 0, 0, 0.6);
}

.background-black {
  background-color: #b3b3b3;
}

.background-dark {
  background-color: #ffffff;
}

.background-medium {
  background-color: #bfaca5;
}

.background-mute {
  background-color: #f4eeed;
}

.background-light {
  background-color: #ffffff;
}

/* ------------------------------------------------*/
/* Basic Color Options End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Typography Colors Start */
/* ------------------------------------------------*/
h1 {
  color: #0A0A0A;
}

h1.light {
  color: #ffffff;
}

.headline__subtitle {
  color: #444444;
}

.headline__subtitle.light {
  color: rgba(255, 255, 255, 0.8);
}

.headline__text {
  color: #444444;
}

.headline__text.light {
  color: rgba(255, 255, 255, 0.8);
}

h2 {
  color: #0A0A0A;
}

.section__subtitle {
  color: #444444;
}

.section__text {
  color: #444444;
}

h3 {
  color: #0A0A0A;
}

.block__subtitle {
  color: #444444;
}

.block__text {
  color: #444444;
}

h4 {
  color: #0A0A0A;
}

h4 small {
  color: #444444;
}

h5 {
  color: #0A0A0A;
}

p {
  color: #444444;
}

p span {
  color: #0A0A0A;
}

p.additional-text {
  color: #0A0A0A;
}

p.additional-text a {
  color: #0A0A0A;
}

.no-touch p.additional-text a:hover {
  color: rgba(10, 10, 10, 0.6);
}

p.additional-text.light {
  color: #ffffff;
}

p.additional-text.light a {
  color: #ffffff;
}

.no-touch p.additional-text.light a:hover {
  color: rgba(255, 255, 255, 0.6);
}

p.additional-text.light-mute {
  color: rgba(255, 255, 255, 0.6);
}

p.additional-text.light-mute a {
  color: rgba(255, 255, 255, 0.6);
}

.no-touch p.additional-text.light-mute a:hover {
  color: #ffffff;
}

blockquote p {
  color: #0A0A0A;
}

blockquote cite {
  color: #444444;
}

.popup__title {
  color: #0A0A0A;
}

.popup__title.light {
  color: #ffffff;
}

.popup__subtitle {
  color: #444444;
}

.popup__subtitle.light {
  color: rgba(255, 255, 255, 0.8);
}

.popup__text {
  color: #444444;
}

.popup__text.light {
  color: rgba(255, 255, 255, 0.8);
}

.navigation li span {
  color: #444444;
}

.navigation li a {
  color: #0A0A0A;
}

.navigation.light li span {
  color: rgba(255, 255, 255, 0.6);
}

.navigation.light li a {
  color: #ffffff;
}

@media only screen and (min-width: 1200px) {
  .navigation li a {
    color: #0A0A0A;
  }
  .no-touch .navigation li a:hover {
    color: #605653;
  }
  .navigation.light li span {
    color: rgba(255, 255, 255, 0.6);
  }
  .navigation.light li a {
    color: rgba(255, 255, 255, 0.6);
  }
  .no-touch .navigation.light li a:hover {
    color: #ffffff;
  }
}

/* ------------------------------------------------*/
/* Typography Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Buttons & Controls Colors Start */
/* ------------------------------------------------*/
.menu-trigger span:before, .menu-trigger span::after {
  background-color: #ffffff;
}

.section-close span:before, .section-close span::after {
  background-color: rgba(17, 17, 17, 0.6);
}

.no-touch .section-close:hover span:before, .no-touch .section-close:hover span::after {
  background-color: #111111;
}

.section-close.light span:before, .section-close.light span::after {
  background-color: rgba(255, 255, 255, 0.5);
}

.no-touch .section-close.light:hover span:before, .no-touch .section-close.light:hover span::after {
  background-color: #ffffff;
}

.btn-solid-light {
  background-color: #ffffff;
  color: #000000;
}

.no-touch .btn-solid-light:hover {
  background-color: #cccccc;
}

.btn-solid-dark {
  background-color: #111111;
  color: #ffffff;
}

.no-touch .btn-solid-dark:hover {
  background-color: #bfaca5;
  color: #111111;
}

/* ------------------------------------------------*/
/* Buttons & Controls Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Forms and Forms Reply Groups Colors Start */
/* ------------------------------------------------*/
.form-light {
  -moz-placeholder-color: rgba(255, 255, 255, 0.6);
  -ms-input-placeholder-color: rgba(255, 255, 255, 0.6);
}

.form-light ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.form-light ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.form-light input:focus:required:invalid,
.form-light textarea:focus:required:invalid {
  color: #ffffff;
}

.form-light input:required:valid,
.form-light textarea:required:valid {
  color: #ffffff;
}

.form-light input, .form-light textarea {
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
}

.form-light input:focus, .form-light textarea:focus {
  border: 1px solid #ffffff;
}

.form-light .inputs-description {
  color: rgba(255, 255, 255, 0.5);
}

.form-dark {
  -moz-placeholder-color: rgba(10, 10, 10, 0.7);
  -ms-input-placeholder-color: rgba(10, 10, 10, 0.7);
}

.form-dark ::-webkit-input-placeholder {
  color: rgba(10, 10, 10, 0.7);
}

.form-dark ::-moz-placeholder {
  color: rgba(10, 10, 10, 0.7);
}

.form-dark input:focus:required:invalid,
.form-dark textarea:focus:required:invalid {
  color: #0A0A0A;
}

.form-dark input:required:valid,
.form-dark textarea:required:valid {
  color: #0A0A0A;
}

.form-dark input, .form-dark textarea {
  border: 1px solid rgba(130, 130, 130, 0.5);
  color: #0A0A0A;
}

.form-dark input:focus, .form-dark textarea:focus {
  border: 1px solid #212121;
}

.form-dark .inputs-description {
  color: #616161;
}

.reply-group__icon {
  color: #bfaca5;
}

.reply-group__icon.light {
  color: #bfaca5;
}

.reply-group__title {
  color: #0A0A0A;
}

.reply-group__title.light {
  color: #ffffff;
}

.reply-group__text {
  color: #444444;
}

.reply-group__text.light {
  color: rgba(255, 255, 255, 0.8);
}

/* ------------------------------------------------*/
/* Forms and Forms Reply Groups Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Main Section Colors Start */
/* ------------------------------------------------*/
.main {
  background-color: #ffffff;
}

.main__content {
  background-color: #ffffff;
}

.main__media {
  background-color: #bfaca5;
}

.mainmedia__content::after {
  background-color: #bfaca5;
}

.mainmedia__content::before {
  background-color: #bfaca5;
}

/* ------------------------------------------------*/
/* Main Section Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Menu Colors Start */
/* ------------------------------------------------*/
.menu.dark {
  background-color: #cccccc;
}

.menu.light {
  background-color: #ece6e4;
}

/* ------------------------------------------------*/
/* Menu Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Socials Colors Start */
/* ------------------------------------------------*/
.socials-text li::after {
  color: #0A0A0A;
}

.socials-text li a {
  color: #0A0A0A;
}

.no-touch .socials-text li:hover a {
  color: #bfaca5;
}

.socials-text.light li::after {
  color: #ffffff;
}

.socials-text.light li a {
  color: #ffffff;
}

.no-touch .socials-text.light li:hover a {
  color: rgba(255, 255, 255, 0.6);
}

.socials-icons li a {
  color: #0A0A0A;
}

.no-touch .socials-icons li a:hover {
  color: #bfaca5;
}

.socials-icons.light li a {
  color: #ffffff;
}

.no-touch .socials-icons.light li a:hover {
  color: rgba(255, 255, 255, 0.6);
}

.socials-icons.light-mute li a {
  color: rgba(255, 255, 255, 0.6);
}

.no-touch .socials-icons.light-mute li a:hover {
  color: #ffffff;
}

/* ------------------------------------------------*/
/* Socials Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Countdown Colors Start */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Countdown Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Content Section Colors Start */
/* ------------------------------------------------*/
.inner__media {
  background-color: #bfaca5;
}

.media__content::after {
  background-color: #bfaca5;
}

.media__content::before {
  background-color: #bfaca5;
}

/* ------------------------------------------------*/
/* Content Section Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Custom Scroll Colors Start */
/* ------------------------------------------------*/
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(17, 17, 17, 0.16);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #111111;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #111111;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #111111;
}

/* ------------------------------------------------*/
/* Custom Scroll Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Custom Skillbars Colors Start */
/* ------------------------------------------------*/
.skillbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.skillbar-title {
  color: #0A0A0A;
}

.skillbar-bar {
  background-color: #111111;
}

.skill-bar-percent {
  color: #0A0A0A;
}

/* ------------------------------------------------*/
/* Custom Skillbars Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Team Colors Start */
/* ------------------------------------------------*/
.team__title {
  color: #0A0A0A;
}

.team__title small {
  color: #616161;
}

.team__text {
  color: #444444;
}

.team__socials li a {
  color: #616161;
}

.no-touch .team__socials li:hover a {
  color: #bfaca5;
}

/* ------------------------------------------------*/
/* Team Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Contact Data Colors Start */
/* ------------------------------------------------*/
.contact-data__text {
  color: #616161;
}

.contact-data__text a {
  color: #616161;
}

.contact-data__text a::after {
  background-color: #bfaca5;
}

.no-touch .contact-data__text a:hover {
  color: #0A0A0A;
}

.contact-data__socials li a {
  color: #616161;
}

.contact-data__socials li a::after {
  background-color: #bfaca5;
}

.no-touch .contact-data__socials li:hover a {
  color: #0A0A0A;
}

/* ------------------------------------------------*/
/* Contact Data Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Google Map Colors Start */
/* ------------------------------------------------*/
#zoom-in, #zoom-out {
  background-color: #111111;
}

#zoom-in .btn-icon, #zoom-out .btn-icon {
  color: #ffffff;
}

.no-touch #zoom-in:hover, .no-touch #zoom-out:hover {
  background-color: #414141;
}

/* ------------------------------------------------*/
/* Google Map Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Gallery Custom colors Start */
/* ------------------------------------------------*/
.my-gallery figure::after {
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%);
}

.my-gallery figure:nth-of-type(2)::after, .my-gallery figure:nth-of-type(3)::after {
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 172, 165, 0)), color-stop(30%, rgba(191, 172, 165, 0)), to(rgba(191, 172, 165, 0.6)));
  background: -moz-linear-gradient(top, rgba(191, 172, 165, 0) 0%, rgba(191, 172, 165, 0) 30%, rgba(191, 172, 165, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(191, 172, 165, 0) 0%, rgba(191, 172, 165, 0) 30%, rgba(191, 172, 165, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(191, 172, 165, 0) 0%, rgba(191, 172, 165, 0) 30%, rgba(191, 172, 165, 0.6) 100%);
}

.my-gallery figure:nth-of-type(2) h4, .my-gallery figure:nth-of-type(3) h4 {
  color: #111111;
}

.my-gallery figure:nth-of-type(2) h4 small, .my-gallery figure:nth-of-type(3) h4 small {
  color: #111111;
}

.my-gallery figure:nth-of-type(2) figcaption h4, .my-gallery figure:nth-of-type(3) figcaption h4 {
  color: #0A0A0A;
}

.my-gallery figure:nth-of-type(2) figcaption h4 small, .my-gallery figure:nth-of-type(3) figcaption h4 small {
  color: rgba(10, 10, 10, 0.8);
}

@media only screen and (min-width: 1200px) {
  .my-gallery figure::after {
    background: rgba(255, 255, 255, 0.6);
  }
  .my-gallery figure:nth-of-type(2)::after, .my-gallery figure:nth-of-type(3)::after {
    background: rgba(191, 172, 165, 0.6);
  }
}

.pswp__caption__center h4 {
  color: #ffffff;
}

.pswp__caption__center h4 small {
  color: rgba(255, 255, 255, 0.8);
}

.pswp__caption__center p {
  color: rgba(255, 255, 255, 0.6);
}

.pswp__bg {
  background: #262221;
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__caption, .pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__button--close {
  background-color: #bfaca5;
}

/* ------------------------------------------------*/
/* Gallery Custom colors End */
/* ------------------------------------------------*/