@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:200;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:200;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:200;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:300;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:300;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:300;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:400;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:400;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:400;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:600;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:600;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:600;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:800;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:800;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:800;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:900;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:900;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:italic;
    font-weight:900;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:200;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:200;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:200;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:300;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:300;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:300;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:800;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:800;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:800;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");
    unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");
    unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face{
    font-family:'Muli';
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:url(https://fonts.gstatic.com/s/muli/v19/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
body.home header.site-header a.home:before,body.home header.site-header a.home::before,body.about header.site-header a.about:before,body.about header.site-header a.about::before,body.bmi header.site-header a.bmi:before,body.bmi header.site-header a.bmi::before,body.game header.site-header a.game:before,body.game header.site-header a.game::before,body.room header.site-header a.room:before,body.room header.site-header a.room::before,body.contact header.site-header a.contact:before,body.contact header.site-header a.contact::before{
    -webkit-transform:translateY(18px);
    transform:translateY(18px);
    opacity:1
}
body.loading .navbar-brand img{
    -webkit-animation:spin 0.24s linear 0s infinite;
    -moz-animation:spin 0.24s linear 0s infinite;
    animation:spin 0.24s linear 0s infinite
}
header.site-header{
    width:100%;
    background-color:rgba(255,0,40,0.84);
    user-select:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
header.site-header:before,header.site-header::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-filter:blur(13px);
    -moz-filter:blur(13px);
    -o-filter:blur(13px);
    -ms-filter:blur(13px);
    filter:blur(13px);
    background-color:inherit
}
header.site-header a{
    color:gold;
    position:relative;
    font-weight:bolder
}
header.site-header a:not(.navbar-brand){
    top:-5px
}
header.site-header a:not(.navbar-brand):before,header.site-header a:not(.navbar-brand)::before{
    content:'';
    position:absolute;
    top:10px;
    left:0;
    background:gold;
    width:100%;
    height:2px;
    -webkit-transform:translateY(24px);
    transform:translateY(24px);
    opacity:0;
    transition:.3s ease
}
header.site-header a:not(.navbar-brand):hover{
    text-decoration:none
}
header.site-header a:not(.navbar-brand):hover:before,header.site-header a:not(.navbar-brand):hover::before{
    -webkit-transform:translateY(18px);
    transform:translateY(18px);
    opacity:1
}
header.site-header .navbar-brand{
    margin-top:1px
}
header.site-header .navbar-brand img{
    margin-right:12px
}
header.site-header .navbar-brand img:hover{
    -webkit-animation:spin 1.2s linear 0s infinite;
    -moz-animation:spin 1.2s linear 0s infinite;
    animation:spin 1.2s linear 0s infinite
}
header.site-header .navbar ul{
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-flex-flow:row wrap;
    flex-flow:row wrap;
    margin:0 -14px
}
header.site-header .navbar li{
    padding:15px
}
header.site-header .navbar li a{
    font-weight:bolder
}
header.site-header .dropdown-menu a{
    color:#282f39;
    top:0 !important
}
header.site-header .dropdown-menu a:before,header.site-header .dropdown-menu a::before{
    display:none !important
}
header.site-header .dropdown-menu .dropdown-item.active,header.site-header .dropdown-menu .dropdown-item:active{
    background-color:#ff0028;
    color:gold
}
header.site-header .menu-toggle{
    display:none;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
    position:absolute;
    left:0;
    top:0;
    padding:37px;
    z-index:3
}
header.site-header .menu-toggle.open{
    background-image:url(/static/img/ic-menu-open-gold.svg);
    width:20px;
    height:12px
}
header.site-header .menu-toggle.close{
    background-image:url(/static/img/ic-menu-close-gold.svg);
    width:20px;
    height:15px
}
@media (max-width: 991px){
    header.site-header .navbar-brand{
        margin-left:auto
    }
    header.site-header .navbar-brand span{
        display:none
    }
    header.site-header .navbar-brand img{
        margin-right:0
    }
    header.site-header .menu-toggle{
        display:block
    }
    header.site-header .menu-toggle.open ~ nav.navbar{
        display:none
    }
    header.site-header .menu-toggle.close ~ nav.navbar{
        display:block;
        position:absolute;
        background-color:rgba(255,0,40,0.8);
        top:74px;
        left:0;
        z-index:2;
        width:100%
    }
    header.site-header .menu-toggle.close ~ nav.navbar:before,header.site-header .menu-toggle.close ~ nav.navbar::before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        -webkit-filter:blur(13px);
        -moz-filter:blur(13px);
        -o-filter:blur(13px);
        -ms-filter:blur(13px);
        filter:blur(13px);
        background-color:inherit
    }
    header.site-header .menu-toggle.close ~ nav.navbar ul li{
        width:100%;
        margin:0;
        padding:12px 24px
    }
    header.site-header .menu-toggle.close ~ nav.navbar ul li a{
        color:gold
    }
    header.site-header .menu-toggle.close ~ nav.navbar ul li .dropdown-menu a{
        color:#282f39
    }
    header.site-header .menu-toggle.close ~ nav.navbar ul li .dropdown-menu .dropdown-item.active,header.site-header .menu-toggle.close ~ nav.navbar ul li .dropdown-menu .dropdown-item:active{
        background-color:#ff0028;
        color:gold
    }
}
footer{
    background-color:#181818;
    color:white;
    z-index:123456789;
    user-select:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
footer a{
    color:#d2d2d2
}
footer a:hover{
    color:white
}
footer ul li{
    margin-bottom:0.7em
}
body.home footer a.home,body.about footer a.about,body.bmi footer a.bmi,body.game footer a.game,body.contact footer a.contact{
    text-decoration:underline
}
body{
    font-family:"Muli",sans-serif !important;
    padding-top:74px;
    background-color:rgba(0,117,154,0.15) !important
}
.hero{
    background-color:lightgoldenrodyellow
}
.hero .hero-box{
    background-color:rgba(255,250,240,0.42)
}
.hero .hero-box .nav-tabs{
    border-bottom:2px solid #ff0028
}
.hero .hero-box .nav-tabs li a{
    cursor:pointer;
    padding:12px 24px;
    display:block
}
.hero .hero-box .nav-tabs li.active a{
    background-color:#ff0028;
    color:white
}
.hero .hero-box .nav-tabs li:not(.active) a{
    color:#ff0028
}
.hero .hero-box .nav-tabs li:nth-child(3) a{
    background-color:transparent;
    color:#ff0028
}
.hero .hero-box .nav-tabs li:nth-child(3).active a{
    text-decoration:underline
}
.hero .hero-box .desc{
    color:#282f39;
    font-style:italic
}
.hero .hero-box span#sleep_time_results ul,.hero .hero-box span#wake_up_time_results ul{
    list-style:none;
    padding-left:0;
    overflow:hidden
}
.hero .hero-box span#sleep_time_results ul li,.hero .hero-box span#wake_up_time_results ul li{
    display:block;
    width:auto;
    float:left;
    font-size:18px;
    margin:4px;
    padding:4px 12px
}
.comments{
    background-color:#FAFAFA
}
.container-fluid.about,.container-fluid.bmi,.container-fluid.game,.container-fluid.contact{
    background-color:lightgoldenrodyellow
}
.container-fluid.bmi-explanation,.container-fluid.game-explanation{
    background-color:#f5e5b5
}
#proverb{
    color:floralwhite;
    font-size:16px;
    font-style:italic;
    font-weight:bold;
    text-shadow:3px 3px 6px rgba(0,0,0,0.6)
}
#proverb #proverb_content:before,#proverb #proverb_content::before{
    content:"\201C";
    position:relative;
    top:24px;
    font-size:32px
}
#proverb span.content{
    cursor:pointer
}
#proverb span.content.introjs-relativePosition{
    color:#ff0028
}
#proverb_refresh{
    display:inline-block;
    cursor:pointer
}
#proverb_refresh i{
    color:floralwhite;
    font-size:29px
}
#proverb_refresh:hover i{
    -webkit-animation:spin 900ms linear 0s infinite;
    -moz-animation:spin 900ms linear 0s infinite;
    animation:spin 900ms linear 0s infinite
}
#result,#compatibility,#ket-qua,#ghep-cap{
    height:74px;
    margin-top:-74px;
    pointer-events:none;
    z-index:-1
}
.chart{
    background-color:floralwhite
}
.chart #main_chart{
    height:480px;
    width:calc(100% - 100px);
    user-select:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
.adsense{
    background-color:floralwhite
}
.btn{
    cursor:pointer;
    color:white !important
}
.custom-select{
    cursor:pointer
}
#dob{
    cursor:pointer
}
.chart-nav{
    font-size:48px;
    color:#97a4ad;
    top:288px;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-filter:drop-shadow(2px 3px 6px rgba(0,0,0,0.3));
    filter:drop-shadow(2px 3px 6px rgba(0,0,0,0.3))
}
.chart-nav:hover{
    color:#282f39
}
#change-date{
    width:150px;
    cursor:pointer;
    margin-bottom:5px
}
#ajax-chart{
    padding-top:60px !important;
    padding-bottom:60px !important
}
#info{
    user-select:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
#info p{
    font-size:20px
}
.info{
    background-color:#fdfff5
}
.info .controls{
    max-height:0;
    overflow-y:hidden;
    -webkit-transition:max-height 420ms ease-in-out;
    -moz-transition:max-height 420ms ease-in-out;
    -o-transition:max-height 420ms ease-in-out;
    transition:max-height 420ms ease-in-out;
    height:64px
}
.info .controls:hover,.info .controls:active,.info .controls:focus{
    max-height:420px
}
.info:hover .controls,.info:active .controls,.info:focus .controls{
    max-height:420px
}
.datepicker td,.datepicker th{
    width:36px !important;
    height:36px !important
}
.datepicker .datepicker-switch{
    width:160px !important
}
.highcharts-xaxis-labels text{
    cursor:pointer !important
}
.highcharts-xaxis-labels text:hover{
    font-weight:bold;
    font-style:italic
}
.tooltip{
    font-family:"Muli",sans-serif !important
}
#bmi_app{
    box-sizing:content-box
}
#bmi_app *{
    box-sizing:content-box !important
}
#bmi_app .input-group-prepend .input-group-text{
    background-color:#ff0028;
    color:white
}
#bmi_app .input-group-prepend+input{
    background-color:white;
    color:#282f39
}
#bmi_app .input-group-append .input-group-text{
    background-color:#282f39;
    color:white
}
@media (max-width: 413px){
    .hero .hero-box{
        width:100% !important
    }
    .hero .hero-box .nav-tabs li{
        width:100%
    }
    .hero .hero-box .nav-tabs li a{
        text-align:center
    }
    .hero .hero-box .desc{
        font-size:12px
    }
    .hero #proverb{
        width:100% !important
    }
}
@media (min-width: 414px) and (max-width: 575px){
    .hero .hero-box{
        width:100% !important
    }
    .hero .hero-box .nav-tabs li{
        width:100%
    }
    .hero .hero-box .nav-tabs li a{
        text-align:center
    }
    .hero .hero-box .desc{
        font-size:12px
    }
    .hero #proverb{
        width:100% !important
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .hero .hero-box{
        width:100% !important
    }
    .hero .hero-box .nav-tabs li{
        width:100%
    }
    .hero .hero-box .nav-tabs li a{
        text-align:center
    }
    .hero .hero-box .desc{
        font-size:12px
    }
    .hero #proverb{
        width:100% !important
    }
}
.highlight{
    box-shadow:inset 0 0 3px 3px #6d5330
}
#ban-co{
    touch-action:none !important
}
#url{
    cursor:pointer
}
.side-color{
    font-weight:bolder;
    font-size:42px;
    text-align:center;
    line-height:1.2em;
    display:block
}
.side-color.red{
    color:red
}
.side-color.black{
    color:black
}
#game-status{
    background-color:lightgoldenrodyellow;
    padding:12px 24px;
    font-weight:bolder;
    border-width:2px;
    border-style:solid
}
#game-status.red{
    color:red;
    border-color:red
}
#game-status.black{
    color:black;
    border-color:black
}
#game-status:hover{
    color:lightgoldenrodyellow;
    border-color:lightgoldenrodyellow
}
#game-status:hover.red{
    background-color:red
}
#game-status:hover.black{
    background-color:black
}
#game-over{
    color:darkslategrey;
    border-width:1px;
    border-style:solid;
    border-color:darkslategrey;
    padding:12px 24px;
    background-color:whitesmoke;
    font-weight:bolder
}
#game-over:hover{
    color:whitesmoke;
    border-color:whitesmoke;
    background-color:darkslategrey
}
#room-code{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.table td,.table th{
    vertical-align:middle !important
}
ul#credit{
    color:#ff0028 !important
}
ul#credit li{
    color:#ff0028 !important
}
ul#credit li a{
    color:#ff0028 !important;
    font-weight:bolder
}
@media (max-width: 991px){
    #ban-co,#copy-url{
        width:100% !important
    }
    .btn.w-25{
        width:49% !important;
        font-size:12px !important
    }
    .btn.w-25.btn-success{
        width:75% !important
    }
    .h3,h3{
        font-size:1rem !important
    }
    h2{
        font-size:1.2rem !important
    }
}
.compat{
    background-color:#f4f5f9
}
.rhythms{
    width:100%
}
.rhythm{
    margin:10px 0 30px;
    overflow:hidden;
    font-weight:bold
}
.rhythm h1{
    float:left;
    font-size:1em
}
.rhythm .percent{
    float:right
}
.rhythm .percentage{
    height:6px;
    overflow:hidden;
    clear:both;
    background:#dfe2e9
}
.percentage-bar{
    float:left;
    height:100%;
    width:100%;
    background:#a3abbe;
    -webkit-transition:width 0.6s ease;
    -moz-transition:width 0.6s ease;
    transition:width 0.6s ease
}
.physical .percentage-bar{
    background:#ef7955
}
.emotional .percentage-bar{
    background:#4fc281
}
.intellectual .percentage-bar{
    background:#4b98dc
}
.dates{
    text-align:center
}
.date{
    display:inline-block;
    padding:5px 3px;
    white-space:nowrap;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.date:hover{
    background:#dfe2e9
}
.date select{
    padding:4px;
    margin:0 2px;
    width:84px;
    font-size:14px;
    box-shadow:0 1px 1px 0 #a3abbe inset;
    color:#505b67
}
.date select:hover,.date select:focus{
    color:#4b98dc
}
.separator{
    padding:0 10px;
    color:#4b98dc;
    font-weight:bold;
    font-size:1.5em;
    line-height:1;
    position:relative;
    top:5px
}
@media only screen and (max-width: 750px){
    .separator{
        display:block;
        top:3px
    }
}
.introjs-helperNumberLayer{
    font-family:"Muli",sans-serif;
    font-size:14px;
    text-shadow:none;
    width:22px;
    height:22px;
    line-height:22px;
    border:2px solid #ecf0f1;
    border-radius:50%;
    background:#e74c3c
}
.introjs-helperLayer{
    background-color:#FFF;
    background-color:rgba(255,255,255,0.84);
    border:none;
    border-radius:2px
}
.introjs-tooltip{
    letter-spacing:.1em;
    color:#ff0028;
    font-family:"Muli",sans-serif;
    border-radius:2px;
    background-color:rgba(255,255,255,0.84)
}
.introjs-button{
    padding:1em;
    text-shadow:none;
    font-weight:bold;
    color:#ff0028;
    font-family:"Muli",sans-serif;
    background:#ecf0f1;
    background-image:none;
    -webkit-border-radius:.2em;
    -moz-border-radius:.2em;
    border-radius:.2em;
    -webkit-transition:background .3s, border .3s;
    -moz-transition:background .3s, border .3s;
    -ms-transition:background .3s, border .3s;
    -o-transition:background .3s, border .3s;
    transition:background .3s, border .3s
}
.introjs-prevbutton{
    border-radius:.2em 0 0 .2em
}
.introjs-nextbutton{
    border-radius:0 .2em .2em 0
}
.introjs-button:hover,.introjs-button:focus{
    background:#ff0028;
    color:#fff !important;
    box-shadow:none;
    border-color:#ff0028;
    text-decoration:none;
    font-family:"Muli",sans-serif
}
.introjs-bullets ul li a{
    background-color:rgba(0,117,154,0.42)
}
.introjs-bullets ul li a:hover{
    background-color:rgba(0,117,154,0.84)
}
.introjs-bullets ul li a.active{
    background-color:#ff0028
}
.pace .pace-progress,.pace .pace-activity{
    z-index:1234567890
}
.card-title a,.card-title a:hover{
    color:#ff0028
}
.cd-top{
    display:inline-block;
    height:40px;
    width:40px;
    position:fixed;
    bottom:40px;
    right:10px;
    z-index:42;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05);
    box-shadow:0 0 10px rgba(0,0,0,0.05);
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    background:rgba(255,0,40,0.8) url(/cotuong1/static/img/cd-top-arrow.svg) no-repeat center 50%;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
    transition:opacity .3s 0s, visibility 0s .3s, background-color .3s 0s
}
.cd-top.cd-top--show,.cd-top.cd-top--fade-out,.cd-top:hover{
    -webkit-transition:opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
    transition:opacity .3s 0s, visibility 0s 0s, background-color .3s 0s
}
.cd-top.cd-top--show{
    visibility:visible;
    opacity:1
}
.cd-top.cd-top--fade-out{
    opacity:.5
}
.cd-top:hover{
    background-color:#ff0028;
    opacity:1
}
@media only screen and (max-width: 767px){
    .cd-top{
        bottom:80px
    }
}
@media only screen and (min-width: 768px){
    .cd-top{
        right:20px;
        bottom:20px
    }
}
@media only screen and (min-width: 1024px){
    .cd-top{
        height:60px;
        width:60px;
        right:30px;
        bottom:30px
    }
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -khtml-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -khtml-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-moz-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -khtml-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -khtml-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -khtml-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -khtml-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}/*!
* xiangqiboard.js $version$
*
* Copyright 2013 Chris Oakman
* Copyright 2018 @lengyanyu258
* Released under the MIT license
* https://github.com/lengyanyu258/xiangqiboardjs/blob/master/LICENSE
*
* Date: $date$
*/
.clearfix-5f3b5{
    clear:both
}
.board-1ef78{
    border:2px solid #6d5330;
    box-sizing:content-box;
    box-shadow:0 1rem 3rem rgba(0,0,0,0.42) !important;
    border-radius:8px
}
.square-2b8ce{
    float:left;
    position:relative;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.highlight1-e13fc,.highlight2-e0a03{
    box-shadow:inset 0 0 3px 3px #ffd700
}
.notation-8c7a2{
    cursor:default;
    font-family:"Muli",sans-serif;
    font-size:14px;
    position:absolute
}
.alpha-f4ef2{
    bottom:1px;
    right:40%
}
.numeric-fe76e{
    top:40%;
    left:1px
}