@-ms-keyframes uil-ripple{0%,100%{opacity:0}0%{width:0;height:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%}}
@-moz-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}
@-webkit-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}
@-o-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}
@keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}
.uil-ripple-css{background:0 0;position:relative;width:200px;height:200px}
.uil-ripple-css div{position:absolute;top:50%;left:50%;margin:0;width:0;height:0;opacity:0;border-radius:50%;border-width:12px;border-style:solid;-ms-animation:uil-ripple 2s linear infinite;-moz-animation:uil-ripple 2s linear infinite;-webkit-animation:uil-ripple 2s linear infinite;-o-animation:uil-ripple 2s linear infinite;animation:uil-ripple 2s linear infinite}
.uil-ripple-css div:nth-of-type(1){border-color:#FFF}
.uil-ripple-css div:nth-of-type(2){border-color:#bbe3fc;-ms-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
.page-loader{display:none}
body.pageisloading:after{content:"";display:block;position:fixed;top:0;left:0;height:100%;width:100%;z-index:999;background-color:#8DA4B0}
body.pageisloading .page-loader{display:block;z-index:9999;position:fixed;top:calc(50vh - 100px);left:calc(50vw - 100px)}