/*! ------------------------------------------------
 * Project Name: Oomph - Christmas Style 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: 2.1.0
 * Build Date: December 2020
 * Last Update: November 2021
 * This product is available exclusively on Themeforest
 * Author: mix_design
 * Author URI: http://mixdesign.club
 * File name: 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: #f5efe3;
  color: #0A0A0A;
  text-shadow: none;
}
::selection {
  background-color: #f5efe3;
  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(50, 35, 53, 0.4);
}

.color-layer-dark {
  background-color: rgba(50, 35, 53, 0.6);
}

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

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

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

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

.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: #fb7f65;
}
p.additional-text.light-mute {
  color: rgba(255, 255, 255, 0.8);
}
p.additional-text.light-mute a {
  color: rgba(255, 255, 255, 0.8);
}
.no-touch p.additional-text.light-mute a:hover {
  color: #fb7f65;
}

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.8);
}
.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: #fb7f65;
  }
  .navigation.light li span {
    color: rgba(255, 255, 255, 0.8);
  }
  .navigation.light li a {
    color: #ffffff;
  }
  .no-touch .navigation.light li a:hover {
    color: #fb7f65;
  }
}

/* ------------------------------------------------*/
/* 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.5);
}
.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: #414141;
}

/* ------------------------------------------------*/
/* Buttons & Controls Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Forms and Forms Reply Groups Colors Start */
/* ------------------------------------------------*/
.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 ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.form-light :-ms-input-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 ::-webkit-input-placeholder {
  color: rgba(10, 10, 10, 0.7);
}
.form-dark :-moz-placeholder {
  color: rgba(10, 10, 10, 0.7);
}
.form-dark ::-moz-placeholder {
  color: rgba(10, 10, 10, 0.7);
}
.form-dark :-ms-input-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: #0A0A0A;
}
.reply-group__icon.light {
  color: #ffffff;
}

.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: #322335;
}

.main__content {
  background-color: #322335;
}

.main__media {
  background-color: #fb7f65;
}

.mainmedia__content::after {
  background-color: #fb7f65;
}
.mainmedia__content::before {
  background-color: #fb7f65;
}

/* ------------------------------------------------*/
/* Main Section Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Menu Colors Start */
/* ------------------------------------------------*/
.menu.dark {
  background-color: #281c2a;
}
.menu.light {
  background-color: #ffffff;
}

/* ------------------------------------------------*/
/* 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: #444444;
}
.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: #444444;
}
.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.8);
}
.no-touch .socials-icons.light-mute li a:hover {
  color: #fb7f65;
}

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

.media__content::after {
  background-color: #fb7f65;
}
.media__content::before {
  background-color: #fb7f65;
}

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

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

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

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

/* ------------------------------------------------*/
/* Custom Scroll Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Custom Skillbars Colors Start */
/* ------------------------------------------------*/
.skillbar {
  border-bottom: 1px solid rgba(50, 35, 53, 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: #fb7f65;
}

/* ------------------------------------------------*/
/* 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: #fb7f65;
}
.no-touch .contact-data__text a:hover {
  color: #0A0A0A;
}

.contact-data__socials li a {
  color: #616161;
}
.contact-data__socials li a::after {
  background-color: #fb7f65;
}
.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: #322335;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 35, 53, 0)), color-stop(30%, rgba(50, 35, 53, 0)), to(rgba(50, 35, 53, 0.6)));
  background: -moz-linear-gradient(top, rgba(50, 35, 53, 0) 0%, rgba(50, 35, 53, 0) 30%, rgba(50, 35, 53, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(50, 35, 53, 0) 0%, rgba(50, 35, 53, 0) 30%, rgba(50, 35, 53, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(50, 35, 53, 0) 0%, rgba(50, 35, 53, 0) 30%, rgba(50, 35, 53, 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: #ffffff;
}
.my-gallery figure:nth-of-type(2) figcaption h4 small, .my-gallery figure:nth-of-type(3) figcaption h4 small {
  color: rgba(255, 255, 255, 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(50, 35, 53, 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: #281c2a;
}

.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: #fb7f65;
}

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