@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Medium.eot");
    src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg"),
        url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.woff") format("woff"),
        url("../fonts/Montserrat-Medium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "AntiqueOliveStd";
    src: url("../fonts/AntiqueOliveStd-Italic.eot");
    src: url("../fonts/AntiqueOliveStd-Italic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/AntiqueOliveStd-Italic.svg#AntiqueOliveStd-Italic") format("svg"),
        url("../fonts/AntiqueOliveStd-Italic.ttf") format("truetype"),
        url("../fonts/AntiqueOliveStd-Italic.woff") format("woff"),
        url("../fonts/AntiqueOliveStd-Italic.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AntiqueOliveStd-Nord";
    src: url("../fonts/AntiqueOliveStd-Nord.eot");
    src: url("../fonts/AntiqueOliveStd-Nord.eot?#iefix") format("embedded-opentype"),
        url("../fonts/AntiqueOliveStd-Nord.svg#AntiqueOliveStd-Nord") format("svg"),
        url("../fonts/AntiqueOliveStd-Nord.ttf") format("truetype"),
        url("../fonts/AntiqueOliveStd-Nord.woff") format("woff"),
        url("../fonts/AntiqueOliveStd-Nord.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
:root {
    --blue: #0080ce;
    --gray-900: #343434;
    --white: #ffffff;
    --gray-200: #f0f2f3;
    --gray-300: #d3d3d3;
    --green: #00c092;
    --grey-100: #f8f8f8;
    --black: #000000;
}

/* ==========================================================================
   02.MAIN
   ========================================================================== */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

html {
    overflow: hidden;
}

html,
body {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: relative;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fbfbfb;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.99);
    font-weight: 400;
}

body,
.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
	supported by Chrome and Opera */
}

.allowselect {
    -webkit-touch-callout: initial;
    /* iOS Safari */
    -webkit-user-select: initial;
    /* Safari */
    -khtml-user-select: initial;
    /* Konqueror HTML */
    -moz-user-select: initial;
    /* Firefox */
    -ms-user-select: initial;
    /* Internet Explorer/Edge */
    user-select: initial;
    /* Non-prefixed version, currently
	supported by Chrome and Opera */
}

s {
    text-decoration: line-through;
}

hr {
    height: 1px;
    border: 0;
    background: rgb(224, 224, 224);
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(224, 224, 224), rgba(0, 0, 0, 0));
}

input,
textarea,
select,
button,
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 15px;
    font-family: Montserrat, tahoma;
}

* {
    outline: 0 !important;
}

input,
button {
    background: none;
    border: 0;
    box-sizing: border-box;
    font-size: inherit;
    position: relative;
    vertical-align: middle;
}

.live-content .video-button,
.background-contain {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

body > .page-wrapper {
    transition: all 1600ms ease-in-out;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

body.loaded > .page-wrapper {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

* {
    box-sizing: border-box;
}

/* ==========================================================================
   01.live-header
   ========================================================================== */

.live-header {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 5px 25px;
    height: 60px;
    filter: none;
    z-index: 9995;
    position: fixed;
    right: 0px;
    left: 0px;
    top: 0px;
    background-color: #494949;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.span-full {
    display: block;
}

.span-mobile {
    display: none;
}

.span-mobile i {
    font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
    .live-header {
        height: 40px;
    }
}

@media screen and (max-width: 540px) {
    .live-header {
        /* flex-direction: column; */
        padding: 5px 5px;
        height: 40px;
    }
    .live-header .logo {
        display: none;
    }

    .span-full {
        display: none;
    }

    .span-mobile {
        display: block;
    }
}

.live-header .logo {
    height: 50px;
}

.live-header .logo svg {
    /* width: 218px; */
    height: 50px;
    /* position: absolute; */
    /* left: 38px; */
    /* top: 0px; */
    cursor: pointer;
}

.live-header .logo svg,
.live-header .logo svg * {
    fill: #7f7f7f;
}

.live-header .logo:hover svg,
.live-header .logo:hover svg * {
    fill: #828282;
}

.live-header .top-menu,
.live-header .top-menu li,
.middle {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.live-header .top-menu {
    padding: 0;
    margin: 0;
    /* position: absolute;
    right: 80px;
    top: 0;
    height: 80px; */
    font-size: 20px;
    font-weight: 500;
    color: var(--white);
    /* width: 100%; */
    /* overflow: hidden; */
}

.live-header .top-menu > li {
    padding: 0;
    position: relative;
    margin-right: 5px;
}

.live-header .top-menu > li svg {
    height: 40px;
    width: 40px;
}

.live-header .top-menu > li svg,
.live-header .top-menu > li svg * {
    fill: var(--white);
}

.live-header .top-menu > li .leave-session {
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    border-radius: 18.5px;
    background-color: #d53f3f;
    cursor: pointer;
}

.live-header .top-menu > li .shortcut {
    display: none;
}

@media screen and (max-width: 1120px) {
    .live-header .top-menu > li .description-m,
    .live-header .top-menu > li .description {
        display: none;
    }
    .live-header .top-menu > li .shortcut {
        display: inline-block;
    }

    .live-header .top-menu > li .leave-session {
        padding: 0;
        border-radius: 50%;
    }
}

.live-header .top-menu > li .timer {
    border: solid 1px #878787;
    border-radius: 6px;
    padding: 0px 9px;
    font-weight: 500;
    font-size: 16px;
    height: 30px;
    min-width: 132px;
    line-height: 30px;
    margin-left: 10px;
    background-color: #494949;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.live-header .top-menu > li .timer .fill {
    z-index: 0;
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.live-header .top-menu > li .timer .fill .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    /* background-color: #3c3c3c; */
}

.live-header .top-menu > li .timer .time {
    z-index: 1;
    position: relative;
}

.live-header .top-menu a.play-stop-button svg {
    cursor: pointer;
    /* border-radius: 25%;
	background-color: #353640; */
}

.live-header .top-menu a.play-stop-button svg,
.live-header .top-menu a.play-stop-button svg * {
    fill: transparent;
}

.live-header .top-menu .timer.auto-countUp + a.play-stop-button svg.stop-svg,
.live-header .top-menu a.play-stop-button svg.play-svg {
    display: block;
}

.live-header .top-menu .timer.auto-countUp + a.play-stop-button svg.play-svg,
.live-header .top-menu a.play-stop-button svg.stop-svg {
    display: none;
}

.live-header .top-menu a.play-stop-button .rectangle,
.live-header .top-menu a.play-stop-button .triangle,
.live-header .top-menu a.play-stop-button .circle {
    stroke-width: 7;
    stroke-linecap: round;
}

.live-header .top-menu a.play-stop-button .rectangle {
    stroke-dasharray: 300px;
    stroke-dashoffset: 597;
    stroke: #fff;
    transform: translateY(0);
    transition: all 0.7s ease-in-out;
}

.live-header .top-menu a.play-stop-button .triangle {
    stroke-dasharray: 240;
    stroke-dashoffset: 480;
    stroke: #fff;
    transform: translateY(0);
    transition: all 0.7s ease-in-out;
}

.live-header .top-menu a.play-stop-button:hover .rectangle,
.live-header .top-menu a.play-stop-button:hover .triangle {
    stroke-dashoffset: 0;
    opacity: 1;
    stroke: #fff;
}

.live-header .top-menu a.play-stop-button .circle {
    stroke: #fff;
    stroke-dasharray: 642;
    stroke-dashoffset: 636;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.live-header .top-menu a.play-stop-button:hover .circle {
    stroke-dashoffset: 0;
    opacity: 1;
}

.live-header .top-menu a.play-stop-button {
    z-index: 10;
    top: 0px;
    padding: 0 8px;
    margin: 0;
}

/* ==========================================================================
   02.live-content
   ========================================================================== */

.live-content {
    position: relative;
    height: calc(100vh - 60px);
    padding: 0;
    margin: 0;
    margin-top: 60px;
    margin-right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #292929;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    scroll-margin: 0;
    scroll-padding: 0;
    scrollbar-color: #4e4e4e #292929;
}

@media screen and (max-width: 767px) {
    .live-content {
        height: calc(100vh - 40px);
        margin-top: 40px;
    }
}

.live-content::-webkit-scrollbar-track {
    background-color: #292929;
}

.live-content::-webkit-scrollbar-thumb {
    background-color: #4e4e4e;
}

.live-content::-webkit-scrollbar-thumb:hover {
    background-color: #616162;
}

.live-content::-webkit-scrollbar-thumb:active {
    background-color: #424244;
}

.live-content .participant .photo {
    position: relative;
    left: 0px;
    top: 5px;
    width: 20px;
    height: 20px;
    background-color: var(--white);
    display: inline-block;
}
.live-content .participant .photo,
.background-cover {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.live-content .localVideo {
    cursor: grab;
}

.live-content .localVideo.touchstartDetected {
    cursor: grabbing;
}

.live-content article::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 60px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 800ms ease-in-out;
}

.live-content .localVideo article::before {
    height: 40px;
}

.live-content .all-button {
    position: absolute;
    opacity: 0;
    z-index: 999;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition: all 800ms ease-in-out;
}

.live-content .video-button {
    position: relative;
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 1;

    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;
    filter: alpha(opacity=9);
    opacity: 0.9;
}
.live-content .localVideo .video-button {
    width: 30px;
    height: 30px;
}
.live-content article:hover .all-button,
.live-content article:active .all-button,
.live-content article:hover::before,
.live-content section.clicked > .all-button {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    opacity: 1;
}

.live-content .video-button:hover {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    opacity: 1;
}

.live-content .video-button.video-pause {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M145.386 141.696 C 145.281 141.973,145.241 168.390,145.297 200.400 L 145.400 258.600 165.200 258.600 L 185.000 258.600 185.000 200.000 L 185.000 141.400 165.289 141.296 C 149.733 141.214,145.537 141.299,145.386 141.696 M216.585 141.700 C 216.480 141.975,216.441 168.390,216.497 200.400 L 216.600 258.600 235.900 258.704 L 255.200 258.808 255.200 200.004 L 255.200 141.200 235.987 141.200 C 220.986 141.200,216.733 141.310,216.585 141.700 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content article.paused .video-button.video-pause,
.live-content.paused .video-button.video-pause {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M145.262 142.361 C 144.471 142.850,144.807 257.754,145.600 257.899 C 146.138 257.997,250.866 203.542,253.226 201.937 C 254.815 200.856,254.073 200.310,242.600 194.118 C 143.908 140.857,145.944 141.940,145.262 142.361 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content .video-button.video-sound {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M217.400 122.151 C 214.965 123.255,211.265 126.656,189.767 147.544 C 177.685 159.283,167.440 169.127,167.000 169.420 C 166.480 169.765,162.537 170.236,155.747 170.762 C 141.076 171.898,137.416 173.581,134.064 180.730 L 133.000 183.000 133.000 199.608 L 133.000 216.217 134.307 218.872 C 137.909 226.188,141.521 227.748,155.200 227.898 C 160.810 227.959,165.771 228.092,166.225 228.193 C 166.679 228.295,177.731 239.363,190.786 252.789 L 214.522 277.200 218.692 277.200 C 227.662 277.200,227.193 281.597,227.194 197.400 C 227.194 132.231,227.111 128.322,225.652 125.025 C 224.459 122.328,220.244 120.860,217.400 122.151 M267.469 134.527 C 266.581 135.217,259.186 144.448,258.711 145.461 C 258.366 146.196,258.787 147.041,261.594 151.240 C 281.306 180.730,281.407 219.205,261.851 248.800 C 258.071 254.520,257.960 253.653,263.312 260.240 C 268.902 267.121,268.437 267.039,272.307 261.826 C 299.117 225.718,299.144 174.719,272.373 138.663 C 269.154 134.328,268.470 133.751,267.469 134.527 M245.974 158.283 C 244.329 159.777,241.952 161.877,240.692 162.949 C 237.938 165.290,237.935 165.336,240.179 169.165 C 251.839 189.055,251.677 213.586,239.761 232.462 C 238.424 234.580,238.502 234.851,241.099 237.051 C 242.364 238.123,244.801 240.305,246.516 241.900 C 250.391 245.504,250.359 245.506,252.961 241.500 C 268.946 216.887,268.748 182.820,252.481 158.600 C 250.018 154.934,249.679 154.918,245.974 158.283 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content article.muted .video-button.video-sound,
.live-content.muted .video-button.video-sound {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg id='svgg'%3E%3Cpath d='M278.200 117.389 C 277.320 117.718,276.512 117.991,276.404 117.994 C 275.484 118.022,118.985 275.277,118.163 277.000 C 114.779 284.087,121.868 291.586,129.113 288.584 C 130.143 288.157,137.859 280.718,154.214 264.384 C 167.202 251.413,178.023 240.800,178.260 240.800 C 179.075 240.800,180.666 242.362,197.572 259.761 L 214.515 277.200 218.688 277.200 C 227.210 277.200,227.192 277.307,227.197 227.060 C 227.200 197.123,227.278 192.556,227.810 191.436 C 228.703 189.554,242.059 176.400,243.077 176.400 C 244.060 176.400,245.014 178.418,246.561 183.771 C 251.168 199.712,248.536 218.562,239.761 232.462 C 238.424 234.580,238.502 234.851,241.099 237.051 C 242.364 238.123,244.801 240.305,246.516 241.900 C 250.391 245.504,250.359 245.506,252.961 241.500 C 267.080 219.760,268.752 189.884,257.146 166.711 C 255.472 163.368,255.541 163.151,259.579 159.113 C 264.153 154.539,263.937 154.475,267.411 161.417 C 281.232 189.032,279.089 222.713,261.851 248.800 C 258.071 254.520,257.960 253.653,263.312 260.240 C 268.902 267.121,268.437 267.039,272.307 261.826 C 296.619 229.082,299.154 183.581,278.635 148.246 C 275.363 142.611,275.101 143.417,282.615 136.000 C 285.812 132.843,288.396 129.935,288.834 129.000 C 291.910 122.428,284.972 114.852,278.200 117.389 M217.400 122.151 C 214.965 123.255,211.265 126.656,189.767 147.544 C 177.685 159.283,167.440 169.127,167.000 169.420 C 166.480 169.765,162.537 170.236,155.747 170.762 C 141.076 171.898,137.416 173.581,134.064 180.730 L 133.000 183.000 133.000 199.608 L 133.000 216.217 134.307 218.872 C 135.983 222.275,139.459 225.578,142.686 226.831 C 146.134 228.170,152.650 228.409,154.481 227.264 C 156.562 225.962,226.306 155.936,226.779 154.674 C 227.980 151.465,227.099 128.297,225.652 125.025 C 224.459 122.328,220.244 120.860,217.400 122.151 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content .video-button.video-micro {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M177.800 98.582 C 167.578 100.875,159.100 108.506,155.454 118.696 L 154.200 122.200 154.200 172.800 C 154.200 229.982,153.907 224.717,157.481 231.689 C 161.132 238.811,167.498 244.076,175.800 246.842 C 179.454 248.059,216.219 248.549,221.485 247.451 C 232.245 245.207,240.949 237.519,244.683 226.960 L 245.800 223.800 245.920 174.400 C 246.006 138.812,245.913 124.338,245.586 122.633 C 243.559 112.043,235.834 103.223,225.278 99.445 L 221.800 98.200 201.000 98.122 C 184.794 98.061,179.670 98.163,177.800 98.582 M221.679 115.268 C 224.585 116.631,227.369 119.415,228.732 122.321 L 229.800 124.600 229.905 172.382 C 230.021 225.181,230.169 221.934,227.472 225.728 C 225.609 228.347,222.978 230.291,220.058 231.205 C 216.118 232.437,183.853 232.423,179.850 231.186 C 176.508 230.154,172.969 227.038,171.315 223.671 L 170.200 221.400 170.094 173.532 C 169.974 119.679,169.759 123.726,172.965 119.528 C 177.040 114.191,178.054 113.992,200.600 114.105 L 219.400 114.200 221.679 115.268 M127.619 181.565 C 126.906 182.897,127.070 213.222,127.817 218.255 C 132.136 247.343,155.183 267.659,186.400 269.899 L 190.600 270.200 190.817 283.200 C 191.060 297.744,191.094 297.932,193.892 300.457 C 198.244 304.384,205.808 303.081,208.424 297.954 C 209.142 296.546,209.200 295.519,209.200 284.242 C 209.200 268.932,208.737 270.152,214.674 269.808 C 243.569 268.135,266.095 248.923,272.087 220.841 C 272.994 216.588,273.662 185.298,272.908 182.385 L 272.550 181.000 264.875 180.891 C 260.654 180.832,257.196 180.922,257.190 181.091 C 257.185 181.261,257.125 189.140,257.057 198.600 C 256.925 217.008,256.893 217.347,254.676 223.800 C 249.764 238.099,237.495 249.076,222.400 252.675 C 217.343 253.880,194.635 254.475,185.000 253.655 C 164.686 251.924,149.817 239.492,144.284 219.612 C 143.509 216.829,143.429 215.248,143.223 198.800 L 143.000 181.000 135.519 180.891 C 128.443 180.788,128.015 180.825,127.619 181.565 ' stroke='none' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content article.no-micro .video-button.video-micro,
.live-content.no-micro .video-button.video-micro {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M177.800 98.582 C 167.578 100.875,159.100 108.506,155.454 118.696 L 154.200 122.200 154.200 173.000 C 154.200 225.626,154.199 225.600,155.746 225.600 C 156.119 225.600,166.658 215.370,169.600 212.152 C 169.710 212.032,169.890 192.284,170.000 168.267 L 170.200 124.600 171.268 122.321 C 172.631 119.415,175.415 116.631,178.321 115.268 L 180.600 114.200 200.000 114.200 L 219.400 114.200 221.679 115.268 C 224.585 116.631,227.369 119.415,228.732 122.321 L 229.800 124.600 230.025 137.400 C 230.148 144.440,230.283 150.258,230.325 150.329 C 230.664 150.910,232.616 149.230,238.824 143.013 L 246.000 135.826 246.000 129.977 C 246.000 115.022,238.684 104.243,225.278 99.445 L 221.800 98.200 201.000 98.122 C 184.794 98.061,179.670 98.163,177.800 98.582 M278.200 117.412 C 277.320 117.729,276.512 117.991,276.404 117.994 C 275.484 118.022,118.985 275.277,118.163 277.000 C 114.795 284.053,121.910 291.577,129.113 288.582 C 130.105 288.169,134.938 283.640,143.626 274.982 C 150.790 267.842,156.890 262.000,157.182 262.000 C 157.475 262.000,159.353 262.787,161.357 263.748 C 168.764 267.302,176.421 269.183,186.400 269.899 L 190.600 270.200 190.817 283.200 C 191.060 297.744,191.094 297.932,193.892 300.457 C 198.244 304.384,205.808 303.081,208.424 297.954 C 209.142 296.546,209.200 295.519,209.200 284.242 C 209.200 268.932,208.737 270.152,214.674 269.808 C 243.569 268.135,266.095 248.923,272.087 220.841 C 272.994 216.588,273.662 185.298,272.908 182.385 L 272.550 181.000 264.875 180.891 C 260.654 180.832,257.196 180.922,257.190 181.091 C 257.185 181.261,257.125 189.140,257.057 198.600 C 256.925 217.008,256.893 217.347,254.676 223.800 C 250.715 235.331,241.234 245.467,229.922 250.265 C 217.898 255.364,180.815 255.572,171.190 250.595 C 167.504 248.689,172.252 245.611,176.600 247.088 C 179.484 248.068,217.070 248.371,221.485 247.451 C 232.245 245.207,240.949 237.519,244.683 226.960 L 245.800 223.800 246.016 198.200 C 246.134 184.120,246.269 172.517,246.316 172.416 C 246.362 172.315,255.843 162.775,267.383 151.216 C 281.836 136.741,288.559 129.737,288.983 128.713 C 291.709 122.139,284.896 114.999,278.200 117.412 M127.619 181.565 C 126.906 182.897,127.070 213.222,127.817 218.255 C 129.184 227.456,135.699 243.200,138.140 243.200 C 138.662 243.200,148.226 233.812,148.862 232.674 C 149.117 232.219,148.880 231.340,148.062 229.713 C 147.423 228.441,146.415 226.050,145.822 224.400 C 143.480 217.881,143.485 217.921,143.234 198.800 L 143.000 181.000 135.519 180.891 C 128.443 180.788,128.015 180.825,127.619 181.565 M229.905 205.215 C 230.021 221.759,229.967 222.218,227.472 225.728 C 223.384 231.478,221.358 232.002,203.258 231.994 C 187.885 231.987,187.418 231.928,188.716 230.141 C 190.493 227.696,228.735 189.912,229.257 190.086 C 229.699 190.233,229.820 193.052,229.905 205.215 ' stroke='none' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content .video-button.video-audioplayer {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='svg' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M215.000 82.654 C 206.873 84.598,201.327 87.384,196.137 92.127 C 189.849 97.874,185.246 107.175,185.073 114.485 C 184.968 118.900,185.109 119.000,191.401 119.000 C 197.286 119.000,197.433 118.915,198.034 115.176 C 202.001 90.461,235.849 88.437,244.460 112.400 L 245.395 115.000 245.623 172.800 C 245.876 236.735,245.626 230.879,248.473 239.600 C 251.474 248.793,257.964 258.309,265.882 265.127 C 268.601 267.468,273.349 272.378,275.814 275.397 C 281.046 281.805,280.266 289.551,274.048 292.935 L 272.092 294.000 254.121 294.000 L 236.150 294.000 235.138 292.900 C 234.582 292.295,233.740 291.151,233.267 290.357 C 229.884 284.689,221.729 281.145,215.313 282.555 C 196.214 286.752,194.798 312.484,213.361 318.043 C 218.654 319.628,220.914 319.359,226.689 316.456 C 229.701 314.941,230.306 314.407,234.643 309.428 L 235.887 308.000 252.961 308.000 C 275.864 308.000,279.092 307.247,285.862 300.326 C 293.111 292.915,294.717 283.085,290.257 273.431 C 288.536 269.706,284.337 264.675,275.945 256.284 C 266.759 247.098,264.592 244.182,261.838 237.296 C 259.069 230.372,259.215 233.873,259.206 174.200 C 259.196 108.860,259.265 109.743,253.412 100.060 C 245.592 87.126,228.563 79.408,215.000 82.654 M117.125 128.767 C 112.845 130.449,109.489 133.640,107.922 137.519 L 107.000 139.800 107.000 211.600 L 107.000 283.400 108.370 286.324 C 110.109 290.034,112.885 292.680,116.464 294.038 L 119.000 295.000 138.286 295.000 C 160.589 295.000,158.719 295.381,159.209 290.736 C 161.747 266.697,187.881 255.933,205.176 271.805 C 208.336 274.705,208.765 274.814,213.000 273.792 C 214.320 273.473,216.075 273.210,216.900 273.206 C 217.860 273.202,218.688 272.912,219.200 272.400 C 220.426 271.174,220.457 142.923,219.232 138.895 C 217.750 134.022,215.421 131.215,211.221 129.243 L 209.000 128.200 164.000 128.115 C 121.124 128.034,118.912 128.065,117.125 128.767 M199.741 151.935 C 200.348 152.606,200.398 154.677,200.303 175.423 L 200.200 198.176 199.200 198.682 C 198.417 199.079,190.629 199.189,163.282 199.194 L 128.364 199.200 127.372 198.208 L 126.380 197.217 126.490 174.870 C 126.580 156.638,126.701 152.401,127.149 151.861 C 128.046 150.781,198.762 150.853,199.741 151.935 M158.557 224.472 C 183.937 239.115,183.600 238.898,183.600 240.641 C 183.600 241.843,182.246 242.874,176.037 246.400 C 173.131 248.050,168.559 250.677,165.877 252.238 C 149.441 261.801,149.179 261.922,147.829 260.571 C 146.875 259.618,146.875 221.182,147.829 220.229 C 148.944 219.113,149.976 219.521,158.557 224.472 M182.318 273.987 C 161.566 279.522,165.524 310.000,186.995 310.000 C 191.175 310.000,191.879 309.076,191.185 304.499 C 190.123 297.497,192.253 289.698,196.872 283.673 C 200.099 279.464,199.914 278.424,195.479 275.825 C 191.413 273.443,186.785 272.796,182.318 273.987 ' stroke='none' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3Cpath stroke='none' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}
.live-content .video-button.video-fullscreen {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M123.498 107.214 C 117.458 108.719,111.047 115.551,108.687 123.000 C 107.617 126.377,107.305 153.773,108.299 157.038 C 111.169 166.465,125.399 166.723,128.230 157.400 C 128.673 155.941,128.897 152.641,129.058 145.200 C 129.442 127.436,127.632 128.687,153.400 128.365 C 167.576 128.188,172.571 127.998,173.710 127.595 C 182.477 124.488,182.120 110.618,173.200 107.778 C 170.675 106.974,126.476 106.472,123.498 107.214 M231.800 107.200 C 222.301 107.937,217.549 115.492,221.780 123.129 C 224.505 128.050,224.840 128.118,247.400 128.381 L 266.200 128.600 267.967 129.600 C 271.193 131.426,271.362 132.125,271.650 144.800 C 271.787 150.850,272.080 156.351,272.300 157.023 C 275.561 166.989,289.464 166.701,292.503 156.606 C 293.374 153.716,293.179 126.779,292.266 123.821 C 289.769 115.731,283.721 109.027,277.400 107.342 C 275.222 106.762,238.907 106.648,231.800 107.200 M158.089 170.819 C 154.114 171.615,151.323 173.894,149.512 177.822 C 148.210 180.646,148.071 218.681,149.350 222.353 C 150.371 225.285,153.076 228.008,156.200 229.248 L 158.600 230.200 197.800 230.320 C 244.632 230.464,244.600 230.467,248.329 226.220 C 251.483 222.628,251.601 221.686,251.594 200.280 C 251.585 176.146,251.178 174.632,243.800 171.319 C 242.038 170.527,161.880 170.060,158.089 170.819 M115.085 236.145 C 111.210 237.235,108.770 240.228,108.028 244.801 C 107.356 248.939,107.489 271.608,108.204 275.000 C 109.755 282.351,116.345 290.497,122.330 292.461 C 126.553 293.847,171.405 293.150,174.499 291.650 C 182.290 287.874,181.970 275.629,173.999 272.536 C 172.413 271.921,169.998 271.813,153.600 271.619 L 135.000 271.400 133.007 270.400 C 129.533 268.657,129.446 268.327,129.144 255.746 C 128.855 243.699,128.479 241.428,126.372 239.029 C 123.945 236.265,119.079 235.022,115.085 236.145 M279.487 236.015 C 272.971 237.643,271.977 240.039,271.613 255.000 C 271.185 272.539,272.995 271.319,247.000 271.598 L 228.200 271.800 225.871 272.944 C 218.636 276.496,218.569 287.710,225.761 291.383 L 228.123 292.589 238.561 292.860 C 258.448 293.377,274.782 293.265,277.352 292.596 C 283.565 290.977,289.853 284.064,292.264 276.200 C 293.183 273.205,293.382 246.274,292.508 243.394 C 290.810 237.804,285.154 234.599,279.487 236.015 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content video {
    width: 100%;
    height: auto;
    background-color: var(--black);
    object-fit: contain;
    display: block;
    padding: 0;
    margin: 0;
}

.live-content .remoteVideo article {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    float: left;
}

.live-content .participant {
    position: absolute;
    bottom: 0;
    left: 0px;
    max-width: 100%;
    line-height: 32px;
    height: 32px;
    padding: 0 10px;
    opacity: 0.55;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    background-color: var(--black);
    overflow: hidden;
    text-align: left;
}

.live-content .participant span {
    margin-left: 1rem;
}

@media only screen and (max-width: 767px) {
    .live-content .participant span {
        display: none;
    }
}

.live-content .localVideo {
    position: fixed;
    overflow: hidden;
    margin: 15px;
    top: 80px;
    left: 20px;
    max-width: 30%;
    width: 220px;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .live-content .localVideo {
        width: 140px;
    }
}

.live-content .localVideo article {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.live-content .remoteVideo video,
.live-content .remoteVideo,
.live-content > section {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
}

.live-content[participants="2"] .live-many-to-many-video-container .remoteVideo article {
    width: 50%;
    height: 100%;
}

.live-content[participants="3"] .live-many-to-many-video-container .remoteVideo article {
    width: 33.33%;
    height: 100%;
}
.live-content[participants="4"] .live-many-to-many-video-container .remoteVideo article {
    width: 50%;
    height: 50%;
}
/*
.live-content[participants="3"] .remoteVideo article:last-child {
    width: 100%;
    height: 50%;
} */

.live-content[participants="5"] .live-many-to-many-video-container .remoteVideo article,
.live-content[participants="6"] .live-many-to-many-video-container .remoteVideo article {
    width: 33.33%;
    height: 50%;
}

.live-content[participants="5"] .live-many-to-many-video-container .remoteVideo article:nth-child(4),
.live-content[participants="5"] .live-many-to-many-video-container .remoteVideo article:last-child {
    width: 50%;
    height: 50%;
}

.live-content[participants="7"] .live-many-to-many-video-container .remoteVideo article,
.live-content[participants="8"] .live-many-to-many-video-container .remoteVideo article {
    width: 25%;
    height: 50%;
}

.live-content[participants="7"] .live-many-to-many-video-container .remoteVideo article:last-child {
    width: 50%;
    height: 50%;
}

.live-content[participants="9"] .live-many-to-many-video-container .remoteVideo article {
    width: 33.33%;
    height: 33.33%;
}

.live-content[participants="10"] .live-many-to-many-video-container .remoteVideo article {
    width: 25%;
    height: 33.33%;
}

.live-content[participants="10"] .live-many-to-many-video-container .remoteVideo article:nth-child(9),
.live-content[participants="10"] .live-many-to-many-video-container .remoteVideo article:last-child {
    width: 50%;
    height: 33.33%;
}

@media screen and (orientation: portrait) {
    .live-content[participants="2"] .live-many-to-many-video-container .remoteVideo article {
        width: 100%;
        height: 50%;
    }

    .live-content[participants="3"] .live-many-to-many-video-container .remoteVideo article {
        width: 100%;
        height: 33.33%;
    }

    .live-content[participants="5"] .live-many-to-many-video-container .remoteVideo article,
    .live-content[participants="5"] .live-many-to-many-video-container .remoteVideo article:nth-child(4),
    .live-content[participants="6"] .live-many-to-many-video-container .remoteVideo article {
        width: 50%;
        height: 33.33%;
    }
    .live-content[participants="5"] .live-many-to-many-video-container .remoteVideo article:last-child {
        width: 100%;
        height: 33.33%;
    }

    .live-content[participants="7"] .live-many-to-many-video-container .remoteVideo article,
    .live-content[participants="8"] .live-many-to-many-video-container .remoteVideo article {
        height: 25%;
        width: 50%;
    }

    .live-content[participants="7"] .live-many-to-many-video-container .remoteVideo article:last-child {
        width: 100%;
        height: 25%;
    }

    .live-content[participants="9"] .live-many-to-many-video-container .remoteVideo article {
        width: 33.33%;
        height: 33.33%;
    }

    .live-content[participants="10"] .live-many-to-many-video-container .remoteVideo article {
        height: 25%;
        width: 33.33%;
    }

    .live-content[participants="10"] .live-many-to-many-video-container .remoteVideo article:nth-child(7),
    .live-content[participants="10"] .live-many-to-many-video-container .remoteVideo article:nth-child(8),
    .live-content[participants="10"] .live-many-to-many-video-container .remoteVideo article:nth-child(9),
    .live-content[participants="10"] .live-many-to-many-video-container .remoteVideo article:last-child {
        width: 50%;
        height: 25%;
    }
}

.live-content .remoteVideo video {
    object-fit: contain;
}

.live-content .live-public-video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100% - 184px);
}

.live-content .live-public-video-container video {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block;
}

.live-content .live-public-video-container:before {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 109px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 800ms ease-in-out;
	pointer-events: none;
}

.live-content .live-public-video-container:hover:before {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

.live-content .live-public-video-container .vjs-big-play-button{
	margin-top: -0.75em;
	margin-left: -1.5em;
	height: 1.5em;
	width: 3em;
	top: 50%;
	left: 50%;
}
.live-content .live-public-video-container #video_vimeo,
.live-content .live-public-video-container #video_vimeo .vimeoFrame{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}
.live-content .live-public-video-container .video-button {
    position: absolute;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.live-content .live-public-video-container:hover .video-button {
    -moz-opacity: 0.88;
    -webkit-opacity: 0.88;
    filter: alpha(opacity=88);
    opacity: 0.88;
}

.live-content .live-public-video-container .video-button:hover {
    -moz-opacity: 0.99;
    -webkit-opacity: 0.99;
    filter: alpha(opacity=99);
    opacity: 0.99;
}

.live-content .live-public-video-container .video-button.video-pause {
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M145.386 141.696 C 145.281 141.973,145.241 168.390,145.297 200.400 L 145.400 258.600 165.200 258.600 L 185.000 258.600 185.000 200.000 L 185.000 141.400 165.289 141.296 C 149.733 141.214,145.537 141.299,145.386 141.696 M216.585 141.700 C 216.480 141.975,216.441 168.390,216.497 200.400 L 216.600 258.600 235.900 258.704 L 255.200 258.808 255.200 200.004 L 255.200 141.200 235.987 141.200 C 220.986 141.200,216.733 141.310,216.585 141.700 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content .live-public-video-container.paused .video-button.video-pause {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M145.262 142.361 C 144.471 142.850,144.807 257.754,145.600 257.899 C 146.138 257.997,250.866 203.542,253.226 201.937 C 254.815 200.856,254.073 200.310,242.600 194.118 C 143.908 140.857,145.944 141.940,145.262 142.361 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content .live-public-video-container .video-button.video-sound {
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M217.400 122.151 C 214.965 123.255,211.265 126.656,189.767 147.544 C 177.685 159.283,167.440 169.127,167.000 169.420 C 166.480 169.765,162.537 170.236,155.747 170.762 C 141.076 171.898,137.416 173.581,134.064 180.730 L 133.000 183.000 133.000 199.608 L 133.000 216.217 134.307 218.872 C 137.909 226.188,141.521 227.748,155.200 227.898 C 160.810 227.959,165.771 228.092,166.225 228.193 C 166.679 228.295,177.731 239.363,190.786 252.789 L 214.522 277.200 218.692 277.200 C 227.662 277.200,227.193 281.597,227.194 197.400 C 227.194 132.231,227.111 128.322,225.652 125.025 C 224.459 122.328,220.244 120.860,217.400 122.151 M267.469 134.527 C 266.581 135.217,259.186 144.448,258.711 145.461 C 258.366 146.196,258.787 147.041,261.594 151.240 C 281.306 180.730,281.407 219.205,261.851 248.800 C 258.071 254.520,257.960 253.653,263.312 260.240 C 268.902 267.121,268.437 267.039,272.307 261.826 C 299.117 225.718,299.144 174.719,272.373 138.663 C 269.154 134.328,268.470 133.751,267.469 134.527 M245.974 158.283 C 244.329 159.777,241.952 161.877,240.692 162.949 C 237.938 165.290,237.935 165.336,240.179 169.165 C 251.839 189.055,251.677 213.586,239.761 232.462 C 238.424 234.580,238.502 234.851,241.099 237.051 C 242.364 238.123,244.801 240.305,246.516 241.900 C 250.391 245.504,250.359 245.506,252.961 241.500 C 268.946 216.887,268.748 182.820,252.481 158.600 C 250.018 154.934,249.679 154.918,245.974 158.283 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content .live-public-video-container.muted .video-button.video-sound {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg id='svgg'%3E%3Cpath d='M278.200 117.389 C 277.320 117.718,276.512 117.991,276.404 117.994 C 275.484 118.022,118.985 275.277,118.163 277.000 C 114.779 284.087,121.868 291.586,129.113 288.584 C 130.143 288.157,137.859 280.718,154.214 264.384 C 167.202 251.413,178.023 240.800,178.260 240.800 C 179.075 240.800,180.666 242.362,197.572 259.761 L 214.515 277.200 218.688 277.200 C 227.210 277.200,227.192 277.307,227.197 227.060 C 227.200 197.123,227.278 192.556,227.810 191.436 C 228.703 189.554,242.059 176.400,243.077 176.400 C 244.060 176.400,245.014 178.418,246.561 183.771 C 251.168 199.712,248.536 218.562,239.761 232.462 C 238.424 234.580,238.502 234.851,241.099 237.051 C 242.364 238.123,244.801 240.305,246.516 241.900 C 250.391 245.504,250.359 245.506,252.961 241.500 C 267.080 219.760,268.752 189.884,257.146 166.711 C 255.472 163.368,255.541 163.151,259.579 159.113 C 264.153 154.539,263.937 154.475,267.411 161.417 C 281.232 189.032,279.089 222.713,261.851 248.800 C 258.071 254.520,257.960 253.653,263.312 260.240 C 268.902 267.121,268.437 267.039,272.307 261.826 C 296.619 229.082,299.154 183.581,278.635 148.246 C 275.363 142.611,275.101 143.417,282.615 136.000 C 285.812 132.843,288.396 129.935,288.834 129.000 C 291.910 122.428,284.972 114.852,278.200 117.389 M217.400 122.151 C 214.965 123.255,211.265 126.656,189.767 147.544 C 177.685 159.283,167.440 169.127,167.000 169.420 C 166.480 169.765,162.537 170.236,155.747 170.762 C 141.076 171.898,137.416 173.581,134.064 180.730 L 133.000 183.000 133.000 199.608 L 133.000 216.217 134.307 218.872 C 135.983 222.275,139.459 225.578,142.686 226.831 C 146.134 228.170,152.650 228.409,154.481 227.264 C 156.562 225.962,226.306 155.936,226.779 154.674 C 227.980 151.465,227.099 128.297,225.652 125.025 C 224.459 122.328,220.244 120.860,217.400 122.151 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content .live-public-video-container .video-button.video-audioplayer {
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='svg' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M215.000 82.654 C 206.873 84.598,201.327 87.384,196.137 92.127 C 189.849 97.874,185.246 107.175,185.073 114.485 C 184.968 118.900,185.109 119.000,191.401 119.000 C 197.286 119.000,197.433 118.915,198.034 115.176 C 202.001 90.461,235.849 88.437,244.460 112.400 L 245.395 115.000 245.623 172.800 C 245.876 236.735,245.626 230.879,248.473 239.600 C 251.474 248.793,257.964 258.309,265.882 265.127 C 268.601 267.468,273.349 272.378,275.814 275.397 C 281.046 281.805,280.266 289.551,274.048 292.935 L 272.092 294.000 254.121 294.000 L 236.150 294.000 235.138 292.900 C 234.582 292.295,233.740 291.151,233.267 290.357 C 229.884 284.689,221.729 281.145,215.313 282.555 C 196.214 286.752,194.798 312.484,213.361 318.043 C 218.654 319.628,220.914 319.359,226.689 316.456 C 229.701 314.941,230.306 314.407,234.643 309.428 L 235.887 308.000 252.961 308.000 C 275.864 308.000,279.092 307.247,285.862 300.326 C 293.111 292.915,294.717 283.085,290.257 273.431 C 288.536 269.706,284.337 264.675,275.945 256.284 C 266.759 247.098,264.592 244.182,261.838 237.296 C 259.069 230.372,259.215 233.873,259.206 174.200 C 259.196 108.860,259.265 109.743,253.412 100.060 C 245.592 87.126,228.563 79.408,215.000 82.654 M117.125 128.767 C 112.845 130.449,109.489 133.640,107.922 137.519 L 107.000 139.800 107.000 211.600 L 107.000 283.400 108.370 286.324 C 110.109 290.034,112.885 292.680,116.464 294.038 L 119.000 295.000 138.286 295.000 C 160.589 295.000,158.719 295.381,159.209 290.736 C 161.747 266.697,187.881 255.933,205.176 271.805 C 208.336 274.705,208.765 274.814,213.000 273.792 C 214.320 273.473,216.075 273.210,216.900 273.206 C 217.860 273.202,218.688 272.912,219.200 272.400 C 220.426 271.174,220.457 142.923,219.232 138.895 C 217.750 134.022,215.421 131.215,211.221 129.243 L 209.000 128.200 164.000 128.115 C 121.124 128.034,118.912 128.065,117.125 128.767 M199.741 151.935 C 200.348 152.606,200.398 154.677,200.303 175.423 L 200.200 198.176 199.200 198.682 C 198.417 199.079,190.629 199.189,163.282 199.194 L 128.364 199.200 127.372 198.208 L 126.380 197.217 126.490 174.870 C 126.580 156.638,126.701 152.401,127.149 151.861 C 128.046 150.781,198.762 150.853,199.741 151.935 M158.557 224.472 C 183.937 239.115,183.600 238.898,183.600 240.641 C 183.600 241.843,182.246 242.874,176.037 246.400 C 173.131 248.050,168.559 250.677,165.877 252.238 C 149.441 261.801,149.179 261.922,147.829 260.571 C 146.875 259.618,146.875 221.182,147.829 220.229 C 148.944 219.113,149.976 219.521,158.557 224.472 M182.318 273.987 C 161.566 279.522,165.524 310.000,186.995 310.000 C 191.175 310.000,191.879 309.076,191.185 304.499 C 190.123 297.497,192.253 289.698,196.872 283.673 C 200.099 279.464,199.914 278.424,195.479 275.825 C 191.413 273.443,186.785 272.796,182.318 273.987 ' stroke='none' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3Cpath stroke='none' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content .live-public-video-container .video-button.video-fullscreen {
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M123.498 107.214 C 117.458 108.719,111.047 115.551,108.687 123.000 C 107.617 126.377,107.305 153.773,108.299 157.038 C 111.169 166.465,125.399 166.723,128.230 157.400 C 128.673 155.941,128.897 152.641,129.058 145.200 C 129.442 127.436,127.632 128.687,153.400 128.365 C 167.576 128.188,172.571 127.998,173.710 127.595 C 182.477 124.488,182.120 110.618,173.200 107.778 C 170.675 106.974,126.476 106.472,123.498 107.214 M231.800 107.200 C 222.301 107.937,217.549 115.492,221.780 123.129 C 224.505 128.050,224.840 128.118,247.400 128.381 L 266.200 128.600 267.967 129.600 C 271.193 131.426,271.362 132.125,271.650 144.800 C 271.787 150.850,272.080 156.351,272.300 157.023 C 275.561 166.989,289.464 166.701,292.503 156.606 C 293.374 153.716,293.179 126.779,292.266 123.821 C 289.769 115.731,283.721 109.027,277.400 107.342 C 275.222 106.762,238.907 106.648,231.800 107.200 M158.089 170.819 C 154.114 171.615,151.323 173.894,149.512 177.822 C 148.210 180.646,148.071 218.681,149.350 222.353 C 150.371 225.285,153.076 228.008,156.200 229.248 L 158.600 230.200 197.800 230.320 C 244.632 230.464,244.600 230.467,248.329 226.220 C 251.483 222.628,251.601 221.686,251.594 200.280 C 251.585 176.146,251.178 174.632,243.800 171.319 C 242.038 170.527,161.880 170.060,158.089 170.819 M115.085 236.145 C 111.210 237.235,108.770 240.228,108.028 244.801 C 107.356 248.939,107.489 271.608,108.204 275.000 C 109.755 282.351,116.345 290.497,122.330 292.461 C 126.553 293.847,171.405 293.150,174.499 291.650 C 182.290 287.874,181.970 275.629,173.999 272.536 C 172.413 271.921,169.998 271.813,153.600 271.619 L 135.000 271.400 133.007 270.400 C 129.533 268.657,129.446 268.327,129.144 255.746 C 128.855 243.699,128.479 241.428,126.372 239.029 C 123.945 236.265,119.079 235.022,115.085 236.145 M279.487 236.015 C 272.971 237.643,271.977 240.039,271.613 255.000 C 271.185 272.539,272.995 271.319,247.000 271.598 L 228.200 271.800 225.871 272.944 C 218.636 276.496,218.569 287.710,225.761 291.383 L 228.123 292.589 238.561 292.860 C 258.448 293.377,274.782 293.265,277.352 292.596 C 283.565 290.977,289.853 284.064,292.264 276.200 C 293.183 273.205,293.382 246.274,292.508 243.394 C 290.810 237.804,285.154 234.599,279.487 236.015 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.live-content .live-public-video-container .video-button.video-audios-mute {
    width: 48px;
    height: 48px;
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='400' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zM461.64 256l45.64-45.64c6.3-6.3 6.3-16.52 0-22.82l-22.82-22.82c-6.3-6.3-16.52-6.3-22.82 0L416 210.36l-45.64-45.64c-6.3-6.3-16.52-6.3-22.82 0l-22.82 22.82c-6.3 6.3-6.3 16.52 0 22.82L370.36 256l-45.63 45.63c-6.3 6.3-6.3 16.52 0 22.82l22.82 22.82c6.3 6.3 16.52 6.3 22.82 0L416 301.64l45.64 45.64c6.3 6.3 16.52 6.3 22.82 0l22.82-22.82c6.3-6.3 6.3-16.52 0-22.82L461.64 256z ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");*/
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg id='svgg'%3E%3Cpath d='M278.200 117.389 C 277.320 117.718,276.512 117.991,276.404 117.994 C 275.484 118.022,118.985 275.277,118.163 277.000 C 114.779 284.087,121.868 291.586,129.113 288.584 C 130.143 288.157,137.859 280.718,154.214 264.384 C 167.202 251.413,178.023 240.800,178.260 240.800 C 179.075 240.800,180.666 242.362,197.572 259.761 L 214.515 277.200 218.688 277.200 C 227.210 277.200,227.192 277.307,227.197 227.060 C 227.200 197.123,227.278 192.556,227.810 191.436 C 228.703 189.554,242.059 176.400,243.077 176.400 C 244.060 176.400,245.014 178.418,246.561 183.771 C 251.168 199.712,248.536 218.562,239.761 232.462 C 238.424 234.580,238.502 234.851,241.099 237.051 C 242.364 238.123,244.801 240.305,246.516 241.900 C 250.391 245.504,250.359 245.506,252.961 241.500 C 267.080 219.760,268.752 189.884,257.146 166.711 C 255.472 163.368,255.541 163.151,259.579 159.113 C 264.153 154.539,263.937 154.475,267.411 161.417 C 281.232 189.032,279.089 222.713,261.851 248.800 C 258.071 254.520,257.960 253.653,263.312 260.240 C 268.902 267.121,268.437 267.039,272.307 261.826 C 296.619 229.082,299.154 183.581,278.635 148.246 C 275.363 142.611,275.101 143.417,282.615 136.000 C 285.812 132.843,288.396 129.935,288.834 129.000 C 291.910 122.428,284.972 114.852,278.200 117.389 M217.400 122.151 C 214.965 123.255,211.265 126.656,189.767 147.544 C 177.685 159.283,167.440 169.127,167.000 169.420 C 166.480 169.765,162.537 170.236,155.747 170.762 C 141.076 171.898,137.416 173.581,134.064 180.730 L 133.000 183.000 133.000 199.608 L 133.000 216.217 134.307 218.872 C 135.983 222.275,139.459 225.578,142.686 226.831 C 146.134 228.170,152.650 228.409,154.481 227.264 C 156.562 225.962,226.306 155.936,226.779 154.674 C 227.980 151.465,227.099 128.297,225.652 125.025 C 224.459 122.328,220.244 120.860,217.400 122.151 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M217.400 122.151 C 214.965 123.255,211.265 126.656,189.767 147.544 C 177.685 159.283,167.440 169.127,167.000 169.420 C 166.480 169.765,162.537 170.236,155.747 170.762 C 141.076 171.898,137.416 173.581,134.064 180.730 L 133.000 183.000 133.000 199.608 L 133.000 216.217 134.307 218.872 C 137.909 226.188,141.521 227.748,155.200 227.898 C 160.810 227.959,165.771 228.092,166.225 228.193 C 166.679 228.295,177.731 239.363,190.786 252.789 L 214.522 277.200 218.692 277.200 C 227.662 277.200,227.193 281.597,227.194 197.400 C 227.194 132.231,227.111 128.322,225.652 125.025 C 224.459 122.328,220.244 120.860,217.400 122.151 M267.469 134.527 C 266.581 135.217,259.186 144.448,258.711 145.461 C 258.366 146.196,258.787 147.041,261.594 151.240 C 281.306 180.730,281.407 219.205,261.851 248.800 C 258.071 254.520,257.960 253.653,263.312 260.240 C 268.902 267.121,268.437 267.039,272.307 261.826 C 299.117 225.718,299.144 174.719,272.373 138.663 C 269.154 134.328,268.470 133.751,267.469 134.527 M245.974 158.283 C 244.329 159.777,241.952 161.877,240.692 162.949 C 237.938 165.290,237.935 165.336,240.179 169.165 C 251.839 189.055,251.677 213.586,239.761 232.462 C 238.424 234.580,238.502 234.851,241.099 237.051 C 242.364 238.123,244.801 240.305,246.516 241.900 C 250.391 245.504,250.359 245.506,252.961 241.500 C 268.946 216.887,268.748 182.820,252.481 158.600 C 250.018 154.934,249.679 154.918,245.974 158.283 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");


}

.live-content .live-public-video-container .onair {
    position: absolute;
    top: 21px;
    right: 24px;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    border-radius: 16.5px;
    background-color: #f10e0e;
    font-size: 12px;
    font-weight: 500;
    padding: 0 10px 0 32px;
    text-align: center;
    color: var(--white);
    box-sizing: border-box;
}

.live-content .live-public-video-container .onair svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 32px;
}

.live-content .live-public-video-container .onair svg *,
.live-content .live-public-video-container .onair svg {
    fill: var(--white);
}

.live-content .live-public-description-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 184px;
    background-color: #494949;
    display: flex;
    flex-wrap: wrap;
}

.live-content .live-public-description-container > * {
    display: inline-block;
    box-sizing: border-box;
    padding: 0px 43px 24px 43px;
}

.live-content .live-public-description-container .content {
    width: 40%;
    padding: 36px 43px;
}

.live-content .live-public-description-container .content .title {
    width: 100%;
    line-height: 28px;
    font-size: 23px;
    font-weight: bold;
    color: var(--white);
}

.live-content .live-public-description-container .content .static {
    margin-top: 16px;
    line-height: 19px;
    font-size: 13px;
    font-weight: 500;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.live-content .live-public-description-container .content .static svg {
    width: 15px;
    height: 15px;
    margin-right: 4px;
}

.live-content .live-public-description-container .content .static svg *,
.live-content .live-public-description-container .content .static svg {
    fill: #ff3f3f;
}

.live-content .live-public-description-container .content .static .count {
    font-size: 15px;
    color: #ff3f3f;
    margin-right: 4px;
}

.live-content .live-public-description-container .options {
    margin: 12px 0;
    width: 60%;
    padding: 0 38px;
    text-align: right;
}

.live-content .live-public-description-container .options .option {
    width: 127px;
    margin: 12px;
    height: 128px;
    border-radius: 10px;
    background-color: #3c3c3c;
    padding: 15px 5px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.live-content .live-public-description-container .options .option svg {
    width: 100%;
    height: 40px;
}

.live-content .live-public-description-container .options .option svg *,
.live-content .live-public-description-container .options .option svg {
    fill: var(--white);
}

.live-content .live-public-description-container .options .option .name {
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    color: var(--white);
}

.live-content .live-public-description-container .options .option .value {
    line-height: 16px;
    margin-top: 10px;
    font-family: AntiqueOliveStd;
    font-size: 16px;
    text-align: center;
    color: var(--blue);
    display: block;
}

/* ==========================================================================
   03.live-sidebar
   ========================================================================== */

.live-sidebar {
    padding: 0;
    margin: 0;
    position: fixed;
    top: 60px;
    right: 0;
    width: 300px;
    bottom: 0px;
    z-index: 9999;
    overflow: hidden;
    background-color: #383838;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.38);
}

@media screen and (max-width: 767px) {
    .live-sidebar {
        top: 40px;
    }
}

.live-sidebar-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.live-sidebar-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 60px;
    box-sizing: border-box;
    border-bottom: solid 1px #6e6e6e;
}

.live-sidebar-header .live-sidebar-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: var(--white);
}

.live-sidebar-header .live-sidebar-icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 60px;
    color: var(--white);
    cursor: pointer;
    transform: rotate(0deg);
}

.live-content .live-one-to-one-video-container .localVideo:not(.touchstartDetected),
.live-sidebar,
.live-sidebar-header .live-sidebar-icon {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.live-content .live-waiting-loader {
    overflow: hidden;
    -moz-opacity: 0.77;
    -webkit-opacity: 0.77;
    filter: alpha(opacity=77);
    opacity: 0.77;
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(42, 44, 54, 0.9);
    display: block;
}

.live-content.loaded .live-waiting-loader {
    display: none;
}

.live-content .live-waiting-loader > span {
    bottom: 50%;
    height: 3em;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    user-select: none;
    width: 80%;
    font-size: 1em;
    font-weight: 700;
    color: #fff;
    word-wrap: normal;
    overflow: unset;
    white-space: unset;
    text-overflow: ellipsis;
}

body.closed-live-sidebar .live-sidebar-header .live-sidebar-icon {
    transform: rotate(180deg);
}

body.closed-live-sidebar .live-sidebar-inner,
body.closed-live-sidebar .live-sidebar-footer,
body.closed-live-sidebar .live-sidebar-header .live-sidebar-title {
    display: none;
}

body.closed-live-sidebar .live-sidebar {
    right: -320px;
}

/* body.closed-live-sidebar .live-content .live-one-to-one-video-container .localVideo {
    margin-right: 78px;
} */

.live-sidebar-header .live-sidebar-icon svg {
    height: 60px;
    width: 60px;
}

.live-sidebar-header .live-sidebar-icon svg *,
.live-sidebar-header .live-sidebar-icon svg {
    fill: var(--white);
}

.live-sidebar-inner {
    position: absolute;
    bottom: 100px;
    max-height: calc(100% - 160px);
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 50px;
    background-color: #383838;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    scroll-margin: 0;
    scroll-padding: 0;
    scrollbar-color: #4e4e4e #383838;
}

.live-sidebar-inner::-webkit-scrollbar-track {
    background-color: #383838;
}

.live-sidebar-inner::-webkit-scrollbar-thumb {
    background-color: #4e4e4e;
}

.live-sidebar-inner::-webkit-scrollbar-thumb:hover {
    background-color: #626262;
}

.live-sidebar-inner::-webkit-scrollbar-thumb:active {
    background-color: #a9a9a9;
}

.live-sidebar-welcome {
    position: fixed;
    top: 168px;
    right: 0;
    width: 300px;
    overflow: hidden;
    height: 14px;
    line-height: 14px;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    color: var(--white);
    opacity: 0;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInOut;
    animation-name: fadeInOut;
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.live-sidebar-comments .comment {
    overflow: hidden;
    font-size: 11px;
    font-weight: 500;
    text-align: left;
    color: var(--white);
    position: relative;
    display: block;
    margin-bottom: 18px;
    min-height: 14px;
    line-height: 14px;
}

.live-sidebar-comments .comment.coach .username {
    font-weight: 600;
    color: var(--blue);
}

.live-sidebar-comments .comment {
    overflow: hidden;
    font-size: 11px;
    font-weight: 500;
    text-align: left;
    color: var(--white);
    position: relative;
    display: block;
}

.live-sidebar-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 100px;
}

.live-sidebar-inner,
.live-sidebar-footer {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.live-sidebar-footer .form-input {
    width: 100%;
    height: 37px;
    position: relative;
    margin-bottom: 10px;
}

.live-sidebar-footer input {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: solid 2px var(--blue);
    font-size: 11px;
    font-weight: 500;
    color: var(--white);
    background-color: #2b2b2b;
    padding: 0 10px;
}

.live-sidebar-footer button {
    height: 37px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 18.5px;
    color: var(--white);
    background-color: var(--blue);
    padding: 11px 17px;
    float: right;
    cursor: pointer;
}

.live-sidebar-footer .input-icon {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 37px;
    width: 25px;
}

.live-sidebar-footer .input-icon svg {
    height: 37px;
    width: 16px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    box-shadow: none;
    border: 0;
}

::-webkit-scrollbar {
    z-index: 30;
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background-color: #f8f8f9;
}

::-webkit-scrollbar-thumb {
    background-color: #eeeef7;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #c1c1c9;
}

::-webkit-scrollbar-thumb:active {
    background-color: #717175;
}

.full-radius {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.live-content .participant .photo,
.live-content .participant .photo,
.spinner > div,
.half-radius {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb,
.radius-0px {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

.loaded .loader-overlay,
.visibility-hidden {
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

/* ==========================================================================
   02. PRELOAD ANIMATION
   ========================================================================== */

.loader-content,
.loader-overlay {
    -moz-opacity: 1;
    -moz-perspective: 10000;
    -moz-perspective: 10000px;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    -webkit-opacity: 1;
    -webkit-perspective: 10000;
    -webkit-perspective: 10000px;
    -webkit-transition: all 800ms ease-in-out;
    filter: alpha(opacity=100);
    opacity: 1;
    overflow: hidden;
    perspective: 10000;
    perspective: 10000px;
    transition: all 800ms ease-in-out;
    zoom: 1;
}

.loader-content {
    position: relative;
    width: 100%;
    height: 200;
}

.loader-overlay {
    background-color: #fbfbfb;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
}

.loader-inner {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}

.loaded .loader-overlay {
    zoom: 1;
}

.spinner {
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    bottom: -9em;
    height: 2em;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    user-select: none;
    width: 10em;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
    margin-right: 1em;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    margin-right: 1em;
}

.spinner > div {
    -webkit-animation-fill-mode: both;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both;
    animation: bouncedelay 1.4s infinite ease-in-out;
    display: inline-block;
    height: 2em;
    width: 2em;
    background: var(--blue);
}

@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-pause-button {
    display: none;
}
video::-webkit-media-controls-play-button {
    display: none;
}
video::-webkit-media-controls-volume-slider {
    display: none;
}
video::-webkit-media-controls-mute-button {
    display: none;
}
video::-webkit-media-controls-timeline {
    display: none;
}
video::-webkit-media-controls-current-time-display {
    display: none;
}
video::-webkit-media-controls-start-playback-button {
    display: none;
}

.modal {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 991050;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
    scrollbar-width: thin;
    scroll-behavior: smooth;
    scroll-margin: 0;
    scroll-padding: 0;
    scrollbar-color: #4e4e4e #292929;
}

@media screen and (max-width: 767px) {
    .modal {
        top: 40px;
    }
}

/*hide modal*/
.modal,
.visibility-hidden {
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.modal.open,
.visibility-visible {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.modal::-webkit-scrollbar-track {
    background-color: #292929;
}
.modal::-webkit-scrollbar-thumb {
    background-color: #4e4e4e;
}
.modal::-webkit-scrollbar-thumb:hover {
    background-color: #616162;
}
.modal::-webkit-scrollbar-thumb:active {
    background-color: #424244;
}
.modal-dialog {
    position: relative;
    width: auto;
    max-width: 500px;
    margin: 0 auto;
}
.modal,
.modal .modal-dialog {
    transition: opacity 0.15s linear;
    opacity: 0;
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}
.modal.open,
.modal.open .modal-dialog {
    transform: none;
    opacity: 1;
}
.modal.open {
    padding: 17px;
    display: flex;
    align-items: center;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2rem;
    border-bottom: 1px solid #d3d3d3;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    text-align: center;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-body .modal-body-title {
    font-family: "AntiqueOliveStd-Nord", sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.94;
    letter-spacing: normal;
    text-align: center;
    color: #0080ce;
}
.modal-body .modal-body-description {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: center;
    color: #343434;
    margin-bottom: 1rem;
}
.modal-body .modal-body-buttons .button {
    margin-bottom: 0.5rem;
    padding: 0.75rem 2rem;
    margin-bottom: 0.5rem;
    border-radius: 1.5rem;
    font-family: "AntiqueOliveStd-Nord", sans-serif;
    font-size: 0.75rem;
    font-style: italic;
    text-transform: uppercase;
}
.modal-body .modal-body-buttons .button-confirm {
    color: #ffffff;
    background-color: #0080ce;
    border-color: #0080ce;
}
.modal-body .modal-body-buttons .button-confirm:hover {
    color: #ffffff;
    background-color: #0068a8;
    border-color: #00609b;
}
.modal-body .modal-body-buttons .button:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.modal-body .modal-body-buttons .button-link {
    text-transform: uppercase;
    opacity: 0.5;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: center;
    color: #343434;
    background: none;
    border: none;
}

.modal .modal-dialog {
    max-width: 552px;
}
.modal .modal-content {
    background: transparent;
    border: none;
    border-radius: 13px;
}
.modal .modal-header {
    justify-content: center;
    border: none;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 600;
    color: #ffffff;
}
.modal .modal-body {
    padding: 2rem;
    text-align: center;
    border: none;
    border-radius: 13px;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.33);
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    color: #4c4c4c;
}
.modal#audioPlayerModal .modal-body {
    background-color: #494949;
}
.modal .note-text {
    display: block;
    font-size: 22px;
    color: #6b9be8;
    line-height: 1.36;
}
.modal .user {
    margin-top: 42px;
    margin-bottom: 42px;
    font-size: 18px;
    font-weight: bold;
}
.modal .user .avatar {
    display: block;
    width: 70px;
    height: 70px;
    border: none;
    margin: 12px auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.modal .input-group .input-label {
    text-align: left;
    display: block;
    min-height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}
.modal .input-group input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbc1e1;
    background: #fff;
    -webkit-transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    height: 20px;
}
.modal .input-group input[type="radio"] {
    border-radius: 50%;
}
.modal .input-group input[type="radio"]:not(.switch) {
    width: 20px;
}
.modal .input-group input[type="radio"]::after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.3s ease;
    transition: opacity 0.2s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.2s;
    transition: transform 0.3s ease, opacity 0.2s, -webkit-transform 0.3s ease;
}
.modal .input-group input[type="radio"]:checked {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2);
    transition: opacity 0.3s, -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2);
    transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2), opacity 0.3s;
    transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2), opacity 0.3s,
        -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2);
    background-color: #6b9be8;
    border-color: #6b9be8;
}
.modal .input-group input[type="radio"]:hover:not(:checked):not(:disabled) {
    border-color: #0080ce;
}
.modal .input-group input[type="radio"]::after {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    top: 0;
    left: 0;
    margin: 3px;
}
.modal .input-group input[type="radio"]:not(.switch)::after {
    opacity: 0;
}
.modal .input-group input[type="radio"] + label {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 5px;
    max-width: calc(100% - 25px);
}
.modal .input-group input[type="radio"]:checked:not(.switch)::after {
    opacity: 1;
}
.modal .input-group input[type="radio"]:not(.switch):checked {
    opacity: 1;
}
.stars {
    display: inline-block;
}
.stars input.star {
    display: none;
}
.stars label.star {
    float: right;
    transition: all 0.2s;
    display: inline-block;
    margin-bottom: 0.5rem;
}
.stars label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}
.stars label.star::before {
    content: "";
    display: block;
    background-image: url(../../img/star-empty.svg);
    width: 37px;
    height: 37px;
    margin-right: 4px;
    margin-left: 4px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.stars input.star:checked ~ label.star::before {
    transition: all 0.25s;
    background-image: url(../../img/star.svg);
}
.stars input.star-5:checked ~ label.star::before {
    color: #fe7;
    text-shadow: 0 0 20px #952;
}
.modal .form-control {
    margin-top: 32px;
    margin-bottom: 34px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    border: none;
    overflow: auto;
    resize: vertical;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    padding: 0.375rem 0.75rem;
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.modal .actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.modal .btn-link {
    height: 48px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 0.5rem !important;
    color: #ffffff;
    color: #a4a4a4;
    padding: 9px 35px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    -webkit-appearance: button;
    display: inline-block;
}
.modal .btn-link:hover {
    color: #005082;
    text-decoration: underline;
}
.modal .btn-primary {
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 4px 10px 0 rgba(3, 109, 173, 0.3);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 0.5rem !important;
    color: #ffffff;
    background-color: #0080ce;
    border-color: #0080ce;
    padding: 9px 35px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    -webkit-appearance: button;
    display: inline-block;
}
.modal .btn-primary:hover {
    color: #ffffff;
    background-color: #0068a8;
    border-color: #00609b;
}
body.live-finished .live-content {
    right: 0px;
}
body.live-finished .live-content > section,
body.live-finished.live-has-intensity #intensityModal .modal-body,
body.live-finished.live-rated #ratingModal .modal-body,
body.live-finished .live-sidebar {
    display: none;
}

.description-m {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    font-size: 14px;
}

a {
    cursor: pointer;
    margin-left: 0.5rem;
    margin-left: 0.5rem;
}

button.leave {
    font-size: 14px !important;
    color: #ffff;
    background: #d53f3f !important;
    border-radius: 18.5px;
    cursor: pointer;
    margin-left: 2rem;
    padding: 9px 10px;
}

@media screen and (max-width: 767px) {
    button.leave {
        padding: 5px 8px;
    }
}

@media screen and (max-width: 540px) {
    button.leave {
        font-size: 13px !important;
        padding: 2px 5px;
    }
}

@media only screen and (max-width: 540px) {
    .live-header .top-menu {
        width: 100%;
    }
    button.leave {
        margin-left: 0;
        padding: 1px 2px 0px;
    }
}

.fixed-ratio-resize {
    max-width: 100%;
    height: auto;
    width: auto;
}

@media only screen and (max-width: 1025px) {
    .live-content section > .all-button {
        position: fixed;
        bottom: 0;
        top: inherit;
        left: calc(50% - 50px);
        width: 100px;
        background-color: #494949;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
}

/*Activate Meeting Counter  Begin*/
#activateMeetingCounter {
    background-color: rgba(20, 20, 20, 0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 0.25rem 0.75rem;
    font-family: Helvetica, sans-serif;
    position: fixed;
    top: 60px;
    right: 0;
    margin: 5px;
    border-radius: 0.25rem;
    display: none;
    z-index: 9999;
    width: 288px;
    cursor: help;
}
@media screen and (max-width: 540px) {
    #activateMeetingCounter {
        width: auto;
        right: auto;
        left: 170px;
    }
}
/*Activate Meeting Counter  End*/

.live-content .video-button.video-audios-mute {
/*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg id='svgg'%3E%3Cpath d='M278.200 117.389 C 277.320 117.718,276.512 117.991,276.404 117.994 C 275.484 118.022,118.985 275.277,118.163 277.000 C 114.779 284.087,121.868 291.586,129.113 288.584 C 130.143 288.157,137.859 280.718,154.214 264.384 C 167.202 251.413,178.023 240.800,178.260 240.800 C 179.075 240.800,180.666 242.362,197.572 259.761 L 214.515 277.200 218.688 277.200 C 227.210 277.200,227.192 277.307,227.197 227.060 C 227.200 197.123,227.278 192.556,227.810 191.436 C 228.703 189.554,242.059 176.400,243.077 176.400 C 244.060 176.400,245.014 178.418,246.561 183.771 C 251.168 199.712,248.536 218.562,239.761 232.462 C 238.424 234.580,238.502 234.851,241.099 237.051 C 242.364 238.123,244.801 240.305,246.516 241.900 C 250.391 245.504,250.359 245.506,252.961 241.500 C 267.080 219.760,268.752 189.884,257.146 166.711 C 255.472 163.368,255.541 163.151,259.579 159.113 C 264.153 154.539,263.937 154.475,267.411 161.417 C 281.232 189.032,279.089 222.713,261.851 248.800 C 258.071 254.520,257.960 253.653,263.312 260.240 C 268.902 267.121,268.437 267.039,272.307 261.826 C 296.619 229.082,299.154 183.581,278.635 148.246 C 275.363 142.611,275.101 143.417,282.615 136.000 C 285.812 132.843,288.396 129.935,288.834 129.000 C 291.910 122.428,284.972 114.852,278.200 117.389 M217.400 122.151 C 214.965 123.255,211.265 126.656,189.767 147.544 C 177.685 159.283,167.440 169.127,167.000 169.420 C 166.480 169.765,162.537 170.236,155.747 170.762 C 141.076 171.898,137.416 173.581,134.064 180.730 L 133.000 183.000 133.000 199.608 L 133.000 216.217 134.307 218.872 C 135.983 222.275,139.459 225.578,142.686 226.831 C 146.134 228.170,152.650 228.409,154.481 227.264 C 156.562 225.962,226.306 155.936,226.779 154.674 C 227.980 151.465,227.099 128.297,225.652 125.025 C 224.459 122.328,220.244 120.860,217.400 122.151 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg%3E%3Cpath d='M217.400 122.151 C 214.965 123.255,211.265 126.656,189.767 147.544 C 177.685 159.283,167.440 169.127,167.000 169.420 C 166.480 169.765,162.537 170.236,155.747 170.762 C 141.076 171.898,137.416 173.581,134.064 180.730 L 133.000 183.000 133.000 199.608 L 133.000 216.217 134.307 218.872 C 137.909 226.188,141.521 227.748,155.200 227.898 C 160.810 227.959,165.771 228.092,166.225 228.193 C 166.679 228.295,177.731 239.363,190.786 252.789 L 214.522 277.200 218.692 277.200 C 227.662 277.200,227.193 281.597,227.194 197.400 C 227.194 132.231,227.111 128.322,225.652 125.025 C 224.459 122.328,220.244 120.860,217.400 122.151 M267.469 134.527 C 266.581 135.217,259.186 144.448,258.711 145.461 C 258.366 146.196,258.787 147.041,261.594 151.240 C 281.306 180.730,281.407 219.205,261.851 248.800 C 258.071 254.520,257.960 253.653,263.312 260.240 C 268.902 267.121,268.437 267.039,272.307 261.826 C 299.117 225.718,299.144 174.719,272.373 138.663 C 269.154 134.328,268.470 133.751,267.469 134.527 M245.974 158.283 C 244.329 159.777,241.952 161.877,240.692 162.949 C 237.938 165.290,237.935 165.336,240.179 169.165 C 251.839 189.055,251.677 213.586,239.761 232.462 C 238.424 234.580,238.502 234.851,241.099 237.051 C 242.364 238.123,244.801 240.305,246.516 241.900 C 250.391 245.504,250.359 245.506,252.961 241.500 C 268.946 216.887,268.748 182.820,252.481 158.600 C 250.018 154.934,249.679 154.918,245.974 158.283 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");

}

.live-content article.muted .video-button.video-audios-mute,
.live-content.muted .video-button.video-audios-mute {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0, 0, 400,400'%3E%3Cg id='svgg'%3E%3Cpath d='M278.200 117.389 C 277.320 117.718,276.512 117.991,276.404 117.994 C 275.484 118.022,118.985 275.277,118.163 277.000 C 114.779 284.087,121.868 291.586,129.113 288.584 C 130.143 288.157,137.859 280.718,154.214 264.384 C 167.202 251.413,178.023 240.800,178.260 240.800 C 179.075 240.800,180.666 242.362,197.572 259.761 L 214.515 277.200 218.688 277.200 C 227.210 277.200,227.192 277.307,227.197 227.060 C 227.200 197.123,227.278 192.556,227.810 191.436 C 228.703 189.554,242.059 176.400,243.077 176.400 C 244.060 176.400,245.014 178.418,246.561 183.771 C 251.168 199.712,248.536 218.562,239.761 232.462 C 238.424 234.580,238.502 234.851,241.099 237.051 C 242.364 238.123,244.801 240.305,246.516 241.900 C 250.391 245.504,250.359 245.506,252.961 241.500 C 267.080 219.760,268.752 189.884,257.146 166.711 C 255.472 163.368,255.541 163.151,259.579 159.113 C 264.153 154.539,263.937 154.475,267.411 161.417 C 281.232 189.032,279.089 222.713,261.851 248.800 C 258.071 254.520,257.960 253.653,263.312 260.240 C 268.902 267.121,268.437 267.039,272.307 261.826 C 296.619 229.082,299.154 183.581,278.635 148.246 C 275.363 142.611,275.101 143.417,282.615 136.000 C 285.812 132.843,288.396 129.935,288.834 129.000 C 291.910 122.428,284.972 114.852,278.200 117.389 M217.400 122.151 C 214.965 123.255,211.265 126.656,189.767 147.544 C 177.685 159.283,167.440 169.127,167.000 169.420 C 166.480 169.765,162.537 170.236,155.747 170.762 C 141.076 171.898,137.416 173.581,134.064 180.730 L 133.000 183.000 133.000 199.608 L 133.000 216.217 134.307 218.872 C 135.983 222.275,139.459 225.578,142.686 226.831 C 146.134 228.170,152.650 228.409,154.481 227.264 C 156.562 225.962,226.306 155.936,226.779 154.674 C 227.980 151.465,227.099 128.297,225.652 125.025 C 224.459 122.328,220.244 120.860,217.400 122.151 ' stroke='none' fill-rule='evenodd' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.d-none {
    display: none !important;
}