@font-face {
    font-family: 'Humnst777 Cn BT';
    src: url('humnst777.ttf');
}
*{
	font-family: 'Humnst777 Cn BT';
}
.bg-white{background: #fff;}
.navbar{background: #000; font-size: 16px; }
.nav-link {color: #fff; font-weight: bold;}
.nav-link:hover{text-decoration: none; color: #F61A00;}
.dropdown-menu a {text-decoration: none;}
.dropdown-item {border: solid 1px #C0C0C0 ;}
.dropdown-item:hover{background: #414141 ; color: #F61A00; border-color: #414141;}
.dropdown-item{font-size:12px; color: #000;}
	
/* ==========================================================
        Navbar Styles
   ==========================================================*/
.bb{
	border-bottom: solid 3px #ccc;
}

.logo{width: 337px; height: 73px; transform: scale(1); transform-origin: top left; transition:transform 1s ease-out;}
.logo-compressed{transform: scale(0.9);transform-origin: top left;}

.logo-footer{width: 263px; height: 56px;}

.social-icon-lg{
	display: flex;
}

.social-icon-md{
	display: none;
}

.animation{
	  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 1s;
  animation-iteration-count: infinite;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   {color: red;}
  50%  {color: white;}
  100% {color: red;}
}

/* Standard syntax */
@keyframes example {
  0%   {color: red;}
  50%  {color: white;}
  100% {color: red;}
}
	
@media(max-width: 992px){
	.logo, .logo-footer{width: 100%; height: 100%;}
	.social-icon-lg{display: none;}
	.social-icon-md{display: block;}
}

.navbar {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #101010;
  color: #333;
  transition: all 0.3s;
}

.navbar .menu{
border-top: solid 1.25px #ccc;
border-bottom: solid 1px #ccc;
}

.navbar .menu .active {
  color: #fff !important;
}

.navbar .menu a{
  color: #03a8e0 !important;
}

.navbar .menu a:hover{
  color: #F61A00 !important;
}


.collapsible{
  overflow:hidden;
  max-height: 600px;
  transition:max-height 1s ease-out;
  height:auto;
  }

.compressed{
  max-height: 0;
}

.social-icon {
  color: #F61A00;
}
.social-icon:hover {
  color: #fff;
}


/* ==========================================================
        footer Styles
   ==========================================================*/
.social-icon-pie {
  color: #fff;
}
.social-icon-pie:hover {
  color: #F61A00;
}
.social-icon-pie2 {
  color: #F61A00;
}
.social-icon-pie2:hover {
  color: #fff;
}
.footer {
	color: #FFF;
	background: #202020;
	font-size: 13px;
	border-top: solid 40px #323232;
	border-bottom: solid 1em #F61A00;
}

.footer-link{color: #FFF;}
.footer-link:hover{color: #F61A00;}