.fixed-footer {
	@media #{$min-xl} {
		.site-footer-custom {
			width: 100%;
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: -1;
		}
		#ct-masthead, .site-content {
			background-color: #fff;
		}
	}
	@media #{$max-lg} {
		.site-content {
			margin-bottom: 0 !important;
		}
	}
}
.site-footer-default {
	background-color: #191919;
	padding: 26px 0;
	text-align: center;
	color: #fff;
	a {
		color: $primary_color;
		&:hover {
			color: $primary_color;
			text-decoration: underline;
		}
	}
}
.site-footer-custom {
	margin-top: -1px;
	@media #{$max-lg} {
	    overflow: hidden;
	}
}
.scroll-top {
	position: fixed;
	z-index: 1001;
	bottom: 56px;
	right: -40px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background-color: $primary_color;
	color: #fff;
	font-size: 14px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	@media #{$max-sm} {
		bottom: 0;
		right: 0;
	}
	&:hover, &:focus {
		color: #fff;
	}
	&.on {
		right: 0;
		opacity: 1;
		visibility: visible;
		@media #{$max-sm} {
			bottom: 0;
			right: 0;
			@include border-radius(2px 0 0);
			height: 35px;
			width: 35px;
			line-height: 35px;
			font-size: 16px;
		}
	}
	span {
		display: block;
	}
	.caseicon-long-arrow-right-three {
		@include transform(rotate(-90deg));
	}
	&:hover span {
		-o-animation: toTopFromBottom 0.6s forwards;
        -ms-animation: toTopFromBottom 0.6s forwards;
        -webkit-animation: toTopFromBottom 0.6s forwards;
        animation: toTopFromBottom 0.6s forwards;
	}
}

.ct-wg-backtotop {
	display: flex;
	flex-wrap: wrap;
	svg {
		height: 14px;
		fill: #fff;
		margin-bottom: 3px;
	}
	.ct-wg-backtotop-inner {
		width: 87px;
		height: 85px;
		background: #2e2e2e;
		font-size: 14px;
		line-height: 18px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
		color: #fff;
		text-align: center;
		&:hover svg {
			animation: icon-bounce 800ms ease-out infinite;
        	-webkit-animation: icon-bounce 800ms ease-out infinite;
		}
	}
}