a {
	color: #343d3d;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #205605;
	text-decoration: underline;
}
.init_loader_img {
    position: fixed;
    background: #ffffff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 239999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.loading_logo {
	max-width: 40%;
        max-height: 40%;
	/*display: none;*/
}
.d-none {
	display: none;
}

.sk-chase {
  width: 100px;
  height: 100px;
  position: relative;
  display: none;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
	font-family: 'IcoFont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	line-height: 1;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	content: "\effe";
	/*content: "\f000";*/
	display: block;
	width: 25%;
	height: 25%;
	/*background-color: #d6ea67;*/
	color: green;
	border-radius: 100%;
	/*animation: sk-chase-dot-before 2.0s infinite ease-in-out both; */
	animation: random 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}

@keyframes  random {
    15% { font-size: 18px; color: black; width: 5%; height: 5%;} 
    30% { font-size: 22px; color: yellow; width: 10%; height: 10%;} 
    45% { font-size: 25px; color: green; width: 15%; height: 15%;} 
    60% { font-size: 30px; color: #ceee1c; width: 20%; height: 20%;} 
    75% { font-size: 35px; color: red; width: 25%; height: 25%;}
}

.sk-chase-dot:before {
	font-family: 'IcoFont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	line-height: 1;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	content: "\effe" !important;
	/*content: "\f000";*/
	display: block;
	width: 25%;
	height: 25%;
	/*background-color: #d6ea67;*/
	color: green;
	border-radius: 100%;
	/*animation: sk-chase-dot-before 2.0s infinite ease-in-out both; */
	animation: random 2.0s infinite ease-in-out both; 
}

/* LCP: paint the detail-page gallery's first slide immediately instead of
   waiting for Owl Carousel. owl.carousel.css (async) hides .owl-carousel
   until JS adds .owl-loaded; this id-scoped override keeps the first slide
   visible through every phase (pre-CSS, post-CSS, post-init) and hides the
   rest so slides never stack before init. */
#infoslider:not(.owl-loaded) {
	display: block;
}
#infoslider:not(.owl-loaded) > .item:not(:first-child) {
	display: none;
}
