section#js_dbio_notification_bar {
	background: linear-gradient(90deg, #3E44FE 0%, #7D33FF 100%);
	width: 100%;
	height: 44px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	z-index: 1000;
}  
#js_close_notification_bar {
    display: block !important;
}
span.dbio_badge {
	background: #FFFFFF;
	border-radius: 3px;font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.015em;
	font-feature-settings: 'tnum' on, 'lnum' on;
	color: #AA33FF;
	padding: 4px 8px;
}
p.dbio_notification_bar_text { 
	margin: 0 15px;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height:24px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	max-width: 80%;
} 
a.dbio_notification_bar_link {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height:24px;
	display: flex;
	align-items: center;
	letter-spacing: 0.0168em;
	color: #FFFFFF; 
	margin-left: 12px;
} 
a.dbio_notification_bar_link svg {  
	margin-top: 5px;
} 
 
#js_dbio_notification_bar{
	visibility: hidden;
}
.notification_bar_display { 
	visibility: visible !important;
}  

.dbio_notification_bar.notification_bar_display{ 
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    transition: all 0.6s linear; 
}
.dbio_notification_bar.notification_bar_hide {
   -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    transition: all 0.5s linear;
}
.site-header.top-animation {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transition: all 0.5s linear;
}
header.top-animation-down{	5  
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.5s linear !important;   
}

.notification_bar_hide a.dbio_notification_bar_link {
    display: none;
}
.notification_bar_hide {
    display: none;
} 
header.site-header.top-0 {
	top: 0 !important;
}   
body.admin-bar header.site-header.top-0 {
    top: 32px !important;
}
body.admin-bar header.site-header {
    margin-top: 0;
}
body .dbio_notification_bar_close {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 20px;
    cursor: pointer;
}
section#js_dbio_notification_bar.active {
    top: 90px;
}

@keyframes fadeInUp1 {
	from {
		opacity: 1;
		transform: translate3d(0, 20px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
@keyframes fadeInDown1 {
    from {
        opacity: 1;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
} 

@keyframes fadeInDown {
    from {
        opacity: 1;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
} 

@media only screen and (max-width:1200px){
		section#js_dbio_notification_bar.dbio_notification_bar.with_dbio_badge.notification_bar_display {
/*	    top: 70px;*/
	}
	nav#mobile-header {
/*	    padding-top: 80px;*/
	}

	section#js_dbio_notification_bar {
	    max-height: 80px;
	    z-index: 99999;
	}
	#mobile-header {
	    background-color: #000;
	    animation-fill-mode: both;
	    transition: all 0.5s linear !important;
	}
}

@media only screen and (max-width:980px){
	#js_dbio_notification_bar.with_dbio_badge p.dbio_notification_bar_text a.dbio_notification_bar_link {
		display: inline !important;
		margin-left: 10px !important;
	}	
	section#js_dbio_notification_bar p.dbio_notification_bar_text {
		display: block;
	}
	p.dbio_notification_bar_text {
		font-weight: 500;
		font-size: 14px;
		line-height: 150%; 
		text-align: left !important;
		margin-left: 12px; 
		margin-right: 22px;
	}
	#js_dbio_notification_bar a.dbio_notification_bar_link { 
		display: flex !important;
		justify-content: center;
		font-size: 14px;
		line-height: 20px;
	} 
	#js_dbio_notification_bar.with_dbio_badge p.dbio_notification_bar_text a.dbio_notification_bar_link svg {
		position: absolute;
	}
	a.dbio_notification_bar_link svg {
		width: 18px;
		height: 18px;
		margin: 0;
		line-height: 0px;
		margin-top: 3px;
	} 

}
 

@media only screen and (max-width:768px){
	section#js_dbio_notification_bar {
		display: block;
		height: auto; 
	}
	span.dbio_badge {
		margin:0px auto;
		display: block;
		max-width: 50px;
		padding: 4px 8px; 
	}  	 
	p.dbio_notification_bar_text {
		font-weight: 500;
		font-size: 13px;
		line-height: 150%; 
		text-align: center !important;
		margin-left:12px; 
		margin-right:20px;  
		max-width:90%;
	} 
	.with_dbio_badge p.dbio_notification_bar_text {
		font-weight: 500;
		font-size: 13px;
		line-height: 150%; 
		text-align: left !important;
		margin-left:12px; 
		margin-right:30px;
		max-width:80%; 
	} 	
	#js_dbio_notification_bar a.dbio_notification_bar_link { 
		display: flex !important;
		justify-content: center;
		font-size: 14px;
		line-height: 20px;
	} 
	section#js_dbio_notification_bar.dbio_notification_bar.with_dbio_badge.notification_bar_display {
		display: flex;
	} 
	section#js_dbio_notification_bar p.dbio_notification_bar_text {
		display: block;
	}
	.dbio_notification_bar_close {
		right: 10px; 
	}
	.with_dbio_badge p.dbio_notification_bar_text {
		display: block;
	}
	#js_dbio_notification_bar p.dbio_notification_bar_text a.dbio_notification_bar_link {
		position: relative;
	}
	#js_dbio_notification_bar.with_dbio_badge p.dbio_notification_bar_text a.dbio_notification_bar_link {
/* 		display: block !important;  */
		display: inline !important; 
		text-align: center !important;   
		margin-left: 12px !important;
		margin-right: 30px !important;  
	}
	#js_dbio_notification_bar.with_dbio_badge p.dbio_notification_bar_text a.dbio_notification_bar_link svg {
		position: absolute;
	}
	a.dbio_notification_bar_link svg {
		width: 18px;
		height: 18px;
		margin: 0;
		line-height: 0px;
		margin-top: 3px;
	}

	.site-inner, .wrap {
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		transition: all 0.5s linear; 
	}
	
}