:root {
  --light-1: #8e8e8e;
  --light-2: #F4F4F4;
  --light-3: #ECE8E3;
  --light-4: #767676;
  --dark-1: #222222;
  --dark-2: #262626;
}

#footer h1,#footer .contact-info-section .icon,.social-container>li>a,
#videos-condent .video .video-caption h3,#offers .card-title,
.article .url-head .btn,.article .url-head .button,#search-results-list .result .title,
#searchform-container .open-icon > a,#searchform-container .close-icon > a,
#pdf .pdf figcaption h3,#articles-list .article figcaption h3,
.recent-article figcaption h3,#view-article h2,#articles-wrapper .btn,
#articles-wrapper .button,body.contact .contact-details-card .contact-details a,
#no-url-smalls h3,[id*=medium-wrapper] h3,.expoUrl .btn:hover,.expoUrl .button:hover,
header .contact-info-container .contact-info-section .icon {
  color: var(--light-1);
}

form .btn:hover,form .button:hover,
.exclusive-url.bigUrl:nth-child(odd) h3,
.expoUrl .btn,.expoUrl .button,#move-top,
.expoUrl .contents-wrapper .url-contents,
#expo-container a.next,#expo-container a.prev,
.exclusive-url.bigUrl:nth-child(even) .url-title > h3,
.exclusive-url.bigUrl:nth-child(odd) .url-contents,
.exclusive-url.bigUrl:nth-child(even) .figure-caption,
#no-url-smalls .contents-wrapper,[id*=medium-wrapper] .url-contents,
#hero-title,body:not(.home) #page-title,.button,.btn,
#footer,body:not(.home) .jumbotron.with-header-image,
#main-nav .dropdown-menu .nav-item:hover>a.nav-link,
#main-nav .dropdown-menu .nav-item.active>a.nav-link,
#main-nav .dropdown-menu .nav-item.open>a.nav-link,
#main-nav .navbar-nav>li.open>.dropdown-menu .dropdown-menu,
#main-nav .langsDropdown.dropdown-menu .dropdown-item,
#header-top .contact-info-section span,#header-top .contact-info-section a,
.social-container>li>a:hover,body.contact .social-container>li>a:hover,
[id*=medium-wrapper].no-animation .url-title > h3,
.button:hover,.btn:hover,.button.inverted,#main-nav .dropdown-menu {
  color: var(--light-2);
}

#videos-condent .video .video-caption,
#pdf .pdf figcaption,#articles-list .article figcaption,
#contact section.contactform,#searchform-container .open-icon > a:hover,
#searchform-container .close-icon > a:hover,#search-input,
#header,#header-top>.container>.row,#view-article-content,
#small-wrapper .smallUrl:first-of-type .btn,#recent-articles h2,
#small-wrapper .smallUrl:first-of-type .button,.navbar-light .navbar-toggler,
#main-nav .nav-item:hover > a.nav-link,body.more main,.recent-article .description,
#main-nav .nav-item.active > a.nav-link,.exclusive-url > .figure-caption,
#main-nav .nav-item.open > a.nav-link,.smallUrl h3,.bigNoUrl h3 {
  color: var(--light-2);
}

#footer .contact-info-section a,#footer .contact-info-section span,
#offers .card-body,.exclusive-url.bigUrl:nth-child(even) .btn:hover,
.exclusive-url.bigUrl:nth-child(even) .button:hover,
label,.expoUrl h3,#small-wrapper .smallUrl:first-of-type .btn:hover,
#small-wrapper .smallUrl:first-of-type .button:hover,footer .social-container>li>a:hover,
#rest-small .smallUrl h3,#rest-small .smallUrl .url-contents {
  color: var(--dark-1);
}

#hero-title,#spacer,.button,.btn,.button.inverted,
#main-slideshow .btn,#main-slideshow .button,#move-top,
.exclusive-url.mediumUrl .url-title>h3::after,#offers .info:hover,
#main-nav .langsDropdown.dropdown-menu .dropdown-item.active,
.no-animation .url-contents,#main-slideshow,
[id*=medium-wrapper].no-animation .url-title > h3,
#main-nav .langsDropdown.dropdown-menu .dropdown-item:hover {
  background-color: var(--light-1);
}

#footer .contact-info,
#small-wrapper .smallUrl:first-of-type .btn:hover,
#small-wrapper .smallUrl:first-of-type .button:hover,
.exclusive-url.bigUrl:nth-child(even) .btn:hover,
.exclusive-url.bigUrl:nth-child(even) .button:hover,
.expoUrl .btn:hover,.expoUrl .button:hover,
.caption-bg .btn,.caption-bg .button,
[id*=medium-wrapper].no-animation .url-title > h3::after,
.form-control:focus {
  background-color: var(--light-2);
}

body.contact #contact-content .row.contactform,
body.home #footer .right,#footer .social,#rest-small {
  background-color: var(--light-3);
}

#expo-container,.expoUrl .btn,.expoUrl .button{
  background-color: var(--light-4);
}

body.contact .multicontact .col-md-4.contact-details,
#main-nav,body,.caption-bg,#recent-articles h2,
.exclusive-url.bigNoUrl>.figure-caption h3,
#small-wrapper .smallUrl:first-of-type .url-title>h3,
#offers .info,.button:hover,.btn:hover,#footer,
#expo-container a.next,#expo-container a.prev,
#main-nav .dropdown-menu,body main {
  background-color: var(--dark-1);
}

#header-top>.container>.row,body.contact #details-wrapper,
#main-nav .navbar-nav > li.open > .dropdown-menu .dropdown-menu {
  background-color: var(--dark-2);
}

#main-nav .nav-item:hover,#main-nav .nav-item.active,
#main-nav .nav-item.open {
  border-bottom-color: var(--light-1);
}

#small-wrapper .smallUrl:first-of-type .btn,
#small-wrapper .smallUrl:first-of-type .button,
.exclusive-url.bigUrl:nth-child(even) .btn,
.exclusive-url.bigUrl:nth-child(even) .button {
  border: 3px solid var(--light-2);
}

.form-control:focus {
  border-color: var(--light-1);
}

input,textarea {
  border: 1px solid var(--light-1);
  color: var(--dark-1);
}

#recent-articles>.title::before,
#small-wrapper .smallUrl:first-of-type .url-title::before,
.exclusive-url.bigNoUrl>.figure-caption .url-title::before {
  display: block;
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  width: 420px;
  right: auto;
  margin: 0 auto;
  border-top: 4px double rgba(193,193,193,.3);
}
#small-wrapper .smallUrl:first-of-type .url-title::before {
  top: 10%;
}

@media screen and (min-width:768px) {
  .caption-bg .btn,.caption-bg .button {
    background-color: var(--light-2);
  }

  .caption-bg .btn,.caption-bg .button {
    color: var(--dark-1);
  }

  .caption-bg,.no-animation .mediumUrl::after {
    background-color: var(--dark-1);
  }
}

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


  [id*=medium-wrapper].no-animation .figure-caption {
    background-color: var(--light-1);
  }

  [id*=medium-wrapper].no-animation .url-title > h3 {
    color: var(--light-2);
  }

  [id*=medium-wrapper].no-animation .btn,
  [id*=medium-wrapper].no-animation .button {
    background-color: var(--dark-1);
  }

}

#recent-articles>.title,
#small-wrapper .smallUrl:first-of-type .url-title,
.exclusive-url.bigNoUrl>.figure-caption .url-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

#recent-articles h2::after,
#small-wrapper .smallUrl:first-of-type h3::before,
.exclusive-url.bigNoUrl>.figure-caption h3::before {
  display: none;
}
.nav-item .dropdown-menu {border: none;}
#main-nav{box-shadow: none;}