/* CSS Document */
@keyframes connectiong { 
      0%   { 
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='cornflowerblue' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cpath d='M10.2,40.5c-1.9-1.8-3.4-4-4.5-6.5S4,28.9,4,26c0-2.8,0.5-5.4,1.6-7.8s2.5-4.5,4.3-6.3s3.9-3.2,6.4-4.3S21.2,6,24,6 s5.4,0.5,7.8,1.6s4.6,2.5,6.4,4.3s3.2,3.9,4.3,6.3c1.1,2.4,1.6,5,1.6,7.8c0,2.9-0.6,5.5-1.7,8s-2.6,4.6-4.5,6.5l-2.1-2.2 c1.7-1.6,3-3.4,3.9-5.5c1-2.1,1.4-4.4,1.4-6.8c0-4.7-1.6-8.8-5-12.1c-3.3-3.3-7.3-5-12-5s-8.8,1.7-12.1,5S7,21.3,7,26 c0,2.5,0.5,4.8,1.4,6.8c0.9,2.1,2.3,3.9,3.9,5.5L10.2,40.5z M15.9,34.8c-1.2-1.1-2.1-2.4-2.8-3.9S12,27.8,12,26%0Ac0-3.3,1.2-6.2,3.5-8.5S20.7,14,24,14s6.2,1.2,8.5,3.5S36,22.7,36,26c0,1.8-0.3,3.4-1,4.9s-1.6,2.8-2.8,3.9L30,32.7 c0.9-0.8,1.7-1.8,2.2-3c0.5-1.1,0.8-2.4,0.8-3.8c0-2.5-0.9-4.6-2.6-6.4S26.5,17,24,17s-4.6,0.9-6.4,2.6S15,23.5,15,26 c0,1.4,0.3,2.6,0.8,3.8c0.5,1.1,1.3,2.1,2.2,3L15.9,34.8z M24,30c-1.1,0-2-0.4-2.8-1.2S20,27.1,20,26s0.4-2,1.2-2.8 C22,22.4,22.9,22,24,22s2,0.4,2.8,1.2C27.6,24,28,24.9,28,26s-0.4,2-1.2,2.8S25.1,30,24,30z'/%3E%3C/svg%3E%0A"); }
      33%  { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='cornflowerblue' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cpath d='M24,30c-1.1,0-2-0.4-2.8-1.2S20,27.1,20,26s0.4-2,1.2-2.8C22,22.4,22.9,22,24,22s2,0.4,2.8,1.2C27.6,24,28,24.9,28,26 s-0.4,2-1.2,2.8S25.1,30,24,30z'/%3E%3C/svg%3E%0A");
     }
      67%  { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='cornflowerblue' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cpath d='M15.9,34.8c-1.2-1.1-2.1-2.4-2.8-3.9S12,27.8,12,26c0-3.3,1.2-6.2,3.5-8.5S20.7,14,24,14s6.2,1.2,8.5,3.5S36,22.7,36,26 c0,1.8-0.3,3.4-1,4.9s-1.6,2.8-2.8,3.9L30,32.7c0.9-0.8,1.7-1.8,2.2-3c0.5-1.1,0.8-2.4,0.8-3.8c0-2.5-0.9-4.6-2.6-6.4S26.5,17,24,17 s-4.6,0.9-6.4,2.6S15,23.5,15,26c0,1.4,0.3,2.6,0.8,3.8c0.5,1.1,1.3,2.1,2.2,3L15.9,34.8z M24,30c-1.1,0-2-0.4-2.8-1.2 S20,27.1,20,26s0.4-2,1.2-2.8C22,22.4,22.9,22,24,22s2,0.4,2.8,1.2C27.6,24,28,24.9,28,26s-0.4,2-1.2,2.8S25.1,30,24,30z'/%3E%3C/svg%3E%0A"); }
      100% { 
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='cornflowerblue' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cpath d='M10.2,40.5c-1.9-1.8-3.4-4-4.5-6.5S4,28.9,4,26c0-2.8,0.5-5.4,1.6-7.8s2.5-4.5,4.3-6.3s3.9-3.2,6.4-4.3S21.2,6,24,6 s5.4,0.5,7.8,1.6s4.6,2.5,6.4,4.3s3.2,3.9,4.3,6.3c1.1,2.4,1.6,5,1.6,7.8c0,2.9-0.6,5.5-1.7,8s-2.6,4.6-4.5,6.5l-2.1-2.2 c1.7-1.6,3-3.4,3.9-5.5c1-2.1,1.4-4.4,1.4-6.8c0-4.7-1.6-8.8-5-12.1c-3.3-3.3-7.3-5-12-5s-8.8,1.7-12.1,5S7,21.3,7,26 c0,2.5,0.5,4.8,1.4,6.8c0.9,2.1,2.3,3.9,3.9,5.5L10.2,40.5z M15.9,34.8c-1.2-1.1-2.1-2.4-2.8-3.9S12,27.8,12,26%0Ac0-3.3,1.2-6.2,3.5-8.5S20.7,14,24,14s6.2,1.2,8.5,3.5S36,22.7,36,26c0,1.8-0.3,3.4-1,4.9s-1.6,2.8-2.8,3.9L30,32.7 c0.9-0.8,1.7-1.8,2.2-3c0.5-1.1,0.8-2.4,0.8-3.8c0-2.5-0.9-4.6-2.6-6.4S26.5,17,24,17s-4.6,0.9-6.4,2.6S15,23.5,15,26 c0,1.4,0.3,2.6,0.8,3.8c0.5,1.1,1.3,2.1,2.2,3L15.9,34.8z M24,30c-1.1,0-2-0.4-2.8-1.2S20,27.1,20,26s0.4-2,1.2-2.8 C22,22.4,22.9,22,24,22s2,0.4,2.8,1.2C27.6,24,28,24.9,28,26s-0.4,2-1.2,2.8S25.1,30,24,30z'/%3E%3C/svg%3E%0A"); }
} 
@keyframes bgslide {
      0% { background-size: auto 100%; }
      50% { background-size: auto 128%; }
      100% { background-size: auto 100%; }
}

section#offlineHint.visible > span.statusBar > a { display: none !important; pointer-events: none !important; }

section#offlineHint > span.statusBar {
    padding: 0px 14px 1px 48px;
    box-sizing: border-box;
    font-size: 21px;
    text-align: left;
    font-weight: normal;
    letter-spacing: 1px;
    position: fixed;
    top: 0px;
    width: 100vw;
    left: 0px;
    height: 30px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-color: rgba(0, 228, 139, 1.00);
    background-color: rgba(20, 20, 20, 1.00);
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='limegreen' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 11c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 2c0-3.31-2.69-6-6-6s-6 2.69-6 6c0 2.22 1.21 4.15 3 5.19l1-1.74c-1.19-.7-2-1.97-2-3.45 0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.48-.81 2.75-2 3.45l1 1.74c1.79-1.04 3-2.97 3-5.19zM12 3C6.48 3 2 7.48 2 13c0 3.7 2.01 6.92 4.99 8.65l1-1.73C5.61 18.53 4 15.96 4 13c0-4.42 3.58-8 8-8s8 3.58 8 8c0 2.96-1.61 5.53-4 6.92l1 1.73c2.99-1.73 5-4.95 5-8.65 0-5.52-4.48-10-10-10z'/%3E%3C/svg%3E");
    border-bottom: 1px solid rgba(0, 0, 0, 0.30);
} 


body.touch section#offlineHint > span.statusBar { } 
body section#offlineHint > span.statusBar:before { 

    display: block;
    position: absolute;
    width: 28px;
    left: 148px;
    box-sizing: border-box;
    content: '';
    height: 28px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='white'%3E%3Cpath d='m840-234-80-80v-446q0-17 11.5-28.5T800-800q17 0 28.5 11.5T840-760v526ZM360-714l-80-80v-6q0-17 11.5-28.5T320-840q17 0 28.5 11.5T360-800v86Zm160 160-80-80v-246q0-17 11.5-28.5T480-920q17 0 28.5 11.5T520-880v326Zm160 81h-80v-367q0-17 11.5-28.5T640-880q17 0 28.5 11.5T680-840v367Zm37 343L360-487v224L212-367l157 229q5 8 14 13t19 5h278q10 0 19.5-2.5T717-130ZM402-40q-30 0-56-13.5T303-92L48-465l24-23q19-19 45-22t47 12l116 81v-150L27-820l57-57L876-85l-57 57-44-44q-20 15-44 23.5T680-40H402Zm137-268Zm61-165Z'/%3E%3C/svg%3E");
    opacity:0.05;


} 
body.touch section#offlineHint > span.statusBar:before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='lightgreen'%3E%3Cpath d='M402-40q-30 0-56-13.5T303-92L48-465l24-23q19-19 45-22t47 12l116 81v-383q0-17 11.5-28.5T320-840q17 0 28.5 11.5T360-800v537L212-367l157 229q5 8 14 13t19 5h278q33 0 56.5-23.5T760-200v-560q0-17 11.5-28.5T800-800q17 0 28.5 11.5T840-760v560q0 66-47 113T680-40H402Zm38-440v-400q0-17 11.5-28.5T480-920q17 0 28.5 11.5T520-880v400h-80Zm160 0v-360q0-17 11.5-28.5T640-880q17 0 28.5 11.5T680-840v360h-80ZM486-300Z'/%3E%3C/svg%3E");
    opacity:0.67;
} 





section#offlineHint > span.statusBar.warning {
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='yellow' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 11c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 2c0-3.31-2.69-6-6-6s-6 2.69-6 6c0 2.22 1.21 4.15 3 5.19l1-1.74c-1.19-.7-2-1.97-2-3.45 0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.48-.81 2.75-2 3.45l1 1.74c1.79-1.04 3-2.97 3-5.19zM12 3C6.48 3 2 7.48 2 13c0 3.7 2.01 6.92 4.99 8.65l1-1.73C5.61 18.53 4 15.96 4 13c0-4.42 3.58-8 8-8s8 3.58 8 8c0 2.96-1.61 5.53-4 6.92l1 1.73c2.99-1.73 5-4.95 5-8.65 0-5.52-4.48-10-10-10z'/%3E%3C/svg%3E");
    
}

section#offlineHint > span.statusBar.ping { 
    
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='cornflowerblue' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cpath d='M10.2,40.5c-1.9-1.8-3.4-4-4.5-6.5S4,28.9,4,26c0-2.8,0.5-5.4,1.6-7.8s2.5-4.5,4.3-6.3s3.9-3.2,6.4-4.3S21.2,6,24,6 s5.4,0.5,7.8,1.6s4.6,2.5,6.4,4.3s3.2,3.9,4.3,6.3c1.1,2.4,1.6,5,1.6,7.8c0,2.9-0.6,5.5-1.7,8s-2.6,4.6-4.5,6.5l-2.1-2.2 c1.7-1.6,3-3.4,3.9-5.5c1-2.1,1.4-4.4,1.4-6.8c0-4.7-1.6-8.8-5-12.1c-3.3-3.3-7.3-5-12-5s-8.8,1.7-12.1,5S7,21.3,7,26 c0,2.5,0.5,4.8,1.4,6.8c0.9,2.1,2.3,3.9,3.9,5.5L10.2,40.5z M15.9,34.8c-1.2-1.1-2.1-2.4-2.8-3.9S12,27.8,12,26%0Ac0-3.3,1.2-6.2,3.5-8.5S20.7,14,24,14s6.2,1.2,8.5,3.5S36,22.7,36,26c0,1.8-0.3,3.4-1,4.9s-1.6,2.8-2.8,3.9L30,32.7 c0.9-0.8,1.7-1.8,2.2-3c0.5-1.1,0.8-2.4,0.8-3.8c0-2.5-0.9-4.6-2.6-6.4S26.5,17,24,17s-4.6,0.9-6.4,2.6S15,23.5,15,26 c0,1.4,0.3,2.6,0.8,3.8c0.5,1.1,1.3,2.1,2.2,3L15.9,34.8z M24,30c-1.1,0-2-0.4-2.8-1.2S20,27.1,20,26s0.4-2,1.2-2.8 C22,22.4,22.9,22,24,22s2,0.4,2.8,1.2C27.6,24,28,24.9,28,26s-0.4,2-1.2,2.8S25.1,30,24,30z'/%3E%3C/svg%3E%0A");
    
    animation-name: connectiong;
    animation-duration: 500ms;
    
}


section#offlineHint > span.statusBar.noping { 
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 11c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 2c0-3.31-2.69-6-6-6s-6 2.69-6 6c0 2.22 1.21 4.15 3 5.19l1-1.74c-1.19-.7-2-1.97-2-3.45 0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.48-.81 2.75-2 3.45l1 1.74c1.79-1.04 3-2.97 3-5.19zM12 3C6.48 3 2 7.48 2 13c0 3.7 2.01 6.92 4.99 8.65l1-1.73C5.61 18.53 4 15.96 4 13c0-4.42 3.58-8 8-8s8 3.58 8 8c0 2.96-1.61 5.53-4 6.92l1 1.73c2.99-1.73 5-4.95 5-8.65 0-5.52-4.48-10-10-10z'/%3E%3C/svg%3E");
    
}
section#offlineHint.visible > span.statusBar { background-color: rgba(60, 60, 60, 1); }
section#offlineHint.visible > span.statusBar > div#mastertime { float: right; color:cornflowerblue; }

section#offlineHint > span.statusBar > div#mastertime {
    display: inline-block;
    float: left;
    max-width: 120px;
}
section#offlineHint > span.statusBar > a {
    display: inline-block;
    float: right;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-size: 14px;
    line-height: 28px;
    box-sizing: border-box;
    padding: 0px 26px 0px 8px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M17,11c0.34,0,0.67,0.04,1,0.09V6.27L10.5,3L3,6.27v4.91c0,4.54,3.2,8.79,7.5,9.82c0.55-0.13,1.08-0.32,1.6-0.55 C11.41,19.47,11,18.28,11,17C11,13.69,13.69,11,17,11z'/%3E%3Cpath d='M17,13c-2.21,0-4,1.79-4,4c0,2.21,1.79,4,4,4s4-1.79,4-4C21,14.79,19.21,13,17,13z M17,14.38c0.62,0,1.12,0.51,1.12,1.12 s-0.51,1.12-1.12,1.12s-1.12-0.51-1.12-1.12S16.38,14.38,17,14.38z M17,19.75c-0.93,0-1.74-0.46-2.24-1.17 c0.05-0.72,1.51-1.08,2.24-1.08s2.19,0.36,2.24,1.08C18.74,19.29,17.93,19.75,17,19.75z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.7;
}
section#offlineHint > span.statusBar > a:hover { opacity: 1; }

section#offlineHint {
    
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    
}



section#offlineHint {
    
    display: flex;
    position: fixed;
    top: -100vh;
    left: 0px;
    box-sizing: border-box;
    padding: 24px;
    text-align: center;
    min-width: 100vw !important;
    min-height: 90vh !important;
    max-height: 100vh !important;
    background: cornflowerblue;
    color: #fff;
    z-index: 2147483647;
    align-content: space-around;
    justify-content: space-around;
    align-items: center;
    opacity: 1;
    
}




section#offlineHint.visible { 
    
    
    
    align-content: flex-start;
    padding-top: 0px;
    text-align: center;
    font-size: 2rem;
    background-color: darkslategray;
    pointer-events: none;
    position: fixed;
    top: 30px;
    height: calc(100vh - 30px);
    width: 100vw;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
    
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Cohete' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 900 1400' style='enable-background:new 0 0 900 1400;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:%23CACBCC;%7D .st2%7Bfill:%23CDCFD0;%7D .st3%7Bfill:%23E1E2E3;%7D .st4%7Bfill:%23D9DADB;%7D .st5%7Bfill:%23BBBDBE;%7D .st6%7Bfill:%23FABC20;%7D .st7%7Bfill:%23B10064;%7D .st8%7Bfill:%2346A6B6;%7D .st9%7Bfill:%230C2228;%7D .st10%7Bfill:%23E9E9EA;%7D .st11%7Bfill:%23D0D0D0;%7D .st12%7Bfill:%236C003B;%7D .st13%7Bfill:%23F6A924;%7D .st14%7Bfill:%232C8A82;%7D%0A%3C/style%3E%3CradialGradient id='SVGID_1_' cx='450' cy='739' r='592.6067' gradientTransform='matrix(1 0 0 1.3125 0 -269.9708)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%2379B7E0'/%3E%3Cstop offset='1' style='stop-color:%23005390'/%3E%3C/radialGradient%3E%3Crect class='st0' width='900' height='1400'/%3E%3Cpath class='st1' d='M900,1279.5c-1.7-0.5-3.5-0.8-5.4-0.8c-4.3,0-8.2,1.4-11.4,3.8c-7.1-15.8-22.9-26.8-41.4-26.8 c-25,0-45.3,20.3-45.3,45.3v98.9H900V1279.5z'/%3E%3Cpath class='st2' d='M455.8,1369.3c-1.4,0-2.9,0.2-4.2,0.4c0.1-1,0.2-2,0.2-3c0-14.5-11.8-26.3-26.3-26.3c-6.8,0-13,2.6-17.7,6.9 c-7.4-5.7-16.2-9.6-25.9-11.2c0.1-0.9,0.2-1.8,0.2-2.7c0-12.9-10.5-23.4-23.4-23.4c-5.3,0-10.1,1.8-14,4.7 c-8.7-19.3-28.1-32.8-50.6-32.8c-30.7,0-55.5,24.8-55.5,55.5v62.6h240.9v-7.1C479.4,1379.9,468.8,1369.3,455.8,1369.3z'/%3E%3Cpath class='st2' d='M281.5,1369.3c-1.4,0-2.9,0.2-4.2,0.4c0.1-1,0.2-2,0.2-3c0-14.5-11.8-26.3-26.3-26.3c-6.8,0-13,2.6-17.7,6.9 c-7.4-5.7-16.2-9.6-25.9-11.2c0.1-0.9,0.2-1.8,0.2-2.7c0-12.9-10.5-23.4-23.4-23.4c-5.3,0-10.1,1.8-14,4.7 c-8.7-19.3-28.1-32.8-50.6-32.8c-30.7,0-55.5,24.8-55.5,55.5v62.6h240.9v-7.1C305.1,1379.9,294.6,1369.3,281.5,1369.3z'/%3E%3Cpath class='st1' d='M751.2,1255.7c-18.4,0-34.3,11-41.4,26.8c-3.2-2.4-7.1-3.8-11.4-3.8c-10.5,0-19.1,8.6-19.1,19.1 c0,0.7,0.1,1.5,0.1,2.2c-7.9,1.3-15.1,4.5-21.1,9.1c-3.8-3.5-8.9-5.6-14.4-5.6c-11.8,0-21.4,9.6-21.4,21.4c0,0.8,0.1,1.7,0.2,2.5 c-1.1-0.2-2.3-0.3-3.5-0.3c-10.7,0-19.3,8.6-19.3,19.3v53.6h196.7v-98.9C796.5,1276,776.2,1255.7,751.2,1255.7z'/%3E%3Cpath class='st3' d='M773.3,1379.6c-4.2,0-8.2,1.2-11.6,3.1c-1.4-0.8-2.8-1.5-4.4-2c0.9-2.4,1.4-5,1.4-7.8 c0-12.8-10.4-23.2-23.2-23.2c-9.5,0-17.7,5.8-21.3,14c-3.9-3.3-8.8-5.2-14.3-5.2c-6.8,0-12.8,3-16.9,7.8c-3.1-2-6.7-3.1-10.7-3.1 c-2.6,0-5.1,0.5-7.3,1.4c-3.6-12.4-15.1-21.5-28.6-21.5c-13.9,0-25.6,9.6-28.9,22.5c-1.3-0.4-2.7-0.7-4.2-0.8c0-0.6,0.1-1.1,0.1-1.7 c0-21.9-17.8-39.7-39.7-39.7c-12.1,0-23,5.5-30.2,14c-5.5-3.6-12.1-5.6-19.1-5.6c-4.6,0-9.1,0.9-13.1,2.5 c-6.5-22.3-27-38.5-51.3-38.5c-29.5,0-53.5,23.9-53.5,53.5c0,23.5,15.2,43.5,36.3,50.6h363.6 C794.9,1388.5,785.1,1379.6,773.3,1379.6z'/%3E%3Cpath class='st3' d='M473.3,1391.1c-5.8,0-11.3,1.6-16,4.3c-1.9-1.1-3.9-2-6.1-2.7c1.2-3.4,1.9-7,1.9-10.7c0-17.7-14.3-32-32-32 c-13.2,0-24.4,7.9-29.4,19.3c-5.3-4.5-12.2-7.2-19.7-7.2c-9.3,0-17.7,4.2-23.2,10.8c-4.2-2.7-9.3-4.3-14.7-4.3c-3.6,0-7,0.7-10.1,2 c-5-17.1-20.8-29.6-39.5-29.6c-19.2,0-35.3,13.2-39.8,31c-1.8-0.6-3.7-1-5.7-1.1c0-0.8,0.1-1.5,0.1-2.3c0-30.2-24.5-54.7-54.7-54.7 c-16.7,0-31.6,7.5-41.7,19.3c-7.6-4.9-16.7-7.8-26.4-7.8c-6.4,0-12.5,1.3-18.1,3.5c-8.9-30.7-37.2-53.1-70.8-53.1 c-9.7,0-19,1.9-27.5,5.3V1400h495.4C489.6,1394.5,481.9,1391.1,473.3,1391.1z'/%3E%3Cpath class='st3' d='M887.9,1358.1c-5.1,0-9.9,1.9-13.5,4.9c-3.4-7.8-11.1-13.2-20.2-13.2c-12.1,0-22,9.8-22,22 c0,2.6,0.5,5.1,1.3,7.4c-1.5,0.5-2.9,1.1-4.2,1.9c-3.2-1.9-7-3-11-3c-12.1,0-22,9.8-22,22H900v-38.1 C896.6,1359.5,892.4,1358.1,887.9,1358.1z'/%3E%3Cpolygon class='st4' points='780.4,488.2 796.5,488.2 796.5,1400 793.4,1400 '/%3E%3Cpolygon class='st5' points='812.6,488.2 796.5,488.2 796.5,1400 799.6,1400 '/%3E%3Cpath class='st6' d='M788.5,497.4c-0.9,2.3-2.3,10.1-2.3,13c0,19.3,6.8,33.4,9.2,39.8c0.4,1,1.4,1,1.7,0c2.4-6.6,9.2-21.4,9.2-39.8 c0-2.9-1.4-10.7-2.3-13H788.5z'/%3E%3Crect x='778.2' y='487.5' class='st7' width='36.6' height='10.6'/%3E%3Cpath class='st8' d='M796,436c-35.2,0.2-63.5,28.5-63.3,63c0.1,8,1.7,15.7,4.5,22.7c9.1-23.4,32.1-40,59.1-40.2 c27-0.2,50.2,16.2,59.6,39.4c2.8-7.1,4.3-14.7,4.2-22.8C860,463.6,831.2,435.8,796,436z'/%3E%3Cpath class='st9' d='M812.6,483.6c19.8,5,35.9,19,43.4,37.4c2.8-7.1,4.3-14.7,4.2-22.8c-0.2-29-20.5-53.3-47.9-60.2L812.6,483.6z'/%3E%3Cpath class='st10' d='M756.5,416c0.2,29.5,6.8,56.4,17.5,77.3c7.1-2.3,14.6-3.5,22.5-3.6c7.8-0.1,15.4,1.1,22.5,3.3 c10.4-21,16.5-48,16.3-77.5c-0.3-46.9-16.6-87.3-40.1-107.1C771.9,328.4,756.2,369.1,756.5,416z'/%3E%3Cpath class='st11' d='M795.1,308.4c-2.6,2.3,0,181.4,0,181.4c0.4,0,0.9,0,1.3,0c7.8-0.1,15.4,1.1,22.5,3.3 c10.4-21,16.5-48,16.3-77.5C834.9,368.6,818.6,328.1,795.1,308.4z'/%3E%3Cpath class='st8' d='M787.9,477c0.1,19.5,3.7,36.3,8.8,44.6c4.9-8.3,8.3-25.2,8.1-44.7c-0.1-19.5-3.7-36.3-8.8-44.6 C791.1,440.6,787.7,457.5,787.9,477z'/%3E%3Cpath class='st9' d='M796.4,521.1c0.1,0.1,0.2,0.3,0.2,0.4c4.9-8.3,8.3-25.2,8.1-44.7c-0.1-19.5-3.7-36.3-8.8-44.6 c-0.1,0.1-0.1,0.3-0.2,0.4L796.4,521.1z'/%3E%3Cpath class='st7' d='M766.4,353.9c9.5-0.7,19.1-1.1,29-1.2c9.9-0.1,19.6,0.2,29.1,0.8c-7.1-19.2-17.3-34.9-29.4-45.1 C783.1,318.7,773.2,334.6,766.4,353.9z'/%3E%3Cpath class='st12' d='M796.4,352.7c9.6,0,19,0.2,28.1,0.8c-7.1-19.2-17.3-34.9-29.4-45.1c-0.2,0.2-0.4,0.4-0.6,0.6L796.4,352.7z'/%3E%3Cpath class='st13' d='M795.9,374.6l-0.3,0c-5.1,0-9.9,2-13.4,5.6c-3.6,3.6-5.5,8.3-5.5,13.3c0.1,10.2,8.6,18.5,18.9,18.6l0.3,0 c10.5-0.1,19-8.5,18.9-18.8C814.7,383,806.2,374.6,795.9,374.6z'/%3E%3Cpath class='st14' d='M795.6,379.1c-8,0.1-14.4,6.5-14.3,14.3c0.1,7.8,6.6,14.1,14.5,14.1c8-0.1,14.4-6.4,14.3-14.3 C810.1,385.4,803.6,379.1,795.6,379.1z'/%3E%3C/svg%3E%0A");
    
    
    animation-name: bgslide;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    
}




section#offlineHint > p, 
section#offlineHint > p > small {
    
    display: none !important;
    
}




section#offlineHint.visible > p {
    
    display: inline-flex !important;
    box-sizing: border-box;
    flex-direction: column;
    padding: 120px 15vw 32px 9vw;
    line-height: 1.8;
    text-align: left;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    font-size: 3rem;
    
}


section#offlineHint.visible > p > i {
    display: inline-flex !important;
    box-sizing: border-box;
    padding: 24px 0px;
    font-size: 1.5rem;
}


section#offlineHint.visible > p > small {
    
        display: inline-flex !important;
    box-sizing: border-box;
    padding: 32px 24px 80px 0px;
    font-size: 1.2rem;
    flex-direction: column;
    
}