@font-face {
    font-family: 'SF UI Display';
    src: url("../fonts/SFUIDisplay-Regular.eot");
    src: local("SF UI Display Regular"), local("SFUIDisplay-Regular"), url("../fonts/SFUIDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay-Regular.woff2") format("woff2"), url("../fonts/SFUIDisplay-Regular.woff") format("woff"), url("../fonts/SFUIDisplay-Regular.ttf") format("truetype"), url("../fonts/SFUIDisplay-Regular.svg#SFUIDisplay-Regular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SF UI Display';
    src: url("../fonts/SFUIDisplay-Bold.eot");
    src: local("SF UI Display Bold"), local("SFUIDisplay-Bold"), url("../fonts/SFUIDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay-Bold.woff2") format("woff2"), url("../fonts/SFUIDisplay-Bold.woff") format("woff"), url("../fonts/SFUIDisplay-Bold.ttf") format("truetype"), url("../fonts/SFUIDisplay-Bold.svg#SFUIDisplay-Bold") format("svg");
    font-weight: 700;
    font-style: normal
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: 'roavfont';
    src: url("//at.alicdn.com/t/font_419716_iext5qvmucs.eot");
    src: url("//at.alicdn.com/t/font_419716_iext5qvmucs.eot?#iefix") format("embedded-opentype"), url("../fonts/font_419716_iext5qvmucs.woff2") format("woff2"), url("../fonts/font_419716_iext5qvmucs.woff") format("woff"), url("../fonts/font_419716_iext5qvmucs.ttf") format("truetype"), url("//at.alicdn.com/t/font_419716_iext5qvmucs.svg#roavfont") format("svg")
}

.header-section .iconfont,
.template-page .iconfont,
.btmBrands .iconfont,
.footer .iconfont,
.roavfont {
    font-family: "roavfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle
}

.if-search:before {
    content: "\e665"
}

.if-down:before {
    content: "\e61a"
}

.if-down2:before {
    content: "\e619"
}

.if-magnifying:before {
    content: "\e656"
}

.if-giveaways:before {
    content: "\e608"
}

.if-influencer:before {
    content: "\e609"
}

.if-roaver:before {
    content: "\e60b1"
}

.if-a1:before {
    content: "\e63b"
}

.if-c1:before {
    content: "\e63e"
}

.if-c1-pro:before {
    content: "\e63d"
}

.if-c2:before {
    content: "\e63c"
}

.if-c2-pro:before {
    content: "\e63a"
}

.if-s1:before {
    content: "\e63e"
}

.if-duo:before {
    content: "\e658"
}

.if-fm-transmitter-f0:before {
    content: "\e61c"
}

.if-fm-transmitter-f2:before {
    content: "\e61d"
}

.if-smartcharge-spectrum:before {
    content: "\e61f"
}

.if-smartcharge-halo:before {
    content: "\e620"
}

.if-smartcharge-f3:before {
    content: "\e655"
}

.if-viva:before {
    content: "\e641"
}

.if-viva-pro:before {
    content: "\e640"
}

.if-viva-dash:before {
    content: "\e63f"
}

.if-bolt:before {
    content: "\e648"
}

.if-product-registration:before {
    content: "\e657"
}

.if-hydroclean:before {
    content: "\e61b"
}

.if-bluetooth-receiver:before {
    content: "\e618"
}

.if-jump-starter-pro::before {
    content: "\e646"
}

.if-jump-starter::before {
    content: "\e647"
}

.if-lithium-ion-battery::before {
    content: "\e659"
}

.if-warranty:before {
    content: "\e653"
}

.if-downloads:before {
    content: "\e652"
}

.nprogressPlace {
    height: 8px;
    background: #f5840c
}

.nprogressPlace.hide {
    visibility: hidden
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #f5840c;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    opacity: 1.0;
    border-radius: 0 8px 8px 0;
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
    background: #f5840c
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #f5840c;
    border-left-color: #f5840c;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}