:root {
  --color-1: #f1d490;
  --color-2: #edc870;
  --color-3: #e9bc51;
  --color-4: #fff;

  --bg-1: #f4f5f4;
  --bg-2: #fefbf4;

  --sm-1: #f9f8f7;
  --sm-2: #f4f3f1;
  --sm-3: #f5f2ef;
  --sm-4: #ededed;

  --footer-1: #fefbf4;
  --footer-2: #e9bc51;

  --cd:#c8b07e;
  --social:#000;
}

body.home #main-nav .navbar-nav > .nav-item:hover > .nav-link,
body.home #main-nav .navbar-nav > .nav-item.active > .nav-link {
  color: var(--color-3);
}

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

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

#main-slideshow .carousel-caption .btn,
#main-slideshow .carousel-caption .button,
#searchform-container .close-icon > a:hover,
#search-results-list .result .title,
.recent-article figcaption h3 {
  color:var(--color-3);
}

.exclusive-url.bigNoUrl>.figure-caption .contents-wrapper h3,
.exclusive-url.bigUrl .url-title > h3,#view-article h2,
.exclusive-url.bigNoUrl .smallUrl h3 {
  color: var(--color-2);
}

#videos-condent .video .video-caption h3, #offers .card-title,
#pdf .pdf figcaption h3, #articles-list .article figcaption h3,
#articles-pagination .paging > a,
.exclusive-url.mediumUrl .url-title > h3,
#footer h1,#main-nav .navbar-toggler,
body.home #main-nav.compact-sticky .navbar-nav > .nav-item:hover > .nav-link,
body.home #main-nav.compact-sticky .navbar-nav > .nav-item.active > .nav-link,
#main-nav .navbar-nav > .nav-item:hover > .nav-link,
body:not(.home) #main-nav .navbar-nav > .nav-item.active > .nav-link,
body.contact #contact-form > .contact-details .cd-title,
body.contact #contact-form > .contact-details > :first-child > span,
.small-wrapper h3,.exclusive-url.expoUrl h3 {
  color: var(--color-3);
}

.exclusive-url.bigUrl:not(.even) .url-contents {
  color: var(--color-3);
}

.exclusive-url.bigUrl.even .url-title > h3,
.exclusive-url.bigUrl.even .url-contents {
  color: var(--color-4);
}

footer .social-container > li > a {
  background-color: var(--color-3);
}

.exclusive-url.expoUrl .btn,.exclusive-url.expoUrl .button,
.exclusive-url.bigUrl:not(.no-url):not(.even) .btn,
.exclusive-url.bigUrl:not(.no-url):not(.even) .button {
  background-color: var(--color-2);
}

#searchform-container,
#expo-container a.next,#expo-container a.prev,
#articles-pagination .paging > .active,
.exclusive-url.bigUrl.even,.small-wrapper .smallUrl .btn,
body.contact .contact-details-card .contact-details,
.small-wrapper .smallUrl .button,#move-top {
  background-color: var(--color-3);
}

.small-wrapper>:nth-child(n) { background-color: var(--sm-1); }

.small-wrapper>:nth-child(2n) { background-color: var(--sm-2); }

.small-wrapper>:nth-child(3n) { background-color: var(--sm-3); }

.small-wrapper>:nth-child(4n) { background-color: var(--sm-4); }

#footer { background-color: var(--footer-1); }
#footer .logo { background-color: var(--footer-2); }

.exclusive-url.bigUrl:not(.no-url):not(.even) {
  background-image: linear-gradient(45deg, var(--bg-1), var(--bg-2));
}

.exclusive-url.expoUrl::after {
  background-image: linear-gradient(var(--color-3),var(--color-3));
}

body.contact #contact-form > .contact-details .cd-value > a,
body.contact #contact-form > .contact-details a.cd-value {
  color: var(--cd);
}

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

#premium-text .btn:hover,#premium-text .button:hover,
#main-nav .langsDropdown>.active,.more .btn:hover,.more .button:hover,
.pdf .btn:hover,.pdf .button:hover,#articles-list .btn:hover,#articles-list .button:hover,
.exclusive-url.mediumUrl .btn:hover,.exclusive-url.mediumUrl .button:hover,
.exclusive-url.bigUrl.even .btn,.exclusive-url.bigUrl.even .button,
.exclusive-url.expoUrl .btn:hover,.exclusive-url.expoUrl .button:hover,
.exclusive-url.bigUrl:not(.no-url):not(.even) .btn:hover,
.exclusive-url.bigUrl:not(.no-url):not(.even) .button:hover,
.small-wrapper .smallUrl .btn:hover,.info:hover,.interested:hover,
.small-wrapper .smallUrl .button:hover,.back-to-catalog:hover,
#contact #contact-form .button:hover,#contact #contact-form .btn:hover {
  color: var(--color-3);
}

#premium-text .btn,#premium-text .button,
.back-to-catalog,#contact #contact-form .button,
#contact #contact-form .btn,.more .btn,.more .button,
#articles-list .btn,#articles-list .button,
#main-nav .navbar-nav .nav-item > .dropdown-menu,
.pdf .btn,.pdf .button,.info,.interested,
.exclusive-url.mediumUrl .btn,
.exclusive-url.mediumUrl .button,
.exclusive-url.bigUrl.even .btn:hover,
.exclusive-url.bigUrl.even .button:hover {
  background-color: var(--color-3);
}

#main-nav .navbar-toggler {
  border-color: var(--color-3);
}

#gallery figure>figcaption {
  background: rgba(233, 188, 81, .5);
}

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

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

}

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

  .exclusive-url.bigUrl:not(.even) .url-title > h3 {
    color: var(--color-3);
  }

  body:not(.home) #main-nav .navbar-nav > .nav-item.active > .nav-link {
    color: #fff;
  }

}

@-webkit-keyframes color-bg-3x {

  0% {
    color: var(--color-3);
  }

  50% {
    background: var(--color-2);

  }

  100% {
    background: var(--color-3);
  }

}

@keyframes color-bg-3x {

  0% {
    background: var(--color-3);
  }

  50% {
    background: var(--color-2);

  }

  100% {
    background: var(--color-3);
  }

}


@keyframes pulsate {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(233, 188, 81, .7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}


@-webkit-keyframes pulsate {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(233, 188, 81, .7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

body.view-article main, body.articles-list main {
    padding: 0 0px;
    padding-left: 20px;
    padding-right: 20px;
}


body.articles-list .article img {
    width: 100%;
    height: auto;
}

.carddeck-v2 .splide__slide .caption p {
  font-size: 18px !important;
  text-align: center;
  margin: 60px !important;
  
}