.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}


.menu_bar {
	text-align: right;
}
header {
	z-index: 1;
	position: sticky;
	padding: 40px 0px;
}
#navbar .container-fluid {
	padding: 0px 3%;
}
.menu_bar p,.menu_bar p a {
	font-family: 'KabelITCbyBT-Medium';
	color: #fff;
	font-size: 15px;
	font-size: w;
	font-weight: 500;
	letter-spacing: 0.15px;
	text-align: right;
}
.menu_bar p a {
	position: relative;
	text-decoration: none;
	padding-bottom: 10px;
}
.menu_bar p a:hover::after{
   transform: scaleX(1);
   transition: transform .5s .22s;
}

.menu_bar p a::after{
	transform: scaleX(0);
	transform-origin: 0 50%;
}
.menu_bar p a::after{
	border-top: 1px solid #f7941d;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: calc(100% - 3px);
	width: 100%;
}
.menu_bar p a:active::after{
	border-top: 1px solid #0c0c0c;
}
.menu_bar p a::before{
	border-top: 1px solid #f7941d;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: calc(100% - 3px);
	width: 100%;
}
.menu_bar p a::before{
	transform-origin: 100% 50%;
}
.menu_bar p a:hover::before{
	transform: scaleX(0);
	transition: transform .5s;
}

.sticky_logo {
	position: relative;
	z-index: 1;
	width: 50%;
	display: inline-block;
}
.burger_icon {
	position: relative;
	animation: scalelogo 1000ms;
}
.burger_icon span, .burger_icon span::before, .burger_icon span::after {
	background: #fff;
	display: block;
	height: 2px;
	opacity: 1;
	position: absolute; 
	transition: 0.3s ease-in-out;
}
.burger_icon span:before,
.burger_icon span:after {
  content: "";
}
.burger_icon span {
	width: 27px;
	margin-bottom: 7px;
	transition: all .5s ease 0s;
	position: absolute;
	right: 0;
}
.burger_icon i {
	font-size: 25px;
	color: #fff;
	position: relative;
	top: -11px;
	right: -6px;
	opacity: 0;
	cursor: pointer;
}
.burger_icon span:before {
  right: 0px;
  top: -10px;
  width: 16px;
}
.burger_icon span:after {
  right: 0px;
  top: 10px;
  width: 20px;
}

.close span {
	background: url("../images/toggle_1.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 48px;
	height: 10px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
}
.close span::after, .close span::before{
	content: none
}

#menu {
	z-index: 1;
	position: fixed;
	visibility: hidden;
	opacity: 0;
	text-align: left;
	transition: all 0.3s ease-in-out;
	right: 3%;
	padding: 14px 38px;
	top: 11%;
	background: #333 !important;
}
#menu.overlay {
	visibility: visible;
	opacity: 1;
	background: rgba(0,0,0,0.5);
}
#menu li{
  list-style:none;
}
#menu a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	line-height: 35px;
	letter-spacing: 2px;
	position: relative;
	padding-bottom: 10px;
}
.burger_bar ul li a::after{
	border-top: 1px solid #f7941d;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: calc(100% - 3px);
	width: 0%;
}
.burger_bar ul li a::before{
	border-top: 1px solid #f7941d;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: calc(100% - 3px);
    width: 0%;
}
.burger_bar ul li a::before{
    transform-origin: 100% 50%;
	
}
.burger_bar ul li a::after{
    transform: scaleX(0);
    transform-origin: 0 50%;
}
.burger_bar ul li a:hover::before {
  transform: scaleX(0);
  transition: transform .5s;
  width: 100%;
}
.burger_bar ul li a:hover::after {
	transform: scaleX(1);
	transition: transform .5s .22s;
	width: 100%;
}
.sticky_header{
	display: none; 
}
.sticky_header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    display: block;
    padding: 15px 0px;
    transition: all 0.5s ease;
    background: #0c0c0c;
    box-shadow: rgb(100 100 111 / 10%) 0px 7px 29px 0px;
}
.sticky_header.sticky .sticky_logo {
	transition: all .5s ease 0s;
	animation: scalelogo 1000ms;
/*	left: 10px;*/
}
@keyframes scalelogo {
  from { 
	padding-left: 35%;
	transform: scale(0);
	transition: all .5s ease 0s;
  }

  to { 
	padding-left: 0%;
	transform: scale(1);
	transition: all .5s ease 0s;
  }
}

/*
.close span::before{
	content: none;
}*/