#heroCarousel,
#heroCarousel .uk-slideshow-items,
#heroCarousel .uk-slideshow-items > li {
  min-height: 100vh;
}

#heroCarousel .uk-slideshow-items img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 640px) {
  #heroCarousel,
  #heroCarousel .uk-slideshow-items,
  #heroCarousel .uk-slideshow-items > li {
    min-height: 60vh !important;
    min-height: 60dvh !important;
  }
}
.flags {
    background-image: url(../images/design/flags.webp);
    background-repeat: no-repeat;
    background-size: contain;
}

#promos .promo:nth-child(2)::before, #promos .promo:first-child::before {
    background-color: var(--color-2);    
}
.pattern, .offcanvas, .internal {
    background-image: url(../images/design/small-pattern.webp);
    background-size: auto;
    background-color: rgb(230, 214, 180) !important;
    background-repeat: repeat;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {   
    background-color: var(--color-1);
}
.nav-link {
    color: var(--color-1);
}
#mainmenu h3 {
    color: rgb(23, 6, 96);
    margin-bottom: 20px;
}
.divider {
	color: var(--color-1);
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
	text-align: center;
	line-height: 2;
}

.divider:before,
.divider:after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 50%;
	border-bottom: 2px dotted var(--color-1);
	margin: 0 2% 0 -55%;
}
.divider:after {
	margin: 0 -55% 0 2%;
}
.vg {
    background: #3f5b29;
    color: #fff;
    border-radius: 500px;
    width: 30px;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    float: right;
    font-size: 15px;
}