/** sticky css */
@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}
#sticky-top{
    background: #84c13f;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0.9rem;
    z-index: 1451;
    display: block;
    visibility: hidden;
    margin:0!important;

}
#sticky-top > div{
    position: relative;
}

#sticky-top a{
    color: white;
    font-weight: 600;
    text-decoration: underline;

}
#sticky-top span.dismiss{

    display: block;
    position: absolute;
    right: -6px;
    top: -8px;
    color: white;
    font-size: 1.3em;

}
#sticky-top span.dismiss:hover{
    color: #146286;
}
#sticky-top .dismiss:before {
    content: 'x';
    font-weight: 300;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;
    line-height: 17px;
    font-weight: 900;
    font-family: sans-serif;

}
#sticky-top.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}