.onlinebtn {
			position: absolute;
			top: 0;
			z-index: 0
		}
		.onlinebtn_pink .onlinebtn__text{
			color: #D015D4;
			border: 2px solid #D015D4;
			animation: b-drag_pink 6s linear infinite;
		}
		.onlinebtn_green .onlinebtn__text{
			color: #54DE43;
			border: 2px solid #54DE43;
			animation: b-drag_green 6s linear infinite;
		}
		.onlinebtn_blue .onlinebtn__text{
			color: #0a31e0;
			border: 2px solid #0a31e0;
			animation: b-drag_blue 6s linear infinite;
		}

		.onlinebtn__text {
			opacity: 0;
			display: table;
			height: auto!important;
			margin: auto;
			padding-left: 5px;
			padding-right: 5px;
			width: 170px!important;
			height: 40px!important;
			border-radius: 0!important;
			font-size: 20px !important;
			font-family: 'Bebas',Arial,sans-serif !important;
			line-height: 40px !important;
			letter-spacing: inherit !important;
			position: absolute !important;
			top: 0;
			text-align: center;
			box-sizing: border-box;
			z-index: 0;
		}
		@media all and (max-width: 600px) {

			.onlinebtn__text{
				width: 110px!important;
				font-size: 16px !important;
			}
		}


		.yButton{
			top: 20px;
			right: 20px!important;
			bottom: inherit !important;
			width: 170px!important;
			height: 40px!important;
			color: transparent !important;
			border: none !important;
			border-color: transparent !important;
		}
		.yButtonBackground {
			background: transparent !important;
			width: 170px!important;
			height: 40px!important;
			border-radius: 0!important;
			color: transparent !important;
			border: none !important;
			border-color: transparent !important;
		}
		.yButtonWave{
			animation: none !important;
			border-radius: 0!important;
			border: 0 !important;
			width: 170px!important;
			height: 40px!important;
			color: transparent !important;
			border-color: transparent !important;
		}
		.yButtonText {
			height: 40px !important;
			padding-left: 5px;
			padding-right: 5px;
			width: 170px!important;
			height: 40px!important;
			position: absolute !important;
			left: 0 !important;
			top: 0 !important;
			z-index: 5;
			border-radius: 0!important;
			font-size: 20px !important;
			color: white !important;
			border: 2px solid #fff !important;
			font-family: 'Bebas',Arial,sans-serif !important;
			line-height: 40px !important;
			letter-spacing: inherit !important;
		}



		@media all and (max-width: 980px) {
			.yButton{
				right: inherit!important;
				left: 10px;
				top: 10px;
			}
		}
		@media all and (max-width: 600px) {

			.yButton, .yButtonBackground, .yButtonWave{
				width: 110px!important;
			}
			.yButtonText{
				width: 110px!important;
				font-size: 16px !important;
			}
		}


        /*barberpoll animation*/
		#rec223859665 .t396, #rec223859911 .t396{
			width: 100%;
			overflow: hidden;
		}
		#rec223859665 .t396__carrier, #rec223859911 .t396__carrier{
			opacity: 0;
		}
		#rec223859665 .t396__artboard, #rec223859911 .t396__artboard{
			position: relative;
			left: 50%;
			-webkit-transform: translate(-50%, 0);
			    -ms-transform: translate(-50%, 0);
			        transform: translate(-50%, 0);
			width: 2060px;
			height: 70px;
			background-image: -o-repeating-linear-gradient(
				135deg, 
				transparent, 
				transparent 25%,
				#fff 25%,
				#fff 50%
			);
			background-image: repeating-linear-gradient(
				-45deg, 
				transparent, 
				transparent 25%,
				#fff 25%,
				#fff 50%
			);
			background-size: 206px 206px;
			-webkit-animation: barberpole 40s infinite linear;
			        animation: barberpole 40s infinite linear;
		}
		@-webkit-keyframes barberpole {
			0% {
				background-position: 0%;
			}
			100% {
				background-position: 100%;
			}
		}
		@keyframes barberpole {
			0% {
				background-position: 0%;
			}
			100% {
				background-position: 100%;
			}
		}