@font-face{ font-family:"Avalon"; src:url("../font/Avalon-Book.woff2") format("woff2"),url("../font/Avalon-Book.woff") format("woff"),url("../font/Avalon-Book.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap;}@font-face{ font-family:"Avalon"; src:url("../font/Avalon-Medium.woff2") format("woff2"),url("../font/Avalon-Medium.woff") format("woff"),url("../font/Avalon-Medium.ttf") format("truetype"); font-weight:500; font-style:normal; font-display:swap;}@font-face{ font-family:"Avalon"; src:url("../font/Avalon-Demi.woff2") format("woff2"),url("../font/Avalon-Demi.woff") format("woff"),url("../font/Avalon-Demi.ttf") format("truetype"); font-weight:600; font-style:normal; font-display:swap;}@font-face{ font-family:"Avalon"; src:url("../font/Avalon-Bold.woff2") format("woff2"),url("../font/Avalon-Bold.woff") format("woff"),url("../font/Avalon-Bold.ttf") format("truetype"); font-weight:700; font-style:normal; font-display:swap;}.loader{ display:inline-block; width:50px; height:50px; border:3px solid rgba(22,149,225,0.3); border-radius:50%; border-top-color:#1695e1; animation:spin 1s ease-in-out infinite; -webkit-animation:spin 1s ease-in-out infinite;}#preloader{ background:#fff; width:100%; height:100vh; position:fixed; top:0; left:0; right:0; opacity:1; z-index:9999999999; overflow:hidden;}#preloader span{ position:absolute; top:calc(50% - 100px); transform:translate(-50%,-50%); left:50%; text-align:center; font-size:16px; font-weight:600; width:100%;}#loader{ display:block; position:relative; left:50%; top:50%; width:110px; height:110px; margin:-50px 0 0 -50px; border-radius:50%; border:3px solid transparent; border-top-color:#0c8464; -webkit-animation:spin 1.5s linear infinite; animation:spin 1.5s linear infinite; transform:translate(-50%,-50%);}#loader:before{ content:""; position:absolute; top:5px; left:5px; right:5px; bottom:5px; border-radius:50%; border:3px solid transparent; border-top-color:#0ba360; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite;}#loader:after{ content:""; position:absolute; top:15px; left:15px; right:15px; bottom:15px; border-radius:50%; border:3px solid transparent; border-top-color:#3cba92; -webkit-animation:spin 1s linear infinite; animation:spin 1s linear infinite;}@-webkit-keyframes spin{ 0%{  -webkit-transform:rotate(0deg);  -ms-transform:rotate(0deg);  transform:rotate(0deg);} 100%{  -webkit-transform:rotate(360deg);  -ms-transform:rotate(360deg);  transform:rotate(360deg);}}@keyframes spin{ 0%{  -webkit-transform:rotate(0deg);  -ms-transform:rotate(0deg);  transform:rotate(0deg);} 100%{  -webkit-transform:rotate(360deg);  -ms-transform:rotate(360deg);  transform:rotate(360deg);}}