/* CSS Document */
body {
  margin: 0;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fab300;
  text-align: left;
  background-color: #000000; }


.nav-bg {
	background-color: #000000;
	border-bottom: 4px solid #000000;
}

.navbar-custom {
    background-color: #000000;
}

@media (min-width:992px) {
  .navbar-custom {
    /*height: 110px;
	background-image: url("../images/header3.png");
	background-position: right;
	background-repeat: no-repeat;*/
  }
}

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon2 span {
background: #ffffff;
}
.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}






/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255, 255, 255, 0.5);
	vertical-align: bottom;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
	font-weight: bold;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: rgba(255, 255, 255, 0.75);
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #000000;
}
.navbar-custom .dropdown-item {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: rgba(255, 255, 255, 0.75);
    background-color: #000000;
}


.footer {
  background-color: #000000; }
  
a.footer {
  color: #fab300;
  text-decoration: underline;
}
a.footer:hover,
a.footer:focus {
  color: #FFE7AA;
  text-decoration: underline;
}   

hr.greyBG {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #000000; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #000000;
  border-radius: 0.3rem;
}