body
{
	color: rgb(109, 117, 135)
}

.circles
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.circles li
{
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 0.2);
	animation: animate 25s linear infinite;
	bottom: -150px;
	
}

.circles li:nth-child(1)
{
	left: 25%;
	width: 80px;
	height: 80px;
	animation-delay: 0s;
}


.circles li:nth-child(2)
{
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
	animation-duration: 12s;
}

.circles li:nth-child(3)
{
	left: 70%;
	width: 20px;
	height: 20px;
	animation-delay: 4s;
}

.circles li:nth-child(4)
{
	left: 40%;
	width: 60px;
	height: 60px;
	animation-delay: 0s;
	animation-duration: 18s;
}

.circles li:nth-child(5)
{
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 0s;
}

.circles li:nth-child(6)
{
	left: 75%;
	width: 110px;
	height: 110px;
	animation-delay: 3s;
}

.circles li:nth-child(7)
{
	left: 35%;
	width: 150px;
	height: 150px;
	animation-delay: 7s;
}

.circles li:nth-child(8)
{
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
	animation-duration: 45s;
}

.circles li:nth-child(9)
{
	left: 20%;
	width: 15px;
	height: 15px;
	animation-delay: 2s;
	animation-duration: 35s;
}

.circles li:nth-child(10)
{
	left: 85%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 11s;
}

@keyframes animate
{

	0%
	{
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0;
	}
	
	100%
	{
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		border-radius: 100%
	}
}

.btn-warning:hover,
.btn-outline-warning:hover
{
	color: #ffffff!important
}

.wave
{
	display:block
}

.wavePath
{
	-webkit-animation: wave-divider 20s linear infinite alternate;
	animation: wave-divider 20s linear infinite alternate
}

.animationPaused
{
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}

@-webkit-keyframes wave-divider
{
	0%
	{
		d:path("M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z")
	}
	50%
	{
		d:path("M655.558582,28.4898877 C500.191373,61.6062216 422.833785,83.5422763 266.940085,49.8995879 C112.480383,16.5663637 84.0992497,8.02840272 0,44.7243294 L0,150.727527 L1920,150.727527 L1920,49.8995879 C1580.91676,-34.8808285 1438.10804,73.6768193 1148.0266,38.0019829 C857.945166,2.32714659 810.925791,-4.62644617 655.558582,28.4898877 Z")
	}
	to
	{
		d:path("M842.322034,38.0019829 C686.954825,71.1183168 623.386282,53.08497 467.492582,19.4422816 C313.032879,-13.8909426 84.0992497,8.02840272 0,44.7243294 L0,150.727527 L1920,150.727527 L1920,76.8685643 C1512.23604,-35.3595639 1568.70222,67.4289432 1278.62078,31.7541069 C988.539347,-3.92072949 997.689243,4.88564905 842.322034,38.0019829 Z")
	}
}

@keyframes wave-divider
{
	0%
	{
		d:path("M826.337463,25.5396311 C670.970254,58.655965 603.696181,68.7870267 447.802481,35.1443383 C293.342778,1.81111414 137.33377,1.81111414 0,1.81111414 L0,150 L1920,150 L1920,1.81111414 C1739.53523,-16.6853983 1679.86404,73.1607868 1389.7826,37.4859505 C1099.70117,1.81111414 981.704672,-7.57670281 826.337463,25.5396311 Z")
	}
	50%
	{
		d:path("M655.558582,28.4898877 C500.191373,61.6062216 422.833785,83.5422763 266.940085,49.8995879 C112.480383,16.5663637 84.0992497,8.02840272 0,44.7243294 L0,150.727527 L1920,150.727527 L1920,49.8995879 C1580.91676,-34.8808285 1438.10804,73.6768193 1148.0266,38.0019829 C857.945166,2.32714659 810.925791,-4.62644617 655.558582,28.4898877 Z")
	}
	to
	{
		d:path("M842.322034,38.0019829 C686.954825,71.1183168 623.386282,53.08497 467.492582,19.4422816 C313.032879,-13.8909426 84.0992497,8.02840272 0,44.7243294 L0,150.727527 L1920,150.727527 L1920,76.8685643 C1512.23604,-35.3595639 1568.70222,67.4289432 1278.62078,31.7541069 C988.539347,-3.92072949 997.689243,4.88564905 842.322034,38.0019829 Z")
	}
}


/* ======================================================================
 * Forestry theme
 * ----------------------------------------------------------------------
 * Shared palette for the whole site. The map module builds its floating
 * glass panels on top of these same tokens.
 * ====================================================================== */

:root
{
	--forest-900: #0b2716;
	--forest-800: #10381f;
	--forest-700: #164a29;
	--forest-600: #1d6135;
	--leaf-500: #2f9e50;
	--leaf-400: #46b569;
	--leaf-300: #6ed08c;
	--moss-200: #bfe6c6;
	--bark-600: #6b4a2f;
	--sand-50: #f4f7f1;
	--ink-800: #16281d;
	--ink-500: #52655a
}

body
{
	color: #52655a
}

/* ---------------------------------------------------------------------
 * Navigation
 * --------------------------------------------------------------------- */
.navbar.bg-dark
{
	background: linear-gradient(120deg, #0b2716 0%, #164a29 58%, #1d6135 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	box-shadow: 0 2px 18px rgba(11, 39, 22, .32)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus
{
	color: #6ed08c
}

/* ---------------------------------------------------------------------
 * Accents
 * --------------------------------------------------------------------- */
a
{
	color: #1d6135
}

a:hover,
a:focus
{
	color: #2f9e50
}

.text-primary
{
	color: #1d6135 !important
}

.bg-primary
{
	background-color: #1d6135 !important
}

.badge-primary
{
	background-color: #1d6135
}

.btn-primary
{
	background-color: #1d6135;
	border-color: #1d6135
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active
{
	background-color: #164a29 !important;
	border-color: #164a29 !important
}

.btn-outline-primary
{
	color: #1d6135;
	border-color: #1d6135
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active
{
	background-color: #1d6135;
	border-color: #1d6135
}

.btn-primary:focus,
.btn-outline-primary:focus
{
	box-shadow: 0 0 0 .2rem rgba(70, 181, 105, .35)
}

.form-control:focus,
.custom-select:focus
{
	border-color: #6ed08c;
	box-shadow: 0 0 0 .2rem rgba(70, 181, 105, .25)
}

.custom-control-input:checked ~ .custom-control-label::before
{
	background-color: #1d6135;
	border-color: #1d6135
}

.page-item.active .page-link
{
	background-color: #1d6135;
	border-color: #1d6135
}

.spinner-grow,
.spinner-border
{
	color: #1d6135
}

/* ---------------------------------------------------------------------
 * Scrollbar
 * --------------------------------------------------------------------- */
::-webkit-scrollbar
{
	width: 10px;
	height: 10px
}

::-webkit-scrollbar-track
{
	background: #eef2ea
}

::-webkit-scrollbar-thumb
{
	background: #a9c7b3;
	border: 2px solid #eef2ea;
	border-radius: 10px
}

::-webkit-scrollbar-thumb:hover
{
	background: #1d6135
}