@font-face {
font-family: 'wpxpress';
src: url(//af-roofing.co.uk/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.eot?9zg56);
src: url(//af-roofing.co.uk/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.eot?9zg56#iefix) format('embedded-opentype'),
url(//af-roofing.co.uk/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.ttf?9zg56) format('truetype'),
url(//af-roofing.co.uk/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.woff?9zg56) format('woff'),
url(//af-roofing.co.uk/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.svg?9zg56#wpxpress) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="wpx-icon-"],
[class*=" wpx-icon-"] { font-family: 'wpxpress' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpx-icon-arrow-up-light:before {
content: "\e900";
}
.wpx-icon-arrow-up-bold:before {
content: "\e911";
}
.wpx-icon-angle-double-up:before {
content: "\e90a";
}
.wpx-icon-angle-up:before {
content: "\e90c";
}
.wpx-icon-arrow-up-black:before {
content: "\e908";
}
.wpx-icon-finger-up:before {
content: "\e904";
}
.wpx-icon-finger-up-o:before {
content: "\e905";
}.smooth-back-to-top-button {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 200ms linear;
overflow: visible;
}
.smooth-back-to-top-button.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.smooth-back-to-top-button::after {
top: 0;
left: 0;
z-index: 1;
text-align: center;
position: absolute;
font-family: 'wpxpress';
transition: all 200ms linear;
}
.smooth-back-to-top-button svg path,
.smooth-back-to-top-button svg rect {
fill: none;
}
.smooth-back-to-top-button svg.progress-circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.smooth-back-to-top-button svg.progress-circle path,
.smooth-back-to-top-button svg.progress-circle rect {
box-sizing: border-box;
transition: all 200ms linear;
}