#cookie-bar { position: relative; height: 30px; background: #f7f7f7; height: auto; line-height: 20px; color: #1d4f86; text-align: center; padding: 15px; border: 1px solid #ccc; }
#cookie-bar:before{ content: "."; position: absolute; top: -2px; left: 20px; width: 100px; height: 3px; background-color: #699bcd; font-size: 0; text-indent: -9999px; }
#cookie-bar.fixed { position: fixed; bottom: 65px; right: 30px; width: 400px; z-index: 1200 }
#cookie-bar.fixed.bottom { bottom: 0; top:auto; }
#cookie-bar p { margin: 0; padding: 0; font-family: helen_bg_light; font-size: 14px; font-weight: 300; }
#cookie-bar a { margin: 0; padding: 0; font-family: helen_bg_light; font-size: 14px; font-weight: 300; text-decoration: none; color: #699bcd; }
#cookie-bar .cb-enable, #cookie-bar .cb-disable,#cookie-bar .cb-policy { display: inline-block; padding: 7px 35px 4px; margin: 5px; font-family: pt_sans; font-weight: 700; text-decoration: none; transition: all 0.5s; border-radius: 50px; }
#cookie-bar .cb-enable { background: #699bcd; color: #fff; cursor: pointer; width: 25%; }
#cookie-bar .cb-enable:hover { background: #c14446; color: #fff; }
#cookie-bar .cb-disable { width: 10%; background: #a7a7a7; cursor: pointer; color: #fff; font-weight: 700; }
#cookie-bar .cb-disable:hover { background: var(--color-neutral-dk); background: #c14446; }
#cookie-bar .cb-policy { background: #1c4e84; cursor: pointer; }
#cookie-bar .cb-policy:hover { background: #FFFF; }
@media screen and (max-width: 480px) {
	#cookie-bar.fixed {
		line-height: 20px;
		box-sizing: border-box;
		bottom: 65px;
		right: 0;
		width: 100%;
		padding: 5px;
	}
	#cookie-bar.fixed .cb-enable,#cookie-bar.fixed  .cb-disable,#cookie-bar.fixed  .cb-policy {
		margin: 5px;
	}
}