/* Basic color options */
::-moz-selection {
  background-color: #268dc9;
  color: #40e1e8;
  text-shadow: none;
}
::selection {
  background-color: #268dc9;
  color: #40e1e8;
  text-shadow: none;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  background-color: #2e2356;
  color: #616161;
}

a {
  color: #303030;
}

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

/* Typography Colors */
h1 {
  color: #262626;
}

h1 span {
  color: #fee62e;
}

h1.light-text {
  color: #ffffff;
}

h2 {
  color: #262626;
}

h3 {
  color: #262626;
}

h3 small {
  color: #aaa;
}

p {
  color: #303030;
}

.section-title span {
  color: #262626;
}

.section-title span em {
  color: #262626;
}

.section-title p {
  color: #303030;
}

.txt-light {
  color: #ffffff;
}

.txt-light-transparent {
  color: rgba(255, 255, 255, 0.6);
}

.txt-accent-color {
  color: #40e1e8;
}

.blockquote-content::after {
  color: rgba(48, 48, 48, 0.1);
}

.blockquote-content blockquote p {
  color: #303030;
}

.blockquote-content blockquote cite {
  color: #616161;
}

strong {
  color: #303030;
}

/* Buttons & Triggers Colors */
.btn-dark-outline {
  border: 2px solid #303030;
  color: #303030;
}

.btn-dark-outline::before, .btn-dark-outline::after {
  background-color: #303030;
}

.btn-dark {
  color: #ffffff;
  background-color: #268dc9;
}

.btn-dark::before, .btn-dark::after {
  background-color: #ffffff;
}

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

.btn-light::before, .btn-light::after {
  background-color: #268dc9;
}

.btn-light-outline {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn-light-outline::before, .btn-light-outline::after {
  background-color: #ffffff;
}

.section-close {
  color: #268dc9;
  border: 2px solid #268dc9;
}

.section-close.light {
  color: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.contact-data-item i {
  color: #268dc9;
}

.contact-data-item p {
  color: #616161;
}

.contact-data-item a {
  color: #616161;
}

.contact-data-item a::before {
  background-color: #343434;
}

.no-touch .contact-data-item a:hover {
  color: #303030;
}

/* Forms Colors */
.form-dark {
  -moz-placeholder-color: #303030;
  -ms-input-placeholder-color: #303030;
}

.form-dark ::-webkit-input-placeholder {
  color: #303030;
}

.form-dark ::-moz-placeholder {
  color: #303030;
}

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

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

.form-dark input, .form-dark textarea {
  border-bottom: 1px solid #303030;
  color: #303030;
}

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

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

.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-bottom: 1px solid #ffffff;
  color: #d8d8d8;
}

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

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

/* Main Section Colors */
.main {
  background-color: #268dc9;
}

.main-intro {
  background-color: #268dc9;
}

.main-intro::before {
  background-color: #2179ac;
}

.intro-content {
  background-image: url(../../img/main-bg.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-media::before {
  background-color: #2179ac;
}

.menu ul li::after {
  background: #fce42e;
}

.no-touch .menu ul li:hover a {
  color: #ffffff;
}

.menu ul li a {
  color: #ffffff;
}

.socials ul li a {
  color: #ffffff;
}

.no-touch .socials ul li:hover a {
  color: #40e1e8;
}

.countdown #countdown {
  color: #ffffff;
}

.countdown .help-text {
  color: #fce42e;
}

/* Popup Screens colors */
.notify {
  background-color: #ffffff;
}

.notify .popup-title .title {
  color: #262626;
}

.notify-content {
  background-color: #ffffff;
}

.writealine {
  background-color: #268dc9;
}

/* Content Sections Colors */
.content-section {
  background-color: transparent;
}

.scroll {
  background-color: #ffffff;
}

.blocks-container {
  background-color: #ffffff;
}

.about-photo-caption {
  color: #ffffff;
}

.team-socials li a {
  color: #aaa;
}

.no-touch .team-socials li:hover a {
  color: #40e1e8;
}

/* Scroll Custom Colors */
.mCSB_draggerContainer {
  background: #40e1e8;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #53e4ea;
}

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

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

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

/* Works Gallery & PhotoSwipe Custom Colors */
.my-gallery figure::after {
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 100%);
}

.my-gallery figure:nth-of-type(2)::after {
  background-color: #40e1e8;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(64, 225, 232, 0)), color-stop(50%, rgba(64, 225, 232, 0)), to(rgba(64, 225, 232, 0.6)));
  background: -webkit-linear-gradient(top, rgba(64, 225, 232, 0) 0%, rgba(64, 225, 232, 0) 50%, rgba(64, 225, 232, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(64, 225, 232, 0) 0%, rgba(64, 225, 232, 0) 50%, rgba(64, 225, 232, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(64, 225, 232, 0) 0%, rgba(64, 225, 232, 0) 50%, rgba(64, 225, 232, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(64, 225, 232, 0) 0%, rgba(64, 225, 232, 0) 50%, rgba(64, 225, 232, 0.6) 100%);
}

.my-gallery figure:nth-of-type(3)::after {
  background-color: #268dc9;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(77, 58, 143, 0)), color-stop(50%, rgba(77, 58, 143, 0)), to(rgba(77, 58, 143, 0.6)));
  background: -webkit-linear-gradient(top, rgba(77, 58, 143, 0) 0%, rgba(77, 58, 143, 0) 50%, rgba(77, 58, 143, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(77, 58, 143, 0) 0%, rgba(77, 58, 143, 0) 50%, rgba(77, 58, 143, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(77, 58, 143, 0) 0%, rgba(77, 58, 143, 0) 50%, rgba(77, 58, 143, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(77, 58, 143, 0) 0%, rgba(77, 58, 143, 0) 50%, rgba(77, 58, 143, 0.6) 100%);
}

.my-gallery figure figcaption h4 {
  color: #303030;
}

.my-gallery figure figcaption h4 small {
  color: #303030;
}

.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-color: #ffffff;
  }
  .my-gallery figure:nth-of-type(2)::after {
    background-color: #40e1e8;
  }
  .my-gallery figure:nth-of-type(3)::after {
    background-color: #268dc9;
  }
}

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

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

.pswp__button--close {
  background-color: #40e1e8;
}

/* Google Map Controls Colors */
#zoom-in, #zoom-out {
  background-color: rgba(255, 255, 255, 0.4);
  color: #268dc9;
  border: 2px solid #268dc9;
}