.btn {
	border: none;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	margin: 15px 30px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 1;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-1 {
	border: 1px solid #4c4d4f ;
	color: #4c4d4f ;
}

.btn-1b:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #9d0a0e ;
}

.btn-1b:hover,
.btn-1b:active {
	color: #fff;
}

.btn-1b:hover:after,
.btn-1b:active:after {
	height: 100%;
}
.cl-effect-2 a {
	line-height: 42px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #9d0a0e ;
	color: #fff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #9d0a0e ;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background: #fff;
	color: #9d0a0e ;
}




.bizarlink {
	color: #000;
	text-decoration: none;
	background: white;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	perspective: 600px;
	perspective-origin: 50% 50%;
}
.bizarlink span {
	display: block;
	position: relative;
	padding: 0 14px;
	transition: all 400ms ease;
	transform-origin: 50% 0%;
	transform-style: preserve-3d;
}
.bizarlink:hover {color: #fff; }
.bizarlink:hover span {
	background: #9d0a0e ;
	transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}
.bizarlink span:after {
	content: attr(data-content);
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	right:0;
	bottom: 0;
	color: #9d0a0e ;
	background: #ffffff;
	transform-origin: 50% 0%;
	transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}



.main-form .bizarlink:hover span {
	transform: translate3d( 0px, 0px, -57px ) rotateX( 90deg );
}
.main-form .bizarlink span:after {
	transform: translate3d(0px, 140%, 0px) rotateX(-90deg);
}

@media (max-width:480px){
	.main-form .bizarlink:hover span{
		transform: none;
	}
	.bizarlink:hover span{
		transform: none;
	}
	.btn-1b:hover:after, .btn-1b:active:after{
		display: none;
	}
	.cl-effect-2 a:hover span, .cl-effect-2 a:focus span{
		transform: none;
	}
}