.floating {
 position        : fixed;
 right           : 0px;
 top             : 180px;
 display         : none;
 z-index         : 9999;
}

.floating a.fbannerA,
.floating a.fbannerB {
 display         : flex;
 justify-content : center;
 align-items     : center;
 color           : #3E3A39;
 padding         : 1em 1em 1em 1em;
 text-decoration : none;
 opacity         : 0.9;
 margin-bottom   : 4px;
 font-size       : 1.2vw;
 line-height     : 120%;
 text-align      : center;
 border-radius   : 10px 0 0 10px;
 border-top      : 1px solid #3E3A39;
 border-left     : 1px solid #3E3A39;
 border-bottom   : 1px solid #3E3A39;
 height          : 3.5em;
}
.floating a.fbannerA {
 background      : linear-gradient(90deg, #96ABD8 0.02%, #BEDBDE 50.55%, #E5EAA0 100.03%);
}
.floating a.fbannerB {
 background      : #ffffff;
}

.floating a.fbannerA:hover,
.floating a.fbannerB:hover {
 opacity         : 0.5;
}




.dli-chevron-right {
 display         : inline-block;
 vertical-align  : middle;
 margin-top      : 0.2em;
 color           : #3E3A39;
 line-height     : 1;
 width           : 0.5em;
 height          : 0.5em;
 border          : 0.1em solid currentColor;
 border-left     : 0;
 border-bottom   : 0;
 box-sizing      : border-box;
 transform       : translateX(-25%) rotate(45deg);
}
.dli-chevron-right2 {
 display         : inline-block;
 vertical-align  : middle;
 margin-top      : 0.2em;
 color           : #3E3A39;
 line-height     : 1;
 width           : 0.5em;
 height          : 0.5em;
 border          : 0.1em solid currentColor;
 border-left     : 0;
 border-bottom   : 0;
 box-sizing      : border-box;
 transform       : translateX(-25%) rotate(45deg);
}





@media (max-width: 767px) {

	.floating {
	 top             : 15vh;
	}

	.floating a.fbannerA,
	.floating a.fbannerB {
	 font-size       : 3vw;
	}
	.floating a.fbannerA {
	}
	.floating a.fbannerB {
	}

	.floating a.fbannerA:hover,
	.floating a.fbannerB:hover {
	}

}