:root {
  --color-1: #f4d688;
  --color-2: #999;

  --color-3: #fff;
  --color-3-4: rgba(224, 214, 136, .4);
  --color-3-1: rgba(224, 214, 136, .1);

  --color-4: #141009;
  --color-4-4: rgba(20, 16, 9, .4);

  --color-5: #e5ca8e;
  --color-5-2: rgba(229, 202, 142, .2);

  --color-6: #dcb664;

  --color-7: #EAEAEA;
  --color-7-92: rgba(235, 235, 235, .92);
  --color-7-2: rgba(224, 214, 136, .2);

  --color-8: #19150e;
}


#view-article h2,
#search-results-list .result .title,
body.offers .offer .card-body .card-title,
.paging > .active,body.articles-list > main h3,
body.pdf > main h3,body.offers > main h3,
body.videos > main h3,body.gallery > main h3,
.recent-article figcaption h3,#main-nav .navbar-toggler,
body.contact .contact-details .cd-value,
body.contact .contact-details span.cd-value > a,
.bigUrl.odd .button::after,.bigUrl.odd .btn::after,
.bigUrl.odd .button:hover,.bigUrl.odd .btn:hover,
#main-nav.compact-sticky #searchform-container .open-icon > a:hover,
#main-nav.compact-sticky #searchform-container .close-icon > a:hover,
#main-nav.compact-sticky .social-container>li>a:hover,
#main-nav:not(.compact-sticky) #searchform-container .open-icon > a:hover,
#main-nav:not(.compact-sticky) #searchform-container .close-icon > a:hover,
#main-nav:not(.compact-sticky) .social-container>li>a:hover,
.slide-caption .button::after,.slide-caption .btn::after,
.slide-caption .btn:hover,.slide-caption .button:hover {
  color: var(--color-1);
}

.small-wrapper:nth-of-type(odd) .url-contents,
.description {
  color: var(--color-2);
}

#premium-text .button,#premium-text .btn,
body:not(.home) #footer,.bigNoUrl .button,.bigNoUrl .btn,
#expo-container a.next,#expo-container a.prev,
body.contact .contact-details-card .contact-details,
.clone-caption h3,#main-nav .dropdown-menu,
#contact section.contactform,.slide-caption p,
#search-form input,body:not(.home) #page-title,
.small-wrapper:nth-of-type(odd) h3,.bigUrl.odd .figure-caption,
#main-nav:not(.compact-sticky) .social-container>li>a,
#main-nav:not(.compact-sticky) #searchform-container .open-icon>a,
#main-nav:not(.compact-sticky) #searchform-container .close-icon>a,
.bigNoUrl .smallUrl h3,#main-nav a.nav-link,
.small-wrapper .button,.small-wrapper .btn,
.bigNoUrl .smallUrl .url-contents,
.slide-caption h3,
#expo h3,#expo .button,#expo .btn {
  color: var(--color-3);
}

#premium-text .button::after,#premium-text .btn::after,
body.view-article .back-to-catalog::after,
body.view-article .back-to-catalog,
body.offers .btn,body.offers .button,
body.offers .offer .card-body,
.paging > a,body.pdf .btn,body.pdf .button,
body.articles-list .btn,body.articles-list .button,
#recent-articles h2,#expo .url-contents,
.compact-sticky #search-form input,
.recent-article .btn,.recent-article .button,
#footer .contact-info-section .icon,
#footer .contact-info-section a,
#footer .contact-info-section span,
#footer-cols h3,#footer-cols #page-title,
#expo .button::after,#expo .btn::after,
.small-wrapper h3,.medium-caption h3,
.bigNoUrl>.figure-caption h3,#expo h3,
#main-nav.compact-sticky .navbar-nav>.nav-item>.nav-link,
#main-nav.compact-sticky .social-container>li>a,
#main-nav.compact-sticky #searchform-container .open-icon>a,
#main-nav.compact-sticky #searchform-container .close-icon>a,
#main-nav .navbar-nav .submenu > .dropdown-menu .nav-link {
  color: var(--color-4);
}

.medium-wrapper .button:hover,
.medium-wrapper .btn:hover {
  color: var(--color-7);
}

#contact-form button,#move-top,
body.offers .btn::after,body.offers .button::after,
body.pdf .btn::after,body.pdf .button::after,
.bigUrl.odd h3,[class*="article"]:not([class*="view"]) .btn::after,
[class*="article"]:not([class*="view"]) .button::after,.langsDropdown>.active,
.bigNoUrl::before,.small-wrapper .button,.small-wrapper .btn,
.nav-item > a::before,#main-nav .navbar-nav .submenu > .dropdown-menu {
  background-color: var(--color-1);
}

.navbar-nav > :not(:last-child)::after {
  background-color: var(--color-3);
}

body:not(.home) #footer,
#expo-container a.next,#expo-container a.prev,
body.contact .contact-details-card .contact-details,
#main-nav .dropdown-menu,
#captions,body:not(.loaded),
.contactform>.contact-details,
body:not(.home) #main-nav:not(.compact-sticky),
body.home header,body.home #header-bottom,
.bigUrl.odd .url-contents,#spacer,
.small-wrapper:nth-of-type(odd) .btn,
.small-wrapper:nth-of-type(odd) .button,
.medium-wrapper .button,.medium-wrapper .btn,
.small-wrapper:nth-of-type(odd),
.small-wrapper:nth-of-type(odd)>:first-child,
#main-nav.compact-sticky .navbar-nav > :not(:last-child)::after,
.small-wrapper .button:hover,.small-wrapper .btn:hover {
  background-color: var(--color-4);
}

#expo-container {
  background-color: var(--color-5);
}

body.contact main,#main-nav .navbar-toggler,
.small-wrapper,.medium-wrapper {
  background-color: var(--color-7);
}

.small-wrapper > :not(:first-child) .contents-wrapper,
.small-wrapper:nth-of-type(odd)>:not(:first-child) {
  background-color: var(--color-8);
}

#expo {
  background-image: linear-gradient(90deg, var(--color-6) 43%, var(--color-1) 43%);
}

#clones > .carousel-item::after,
#premium-text .button,#premium-text .btn,
#expo .button,#expo .btn {
  background-color: var(--color-4-4);
}

.bigNoUrl .button,.bigNoUrl .btn {
  background-color: var(--color-3-4);
}

#premium-text .button,#premium-text .btn,
#premium-text .button::after,#premium-text .btn::after,
#contact-form button,
#contact-form button::after,
.medium-wrapper .button,
.medium-wrapper .btn,
.medium-wrapper .button::after,
.medium-wrapper .btn::after,
.small-wrapper .button,
.small-wrapper .btn,
.small-wrapper .button::after,
.small-wrapper .btn::after,
#expo .button,#expo .btn,
#expo .button::after,#expo .btn::after {
  border-color: var(--color-4);
}

.bigNoUrl .button::after,.bigNoUrl .btn::after,
.bigNoUrl .button,.bigNoUrl .btn {
  border-color: var(--color-3);
}

.small-wrapper:nth-of-type(odd) .btn::after,
.small-wrapper:nth-of-type(odd) .button::after,
.small-wrapper:nth-of-type(odd) .btn,
.small-wrapper:nth-of-type(odd) .button {
  border-color: var(--color-2);
}

.small-wrapper:nth-of-type(odd) .btn:hover,
.small-wrapper:nth-of-type(odd) .button:hover {
  background-color: var(--color-5-2);
}

#footer-cols {
  background-color: var(--color-7-92);
}

#spacer::after {
  background-image: linear-gradient(90deg, transparent 30%, var(--color-7-2) 48%, transparent 72%);
}

@media screen and (min-width:768px) {

  .bigNoUrl .smallUrl {
    background-image: linear-gradient(90deg, var(--color-4) 41%, var(--color-3-1) 500%);
  }

  .no-url-content-wrapper {
    background-image: linear-gradient(90deg, var(--color-1) 40%, transparent 40%);
  }

}


@media screen and (min-width:1025px) {

  .search-social > #searchform-container {
    border-right-color: var(--color-1);
  }

}

@media screen and (max-width:1024px) {

  .social-container > li > a:hover {
    color: var(--color-1);
  }

  #searchform-container .open-icon > a:hover,
  #searchform-container .close-icon > a:hover,
  .social-container > li > a {
    color: var(--color-4);
  }

  #searchform-container .open-icon > a,
  #searchform-container .close-icon > a {
    color: var(--color-3);
  }

  #searchform-container .open-icon,
  #searchform-container .close-icon {
    background-color: var(--color-1);
  }

  #search-form input {
    background-color: var(--color-4);
  }

}

@media screen and (max-width:768px) {

  #main-nav > #mainNavContent {
    background-color: var(--color-4);
  }

  #main-nav.compact-sticky .navbar-nav>.active>.nav-link,
  #main-nav .navbar-nav > .active > a.nav-link {
    color: var(--color-1);
  }

  #main-nav.compact-sticky .navbar-nav>.nav-item>.nav-link {
    color: var(--color-3);
  }

}

@media screen and (max-width:767px) {

  .exclusive-url.smallUrl > .figure-caption {
    background-color: var(--color-4);
  }

}