1
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);*{font-family:Montserrat,sans-serif}
2
body,html{position:relative;background:#f9fafd}
3
::-webkit-scrollbar{width:7px;height:7px}
4
::-webkit-scrollbar-button{width:7px;height:2px}
5
::-webkit-scrollbar-corner{background:0 0}
6
::-webkit-scrollbar-thumb{background:#ff8d39;border:71px #fff;border-radius:31px}
7
::-webkit-scrollbar-track{background:#eee;border:65px #fff;border-radius:34px}
8
@font-face{font-display:swap}
9
.wrap{min-height:65%;height:auto;margin:0 auto -60px;padding:0 0 60px}
10
@media (min-width:576px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:calc(100% - 45px)}
11
.c-navbar-center,.header-max{max-width:100%}
12
}
13
@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}
14
.c-navbar-center,.header-max{max-width:650px}
15
}
16
@media (min-width:1300px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1240px}
17
.c-navbar-center,.header-max{max-width:750px}
18
}
19
@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1340px}
20
.c-navbar-center,.header-max{max-width:850px}
21
}
22
@media (min-width:1500px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1440px}
23
.c-navbar-center,.header-max{max-width:920px}
24
}
25
@media (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1540px}
26
.c-navbar-center,.header-max{max-width:970px}
27
}
28
@media (min-width:1770px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1650px}
29
.c-navbar-center,.header-max{max-width:1170px}
30
}
31
@media (min-width:1800px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1770px}
32
.c-navbar-center,.header-max{max-width:1170px}
33
}
34
.c-navbar{background:#1b3182;height:75px;position:sticky;top:0;width:100%;z-index:40}
35
.sticky-header{-webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 3px 10px 0 rgba(0,0,0,.4);box-shadow:0 -5px 10px 0 rgba(0,0,0,.4)}
36
.progress{width:40px;height:40px;background:0 0;position:relative}
37
.progress::after{content:"";width:100%;height:100%;border-radius:50%;border:6px solid #eee;position:absolute;top:0;left:0}
38
.progress>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}
39
.progress .progress-left{left:0}
40
.progress .progress-bar{width:100%;height:100%;background:0 0;border-width:1px;border-style:solid;position:absolute;top:0}
...
</html>