/*backtop */
.fixed-backtop{
	position: fixed;
	right: 42px;
	bottom:42px;
	margin: 0;
	padding: 0;
	z-index: 1100;
    width: 56px;
	height: 56px;
    color: #00367b; 
    cursor: pointer;
    transition:all 300ms ease-in ;
	margin-right: -100px;
}
.fixed-backtop.active{
    
	margin-right: 0;
}

.fixed-backtop::after{
	content: "";
	width: 100%;
	height: 100%;
	border: 2px solid currentColor;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
    opacity: .3;
    transition:all 300ms ease-in ;
}
.fixed-backtop svg{
    fill: transparent;
    transform: rotate(-90deg);
}
.fixed-backtop svg circle {
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-dasharray:  150px;
    box-sizing: border-box;
    stroke-dashoffset: -150px;
    
}
.fixed-backtop .backtop-arrow{
    opacity: 0.6;
    transition:all 300ms ease-in ;
}
.fixed-backtop .backtop-arrow::after{
    content: "";
    width: 12px;
    height: 12px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotate(-45deg);
    margin: -8px 0 0 -5px;
}
.fixed-backtop .backtop-arrow::before{
    content: "";
    position: absolute;
    left: 50%;
    border-right: 2px solid currentColor;
    top: 18px;
    bottom: 18px;

}

.fixed-backtop:hover .backtop-arrow{
    opacity: 1;
}

@media only screen and (max-width: 767px) {
	.fixed-backtop{
		right: 15px;
		bottom: 15px;
		-webkit-transform: scale(0.714285714);
		transform: scale(0.714285714);
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
	}
}