:root {
  --color-1: #fbfcfd;
  --color-2: #BFA2DB;
  --color-3: #25323D;
  --color-4: #F3F1F5;
  --color-5: #F0D9FF;
  --color-trans: rgba(191,162,219,.6);
}

#hero-title,body:not(.home) .jumbotron.with-header-image,
#main-nav .navbar-nav > li.open > .dropdown-menu .dropdown-menu,
#main-slideshow .carousel-caption,.exclusive-url.bigUrl .url-title > h3,
.btn:hover,.button:hover,#main-nav .dropdown-menu,.exclusive-url.bigUrl .figure-caption,
body.contact .contact-details-card .contact-details,#move-top,#main-nav .langsDropdown>a,
body.contact .contact-details-card .contact-details a,#contact-form a,
#main-nav .dropdown-menu .nav-item:hover>a.nav-link,body.offers .offer .card-body,
#main-nav .dropdown-menu .nav-item.active>a.nav-link,
#main-nav .dropdown-menu .nav-item.open>a.nav-link {
  color: var(--color-1);
}

#hero-title,body:not(.home) .jumbotron.with-header-image,#view-article h2,
.btn,.button,header .contact-info-container .contact-info-section .icon,
#arrows>a,#expo .btn:hover,#expo .button:hover,#articles-list-content .article>.figure h3,
.recent-article figcaption h3,.social-container>li>a:hover {
  color: var(--color-2);
}

#header,#main-nav .nav-item:hover > a.nav-link,.exclusive-url > .figure-caption,
#main-nav .nav-item.active > a.nav-link,.exclusive-url .url-title > h3,
#main-nav .nav-item.open > a.nav-link,.modal-body p,.form-control,#contact #contact-form input[type="text"],
#contact #contact-form input[type="email"],#contact #contact-form input[type="tel"],
#contact #contact-form textarea,input[type=date],input[type=datetime-local],
#videos-condent .video .video-caption h3,#offers .card-title,#main-nav,.social-container>li>a,
#pdf .pdf figcaption h3,#articles-list .article figcaption h3,#arrows>a:hover,
#articles-list-content .article>.figure>.description,#recent-articles .description,
input[type=month],input[type=time],#expo .btn,#expo .button,#footer,#recent-articles h2,
#footer .contact-info-section span,#footer .contact-info-section a,
#contact section.contactform,#videos-condent .video .video-caption,#pdf .pdf figcaption,
#main-nav .navbar-nav>.langs>.langsDropdown>a:hover,
#articles-list .article figcaption {
  color: var(--color-3);
}

#expo-title .url-contents,.exclusive-url.bigNoUrl .smallUrl .url-contents,
#medium-wrapper {
  color: var(--color-4);
}

#footer,body.offers .modal-content,.form-control,#contact #contact-form input[type="text"],
#contact #contact-form input[type="email"],#contact #contact-form input[type="tel"],
#contact #contact-form textarea,input[type=date],input[type=datetime-local],
input[type=month],input[type=time],#header-bottom,#contact section.contactform {
  background-color: var(--color-1);
}

#main-nav .active.nav-item::after,.carousel-control-prev-icon::after,
#footer h1::after,#recent-articles h2::after,.exclusive-url.bigNoUrl .no-url-big-captions h3::after,
.exclusive-url.mediumUrl .url-title > h3::after,.carousel-control-next-icon::after,
.no-url-small-group .smallUrl .figure-caption,#move-top,body.contact .contact-details,
body.offers .offer .card-body,#expo-title,.langsDropdown>.active {
  background-color: var(--color-2);
}

.btn,.button,#header-top > .container > .row,#main-nav .dropdown-menu,
#main-slideshow .carousel-indicators li::after,#arrows>a,
body.contact .contact-details-card .contact-details {
  background-color: var(--color-3);
}

#expo,#expo-title h3::after,.exclusive-url.bigNoUrl .no-url-smalls,
#main-nav .navbar-nav>.nav-item .submenu>.dropdown-menu,
#small-wrapper .exclusive-url.smallUrl,
.exclusive-url.bigNoUrl .no-url-big-captions,.langsDropdown>a:hover {
  background-color: var(--color-4);
}

#main-nav .navbar-nav>.nav-item .submenu>.dropdown-menu>.nav-item {
  background-color: var(--color-2);
  color: var(--color-3);
}

.btn,.button {
  box-shadow: inset 0 0 0 2px var(--color-2);
}

.btn:focus,.button:focus {
  outline: 2px dotted var(--color-2);
}

#arrows>a:hover {
  background-image: linear-gradient(var(--color-4),var(--color-4));
}

#search-input {
  border-bottom: 1px solid var(--color-3);
}

#main-nav .navbar-nav>.nav-item .dropdown-menu>.nav-item:not(:last-child) {
  border-bottom: 1px solid var(--color-4);
}

.exclusive-url.bigNoUrl.scrolled:not(.no-effect) .btn::before,
.exclusive-url.bigNoUrl.scrolled:not(.no-effect) .btn::after,
.exclusive-url.bigNoUrl.scrolled:not(.no-effect) .button::before,
.exclusive-url.bigNoUrl.scrolled:not(.no-effect) .button::after {
  border-color: var(--color-1);
}

::selection {
  background-color: var(--color-2);
  color: var(--color-1);
}


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

  #main-nav {
    background-color: var(--color-1);
  }

  .navbar-light .navbar-toggler {
    color: var(--color-2);
  }

  .exclusive-url.bigUrl:not(.even) {
    background-image: linear-gradient(90deg, var(--color-5) 50%,var(--color-2) 50%);
  }

}

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

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

  #main-nav .navbar-nav > li.open > .dropdown-menu {
    box-shadow: none;
  }

  #main-nav,.exclusive-url.bigUrl:not(.even) {
    background-color: var(--color-2);
  }

  .navbar-light .navbar-toggler {
    color: var(--color-1);
  }

  #expo-container .prev,#expo-container .next {
    background-color: var(--color-2);
    color: var(--color-3);
  }

  .bigUrl .contents-wrapper {
    background-color: var(--color-trans);
  }

  #mainNavContent {
    background-color: var(--color-2);
  }

}