:root {
  --color-1: #56514c;
  --color-2: #9c938a;
  --color-3: #feffef;
  --color-4: #060606;
  --color-5: #f1f2e3;

  --grad-1: #56514cf2;
  --grad-2: #56514cdb;
  --grad-3: #060606e0;
  --grad-4: #56514cf2;
  --grad-5: #56514cf2;
  --small-grad-1: #56514c80;
  --small-grad-2: #56514cb3;
  --med-grad-1: #56514cb3;
}

body:not(.home) #main-nav .navbar-toggler,
#main-nav .dropdown-menu > .nav-item:not(.submenu) > .nav-link,.bigUrl h3,.bigUrl .url-contents,
#view-article h2,#main-nav .navbar-nav > .nav-item.active > a,#recent-articles h2,
#contact-content .contact-details .cd-value > a,#contact-content .contact-details .cd-value,
.small-wrapper > .smallUrl h3,.medium-wrapper h3,#main-nav.compact-sticky .navbar-toggler,
#main-slideshow .carousel-caption h3,.bigNoUrl .smallUrl h3 {
  color: var(--color-1);
}


#main-nav .navbar-nav > .nav-item:not(.active) > a:hover,
.langsDropdown > .dropdown-item:hover,#expo-container a.prev,
#main-slideshow .btn,#main-slideshow .button,.expoUrl h3,
#main-nav .dropdown > .dropdown-menu > .submenu > .nav-link:hover,
#main-nav .dropdown-menu > .nav-item:not(.submenu) > .nav-link:hover,
footer .social-container > li > a,.paging > .active {
  color: var(--color-2);
}

.btn,.button,.btn:hover,.button:hover,
body.home #main-nav:not(.compact-sticky) .navbar-nav > .nav-item:not(.active) > a:not(:hover),
.back-to-catalog,.back-to-catalog:hover,#offers .button, #offers .btn,
.pdf .button,.pdf .btn,.article .btn,.article .button,
#recent-articles .button,#recent-articles .btn,
#exclusiveURLs .button,#exclusiveURLs .btn,
#exclusiveURLs .big-caption .figure-caption h3,
.slide-desc > p,.slide-counter,
#main-slideshow .btn:hover,#main-slideshow .button:hover {
  color: var(--color-3);
}

body.home #main-nav.compact-sticky .navbar-nav > .nav-item:not(.active) > a:not(:hover),
#articles-list-content .article h3,#articles-list-content .article .description,
.video-caption > .content,.pdf h3,.pdf .description,#view-article-content > p,
.recent-article h3,.recent-article .description,.video-caption > h3,.offer .card-body,
#expo .expoUrl .url-title > span,#expo .expoUrl .url-contents,.offer .card-title,
.small-wrapper .url-contents,.medium-wrapper .url-contents,.offer .card-text,
.offer .countdown,.paging > a {
  color: var(--color-4);
}

#main-nav .submenu > .nav-link,.langsDropdown > .dropdown-item,.image figcaption > p,
#main-nav .dropdown > .dropdown-menu > .submenu > .dropdown-menu > .nav-item > .nav-link:hover,
.form-group.actions .btn,.form-group.actions .button,body.home #main-nav .navbar-toggler,
#contact-content .contact-details .contact-address,
#contact-content .contact-details .contact-area,
#contact-content .contact-details .contact-postcode,
#contact-content .contact-details .cd-title,
#footer #page-title,.left.big h3,.left.big .url-contents,
footer .social-container > li:hover > a,.medium-wrapper.scrolled .medium-title h3,
#search-input,#search-input::placeholder,#contact-form label,
#footer .contact-info-section span,#expo-container a.next,
#footer .contact-info-section a,#footer .contact-info-section .icon,
#searchform-container .open-icon > a,#searchform-container .close-icon > a {
  color: var(--color-5);
}

.btn:before,.button:before,
.langsDropdown > .dropdown-item.active,.navbar-nav > li > .dropdown-menu.langsDropdown,
#offers .button::before, #offers .btn::before,#main-nav .submenu,.image figcaption > p,
.pdf .button::before,.pdf .btn::before,.article .btn::before,.article .button::before,
footer,#move-top,#recent-articles .button::before,#recent-articles .btn::before,
#exclusiveURLs .button::before,#exclusiveURLs .btn::before,.back-to-catalog::before,
#expo .expoUrl .button::after,#expo .expoUrl .btn::after,#offers .button,#offers .btn {
  background-color: var(--color-1);
}

.btn::after,.button::after,
#offers .button::after, #offers .btn::after,#expo-container a.prev::after,
.article .btn::after,.article .button::after,.back-to-catalog::after,
#contact-content .contact-details,.pdf .button::after,.pdf .btn::after,
#contact-content > :first-child > .contact-details,
#recent-articles .button::after,#recent-articles .btn::after,
#exclusiveURLs .button::after,#exclusiveURLs .btn::after,
#expo .expoUrl .button::before,#expo .expoUrl .btn::before,
#main-slideshow .btn::after,#main-slideshow .button::after,
#main-slideshow .btn:hover,#main-slideshow .button:hover,
.carousel-control-prev,#expo .expoUrl .url-head::before,
#carousel-controls [class*="icon"]::after,#main-nav .submenu > .dropdown-menu,
.carousel-indicators > .active,.slide-desc > p,.slide-counter {
  background-color: var(--color-2);
}

.article figcaption,.pdf figcaption,
body.home,#videos .video-caption,
#exclusiveURLs > .bigUrl .figure-caption,
#exclusiveURLs > .bigUrl,#recent-articles,
#recent-articles > .recent-article > figcaption,
#main-slideshow .btn,#main-slideshow .button,.offer .card-body,
.slide-data > .carousel-caption,#exclusiveURLs > .bigNoUrl {
  background-color: var(--color-3);
}

.form-group.actions .btn,.form-group.actions .button,
footer .social-container > li:hover > a,
#contact-content > :first-child,
#expo .expoUrl .url-head::after,#move-top:hover {
  background-color: var(--color-4);
}

body.offers .modal-content,.navbar-nav > li > .dropdown-menu,
body.offers .modal-content .form-control:focus,body.offers .modal-content .form-control,
footer .social-container > li > a,.expoUrl > .figure-caption,#expo-container a.next::after,
#exclusiveURLs > .bigNoUrl > .col-md,#exclusiveURLs > .small-wrapper .contents-wrapper {
  background-color: var(--color-5);
}

#exclusiveURLs > .bigUrl .url-head::before,
#exclusiveURLs > .bigUrl .url-head::after {
  background-color: var(--med-grad-1);
}

body:not(.home) #main-nav .navbar-toggler {
  border-color: var(--color-1);
}

#carousel-controls > * {
  border-color: var(--color-2);
}

#move-top {
  border-color: var(--color-3);
}

body.offers .modal-content .form-control {
  border-color: var(--color-4);
}

#searchform-container,.social-container > li > a {
  border-color: var(--color-5);
}

#searchform-container .open-icon,
#searchform-container .close-icon {
  border-left-color: var(--color-5);
}

.small-wrapper {
  background-image: linear-gradient(90deg, var(--color-2) 50%, var(--color-3) 50%);
}

.slide-desc::after {
  background-image: linear-gradient(45deg, var(--grad-1) 22%, var(--grad-2) 67%, var(--grad-3) 80%, var(--grad-4) 87%, var(--grad-5) 100%);
}

.small-wrapper > :first-child::after {
  background-image: linear-gradient(90deg, var(--small-grad-1) 22%, var(--small-grad-2) 22%);
}

.medium-wrapper > :first-child > .figure-caption::after {
  background-image: linear-gradient(90deg, var(--color-2) 50%, var(--color-2) 50%);
}

.medium-wrapper > :first-child > .url-head::after {
  background-color: var(--med-grad-1);
}

#exclusiveURLs .big-caption::after {
  background-image: linear-gradient(0, var(--grad-1) 22%, var(--grad-2) 67%, var(--grad-3) 80%, var(--grad-4) 87%, var(--grad-5) 100%);
}

#expo-container {
  background-image: linear-gradient(90deg, var(--color-5) 81.7%, var(--color-2) 81.7%);
}

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

  body.home #main-nav:not(.compact-sticky) .navbar-toggler {
    border-color: var(--color-5);
    color: var(--color-5);
  }

  body.home #main-nav.compact-sticky .navbar-toggler {
    border-color: var(--color-1);
    color: var(--color-1);
  }

  body.home #main-nav:not(.compact-sticky) {
    background-color: var(--color-1);
  }

  #main-nav .navbar-nav > .nav-item.active > a {
    color: var(--color-2);
  }

}

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

  #expo-container a.next {
    color: var(--color-1);
  }

  #expo-container a.next::after {
    background-color: var(--color-1);
  }

  .medium-wrapper .url-contents,
  .medium-wrapper.scrolled .url-title > h3,
  .medium-wrapper.scrolled .medium-title h3 {
    color: var(--color-1);
  }

  #exclusiveURLs .medium-wrapper .button::after,
  #exclusiveURLs .medium-wrapper .btn::after {
    background-color: var(--color-1);
  }

  #exclusiveURLs .medium-wrapper .button::before,
  #exclusiveURLs .medium-wrapper .btn::before {
    background-color: var(--color-2);
  }

  .slide-desc::after {
    background-image: none;
  }

  #main-nav.compact-sticky {
    background-color: var(--color-5);
  }
  body:not(.home) #main-nav.compact-sticky .navbar-toggler,
  body.home #main-nav.compact-sticky .navbar-toggler {
    background-color: var(--color-1);
    color: var(--color-3);
  }

}