/*Начало показа усача на чужом сайте*/
div.puzzleUsach {
    width: 300px;
    height: 251px;
    position: fixed;
    left: 0px;
    top: 300px;
    background: url(/wp-content/themes/english/assets/images/puzzleBanner.png);
    z-index: 9999;
}
div.puzzleUsach img.closeUsach {
    float: right;
    margin: 10px 10px 0 0;
    cursor: pointer;
}
div.puzzleUsach p {
    padding: 12px 0 0 126px;
    margin: 5px 0 10px 0;
}
/*Конец показа усача на чужом сайте*/

.jBox-content {
    padding: 1px !important;
}

.jBox-content .balloon_preloader {
    width: 50px;
    padding: 10px;
}

.link_in_balloon:hover{
    text-decoration: none !important;
}
.link_in_balloon:visited, .link_in_balloon:active, .link_in_balloon{
    color: #4594D1 !important;
    text-decoration: underline !important;
}

.jBox-content .vocab-card__video {
    margin-bottom: 0;
}


#balloon-jbox .jBox-content {
    padding: 0 !important;
}

#balloon-jbox .jBox-content {
    overflow: visible;
}

#balloon-jbox .jBox-closeButton {
    display: none;
}

.balloon__debug pre {
    font-size: 10px;
    max-width: 360px;
    overflow: hidden;
}

#balloon #word_video {
    width: 360px;
    display: block;
    margin: 0 auto;
}

.vocab-card__video.loading::before {
    z-index: 99;
    background: #8e8c8c url('https://puzzle-english.com/wp-content/themes/english/assets/images/preloader-white.gif') no-repeat center center;
    background-size: 30px;
}

.balloon {
    background: white;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    vertical-align: top;
    position: relative;
    max-width: 360px;
}

.balloon .hidden {
    display: none;
}

.balloon__title {
    font-size: 18px;
    padding: 15px 15px 12px;
    background-color: #f6f6f6;
}

.balloon-open__header__text .balloon__title {
    margin: -20px -20px 20px;
}

.balloon__settings {
    position: absolute;
    display: inline-block;
    right: 100%;
    width: 360px;
    top: 0;
    background-color: #fff;
    padding: 0 15px 30px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(100,100,100,.7);
    z-index: 1000;
}

.balloon__settings .balloon__title {
    margin: 0 -15px 25px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.balloon__settings-close {
    padding: 5px;
    cursor: pointer;
    height: 26px;
    width: 26px;
}

.balloon__settings-hint {
    position: absolute;
    left: 9px;
    top: 4px;
}

.balloon__settings-hint-back {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 90000;
}

.balloon__settings-hint-text {
    padding: 20px 25px;
    line-height: 1.6;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    background-color: #fff;
    position: absolute;
    border-radius: 8px;
    z-index: 90001;
    width: 258px;
    top: -195px;
    left: -185px;
}

.balloon__settings-hint-text::after {
    content: '';
    position: absolute;
    right: -11px;
    top: 15px;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.balloon__settings-hint-text::before {
    content: '';
    position: absolute;
    right: -19px;
    top: 27px;
    background: #fff;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.balloon__settings-hint-harry {
    background: url('/wp-content/themes/english/assets/images/settings-hint-harry.png') 0 0 no-repeat;
    width: 194px;
    height: 320px;
    position: absolute;
    right: -200px;
    top: -190px;
    z-index: 90001;
}

.balloon__settings-hint-target {
    background: url('/wp-content/themes/english/assets/images/settings-hint-icon.png') 0 0 no-repeat;
    width: 46px;
    height: 46px;
    position: absolute;
    right: -31px;
    top: -10px;
    z-index: 90001;
    -webkit-background-size: 100%;
    background-size: 100%;
}

/*  */

.balloon input[type=text] {
    background: #FFF;
    border: 1px solid #AAA;
    padding: 0 2px;
}

.balloon p {
    font-size: 16px;
}

.balloon .button-style-1 {
    padding: 6px 14px;
    font-size: 13px;
    margin: 7px 0 0;
    color: #fff;
}

.balloon .balloon__dict {
    margin: 5px 0 17px;
}

.balloon__word__translate__vertical {
    width: 360px;
    max-width: 360px;
    border-color: #d2d2d2;
    background-color: #fff;
}

.balloon__word__translate__horizontal {
    max-width: 720px;
    border-color: #d2d2d2;
    background-color: #fff;
    overflow: hidden;
}

.balloon__word__translate__horizontal .qtip-content {
    padding: 0;
}

.balloon__word__translate__vertical .qtip-content {
    padding: 0;
}

.balloon__top-arrow {
    padding-top: 20px;
}

#balloon_div {
    display: inline-block;
    width: 20px;
}

.balloon__more {
    color: #808080;
    font-size: 14px;
    padding: 0 10px;
    margin-top: 20px;
    margin-bottom: -2px;
}

.balloon__more__word {
    font-weight: bold;
}

.balloon__main {
    min-width: 300px;
    font-size: 16px;
    padding: 10px 10px 0;
    margin-bottom: 15px;
    position: relative;
}

.balloon__settings,
.balloon__general {
    display: inline-block;
    vertical-align: middle;
}

.balloon__main-bottom {
    position: relative;
    padding: 0 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
}

.balloon__main__text-notmain {
    font-size: 14px;
}

.balloon__main__text-notmain span {
    color: #c3330a;
}

.balloon__main .balloon-open__phrase__content__head {
    display: block;
    margin-bottom: 12px;
}

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

.balloon__main__translate__wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.balloon__main__translate {
    line-height: 1.5em;
}

.balloon__main__text {
    cursor: pointer;
}

.balloon__main__translate small {
    font-size: 16px;
}

.slovo-game__repeat__dictors__face img {
    max-height: 36px;
}

.balloon .slovo-game__repeat__dictors__list__wrapper_slow {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    min-height: 118px;
    position: relative;
    display: none;
}

.balloon .slovo-game__repeat__dictors__list__wrapper {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    min-height: 118px;
    position: relative;
    display: none;
}

.balloon .slovo-game__repeat__dictors__list {
    white-space: nowrap;
    position: absolute;
}

.balloon .slovo-game__repeat__dictors__list__element {
    margin-right: 26px;
}

.balloon .slovo-game__repeat__dictors__list__element:last-child {
    margin-right: 0;
}

.slovo-game__repeat__dictors__face img[src$='robot.svg'] {
    width: 29px;
    height: 36px;
    margin-top: -5px;
}

.balloon__speakers_list__link {
    font-size: 12px;
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    left: 0 !important;
}

.button-gray {
    background: #b5b5b5;
    border-bottom: 6px solid #9e9e9e;
}

.balloon__buttons {

}

.balloon__buttons__cancel_style,
.balloon__buttons__more,
.balloon__buttons__turn {
    color: #fff;
    display: inline-block;
    width: 160px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 9px 10px;
    line-height: 1.7em;
    vertical-align: top;
    min-height: 47px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.balloon__buttons__settings {
    cursor: pointer;
    position: relative;
    padding-left: 10px;
}

.balloon__buttons__settings:hover svg path {
    fill: #03a9ef;
}

.balloon__buttons__settings.is-active svg path {
    fill: #424242;
}

.balloon__button__icon__add {
    width: 14px;
    height: 14px;
}


.balloon__trigger-box_js_click {
    cursor: pointer;
    padding-left: 30px !important;
}

.balloon__trigger-box_js_click::before {
    content: '';
    position: absolute;
    left: 10px;
    width: 13px;
    height: 6px;
    top: 55%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url('/templates/svg/icons/user-profile/user_arrow-bottom.svg') 0 0 no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.balloon__trigger-box_js_click.is-open::before {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    -o-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.balloon__video__examples__trigger-box {
    position: relative;
}

.balloon__video__examples__trigger-box .balloon__arrow {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-top: solid 3px #363636;
    border-left: solid 3px #363636;
}

.balloon__video__examples__trigger-box .balloon__arrow.balloon__arrow-down {
    top: 10px;
    transform: rotate(225deg);
}

.balloon__buttons__cancel_style.button {
    margin: 10px;
    float: right;
}

.balloon-full .balloon__buttons__cancel_style {
    display: inline-block;
}

#balloon .balloon__buttons__more {
    display: none;
}

.balloon__buttons__add__success {
    display: none;
}

.balloon__buttons__add__success.is-visible {
    display: block;
}

.puzzle__corner--plus:not(.single-word-added):hover {
    cursor: pointer;
}

.balloon__buttons__add__success__icon,
.single-word-added:not(.puzzle__corner--plus):not(.is-add) {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.slovo-game__history__section .single-word-added{
    margin-right: 0;
}

.balloon__buttons__add__success__text {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #74b071;
    margin-right: 10px;
    min-width: 150px;
    max-width: calc(100% - 50px);
}

.balloon__buttons__add__success__cancel {
    line-height: 13px;
    margin-top: 3px;
}

.balloon__buttons__add__success__text small {
    display: block;
    font-size: 14px;
}

.balloon__buttons__add__success__cancel,
.balloon__buttons__add-success-dict-link {
    display: inline-block;
    vertical-align: middle;
}

.balloon__buttons__add__success__cancel span {
    color: #818181;
    font-size: 14px;
    border-bottom: 1px dotted #818181;
    cursor: pointer;
}

.balloon__buttons__add-success-dict-link {
    margin-left: 15px;
}

.balloon__buttons__add-success-dict-link a {
    font-size: 14px;
}

.balloon__buttons__add-success-actions {
    margin-top: 15px;
}

.balloon__main__say {
    position: relative;
    text-decoration: none;
    display: inline-block;
    width: 34px;
    height: 100%;
    vertical-align: top;
    margin-left: 15px;
    float: right;
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.balloon__main__say-text {
    text-transform: uppercase;
    font-size: 12px;
    color: #b0b0b0;
    border-bottom: 1px dashed;
}

.balloon__button__text {
    display: inline-block;
    vertical-align: top;
}

.balloon__button__icon__add {
    display: inline;
}

.balloon__content {
    background-color: #000;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.balloon__phrase__examples .balloon__content {
    background-color: #fff;
    height: auto;
    padding: 23px 55px;
    color: #333;
}

.balloon__form__examples .balloon__content {
    padding: 15px 10px;
}

.balloon__phrase__examples .balloon__content .puzzle-icon svg path {
    fill: #71b26f;
}

.balloon__phrase__examples .balloon__content__phrase__arrows__left svg polygon,
.balloon__phrase__examples .balloon__content__phrase__arrows__right svg polygon {
    fill: #363636;
}

.balloon__phrase__examples .balloon__content__phrase__arrows__left:hover svg polygon,
.balloon__phrase__examples .balloon__content__phrase__arrows__right:hover svg polygon {
    fill: #03a9ef;
}

.balloon__bottom-arrow .balloon__content {
    margin-bottom: 20px;
}

.balloon__content__video {
    max-width: 100%;
    z-index: 1;
}

.balloon__content__video video {
    width: 100%;
}

.balloon__content__video .vjs-control-bar,
.balloon__content__video .vjs-loading-spinner,
.balloon__content__video .vjs-big-play-button,
.balloon__content__video .gradient-overlay,
.balloon__content__video .vid-subs,
.balloon__content__video .vid-pause-mode,
.balloon__content__video .vid-quiz {
    display: none !important;
}

.balloon__content__btn__play {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 2;
}

.balloon__content__btn__play:hover {
    cursor: pointer;
}

.balloon__video__examples__trigger-box {
    min-width: 320px;
    padding: 9px;
    height: 34px;
    background-image: linear-gradient(to bottom, #f4f4f4, #e8e8e8);
}

.balloon__video__examples__trigger-box p {
    color: #333333;
    font-size: 15px;
    margin: 0;
}

.balloon__context__notice {
    min-width: 360px;
    padding: 8px;
    background-color: #dc9058;
}

.balloon__context__notice.synonym {
    background-color: #71b26f;
}

.synonym-message {
    display: none;
}

.balloon__context__notice.synonym .synonym-message {
    display: block;
}
.balloon__context__notice.synonym .another-message {
    display: none;
}

.balloon__context__notice p {
    color: white;
    padding-left: 8px;
    font-size: 15px;
    margin: 0;
}

p.balloon__context__notice__items {
    padding-left: 8px;
}

p.balloon__context__notice__items small {
    font-size: 15px;
}

.is-playing .balloon__content__phrase {
    visibility: hidden;
}

.is-playing_hide_background:before{
    background: none !important;
}

.balloon__content__phrase {
    position: absolute;
    font-size: 14px;
    left: 0;
    top: 0;
    background: rgba(0,0,0, .5);
    color: #fff;
    text-align: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    z-index: 2;
    overflow: hidden;
}

.vocab-card__video_load:before {
    background: #000 !important;
}

.balloon__content__phrase__ru {
    color: #b5b5b5;
}

.balloon__content__phrase__arrows__right {
    position: absolute;
    z-index: 20;
    right: 10px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
}

.balloon__content__phrase__arrows__right svg {
    margin-top: 7px;
}

.balloon__content__phrase__arrows__left {
    position: absolute;
    z-index: 20;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    text-align: center;
}

.balloon__content__phrase__arrows__left svg {
    margin-top: 7px;
}

.balloon__content__phrase__check {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 20;
    opacity: .7;
}

.balloon__content__phrase__check__link {
    font-size: 14px;
    text-decoration: underline;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
}

.balloon__content__phrase__check__icon {
    display: inline-block;
}

.balloon__content__phrase__check__icon svg {
    vertical-align: middle;
    width: 15px;
}

.balloon__content__phrase__check__link:hover {
    text-decoration: none;
}

.balloon__word__translate__horizontal .balloon {
    width: 720px;
    max-width: 720px;
}

.balloon__word__translate__horizontal .balloon__top-arrow {
    padding-top: 0;
    overflow: hidden;
}

.balloon__word__translate__horizontal .balloon__dict {
    float: left;
    width: 49%;
}

.balloon__word__translate__horizontal .balloon__content {
    float: right;
    width: 49%;
}

.balloon__word__translate__horizontal .balloon__content__video {
    height: 100%;
}

.balloon__word__translate__horizontal .balloon__more {
    padding: 0 15px;
}

.balloon__word__translate__horizontal .balloon__word {
    margin-bottom: 45px;
}

.balloon-open {
    display: inline-block;
}

.balloon-open .vocab-card__video,
.balloon-open .balloon__context__notice {
    display: none !important;
}

.balloon-open__header {
    font-size: 17px;
    padding: 20px;
    line-height: 1.2em;
    border-bottom: 1px solid #e8e8e8;
}

.balloon-open__header__content {
    font-size: 15px;
}

.balloon-open__content {
    background-color: #f7f8f8;
    padding: 20px;
}

.balloon-open__content__head {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}

.balloon-open__content__title {
    color: #7c7b7d;
    font-size: 14px;
    margin-bottom: 5px;
}

.balloon-add-lemma {
    color: #555;
}

#balloon-add-lemma__input {
    border: 1px solid #666;
    height: 25px;
    padding: 0 3px;
    margin-left: 3px;
}

#balloon-add-lemma__input:focus {
    border-color: #4594D1;
}

#balloon-add-lemma__suggest {
    position: absolute;
    list-style: none;
    background: #FFF;
    border: 1px solid #CCC;
    z-index: 10000;
    margin: 0;
    padding: 4px 0;
    min-width: 152px;
    overflow-y: auto;
    max-height: 300px;
}

#balloon-add-lemma__suggest li {
    display: block;
    padding: 1px 10px 2px;
    margin: 0;
    font-size: 13px;
    white-space: nowrap;
}

#balloon-add-lemma__suggest li:hover {
    text-decoration: underline;
    cursor: pointer;
}

.balloon-open__content__word {
    font-weight: bold;
    margin-bottom: 5px;
}

.balloon-open__content__word small {
    font-weight: normal;
}

.balloon__add-expression {
    margin-bottom: 20px;
    font-size: 14px;
    white-space: nowrap;
}

.balloon__add-expression__link {
    cursor: pointer;
}

.balloon-open__content__col {
    display: inline-block;
    vertical-align: top;
    width: 290px;
}

.balloon-open__content__list {
    width: auto;
    max-width: 100%;
    left: 0;
    position: relative;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 40px 15px 0;
}

.balloon-open__content__list__element,
.balloon-open__content__list__element__hidden {
    font-size: 14px;
    margin: 0;
    height: auto;
    padding-left: 23px;
    float: none;
    position: relative;
    line-height: 1.5;
}

.balloon-open__content__list__element:before,
.balloon-open__content__list__element__hidden:before {
    content: "\2013";
    position: absolute;
    left: 10px;
}
.balloon__default-translation {
    cursor: pointer;
    color: #048a22 !important;
    text-decoration: underline;
}
.balloon__delete-translation {
    margin-left: 3px;
    visibility: hidden;
    cursor: pointer;
    color: #DA0A16 !important;
    text-decoration: underline;
}

.balloon__syn-translation {
    cursor: pointer;
    color: #357a8a !important;
    text-decoration: underline;
}

.balloon__delete-translation:hover,
.balloon__syn-translation:hover,
.balloon__default-translation:hover {
    text-decoration: none;
}

.balloon__admin-action {
    visibility: hidden;
}

.balloon-open__content__list__element:hover .balloon__admin-action,
.balloon-open__content__list__element__hidden:hover .balloon__admin-action {
    visibility: visible;
}

.balloon__admin-action__clear-all {
    visibility: visible;
}

.balloon__synonyms-to-split {
    min-height: 20px;
    border: 1px dotted lightslategray;
    color: #b1b3b3;
}

.balloon-vote__element--box {
    display: inline-block;
    vertical-align: top;
}

.balloon__add-translation-item {
    visibility: hidden;
    text-decoration: underline;
}

.balloon__add-translation-item:hover {
    text-decoration: none;
}

.balloon__add-translation-item .balloon__delete-translation,
.balloon__add-translation-item .balloon__default-translation,
.balloon__add-translation-item .balloon__add-translation-input {
    display: none;
}

.balloon__add-translation-item.active .balloon__add-translation-input {
    display: block;
}

.balloon__add-translation-input {
    font-size: inherit;
    text-decoration: none !important;
}

.balloon__add-translation {
    cursor: pointer;
}

.balloon-open__content__list .balloon__add-translation-item.active,
.balloon-open__content__list:hover .balloon__add-translation-item,
.balloon__add-translation-item:first-child {
    visibility: visible;
}

.balloon-open__footer {
    padding: 20px;
}

.balloon-open__footer__video {
    width: 120px;
    height: 65px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    overflow: hidden;
}

.balloon-open__footer__video:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0, .5);
}

.balloon-open__footer__video__btn__play {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
    z-index: 10;
}

.balloon-open__footer__video video {
    max-width: 100%;
}

.balloon__content__video__add-word {
    color: #45a7dd;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
}

.balloon__content__video__add-word:hover {
    text-decoration: none;
}

.balloon__content__video__btn {
    position: relative;
    top: 7px;
    width: auto;
    float: right;
}

.balloon-open__header__vote-words-list {
    display: inline-block;
    list-style-type: none;
    margin: 10px 0 0 0;
}

.balloon-open__header__vote-words-list__element__word {
    margin-right: 5px;
}

.balloon-open__content__list__element:hover:before,
.balloon-open__content__list__element__hidden:hover:before {
    color: #309cca;
}

.popular-list > li.balloon-open__content__list__element:hover,
.popular-list > li.balloon-open__content__list__element:hover:before,
.popular-list > li.balloon-open__content__list__element__hidden:hover,
.popular-list > li.balloon-open__content__list__element__hidden:hover:before {
    color: black;
}

.balloon-vote__element {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.balloon-vote__element:hover {
    color: #309cca;
}

.popular-list .balloon-vote__element:hover {
    color: #309cca;
}

.balloon .disable-voting .balloon-vote__element {
    cursor: auto;
    color: #333 !important;
}

.balloon-open__header__vote-words-list__element__votes {
    display: inline-block;
}

.balloon-open__header__vote-words-list__element__votes__number {
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #1eaff6;
    padding: 2px 6px;
    color: #fff;
}

.balloon-open__header__vote-words-list__element__clear,
.balloon__admin-action__clear-all {
    font-size: 14px;
    color: #da0a16;
    text-decoration: underline;
    cursor: pointer;
}

.balloon-open__header__vote-words-list__element__clear {
    visibility: hidden;
}

.balloon-open__header__vote-words-list__element__clear:hover,
.balloon__admin-action__clear-all:hover {
    text-decoration: none;
}

.balloon-open__header__vote-words-list__element__votes {
    position: relative;
}

.balloon-open__header__vote-words-list__element__votes__users {
    display: none;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 25px;
}

.balloon-open__header__vote-words-list__element__votes__users__list {
    margin: 0;
    list-style-type: none;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*border: 1px solid #e0dfe0;*/
    padding: 10px;
    min-width: 180px;
}

.balloon-open__header__vote-words-list__element__votes__users__list__element {
    margin: 0 0 10px;
}

.balloon-open__header__vote-words-list__element__votes__users__pic {
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
    vertical-align: middle;
}

.balloon-open__header__vote-words-list__element__votes__users__pic img {
    max-width: 100%;
}

.balloon-open__header__vote-words-list__element__votes__users__name {
    vertical-align: middle;
    line-height: 1;
    color: #45a7dd;
    display: inline-block;
    width: 140px;
    overflow: hidden;
}

.balloon-open__header__vote-words-list__element__votes__users__name:hover {
    text-decoration: underline;
}

.balloon-open__phrase {
    display: inline-block;
}

.balloon-open__header__phrase {
    display: inline-block;
}

.balloon__content__phrase strong {
    color: #f5cd54;
}

.balloon__content__phrase__en .expression {
    display: inline-block;
    border-bottom: 1px dotted;
    line-height: 1;
}

.balloon-open__phrase__content {
    padding: 20px;
}

.balloon-open__phrase__content__head {
    font-size: 14px;
    color: #808080;
    margin-bottom: 5px;
}

.balloon-open__word-cp-link {
    float: right;
    font-size: 13px;
    vertical-align: middle;
    margin-top: 6px;
}

.balloon-open__phrase__content__main {
    font-size: 20px;
    margin-bottom: 10px;
}

.ballon_word_link,
.ballon_word_link:visited {
    color: #333;
    text-decoration: none;
}

.balloon-open__phrase__content__list {
    margin-bottom: 10px;
}

.balloon-open__phrase__footer {
    background-color: #f7f8f8;
    border-top: 1px solid #e8e8e8;
    padding: 20px;
}

.balloon-open__phrase__footer__word {
    font-size: 18px;
    margin-right: 5px;
}

.balloon-open__phrase__footer__show-translate {
    color: #45a7dd;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.balloon-open__phrase__footer__show-translate:hover {
    text-decoration: none;
}

.balloon__content__btn__play__link {
    cursor: pointer;
}

.balloon__dict,
.balloon__content,
.balloon-open__header,
.balloon-open__header__content,
.balloon-open__header__vote-words-list,
.balloon-open__header__phrase,
.balloon-open__content,
.balloon-open__footer,
.balloon-open__phrase__content,
.balloon-open__phrase__content__head,
.balloon-open__phrase__content__main,
.balloon-open__phrase__content__list,
.balloon-open__phrase__button,
.balloon-open__phrase__footer,
.balloon__video__examples__trigger-box,
.balloon__context__notice {
    display: none;
}

.balloon__word__translate .balloon__dict,
.balloon__word__translate .balloon__content,
.balloon__word__translate .balloon__video__examples__trigger-box,
.balloon__word__translate .balloon__context__notice {
    display: block;
}

.balloon-open .balloon-open__header,
.balloon-open .balloon-open__content,
.balloon-open .balloon-open__footer,
.balloon-open .balloon-open__header__content,
.balloon-open .balloon-open__header__vote-words-list {
    display: block;
}

.balloon-open__phrase .balloon-open__header__phrase,
.balloon-open__phrase .balloon-open__vote-phrase-list,
.balloon-open__phrase .balloon-open__phrase__content__head,
.balloon-open__phrase .balloon-open__phrase__content__main,
.balloon-open__phrase .balloon-open__phrase__content__list,
.balloon-open .balloon-open__phrase__content__list,
.balloon-full .balloon-open__phrase__content__list,
.balloon-open__phrase .balloon-open__phrase__button,
.balloon__word__translate .balloon-open__phrase__footer,
.balloon-open__phrase .balloon-open__phrase__content {
    display: block;
}

.balloon-full .balloon-open__footer {
    display: none;
}

.play-sound {
    cursor: pointer;
}

.vocab-card__video {
    text-align: center;
}

.wordVideoPlay:hover {
    cursor: pointer;
}

.wordVideoSaveChoice_votes {
    display: none;
}

.balloon-open__footer {
    display: none !important;
}

.balloon .more-translations {
    cursor: pointer;
    color: #45a7dd;
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
}

.balloon__main__text-notmain {
    display: none;
}

.balloon__not__main .more-translations-main {
    display: none;
}

.balloon__not__main .balloon__main__text-notmain {
    display: block;
}

.balloon .more-translations i {
    border-bottom: 1px dashed;
    font-style: normal;
}

.balloon .more-translations:hover {
    border-bottom: none;
}

.balloon__content__phrase__source {
    z-index: 2;
    color: #fff;
}

.balloon__content__phrase__source {
    padding-right: 60px;
}

a.balloon__content__phrase__source__text {
    cursor: pointer;
    color: white !important;
    font-size: 14px;
    text-align: left;
    text-decoration: underline;
    display: none;
}

.balloon__content__phrase__source__text:hover {
    color: white;
    text-decoration: none;
}

.balloon__content__phrase__source__icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;
    opacity: .6;
}

.balloon__content__phrase__source__icon svg {
    vertical-align: middle;
    margin-top: 5px;
}

.balloon__content__phrase__source__icon:hover {
    opacity: 1;
}

/* Для чего?
.jBox-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.balloon__main__translate {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}
*/

.is-source .balloon__content__phrase__en,
.is-source .balloon__content__phrase__ru {
    display: none !important;
}

.is-source .balloon__content__phrase__source__text {
    display: block;
    cursor: pointer;
}

.balloon__content__phrase__en,
.balloon__content__phrase__ru {
    padding-right: 30px;
    padding-left: 30px;
}

.balloon-row span.word-wrapper:hover,
.balloon-row span.word {
    cursor: pointer !important;
}

.dictionary-cards .no-videos .is-visible,
.dictionary-cards .no-videos .balloon__content__phrase__source__icon {
    display: none;
}

.slovo-game__repeat__dictors {
    width: 100%;
    margin-bottom: 50px;
    overflow: hidden;
    /*max-height: 93px;*/
}

.slovo-game__repeat__dictors__play {
    margin: 10px 30px 20px;
    display: inline-block;
}

.slovo-game__repeat__dictors__play .button-play-big {
    float: none;
    width: 80px;
    height: 70px;
    -webkit-box-shadow: 0 -5px 0 #659562 inset;
    -moz-box-shadow: 0 -5px 0 #659562 inset;
    box-shadow: 0 -5px 0 #659562 inset;
}

.slovo-game__repeat__dictors__play .button-play-big svg {
    margin: 9px 0 0 26px;
}

.slovo-game__repeat__dictors__play .button-play-big .equalizer {
    display: none;
    width: 24px;
    margin-left: 28px;
}

.slovo-game__repeat__dictors__play_rtl .button-play-big .equalizer {
    margin-left: 0px;
    margin-right: 28px;
}

body.speaker-playing .slovo-game__repeat__dictors__play .button-play-big .speaker {
    display: none;
}

body.speaker-playing .slovo-game__repeat__dictors__play .button-play-big .equalizer {
    display: inline;
}

.slovo-game__repeat__dictors__play__text {
    text-align: center;
    font-size: 11px;
    color: #fff;
}

.slovo-game__repeat__dictors__play .button-play-big:active {
    -webkit-box-shadow: 0 -5px 0 #71b26f inset;
    -moz-box-shadow: 0 -5px 0 #71b26f inset;
    box-shadow: 0 -5px 0 #71b26f inset;
    height: 70px;
    padding: 0;
}

.slovo-game__repeat__dictors__play .button-play-big:hover {
    background-color: #73b171;
}

.slovo-game__repeat__dictors__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    height: 95px;
}

.slovo-game__repeat__dictors__list__wrapper {
    display: inline-block;
    vertical-align: top;
}

.slovo-game__repeat__dictors__list__element {
    text-align: center;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 35px 0 0;
    opacity: .3;
    cursor: pointer;
}

.slovo-game__repeat__dictors__list__element_rtl {
    margin: 0 0 0 35px;
}

.slovo-game__repeat__dictors__list__element:hover {
    opacity: 1;
}

.slovo-game__repeat__dictors__list__element:last-child {
    margin-right: 0;
}

.slovo-game__repeat__dictors__list__element_rtl:last-child {
    margin-left: 0;
}

.slovo-game__repeat__dictors__name {
    color: #303030;
    font-size: 12px;
    text-align: center;
}

.slovo-game__repeat__dictors__flag {
    width: 21px;
    height: 21px;
    margin: 0 auto 8px;
    position: relative;
    overflow: hidden;
    visibility: hidden;
}

.slovo-game__repeat__dictors__flag img {
    vertical-align: top;
}

.slovo-game__repeat__dictors__face {
    min-height: 43px;
    position: relative;
}

.slovo-game__repeat__dictors__name {
    margin-bottom: 4px;
}

.slovo-game__repeat__dictors__list__element.is-active {
    opacity: 1;
}

.speaker-playing .is-active .slovo-game__repeat__dictors__flag,
.slovo-game__repeat__dictors__list__element:hover .slovo-game__repeat__dictors__flag {
    visibility: visible;
}

.balloon-default__translation {
    color: #048a22;
}

.balloon-comma {
    margin-left: -3px;
    display: inline-block;
    vertical-align: middle;
}

.balloon__video__examples__trigger-box .puzzle-header__submenu__notification {
    float: none;
    padding: 3px 4px;
}

.main-translation {
    font-weight: bold;
}

.balloon__transcriptions-scope {
    color: #d2d2d2;
}

.pe-external__balloon-footer {
    padding: 10px;
}

.pe-button__blue {
    width: 146px;
    background: #0061a1 url(https://puzzle-english.com/wp-content/themes/english/assets/pe/img/words-train-white.svg) 14px center no-repeat;
    color: white;
    border-radius: 3px;
    background-size: 22px;
    padding: 9px 7px 9px 45px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
}

.pe-button__blue:hover {
    color: #fff !important;
}

.pe-external__balloon-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pe-balloon__logo img {
    height: 20px;
    vertical-align: middle;
}

.pe-balloon__words {
    display: inline-block;
}

.pe-balloon__words span {
    display: block;
    padding-bottom: 3px;
}

.pe-balloon__words span,
.pe-balloon__words span > small {
    font-size: 14px;
}

.balloon__transcriptions-item {
    line-height: 1;
}

.balloon__phrase-text em {
    color: #62c162;
    font-style: normal;
}

/* Required for the External balloon */
.puzzle_va_middle {
    display: inline-block;
    vertical-align: middle;
}

.puzzle_ml_10 {
    margin-left: 10px;
}

.balloon-ru-row small {
    cursor: pointer;
}

.balloon-admin-field {
    display: inline;
    cursor: pointer;
    color: #45a7dd;
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    border-bottom: 1px dashed;
    font-style: normal;
}
.balloon-admin-field.processing::after {
    content: "";
    height: 14px;
    width: 14px;
    background: url(/wp-content/themes/english/assets/images/preloader-new-blue.gif) no-repeat center center;
    display: inline-block;
    background-size: contain;
}
.balloon-admin-field.activated {
    color: #008080;
    cursor: default;
    border-bottom: none;
}

#balloon .is-disabled .checkbox-line__text{
    color: #aaaaaa !important;
}

.check-box__target_checked_disable {
    background: #fff url('/wp-content/themes/english/assets/images/vocab-test/vocab-test-check-disabled.svg') center center no-repeat;
    -webkit-background-size: 79%;
    background-size: 79%;
    border-color: #dcdcdc;
}

.balloon-overflow {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: fixed;
}

.balloon__general-external svg {
    width: auto;
    height: auto;
}

/* Small devices (tablets, 768px and up) */

@media only screen and (min-width: 992px) {

    .jBox-Tooltip {
        max-width: 50%;
    }

}

@media only screen and (max-width: 992px) {
    #balloon-jbox .jBox-Mouse .jBox-container,
    #balloon-jbox .jBox-Tooltip .jBox-container {
        box-shadow: none;
    }

    #balloon-jbox .jBox-pointer {
        display: none;
    }


    #balloon-jbox::before {
        background: rgba(255, 255, 255, 0.5);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
    }

    #balloon-jbox {
        top: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        left: 0 !important;
        position: fixed !important;
        box-shadow: 0 0 10px #000;
        overflow: auto;
        height: 100%;
        max-height: 100vh;
    }

    .balloon {
        max-width: none;
        width: 100% !important;
    }

    .balloon__general {
        width: 100%;
        padding-bottom: 40px;
    }

    .balloon__main {
        padding-top: 10px;
    }

    .balloon__main__translate__wrap {
        align-items: center;
    }

    #balloon-jbox .jBox-closeButton {
        position: absolute;
        display: block;
        top: auto;
        bottom: 5px;
        right: 5px;
        left: 5px;
        width: calc(100% - 10px);
        height: 30px;
        background: transparent;
        border-radius: 0;
        border: none;
        background-image: url('/templates/svg/icons/social-sign-in/close_white.svg');
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #79c257;
        border-radius: 3px;
    }

    #balloon-jbox .jBox-closeButton svg {
        display: none;
    }

    #balloon #word_video {
        width: 320px !important;
        display: block;
        margin: 0 auto;
    }

    .balloon__phrases__examples-wrapper .balloon__phrase__examples .balloon__content {
        padding: 23px 33px !important;
    }

    .balloon__phrases__examples-wrapper .balloon__content__phrase__arrows__left {
        left: -5px !important;
    }

    .balloon__phrases__examples-wrapper .balloon__content__phrase__arrows__right {
        right: -5px !important;
    }

    .balloon__trigger-box_js_click {
        padding-left: 9px !important;
        padding-right: 30px !important;
    }

    .balloon__trigger-box_js_click::before {
        left: auto;
        right: 10px;
    }

    .balloon__settings {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        height: 100%;
        overflow: auto;
        width: 100% !important;
    }

    #balloon-jbox .jBox-content .balloon_preloader {
        margin: 0 auto;
        display: block;
        padding-bottom: 45px;
    }
}

/* @media only screen and (max-width : 767px) {

    .balloon__settings {
        left: 0;
        top: 0 !important;
    }

} */


@media only screen and (min-width : 768px) {

    .ReactModal__Body--open #balloon-jbox .jBox-container {
        max-height: 40vh;
        overflow-y: scroll;
    }

    .ReactModal__Body--open #balloon-jbox .balloon__settings {
        top: 0 !important;
        right: 0 !important;
        overflow: auto;
        height: inherit;
        width: 100%;
    }
}

.ballon-redesign-button {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    border: 2px solid transparent;
    transition-duration: .1s;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    background-color: #79c257;
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 24px 8px;
    height: 40px;
}

.ballon-redesign-button:hover {
    background-color: #85d360;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}