/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	color: #000;
}
#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #28a745; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
}
#myBtn:hover {
	background-color: #555; /* Add a dark-grey background on hover */
}
.bg-gray {
	background-color: #CCC;
}
.anchor-pad {
	padding-top: 0px;
}
hr.style-pagodin {
	overflow: visible; /* For IE */
	padding: 0;
	border: none;
	border-top: medium double #333;
	color: #333;
	text-align: center;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
}

.dropdown-item:hover, .dropdown-item:focus {
	color: #fff;
	text-decoration: none;
	background-color: #006633;
}
.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #006633;
}
a {
	color: #000;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:hover {
	color: #28a745;
	text-decoration: underline;
}
.greenlink {
	color: #28a745;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
.greenlink:hover {
	color: #28a745;
	text-decoration: underline;
}
.btn-pagodin {
	color: #fff;
	background-color: #000;
	border-color: #000
}
.btn-pagodin:hover {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.btn-pagodin:focus, .btn-pagodin.focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-pagodin.disabled, .btn-pagodin:disabled {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}
.btn-pagodin:not(:disabled):not(.disabled):active, .btn-pagodin:not(:disabled):not(.disabled).active, .show > .btn-pagodin.dropdown-toggle {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d;
}
.btn-pagodin:not(:disabled):not(.disabled):active:focus, .btn-pagodin:not(:disabled):not(.disabled).active:focus, .show > .btn-pagodin.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-pagodin2 {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}
.btn-pagodin2:hover {
	color: #fff;
	background-color: #000;
	border-color: #28a745;
}
.btn-pagodin2:focus, .btn-pagodin2.focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-pagodin2.disabled, .btn-pagodin2:disabled {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}
.btn-pagodin2:not(:disabled):not(.disabled):active, .btn-pagodin2:not(:disabled):not(.disabled).active, .show > .btn-pagodin2.dropdown-toggle {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d;
}
.btn-pagodin2:not(:disabled):not(.disabled):active:focus, .btn-pagodin2:not(:disabled):not(.disabled).active:focus, .show > .btn-pagodin2.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.bg-dark {
	background-color: #000 !important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
	background-color: #1d2124 !important;
}
.footer {
	padding-top: 10px;
	position: absolute;
	bottom: 0;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	bottom: 3rem;
	z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
	height: 32rem;
	background-color: #777;
}
.carousel-item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 32rem;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}
.marketing h2 {
	font-weight: 400;
}
.marketing .col-lg-4 p {
 margin-right: .75rem;
 margin-left: .75rem;
}
/* Featurettes
------------------------- */

.feature-image {
	border-radius: 15px;
	padding: 10px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
/* Bump up size of carousel content */
.carousel-caption p {
	margin-bottom: 1.25rem;
	font-size: 1.25rem;
	line-height: 1.4;
}
.featurette-heading {
	font-size: 50px;
}
}
 @media (min-width: 62em) {
#space {
	position: relative;
	height: 110px;
}
.anchor-pad {
	padding-top: 110px;
!important
}
#space a {
	position: absolute;
	left: 0px;
	top: -110px;
}
}
 @media (min-width: 576px) {
.anchor-pad {
	padding-top: 110px;
!important
}
}