/****************** CSS **********************/

@media screen (max-width: 425px) {
   .sticky-slider{ display: none !important; }
}

@media screen and (min-width: 425px) {
	body .ai-sticky-slider {
		position: fixed;
		top: 70%;
		border: none;
		border-radius: 0px;
		color: #fff;
		z-index: 10000;
		background: linear-gradient(to right,#0ac8ce,#2ea546);
		background-position: 100% 0;
		transition: background-color .5s;
		box-shadow: 0 0 50px 0 rgba(0,0,0,.4);
		padding: 15px 30px 15px 30px;
		margin: 0px;
		right: -110px;
		display: block;

		font-family: Zilla Slab;
		letter-spacing: 1px;
		font-size: 20px;
		line-height: 28px;
		font-weight: 700;

		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}

	.ai-sticky-slider:hover {
		opacity:0.95;
	}
}