@charset "utf-8";

:root {
    --yellow: #feb820;
    --colorBg: #151a25;
    --colorFont: #fff;
    --active: #4a76a8;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto.eot');
    src: local('☺'), url('../fonts/roboto.woff') format('woff'),
        url('../fonts/roboto.ttf') format('truetype'),
        url('../fonts/roboto.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/roboto-black.eot');
    src: local('Roboto-Black'), url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/bebasneue/BebasNeue Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue-Black';
    src: url('../fonts/bebasneue/BebasNeue Bold.otf');
    font-weight: bold;
    font-style: normal;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    height: 100%;
    width: 100%;
}

body {
    background: url(../img/watch/wood-dark-l.png);
    background-color: var(--colorBg);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: contain;
    font-family: 'Roboto';
    color: var(--colorFont);
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-columns: 100%;
    overflow: hidden;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mb10 {
    margin-bottom: 10px;
}

.gwEmoji_wrapper {
    position: relative;
}

.gw_notice-container {
    width: 250px;
    position: absolute;
    left: -200px;
    bottom: 15px;
    z-index: 25;
    top: 50px;
    display: none;
    pointer-events:none;
}

.popup {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    z-index: 40;
}

.popup__bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.8;
    background: #ffffff;
}

.popup__content {
    position: relative;
    width: 33%;
    min-width: 550px;
    background: #fff url('../img/watch/exitMan.png') no-repeat;
    background-position: 55px 30px;
    padding: 40px 50px 40px 180px;
    min-height: 180px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}


.popup.subscribe {
    align-items: flex-start;
}

.subscribe .popup__bg {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    opacity: 1;
}

.subscribe .popup__content {
    position: relative;
    width: 100%;
    min-width: 100%;
    background: #ffc60a;
    background-position: 55px 30px;
    padding: 35px;
    height: auto;
    min-height: auto;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    font-size: 20px;
}

.subscribe .flex {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 35px;
}

.subscribe .popup__email__service__btn {
    display: flex;
    align-items: flex-end;
    margin-right: -220px;
    gap: 15px;
}

.subscribe .popup__content-message {
    padding: 0;
    text-align: center;
    margin: 0;
    font-size: 20px;
}

@media screen and (max-width: 1360px) {
    .subscribe .popup__email__service__btn {
        margin-right: 0;
    }
}

@media screen and (max-width: 780px) {
    .subscribe .flex {
        flex-direction: column;
        align-items: center;
    }

    .subscribe .popup__email__service {
        flex-direction: column-reverse;
        align-items: center;
    }

    .subscribe .popup__email__service__btn {
        margin-right: 0;
    }
}

.popup__content__footer {
    display: flex;
    justify-content: space-between;
}

.popup__content__btns {
    display: flex;
    justify-content: space-around;
    column-gap: 20px;
}

.popup__content-message {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 100px;
    padding-right: 20px;
}

.popup__email__service {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    gap: 10px;
}

.popup__content__btn {
    cursor: pointer;
    padding: 8px 30px;
    border-radius: 4px;
    color: #fff;
    outline: none;
    user-select: none;
    touch-action: manipulation;
    text-transform: none;
    -webkit-appearance: button;
    appearance: button;
    border: 0;
}

.btn-exit {
    background-color: #e6273e;
}

.btn-exit:hover {
    background-color: #da1930;
}

.btn-exit:active,
.btn-exit:hover,
.btn-exit:focus {
    background-color: #c3172b;
    color: #fff;
    text-decoration: none;
}

.btn-cancel,
.btn-confirm {
    background-color: #6cc722;
    margin-left: 10px;
}

.btn-cancel:hover,
.btn-confirm:hover {
    background-color: #60b11e;
    text-decoration: none;
    color: #fff;
}

.btn-cancel:active,
.btn-cancel:focus,
.btn-confirm:active,
.btn-confirm:focus {
    background-color: #549b1b;
    color: #fff;
    text-decoration: none;
}

.popup__content-close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    background: url('../img/watch/close.svg') no-repeat;
    cursor: pointer;
}

.goodly-webinar__header {
    /* background-color: var(--colorBg); */
    background-color: transparent;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5vh 1.3vw;
    align-items: center;
    position: relative;
    z-index: 27;
    min-height: 40px;
}

.icon {
    cursor: pointer;
}

.goodly-webinar__header:after {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    bottom: 0;
    left: 1.3vw;
    right: 1.3vw;
    content: '';
    position: absolute;
}

.goodly-webinar__header svg path {
    fill: var(--colorFont);
}

.goodly-webinar__header-center {
    height: 100%;
    align-items: center;
    width: 100%;
    margin-left: 20px;
    -ms-flex-item-align: self-end;
    align-self: self-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    justify-content: inherit;
}

/* .cast {
    display: none;
    width: 120px;
    font-size: 14px;
    line-height: 22px;
}
.cast_logo {
    margin-right: 5px;
    animation: cast_contrast 3s infinite;
    position: relative;
    top: -1px;
}
@keyframes cast_contrast {
    from {
        filter: contrast(1);
    }
    to {
        filter: contrast(2);
    }
} */
.goodly-webinar__title {
    height: 28px;
    font-weight: 500;
    font-size: 26px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.goodly-webinar__header-mobile {
    display: none;
}

.navbar {
    background-color: transparent;
    margin-bottom: 0;
    border: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--colorFont);
}

.goodly-webinar__header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*min-width: 435px;*/
}

.goodly-webinar__header-right.forbidden {
    opacity: 0.2;
}

.userControls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.userControls_wrap {
    padding: 0 11px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: 0;
    height: 24px;
}

.icon {
    cursor: pointer;
}

.userControls_icon {
    position: relative;
    margin: 0 11px;
    cursor: pointer;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 21;
}

/* .userControls_icon:hover {
    color: var(--active);
} */
.userControls_icon:before {
    content: '';
    position: absolute;
    width: 0px;
    height: 1px;
    top: 39px;
    left: 12px;
    background-color: #6aa3e6;
    transition: 0.5s;
}

.userControls_icon:hover.userControls_icon:before {
    content: '';
    position: absolute;
    width: 32px;
    left: -4px;
    transition: 0.5s;
}

.monitor:hover svg path:nth-child(3),
.monitor:hover svg path:nth-child(4) {
    stroke: #6aa3e5;
}

.monitor:hover svg path:nth-child(2) {
    transition: 1.5s;
    d: path('M 1.37484 15 H 22.6252 C 23.4022 15 24 14.4661 24 13.8305 V 2.59322 C 24 1.16949 22.6252 0 20.9514 0 H 3.04857C1.37484 0 0 1.16949 0 2.59322V13.8051 C 0 14.4661 0.627646 15 1.37484 15 Z M 2 3 C 2 2.55882 2 2 3 2 H 20.9514 C 22 2 22 2.55882 22 3 V 13 H 2 V 3 Z'
        );
}

.monitor:hover svg path:nth-child(3) {
    transition: d 0.5s;
    d: path('M 16.5 4.5 H 19.5 V 7.5') !important;
}

.monitor:hover svg path:nth-child(4) {
    transition: d 0.5s;
    d: path('M 19.5 4.5 L 16.5 7.5') !important;
}

.icon_message:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    background: transparent url('../img/watch/messagePen.png') no-repeat;
    width: 0;
    height: 0;
}

.icon_message:hover.icon_message:after {
    transition: 0.5s;
    height: 12px;
    width: 12px;
}

.documents:hover .documents-file {
    opacity: 0;
    transition: 0.3s;
}

.icon_download {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 0;
    height: 0;
    opacity: 0.5;
}

.goodly-webinar__header .icon_download>path:nth-child(1) {
    fill: #6aa3e5;
}

.documents:hover .icon_download {
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    opacity: 1;
    transition: 0.5s;
    z-index: -1;
}

.icon_resize {
    display: none;
}

.sound-control:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 0px;
    left: 12px;
    top: 20px;
    background-color: #6aa3e5;
}

.sound-control:hover.sound-control:after {
    width: 3px;
    height: 30px;
    transform: rotate(57.53deg);
    top: -6px;
    left: 6px;
    transition: 0.5s;
}

.sound-control.mute:after {
    background: #f44336;
    height: 30px;
    top: -6px;
    left: 6px;
    transform: rotate(57.53deg);
}

.countMember svg:nth-child(2) {
    display: none;
}

.countMember:hover svg:first-child {
    display: none;
}

.countMember:hover svg:nth-child(2) {
    display: block;
}

.countMember:hover svg path:nth-child(4) {
    fill: #6aa3e5;
}

.icon_theme {
    outline: 0;
}

.icon_theme:hover svg path:nth-child(7) {
    fill: #6aa3e5;
    transition: 0.5s;
}

.icon_theme:hover svg path:nth-child(9) {
    fill: #f8981d;
    transition: 0.5s;
}

.logout svg:nth-child(2) {
    position: absolute;
    top: 5px;
    left: -20px;
}

.logout_arrow {
    transform: translate(20px, 25px);
    opacity: 0;
}

.logout:hover .logout_arrow {
    transform: translate(5px, -1px);
    opacity: 1;
    transition: 0.8s;
}

/* .userControls_icon:hover path {
fill: var(--active);
}
.userControls_fill:hover path:nth-child(1) {
fill: none;
} */
.countMember-number {
    user-select: none;
    margin-left: 10px;
}

.userControls_icon.logout {
    margin-left: 20px;
}

.new {
    text-align: center;
    position: absolute;
    right: -10px;
    top: -8px;
    width: 17px;
    height: 17px;
    color: #fff;
    background-color: #67b728;
    border-radius: 50%;
    font-size: 10px;
    line-height: 16px;
}

.message.new {
    display: none;
    background-color: var(--active);
}

.files.new {
    display: none;
}

.volume {
    max-width: 200px;
    width: 5%;
    min-width: 100px;
    height: 2px;
    background-color: var(--colorFont);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative;
}

.volume:before {
    content: '';
    background-color: var(--active);
    height: 2px;
    width: 60%;
    position: absolute;
}

.volume_thumb {
    background-color: var(--active);
    cursor: pointer;
    position: absolute;
    left: 60%;
    width: 14px;
    height: 14px;
    top: -6px;
    border-radius: 50%;
}

.volume_thumb:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--colorFont);
    box-shadow: inset 0 0 0 1px var(--colorFont);
}

.theme {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    height: 360px;
    width: 245px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 16px 20px rgba(51, 54, 65, 0.1);
    box-shadow: 0px 16px 20px rgba(51, 54, 65, 0.1);
    top: 38px;
    right: -30px;
    align-content: baseline;
}

.theme.open {
    display: flex;
}

.theme_light {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: 190px;
}

.block {
    background: #ffffff;
    box-shadow: 0px 16px 20px rgba(51, 54, 65, 0.1);
    border-radius: 4px;
    width: 64px;
    height: 48px;
    background-position: center;
    background-size: cover;
    position: relative;
}

.block:hover:before {
    position: absolute;
    content: '';
    border-radius: 3px;
    border: 1px solid #4a76a8;
    width: 100%;
    height: 100%;
    box-shadow: 2px 1px #333;
}

.theme_light .block1 {
    background: url('../img/watch/small_bg1.png') no-repeat;
}

.theme_light .block2 {
    background: linear-gradient(11.52deg, #d9a7c7 2.08%, #fffcdc 92.93%);
}

.theme_light .block3 {
    background: linear-gradient(11.52deg, #efefbb 2.08%, #d4d3dd 92.93%);
}

.theme_light .block4 {
    background: #ededed;
}

.theme_light .block5 {
    background: #dde4ed;
}

.theme_light .block6 {
    background: #d9eaf3;
}

.theme_light .block7 {
    /*background: #D9EAF3;*/
    background: url('../img/watch/small_bg_colored-light.png') no-repeat;
}

.theme_dark {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: 168px;
}

.theme_dark .block1 {
    background: url('../img/watch/small_bg1-dark.png') no-repeat;
}

.theme_dark .block2 {
    background: url('../img/watch/small_bg2-dark.png') no-repeat;
}

.theme_dark .block3 {
    background: url('../img/watch/small_bg3-dark.png') no-repeat;
}

.theme_dark .block4 {
    background: #222;
}

.theme_dark .block5 {
    background: #212a37;
}

.theme_dark .block6 {
    background: #36414f;
}

.theme_text {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.theme-active:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url('../img/watch/theme-active.png') no-repeat;
    background-position: center;
    border: 1px solid #4a76a8;
    border-radius: 3px;
}

.sun {
    position: relative;
    margin-top: 22px;
    background: url('../img/watch/sun.png') no-repeat;
    background-position-x: 45px;
    width: 100%;
}

.sun:before {
    position: absolute;
    content: '';
    width: 23px;
    top: -16px;
    left: 111px;
    border: 1px solid #e7e7ea;
}

.moon {
    position: relative;
    margin-top: 22px;
    background: url('../img/watch/moon.png') no-repeat;
    background-position-x: 45px;
    width: 100%;
}

.moon:before {
    position: absolute;
    content: '';
    width: 138px;
    top: -16px;
    left: 53px;
    border: 1px solid #e7e7ea;
}

.goodly-webinar__main {
    position: relative;
    box-sizing: border-box;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
}

.bg {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background-position: center;
    z-index: -1;
}

.bg.light_floor {
    background: url('../img/watch/background.jpg') no-repeat;
    background-size: 100% 100%;
}

.bg.light_gradient1 {
    background-image: linear-gradient(11.52deg, #d9a7c7 2.08%, #fffcdc 92.93%);
    background-size: 100% 100%;
}

.bg.light_gradient2 {
    background-image: linear-gradient(11.52deg, #efefbb 2.08%, #d4d3dd 92.93%);
    background-size: 100% 100%;
}

.bg.light_gradient3 {
    background-image: linear-gradient(11.52deg, #dde4ed 2.08%, #dde4ed 92.93%);
    background-size: 100% 100%;
}

.bg.light_sky {
    background: url('../img/watch/light-sky.jpg') no-repeat;
    background-size: 100% 100%;
}

.bg.light_snow {
    background: url('../img/watch/light-snow.jpg') no-repeat;
    background-size: 100% 100%;
}

.bg.light_bubble {
    background: url('../img/watch/light_bubble.jpg') no-repeat;
    background-size: 100% 100%;
}

.bg.dark_floor {
    /*background: url('../img/watch/background-dark.jpg') no-repeat;*/
    background-size: 100% 100%;
}

.bg.dark_wood {
    background: url('../img/watch/dark-wood.jpg') no-repeat;
    background-size: 100% 100%;
}

.bg.dark_dot {
    background: url('../img/watch/dark-dot.jpg') no-repeat;
    background-size: 100% 100%;
}

.bg.dark_color1 {
    background-image: linear-gradient(11.52deg, #222 2.08%, #222 92.93%);
    background-size: 100% 100%;
}

.bg.dark_color2 {
    background-image: linear-gradient(11.52deg, #212a37 2.08%, #212a37 92.93%);
    background-size: 100% 100%;
}

.bg.dark_color3 {
    background-image: linear-gradient(11.52deg, #36414f 2.08%, #36414f 92.93%);
    background-size: 100% 100%;
}

.goodly-webinar__main-container {
    width: 100%;
    padding: 0.5vw 0 0 1.3vw;
}

.goodly-webinar__content-block {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Возможно закоментировать прелоадеры? */
.goodly-webinar-video-container .overlay,
.goodly-webinar-video-container .preload {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    /* z-index: 9999; */
}

.goodly-webinar-video-container .preload:before {
    content: '';
    height: 25%;
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}

.goodly-webinar-video-container .preload:after {
    content: '';
    height: 25%;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

/* до этого места прелоадеры */
.goodly-webinar-video-player iframe,
.goodly-webinar-video-player {
    pointer-events: none;
    overflow: hidden;
}

.goodly-webinar-video-frame.error .goodly-webinar-video-player iframe,
.goodly-webinar-video-frame.error .goodly-webinar-video-player,
.goodly-webinar-video-frame.hideOverlay .goodly-webinar-video-player #player iframe,
.goodly-webinar-video-frame.hideOverlay .goodly-webinar-video-player #player,
.goodly-webinar-video-frame.hideOverlay .goodly-webinar-video-player,
.goodly-webinar-video-frame.mobile .goodly-webinar-video-player{
    pointer-events: all;
}

.goodly-webinar-video-container #banner {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: none;
}

#presentation {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
    background: var(--colorBg);
}

#presentation img {
    max-width: 100%;
    height: 100%;
}

.goodly-webinar-video-container.lt,
.goodly-webinar-video-container.rt,
.goodly-webinar-video-container.rb {
    padding: 0;
}

.goodly-webinar-video-container.lt .goodly-webinar-video-player,
.goodly-webinar-video-container.rt .goodly-webinar-video-player,
.goodly-webinar-video-container.rb .goodly-webinar-video-player {
    height: 146px;
    width: 260px;
    position: absolute;
    z-index: 5;
    top: 0;
    border-radius: 4px;
}

.goodly-webinar-video-container.lt .goodly-webinar-video-player {
    left: 0;
}

.goodly-webinar-video-container.rt .goodly-webinar-video-player {
    right: 0;
    left: auto;
}

.goodly-webinar-video-container.rb .goodly-webinar-video-player {
    right: 0;
    left: auto;
    top: auto !important;
    bottom: 0 !important;
}

.goodly-webinar-video-container.video #presentation {
    display: none;
}

.goodly-webinar-video-container.lt,
.goodly-webinar-video-container.rt,
.goodly-webinar-video-container.rb {
    background-color: transparent;
}

.goodly-webinar-video-container.lt #banner,
.goodly-webinar-video-container.rt #banner,
.goodly-webinar-video-container.rb #banner {
    display: none;
}

#video-online-cover,
#webend-cover {
    background-color: #f5f5f5;
    font-size: 50px;
    color: #333;
    text-align: center;
    display: none;
}

#webend-cover {
    background-image: url('../images/cover_webend.jpg');
    background-size: 100% 100%;
}

#webstart-cover {
    border: 2px solid rgba(255, 255, 255, 0.4);
    background: #eff1f5;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 0 5px 2px #ccc;
    position: relative;
    padding: 1vw 1.5vw;
    margin-bottom: 2vw;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.02em;
    color: #333641;
    font-size: 2vw;
    line-height: 3.5vw;
    width: max-content;
}

#video-cover {
    background-color: #f9faff;
    background-image: url('../images/cover_video.jpg');
    justify-content: center;
    font-size: max(18px, 1.9vw);
    background-size: 100% 100%;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    overflow: hidden;
    padding: 0 0 1% 0;
}

#video-cover.flex{
    display: flex;
}

#video-cover.none{
    display: none;
}

.goodly-webinar-video-frame.error #video-cover,
.goodly-webinar-video-frame.hideOverlay #video-cover{
    display: none;
}

#video-cover .video-cover-text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: max(18px, 1.9vw);
    display: none;
    width: max-content;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
}

#video-cover .video-cover-text span {
    color: #6c9dd8;
    text-decoration: underline;
    text-shadow: 1px 1px 1px #001934;
}

#video-cover .video-cover-text:hover span {
    text-decoration: none;
}

.b-overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3vw 3vw 1vw 3vw;
}

#banner.forbidden #forbidden {
    display: flex;
    align-items: center;
    width: max-content;
}

.goodly-webinar__exit-text {
    padding: 0;
    margin: 0;
    color: #222;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    padding-right: 36px;
    line-height: 24px;
    cursor: pointer;
}

.goodly-webinar__exit-ic {
    position: absolute;
    right: 0;
}

.goodly-webinar__chat-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: var(--colorFont);
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.goodly-webinar__chat-members {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #4a76a8;
}

#files-wrap {
    width: 100%;
    border-bottom: 1px solid #fff;
}

#files-wrap svg {
    margin-right: 30px;
}

#files-wrap svg path {
    fill: var(--colorFont);
}

.goodly-webinar__chat-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 1vh;
}

.moderatorMark {
    border-radius: 4px;
    background: #4caf50;
    padding: 3px 7px;
    margin-left: auto;
}

.mobile-settings {
    display: none;
    user-select: none;
    outline: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: url('../img/watch/mobile-settings.png') no-repeat center;
    cursor: pointer;
}

.chat-form_send {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    z-index: 1;
    bottom: 9px;
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

.chat-form_heart {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 80px;
    z-index: 1;
    bottom: 14px;
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    background: url('../img/watch/heart-emoji.png');
    background-size: cover;
}

.chat-form_thumbs_up {
    display: inline-block;
    position: absolute;
    width: 23px;
    height: 23px;
    right: 5px;
    z-index: 1;
    bottom: 23px;
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    background: url('../img/watch/thumbs-up.png');
    background-size: cover;
}

.goodly-webinar-video-container {
    position: relative;
    overflow: auto;
    width: 100%;
    border-radius: 4px;
}

.goodly-webinar-video-container .goodly-webinar-video-player,
.goodly-webinar-video-container iframe,
.goodly-webinar-video-container #banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#banner .name {
    text-align: left;
    width: 100%;
    font-family: 'BebasNeue-Black';
    color: #f81c4b;
    font-size: 3vw;
    margin-bottom: 2vw;
    line-height: 3vw;
}

#banner .name small {
    background: #333641;
    border-radius: 4px;
    font-family: 'BebasNeue';
    font-weight: normal;
    font-size: 2.6vw;
    color: #ffffff;
    padding: 0.1vw 1vw;
    display: table;
}

#timer {
    border: 2px solid rgba(255, 255, 255, 0.4);
    background: #eff1f5;
    border-radius: 6px;
    width: 16vw;
    display: flex;
    align-items: center;
    box-shadow: 0 0 5px 2px #ccc;
    position: relative;
    padding: 1vw 1.5vw;
    margin-bottom: 2vw;
}

#banner.forbidden #timer {
    border-radius: 64px;
    border: 1px solid #e53b35;
    height: 100px;
    line-height: 0;
}

#timer ul {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

#timer .start-t {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8vw;
    color: #333641;
}

#timer-clock {
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.02em;
    color: #333641;
    font-size: 3.2vw;
    line-height: 3.5vw;
}

#timer-clock_days {
    font-size: 2vw;
    text-transform: lowercase;
    font-style: normal;
    font-weight: normal;
    line-height: 2vw;
}

.clock-content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 8vw;
    right: -4vw;
    display: flex;
    align-items: center;
}

.clock {
    display: block;
    width: 8vw;
    height: 8vw;
    position: relative;
}

.clock .clock_face {
    width: 100%;
    height: 100%;
}

.clock .sec {
    position: absolute;
    width: 45%;
    height: 36%;
    top: calc(50% - 29%);
    left: calc(50% - 30%);
    transform-origin: 65% 63%;
    animation: sec_arrow 60s infinite;
    animation-timing-function: steps(60, end);
}

.clock .minuts {
    position: absolute;
    width: 40%;
    height: 27%;
    top: calc(50% - 26%);
    left: calc(50% - 9.5%);
    transform-origin: 22% 77%;
    animation: sec_arrow 3600s infinite;
    animation-timing-function: steps(60, end);
}

.time {
    display: inline-block;
    font-size: 14px;
    min-width: 145px;
    margin-left: 10px;
    width: auto;
}

.time-bold {
    font-weight: 700;
    font-size: 18px;
}

.seconds {
    color: #f81c4b;
}

.forbidden_play {
    display: none;
}

.forbidden_text-warning {
    display: block;
    color: #f4142f;
    font-size: 24px;
    line-height: 10px;
    margin-top: 25px;
}

.forbidden_text-simple {
    color: #333641;
    font-size: 14px;
    line-height: 48px;
}

.pay {
    position: relative;
    background-color: var(--colorBg);
    margin-top: 20px;
    cursor: pointer;
    width: 230px;
    height: 42px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 24px;
    padding: 12px 52px 12px 44px;
}

.pay:after {
    content: '❯';
    position: absolute;
    height: 7px;
    width: 12px;
    top: 12px;
    right: 28px;
    font-size: 16px;
}

.pay:before {
    content: '';
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 5em;
    display: block;
    position: absolute;
    top: 0;
    left: -6.5em;
    -webkit-transform: skewX(-45deg) translateX(0);
    -ms-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.pay:hover:before {
    -webkit-transform: skewX(-45deg) translateX(50em);
    -ms-transform: skewX(-45deg) translateX(50em);
    transform: skewX(-45deg) translateX(50em);
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.timer-none {
    text-transform: uppercase;
    color: #f4142f;
}

.music {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333641;
    position: relative;
    display: block;
    width: 18vw;
    height: 3vw;
}

.music audio {
    border-radius: 8px;
}

.music_track {
    padding: 0 10px 0 5px;
    border-bottom: 1px solid #333641;
    margin-left: 5px;
}

.music_track_name {
    font-weight: 700;
    color: var(--active);
}

.copyright {
    position: relative;
    color: var(--colorFont);
    display: flex;
    align-items: flex-end;
    margin-top: auto;
}

.goodly-webinar__right-column {
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5vw 1.3vw 0 1.3vw;
    width: 40%;
    min-width: 435px;
    background-color: var(--colorBg);
}

.goodly-webinar__right-column.forbidden {
    filter: blur(5px);
}

.goodly-webinar__chat-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: var(--colorFont);
    white-space: nowrap;
    overflow-x: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.goodly-webinar__chat-author {
    margin: 0;
    margin-top: 3px;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #6c9dd8;
}

.goodly-webinar__chat-rank {
    font-size: 13px;
    line-height: 15px;
    color: var(--colorFont);
}

#files {
    overflow: auto;
    display: none;
    list-style: none;
}

.chat-messages {
    list-style: none;
}

.product-file {
    background: #ffffff;
    border-radius: 4px;
    padding: 8px 11px !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-file.color-4A76A8 {
    border: 1px solid #4a76a8;
    box-shadow: 0px -1px 0px #638dbe;
}

.product-file.color-4A76A8 .product-file__btn {
    background-color: #4a76a8;
}

.product-file.color-3CC1C1 {
    border: 1px solid #3cc1c1;
    -webkit-box-shadow: 0px 1px 0px #31aaaa;
    box-shadow: 0px 1px 0px #31aaaa;
}

.product-file.color-3CC1C1 .product-file__btn {
    background-color: #3cc1c1;
}

.product-file.color-2FC258 {
    border: 1px solid #2fc258;
    -webkit-box-shadow: 0px 1px 0px #29a74c;
    box-shadow: 0px 1px 0px #29a74c;
}

.product-file.color-2FC258 .product-file__btn {
    background-color: #2fc258;
}

.product-file.color-D73030 {
    border: 1px solid #d73030;
    -webkit-box-shadow: 0px 1px 0px #a92626;
    box-shadow: 0px 1px 0px #a92626;
}

.product-file.color-D73030 .product-file__btn {
    background-color: #d73030;
}

.product-file.color-9C2FC2 {
    border: 1px solid #9c2fc2;
    -webkit-box-shadow: 0px 1px 0px #822c9f;
    box-shadow: 0px 1px 0px #822c9f;
}

.product-file.color-9C2FC2 .product-file__btn {
    background-color: #9c2fc2;
}

.product-file.color-E27D20 {
    border: 1px solid #e27d20;
    -webkit-box-shadow: 0px 1px 0px #b7671d;
    box-shadow: 0px 1px 0px #b7671d;
}

.product-file.color-E27D20 .product-file__btn {
    background-color: #e27d20;
}

.product-file.color-F2C94C {
    border: 1px solid #f2c94c;
    -webkit-box-shadow: 0px 1px 0px #e27d20;
    box-shadow: 0px 1px 0px #e27d20;
}

.product-file.color-F2C94C .product-file__btn {
    background-color: #f2c94c;
}

.product-file.color-222222 {
    border: 1px solid #222222;
    -webkit-box-shadow: 0px 1px 0px #333333;
    box-shadow: 0px 1px 0px #333333;
}

.product-file.color-222222 .product-file__btn {
    background-color: #222222;
}

.product-file.color-67B728 {
    border: 1px solid #67b728;
    -webkit-box-shadow: 0px 1px 0px #67b728;
    box-shadow: 0px 1px 0px #67b728;
}

.product-file.color-67B728 .product-file__btn {
    background-color: #67b728;
}

.product-file.color-56CCF2 {
    border: 1px solid #56ccf2;
    -webkit-box-shadow: 0px 1px 0px #56ccf2;
    box-shadow: 0px 1px 0px #56ccf2;
}

.product-file.color-56CCF2 .product-file__btn {
    background-color: #56ccf2;
}

.product-file__img {
    height: 48px;
    width: auto;
    object-fit: contain;
    margin-right: 0 !important;
    border-radius: 4px;
}

.product-file__content {
    margin-right: auto;
}

.product-file__name {
    font-size: 13px;
    line-height: 12px;
    color: #333333;
    display: block;
}

.product-file__desc {
    font-size: 12px;
    color: #666666;
}

.product-file__btn {
    border-radius: 14px;
    font-size: 11px;
    color: #ffffff;
    padding: 6px 20px;
    padding-right: 35px;
    background-image: url('../img/watch/Arrow.png');
    background-repeat: no-repeat;
    background-position: 87% 50%;
    transition: 0.3s;
}

.product-file__btn:hover {
    text-decoration: none;
    color: white;
    box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);
}

#files {
    display: block;
    position: relative;
    margin: 0 0 10px 0;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    padding-right: 3px;
}

.goodly-webinar__right-column #files {
    height: auto;
    touch-action: manipulation;
    display: none;
}

.files-limiter {
    display: flex;
    flex-direction: column;

}

#files .product-file,
#chat-wrap .product-file {
    margin-bottom: 8px;
}

#files .product-file:hover {
    text-decoration: none;
}

.files-mobile {
    display: none;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.file {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0px 44px;
    width: 100%;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 8px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}

.file:hover,
.file:active,
.file:focus {
    text-decoration: none;
}

/* @-webkit-keyframes sheen {
    0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
    }
    100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
    }
}

@keyframes sheen {
0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
}
100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
} 
} */
.file:before {
    content: '';
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 5em;
    display: block;
    position: absolute;
    top: 0;
    left: -6.5em;
    -webkit-transform: skewX(-45deg) translateX(0);
    -ms-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.file:hover:before {
    -webkit-transform: skewX(-45deg) translateX(50em);
    -ms-transform: skewX(-45deg) translateX(50em);
    transform: skewX(-45deg) translateX(50em);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.file:after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    top: 11px;
    right: 11px;
    border-radius: 50%;
    background: url('../img/watch/Arrow.png') no-repeat;
    background-position: center;
}

.file_name {
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
}

.file_name:hover {
    color: #fff;
    text-decoration: none;
}

.file_name-author {
    font-weight: normal;
    font-size: 11px;
}

.file_name:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 11px;
    background-position: center;
    width: 16px;
    height: 20px;
}

.file.color-3CC1C1 {
    background-color: #3cc1c1;
    border: 1px solid #3cc1c1;
    -webkit-box-shadow: 0px 1px 0px #31aaaa;
    box-shadow: 0px 1px 0px #31aaaa;
}

.file.color-3CC1C1 :after {
    background-color: #31aaaa;
}

.file.color-2FC258 {
    background-color: #2fc258;
    border: 1px solid #2fc258;
    -webkit-box-shadow: 0px 1px 0px #29a74c;
    box-shadow: 0px 1px 0px #29a74c;
}

.file.color-2FC258:after {
    background-color: #29a74c;
}

.file.color-D73030 {
    background-color: #d73030;
    border: 1px solid #d73030;
    -webkit-box-shadow: 0px 1px 0px #a92626;
    box-shadow: 0px 1px 0px #a92626;
}

.file.color-D73030:after {
    background-color: #a92626;
}

.file.color-9C2FC2 {
    background-color: #9c2fc2;
    border: 1px solid #9c2fc2;
    -webkit-box-shadow: 0px 1px 0px #822c9f;
    box-shadow: 0px 1px 0px #822c9f;
}

.file.color-9C2FC2:after {
    background-color: #822c9f;
}

.file.color-E27D20 {
    background-color: #e27d20;
    border: 1px solid #e27d20;
    -webkit-box-shadow: 0px 1px 0px #b7671d;
    box-shadow: 0px 1px 0px #b7671d;
}

.file.color-E27D20:after {
    background-color: #b7671d;
}

.file.color-F2C94C {
    background-color: #f2c94c;
    border: 1px solid #f2c94c;
    -webkit-box-shadow: 0px 1px 0px #e27d20;
    box-shadow: 0px 1px 0px #e27d20;
}

.file.color-F2C94C:after {
    background-color: #e27d20;
}

.file.color-222222 {
    background-color: #222222;
    border: 1px solid #222222;
    -webkit-box-shadow: 0px 1px 0px #333333;
    box-shadow: 0px 1px 0px #333333;
}

.file.color-222222:after {
    background-color: #333333;
}

.file.color-4A76A8 {
    background-color: #4a76a8;
    border: 1px solid #4a76a8;
    -webkit-box-shadow: 0px 1px 0px #376190;
    box-shadow: 0px 1px 0px #376190;
}

.file.color-4A76A8:after {
    background-color: #376190;
}

.file.color-56CCF2 {
    background-color: #56ccf2;
    border: 1px solid #56ccf2;
    -webkit-box-shadow: 0px 1px 0px #47abcc;
    box-shadow: 0px 1px 0px #47abcc;
}

.file.color-56CCF2:after {
    background-color: #47abcc;
}

.file-default .file_name:before {
    background: url('../img/watch/icon_file.svg') no-repeat;
}

.file-call .file_name:before {
    background: url('../img/watch/icon_call.svg') no-repeat;
}

.file-download .file_name:before {
    background: url('../img/watch/icon_download.svg') no-repeat;
}

.file-gifts .file_name:before {
    background: url('../img/watch/icon_gifts.svg') no-repeat;
}

.file-link .file_name:before {
    background: url('../img/watch/icon_link.svg') no-repeat;
}

.file small {
    font-weight: 400;
    font-size: 11px;
    padding-left: 5px;
    white-space: nowrap;
}

.product {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 72px;
    padding: 0px 13px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #4a76a8;
    -webkit-box-shadow: 0px 1px 0px #4275ae;
    box-shadow: 0px 1px 0px #4275ae;
    background-color: #fff;
}

.product_img {
    width: 48px;
    height: 48px;
}

.product_description {
    width: 100%;
    color: #333;
}

.product_description_title {
    font-weight: bold;
    display: block;
}

.product_description_content {
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.btn-pay {
    background-color: #4a76a8;
    position: relative;
    height: 26px;
    min-width: 100px;
    padding: 0 25px 0 15px;
    border: 0;
    font-size: 11px;
    border-radius: 14px;
}

.btn-pay:after {
    content: '';
    position: absolute;
    right: 11px;
    top: 7px;
    width: 11px;
    height: 10px;
    background: url('../img/watch/Arrow.png') no-repeat;
    background-position: center;
}

#chat-wrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    overflow-y: auto;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    padding-right: 5px;
}

/* оформление ссылок в чате */
#chat-wrap .chat-link,
.outerMessage .chat-link,
.admin-panel .chat-link,
.fast-panel .chat-link {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    padding: 2px 7px;
    border-radius: 4px;
    background: #67b728;
    word-break: break-all;
    cursor: pointer;
}

.chat-messages {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

#files {
    overflow: auto;
    list-style: none;
}

#files li {
    margin-bottom: 8px;
}

.chat-messages li,
.outerMessage {
    padding: 5px 10px;
    background: #ffffff;
    border: 1px solid #e7e7ea;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 15px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    color: #333641;
    margin-bottom: 5px;
    position: relative;
    word-wrap: break-word;
    list-style: none;
}

.outerMessage {
    margin-right: 10px;
    border-color: #67b728;
    border-width: 2px;
}

.chat-messages li .username,
.outerMessage .username {
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    color: #333641;
    margin-bottom: 10px;
}

.chat-messages li.admin,
.chat-messages li.moder {
    border-left: 2px solid #d73030;
    background: #fffaf1;
}

.chat-messages li.admin .username {
    color: #db1f35;
}

.chat-messages li.moder .username {
    color: #4a76a8;
}

.chat-messages li .username .time_send {
    margin-left: 5px;
    font-size: 11px;
    color: #ababab;
    font-weight: normal;
}

#members li .username {
    margin: 0;
}

.chat-messages li.source-ecamm .source {
    /* background-image : url('../img/watch/source/icon_ecamm.png'); */
    background-image: url('../img/watch/source/icon_youtube.png');
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
    font-size: 0;
    overflow: hidden;
    display: inline-block;
    margin-left: 6px;
}

#members {
    position: absolute;
    display: none;
    background-color: #fff;
    list-style: none;
    z-index: 1;
    padding: 0;
    width: 100%;
    height: 100%;
}

#reposted_message {
    position: absolute;
    width: 521px;
    left: 50%;
    margin-left: -235px;
    bottom: 1.5vw;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    z-index: 22;
    padding: 20px;
    display: flex;
}

#reposted_message:after {
    content: '';
    border: 10px solid transparent;
    border-top: 10px solid rgb(255 255 255 / 0.95);
    border-right: 10px solid rgb(255 255 255 / 0.95);
    position: absolute;
    bottom: -20px;
    right: 30px;
}

#reposted_message .ava {
    width: 64px;
    height: 64px;
    position: unset;
    margin-right: 18px;
    border-radius: 50%;
}

#reposted_message .username {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: max(14px, 1.2vw);
    line-height: 22px;
    color: #4a76a8;
    position: relative;
}

#reposted_message .username .mark {
    font-size: 12px;
    color: #97b7df;
    margin-left: 10px;
}

#reposted_message .message {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: max(13px, 1vw);
    color: #333641;
    border-left: 2px solid #dfdfdf;
    padding: 5px 10px 5px 17px;
    margin-top: 10px;
}

#reposted_message .chat-link {
    padding: 2px 7px;
    border-radius: 4px;
    background: #3cc1c1;
    word-break: break-all;
    cursor: pointer;
    color: #fff;
    display: inline;
}

#link-widget {
    position: absolute;
    width: 521px;
    left: 50%;
    margin-left: -235px;
    bottom: 2vw;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    z-index: 27;
    padding: 20px;
    display: flex;
    text-decoration: none;
    box-shadow: -5px 3px 5px 2px #e9e9e9;
}

#link-widget .link-icon {
    background-color: #3cc1c1;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 26px;
    color: #fff;
}

#link-widget .content {
    border-left: 2px solid #dfdfdf;
    margin-left: 10px;
    padding-left: 10px;
    max-width: calc(100% - 74px);
}

#link-widget .username {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: max(14px, 1.2vw);
    line-height: 22px;
    color: #5a5a5a;
    position: relative;
    margin-bottom: 13px;
}

#link-widget .href {
    font-size: max(14px, 0.9vw);
    text-decoration-line: underline;
    padding: 2px 7px;
    border-radius: 4px;
    background: #3cc1c1;
    word-break: break-all;
    cursor: pointer;
    color: #fff;
    display: inline;
}

.member {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #ffffff;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    border-radius: 4px;
    height: 43px;
    text-align: center;
}

.member .username {
    flex-grow: 1;
}

.member .rank {
    flex-grow: 2;
}

.member .icon {
    margin-right: 10px;
}

.member img:first-child {
    margin-left: 10px;
}

.fa-close:after {
    position: absolute;
    content: 'Дополнительные материалы';
    color: #fff;
    right: 0;
    top: 10px;
    width: 275px;
    cursor: default;
    font-family: 'Roboto';
    font-size: 16px;
}

.fa-close:before {
    position: relative;
    top: 7px;
}

li .username.author {
    color: var(--active);
}

li .username.moderator {
    color: #db1f35;
}

.rank {
    font-size: 10px;
    line-height: 12px;
    color: #333641;
    margin-left: 15px;
}

.flag {
    display: inline-block;
    width: 14px;
    height: 10px;
    margin-left: 15px;
}

.flag_ru {
    background: url(../img/watch/RU.png);
}

.flag_gb {
    background: url(../img/watch/GB.png);
}

.device {
    display: inline-block;
    margin-left: 5px;
    font-size: 17px;
}

.device.fa-desktop{
    font-size: 13px;
}

.ava {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 12px;
    right: 15px;
}

.chat-messages li .ava.admin {
    background-image: url(../img/watch/ava3.png);
}

.chat-messages li .ava.guest {
    background-image: url(../img/watch/ava4.png);
}

.message_content {
    font-size: 13px;
    line-height: 18px;
    color: #333641;
}

.message_content img {
    max-width: 100%;
    margin: 0px 2px;
}

.chat-message-pin-hint {
    color: #e7223c;
    font-style: italic;
    font-size: 12px;
    text-align: right;
    position: absolute;
    bottom: 1px;
    right: 10px;
}

.chat-message-unpin-btn {
    border: none;
    background-color: transparent;
    width: 20px;
    height: 20px;
    background-image: url(../images/pin.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    outline: none;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
}

#chat-form {
    position: relative;
}

#chat-form.disabled:before {
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    content: 'Чат заблокирован';
    font-size: 13px;
    line-height: 48px;
    color: #333;
    border: 2px solid #dde0e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    background-image: url(../img/watch/block_chat.png);
    background-size: 27px 27px;
    background-position: 30px 10px;
    background-repeat: no-repeat;
    padding-left: 75px;
    z-index: 26;
    overflow: hidden;
}

#chat-form #chat-message {
    height: 48px;
    resize: none;
    color: #333641;
    z-index: 1;
    line-height: 20px;
    -webkit-overflow-scrolling: touch;
    white-space: normal;
}

.goodly-webinar__chat-input {
    background: #ffffff;
    height: 48px;
    display: block;
    outline: none;
    position: absolute;
}

.goodly-webinar__chat-input,
.textarea-size {
    border: 2px solid #dde0e6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 48px;
    max-height: 100px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 10px 40px 10px 10px;
}

.textarea-size {
    visibility: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.icon_emotion {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 48px;
    background: url('../img/watch/icon_emotion.png') no-repeat;
    background-position: center;
    z-index: 2;
    bottom: 12px;
}

.chat-form_send i {
    font-size: 20px;
    color: var(--active);
}

.goodly-webinar__chat-members {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #4a76a8;
}

.p-0 {
    padding: 0;
}

/* высота скрывающая плеер */

.goodly-webinar-video-frame {
    overflow: hidden;
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    width: auto;
    height: 100%;
    margin: 0 auto;
    background: #f9faff;
}

.goodly-webinar-video-container iframe {
    height: 300%;
    top: -100%;
}

/*
.goodly-webinar-video-container .RuTube {
    height: 100%;
    top: 0;
}
*/

.goodly-webinar-video-frame.hideOverlay #player iframe, .goodly-webinar-video-frame.hideOverlay #player {
    height: 100%;
    top: 0;
}

.ava_author {
    max-width: 52px;
    max-height: 52px;
    border-radius: 50%;
    margin-right: 10px;
    border: 2px solid #4a76a8;
}

.sweet-alert h2 {
    color: #151a25;
}

/* админ панель */

.tooltip-inner {
    white-space: nowrap;
    max-width: max-content;
}

.admin-panel {
    position: absolute;
    top: 4vw;
    left: 0.5vw;
    z-index: 35;
}

.admin-panel button,
.fast-panel button {
    border: none;
    background-color: transparent;
}

.admin-panel button:focus {
    outline: none;
}

.admin-panel ::-webkit-scrollbar,
.admin-panel ::-webkit-scrollbar-track,
.admin-panel ::-webkit-resizer,
.fast-panel ::-webkit-scrollbar,
.fast-panel ::-webkit-scrollbar-track,
.fast-panel ::-webkit-resizer,
.presentation-block ::-webkit-scrollbar,
.presentation-block ::-webkit-scrollbar-track,
.presentation-block ::-webkit-resizer {
    background-color: transparent;
    height: 6px;
}

.admin-panel ::-webkit-scrollbar-thumb,
.fast-panel ::-webkit-scrollbar-thumb,
.presentation-block ::-webkit-scrollbar-thumb {
    background-color: #4a76a8;
}

.admin-panel__btn-group,
.admin-panel__btn-group-nav {
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.admin-panel__btn-group {
    transition: 0.5s;
    border-radius: 10px;
    z-index: 1;
    position: relative;
    box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.08);
}

.admin-panel__btn-group-nav {
    display: none;
}

.admin-panel__item,
.webinar-links__main,
.webinar-records__main,
.webinar-images__main,
.webinar-presentation__main,
.webinar-faq__main {
    position: absolute;
    left: -580px;
    top: 0;
    transition: 0.8s;
}

.admin-panel__item.open,
.webinar-links__main.open,
.webinar-records__main.open,
.webinar-images__main.open,
.webinar-presentation__main.open,
.webinar-faq__main.open {
    left: 0;
}

.webinar-links__slides,
.webinar-records__editing,
.webinar-images__loading,
.webinar-presentation__loading,
.webinar-faq__adding {
    transform: translate(101%, 0);
    transition: 0.8s;
    box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.08);
}

.webinar-records__editing,
.webinar-images__loading,
.webinar-presentation__loading,
.webinar-faq__adding {
    position: absolute;
    top: 0;
    left: 0;
}

.webinar-links__slides.open,
.webinar-records__editing.open,
.webinar-images__loading.open,
.webinar-presentation__loading.open,
.webinar-faq__adding.open {
    transform: translate(0%, 0);
}

.admin-panel__btn-group.open {
    border-radius: 6px 6px 25px 25px;
    background: white;
    height: auto;
}

.admin-panel__btn {
    width: 26px;
    height: 28px;
    display: block;
    margin: 0 auto;
    margin-top: 12px;
    border: none;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    font-size: 1px;
    transition: 0.3s;
}

.admin-panel__btn.links {
    background-image: url('../images/admin-panel/links.png');
}

.admin-panel__btn.links.active,
.admin-panel__btn.links:hover {
    background-image: url('../images/admin-panel/links-active.png');
}

.admin-panel__btn.records {
    background-image: url('../images/admin-panel/records.png');
}

.admin-panel__btn.records.active,
.admin-panel__btn.records:hover {
    background-image: url('../images/admin-panel/records-active.png');
}

.admin-panel__btn.scheme {
    background-image: url('../images/admin-panel/scheme.png');
}

/* .admin-panel__btn.scheme.active,
.admin-panel__btn.scheme:hover {
    background-image: url("../images/admin-panel/scheme-active.png");
} */

.admin-panel__btn.images {
    background-image: url('../images/admin-panel/images.png');
}

.admin-panel__btn.images.active,
.admin-panel__btn.images:hover {
    background-image: url('../images/admin-panel/images-active.png');
}

.admin-panel__btn.presentation {
    background-image: url('../images/admin-panel/presentation.png');
}

.admin-panel__btn.presentation.active,
.admin-panel__btn.presentation:hover {
    background-image: url('../images/admin-panel/presentation-active.png');
}

.admin-panel__btn.faq {
    background-image: url('../images/admin-panel/faq.png');
}

.admin-panel__btn.faq.active,
.admin-panel__btn.faq:hover {
    background-image: url('../images/admin-panel/faq-active.png');
}

.admin-panel__btn.toggle {
    background-image: url('../images/admin-panel/toggle.png?v=2');
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    transition: 0.3s;
}

.admin-panel__btn-group:hover {
    background-color: white;
}

.admin-panel__btn-group.open .admin-panel__btn.toggle {
    background-image: url('../images/admin-panel/toggle-cross.png');
    margin-top: 12px;
}

.admin-panel__inner {
    position: absolute;
    top: 0;
    right: -1px;
    transform: translate(100%, 0);
}

.webinar-links__main,
.webinar-records__main,
.webinar-images__main,
.webinar-presentation__main,
.webinar-faq__main {
    background: white;
    border-radius: 4px;
    box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.08);
    width: 350px;
}

.admin-panel__item-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
    padding: 20px;
    background: white;
    border-radius: 6px 6px 0 0;
}

.admin-panel__item-header:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 2px;
    height: 20px;
    background: #67b728;
}

.admin-panel__item-title {
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
}

.admin-panel__menu-btn {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    padding: 0;
}

.admin-panel__menu-btn-decor {
    width: 22px;
    height: 22px;
    margin-left: 10px;
    background: url('../images/admin-panel/link-arrow.png') 50% 50% no-repeat;
    background-size: contain;
}

.admin-panel__menu-btn svg {
    margin-left: 10px;
    transition: 0.3s;
}

.admin-panel__menu-btn:hover svg {
    transform: scale(1.2);
}

.admin-panel__menu {
    position: absolute;
    top: 0;
    right: -3px;
    transform: translate(-2%, 0);
    background: #ffffff;
    box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    padding: 0 20px;
    z-index: -1;
    transition: 0.5s;
}

.admin-panel__menu.open {
    transform: translate(100%, 0);
}

.admin-panel__menu-list {
    padding: 0;
    margin: 0;
}

.admin-panel__menu-item {
    border-bottom: 1px solid #ececec;
    padding: 15px 0;
    font-weight: 500;
    font-size: 14px;
    padding-left: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.admin-panel__menu-item span {
    color: black;
    transition: 0.3s;
}

.admin-panel__menu-item:hover span {
    color: inherit;
}

.admin-panel__menu-item:hover .admin-panel__menu-item-btn {
    transform: scale(1.2);
}

.admin-panel__menu-item-btn {
    padding: 0;
    margin-left: 25px;
    width: 22px;
    height: 22px;
    transition: 0.3s;
}

.webinar-links__list,
.webinar-gifts__list,
.webinar-records__list,
.admin-panel__form,
.webinar-images__content,
.webinar-presentation__list,
.webinar-faq__list {
    /*max-height: 70vh;*/
    overflow-y: scroll;
}

.webinar-links__list,
.webinar-gifts__list,
.webinar-records__list {
    /*max-height: auto;*/
    background: white;
    width: 350px;
    overflow-y: scroll;
    padding: 0;
    margin: 0;
    border-radius: 0 0 6px 6px;
    /*min-height: 160px;*/
}

.webinar-links__item,
.webinar-records__item {
    position: relative;
    padding: 10px 17px;
    border-bottom: 1px solid #ececec;
}

.webinar-records__text {
    font-size: 13px;
    line-height: 18px;
    color: #333641;
    margin-bottom: 0;
}

.webinar-links__item .product-file {
    border: none;
    box-shadow: none;
    padding: 4px 6px;
}

.webinar-links__item.chat {
    padding-top: 5px;
    padding-bottom: 15px;
}

.webinar-links__item .chat-link {
    margin-top: 0;
}

.webinar-links__text {
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    color: #333641;
    padding-bottom: 5px;
}

.webinar-images__item .admin-panel-popup {
    padding: 10px;
}

.webinar-images__loaded-item .admin-panel-popup {
    padding: 0px;
    background: none;
    border: none;
}

.webinar-images__loaded-item .admin-panel-popup button {
    background-color: rgba(255, 255, 255, 0.95);
}

.webinar-images__loaded-item .admin-panel-popup button:hover {
    background-color: #4a76a8;
}

.webinar-links__item:hover .admin-panel-popup,
.webinar-records__item:hover .admin-panel-popup,
.webinar-images__item:hover .admin-panel-popup,
.webinar-images__loaded-item:hover .admin-panel-popup,
.webinar-presentation__item:hover .admin-panel-popup,
.presentation-block__item:hover .admin-panel-popup,
.webinar-faq__item:hover .admin-panel-popup,
.webinar-tariff__adminInfo:hover .admin-panel-popup {
    opacity: 1;
}

.admin-panel-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 18px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #dadada;
    box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    opacity: 0;
}

.admin-panel-popup .tooltip-inner {
    background: white;
    border: 1px dashed #333;
    color: #333;
    z-index: 5;
}

.admin-panel-popup-btn {
    width: 42px;
    height: 42px;
    border-radius: 6px;
    padding: 10px;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.admin-panel-popup-btn svg {
    width: 20px;
    height: 20px;
    fill: #333;
    transition: 0.3s;
}

.admin-panel-popup-btn:hover {
    background: #4a76a8;
}

.admin-panel-popup-btn:hover svg {
    fill: white;
}

.webinar-chat-link,
.webinar-records__editing,
.webinar-images__loading,
.webinar-presentation__loading,
.webinar-faq__adding {
    display: none;
    background: white;
    border-radius: 4px;
    width: 350px;
}

.webinar-records__editing {
    position: relative;
}

.records-editing-popup {
    display: none;
    position: absolute;
    top: 58px;
    right: 0;
    transform: translate(101%, 0);
    background: white;
    border-radius: 4px;
    width: 350px;
    box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);
}

.records-editing-popup .webinar-links__list {
    max-height: 60vh;
}

.records-editing-popup .webinar-links__item {
    position: relative;
    cursor: pointer;
}

.records-editing-popup .webinar-links__item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.admin-panel__menu-close-btn {
    width: 15px;
    height: 15px;
    background: url('../images/admin-panel/header-cross.png') 0% 50% no-repeat;
    background-size: contain;
    transition: 0.3s;
}

.admin-panel__menu-close-btn:active {
    transform: scale(1.3);
}

.admin-panel__form {
    padding: 0 20px;
}

.admin-panel__label {
    padding-top: 18px;
    width: 100%;
    position: relative;
}

.admin-panel__label-text {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 12px;
    color: #333333;
}

.admin-panel__input {
    background: #fbfbfb;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    padding: 6px 12px;
    transition: 0.3s;
    position: unset;
}

#webinar-records .admin-panel__input {
    min-height: 100px;
}

.admin-panel__input+.icon.icon_emotion {
    width: 16px;
    height: 16px;
    background-size: contain;
    right: 16px;
}

.admin-panel__input::placeholder {
    font-weight: normal;
}

.admin-panel__label--url input {
    float: left;
    width: calc(100% - 32px);
}

.admin-panel__input-plus {
    width: 22px;
    height: 22px;
    transition: 0.3s;
    padding: 0;
    margin-top: 6px;
    margin-left: 10px;
}

.admin-panel__label--loading {
    padding-bottom: 20px;
}

.admin-panel__label--loading input {
    display: none;
}

.admin-panel__input-load {
    width: 100%;
    background-color: #333333;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: white;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    cursor: pointer;
}

.admin-panel__input-load svg {
    fill: white;
    transition: 0.3s;
    margin-left: 8px;
}

.admin-panel__input-load:active {
    background-color: #e9e9e9;
    color: #333;
}

.admin-panel__input-load:active svg {
    fill: #333;
}

.admin-panel__input-plus:hover {
    transform: scale(1.2);
}

textarea.admin-panel__input {
    padding: 15px;
}

.webinar-records__editing textarea {
    height: 130px;
    font-weight: 300;
    padding-bottom: 25px;
}

.admin-panel__input-attach {
    position: absolute;
    bottom: 12px;
    right: 30px;
    width: 13px;
    height: 15px;
    background: url('../img/watch/attach.png') no-repeat;
    background-size: contain;
    cursor: pointer;
}

.admin-panel__input-emoji {
    position: absolute;
    bottom: 12px;
    right: 8px;
    width: 16px;
    height: 16px;
    background: url('../img/watch/icon_emotion.png') no-repeat;
    background-size: contain;
    cursor: pointer;
}

.admin-panel__input--search {
    padding-right: 32px;
    font-weight: normal;
    background: #fbfbfb url('../images/admin-panel/search.png') 97% 50% no-repeat;
    background-size: 18px;
    border: 1px solid #d0d0d0;
}

.admin-panel__input:focus {
    border: 1px solid #2e90ff;
    outline: none;
}

.admin-panel__form-btns {
    padding-top: 15px;
    padding-bottom: 25px;
    display: flex;
    align-items: center;
}

.admin-panel__form-btns button {
    padding: 8px 20px;
    margin-right: 7px;
    transition: 0.3s;
    border-radius: 4px;
}

.admin-panel__form-btns button:hover,
.presentation-block__nav-btn-close:hover {
    color: white;
    background: #333;
}

.admin-panel__form-btns button:active,
.presentation-block__nav-btn-close:active {
    opacity: 0.6;
}

.admin-panel__form-btns .save {
    color: white;
}

.admin-panel__form-btns .cancel {
    background: #e9e9e9;
    color: #333;
}

.webinar-product-link .admin-panel__form {
    overflow-y: auto;
}

.admin-panel__form-link {
    word-wrap: break-word;
}

.admin-panel .admin-panel__copy-link {
    background-color: #e9e9e9;
    font-weight: normal;
    font-size: 13px;
    color: #333333;
    padding: 8px 16px;
    border-radius: 4px;
    transition: 0.3s;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.admin-panel__copy-link svg {
    fill: #4a76a8;
    margin-right: 8px;
    width: 12px;
    height: 12px;
    transition: 0.3s;
}

.admin-panel__copy-link:hover {
    background: #4a76a8;
    color: white;
}

.admin-panel__copy-link:hover svg {
    fill: white;
}

.admin-panel__product-img {
    width: 100%;
    height: auto;
    padding-top: 18px;
}

.admin-panel__radio-wrap {
    margin-right: 8px;
}

.admin-panel__radio {
    display: none;
}

.admin-panel__radio-decor {
    width: 32px;
    height: 32px;
    background: #fbfbfb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}

.admin-panel__radio-decor svg {
    fill: #333;
    transition: 0.3s;
}

.admin-panel__radio:checked+.admin-panel__radio-decor {
    background: #3cc1c1;
    border: 1px solid #3cc1c1;
    box-shadow: 0px 1px 0px #31aaaa, 0px -1px 0px #5cdbdb, 0px 1px 0px #31aaaa;
}

.webinar-gift .admin-panel__radio:checked+.admin-panel__radio-decor {
    background: #f10091;
    border: 1px solid #f10091;
    box-shadow: 0px 1px 0px #d60382, 0px -1px 0px #ff3cb2, 0px 1px 0px #f10091;
}

.admin-panel__radio:checked+.admin-panel__radio-decor svg {
    fill: white;
}

.webinar-additional .admin-panel__item-header:before {
    background: #3cc1c1;
}

.webinar-gift .admin-panel__item-header:before {
    background: #f10091;
}

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    border: 1px dashed white;
    background: #444;
    text-transform: uppercase;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #444 !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #444 !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #444 !important;
}

.webinar-records__main,
.webinar-images__main,
.webinar-presentation__main,
.webinar-faq__main {
    width: 350px;
}

.webinar-images__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 18px 20px;
}

.webinar-images__loaded {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 5px;
    border-top: 1px solid #ececec;
}

.webinar-images__item {
    position: relative;
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 150px;
    border: 1px solid #f1f1f1;
}

.webinar-images__item img,
.webinar-images__loaded-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: 0.3s;
}

.webinar-images__loaded-item img {
    border-radius: 3px;
}

.webinar-images__item:hover img,
.webinar-images__loaded-item:hover img {
    opacity: 0.5;
}

.webinar-images__loaded-item {
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 32%;
    height: 65px;
}

.webinar-presentation__list {
    padding: 0;
    margin: 0;
}

.webinar-presentation__item {
    position: relative;
    padding: 15px 20px;
    border-bottom: 1px solid #ececec;
    display: flex;
    align-items: center;
}

.webinar-presentation__item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    transition: 0.3s;
    opacity: 0;
    z-index: 2;
}

.webinar-presentation__item .admin-panel-popup {
    z-index: 2;
}

.webinar-presentation__item:hover:before {
    opacity: 0.5;
}

form .webinar-presentation__item {
    border-top: 1px solid #ececec;
}

form .webinar-presentation__item:before {
    display: none;
}

.webinar-presentation__item-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 96px;
    margin-right: 20px;
}

.webinar-presentation__item-img:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 70px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
}

.webinar-presentation__item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    z-index: 1;
    position: relative;
}

.webinar-presentation__item-content {
    flex-shrink: 25;
}

.webinar-presentation__item-name {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    margin-top: 0;
    margin-bottom: 8px;
}

.webinar-presentation__item-text {
    font-size: 11px;
    color: #666666;
}

.presentation-block {
    position: absolute;
    bottom: 5px;
    left: 1.3vw;
    right: 1.3vw;
    border-radius: 4px;
    background: white;
    box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.08);
    width: calc(100vw - 30%);
    z-index: 21;
    display: none;
}

.presentation-block.shown {
    display: flex;
}

.presentation-block__btn-group {
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 126px;
}

.presentation-block__btn {
    background: white;
    width: 50px;
    height: 32px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2px;
    transition: 0.3s;
}

.presentation-block__btn svg {
    fill: #333;
    transition: 0.3s;
}

.presentation-block__btn:active,
.presentation-block__btn.active {
    border: 2px solid #ff6b00;
    box-shadow: 1px 4px 2px rgba(0, 0, 0, 0.08);
}

.presentation-block__btn:active svg,
.presentation-block__btn.active svg {
    fill: #ff6b00;
}

.presentation-block button:focus {
    outline: none;
}

.presentation-block__list {
    flex-grow: 1;
    border-left: 3px solid #ececec;
    border-right: 3px solid #ececec;
    padding: 6px 12px;
    overflow-x: scroll;
    display: flex;
    align-items: center;
    width: calc(100% - 276px);
    margin: 0;
}

.presentation-block__item {
    position: relative;
    width: 145px;
    min-width: 145px;
    height: 100px;
    border: 2px solid #dadada;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 2px;
    transition: 0.3s;
}

.presentation-block__item-img {
    opacity: 0.7;
    object-fit: cover;
    transition: 0.3s;
}

.presentation-block__item:hover .presentation-block__item-img,
.presentation-block__item.active .presentation-block__item-img {
    opacity: 1;
}

.presentation-block__item-number {
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 34px;
    height: 34px;
    font-weight: bold;
    font-size: 17px;
    color: #333333;
    padding-top: 5px;
    text-align: center;
}

.presentation-block__item-decor {
    display: none;
    position: absolute;
    top: 10px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: white url('../images/admin-panel/video.svg') 50% 50% no-repeat;
    background-size: 22px;
}

.presentation-block__item:hover,
.presentation-block__item.active {
    border: 2px solid #ff6b00;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
}

.presentation-block__item.active .presentation-block__item-decor {
    display: block;
}

.presentation-block__item.active .presentation-block__item-number,
.presentation-block__item.active .admin-panel-popup {
    display: none;
}

.presentation-block__item .admin-panel-popup {
    padding: 10px;
}

.presentation-block__item .admin-panel-popup-btn {
    padding: 6px;
    border: none;
}

.presentation-block__item .admin-panel-popup-btn svg {
    width: 22px;
    height: 22px;
}

.presentation-block__nav {
    padding: 12px 19px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 150px;
}

.presentation-block__nav-btn {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.presentation-block__nav-btn--left {
    transform: rotate(-180deg);
}

.presentation-block__nav-btn--right {
    margin-bottom: 10px;
}

.presentation-block__nav-btn:hover,
.presentation-block__nav-btn:active,
.presentation-block__nav-btn.active {
    background: #4a76a8;
    border: 1px solid #ffffff;
}

.presentation-block__nav-btn svg {
    fill: #333;
    transition: 0.3s;
}

.presentation-block__nav-btn:hover svg,
.presentation-block__nav-btn:active svg,
.presentation-block__nav-btn.active svg {
    fill: white;
}

.presentation-block__nav-btn-close {
    width: 100%;
    background: #e9e9e9;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    color: #333333;
    padding: 6px;
    text-align: center;
    transition: 0.3s;
}

.webinar-faq__list {
    margin: 0;
    padding: 0;
}

.webinar-faq__item {
    position: relative;
    padding: 8px 18px;
    border-bottom: 1px solid #ececec;
    font-size: 13px;
    font-weight: 400;
    color: #333641;
}

.webinar-faq__item:hover {
    color: #fb1b1b;
}

.webinar-faq__answer {
    display: block;
    margin-bottom: 3px;
    transition: 0.3s;
}

.webinar-faq__question {
    transition: 0.3s;
    font-weight: bold;
}

.webinar-faq__item+.tooltip .tooltip-inner {
    background: #ffffff;
    border: 1px dashed #fb1b1b;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    padding: 15px 20px;
    text-transform: initial;
    color: #333641;
    white-space: normal;
    text-align: left;
    /*max-width: 260px;*/
    width: 260px;
}

.webinar-faq__item+.tooltip.right {
    margin-left: 10px;
}

.webinar-faq__item+.tooltip.right b {
    display: block;
}

.webinar-faq__item+.tooltip.right .tooltip-arrow {
    border-right-color: white !important;
}

.webinar-faq__adding textarea {
    height: 230px;
}

.fast-panel {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}

.fast-panel__left-col,
.fast-panel__right-col {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
    padding: 0 1px;
}

.fast-panel__right-col:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.1);
}

.fast-panel__btn,
.goodly-webinar__header-btn {
    transition: 0.3s;
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
    cursor: pointer;
}

.fast-panel__btn svg {
    fill: white;
    transition: 0.3s;
}

.fast-panel__btn:hover:not(:disabled) {
    background: rgba(91, 137, 189, 0.1);
}

.fast-panel__btn:hover:not(:disabled) svg {
    fill: #4a76a8;
}

.fast-panel__btn:focus {
    outline: none;
}

label.fast-panel__btn {
    position: relative;
    padding-right: 5px;
}

.fast-panel__btn input {
    display: none;
}

.fast-panel__btn-decor {
    position: absolute;
    right: 5px;
    top: 14px;
    width: 14px;
    height: 14px;
    background: url('../images/admin-panel/off.png') no-repeat;
    background-size: contain;
}

.fast-panel__btn input:checked+.fast-panel__btn-decor {
    background: url('../images/admin-panel/on.png') no-repeat;
    background-size: contain;
}

.goodly-webinar__header-btns {
    display: flex;
}

.goodly-webinar__header-btn {
    position: relative;
    width: 42px;
    height: 42px;
    margin-left: 8px;
    background: rgba(91, 136, 189, 0.1);
}

.goodly-webinar__header-btn input {
    display: none;
}

.goodly-webinar__header-btn-decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #8f8f8f;
    border-radius: 3px;
}

.goodly-webinar__header-btn--camera .goodly-webinar__header-btn-decor:before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #2fc258;
    display: none;
}

.goodly-webinar__header-btn input:checked+.goodly-webinar__header-btn-decor {
    border: 1px solid #2fc258;
}

.goodly-webinar__header-btn--camera input:checked+.goodly-webinar__header-btn-decor:before {
    display: block;
}

.fast-panel__inner {
    position: absolute;
    top: 0;
    left: -13px;
    transform: translate(-100%, 0);
    z-index: 21;
}

.fast-panel__inner>div {
    position: relative;
    display: none;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}

.fast-panel__inner>.open {
    display: block;
}

.fast-panel__inner ul,
.fast-panel__inner .webinar-images__content {
    max-height: calc(100vh - 230px);
}

.admin-panel__menu-close-btn:focus {
    outline: none;
}

button:disabled {
    opacity: 0.5;
}

.fast-panel__btn--links+.tooltip .tooltip-inner {
    margin-right: 100px;
}

.green {
    color: #2fc258;
}

.red {
    color: #fb1b1b;
}

.user-chat-form {
    border-radius: 4px;
    border: 1px solid #30323a;
    position: relative;
    margin-bottom: 13px;
    background-color: #151a25;
}

.user-chat-form #chat-form {
    position: unset;
}

.user-chat-form .goodly-webinar__chat-input {
    position: unset;
}

[contenteditable]:empty:not(:focus):before {
    content: attr(data-ph);
    color: grey;
    cursor: text;
}

[contenteditable]:empty:before {
    content: attr(data-ph);
    color: grey;
}

[contenteditable]:empty:focus:before {
    content: '';
}

#break {
    display: flex;
    background: rgb(255 255 255 / 75%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 4;
}

#break-timer {
    border: 2px solid rgba(255, 255, 255, 0.4);
    background: #eff1f5;
    border-radius: 6px;
    width: 16vw;
    display: flex;
    align-items: center;
    box-shadow: 0 0 5px 2px #ccc;
    position: relative;
    padding: 1vw 1.5vw;
}

#break-timer {
    margin: auto;
    position: relative;
}

#break-timer ul {
    list-style: none;
    padding: 0;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
}

#break-timer .start-t {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8vw;
    color: #333641;
}

#break-timer-clock {
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.02em;
    color: #333641;
    font-size: 3.2vw;
    line-height: 3.5vw;
}

#break-timer-clock_days {
    font-family: 'BebasNeue';
    letter-spacing: 0.02em;
    color: #333641;
    font-size: 3.2vw;
    line-height: 3.5vw;
}

@keyframes sec_arrow {
    from {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.webinar-notice {
    position: absolute;
    width: 222px;
    height: 70px;
    background: transparent url(../img/watch/notice/Union.png) 50% 50% no-repeat;
    background-size: contain;
    padding: 10px 13px;
    box-sizing: border-box;
    animation: notice_climb 0.3s 0s ease-in-out;
    transition: 0.2s;
    transform: translate(0, 0);
    bottom: 65px;
    left: 0;
    color: #333;
    z-index: 27;
}

.webinar-notice a{
    pointer-events: all;
}

.webinar-notice-yellow {
    background-image: url(../img/watch/notice/Union_yellow.png);
}

.webinar-notice:nth-of-type(2) {
    opacity: 0.8;
    transform: translate(0, -70px);
}

.webinar-notice:nth-of-type(3) {
    opacity: 0.5;
    transform: translate(0, -140px);
}

.webinar-notice:nth-of-type(4) {
    opacity: 0.25;
    transform: translate(0, -210px);
}

@keyframes notice_climb {
    from {
        transform: translate(50%, 0);
        opacity: 0;
    }

    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.webinar-notice__img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 12px;
    background: transparent url(../img/watch/notice/file-icon.png) 50% 50% no-repeat;
}

.webinar-notice__name {
    font-size: 16px;
    margin-top: 3px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.webinar-notice__text {
    font-size: 12px;
    white-space: nowrap;
}

.webinar-notice__link {
    text-decoration: none;
}

.webinar-notice--link .webinar-notice__link {
    color: #3cc1c1;
}

.webinar-notice--social .webinar-notice__img {
    width: 32px;
    height: 32px;
    margin: 6px 12px 0 12px;
    border-radius: 0px;
}

.webinar-notice--social.vk .webinar-notice__link {
    color: #4099ff;
}

.webinar-notice--social.facebook .webinar-notice__link {
    color: #1877f2;
}

.webinar-notice--social.ok .webinar-notice__link {
    color: #ff8800;
}

.webinar-notice--social.instagram .webinar-notice__link {
    color: #f00073;
}

.webinar-notice--social.skype .webinar-notice__link {
    color: #0078d7;
}

.webinar-notice--social.telegram .webinar-notice__link {
    color: #0088cc;
}

.webinar-notice--social.twitter .webinar-notice__link {
    color: #1da1f2;
}

.webinar-notice--social.whatsapp .webinar-notice__link {
    color: #25d366;
}

.webinar-notice--social.youtube .webinar-notice__link {
    color: #ff0000;
}

.webinar-notice--social.viber .webinar-notice__link {
    color: #8c4fa4;
}

.webinar-notice--social.senler .webinar-notice__link {
    color: #008dcd;
}

.webinar-notice--social.rutube .webinar-notice__link {
    color: #0F2C52;
}

.giftLink {
    display: flex;
    color: #fff;
    border-radius: 6px;
    align-items: center;
    position: relative;
    padding-left: 14px;
    padding-right: 14px;
    justify-content: space-between;
}

.giftLink.wait:before {
    content: '';
    width: 10px;
    height: 12px;
    background: url(../img/watch/gifts/lock.png) no-repeat;
    left: 21px;
    top: 9px;
    position: absolute;
    z-index: 2;
}

.giftLink.wait .icon {
    opacity: 0.3;
}

.giftLink.wait .name {
    opacity: 0.7;
}

.giftLink.wait .minutes {
    font-weight: bold;
}

.giftLink .wait-text {
    display: none;
}

.giftLink .open-text {
    display: inline;
}

.giftLink.wait .wait-text {
    display: inline;
}

.giftLink.wait .open-text {
    display: none;
}

.giftLink,
.giftLink:hover,
.giftLink:focus,
.giftLink:visited,
.giftLink:active {
    text-decoration: none !important;
}

.giftLink.wait .line {
    background-color: rgb(255 255 255 / 78%);
}

.giftLink.color-CB00DD {
    background-color: #cb00dd;
    border: 1px solid #cb00dd;
    /*-webkit-box-shadow: 0px 1px 0px #E992F0;
    box-shadow: 0px 1px 0px #E992F0;*/
}

.giftLink.color-CB00DD .line {
    background-color: #cb00dd;
}

.giftLink.wait.color-CB00DD {
    background-color: #e764f2;
    border: 1px solid #e764f2;
}

.giftLink.color-FF7A00 {
    background-color: #ff7a00;
    border: 1px solid #ff7a00;
}

.giftLink.color-FF7A00.wait .line {
    background-color: #ff7a00;
}

.giftLink.wait.color-FF7A00 {
    background-color: #ff9533;
    border: 1px solid #ff9533;
}

.giftLink.color-4C35DE {
    background-color: #4c35de;
    border: 1px solid #4c35de;
}

.giftLink.color-4C35DE.wait .line {
    background-color: #4c35de;
}

.giftLink.wait.color-4C35DE {
    background-color: #806df7;
    border: 1px solid #806df7;
}

.giftLink.color-F20DB2 {
    background-color: #f20db2;
    border: 1px solid #f20db2;
}

.giftLink.color-F20DB2.wait .line {
    background-color: #f20db2;
}

.giftLink.wait.color-F20DB2 {
    background-color: #d94cb1;
    border: 1px solid #d94cb1;
}

.giftLink.color-83C100 {
    background-color: #83c100;
    border: 1px solid #83c100;
}

.giftLink.color-83C100.wait .line {
    background-color: #83c100;
}

.giftLink.wait.color-83C100 {
    background-color: #93a865;
    border: 1px solid #93a865;
}

.giftLink.color-252525 {
    background-color: #252525;
    border: 1px solid #252525;
}

.giftLink.color-252525.wait .line {
    background-color: #252525;
}

.giftLink.wait.color-252525 {
    background-color: #686868;
    border: 1px solid #686868;
}

.giftLink.color-00CACA {
    background-color: #00caca;
    border: 1px solid #00caca;
}

.giftLink.color-00CACA.wait .line {
    background-color: #00caca;
}

.giftLink.wait.color-00CACA {
    background-color: #6ab0b0;
    border: 1px solid #6ab0b0;
}

.giftLink.color-EF0F0F {
    background-color: #ef0f0f;
    border: 1px solid #ef0f0f;
}

.giftLink.color-EF0F0F.wait .line {
    background-color: #ef0f0f;
}

.giftLink.wait.color-EF0F0F {
    background-color: #e36868;
    border: 1px solid #e36868;
}

.giftLink.color-EEC800 {
    background-color: #eec800;
    border: 1px solid #eec800;
}

.giftLink.color-EEC800.wait .line {
    background-color: #eec800;
}

.giftLink.wait.color-EEC800 {
    background-color: #d4b92a;
    border: 1px solid #d4b92a;
}

.giftLink.color-00A3FF {
    background-color: #00a3ff;
    border: 1px solid #00a3ff;
}

.giftLink.color-00A3FF.wait .line {
    background-color: #00a3ff;
}

.giftLink.wait.color-00A3FF {
    background-color: #52a0cc;
    border: 1px solid #52a0cc;
}

.giftLink .icon {
    background-position: center;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.giftLink.icon-default .icon {
    background-image: url(../img/watch/gifts/default.png);
}

.giftLink.icon-video .icon {
    background-image: url(../img/watch/gifts/video.png);
}

.giftLink.icon-download .icon {
    background-image: url(../img/watch/gifts/download.png);
}

.giftLink.icon-gift .icon {
    background-image: url(../img/watch/gifts/gift.png);
}

.giftLink.icon-link .icon {
    background-image: url(../img/watch/gifts/link.png);
}

.giftLink .name {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
    line-height: 1;
}

.giftLink .info {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    color: #ffffff;
}

.giftLink .preloader {
    display: none;
    background-position: center;
    width: 28px;
    height: 28px;
    background: url(../img/watch/gifts/preloader.png) no-repeat;
}

.giftLink .main {
    flex-grow: 1;
    margin: 0 10px;
    line-height: 1.1;
}

.gifts-wrap .giftLink .main,
.gifts-wrap .giftLink .icon {
    position: relative;
    z-index: 2;
}

/* TARIFFS BLOCK */

.tab-content.tariffsBlock {
    width: 100%;
}

#admin_tariffblockWrapper .tariffBlock_tabs {
    margin-top: 0.1vw;
}

#admin_tariffblockWrapper .tariffBlock_content {
    margin-top: 0;
}

.tariffBlock_content {
    padding: 1.4vw;
    margin: 2vw 0;
    border-radius: 4px;
    background-color: #fff;
}

#admin_tariffblockWrapper .tariffBlock_content {
    border-radius: 0 0 4px 4px;
}

.tariffBlock_content .tariffs_lable {
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.7vw;
    color: #83c551;
}

.tariffBlock_content .title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 2.2vw;
    text-align: center;
    color: #333333;
}

.tariffBlock_content .subtitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2vw;
    text-align: center;
    margin-bottom: 0.5vw;
    color: #333333;
}

.tariffBlock_content .products .resultPrice {
    border-radius: 0 4px 4px 0;
    background-color: #67b728;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    padding: 5px 12px;
    height: 36px;
    display: inline-block;
    position: relative;
    text-align: center;
    min-width: 100px;
}

.tariffBlock_content .products .resultPrice:before {
    content: '';
    width: 14px;
    height: 36px;
    position: absolute;
    left: -14px;
    top: 0;
    background-image: url(../img/watch/tariff/price_side.png);
    background-repeat: no-repeat;
}

.tariffBlock_content .products .basePrice {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    text-decoration-line: line-through;
    color: #828282;
    margin-bottom: 8px;
}

.tariffBlock_content .products .title {
    font-weight: bold;
    font-size: 1.4vw;
    color: #333333;
    text-align: center;
    width: 100%;
    line-height: normal;
    text-align: center;
}

.tariffBlock_content .products .item {
    padding: 10px;
    position: relative;
    background: #ffffff;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    height: 100%;
}

.tariffBlock_content .products>div:nth-child(2) .item {
    background: #f9fafc;
}

.tariffBlock_content .products>div:nth-child(3) .item {
    background: #f5fdef;
}

.tariffBlock_content .products>div:nth-child(4) .item {
    background: #fcf6ea;
}

.tariffBlock_content .products .img_wrap {
    position: absolute;
    width: 180px;
    height: 190px;
    top: -90px;
    left: 50%;
    margin-left: -95px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tariffBlock_content .products .img_wrap img {
    max-height: 100%;
    max-width: 100%;
}

.tariffBlock_content .products {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-column-gap: 10px;
    margin-top: 100px;
}

.tariffBlock_content .products .item .wrap {
    padding: 15px;
    padding-top: 100px;
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 6px;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.tariffBlock_content .products .t_productItemsPrice {
    margin: auto auto 0 auto;
}

.tariffBlock_content .products .t_productItems {
    margin-top: 16px;
}

.tariffBlock_content .products .t_productItems li {
    margin-bottom: 7px;
}

.tariffBlock_content .products .t_productItems li .text {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #333333;
}

.tariffBlock_content .products .t_productItems li.minus .text {
    color: #bbbbbb;
}

.tariffBlock_content .products .t_productItems {
    margin-bottom: 20px;
}

.tariffBlock_content .products .t_productItems li .icon_wrap {
    min-width: 24px;
    width: 24px;
}

.tariffBlock_content .products .buyBtn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e53b35;
    transition: all 0.3s;
    border-radius: 6px;
    transform: translateZ(-1px);
    z-index: 1;
}

.tariffBlock_content .products .buyBtn {
    /*position: absolute;
    opacity: 0;
    transition: opacity 0.3s;
    left: 50%;
    margin-left: -88px;*/

    position: relative;
    width: 176px;
    height: 52px;
    background: #e53b35;
    border-radius: 6px;
    margin-top: 20px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    transform-style: preserve-3d;
    justify-content: center;
}

.tariffBlock_content .products .buyBtn span {
    position: relative;
    z-index: 2;
}

.tariffBlock_content .products .buyBtn:hover {
    color: #fff;
}

.tariffBlock_content .products .buyBtn:hover:before {
    transform: scale(1.1) translateZ(-1px);
}

.tariffBlock_content .products .item.unhover {
    position: relative;
}

.tariffBlock_content .products .item:hover .buyBtn {
    opacity: 1;
}

.tariffBlock_content .products .item .filter {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -100px;
    background: rgb(255 255 255 / 52%);
    z-index: 1;
    display: none;
}

.tariffBlock_content .products .item .heightAn {
    width: 100%;
    height: 0px;
    transition: height 0.45s;
}

.tariffBlock_content .products .item:not(.noBtn):hover .heightAn {
    height: 70px;
}

.tariffBlock_content .products .item .borderAn {
    content: '';
    position: absolute;
    left: -4px;
    right: -4px;
    top: -100px;
    bottom: -4px;
    border: 4px solid #ff3831;
    box-sizing: border-box;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);
    border-radius: 9px 9px 9px 0px;
    display: none;
}

.tariffBlock_content .products .item .borderAn:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -4px;
    width: 4px;
    height: 40px;
    background-color: #fff;
}

.tariffBlock_content .products .item .borderAn:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: -39px;
    width: 40px;
    height: 46px;
    background-image: url(../img/watch/tariff/red-corner.png);
    background-repeat: no-repeat;
}

.tariffBlock_content .products .item.btnHovered .resultPrice {
    background-color: #e53b35;
}

.tariffBlock_content .products .item.btnHovered .resultPrice:before {
    background-image: url(../img/watch/tariff/price_side_red.png);
}

.tariffBlock_content .products .item .nextPayInfo {
    display: none;
    position: absolute;
    width: 204px;
    height: 73px;
    left: 50%;
    margin-left: -102px;
    top: -86px;
    background: #ffffff;
    border: 1px solid #e53b35;
    box-sizing: border-box;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #333333;
    padding: 20px;
    border: 1px solid #e53b35;
    z-index: 2;
}

.tariffBlock_content .products .item .nextPayInfo:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 22px;
    background-image: url(../img/watch/tariff/arrow_red.png);
    background-repeat: no-repeat;
    right: -40px;
    top: 21px;
}

.t_productItems .icon {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    display: inline-block;
}

.t_productItems .icon.plus {
    background-image: url(../images/tariffBlock/plus.png);
}

.t_productItems .icon.minus {
    background-image: url(../images/tariffBlock/minus.png);
}

.t_productItems {
    list-style: unset;
    color: #333;
    padding-left: 0;
}

.t_productItems li {
    display: flex;
}

.t_productItems li .icon_wrap {
    width: 36px;
}

.t_productItems li .text {
    font-size: 13px;
    line-height: 16px;
    flex-grow: 1;
}

.btnScroll_container {
    text-align: center;
    position: absolute;
    bottom: 37px;
    left: 50%;
    z-index: 27;
    margin-left: -140px;
}

.btnScroll_container button {
    background: #ffffff;
    border-radius: 60px;
    padding-left: 62px;
    background-image: url(../img/watch/tariff/scrollBtn-bg.png);
    background-repeat: no-repeat;
    background-position: 1px 0px;
    display: block;
    border: none;
    outline: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    width: 280px;
    height: 54px;
    color: #83c551;
    text-transform: uppercase;
    text-align: left;
}

.btnScroll_container button small {
    text-transform: unset;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    color: #333333;
}

.tariffBlock_content {
    position: relative;
    width: 100%;
}

#tariffsBlockWrapper {
    width: 100%;
    position: relative;
    display: none;
}

.arrowsScroll_container {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.arrowsScroll_container .chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.arrowsScroll_container .chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.arrowsScroll_container .chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.arrowsScroll_container .chevron:before,
.arrowsScroll_container .chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff;
}

.arrowsScroll_container .chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.arrowsScroll_container .chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;
    }

    33% {
        opacity: 1;
        transform: translateY(30px);
    }

    67% {
        opacity: 1;
        transform: translateY(40px);
    }

    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

.t_label:before {
    content: '';
    background-image: url(../img/watch/tariff/flag_sprite.png);
    background-repeat: no-repeat;
    left: 10px;
    top: 7px;
    position: absolute;
}

.t_label {
    height: 24px;
    line-height: 32px;
    border-radius: 4px;
    padding-left: 28px;
    font-size: 0;
    position: relative;
    margin-bottom: 5px;
}

.t_label.heart {
    background: #eb3778;
    width: 133px;
}

.t_label.heart:before {
    width: 12px;
    height: 13px;
    background-position: -24px 0;
}

.t_label:after {
    color: #fff;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    white-space: nowrap;
}

.t_label.heart:after {
    content: 'ВЫБОР КЛИЕНТОВ';
}

.t_label.like {
    background: #6c9dd8;
    width: 117px;
}

.t_label.like:after {
    content: 'Рекомендуем';
}

.t_label.like:before {
    width: 15px;
    height: 12px;
    background-position: -9px 0;
    top: 5px;
}

.t_label.bag {
    background: #faab00;
    width: 144px;
}

.t_label.bag:after {
    content: 'БОЛЬШЕ ПОКУПАЮТ';
}

.t_label.bag:before {
    width: 10px;
    height: 13px;
    background-position: 0 0;
    top: 5px;
}

.t_label.star {
    background: #ff130b;
    width: 110px;
}

.t_label.star:after {
    content: 'Хит ПРОДАЖ';
}

.t_label.star:before {
    width: 12px;
    height: 13px;
    background-position: -36px 0;
    top: 6px;
}

.relative {
    position: relative;
}

.tariffBlock_content .specialBtn {
    background: #ffffff;
    border: 1px dashed #e53b35;
    box-sizing: border-box;
    border-radius: 6px;
    height: 44px;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    color: #e53b35;
    align-items: center;
    justify-content: center;
    display: none;
}

.tariffBlock_content .specialBtn:hover,
.tariffBlock_content .specialBtn:focus,
.tariffBlock_content .specialBtn:active {
    color: #e53b35;
    text-decoration: none;
}

.tariffBlock_content .closeSpecial {
    display: none;
}

#tariffsBlockWrapper .mobileHint {
    display: none;
}

.tariffBlock_content .buyBtn_wrapper {
    z-index: 5;
}

.gifts-wrap {
    width: 250px;
    height: 36px;
    margin: 0;
}

.scene {
    width: 100%;
    height: 100%;
}

.cube {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.5s;
    transform: translateZ(-18px);
}

.cube-face {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 0.5s, opacity 0.5s, background-color 0.3s;
    opacity: 0;
    overflow: hidden;
}

/* позиция обычного положения*/
.cube-face-current-out {
    transform: rotateX(90deg) translateZ(18px);
}

.cube-face-current {
    opacity: 1;
    transform: rotateX(0deg) translateZ(18px);
}

.cube-face-next {
    opacity: 1;
    transform: rotateY(0deg) rotateX(-75deg) translateZ(21px) translateY(7px);
}

.cube-face-back {
    transform: rotateX(-180deg) translateZ(18px);
}

.giftLink {
    text-align: left;
}

.giftLink.wait .line {
    content: '';
    /*height: 2px;*/
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    width: 0%;
    border-bottom-left-radius: 6px;
    transition: width 0.2s;
}

.giftLink:not(.wait) .line {
    display: none;
}

.giftLink.wait .wait-text {
    display: flex;
}

.giftLink .seconds {
    color: #fff;
}

.giftLink.cube-face-next .name,
.giftLink.cube-face-next .info {
    display: none;
}

.giftLink.cube-face-next.wait:before,
.giftLink.cube-face-next .icon,
.giftLink.cube-face-next .line,
.giftLink.cube-face-next .preloader {
    display: none;
}

#tariffBlock__timer {
    background: #ffffff;
    border: 1px solid #ededed;
    box-sizing: border-box;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);
    padding: 25px;
    text-align: center;
    display: none;
    position: relative;
    top: -30px;
}

#tariffBlock__timer .tWrap {
    display: inline-flex;
    align-items: flex-start;
}

#tariffBlock__timer .tWrap>img {
    margin-right: 10px;
}

#tariffBlock__timer ul {
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 32px;
    color: #333333;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    letter-spacing: -2px;
}

#tariffBlock__timer .green {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #83c551;
}

#tariffBlock__timer .seconds {
    color: #333333;
}

.btnScroll_right button {
    background: #ffffff;
    border: 1px solid #67b728;
    border-radius: 4px;
    width: 100%;
    display: flex;
    padding: 10px 15px;
    align-items: center;
    cursor: pointer;
}

.btnScroll_right button .text>div {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #333333;
    flex-grow: 1;
}

.btnScroll_right button>div.text {
    flex-grow: 1;
    text-align: left;
    padding: 0 20px;
}

.btnScroll_right button .text>small {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
}

.btnScroll_right i.book {
    width: 37px;
    height: 49px;
    background-image: url(../img/watch/tariff/book.png);
    background-repeat: no-repeat;
}

.btnScroll_right i.arrow {
    width: 42px;
    height: 42px;
    background-image: url(../img/watch/tariff/arrow_round.png);
    background-repeat: no-repeat;
    background-position: center;
}

@keyframes swing {
    15% {
        -webkit-transform: translateX(9px);
        transform: translateX(9px);
    }

    30% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px);
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    50% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    65% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.swing {
    -webkit-animation: swing 0.6s ease;
    animation: swing 0.6s ease;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.socialsControl_head {
    margin: 0 11px;
    cursor: pointer;
}

.socialsControl_head .border_info {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
    background: #d7d7d7;

    -webkit-animation: background_info 5s infinite alternate;
    -moz-animation: background_info 5s infinite alternate;
    -o-animation: background_info 5s infinite alternate;
    animation: background_info 5s infinite alternate;
}

.socialsControl_head .content_info {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #28292c;
    position: absolute;
    font-size: 12px;
    margin-top: 2px;
    margin-left: 2px;
    line-height: 22px;
    -webkit-animation: color_info 5s infinite alternate;
    -moz-animation: color_info 5s infinite alternate;
    -o-animation: color_info 5s infinite alternate;
    animation: color_info 5s infinite alternate;
}

.goodly-webinar__header-mobile .socialsControl_group {
    height: auto;
    margin: 0;
}

.socialsMobile-control {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

.goodly-webinar__header-mobile .socialsControl_group .goodly-webinar--socialsList {
    background: inherit;
    border: none;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 6px;
    list-style: none;
    width: 100%;
    z-index: 2;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    max-height: 48px;
}

.goodly-webinar__header-mobile .goodly-webinar--socialsList li {
    margin: 0 5px;
    display: inline-block;
    width: 28px;
    height: 28px;
}

.goodly-webinar__header-mobile .goodly-webinar--socialsList .socialsControl_li {
    display: none;
}

.goodly-webinar__header-mobile .goodly-webinar--socialsList li a {
    width: 28px;
    height: 28px;
    background-size: contain;
}

#navbar-socials ul.goodly-webinar--socialsList {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
}

@-webkit-keyframes background_info {
    0% {
        background: gold;
        box-shadow: 0 -24px 16px -16px crimson inset;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        background: skyblue;
        box-shadow: 0 -24px 16px -16px yellowgreen inset;
    }

    50% {
        background: teal;
        box-shadow: 0 -24px 16px -16px plum inset;
    }

    75% {
        background: skyblue;
        box-shadow: 0 -24px 16px -16px yellowgreen inset;
    }

    100% {
        background: gold;
        box-shadow: 0 -24px 16px -16px crimson inset;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes background_info {
    0% {
        background: gold;
        box-shadow: 0 -24px 16px -16px crimson inset;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        background: skyblue;
        box-shadow: 0 -24px 16px -16px yellowgreen inset;
    }

    50% {
        background: teal;
        box-shadow: 0 -24px 16px -16px plum inset;
    }

    75% {
        background: skyblue;
        box-shadow: 0 -24px 16px -16px yellowgreen inset;
    }

    100% {
        background: gold;
        box-shadow: 0 -24px 16px -16px crimson inset;
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes background_info {
    0% {
        background: gold;
        box-shadow: 0 -24px 16px -16px crimson inset;
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        background: skyblue;
        box-shadow: 0 -24px 16px -16px yellowgreen inset;
    }

    50% {
        background: teal;
        box-shadow: 0 -24px 16px -16px plum inset;
    }

    75% {
        background: skyblue;
        box-shadow: 0 -24px 16px -16px yellowgreen inset;
    }

    100% {
        background: gold;
        box-shadow: 0 -24px 16px -16px crimson inset;
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes background_info {
    0% {
        background: gold;
        box-shadow: 0 -24px 16px -16px crimson inset;
        transform: rotate(0deg);
    }

    25% {
        background: skyblue;
        box-shadow: 0 -24px 16px -16px yellowgreen inset;
    }

    50% {
        background: teal;
        box-shadow: 0 -24px 16px -16px plum inset;
    }

    75% {
        background: skyblue;
        box-shadow: 0 -24px 16px -16px yellowgreen inset;
    }

    100% {
        background: gold;
        box-shadow: 0 -24px 16px -16px crimson inset;
        transform: rotate(360deg);
    }
}

@-webkit-keyframes color_info {
    0% {
        color: gold;
    }

    25% {
        color: skyblue;
    }

    50% {
        color: plum;
    }

    75% {
        color: skyblue;
    }

    100% {
        color: gold;
    }
}

@-moz-keyframes color_info {
    0% {
        color: gold;
    }

    25% {
        color: skyblue;
    }

    50% {
        color: plum;
    }

    75% {
        color: skyblue;
    }

    100% {
        color: gold;
    }
}

@-o-keyframes color_info {
    0% {
        color: gold;
    }

    25% {
        color: skyblue;
    }

    50% {
        color: plum;
    }

    75% {
        color: skyblue;
    }

    100% {
        color: gold;
    }
}

@keyframes color_info {
    0% {
        color: gold;
    }

    25% {
        color: skyblue;
    }

    50% {
        color: plum;
    }

    75% {
        color: skyblue;
    }

    100% {
        color: gold;
    }
}

.share_modal {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 28;
}

.share_modal:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.8;
    z-index: 28;
}

.share_modal_content {
    border: 2px solid rgba(32, 32, 32, 0.4);
    background: #eff1f5;
    border-radius: 6px;
    align-items: center;
    box-shadow: 0 0 5px 2px #ccc;
    position: relative;
    padding: 30px;
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.02em;
    color: #333641;
    width: max-content;
    z-index: 29;
    position: relative;
}

.share_modal_content .close {
    right: 10px;
    top: 5px;
    position: absolute;
    opacity: 1;
    color: #ff0000;
}

.share_modal_content .link-copy {
    border: 1px solid #bfbfbf;
    border-radius: 6px;
    padding: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.share_modal_content .link-copy input {
    border: 0;
    background: #eff1f5;
    cursor: copy;
    width: 100%;
}

.share_wrapper {
    position: absolute;
    bottom: 10px;
    right: 40px;
    z-index: 26;
    text-align: center;
}

.goodly-webinar__header-mobile .share_wrapper {
    position: relative;
    bottom: auto;
    right: auto;
}

.goodly-webinar__header-mobile .share_wrapper button {
    position: relative;
    bottom: auto;
    right: auto;
}

.share_wrapper button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 22;
    text-align: center;
    background: #ffe37b;
}

.share_wrapper button:focus,
.share_wrapper button:active {
    background: #ffe37b;
}

.share_wrapper button:hover {
    background: #ffe37b;
}

.socialsControl_group {
    width: 64px;
    height: 28px;
    display: none;
    margin: 0 11px;
    position: relative;
    transition: 0.5s;
}

.socialsControl_group.open {
    height: auto;
}

.socialsList_wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
    text-align: center;
}

.socialsControl_group.open .socialsList_wrapper {
    top: -20px;
}

.socialsControl_group .goodly-webinar--socialsList {
    background: #151a25;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 6px;
    list-style: none;
    width: 64px;
    align-items: center;
    padding: 18px 0 5px 0;
    z-index: 2;
    display: none;
}

.goodly-webinar--socialsList li {
    display: block;
    margin: 0 auto 8px auto;
    text-align: center;
}

.goodly-webinar--socialsList li a {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.goodly-webinar--socialsList li a.vk,
.webinar-notice--social.vk .webinar-notice__img {
    background-image: url(../img/watch/social/vk.png);
}

.goodly-webinar--socialsList li a.facebook,
.webinar-notice--social.facebook .webinar-notice__img {
    background-image: url(../img/watch/social/facebook.svg);
}

.goodly-webinar--socialsList li a.ok,
.webinar-notice--social.ok .webinar-notice__img {
    background-image: url(../img/watch/social/ok.svg);
}

.goodly-webinar--socialsList li a.close {
    background-image: url(../img/watch/social/close.png);
    opacity: 1;
    float: unset;
}

.goodly-webinar--socialsList li a.instagram,
.webinar-notice--social.instagram .webinar-notice__img {
    background-image: url(../img/watch/social/instagram.svg);
}

.goodly-webinar--socialsList li a.skype,
.webinar-notice--social.skype .webinar-notice__img {
    background-image: url(../img/watch/social/skype.svg);
}

.goodly-webinar--socialsList li a.telegram,
.webinar-notice--social.telegram .webinar-notice__img {
    background-image: url(../img/watch/social/telegram.svg);
}

.goodly-webinar--socialsList li a.twitter,
.webinar-notice--social.twitter .webinar-notice__img {
    background-image: url(../img/watch/social/twitter.svg);
}

.goodly-webinar--socialsList li a.whatsapp,
.webinar-notice--social.whatsapp .webinar-notice__img {
    background-image: url(../img/watch/social/whatsapp.svg);
}

.goodly-webinar--socialsList li a.youtube,
.webinar-notice--social.youtube .webinar-notice__img {
    background-image: url(../img/watch/social/youtube.svg);
}

.goodly-webinar--socialsList li a.news,
.webinar-notice--social.news .webinar-notice__img {
    background-image: url(../img/watch/social/news.png);
}

.goodly-webinar--socialsList li a.viber,
.webinar-notice--social.viber .webinar-notice__img {
    background-image: url(../img/watch/social/viber.png);
}

.goodly-webinar--socialsList li a.senler,
.webinar-notice--social.senler .webinar-notice__img {
    background-image: url(../img/watch/social/senler.png);
}

.goodly-webinar--socialsList li a.rutube,
.webinar-notice--social.rutube .webinar-notice__img {
    background-image: url(../img/watch/social/rutube.png);
}

.goodly-webinar-video-container .socialsList_wrapper {
    z-index: 27;
    left: auto;
}

.goodly-webinar-video-container.rt .goodly-webinar--socialsList {
    top: 160px;
    right: 10px;
    justify-content: center;
}

.goodly-webinar-video-container.rt .goodly-webinar--socialsList.shown {
    min-width: 260px;
}

.goodly-webinar-video-container .goodly-webinar--socialsList {
    list-style: none;
    background: rgb(255 255 255 / 50%);
    border-radius: 16px;
    height: 76px;
    display: flex;
    align-items: center;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 22;
    transition: 0.3s;
    width: 0px;
    max-width: 0px;
    overflow: hidden;
}

.goodly-webinar-video-container .goodly-webinar--socialsList.shown {
    max-width: 410px;
    padding: 0 20px;
    width: auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.goodly-webinar-video-container .goodly-webinar--socialsList li {
    display: inline-block;
    margin: 0 8px 0 0;
}

.goodly-webinar-video-container .goodly-webinar--socialsList li a.close {
    display: none;
}

[data-theme='light_bubble'] .socialsControl_head .content_info {
    background: #ffffff;
}

@media screen and (max-width: 1300px) {
    .presentation-block {
        width: calc(100vw - 450px);
    }

    .tariffBlock_content .products .buyBtn {
        width: 140px;
    }
}

@media screen and (max-width: 900px) {
    .gifts-wrap {
        width: 100%;
        margin: 0 0 1.3vw 0;
    }

    .goodly-webinar-video-container.lt .goodly-webinar-video-player,
    .goodly-webinar-video-container.rb .goodly-webinar-video-player,
    .goodly-webinar-video-container.rt .goodly-webinar-video-player {
        height: 56px !important;
        width: 100px !important;
    }

    #tariffBlock__timer {
        top: -20px;
        padding: 15px;
    }

    .tariffBlock_content .products .buyBtn {
        width: 120px;
        /*margin-left: -60px;*/
    }

    .admin-panel__menu-btn {
        font-size: 12px;
    }

    .admin-panel__menu-btn svg {
        margin-left: 5px;
    }

    .webinar-presentation__item {
        padding: 15px;
    }

    .webinar-presentation__item-img {
        margin-right: 10px;
    }

    .webinar-presentation__item-name {
        margin-bottom: 4px;
    }

    #webinar-images .admin-panel-popup-btn {
        width: 28px;
        height: 28px;
        padding: 6px !important;
    }

    #webinar-images .admin-panel-popup {
        padding: 5px;
    }

    .webinar-images__content {
        padding: 15px;
    }

    .webinar-images__item {
        width: 105px;
        height: 105px;
    }

    .webinar-links__item {
        padding: 10px;
    }

    .records-editing-popup {
        max-height: 50vh;
        top: 0;
        right: 0;
        transform: translate(0%, 0);
    }


}

@media screen and (max-width: 767px) {
    .sweet-alert {
        top: 230px;
    }

    .product-file__btn {
        min-width: 22px;
        max-width: 22px;
        min-height: 22px;
        max-height: 22px;
        border-radius: 50%;
        padding: 0 !important;
        overflow: hidden;
        color: transparent !important;
        background-position: 50% 50% !important;
    }

    .goodly-webinar__right-column #files {
        display: none;
    }

    #reposted_message,
    #link-widget {
        left: 5%;
        bottom: 3vw;
        width: 90%;
        margin: 0;
        padding: 10px;
    }

    #reposted_message .ava,
    #link-widget .link-icon {
        width: 55px;
        height: 55px;
    }

    #link-widget .username {
        margin-bottom: 5px;
    }

    #reposted_message .message{
        margin-top: 5px;
    }

    #admin_tariffblockWrapper,
    #admin_tariffblockWrapper .tariffBlock_tabs,
    #admin_tariffblockWrapper .tariffsBlock {
        display: none;
    }

    .presentation-block {
        width: auto;
    }

    body {
        overflow-x: hidden;
    }

    .goodly-webinar__main {
        display: grid;
        grid-template-rows: auto minmax(300px, 1fr);
        grid-template-columns: 1fr;
    }

    .goodly-webinar__main-container {
        width: 100%;
        padding: 0.5vw 1.3vw 0 1.3vw;
    }

    .goodly-webinar__right-column {
        position: relative;
        width: 100%;
        min-width: 200px;
    }

    .goodly-webinar-video-container .goodly-webinar--socialsList.shown,
    .goodly-webinar-video-container.rt .goodly-webinar--socialsList.shown {
        max-width: 100%;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        border-radius: 0;
        height: 48px;
        margin: 0;
        justify-content: center;
    }

    .goodly-webinar-video-container .goodly-webinar--socialsList.shown .socialsControl_li {
        display: none;
    }

    .goodly-webinar-video-container .goodly-webinar--socialsList li,
    .goodly-webinar-video-container .goodly-webinar--socialsList li a {
        width: 28px;
        height: 28px;
        background-size: contain;
    }

    .goodly-webinar-video-container.lt .goodly-webinar-video-player,
    .goodly-webinar-video-container.rb .goodly-webinar-video-player,
    .goodly-webinar-video-container.rt .goodly-webinar-video-player {
        height: 56px !important;
        width: 100px !important;
    }

    .outerMessage {
        margin-right: 0;
    }

    .gw_notice-container {
        right: 0;
        top: -20px;
        height: auto;
        left: auto;
        bottom: 61px;
        z-index: 1;
    }

    .webinar-notice {
        right: 0;
        left: auto;
    }

    .webinar-faq__item+.tooltip .tooltip-inner {
        width: 200px;
        z-index: 25;
    }

    .fast-panel__btn,
    .goodly-webinar__header-btn {
        width: 42px;
    }

    .fast-panel__inner {
        top: 100%;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .fast-panel__inner ul,
    .fast-panel__inner .webinar-images__content {
        max-height: calc(60vh - 175px);
    }

    .nav.navbar-nav {
        overflow: hidden;
    }

    .popup__content {
        width: 95%;
        min-width: 320px;
        padding: 40px 0;
        background-position: 10px 15px;
    }

    .popup__content-message {
        padding-left: 100px;
        padding-right: 20px;
    }

    .bg {
        display: none;
    }

    .bg.light_bubble {
        display: block;
        background-size: cover;
    }

    [data-theme='light_bubble'] .goodly-webinar__header {
        background: rgb(255 255 255 / 68%);
        position: relative;
        z-index: 2;
    }

    .goodly-webinar__header-mobile .navbar-toggle {
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 6px 7px;
    }

    .goodly-webinar__header-mobile .navbar-toggle .icon-bar {
        width: 18px;
    }

    .goodly-webinar__header-mobile .navbar {
        min-height: auto;
    }

    .goodly-webinar__header:after {
        left: 0;
        right: 0;
    }

    .goodly-webinar__header-left,
    .goodly-webinar__header-right {
        display: none;
    }

    .goodly-webinar__header-mobile {
        display: block;
        width: 100%;
    }

    .goodly-webinar__header-mobile .navbar-header {
        display: flex;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: 48px;
    }

    .navbar-header .navbar-content {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        padding: 0 18px 0 5px;
        gap: 15px;
    }

    .goodly-webinar__header-mobile .navbar-header .userControls_icon {
        margin: 0;
    }

    .goodly-webinar__header-mobile .navbar-header .countMember {
        margin-right: 3px;
    }

    .goodly-webinar__header-mobile .navbar-header .goodly-webinar__header-logo {
        margin-bottom: 4px;
    }

    .navbar-header .navbar-content:last-child {
        justify-content: flex-end;
    }

    .goodly-webinar__header-mobile .navbar-header .socialsControl_head {
        margin: 0;
    }

    .goodly-webinar__header-mobile .navbar-header .socialsControl_group {
        width: 28px;
        height: 28px;
    }

    .goodly-webinar__header-mobile .navbar-header .socialsMobile-control {
        padding: 0;
    }

    /* Отключить из видимости все иконки кроме пользователей */
    .userControls_wrap:not(:nth-child(3)),
    .logout {
        display: none;
    }

    .userControls_wrap:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        border-right: 0;
    }

    .goodly-webinar__header-center {
        display: none;
    }

    .forbidden_play {
        display: block;
        width: 50px;
        height: 50px;
    }

    .files-mobile,
    .presentation:not(.admin-panel__btn) {
        display: block;
        border: 1px solid var(--active);
        position: relative;
        border-radius: 5px;
        width: 100%;
        font-weight: bold;
        color: #f5f0f0;
        text-shadow: 0 1px 0 #0f3354;
        border: 1px solid #1d71c1;
        box-shadow: 0 0 0 0 rgba(90, 153, 220, 0.7), inset 0 1px 0 #98c4ec;
        background: #62a8e8;
        background-image: -webkit-gradient(linear,
                50% 0,
                50% 100%,
                color-stop(0, #6eace4),
                color-stop(100%, #4f93d4));
        background-image: -webkit-linear-gradient(#64a0d6, #3f86ca);
        background-image: linear-gradient(#66a3da, #3f88ce);
        cursor: pointer;
        letter-spacing: 1.5px;
        -webkit-animation: buttonPulse 120s ease-in;
        animation: buttonPulse 120s ease-in;
        margin: 0.5vw auto 1vw auto;
        padding: 5px 0 5px 0;
    }

    .files-mobile:hover,
    .presentation:hover {
        -webkit-animation: none;
        animation: none;
    }

    .files-mobile {
        display: none;
    }

    @-webkit-keyframes buttonPulse {

        from,
        79%,
        80%,
        85%,
        90%,
        95%,
        99%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215,
                    0.61,
                    0.355,
                    1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        59.9%,
        60.2% {
            opacity: 0;
        }

        59.8%,
        60%,
        60.6% {
            opacity: 1;
        }

        .5% {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }

        1% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }

        1.2% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }

        1.4% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
        }

        1.6% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
        }

        1.9% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
        }
    }

    @keyframes buttonPulse {

        from,
        79%,
        80%,
        85%,
        90%,
        95%,
        99%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215,
                    0.61,
                    0.355,
                    1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        59.9%,
        60.2% {
            opacity: 0;
        }

        59.8%,
        60%,
        60.6% {
            opacity: 1;
        }

        .5% {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }

        1% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }

        1.2% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }

        1.4% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
        }

        1.6% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
        }

        1.9% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
        }
    }

    .goodly-webinar__chat-header {
        top: 0;
        height: 25px;
        width: 100%;
        overflow: hidden;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 0;
    }

    .goodly-webinar__chat-header:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 47px;
        height: 24px;
        background: transparent;
    }

    .goodly-webinar__chat-header {
        min-height: 42px;
        display: none;
    }

    .mobile-settings {
        display: inline-block;
        margin-right: 10px;
    }

    .goodly-webinar__chat-header img {
        width: 24px;
        height: 24px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .goodly-webinar__chat-author {
        display: inline;
        margin-right: 10px;
    }

    .goodly-webinar__chat-rank {
        /*line-height: 25px;*/
        line-height: 1;
        display: block;
    }

    .copyright {
        display: none;
    }

    .navbar-toggle {
        display: block;
    }

    .goodly-webinar__title {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        margin: 0 0 20px 0;
        height: auto !important;
    }

    .goodly-webinar__chat-members {
        display: none;
    }

    .file {
        opacity: 1;
    }

    .chat-messages li,
    .outerMessage {
        word-wrap: break-word;
    }

    .nav.navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    /* проверить элемент .navbar-collapse.collapse при нажатии от 768 до 900 происходят не корректные прыжки у лого */
    .goodly-webinar__header-mobile .navbar-toggle {
        float: left;
    }

    .goodly-webinar__header-mobile .navbar-collapse {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }

    .goodly-webinar__header-mobile .navbar-collapse.in {
        overflow: auto;
    }

    .nav.navbar-nav li {
        flex-grow: 1;
    }

    .goodly-webinar__header-mobile .navbar-nav span {
        display: block;
        text-align: center;
    }

    .sound-control.mute:after,
    .sound-control.mute:hover.sound-control:after {
        left: 47%;
    }

    .sound-control:not(.mute):hover.sound-control:after {
        display: none;
    }

    @media all and (orientation: landscape) {
        .overlay_resize {
            position: relative;
            height: 100%;
            width: 100%;
            user-select: none;
            outline: none;
        }

        .icon_resize {
            display: inline-block;
            position: absolute;
            right: 5px;
            top: 5px;
            background: #999 url('../img/watch/resize.svg') no-repeat center;
            width: 15px;
            height: 15px;
            user-select: none;
            outline: none;
        }

        .goodly-webinar__right-column.fullScr .goodly-webinar__chat-header,
        .goodly-webinar__right-column.fullScr #chat-wrap,
        .goodly-webinar__right-column.fullScr #chat-form,
        .goodly-webinar__right-column.fullScr:before {
            display: none;
        }

        .goodly-webinar__right-column.fullScr {
            align-self: flex-end;
        }
    }

    .goodly-webinar__exit-text {
        display: none;
    }

    .goodly-webinar__header .members-count-wrap {
        border: none;
        padding: 0;
    }

    .goodly-webinar__title {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        margin: 0 0 20px 0;
        height: auto !important;
    }

    .goodly-webinar__chat-members {
        display: none;
    }

    #files-wrap {
        border-bottom: 1px solid rgba(51, 54, 65, 0.1);
        padding: 0px 20px;
    }

    .btnScroll_container {
        width: auto;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: 0;
        background-image: url(/gw/img/sw_left.gif);
        background-size: 20px;
        background-position: right center;
        background-repeat: no-repeat;
        position: relative;
        margin-bottom: 1vw;
        border-radius: 9px;
    }

    .btnScroll_container button {
        border-radius: 0;
        width: 100%;
        padding-left: 74px;
        background-position: 10px 0px;
        border-radius: 3px;
    }

    .btnScroll_container button:after {
        content: '';
        width: 50px;
        height: 50px;
        background-image: url(/gw/img/sw_left.gif);
        background-image: url(/gw/img/7637-tap-click.gif);
        background-position: right center;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        z-index: 5;
        background-size: contain;
        bottom: 1px;
    }

    .btnScroll_container button>span {
        display: block;
    }

    .btnScroll_container button small {
        font-size: 0;
    }

    .btnScroll_container button small:after {
        font-weight: bold;
        font-size: 12px;
        line-height: 11px;
        color: #333333;
        content: 'Нажмите, чтобы открыть тарифы';
        text-transform: none;
    }

    .arrowsScroll_container {
        display: none;
    }

    .tariffBlock_content .products {
        grid-auto-flow: initial;
        margin-top: 20px;
    }

    #tariffsBlockWrapper {
        width: 100%;
        position: absolute;
        display: none;
        top: 0;
        bottom: 0;
        z-index: 27;
        right: -100%;
        overflow: auto;
    }

    #tariffsBlockWrapper .mobileHint {
        height: 45px;
        background: #fff;
        border-bottom: 1px solid #67b728;
        align-items: center;
        padding: 15px 17px;
        display: block;
        color: #2196f3;
        text-align: center;
    }

    .tariffBlock_content {
        margin: 0;
    }

    .tariffBlock_content .tariffs_lable {
        font-size: 3.5vw;
        font-style: normal;
        font-weight: bold;
    }

    .tariffBlock_content .title {
        font-size: 4.5vw;
        font-style: normal;
        font-weight: 500;
    }

    .tariffBlock_content .subtitle {
        font-size: 2.5vw;
        font-style: normal;
        font-weight: normal;
    }

    .tariffBlock_content .products .title {
        font-size: 3vw;
        padding-left: 0;
        display: flex;
        text-align: left;
        flex-direction: column-reverse;
    }

    .tariffBlock_content .products .title .t_label {
        margin-top: 8px;
    }

    .tariffBlock_content .subtitle+img {
        height: 40px;
    }

    .tariffBlock_content .products .img_wrap {
        width: 62px;
        height: 60px;
        top: 26px;
        right: 20px;
        left: auto;
        margin-left: 0;
    }

    .tariffBlock_content .products .item .wrap {
        padding-top: 15px;
    }

    .tariffBlock_content .products .basePrice {
        margin-right: 15px;
        display: inline-block;
    }

    .tariffBlock_content .products .buyBtn {
        position: unset;
        margin: 20px 0 0 0;
        opacity: 1;
        width: 100%;
    }

    .tariffBlock_content .specialBtn {
        display: inline-flex;
        margin-top: 20px;
    }

    .tariffBlock_content .products .item:hover .heightAn {
        height: 0;
    }

    .tariffBlock_content .products .item .nextPayInfo {
        z-index: 1;
        top: 36px;
        left: 32px;
        border: none;
        margin: 0;
    }

    .tariffBlock_content .products .item .nextPayInfo:after {
        right: auto;
        left: 10px;
        top: auto;
        transform: rotate(90deg);
        bottom: -10px;
    }

    .tariffBlock_content .products .item .borderAn {
        top: -158px;
        z-index: 1;
        border-radius: 9px;
    }

    .tariffBlock_content .products .item .borderAn:before,
    .tariffBlock_content .products .item .borderAn:after {
        display: none;
    }

    .tariffBlock_content .closeSpecial {
        position: absolute;
        bottom: -55px;
        cursor: pointer;
        left: 50%;
        width: 250px;
        margin-left: -125px;
        z-index: 2;
        height: 44px;
        padding-top: 11px;
        background: #ffffff;
        border: 1px solid #333333;
        border-radius: 6px;
        color: #333333;
        font-size: 14px;
        padding-left: 21px;
        text-align: left;
        background-image: url(../img/watch/tariff/sp_close.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        display: none;
    }

    .tariffBlock_content .products .item.spacialActive:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 162px;
        top: 0;
        background: rgb(255 255 255 / 52%);
        z-index: 1;
    }

    .tariffBlock_content .products .item .filter {
        top: 4px;
    }

    .t_label.heart {
        width: 140px;
    }
}

@media screen and (max-height: 375px) and (max-width: 900px) {
    .goodly-webinar__chat-header {
        display: none;
    }

    .goodly-webinar__header-right {
        justify-content: flex-end;
    }

    .rank {
        display: block;
        margin: 0;
    }

    .file_name {
        font-size: 11px;
    }

    .chat-messages li,
    .outerMessage {
        padding: 10px;
    }
}

@media screen and (max-width: 375px) {

    .chat-messages li,
    .outerMessage {
        padding: 8px 12px;
    }

    .message_content {
        font-size: 12px;
        line-height: 14px;
    }

    [data-id='hello_msg'] .ava {
        display: none;
    }
}

@media screen and (max-height: 375px) and (max-width: 700px) {
    #chat-wrap .chat-link {
        line-height: 15px;
    }

    li .username {
        margin-bottom: 6px;
    }

    .goodly-webinar__header {
        z-index: 2;
    }
}

@media screen and (max-height: 586px) and (max-width: 320px) {
    .giftLink .name {
        font-size: 13px;
    }

    .webinar-notice__img {
        width: 34px;
        height: 34px;
        margin-top: 2px;
    }

    .webinar-notice.webinar-notice--link {
        width: 204px;
        height: 62px;
    }

    .webinar-notice__name {
        font-size: 15px;
        margin-top: 0;
    }
}

@media screen and (max-height: 586px) and (max-width: 375px) {
    .files-popup #files {
        position: unset;
    }

    .goodly-webinar__header {
        z-index: 1;
    }
}

@media (max-width: 520px) {

    .admin-panel__menu {
        display: none;
    }

    .admin-panel__menu.open {
        z-index: 1;
        width: auto;
        transform: translate(-2%, 50px);
        box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.08);
        padding: 0 10px;
        transition: 0s;
        display: block;
    }

    .admin-panel__menu-item {
        font-size: 12px;
        padding: 10px 0;
    }

    .goodly-webinar__chat-author {
        font-size: 13px;
    }
}

.hide {
    display: none;
}

.show {
    display: flex;
}

.play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(../images/play.svg);
    background-size: 125px 125px;
    background-position: center center;
    background-color: rgba(255, 255, 255, 0.85);
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
    border-radius: 5px;
    z-index: 10;
}

.files-popup.shown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 28;
}

.files_wrap {
    min-width: 320px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    padding: 0.5vw 1vw 0 1vw;
    border: 1px solid white;
    max-height: 80vh;
    min-height: 20vh;
    height: auto;
    max-width: 80%;
}

.files_wrap .fa-close {
    color: red;
    position: relative;
    top: -5px;
    left: 95%;
    font-size: 20px;
    line-height: 0;
    height: 20px;
}

/* смена полосы прокрутки  */
::-webkit-scrollbar-track {
    background-color: #333641;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #e6e9f2;
}

::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
}

::-webkit-resizer {
    width: 4px;
    height: 0;
    background-color: #e6e9f2;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #333641;
}

[data-theme='light_bubble'] .goodly-webinar__header svg path {
    fill: #009ebd;
}

[data-theme='light_bubble'] .goodly-webinar__header .userControls_icon:hover svg path {
    fill: #dc4578;
}

[data-theme='light_bubble'] .userControls_icon:before {
    background-color: #dc4578;
}

[data-theme='light_bubble'] li .username.author {
    color: #333641;
}

[data-theme='light_bubble'] li.admin .username {
    color: #db1f35;
}

[data-theme='light_bubble'] li.moder .username {
    color: #4a76a8;
}

[data-theme='light_bubble'] ::-webkit-scrollbar-thumb {
    background-color: #dc4578;
}

[data-theme='light_bubble'] ::-webkit-scrollbar-track {
    background-color: #d4e2e6;
}

[data-theme='light_bubble'] .goodly-webinar__right-column {
    background: rgb(255 255 255 / 65%);
}

[data-theme='light_bubble'] .new.files {
    background-color: #f9b000;
}

[data-theme='light_floor'],
[data-theme='light_gradient1'],
[data-theme='light_gradient2'],
[data-theme='light_sky'],
[data-theme='light_gradient3'],
[data-theme='light_snow'],
[data-theme='light_bubble'] {
    --colorBg: #fff;
    --colorFont: #333641;

    .goodly-webinar__right-column {
        background-color: rgba(255, 255, 255, 0.7);
    }
}

[data-theme='dark_floor'],
[data-theme='dark_dot'],
[data-theme='dark_wood'],
[data-theme='dark_color1'],
[data-theme='dark_color2'],
[data-theme='dark_color3'] {
    --colorBg: #151a25;
    --colorFont: #fff;

    .goodly-webinar__right-column {
        background-color: rgba(21, 26, 37, 0.7);
    }
}

/* LIVE */

#files-wrap {
    display: none;
    max-height: 40vh;
}

.goodly-webinar-video-container .overlay,
.goodly-webinar-video-container .preload {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    z-index: 20;
}

.goodly-webinar-video-container .preload:before {
    content: "";
    height: 25%;
    background-color: white;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}

.goodly-webinar-video-container .preload:after {
    content: "";
    height: 25%;
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

#files-wrap {
    overflow: auto;
}

.goodly-webinar__header .members-count-wrap {
    padding: 0px 25px;
    border-left: 1px solid rgba(51, 54, 65, 0.1);
    border-right: 1px solid rgba(51, 54, 65, 0.1);
}

.goodly-webinar__header .members-count {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    color: #333641;
}

.goodly-info {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    background-color: #fff;
    width: max-content;
    padding: 13px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: 0px 0px 5px 0px #cccccc;
    z-index: 10;
}

.goodly-webinar__header-logo.goodly-logo:hover .goodly-info {
    display: block;
}

.files-popup {
    display: none;
}

.ava img {
    max-width: 32px;
    border-radius: 50%;
}

.goodly-webinar-control-panel {
    width: 100%;
    border-radius: 6px;
    padding: 10px;
    background-color: #f5f5f5;
    color: #333;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.goodly-webinar-control-panel .part {
    flex-grow: 1;
}


/* wATHC */


.goodly-webinar-video-container .overlay,
.goodly-webinar-video-container .preload {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    z-index: 20;
}
.goodly-webinar-video-container .preload:before{
    content: "";
    height: 25%;
    background-color: white; 
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}
.goodly-webinar-video-container .preload:after{
    content: "";
    height: 25%;
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}
.goodly-webinar__header .members-count-wrap{
    padding: 0px 25px;
    border-left: 1px solid rgba(51, 54, 65, 0.1);
    border-right: 1px solid rgba(51, 54, 65, 0.1);
}
.goodly-webinar__header .members-count{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    color: #333641;
}
.goodly-info {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    background-color: #fff;
    width: max-content;
    padding: 13px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: 0px 0px 5px 0px #cccccc;
    z-index: 10;
}
.goodly-webinar__header-logo.goodly-logo:hover .goodly-info{
    display: block;
}
.files-popup {display: none;}
.ava img {
    max-width: 32px;
    border-radius: 50%;
}


/* ADMIN */

#files-wrap {
    display: none;
    max-height: 40vh;
}

.goodly-webinar-video-container .overlay,
.goodly-webinar-video-container .preload {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    z-index: 20;
}

.goodly-webinar-video-container .preload:before {
    content: "";
    height: 25%;
    background-color: white;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}

.goodly-webinar-video-container .preload:after {
    content: "";
    height: 25%;
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

#files-wrap {
    overflow: auto;
}

.goodly-webinar__header .members-count-wrap {
    padding: 0px 25px;
    border-left: 1px solid rgba(51, 54, 65, 0.1);
    border-right: 1px solid rgba(51, 54, 65, 0.1);
}

.goodly-webinar__header .members-count {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 100%;
    color: #333641;
}

.goodly-info {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    background-color: #fff;
    width: max-content;
    padding: 13px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: 0px 0px 5px 0px #cccccc;
    z-index: 10;
}

.goodly-webinar__header-logo.goodly-logo:hover .goodly-info {
    display: block;
}

.files-popup {
    display: none;
}

.ava img {
    max-width: 32px;
    border-radius: 50%;
}

#messages li:hover {
    cursor: pointer;
}

#playVideoInfo {
    display: none;
    position: absolute;
    top: 10px;
    padding: 10px;
    background: rgb(255 255 255 / 0.8);
    font-size: 15px;
    color: #000;
    z-index: 24;
}