.bonfire-pageloader-background {
position:fixed;
z-index:99999997;
top:0;
left:0;
width:100%;
height:100%;
width:100vw;
height:100vh;
margin:0;
padding:0; background-color:#1FB6DB;
} .bonfire-pageloader-icon-wrapper {
display:table;
width:100%;
height:100%;
position:fixed;
z-index:99999999;
top:0;
left:0;
opacity:1;
}
.bonfire-pageloader-icon {
display:table-cell;
vertical-align:middle;
text-align:center;
}
.bonfire-pageloader-icon svg { fill:#fff;
}
.bonfire-pageloader-icon .icon-wrapper {
padding:10px;
} .bonfire-pageloader-icon-wrapper img {
max-width:90%;
min-width:0;
height:auto;
}  .pageloader-clockwise {
animation:clockwise 2s linear infinite;
-moz-animation:clockwise 2s linear infinite;
-webkit-animation:clockwise 2s linear infinite;
}
@keyframes clockwise { 100% { transform:rotate(360deg); } }
@-moz-keyframes clockwise { 100% { -moz-transform:rotate(360deg); } }
@-webkit-keyframes clockwise { 100% { -webkit-transform:rotate(360deg); } } @keyframes fadeAnimation {
0%   { opacity:1; }
50%  { opacity:.15; }
100% { opacity:1; }
}
@-moz-keyframes fadeAnimation {
0%   { opacity:1; }
50%  { opacity:.15; }
100% { opacity:1; }
}
@-webkit-keyframes fadeAnimation {
0%   { opacity:1; }
50%  { opacity:.15; }
100% { opacity:1; }
}
.pageloader-animate-fade {
animation:fadeAnimation 1.5s infinite;
-moz-animation:fadeAnimation 1.5s infinite;
-webkit-animation:fadeAnimation 1.5s infinite;
} .pageloader-iconspeedslow {
animation-duration:2.5s;
-moz-animation-duration:2.5s;
-webkit-animation-duration:2.5s;
}
.pageloader-iconspeedfast {
animation-duration:1s;
-moz-animation-duration:1s;
-webkit-animation-duration:1s;
}
.pageloader-iconspeednone {
animation-duration:0s;
-moz-animation-duration:0s;
-webkit-animation-duration:0s;
} .pageloader-iconsize100 svg {
width:100px;
height:100px;
}
.pageloader-iconsize75 svg {
width:75px;
height:75px;
}
.pageloader-iconsize50 svg {
width:50px;
height:50px;
}
.pageloader-iconsize25 svg {
width:25px;
height:25px;
}  .bonfire-pageloader-icon-hide {
opacity:0;
left:-1000%;
} .bonfire-pageloader-hide {
opacity:0 !important;
left:-1000% !important;
} .bonfire-pageloader-sentence {
font-family:'Roboto',arial,tahoma,verdana;
font-weight:300;
font-size:14px;
color:#B0E6F3;
text-align:center;
cursor:default;
}  .pageloader-hide { display:none; }