:root {
    --color-green-light: #498f03;
    /*--color-green-light: #336600;*/
    --color-blue: rgb(0,0,255);
    --color-blue-light: rgb(0,112,192);
    --color-modal-silver: #f2f2f2;
    --color-red: red;
}

i {
    font-style: normal;
}

#toTop img {
    width: 30px;
}

#toTop {
    display: none;
    position: fixed;
    bottom: 61px;
    left: 30px;
    cursor: pointer;

}

body {
    /*Отключает машстабирование для iphone*/
    -webkit-text-size-adjust: 100%;
}

.theme1 ul.dropdown-content{
    /*background: #2fa2db !important;*/
    background: #2fa2dbba !important;
    border-color: #bedeff !important;
}

.theme2 ul.dropdown-content{
    /*background: #569ddd !important;*/
    background: #569dddcf !important;
    border-color: #bedeff !important;
}

.theme3 ul.dropdown-content{
    /*background: #306ca2 !important;*/
    background: #306ca2c2 !important;
    border-color: #9dc3e6 !important;
}

.theme4 ul.dropdown-content{
    background: #0b206fbd !important;
    /*background: #0b206f !important;*/
    border-color: #9dc3e6 !important;
}




.sx-controll-h-btn img {
    height: 23px;
    margin-top: -5px;
}

.sx-blue {
    color: blue;
}

.sx-color-light-blue {
    color: rgb(0,112,192);
}
.sx-color-light-blue-2 {
    color: rgb(180,199,231);
}

.sx-next-step {
    position: relative;
}
/**
 * Отступ от верха и низа блока кнопок
 */
.sx-btn-margin-2 {
    /*margin: 15px 0 25px 0;*/
    margin: 32px 0 32px 0;
}

.sx-field-2 b,
.sx-field-2 strong {
    font-family: 'calibri_bold_italic';
}
@media screen and (min-width: 1130px) {
    .sx-btn-margin-2 {
        margin: 30px 0 40px 0;
    }


}

.sx-btn-margin-bottom {
    /*margin-bottom: 25px;*/
    margin-bottom: 32px;
}

@media screen and (min-width: 1130px) {
    .sx-btn-margin-bottom {
        margin-bottom: 40px;
    }
}

.sx-opacity-0 {
    opacity: 0;
}


.sx-hidden {
    display: none;
}

.sx-hidden-on-load {
    /*display: none;*/

    opacity: 0;
    transition: all .5s ease;
}

.fieldSet.gray .field.sx-show-comment,
.sx-show-comment {
    background: #fff1b7;
    /*box-shadow: inset -1px -2px 5px #858585;*/
    box-shadow: inset -5px -6px 5px -5px #858585;
}

.sx-show-comment:before {
    box-shadow: inset 0px 2px 2px -2px #858585;
    content: "";
    height: 6px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
}

.nselect .nselect__list li span {
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.sx-pc-current-word .sx-word-meaning-wrapper .fieldSet .field:nth-child(1) {
    white-space: nowrap;
}

.sx-pc-current-word .sx-word-meaning-wrapper .fieldSet .field:nth-child(1),
.sx-pc-synonym-words .sx-word-meaning-wrapper .fieldSet .field {
    cursor: pointer;

}
.controlsBlock {
    position: relative;
}

.controlsBlock .control.sx-active-point {
    background-color: rgba(0, 0, 0, 0.05);
!important;
}

/*.controlsBlock .control.sx-active-point:hover {
    background-color: rgba(0, 0, 0, 0.06);!important;
}*/

.whitePage .controlsBlock .control.sx-active-point {
    background-color: #f3f3f3 !important;
}

.whitePage .controlsBlock .control.sx-active-point:hover {
    background-color: #f0f0f0 !important;
}

/*.whitePage .controlsBlock .control.pointThree:nth-child(3) {
    background-color: rgba(0, 0, 0, 0);
}*/

.sx-is-learned.sx-mobile-word-meaning-wrapper .tooltip .sx-small-point {
    /*background: #bfbfbf;*/
    color: #a6a6a6;
}

.sx-small-point {
    /*width: 6px;
    height: 6px;
    background: #d9d9d9;
    border-radius: 50%;
    top: 5px;
    right: 5px;
    position: absolute;*/


    /* width: 6px; */
    /* height: 6px; */
    /* background: #d9d9d9; */
    border-radius: 50%;
    top: -1px;
    right: 4px;
    position: absolute;
    color: #bfbfbf;
    font-size: 15px;
}

.fieldSet.gray .sx-small-point {
    background: #bfbfbf;
}

/*.sx-synonym-tooltip:hover {
    border: 1px dashed orange;
}*/

.sx-mobile-word-meaning-wrapper .sx-tooltip {
    width: 40px !important;
    height: 55px !important;
}

.sx-tooltip {
    width: 17px !important;
    height: 18px !important;
    background: none !important;
    border-radius: 0 !important;
    top: 0px !important;
    right: 0px !important;
}

.sx-tab {
    display: none;
}

.sx-tab.sx-active {
    display: block;
}

.sx-mobile-word-meaning-wrapper {
    min-height: 100%;
    overflow: hidden;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.sx-mobile-content {
    margin-top: -35px;
    /*padding-top: 25px;*/
}

.word_b .word {
    margin-top: 0;
}

.sx-current-mobile {
    /*overflow: auto;*/
}

.stop-scrolling {
    height: 100%;
    overflow: hidden !important;
}

.sx-tabs {
    /*height: 22px;*/
    height: 44px;
}

#request {
    position: fixed;
    /*top: 9px;*/
    z-index: 3;
    display: none;


    font-size: 11px;
    padding: 0 3px;
    padding-bottom: 1px;

    right: 6px;
    top: 6px;
}

#small-request {
    position: fixed;
    top: 9px;
    z-index: 3;
    right: 9px;
    display: none;
}

.sx-icon-fullscrin-in {
    background: url(../img/icons/fullscrin-in.svg) no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    display: none;
}

.sx-enable-full-screen {
    opacity: 0;
}

.sx-icon-fullscrin-out {
    background: url(../img/icons/fullscrin-out.svg) no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
}

em {
    white-space: pre;
}

.sx-training-mode .wordList .word.red, .sx-training-mode .wordBlock .word.red {
    color: #00b050;
}

.sx-training-mode .fieldSet .field.redField:before {
    background: #00b050;
}

.sx-training-mode .word_b .word.red {
    color: #00b050;
}

/*.sx-training-mode .sx-is-learned.sx-green-learned .sx-value {
    color: #00b050;
}*/

.sx-value strong {
    /*white-space: pre;*/
}

.mew-modal .sx-value-2 {
    position: relative;
    display: block;
    top: 0;
    left: 0;
}

.sx-value-2 {
    position: absolute;
    left: 8px;
    top: 25px;
}

/**
 * Оформление выученного состояния
 */
.sx-is-learned .fieldSet {
    color: #8c8c8c;
    background: #f3f3f3;
}

.sx-is-learned .word_b {
    color: #7f7f7f;
}

.sx-is-learned .fieldSet:hover {
    background: #f0f0f0;
    color: #8c8c8c;
}

.silverPage .sx-is-learned .fieldSet:hover {
    background: rgba(0, 0, 0, 0.01)
}

.silverPage .sx-is-learned .fieldSet,
.silverPage .sx-is-learned .wordField {
    background: none;
}

.sx-is-learned .wordField {
    background: #dfdede;
}

.whitePage .sx-is-learned .wordField {
    background: #edebeb;
}

.silverPage .sx-is-learned .sx-small-point {
    /*background: #bfbfbf;*/
}

/*.whitePage .sx-training-mode .sx-is-learned.sx-green-learned .wordField {
    color: #00b050;
}*/

.silverPage .bl_image .loadInput input {
    position: relative;
}


.sx-asc-hover {
    opacity: 0;
}

.sx-asc-hover:hover {
    opacity: 1;
}

/*.sx-pc-synonym-words {
    display: none;
}*/

.sx-show-type1 {
    display: none;
}

.bl_image.sx-img-show-type1 {
    display: none;
    margin-top: 16px;
}

/*
.type2 .sx-pc-synonym-words {
    display: block;
}

.type1 .sx-pc-synonym-words {
    display: block;
}*/


.type1 .sx-word-meaning-wrapper {
    display: none;
}

.type1 .sx-pc-synonym-words .sx-word-meaning-wrapper {
    display: block;
}

.type1 .sx-img-hide-type1 {
    display: none !important;
}

.type1 .sx-word-meaning-wrapper.sx-active-word-meaning,
.type1 .sx-show-type1 {
    display: block;
}

.type1 .sx-img-show-type1 {
    display: flex;
}

.sx-mobile-content-synonyms {
    display: flex;
    /*display: block;*/
    position: fixed;
    z-index: 5;
    width: 100%;
    background: white;
    height: 100%;
    padding: 0px 20px;
    left: -100%;

    top: 0px;
    overflow: auto;
}

.sx-mobile-content-synonyms .word_b {
    /*width: 100%;*/
}

.graypointThree {
    z-index: 3;
}

.silverPage #topMenu ul li.current a:hover {
    background: rgba(0, 0, 0, 0.08);
}

.sx-is-learned .fieldSet .field .tooltip .sx-small-point {
    /*background: #bfbfbf;*/
    cursor: pointer;
}

.silverPage .sx-mobile-content-synonyms {
    background: radial-gradient(farthest-corner at 50% 0, #f0f0f0 0%, #e6e6e6 100%);
}
/*.mobileControls .nums a, .mobileControls .nextArr, .whitePage .mobileControls .volIco {
    height: 44pt !important;
    width: 44pt !important;
    min-width: 44pt !important;
    min-height: 44pt !important;
}*/
.silverPage .mobileControls .nums a {
    background: #e6e6e6;
}

.silverPage .mobileControls .nums a.active,
.silverPage .mobileControls .nums a:hover {
    background: #d9d8d8;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/**
 * Отделить первые 3 страны
 */
.sx-line-select-after-3 .mCustomScrollBox li:nth-child(3) {
    border-bottom: 1px solid silver;
}

.sx-line-select-after-4 .mCustomScrollBox li:nth-child(4) {
    border-bottom: 1px solid silver;
}

.mCSB_inside > .mCSB_container {
    margin-right: 20px;
}

/**
 * Загрузчик рядом с кнопкой следующее
 */
.sx-pc-next-step-loader {
    background: url('../img/loader/Double Ring-2.1s-50px.svg');
    width: 50px;
    height: 50px;
    position: absolute;
    top: 3px;
    right: 19px;
    display: none;
}

.sx-pc-next-step-loader-test {
    position: absolute;
    display: none;
    background: url('../img/loader/Double Ring-2.1s-50px.svg');
    width: 50px;
    height: 50px;
    left: 136px;
    top: 2px;
}

.sx-mobile-next-step-loader {
    background: url('../img/loader/Double Ring-2.1s-66px.svg');
    display: none;
    /*width: 66px;
    height: 66px;
    position: fixed;
    top: calc(50% - 50px);
    right: calc(50% - 35px);
    display: none;*/

    width: 120px;
    height: 120px;
    position: fixed;
    top: calc(50% - 70px);
    right: calc(50% - 60px);
    background-size: 120px;

    z-index: 1;
}


.blockUI img {
    width: 100px;
    margin-left: -40px !important;
    margin-top: -20px !important;
}

@media screen and (max-width: 1130px) {
    .blockUI img {
        width: 120px;
        margin-left: -40px !important;
        margin-top: -20px !important;
    }

}


/*.sx-global-loader {
    background: url('../img/loader/Double Ring-2.1s-66px.svg');
    width: 66px;
    height: 66px;
    position: fixed;
    top: calc(50% - 50px);
    right: calc(50% - 35px);
}

.sx-main-container {
    display: none;
}*/

#topMenu {
    opacity: 1;
}

.sideMenu {
    opacity: 0;
}

.whitePage .sx-mouseenter .fieldSet:hover {
    background: #fafafa
}

.silverPage .fieldSet:hover {
    background: #fafafa
}

@media screen and (max-width: 480px) {
    .graypointThree {
        right: 22px;
    }

    .Button.grayBtn:hover {
        background: transparent;
        border: 1px solid #fff;
    }

    .Button.grayBtn.sx-mobile-hovered {
        background: #536d97;
        border: 1px solid #536d97;
    }

    /*.mobileControls {
        margin-top: 20px;
    }*/

}

.graypointThree {

    width: 61px;
    height: 33px;
    /*background: url(../template/img/icons.png) -92px -202px no-repeat;
    background-size: 378px;*/
    background: url(../template/img/icons.png) -62px -146px no-repeat;
    background-size: 288px;

    position: absolute;
    top: 7px;
    right: 8px;
}

/*@media screen and (min-width: 480px) {
    .mobileControls .nums {
        margin-top: 40px;
    }
}*/

/**
 * Переделка открыть закрыть для мобильной версии
 */
.mobile_vocs .topArrow2 {
    top: 3px;
    right: 0px;
}

.mobile_vocs .topArrow2 {
    top: 11px;
}

.mobile_vocs .topArrow2.topArrow2-2 {
    top: 6px;
    right: 1px;
}

.sx-text-center {
    text-align: center;
}

/**
 * Делает окошки регистрации шире
 */
@media screen and (min-width: 1025px) {
    .personal_vhod.sx-auth .inpBox .input {
        max-width: 310px;
    }
}

.personal_vhod.sx-auth .inpBox .input {
    flex-grow: 1;
    max-width: 80%;
}

.personal_vhod.sx-auth .inpBox label {
    width: 92px;
}

/**
 * Для мобильника фиксируем область для текста
 */

@media screen and (max-width: 480px) {

    .mobile_vocs .word_b .texts {
        /*height: 73px;*/
        height: 51px;
    }

    .mobile_vocs .texts .mobile {
        display: block;
    }
}

@media screen and (min-height: 360px) {
    .mobile_vocs .word_b .texts {
        /*height: 73px;*/
        height: 51px;
    }

    .mobile_vocs .texts .mobile {
        display: block;
    }
}

/*.mobile_vocs .word_b .texts {
        height: 73px;
    }*/
/*.mobile_vocs .word_b .texts {
    height: 44px;
}*/


/*.mobile_vocs .word_b .texts {
        height: 44px;
    }*/

.sx-tabs {
    /*height: 44px;*/
    height: 22px;
}

/**
 * Блокировка кнопок
 */
.sx-blocked-btn {
    opacity: 0.5;
}

.whitePage .mobileControls .nums a.sx-blocked-btn:hover, .whitePage .mobileControls .nums a.sx-blocked-btn.active {
    background: #fff;
}


.sx-mobile-content-stat .sx-blink-text {
    animation: blink-mobile 1s alternate infinite;
    font-weight: normal;
}

#mobileview .sx-row {
    display: flex;
    flex-wrap: nowrap;
}
#mobileview .sx-row .sx-icon img {
    width: 30px;
    margin-right: 15px;
}



/*.sx-clicked {
    animation: sx-clicked 1s alternate infinite;
}*/

/*
.sx-blink-icons {
    animation: blinkicons-v2 1.5s alternate infinite;
}
*/


.controlsBlock .control:after {
    width: 35px;
    height: 35px;
    top: -1px;
    left: -1px;
    content: '';
    display: block;
    position: absolute;
    border: 3px solid transparent;
}
.controlsBlock .control.sx-blink-icons:after {
    animation: blinkicons-v2 1.5s alternate infinite;
}

.sx-blink-text {
    animation: blink 1s alternate infinite;
    /*font-weight: bold;*/
}

@keyframes blinkicons-v2 {
    0% {
        border: 3px solid rgb(0 0 255);
    }
    50% {
        border: 3px solid rgb(0 0 255);
    }
    /*75% {
        border: 3px solid rgb(0 0 255);
    }*/
    100% {
        border: 3px solid transparent;
    }
}
@keyframes blinkicons {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sx-clicked {
    from {
        opacity: 1;
        /*color: #bfbfbf;*/
    }
    to {
        opacity: 1;
        /*color: #000000;*/
        /*color: blue;*/
        font-weight: bolder;
        /*transform: scale(1.1, 1.1);*/
    }
}

@keyframes blink {
    from {
        opacity: 1;
        color: #bfbfbf;
    }
    to {
        opacity: 1;
        /*color: #000000;*/
        color: blue;
    }
}

@keyframes blink-mobile {
    from {
        opacity: 1;
        color: #000000;
    }
    to {
        opacity: 1;
        color: #0070c000;
    }
}


.sx-mobile-content-stat {
    display: block;
    position: fixed;
    z-index: 5;
    width: 100%;
    background: white;
    height: 100%;
    padding: 10px 20px;
    right: -100%;
    top: 0px;
    overflow: auto;
}

.statBlock-single {
    margin: auto auto;
}

.sx-mobile-content-stat .statBlock-single {
    left: 37px;
    /*left: 50%;
    transform: translateY(-50%) translateX(-50%);*/
}

.sx-callback-form,
.sx-error-form {
    text-align: center;
}

.mew-modal .input textarea {
    border: 1px solid silver;
    border-radius: 2px;
}

.mew-modal .Button input, .mew-modal .Button button {
    font: normal 15px/34px 'calibri_regular', sans-serif;
    text-align: center;
}

.mew-modal .nselect .nselect__head span,
.mew-modal .nselect .nselect__list li._active span,
.mew-modal .nselect .nselect__list li span {
    font-size: 15px;
}

.Button.grayBtn.sx-ios-clicked,
.Button.grayBtn.sx-ios-clicked:hover {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.mew-modal .Button.grayBtn {
    color: #7f7f7f;
    border: 1px solid #7f7f7f;
    background: transparent;
}

.mew-modal .Button.grayBtn:hover,
.Button.hover-black-gray:hover,
.Button.hover-black-gray:focus,
.Button.hover-black-gray:active {
    color: white !important;
    background: #7f7f7f !important;
    outline: 0 !important;
}


.mew-modal .Button.grayBtn :hover input,
.Button.hover-black-gray:hover input,
.Button.hover-black-gray input:focus,
.Button.hover-black-gray:focus input,
.Button.hover-black-gray:active input,
.Button.hover-black-gray input:active,
.Button.hover-black-gray input:active:focus,
.Button.hover-black-gray:active:focus input {
    outline: 0 !important;
}

.Button.hover-black-gray:active:focus {
    outline: 0 !important;
    background: #fff !important;
}

/* Remove outline on the forms and links */
:active, :hover, :focus {
    outline: 0 !important;
    outline-offset: 0 !important;
}


.volIco-modal.sx-disabled-sounds {
    background: url(../img/icons/sound-off.svg) no-repeat;
    background-size: 24px;
    margin-left: 13px;
}

.volIco-modal.sx-disabled-sounds:hover {
    background: url(../img/icons/sound-off-gray.svg) no-repeat;
    background-size: 24px;
    margin-left: 13px;
}

/*.volIco-modal:hover {
    opacity: 0.6;
}*/

.volIco-modal {
    background: url(../img/icons/sound-on.svg) no-repeat;
    background-size: 24px;
    margin-left: 13px;
    cursor: pointer;
}


.volIco-modal:hover {
    background: url(../img/icons/sound-on-gray.svg) no-repeat;
    background-size: 24px;
    margin-left: 13px;
    cursor: pointer;
}


.sx-container-content {
    border-bottom: 1px solid silver;
}

.sx-container-content.sx-no-line {
    border-bottom: none;
}

.sx-container-content p {
    margin-bottom: 2px;
    white-space: pre;
    font: normal 1em/1.2 'calibri_italic', sans-serif;
}


.blockUI img {
    margin-left: -18px;
    margin-top: -9px;
}


.sx-modal-silver .modalMessage {
    max-width: 390px;

    background: #f2f2f2;
    border: 1px solid #7f7f7f;
    border-radius: 0px;
    box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.75);
    font-size: 15px;
    color: black;
}

.sx-modal-silver .input textarea {
    border: 1px solid silver;
    border-radius: 2px;
}

.sx-modal-silver .Button.grayBtn {
    color: #7f7f7f;
    border: 1px solid #7f7f7f;
    background: transparent;
}

.modal .close {
    z-index: 99;
}

.sx-fs-18,
.sx-fs-18 a,
.sx-fs-18 .input textarea,
.sx-fs-18 .modalMessage {
    font-size: 18px;
}


.sx-mobile-word-meaning-synonym-wrapper .texts {
    height: auto !important;
}


.sx-is-spelling input {
    font-weight: normal;
    padding: 2px;
    padding-bottom: 6px;
    padding-left: 2px;
    background: rgba(228, 228, 228, 1);
    border: 1px solid rgba(191, 191, 191, 1);
    font-size: 17px;
    height: 20px;
    font-family: calibri_bold, sans-serif;
    /*text-transform: lowercase;*/
    border-radius: 0px;
    letter-spacing: normal !important;
}

.mobile_vocs .sx-is-spelling input {
    font-weight: normal;
    padding: 2px;
    padding-bottom: 4px;
    padding-left: 2px;
    background: rgba(228, 228, 228, 1);
    border: 1px solid rgba(191, 191, 191, 1);
    font-size: 18px;
    height: 21px;
    font-family: calibri_bold, sans-serif;
}

.sx-width-0 {
    width: 0 !important;
}

/**
 * Только для IOS
 */
.sx-is-ios .sx-is-spelling input {
    font-weight: normal;

    padding-top: 0px;;
    padding-bottom: 2px;;
    height: 23px;


    overflow: hidden;
    /*padding-bottom: 5px; !important;
    height: 24px;*/

    /*padding-bottom: 2px; !important;
    height: 23px;*/

    font-size: 17px;
    /*font-family: calibri_bold !important;*/
    margin-top: 0px;
    line-height: normal;
    /*letter-spacing: -0.1px !important;*/


}

/*.sx-is-ios .sx-mobile-view-min .sx-is-spelling input {
    margin-top: auto;
}*/

.sx-is-ios .mobile_vocs .sx-is-spelling input {
    font-size: 18px !important;
    padding-bottom: 2px;
!important;
    height: 24px;
    outline-offset: -1px;
    /*letter-spacing: -0.1px !important;*/
    letter-spacing: 0 !important;
}

.sx-is-ios .mobile_vocs .sx-is-spelling input::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 6px;
  border: 1px solid rgba(191,191,191,1);
  pointer-events: none;
}


.sx-is-ios .sx-input-wrapper {
    /*overflow: hidden;*/
    display: inline;
    padding-top: 0px;

}

.sx-input-wrapper {
    position: relative;
}

/*.sx-is-ios .mobile_vocs .sx-input-margin-left, .sx-is-ios .mobile_vocs .sx-input-wrapper
{
    margin-left: -1px;
}

.sx-is-ios .sx-input-margin-left, .sx-is-ios .sx-input-wrapper
{
    margin-left: -1px;
}*/

.sx-is-ios .sx-is-spelling.sx-strong {
    height: 26px;
}

.sx-is-ios .sx-is-spelling.spelling-is-ready.sx-strong {
    height: 26px;
}

.sx-is-ios .sx-mobile-view-min .sx-is-spelling.spelling-is-ready.sx-has-input.sx-strong {
    margin-top: 0;
}

.sx-is-ios .sx-is-spelling.spelling-is-ready.sx-has-input.sx-strong {
    margin-top: -1px;
}

.sx-is-ios .mobile_vocs .sx-is-spelling.spelling-is-ready.sx-has-input.sx-strong {
    margin-top: -1px;
}

.sx-is-ios .sx-mobile-word-field .sx-is-spelling.spelling-is-ready.sx-has-input.sx-strong {
    margin-top: -1px;
}

.sx-is-ios .sx-mobile-view-min .sx-mobile-word-field .sx-is-spelling.spelling-is-ready.sx-has-input.sx-strong {
    margin-top: 0px;
}

.sx-is-ios .fieldSet .field.sx-field-1 .text:first-child {
    overflow: inherit;
}


.sx-is-spelling input::placeholder {
    color: rgb(166, 166, 166);
}

.sx-is-spelling .sx-has-error {
    background: #ff000047 !important;
}

/*.sx-input-margin-left, .sx-input-wrapper {
    margin-left: -3px;
}*/

.spelling-is-ready .sx-input-margin-left-extra {
    margin-left: -6px;
}

.sx-is-spelling .sx-current-has-error {
    color: rgb(166, 166, 166);
}


.sx-spelling-active-mode .wordField:before {
    content: none;
}


.sx-spelling-mode .sx-mobile-word-field .text:nth-child(odd) {
    /*padding: 9px 10px 10px;*/
    /*height: 40px;*/
    /*height: 54px;
    box-shadow: inset 1px 1px 2px #a1a1a1;*/
    height: 55px;
    box-shadow: inset 1px 1px 2px #a1a1a1;
}

.sx-spelling-mode .mobile_vocs .mobile {
    display: none !important;
}

.sx-spelling-mode .mobile_vocs .mobile.sx-comment-3 {
    display: block !important;
}


@media (max-height: 340px) {
    .sx-instance-2.sx-has-value2 .mobile.sx-second-line {
        display: block;
    }

    .sx-instance-2.sx-has-value2 .sx-transcription-2 {
        display: none !important;
    }

}

.sx-has-value2 .wordField {
    height: 54px;
}

.sx-second-line span {
    /*display: block;*/
    margin-top: 0px;
}

.sx-instance-2 .sx-mobile-transcription-2 {
    margin-top: 1px;
    display: block;
}

@media (min-height: 340px) {
    .sx-spelling-mode .mobileControls .nextArr {
        /*top: -49px;*/
        /*top: -11px;*/
    }

    /*.sx-spelling-mode .word_b .volIco {
        top: 31px;
    }*/
}


.word_b .word sup {
    margin-left: -2px;
}


@media screen and (min-width: 480px) {
    .mobileControls {
        opacity: 0;

    }

    .sx-current-mobile .mobileControls {
        opacity: 1;
        flex-direction: column;
    }
}


/*@media (max-height: 250px) {
    .mobileControls .nums {
        margin-top: 20px;
    }
}*/


@media (max-height: 220px) {
    .mobileControls .nums {
        margin-top: 0px;
    }
}


@media (max-height: 250px) {
    .sx-spelling-mode .openPanel {
        /*display: none;*/
    }

    .sx-spelling-mode .mobileControls .nums {
        display: none;
    }

    .sx-mobile-points {
        opacity: 0 !important;
    }
}

.sx-mobile-view-btn, .volIco, .sx-mobile-tab-btn, .openPanel, .sx-btns-fixed-content > a  {
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.sx-mobile-view-btn:active, .volIco:active, .sx-mobile-tab-btn:active, .openPanel:active, .sx-btns-fixed-content > a:active  {
    transform: scale(1.2);
    opacity: 0.75;
}

@media screen and (min-width: 480px) {
    /*.mobileControls .nums {
        margin-top: 40px;
    }*/
    .sx-mobile-view-btn {
        margin-top: 40px;
        display: block;
    }
}


@media (max-height: 300px)  and (min-width: 480px) {
    .mobileControls .nums {
        margin-top: 20px;
    }
    .sx-mobile-view-btn {
        margin-top: 20px;
        display: block;
    }
}

@media (max-height: 270px)  and (min-width: 480px) {
    .mobileControls .nums {
        margin-top: 10px;
    }
    .sx-mobile-view-btn {
        margin-top: 10px;
        display: block;
    }
}

@media (max-height: 260px)  and (min-width: 480px) {
    .mobileControls .nums {
        margin-top: 0px;
    }
    .sx-mobile-view-btn {
        margin-top: 0px;
        display: block;
    }
}


@media (max-height: 440px)  and (max-width: 480px) {
    .sx-spelling-mode .openPanel {
        display: none;
    }

    /*.sx-spelling-mode .sx-current-mobile .sx-next-step {
        position: fixed;
        right: 20px;
        bottom: 12px;
        width: 40px;
        z-index: 99999;
        top: auto;
    }*/

    .sx-mobile-points {
        opacity: 0 !important;
    }
}

@media screen  and (min-width: 480px) {
    .bl_image .img img.sx-image {
        max-width: none;
    }
}

.sx-spelling-has-focused .mobileControls .nextArr {
    width: 40px !important;
}

.sx-spelling-has-focused .sx-t-link,
.sx-spelling-has-focused .sx-btns-fixed,
.sx-spelling-has-focused .openPanel {
    display: none !important;
}

@media (max-height: 210px) {
    .sx-spelling-has-focused .mobileControls {
        display: none !important;
    }
}

@media screen  and (max-width: 480px) {
    /*.sx-spelling-mode .sx-current-mobile.sx-spelling-focused .sx-next-step {
        position: fixed;
        top: 120px !important;
        bottom: auto !important;
        right: 20px !important;
        width: 40px;
    }*/
}


.stop-scrolling .widthFix {
    padding: 0 10px;

}


.bl_image .img {
    margin: 0 0 12px 0;
}

.bl_image .loadInput {
    width: 200px;
    height: 134px;
    /*margin: 0 0 12px 0;*/
}


.sx-ajax-error-wrapper {
    text-align: center;
}

#modal-ajax-error .modalMessage a {
    text-decoration: underline;
    cursor: pointer;
}


.whitePage .fieldSet2 .volIco {
    background: url(../img/icons/sound/sound-white.png) no-repeat;
    background-size: 27px;
    background-position-y: 0px;
}

.whitePage .fieldSet2 .volIco:hover {
    background: url(../img/icons/sound/sound-white-hover.png) no-repeat;
    background-size: 27px;
    background-position-y: 0px;
}


.silverPage .fieldSet2 .volIco {
    background: url(../img/icons/sound/sound-gray.png) no-repeat;
    background-size: 27px;
    background-position-y: 0px;
}

.silverPage .fieldSet2 .volIco:hover {
    background: url(../img/icons/sound/sound-gray-hover.png) no-repeat;
    background-size: 27px;
    background-position-y: 0px;
}


.sx-volIco-click {
    background: url(../img/icons/sound-full-silver-nobg.png) no-repeat !important;
    background-size: 27px !important;
    background-position-y: 0px !important;
}

.silverPage .sx-volIco-click {
    background: url(../img/icons/sound-full-gray-nobg5.png?v1) no-repeat !important;
    background-size: 27px !important;
    background-position-y: 0px !important;
}


.whitePage .mobileControls .volIco {
    width: 40px;
    height: 40px;
    min-height: 40px;
    background: url(../img/icons/sound/sound-white.png) no-repeat;
    background-size: 37px;
}

.whitePage .mobileControls .volIco.sx-volIco-click {
    background: url(../img/icons/sound-full-silver-nobg.png) no-repeat !important;
    background-size: 37px !important;
    background-position-y: 0px !important;
    background-position-x: 0px !important;
}

.mobileControls .volIco.sx-volIco-click, .mobile_vocs .volIco.sx-volIco-click {
    background: url(../img/icons/sound-full-silver-nobg.png) no-repeat !important;
    background-size: 37px !important;
    background-position-y: 0px !important;
    background-position-x: 0px !important;
}

.silverPage .mobileControls .volIco.sx-volIco-click, .silverPage .mobile_vocs .volIco.sx-volIco-click {
    background: url(../img/icons/sound-full-gray-nobg2.png) no-repeat !important;
    background-size: 37px !important;
    background-position-y: 0px !important;
    background-position-x: 0px !important;
}


@media (min-height: 360px) {
    .sx-right-comment3 {
        display: none;
    }
}


/**
 * Верстка кругов

 <div class="r1"></div><div class="text1 r-text">1</div>
<div class="r2"></div><div class="text2 r-text">2</div>
<div class="r3"></div><div class="text3 r-text">3</div>
 */

@media (min-width: 1130px) {
    .sx-mobile-points {
        display: none !important;
    }
}

.sx-mobile-points {
    position: fixed;
    bottom: 10px;
    left: 10px;
}

.r {
    width: 9px;
    height: 9px;
    border: 1px solid #b4b4b4;
    border-radius: 50%;
    margin: 10px;
    background: white;
}

/*.r.sx-active, */
.r.sx-full {
    background: #dedddd;
}

.r:nth-child(1):after {
    content: "";
    display: block;
    position: relative;
    border-right: 1px solid #b4b4b4;
    width: 0;
    height: 11px;
    top: 7px;
    left: 3px;
}

.r:nth-child(3):after {
    content: "";
    display: block;
    position: relative;
    border-right: 1px solid #b4b4b4;
    width: 0;
    height: 11px;
    top: 7px;
    left: 3px;
}

.sx-mobile-points-2 .r:nth-child(3):after {
    height: 0px;
}


.r-text:nth-child(2) {
    position: absolute;
    top: 8px;
    left: 25px;
}

.r-text:nth-child(4) {
    position: absolute;
    top: 26px;
    left: 25px;
}

.r-text:nth-child(6) {
    position: absolute;
    top: 41px;
    left: 25px;
}


.r-text {
    font-size: 11px;
    /*color: #b4b4b4;*/
    color: #8e8e8e;
}


.silverPage .r {
    border: 1px solid #a4a4a4;
}

.silverPage .r.sx-full {
    background: #cecccc;
}

.silverPage .r:nth-child(1):after,
.silverPage .r:nth-child(3):after {
    border-right: 1px solid #a4a4a4;
}


.sx-has-subtree ul {
    margin-left: 10px !important;
}

/*.sx-create-block-form .inpBox label {
    width: 140px;
}*/

/*.sx-create-block-form {
    max-width: 450px;
}

.sx-create-block-form .inpBox .select {
    max-width: 58%;
}*/

@media screen and (max-width: 1130px) {
    .sx-create-block-form .askIco {
        display: none;
    }

    .sx-value-2 {
        top: 26px;
    }


    .sx-reverse-flex-mobile {
        display: flex;
        flex-direction: column-reverse;
    }
}

/*.questionIco {
    z-index: 101;
}*/


.sx-full-mobile-info:before {
    background: radial-gradient(farthest-corner at 50% 0, #d8e7dd 0%, #9ac3a8 100%);
}

.sx-full-mobile-info.open {
    right: 0;
}

.sx-full-mobile-info {
    text-align: left !important;
    /*background: #9ac3a8;*/
    background: radial-gradient(farthest-corner at 50% 0, #d8e7dd 0%, #9ac3a8 100%);
    color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 100;
    padding: 35px 0 30px 0;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow-style: none;
    overflow: -moz-scrollbars-none;
    transition: all .3s ease;
}


.sx-full-mobile-info-btn-fixed.open .btn-fixed-wrapper {
    display: block;
}

.sx-full-mobile-info-btn-fixed .submitBtn {
    z-index: 9999999999;
}

.sx-full-mobile-info-btn-fixed .sx-close-mobile {
    position: absolute;
    left: 20px;
    top: 30px;
    color: #eaeaea;
    text-decoration: none;
    border-bottom: 1px solid;
}

.sx-full-mobile-info-btn-fixed .btn-fixed-wrapper {
    /*margin-top: 30px;*/
    /*position: fixed;
    bottom: 30px;
    width: 100%;*/
    /*padding-bottom: 19px;*/
    padding-bottom: 27px;

    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0;
    /*background: radial-gradient(farthest-corner at 50% 0, #d8e7dd 0%, #9ac3a8 100%);*/
    background: #9cc4aa;
    padding-top: 10px;
    display: none;

    /*z-index: 999999999;*/
    /*background: red;*/
    /*height: 780px !important;*/

}

.sx-full-mobile-info-btn-fixed {
    text-align: left !important;
    /* background: #9ac3a8; */
    background: radial-gradient(farthest-corner at 50% 0, #d8e7dd 0%, #9ac3a8 100%);
    color: #000;
    width: 100%;
    height: auto;
    position: fixed;
    right: -100%;
    top: 0;
    margin-bottom: 30px;
    z-index: 100;
    padding: 35px 0 0px 0;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow-style: none;
    overflow: -moz-scrollbars-none;
    transition: all .3s ease;
    margin-bottom: 45px;
    bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 120px;
}

.stat-title {
    text-align: center;
    color: black;
    font: normal 22px/1.2 'calibri_bold', sans-serif;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-left: -35px;
    font-size: 20px;
}
#sx-create-form-mobile-info i {
    font-family: calibri_italic;
}
#sx-create-form-mobile-info.open {
    right: 0;
}

#sx-create-form-mobile-info.open:before {
    background: radial-gradient(farthest-corner at 50% 0, #d8e7dd 0%, #9ac3a8 100%);
}

#sx-create-form-mobile-info {
    text-align: left !important;
    /*background: #9ac3a8;*/
    background: radial-gradient(farthest-corner at 50% 0, #d8e7dd 0%, #9ac3a8 100%);
    color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 97;
    padding: 35px 0 30px 0;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow-style: none;
    overflow: -moz-scrollbars-none;
    transition: all .3s ease;
    text-align: center;
}


.sx-mobile-info.open {
    right: 0;
}

.sx-mobile-info.sx-blue {
    background: radial-gradient(farthest-corner at 50% 0, #dfebf5 0%, #83b7e8 100%);
}

.sx-mobile-info.open.sx-blue:before {
    background: radial-gradient(farthest-corner at 50% 0, #dfebf5 0%, #83b7e8 100%);
}

.sx-mobile-info.open:before {
    background: radial-gradient(farthest-corner at 50% 0, #d8e7dd 0%, #9ac3a8 100%);
}

.sx-mobile-info {
    text-align: left !important;
    /*background: #9ac3a8;*/
    background: radial-gradient(farthest-corner at 50% 0, #d8e7dd 0%, #9ac3a8 100%);
    color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 97;
    padding: 35px 0 30px 0;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow-style: none;
    overflow: -moz-scrollbars-none;
    transition: all .3s ease;
    text-align: center;
}

.sx-mobile-info .sx-fixed-modal-controlls {
    height: 60px;
    /*padding-bottom: 27px;*/
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0;
    background: #9cc4aa;
    padding-top: 10px;
    display: none;
}

.sx-mobile-info.open .sx-fixed-modal-controlls {
    display: block;
}

.sx-fixed-modal-controlls .sx-back {
    margin-left: 20px;
    color: #eaeaea;
    text-decoration: none;
    border-bottom: 1px solid;
}

.sx-fixed-modal-controlls .sx-back-wrapper {
    margin-top: 7px;
}


.sx-mobile-info.sx-blue .sx-fixed-modal-controlls {
    background: #8abbe9;
}


#menu_mobile ul li a.current.sx-active-bold {
    font-weight: bold;
    font-family: 'calibri_bold', sans-serif;
}

.vocabularyFooter {
    height: auto;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /*box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);*/
    z-index: 1;
    max-width: 100%;
    padding: 0;
    /*min-width: 124px;*/
    /*border: 1px solid #9fa4ac;*/
}

#topMenu ul.dropdown-content {
    /*display: none;*/
    display: block;
    height: 0;
    overflow: hidden;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    background: transparent;
    min-width: 100%;
    /*padding-right: 1px;*/
    z-index: 100000;
}

.silverPage #topMenu ul.dropdown-content,
.whitePage #topMenu ul.dropdown-content {
    min-width: calc(100% + 1px);
}

.silverPage #topMenu .dropdown:hover .dropdown-content,
.silverPage #topMenu .dropdown.open .dropdown-content,
.whitePage #topMenu .dropdown:hover .dropdown-content,
.whitePage #topMenu .dropdown.open .dropdown-content,
.imgPage #topMenu .dropdown:hover .dropdown-content,
.imgPage #topMenu .dropdown.open .dropdown-content {
    border: 1px solid #bfbfbf;
    padding-right: 0px;

}


#topMenu .dropdown:hover .dropdown-content,
#topMenu .dropdown.open .dropdown-content {
    /*display: block;*/

    /*box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);*/
    /*border: 1px solid #9fa4ac;*/
    border-top: 0px;
    /*height: 135px;*/
    /*height: 225px;*/
    height: 92px;
}

#topMenu .dropdown.open .dropdown-content.sing-out,
#topMenu .dropdown:hover .dropdown-content.sing-out {
    /*height: 46px;*/
    height: 92px;
}

.silverPage #topMenu .dropdown:hover .dropdown-content li a,
.silverPage #topMenu .dropdown.open .dropdown-content li a,
.whitePage #topMenu .dropdown:hover .dropdown-content li a,
.whitePage #topMenu .dropdown.open .dropdown-content li a,
.imgPage #topMenu .dropdown:hover .dropdown-content li a,
.imgPage #topMenu .dropdown.open .dropdown-content li a {
    border: 0 !important;
}

.silverPage #topMenu ul.dropdown-content {
    background: #e2e2e2;
    border-color: #bfbfbf;
}

.whitePage #topMenu ul.dropdown-content {
    background: white;
    border-color: #bfbfbf;
}

.imgPage #topMenu .dropdown ul.dropdown-content {
    border-top: 0 !important;
}


.imgPage #topMenu .dropdown ul.dropdown-content,
.imgPage #topMenu .dropdown.open ul.dropdown-content {
    /*background: #3f78af !important;*/
    /*background: #3f78af82 !important;*/
    /*border-color: #9dc3e6 !important;*/


}



.dropdown-content li {
    display: block;
    width: 100%;
}

#topMenu .links .dropdown-content li {
    margin: 0;
}

.sx-stat-hidden-block {
    display: none;
    /*display: block;*/
}

/*
.sx-show-hover-parent .sx-show-on-hover-parent {
    display: none !important;
    !*height: 0px;*!
}

.sx-show-hover-parent:hover .sx-show-on-hover-parent {
    display: flex !important;
    !*height: auto;*!
}*/

.sx-row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.mobile_nastr .sound_elem .volSlider {
    width: 172px;
}

.mobile_nastr .sound_elem .volSlider .rangebox {
    width: 100%;
    height: 16px;
    position: relative;
    background: url(../template/img/volume.png) no-repeat;
    /*background-size: 250px;*/
}


.registration-modal ul.auth-clients {
    /*display: inline-block;*/
    margin-bottom: 0px;
    width: 162px;
}

.registration-modal .socBlock {
    display: block;
    margin: 0 0 0px 0;
    float: left;
}

.registration-modal .sopBlock-wrapper {
    display: inline-block;
    margin: 0 0 0px 0;
    width: 100%;
}

.registration-modal .register-btn-wrapper {
    display: block;
    float: left;
}

.registration-modal .Button.brounBtn {
    border-radius: 0;
}

.registration-modal a.Button {
    padding: 0 10px;
    font: normal 19px/31px 'calibri_regular', sans-serif;
    height: 32px;
}

.registration-modal .modalMessage li {
    margin-bottom: 0px;
}


/*
.openPanel {
    z-index: 101;
}

#vocabularyPanel {
    z-index: 102;
}
*/

/*
#menu_mobile {
    z-index: 103;
}*/


#menu_mobile .menu_icon {
    z-index: 50;
    bottom: -200px;
}

#menu_mobile .menu_icon.open {
    z-index: 50000;
    bottom: 20px;
}


#menu_mobile a, .sx-mobile-menu-content a {
  display: inline-block;
}

#menu_mobile a.disabled-link, .sx-mobile-menu-content a.disabled-link {
  pointer-events: none;
  /*opacity: 0.6;*/
}


#menu_mobile a.click-pulse, .sx-mobile-menu-content a.click-pulse {
  animation: clickPulse 0.18s ease-out;
}

@keyframes clickPulse {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}


#menu_mobile_theme .menu_icon_theme {
    z-index: 50;
    bottom: -200px;
}

#menu_mobile_theme .menu_icon_theme.open {
    z-index: 50001;
    bottom: calc(20px + var(--sx-bottom-inset, 0px));
}


.sx-is-spelling input, .mobile_vocs .sx-is-spelling input {
    /*border: 1px solid rgba(228, 228, 228, 0.43);
    background: rgba(228, 228, 228, 0.43);*/
    padding-left: 0px;
    padding-right: 0px;
}

.sx-input-wrapper {
    margin-left: -1px;
}

.sx-input-margin-left {
    margin-left: -2px;
}


/* Таблица с формами слова */
.sx-word-meaning-forms-table-wrapper, .sx-word-meaning-forms-table-wrapper-mobile, .sx-word-meaning-forms-table-wrapper-no-open {
    background: #f2f2f2;
    border: 1px solid #7f7f7f;
    border-radius: 0px;
    box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.75);
    font-size: 15px;
    color: black;
    /*min-width: 297px;*/
    min-width: 261px;
    width: 261px;
    padding: 7px;
    display: none;
    z-index: 99;
}

.sx-word-meaning-forms-table-wrapper-no-open {
    padding-bottom: 9px;
}

.sx-word-meaning-forms-table {
    border: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;

}

.sx-word-meaning-forms-table-meny td:first-child {
    width: 97px;
}

.sx-word-meaning-forms-table-past td:first-child {
    width: 122px;
}

.sx-word-meaning-forms-table-positive td:first-child {
    width: 140px;
}

.sx-word-meaning-forms-table td:first-child {
    /*width: 140px;*/
    min-width: 80px;
    color: #0070c0;
}

.sx-word-meaning-forms-table td, .sx-word-meaning-forms-table th {
    border: 1px solid #ccc;
    padding: 3px 7px;
}

.whitePage .desktopVocabulary .sx-opacity-05 {
    color: #c7c7c794 !important;
}

.sx-opacity-05 {
    color: #c7c7c7 !important;
}

.sx-mobile-opacity-05 {
    /*opacity: 0.5;*/
}

.sx-poll-form textarea {
    font-size: 17px;
    font: normal 17px/1.2 'calibri_regular', sans-serif;
}


.sx-modal-full-screen {
    padding: 0px !important;
    overflow: auto;
}

.sx-modal-full-screen .modalMessage {
    height: 100% !important;
    max-width: 100% !important;
}


.sx-modal-green-light .modalMessage {
    background: #dffd9b;
}

.sx-modal-full-screen .sx-success-poll-message {
    text-align: center;
    top: 50%;
    position: fixed;
    /* margin-left: auto; */
    /* margin-right: auto; */
    width: 100%;
    left: 0;
}

/*.sx-modal-full-screen .sx-poll-message-title {
    display: none;
}*/

.modal p:last-child {
    margin-bottom: 0px;
}


#menu_mobile ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0px;
    position: relative;
}

#menu_mobile ul li {
    font: normal 18px/1.3 'calibri_regular', sans-serif;
    margin: 0 0 20px 0;
    text-align: left;
    /*width: 50%;
    float: left;
    padding-left: 40px;*/
}

#menu_mobile ul li:last-child {
    margin: 0 0 0px 0;
    /*width: 50%;
    float: left;
    padding-left: 40px;*/
}

@media screen and (max-height: 390px) {
    #menu_mobile ul li {
        margin: 0 0 15px 0;
    }
}

@media screen and (max-height: 360px) {
    #menu_mobile ul li {
        margin: 0 0 10px 0;
    }
}

@media screen and (max-height: 305px) {
    #menu_mobile ul li {
        margin: 0 0 5px 0;
    }
}

@media screen and (max-height: 268px) {
    #menu_mobile ul li {
        margin: 0 0 3px 0;
    }
}
@media screen and (max-height: 240px) {
    #menu_mobile ul li {
        margin: 0 0 0px 0;
    }
}

.modal.sx-modal-full-screen .sx-back {
    display: block;
}
.modal .sx-back {
    display: none;
    border-bottom: 1px solid;
    position: fixed;
    bottom: 20px;
    /*left: 50%;
    transform: translateX(-50%);*/
}
#menu_mobile_theme.open {
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#menu_mobile_theme .sx-mobile-menu-content {
    z-index: 1;
}
#menu_mobile_theme {
    background: #b1bdce;
    color: #2969a3;
    width: 100%;
    height: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 101;
    padding: 35px 0 30px 0;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow-style: none;
    overflow: -moz-scrollbars-none;
    transition: all .3s ease;
    text-align: center;
}

#menu_mobile_theme:before {
    content: '';
    display: block;
    background: radial-gradient(farthest-corner at 50% 0, #e8ecf0 0%, #b1bdce 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0%;
}

#menu_mobile_theme ul li {
    margin-bottom: 20px;
}
#menu_mobile_theme ul li a {
    display: flex;
    text-decoration: none;
}
#menu_mobile_theme ul li a path {
    fill: #2969a3;
}
#menu_mobile_theme ul li a .cls-1 {
    fill: #2969a3;
}
#menu_mobile_theme ul li a svg {
    width: 30px;
    margin-right: 10px;
    margin-top: -5px;
    height: 30px;
}


#menu_mobile.open {
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


#modal_mobile-vocabulary-help .modalMessage {
    width: calc(100% - 74px);
    position: fixed;
    left: 0;
    top: 0;
    padding: 20px 15px 5px 6px;
    box-shadow: none;
}

#modal_mobile-vocabulary-help .modalMessage {
    max-height: 100vh;
    overflow: auto;
}


#modal_mobile-vocabulary-help .sx-icon {
    margin-right: 15px;
    flex: auto;
    width: 27px;
    min-width: 27px;
    max-width: 27px;
    margin-left: 10px;
    text-align: center;
    height: 27px !important;
    margin-top: auto;
    margin-bottom: auto;
}

#modal_mobile-vocabulary-help .sx-text {
    flex: auto;
    margin-top: auto;
    margin-bottom: auto;
}

#modal_mobile-vocabulary-help .sx-row-flex {
    margin-bottom: 15px;
}

.sx-row-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    /*margin-bottom: 15px;*/
}

.sx-row-flex-text {
    flex: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.sx-row-flex-icon {
    margin-right: 9px;
    flex: auto;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    margin-left: 4px;
    text-align: center;
    height: 25px !important;
    margin-top: auto;
    margin-bottom: auto;
}

@media screen and (min-width: 528px) {
    #modal_mobile-vocabulary-help .modalMessage {
        width: auto;
        max-width: none;
        bottom: 59px;
        top: auto;
    }

    #modal_mobile-vocabulary-help.sx-full-height .modalMessage {
        bottom: 0px !important;
    }

    #vocabularyPanel .vocaLink.prevArr .sup, #vocabularyPanel .vocaLink.nextArr .sup {
        right: 7px;
        top: 5px;
    }
}


.whitePage .modal .openPanel span, .whitePage .modal .openPanel span:before, .whitePage .modal .openPanel span:after {
    background: #8c8c8c;
}

.modal i {
    font-family: 'calibri_italic';
}


.sx-stat-controlls {
    height: 1px;
    margin: 0 auto 40px auto;
    width: 600px
}


@media screen and (min-width: 1130px) {
    .sx-stat-controlls {
        margin: 0 0 0 0px;
        height: 31px;
    }
}

@media screen and (min-width: 1200px) {
    .sx-stat-controlls {
        margin: 0 0 0 50px;
        height: 31px;
    }
}

/**
 * TODO: Плохая вещь, но так просит заказчик
 */
.sx-is-ios .Button span {
    margin-bottom: 4px !important;
}

.Button span {
    margin-bottom: 2px !important;
    display: block;
}

.Button > input, .Button > button {
    padding-bottom: 2px !important;
    display: block;
}


.Button.greenBtn > input, .Button.greenBtn > button {
    padding-bottom: 1px !important;
}

.Button.defaultBtn > input, .Button.defaultBtn > button {
    padding-bottom: 1px !important;
}

.Button.greenBtn span {
    margin-bottom: 1px !important;
}

.Button.defaultBtn span {
    margin-bottom: 1px !important;
}


.sx-choose-sound {
    cursor: pointer;
    padding: 5px;
}

.sx-choose-sound .volIco {
    margin-right: 5px;
}

.sx-choose-sound.sx-checked {
    background: #ffe38b;
}


.mew-modal .sx-image-link {
    border: 1px solid silver;
    border-radius: 0px;
    height: 27px;
    padding-left: 5px;
    width: 100%;
}

.sx-trigger-file-upload-wrapper-wait {
    color: blue;
    margin-left: 5px;
    animation: blink-wait 600ms alternate infinite;
}
.sx-blink-image-icon {
    animation: blink-icon 600ms alternate infinite;
}

@keyframes blink-icon {
    from {
        opacity: 1;
        color: #bfbfbf;
    }
    to {
        opacity: 0.5;
        color: #000000;
    }
}


@keyframes blink-wait {
    from {
        opacity: 1;
        color: blue;
    }
    to {
        opacity: 0.5;
        color: blue;
    }
}


.sx-vocabulary-connect:hover {
    background: rgba(0, 0, 0, 0.05);
}

.sx-vocabulary-connect {
    position: absolute;
    right: 20px;
    top: -21px;
    /* border: 1px solid; */
    text-decoration: none;

    color: #a6a6a6;
    border: 1px solid #bfbfbf;
    padding: 10px 14px;
    width: 102px;
}

.whitePage .sx-vocabulary-connect:hover {
    background: #f7f5f5;
}

.whitePage .sx-vocabulary-connect {
    background: none;
}


/*Источкник на картинках*/
.sx-img-right-column .sx-source {
    margin: 0 0 0 0;
    font-size: 10px;
    padding: 2px 5px 2px 5px;
}

.sx-img-right-column.bl_image .loadInput {
    margin: 0 0 12px 0;
}

.sx-pc-images .sx-source {
    top: 0px;
}

.sx-source {
    position: absolute;
    right: 0;
    margin: 0 16px 0 0;

    background: silver;
    padding: 3px 10px 4px 10px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    /*display: none;*/
    opacity: 0;
}

.img {
    position: relative;
}


.sx-mobile-image .sx-source {
    /*display: block;
    margin: 0 0 0 0;
    top: 0px;
    height: 80px;
    opacity: 0;*/

    top: 0;
    margin-right: 1px;
}

.sx-img-source-mobile-trigger {
    width: 80px;
    height: 80px;
    opacity: 0;
    position: absolute;
    margin: 0 0 0 0;
    top: 0px;
    right: 0px;
    background: red;
    z-index: 1000;
}


/*
.sx-value strong
{
    font-family: calibri;
}
.sx-value strong>strong {
    font-family: calibri_bold;
}

.sx-value strong em {
    font-family: calibri_italic;
}

.sx-value strong em>em {
    font-family: calibri_bold_italic;
}*/


.sx-is-spelling.sx-strong .sx-tag-strong {
    font-family: calibri_bold;
}
/*.sx-is-spelling.sx-strong {
    font-family: calibri_bold;
}*/


#modal6 .modalMessage .txt-c {
    color: #b9d2e8;
    font: normal 17px/1.2 'calibri_bold', sans-serif;
}


.modal_table td:last-child {
    font-family: calibri_italic;
}

.mobile_vocs .sx-instance-2 .wordField {
    cursor: pointer;
}

.sx-text-btn {
    font: 29px/32px 'calibri_regular', sans-serif;
    text-align: center;
}

.whitePage .controlsBlock .control.sx-close-edit-btn i {
    background: url(../img/icons/edit_white_bg.svg) 3px 5px no-repeat;
    background-size: 80%;
    height: 33px;
    display: block;
}

.silverPage .controlsBlock .control.sx-close-edit-btn i {
    background: url(../img/icons/edit_gray_bg.svg) 3px 5px no-repeat;
    background-size: 80%;
    height: 33px;
    display: block;

}

.whitePage .controlsBlock .control.sx-konvert-edit-btn i {
    background: url(../img/icons/konvert_white_bg.svg) 5px 4px no-repeat;
    background-size: 71%;
    height: 33px;
    display: block;
}

.whitePage .controlsBlock .control.sx-video-trigger i {
    background: url(../img/icons/video_189_189_189.svg) 5px 5px no-repeat;
    background-size: 72%;
    height: 33px;
    display: block;
}

.whitePage .controlsBlock .control.sx-settings-global i {
    background: url(../img/icons/settings-global-189_189_189.svg) 5px 5px no-repeat;
    background-size: 71%;
    height: 33px;
    display: block;
}

.whitePage .controlsBlock .control.sx-mic-trigger i {
    background: url(../img/icons/mic-189_189_189.svg) 5px 5px no-repeat;
    background-size: 70%;
    height: 33px;
    display: block;
}

.controlsBlock .control.sx-mic-trigger.sx-active-point i {
    background: url(../img/icons/mic-red.svg) 5px 5px no-repeat !important;
    background-size: 70% !important;
}

.silverPage .controlsBlock .control.sx-konvert-edit-btn i {
    background: url(../img/icons/konviert_gray_bg.png) 5px 4px no-repeat;
    background-size: 71%;
    height: 33px;
    display: block;
}

.silverPage .controlsBlock .control.sx-settings-global i {
    background: url(../img/icons/settings-global-167_167_167.svg) 5px 6px no-repeat;
    background-size: 71%;
    height: 33px;
    display: block;
}

.silverPage .controlsBlock .control.sx-mic-trigger i {
    background: url(../img/icons/mic-166_166_166.svg) 5px 6px no-repeat;
    background-size: 70%;
    height: 33px;
    display: block;
}


.silverPage .controlsBlock .control.sx-video-trigger i {
    background: url(../img/icons/video_166_166_166.svg) 5px 5px no-repeat;
    background-size: 72%;
    height: 33px;
    display: block;
}


.whitePage .controlsBlock .control.sx-text-btn {
    color: rgb(191, 191, 191);
}

.silverPage .controlsBlock .control.sx-text-btn {
    color: rgb(166, 166, 166);
}


.silverPage .controlsBlock .control.settings i {
    background: url(../img/icons/settings_gray_bg.png) 6px 5px no-repeat;
    background-size: 68%;
    height: 33px;
    display: block;
}

.whitePage .controlsBlock .control.settings i {
    background: url(../img/icons/settings_white_bg.png) 6px 5px no-repeat;
    background-size: 68%;
    height: 33px;
    display: block;
}

/*.controlsBlock .control.sx-controll-forms-btn:before {
    content: '';
}*/

.sx-vocabulary-connect {
    display: none;
}

.sx-field-3 em strong {
    font-family: 'calibri_bold_italic' !important;
}


.sx-success-callback-message,
.sx-success-callback-mobile-message,
.sx-success-error-mobile-message,
.sx-success-error-message {
    color: blue;
}


#vocabularyPanel .vocaLink.close-spelling:before {
    background: url(../img/icons/edit_gray_bg_v2.svg) 0px 0px no-repeat;
    background-size: 50px;
}


#vocabularyPanel .vocaLink.settings:before {
    background: url(../img/icons/settings_gray_bg_v2.svg) 7px 1px no-repeat;
    background-size: 38px;
}

#vocabularyPanel .vocaLink.settings.sx-settings-global-mobile:before {
    background: url(../img/icons/settings-global-mobile-menu.svg) 7px 3px no-repeat;
    background-size: 38px;
}


#vocabularyPanel .vocaLink.settings.sx-video-trigger-mobile:before {
    background: url(../img/icons/video_mobile-menu.svg) 6px 4px no-repeat;
    background-size: 38px;
}

#vocabularyPanel .vocaLink.settings.sx-mic-trigger-mobile:before {
    background: url(../img/icons/mic-mobile-menu.svg) 7px 2px no-repeat;
    background-size: 38px;
}

#vocabularyPanel .vocaLink.settings.sx-mic-trigger-mobile.sx-active-point:before {
    background: url(../img/icons/mic-mobile-menu-red.svg) 7px 2px no-repeat;
    background-size: 38px;
}


@media screen and (min-width: 528px) {
    #vocabularyPanel .vocaLink.settings:before {
        background: url(../img/icons/settings_gray_bg_v2.svg) 6px 1px no-repeat;
        background-size: 38px;
    }

    #vocabularyPanel .vocaLink.settings.sx-video-trigger-mobile:before {
        background: url(../img/icons/video_mobile-menu.svg) 5px 4px no-repeat;
        background-size: 38px;
    }

    #vocabularyPanel .vocaLink.settings.sx-settings-global-mobile:before {
        background: url(../img/icons/settings-global-mobile-menu.svg) 5px 3px no-repeat;
        background-size: 38px;
    }

}


/**
 * Это нужно чтобы выпадающие списки у некоторых селектов оставались под всплывшими
 */
.sx-no-open-select .nselect .nselect__inner {
    z-index: 0;
    display: none;
}


.input input {
    border-radius: 0;
}


.ya-share2__list {
    text-align: left;
}

.sx-modal-no-open-trigger-wrapper.check_box label:before {
    margin: -3px 5px 0 -35px;
}

/*
.sx-modal-no-open-trigger-wrapper.check_box label:before {
    width: 14px;
    height: 14px;
}

.sx-modal-no-open-trigger-wrapper.check_box label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #7f7f7f;
    margin: -3px 5px 0 -35px;
}*/


div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    /*width: 535px;*/
}

div.jGrowl.center {
    right: auto;
    left: 0;
}


.auth-icon.vkontakte {
    /*background: url(data:image/svg+xml, %3Csvg width='25' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.726 13.941s.451-.049.682-.292c.212-.224.205-.645.205-.645s-.029-1.967.902-2.258c.917-.285 2.095 1.903 3.344 2.744.944.636 1.66.497 1.66.497l3.34-.046s1.746-.105.918-1.453c-.068-.11-.483-.997-2.482-2.82-2.095-1.907-1.813-1.598.708-4.898 1.536-2.009 2.15-3.235 1.958-3.76-.182-.502-1.312-.368-1.312-.368l-3.76.022s-.278-.037-.485.084c-.201.12-.332.396-.332.396s-.594 1.555-1.388 2.877c-1.674 2.79-2.343 2.937-2.617 2.765-.637-.405-.478-1.623-.478-2.489 0-2.704.418-3.83-.813-4.122-.408-.098-.709-.161-1.755-.172-1.34-.013-2.476.005-3.119.313-.428.206-.758.664-.556.69.248.033.81.15 1.109.548.385.515.372 1.67.372 1.67s.221 3.182-.518 3.577c-.506.271-1.2-.282-2.693-2.813-.764-1.296-1.342-2.73-1.342-2.73s-.11-.267-.31-.411a1.556 1.556 0 00-.577-.228L.815.642S.278.656.081.885c-.174.203-.013.624-.013.624s2.796 6.423 5.963 9.66c2.904 2.967 6.2 2.772 6.2 2.772h1.495z' fill='%235B81B4'/%3E%3C/svg%3E);*/
    background: url("../img/icons/vk.svg");
    background-position: 0 !important;
    background-repeat: no-repeat;
    /*background-position: 5px;*/
    /* background-position: 5px; */
    /*background-position: 1px;
    background-size: 30px;*/


}

.auth-icon.facebook {
    /*background: url(data:image/svg+xml, %3Csvg width='25' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.726 13.941s.451-.049.682-.292c.212-.224.205-.645.205-.645s-.029-1.967.902-2.258c.917-.285 2.095 1.903 3.344 2.744.944.636 1.66.497 1.66.497l3.34-.046s1.746-.105.918-1.453c-.068-.11-.483-.997-2.482-2.82-2.095-1.907-1.813-1.598.708-4.898 1.536-2.009 2.15-3.235 1.958-3.76-.182-.502-1.312-.368-1.312-.368l-3.76.022s-.278-.037-.485.084c-.201.12-.332.396-.332.396s-.594 1.555-1.388 2.877c-1.674 2.79-2.343 2.937-2.617 2.765-.637-.405-.478-1.623-.478-2.489 0-2.704.418-3.83-.813-4.122-.408-.098-.709-.161-1.755-.172-1.34-.013-2.476.005-3.119.313-.428.206-.758.664-.556.69.248.033.81.15 1.109.548.385.515.372 1.67.372 1.67s.221 3.182-.518 3.577c-.506.271-1.2-.282-2.693-2.813-.764-1.296-1.342-2.73-1.342-2.73s-.11-.267-.31-.411a1.556 1.556 0 00-.577-.228L.815.642S.278.656.081.885c-.174.203-.013.624-.013.624s2.796 6.423 5.963 9.66c2.904 2.967 6.2 2.772 6.2 2.772h1.495z' fill='%235B81B4'/%3E%3C/svg%3E);*/
    background: url("../img/icons/facebook.svg");
    background-repeat: no-repeat;
    background-position: 0 !important;
    /*background-position: 5px;*/
    /* background-position: 5px; */
    /*background-position: 1px;
    background-size: 30px;*/

}

.auth-icon.google {
    /*background: url(data:image/svg+xml, %3Csvg width='25' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.726 13.941s.451-.049.682-.292c.212-.224.205-.645.205-.645s-.029-1.967.902-2.258c.917-.285 2.095 1.903 3.344 2.744.944.636 1.66.497 1.66.497l3.34-.046s1.746-.105.918-1.453c-.068-.11-.483-.997-2.482-2.82-2.095-1.907-1.813-1.598.708-4.898 1.536-2.009 2.15-3.235 1.958-3.76-.182-.502-1.312-.368-1.312-.368l-3.76.022s-.278-.037-.485.084c-.201.12-.332.396-.332.396s-.594 1.555-1.388 2.877c-1.674 2.79-2.343 2.937-2.617 2.765-.637-.405-.478-1.623-.478-2.489 0-2.704.418-3.83-.813-4.122-.408-.098-.709-.161-1.755-.172-1.34-.013-2.476.005-3.119.313-.428.206-.758.664-.556.69.248.033.81.15 1.109.548.385.515.372 1.67.372 1.67s.221 3.182-.518 3.577c-.506.271-1.2-.282-2.693-2.813-.764-1.296-1.342-2.73-1.342-2.73s-.11-.267-.31-.411a1.556 1.556 0 00-.577-.228L.815.642S.278.656.081.885c-.174.203-.013.624-.013.624s2.796 6.423 5.963 9.66c2.904 2.967 6.2 2.772 6.2 2.772h1.495z' fill='%235B81B4'/%3E%3C/svg%3E);*/
    background: url("data:image/svg+xml, %3Csvg width='22' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.764c0-.782-.062-1.568-.194-2.337H11.221v4.429h6.062a5.333 5.333 0 01-2.244 3.494v2.874h3.617C20.779 18.22 22 15.263 22 11.764z' fill='%234285F4'/%3E%3Cpath d='M11.221 23c3.027 0 5.58-1.018 7.44-2.776l-3.617-2.874c-1.006.702-2.305 1.099-3.819 1.099-2.927 0-5.41-2.024-6.3-4.745H1.191v2.962C3.098 20.549 6.978 23 11.222 23z' fill='%2334A853'/%3E%3Cpath d='M4.92 13.704a7.05 7.05 0 010-4.403V6.338H1.192a11.764 11.764 0 000 10.328l3.728-2.962z' fill='%23FBBC04'/%3E%3Cpath d='M11.221 4.55a6.02 6.02 0 014.305 1.725l3.204-3.283A10.644 10.644 0 0011.221 0C6.978 0 3.098 2.45 1.192 6.338L4.92 9.3c.887-2.725 3.373-4.75 6.301-4.75z' fill='%23EA4335'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    /*background-position: 5px;*/
    /* background-position: 5px; */
    background-position: 1px !important;
    background-size: 30px;

}


#vocabularyPanel .vocaLink.help.sx-trigger-mobile-word-forms {
    font: 45px/57px 'calibri_regular', sans-serif;
}

#vocabularyPanel .vocaLink.help.sx-help-menu-btn {
    font: 41px/57px 'calibri_regular', sans-serif;
}

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

    #vocabularyPanel .vocaLink.help.sx-help-menu-btn {
        padding-left: 2px;
    }
}

.whitePage .openPanel span, .whitePage v.openPanel span:before, .whitePage .openPanel span:after {
    background: rgb(180 180 180);
}


.sx-mobile-tooltip-synonyms .sx-small-point {
    right: 7px;
}


#modal5_plus .volIco:last-child {
    width: 28px;
    height: 28px;
    background: url(../img/icons/sound/sound-first-v2.png) no-repeat;
    background-size: 28px;
}

#modal5_plus .volIco.sx-volIco-click:last-child {
    width: 28px !important;
    height: 28px !important;
    background: url(../img/icons/sound/sound-first-clicked-v3.png) no-repeat !important;
    background-size: 28px !important;
}


.sx-modal-all-info-text {
    font-size: 14px;
    color: #8c8c8c;
    margin-left: -2px;
}

.twotext {
    height: 54px !important;
}

.twotext p {
    margin: 0;
    padding: 0;
}


.sx-mobile-word-meaning-wrapper {
    opacity: 0;
}

.sx-mobile-word-meaning-wrapper.sx-mobile-active-word-meaning {
    opacity: 1;
}

.sx-menu-params ul.dropdown-content {
    width: 130px !important;
    min-width: 130px !important;
    height: 138px;
}


#topMenu .sx-menu-params .dropdown.open .dropdown-content,
#topMenu .sx-menu-params .dropdown:hover .dropdown-content {
    height: 181px;
}

#topMenu .dropdown.sx-has-monitoring.open .dropdown-content,
#topMenu .dropdown.sx-has-monitoring:hover .dropdown-content {
    /*height: 138px;*/
    height: 228px;
}

@media (max-height: 360px) {
    .sx-right-comment3 em {
        white-space: normal;
    }
}


.sx-value strong::selection,
.sx-value p::selection,
.sx-value b::selection,
.sx-value span::selection,
.sx-value div::selection,
.field strong::selection,
.field span::selection,
.field div::selection,
.field p::selection,
.field b::selection,
.field em::selection {
    background: transparent !important;
    /*color: yellow;*/
}

body.sx-dev-mode .sx-value strong::selection,
body.sx-dev-mode .sx-value p::selection,
body.sx-dev-mode .sx-value b::selection,
body.sx-dev-mode .sx-value span::selection,
body.sx-dev-mode .sx-value div::selection,
body.sx-dev-mode .field strong::selection,
body.sx-dev-mode .field span::selection,
body.sx-dev-mode .field div::selection,
body.sx-dev-mode .field p::selection,
body.sx-dev-mode .field b::selection,
body.sx-dev-mode .field em::selection {
    background: #b3d4fc !important;
}

.nselect .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
}

.nselect .mCSB_scrollTools .mCSB_draggerRail
{
    width: 10px;
}

/*@media screen and (min-width: 1130px) {*/
@media screen and (min-width: 1130px) {
    .controlsBlock .control.pointTwo {
        background-image: none;
    }

    .whitePage .controlsBlock .control.pointTwo {
        background-image: none;
    }

    .controlsBlock .control.pointTwo i {
        background: url(../img/icons/two-points-gray.png) 6px 5px no-repeat;
        background-size: 22px;
        height: 33px;
        display: block;
    }

    .whitePage .controlsBlock .control.pointTwo i {
        background: url(../img/icons/two-points-white.png) 5px 4px no-repeat;
        background-size: 24px;
        height: 33px;
        display: block;
    }
}


#modal94 .openPanel span:before, #modal94 .openPanel span:after, #modal94 .openPanel span {
    height: 4px;
}

#modal94 .openPanel span:before {
    top: -8px;
}

#modal94 .openPanel span:after {
    top: 8px;
}

#modal94 .openPanel {
    width: 24px;
}


.sx-transcription {
    font-family: arial;
    font-size: 15px;
    margin-top: 1px !important;
}

.mobile_vocs .mobile.sx-second-line .sx-transcription {
    position: absolute;
}

.sx-mode-start .sx-submit-button,
.sx-mode-start .sx-submit-button:hover,
.sx-mode-restart .sx-submit-button,
.sx-mode-restart .sx-submit-button:hover {
    background: transparent;
    border: 1px solid;
    cursor: unset !important;
}

.sx-mode-restart .sx-submit-button input,
.sx-mode-start .sx-submit-button input {
    cursor: unset !important;
}


.sx-comment-3 em {
    font: normal 1em/1.2 'calibri_regular', sans-serif;
}


/* Анимация блика на кнопке*/
@keyframes sheens {


    0%,
    10% {
        opacity: 1;
        transform: rotateZ(100deg) translate(-5em, 7.5em)
    }
    50% {
        opacity: 1;
        transform: rotateZ(100deg) translate(1em, -9em)
    }

    95%,
    to {
        /*opacity: 0;
        filter: alpha(opacity=0);*/
        /*-webkit-transform: rotateZ(90deg) translate(1em, -9em);*/
        transform: rotateZ(100deg) translate(1em, -9em)
    }
}


.sx-animate-in-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 6px;
    /*border-radius: 6px;*/
    overflow: hidden;
    border-radius: 20px;
}

.sx-animate-in-btn:after {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 172, 142, 0)), color-stop(50%, rgba(255, 255, 255, .3)), color-stop(50%, rgba(229, 172, 142, 0)));
    background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, .3) 50%, rgba(229, 172, 142, 0));
    transform: rotateZ(90deg) translate(-5em, 7.5em);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-animation: sheens 5s infinite;
    animation: sheens 5s infinite;
    z-index: 1;
}






/* Анимация блика на кнопке*/
@keyframes sheens2 {


    0%,
    35% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }

    65%,
    to {
        opacity: 1;
    }
}



.sx-animate-save-in-btn {
    -webkit-animation: sheens2 8s infinite;
    animation: sheens2 8s infinite;
}



.mew-modal .close {
    cursor: pointer;
    display: none;
}


@media screen and (min-width: 1130px) {
    .vocabularyFooter .statBlock {
        /*width: auto;*/
        /*width: 239px;
        margin-right: 20px;*/

        padding: 20px;
        width: 279px;
    }
}

@media screen and (min-width: 1130px) {
    .vocabularyFooter .statBlock .stat .label, .vocabularyControls .statBlock .stat .value, .statBlock-single .stat .label, .statBlock-single .stat .value {
        width: 70px;
    }

    .vocabularyFooter .statBlock .stat .value, .statBlock-single .stat .value {
        width: 76px;
    }

    .vocabularyFooter .statBlock .stat .unit, .statBlock-single .stat .unit {
        width: 91px;
    }
}

.vocabularyFooter.fixed {
    max-width: 1152px;
    z-index: 3;
}

.sx-pc-stat-block {
    /*background: silver;*/
}

/*@media screen and (max-width: 1190px)
{
    .vocabularyFooter.fixed {
        max-width: 1130px;
        max-width: 1115px;
    }
}*/


.mew-modalMessage .sx-margin-top td {
    padding-top: 8px;
}


/*#modal-vocabulary .modalMessage {
    max-width: 409px;
}*/

#modal-theme .modalMessage {
    max-width: 261px;
}

#modal5 .modalMessage {
    max-width: 432px;
}
#modal5.modal5-text-big .modalMessage {
    max-width: 446px;
}
#modal5.modal5-text-book .modalMessage {
    max-width: 325px;
}
#modal5.sx-short-modal5 .modalMessage {
    max-width: 425px;
}

#modal-17b .modalMessage {
    max-width: 389px;
}

#modal-17b.modal-17b-zachet-levels .modalMessage {
    max-width: 371px;
}

#modal17 .modalMessage {
    max-width: 400px;
}

#modal17 .modalMessage.sx-modal-theme {
    max-width: 383px;
}

#registration .modalMessage {
    max-width: 437px;
}

.sx-close-spelling-modal .modalMessage {
    max-width: 296px;
}

#modal16 .modalMessage {
    max-width: 214px;
}

#modal60-2 .modalMessage {
    max-width: 288px;
}

#modal-finish .modalMessage {
    max-width: 305px;
}

#modal-finish.sx-modal-finish-theme .modalMessage {
    max-width: 278px;
}

#modal-error .modalMessage {
    max-width: 239px;
}

#sx-learn-ended .modalMessage {
    max-width: 345px;
}

#sx-learn-ended.sx-upa-vocabulary .modalMessage {
    max-width: 285px;
    width: 100%;
}

#modal42 .modalMessage {
    max-width: 438px;
}

#modal43a .modalMessage {
    max-width: 376px;
}


#modal-speed .modalMessage {
    max-width: 332px;
}


#sx-no-back .modalMessage {
    max-width: 279px;
}


#modal-vocabulary .modalMessage {
    max-width: 320px;
}

#modal5_plus .modalMessage {
    max-width: 325px;
}


#sx-trigger-change-no .modalMessage {
    max-width: 410px;
}

.modal-repeat-ask .modalMessage {
    max-width: 403px;
}
#sx-change-learned-word-meanings .modalMessage {
    max-width: 343px;
}


#modal-all-learned .modalMessage {
    max-width: 214px;
}

#sx-learn-reg .modalMessage {
    max-width: 375px;
}

.sx-small-modal .close {
    z-index: 99;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.sx-small-modal .close:before {
    transform: rotate(-45deg);
}
.sx-small-modal .close:after {
    transform: rotate(45deg);
}

.sx-small-modal .close:before, .sx-small-modal .close:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #818181;
    position: absolute;
    left: 0;
    top: 10px;
}

#modal-user-message .modalMessage {
    max-width: 293px;
}

#start .modalMessage {
    max-width: 340px;
}

#dz-task .modalMessage {
    max-width: 243px;
}

#dz-task.sx-has-dz .modalMessage {
    max-width: 409px;
}

.sx-top-text-btns .sx-vocabulary {
    margin-bottom: 3px;
}

/*.sx-mobile-view-btn, .volIco, .sx-next-step {
    border: 1px solid red !important;
}*/

@media screen and (max-width: 1131px) {



    /*body{
        border: 1px solid red;
    }

    #page{
        border: 1px solid blue;
    }*/

    /*.logo_none #page {
        padding: 0;
    }

    #headerWrap {
        display: none;
    }*/

    #sx-learn-reg .modalMessage {
        max-width: 393px;
    }

    #dz-task.sx-has-dz .modalMessage {
        max-width: 431px;
    }

    #dz-task .modalMessage {
        max-width: 254px;
    }

    #start .modalMessage {
        max-width: 381px;
    }
    #modal-user-message .modalMessage {
        max-width: 307px;
    }

    #sx-change-learned-word-meanings .modalMessage {
        max-width: 360px;
    }

    #modal-all-learned .modalMessage {
        max-width: 224px;
    }


    .modal-repeat-ask .modalMessage {
        max-width: 426px;
    }

    #modal5_plus .modalMessage {
        max-width: 332px;
    }

    #sx-trigger-change-no .modalMessage {
        max-width: 429px
    }


    #modal-vocabulary .modalMessage {
        max-width: 328px;
    }

    #modal-17b .modalMessage {
        max-width: 408px;
    }

    #modal-17b.modal-17b-zachet-levels .modalMessage {
        max-width: 392px;
    }

    #modal-speed .modalMessage {
        max-width: 350px;
    }

    #sx-no-back .modalMessage {
        max-width: 293px;
    }

    #sx-learn-ended .modalMessage {
        max-width: 363px;
    }

    #sx-learn-ended.sx-upa-vocabulary .modalMessage {
        max-width: 299px;
    }


    #modal42 .modalMessage {
        max-width: 460px;
    }

    #modal43a .modalMessage {
        max-width: 396px;
    }

    /*#modal-vocabulary .modalMessage {
        max-width: 417px;
    }*/

    #modal-theme .modalMessage {
        max-width: 274px;
    }

    #modal5 .modalMessage {
        max-width: 453px;
    }

    #modal5.modal5-text-big .modalMessage {
        max-width: 467px;
    }

    #modal5.modal5-text-book .modalMessage {
        max-width: 346px;
    }

    #modal5.sx-short-modal5 .modalMessage {
        max-width: 453px;
    }

    #modal17 .modalMessage {
        max-width: 421px;
    }

    #modal17 .modalMessage.sx-modal-theme {
        max-width: 403px;
    }

    #registration .modalMessage {
        max-width: 460px;
    }

    .sx-close-spelling-modal .modalMessage {
        max-width: 310px;
    }

    #modal16 .modalMessage {
        max-width: 220px;
    }

    #modal60-2 .modalMessage {
        max-width: 301px;
    }

    #modal-finish .modalMessage {
        max-width: 320px;
    }

    #modal-finish.sx-modal-finish-theme .modalMessage {
        max-width: 293px;
    }

    #modal-error .modalMessage {
        max-width: 246px;
    }

}


#vocabularyPanel {
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

#vocabularyPanel .menu {
    border-bottom: 0px;
}

@media screen and (min-width: 528px) {
    #vocabularyPanel {
        border-top: 1px solid #afabab;
        border-bottom: 1px solid #afabab;
        border-left: 0px;
        border-right: 0px;
    }
}

.fieldSet .sx-comment3-tooltip {
    right: 2px !important;
    position: absolute;
}

.sx-pc-current-word .field {
    cursor: pointer;
}


.ocenka_arrow_two {
    width: 23px;
    height: 27px;
    display: inline-block;
    background: url(../template/img/icons.png) -123px -59px no-repeat;
    background-size: 170px;
    vertical-align: middle;
}


.dQuote_gray {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 22px;
    /*background: url(../img/icons.png) -92px -58px no-repeat;*/
    background-size: 250px;
    margin: 0 1px;
    background: url(../template/img/next-gray.png) no-repeat;
    background-size: 21px;
}


.sx-topArrow-2 {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(
            180deg
    );
    -o-transform: rotate(180deg);
    transform: rotate(
            180deg
    );
}

.sx-topArrow {
    width: 19px;
    height: 11px;
    position: absolute;
    top: 0px;
    left: 9px;
    margin: 0 0 0 -9px;
    background: url(../template/img/icons.png) -154px -31px no-repeat;
    background-size: 250px;
    z-index: 999;
}


.sx-need-change .value {
    color: orange;
}

.sx-disabled-option span {
    color: silver;
}

.sx-disabled-option:hover span {
    color: silver !important;
}


#topMenu .dropdown.sx-about-menu .dropdown-content {
    width: 270px;
    min-width: 270px;
}



#topMenu .dropdown.sx-about-menu.open .dropdown-content,
#topMenu .dropdown.sx-about-menu:hover .dropdown-content {
    /*height: 46px;*/
    /*height: 138px;*/
    /*height: 270px;*/
    height: 362px;

    /*overflow: unset;
    display: table;*/
}

.modal.sx-modal-grey .close:before, .modal.sx-modal-grey .close:after {
    background: #a2a2a2;
}


.modalContent {
    /**
     * Для эксплорера
     */
    -ms-user-select: none;

    /**
     * Для мозилы
     */
    -moz-user-select: none;

    /**
     * Для конкверора
     */
    -khtml-user-select: none;

    /**
     * Для Сафари и Хрома
     */
    -webkit-user-select: none;
}


.sx-mobile-word-field .text .sx-strong {
    display: inline-block;
}

.type1 .sx-word-index {
    display: inline;
}

.sx-word-index {
    display: none;
    position: absolute;
    top: 1px;
    /* left: 2px; */
    padding-left: 3px;
    color: black;
    font: normal 13px/1.2 'calibri_bol', sans-serif;
    cursor: pointer;
}


.sx-show-comment em {
    font-family: 'calibri_regular';
}


.sx-copy-video-link {
    display: block;
    width: 100%;
    background: white;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    text-decoration: none;
}

.sx-copy-video-link span {
    border-bottom: 1px solid;
}


.sx-video-item {
    /*width: 25%;*/
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    font-family: calibri_bold;
}

.sx-video-item .sx-duration {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: white;
    background: black;
    font-weight: normal;
    font-family: calibri_regular;
    padding: 0px 3px;
    border-radius: 2px;
    font-size: 15px;
}


.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.col-video {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1130px) {
    .container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 860px) {
    .col-video {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 8px;
    }
}

@media screen and (max-width: 665px) {
    .col-video {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 6px;
    }
}

@media screen and (max-width: 500px) {
    .col-video {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 10px;
    }
}

#sx-test {
        width: 30px;
    height: 25px;
    position: fixed;
    z-index: 101;
    right: 20px;
    bottom: 20px;
}




.sx-blink-mic {
    animation: blink 0.2s alternate infinite;
    /*font-weight: bold;*/
}
.sx-right-animate {
    animation: bold-no-bold 1s alternate infinite;
    /*font-weight: bold;*/
}


@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes bold-no-bold {
    from {
        font: normal 17px/1.2 'calibri_bold', sans-serif;
    }
    to {
        font: normal 17px/1.2 'calibri_regular', sans-serif;
    }
}

.sx-mic-visual {
    /*border: 1px solid silver;*/
    display: inline-block;

}


.sx-mic-visual {
    margin: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sx-bar {
    margin: 2px;
    border-radius: 30px;
    background: blue;
    width: 2px;
}



.mobile_vocs .bl_image.sx-mobile-image2 {
    margin-left: 20px;
}









.sx-mobile-adaptive .sx-tabs {
    display: flex;
}

.sx-mobile-adaptive .sx-tab {
    display: block !important;
}

.sx-mobile-adaptive .sx-text-tab-2 {
    margin-left: 20px;
}


.sx-user-register-btn.sx-learn-finished {
    display: block;
}

.sx-user-register-btn.sx-user-register-btn-mobile.sx-learn-finished {
    display: inline-table;
}



/*.sx-user-register-btn {
    color: blue;
    position: absolute;
    top: -34px;
    text-decoration: none;
    !*border-bottom: 1px solid;*!
    left: 18px;
    display: none;

}*/



.sx-user-register-btn-mobile {
    color: blue;
}
.sx-user-register-btn-desktop {
    color: blue;
    position: absolute;
    top: -34px;
    text-decoration: none;
    /*border-bottom: 1px solid;*/
    left: 18px;
    display: block;

}

.sx-user-register-btn-mobile span {
    /*border-bottom: 1px solid;*/
}

.silverPage .sx-user-register-btn-mobile a span {
    background: #e8e8e8;
}

.silverPage .sx-btns-fixed-content > a span {
    background: #e8e8e8;
}

.sx-btns-fixed-content > a.sx-silver {
    /*color: #b4b4b4;*/
    color: #959494;
}
.sx-btns-fixed-content > a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
        /*border: 1px solid;*/
}
.sx-btns-fixed-content > a span {
    background: white;
    padding: 0 8px;
    padding-bottom: 2px;
}

.sx-btns-fixed-content {
            display: flex;
        align-items: center;
        text-align: center;
        margin: auto;
}
.sx-btns-fixed {



    z-index: 1;
    position: fixed;
    display: flex;
    bottom: 0;
    left: 70px;
    height: auto;
    width: calc(100vw - 140px);
    height: 64px;
    background: transparent;
    /* width: 67px;




}

.sx-btns-fixed .sx-btns {
        display: flex;
        align-items: center;
        text-align: center;
        margin: auto;
    }


@media screen and (min-width: 480px) {
    /*.sx-user-register-btn-mobile {
        right: 73px;
        bottom: 17px;
        transform: translateX(0%);
    }*/
}

@media screen and (max-width: 390px) {
    .sx-btns-fixed {
        left: 60px;
        width: calc(100vw - 120px);
    }

}
@media screen and (max-width: 370px) {
    .sx-btns-fixed-content > a span {
        padding: 0 4px;
    }

}
@media screen and (min-width: 727px) {
    /*.sx-user-register-btn-mobile {
        right: 50%;
        transform: translateX(50%);
    }*/
}

@media screen and (min-width: 1130px) {
    sx-user-register-btn-mobile.sx-learn-finished {
        display: none;
    }
}


/*
.sx-title span {
    background: url("../img/icons/arrow-bottom.svg");
}*/


.silverPage .sx-vocabulary-name {
    color: #a6a6a6;
}

.sx-vocabulary-name {
    text-align: center;
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    padding-right: 200px;
    color: #a6a6a6;
    transition: 600ms linear;
        display: block;
    width: 100%;
    /*width: 100%;*/
}

.silverPage .vocabularyFooter .statBlock.sx-hovered .sx-question-stat {
    color: #787878;
}

.sx-question-stat {
    margin-left: 5px;
    color: #a6a6a6;
    /*color: #c0c0c0;*/
    cursor: pointer !important;
    border-radius: 50%;
    border: 1px solid;
    width: 16px;
    transition: 600ms linear; /* Время изменения */
    /* min-width: 10px; */
    display: inline-block;
    text-align: center;
    height: 16px;
    padding: 0;
    font: normal 13px/14px 'calibri_regular';
}
.sx-question-stat-info-second {
    display: block;
    white-space: initial;
}
.sx-question-stat-info {
    display: none;

    /*min-width: 258px;

    white-space: normal;*/
    /*white-space: inherit;*/
    border: 1px solid #7f7f7f;
    right: 0;
    top: 23px;
    padding: 10px;
    background: #fff1b7;
    position: absolute;
    -webkit-box-shadow: 3px 3px 14px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 14px 0px rgb(0 0 0 / 75%);
    /* border: 1px solid #7f7f7f; */
    border-radius: 3px;
    color: #333;
}
.sx-hovered {
    color: #8c8c8c;
}

.silverPage .sx-hovered {
    color: #787878;
}


@keyframes blink-error-message {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.sx-blink-error-message {
    animation: blink-error-message 0.4s alternate infinite;
}

@keyframes blink-fast {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.sx-blink-fast {
    animation: blink-fast 0.2s alternate infinite;
}



.sx-total-stat-show-hover {
    opacity: 0;
    transition-duration: 1s;
}
.sx-total-stat-hide-hover {
    opacity: 1;
    transition-duration: 1s;
}
.sx-big .sx-total-stat-show-hover {
    opacity: 1;
}

.sx-big .sx-total-stat-hide-hover {
    opacity: 0;
}



.sx-checkboxes-v2 .sx-title {
    padding: 2px;
}

.sx-info-text {
    font-size: 14px;
}
.sx-info-text b {
    font: normal 14px/1.2 'calibri_bold', sans-serif !important;
}
.sx-info-text-hidden {
    font-size: 14px;
}
.sx-info-text-hidden b {
    font: normal 14px/1.2 'calibri_bold', sans-serif !important;
}

.sx-cat-overflow {
    overflow-y: auto;
    max-height: 261px;
    overflow-x: hidden;
}
.sx-cat-overflow-vocabulary {
    overflow-y: auto;
    max-height: calc(100vh - 261px);
    overflow-x: hidden;
}

.sectv2 {
    width: 100%;
    padding: 0;
    overflow-y: auto;
    max-height: calc(100vh - 334px);
    overflow-x: hidden;
    border: 0;
}

@media screen and (max-width: 350px) {
    a.Button {
        padding: 0 20px
    }
}

@media screen and (max-width: 1130px) {

    .nselect .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
    {
        width: 10px;
    }

    .nselect .mCSB_scrollTools {
        width: 9px;
    }

    .nselect .mCSB_scrollTools .mCSB_draggerRail {
        width: 10px;
    }

    .nselect .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #7f7f7f;
    }



    .sx-info-text {
        font-size: 16px;
    }
    .sx-info-text b {
        font: normal 16px/1.2 'calibri_bold', sans-serif !important;
    }

    .sx-cat-overflow {
        overflow-y: auto;
        overflow-x: auto;
        max-height: none;
    }

    .sectv2 {
        overflow-y: auto;
        max-height: none;
        overflow-x: auto;
    }

    .sx-checkboxes-v2 .sx-title {
        white-space: unset;
    }

    .sx-cat-overflow-vocabulary {
        overflow-y: auto;
        max-height: none;
        overflow-x: auto;
    }

}




.modal .sx-h-full {
    display: block;
}
.modal.sx-modal-full-screen .sx-h-full {
    display: none;
}


.modal .sx-d-full {
    display: none;
}
.modal.sx-modal-full-screen .sx-d-full {
    display: block;
}




.sx-modal-footer {
    display: flex;
    position: fixed;
    bottom: 0;
    padding-bottom: 15px;
    width: calc(100% - 40px);
    padding-top: 15px;
}

.modal_green .sx-modal-footer {
    background: rgb(229, 239, 232);
}

.sx-modal-footer .sx-action-wrapper {
    margin-left: 10px;
}

.d-flex {
    display: flex;
}

.modal.sx-modal-full-screen-always .modalMessage {
    padding-bottom: 70px;
}

.d-center {
    /*align-items: center;*/
    justify-content: center;
    flex-direction: column;
}


.sx-img-right-column img {
    cursor: pointer;
    /*transition: all 1s linear;*/
}
.sx-img-right-column .sx-tmp-img {
    position: absolute;
    z-index: 99;
}
.sx-img-right-column .sx-tmp-img-ready {
    /*width: 402px;*/
    width: 200px;
    max-width: 404px !important;
    top: 0;
    /*left: -202px;*/
    /*top: -132px;*/
}
.sx-img-right-column .sx-created .sx-old-img {
    box-shadow: none;
}
.sx-img-right-column .img:nth-child(2) .sx-tmp-img-ready {
    top: 0;
}

#sx-create-form-mobile-info .sx-inner-block {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#sx-create-form-mobile-info .sx-inner-block:last-child {
    border-bottom: none;
    padding-bottom: 15px;
    margin-bottom: 0;
}
#sx-create-form-mobile-info .sx-inner-block p:last-child {
    margin-bottom: 0;
}

.sx-end-s {
    /*color: rgb(0, 112, 192);*/
    font-family: 'calibri_bold';
}
.sx-word-meaning-forms-table tr td:nth-child(2) {
    font-family: 'calibri_bold';
}

.modal.modal_silver .close:before, .modal.modal_silver .close:after {
    background: #7f7f7f;
}

.modal_silver .Button.brounBtn {
    background: transparent;
    color: rgba(127, 127, 127);
    border: 1px solid rgba(127, 127, 127);
}
.modal_silver .Button.brounBtn:hover {
    background: rgba(127, 127, 127);
    color: white;
    border: 1px solid rgba(127, 127, 127);
}


.sx-social-links-wrapper {
    display: flex;
    padding: 8px 8px;
}
.sx-social-links-wrapper-inner {
    margin: auto;
}
.sx-social-links-wrapper img {
    height: 30px;
}
.sx-social-links-wrapper a {
    margin-right: 8px;
}
.sx-social-links-wrapper a:last-child {
    margin-right: 0px;
}

.sx-modal-display {
    display: block;
    position: relative;
    padding-right: 20px;
    padding-bottom: 20px;
    z-index: 1;
}

/**
 * Минимальный режим отображения
 */
.sx-mobile-view-min .sx-mobile-tab-btn {
    display: none !important;
}
.sx-mobile-view-min .text  {
    /*text-align: center;*/
}
.sx-mobile-view-min .sx-second-line {
    display: none !important;
}

.sx-mobile-view-min .sx-mobile-word-meaning-wrapper .wordField {
    box-shadow: none;
}
.sx-mobile-view-min .sx-mobile-word-meaning-wrapper .wordField:before {
    box-shadow: none;
}
.sx-mobile-view-min .sx-mobile-word-meaning-wrapper .word_b .word {
    /*text-align: center;*/

    display: inline-flex;
    margin-left: 0;
    margin: auto;
    margin-bottom: 10px;
}

.sx-mobile-view-min .sx-is-learned .wordField {
    color: #a6a6a6;
}

.sx-mobile-view-min .sx-word-content {
    text-align: center;
}


.sx-mobile-view-min .sx-mobile-word-meaning-wrapper.sx-mobile-active-word-meaning {
    display: flex;
    justify-content: center;

    flex-direction: column;
    padding-bottom: 70px;
    opacity: 0;
    transition-duration: 0.6s;
}

.sx-mobile-view-min .sx-word-content .sx-top .sx-hand {
    top: auto;
    bottom: -100px;
}
.sx-mobile-view-min .sx-word-content .sx-top .sx-hand-pulse {
    top: auto;
    bottom: -55px;
}
.sx-mobile-view-min .sx-word-content .sx-top {
    height: 50%;
    display: flex;
    align-items: center;
    line-height: 1;
    padding-bottom: 0px;
    margin-bottom: 20px;
    position: relative;
}

.sx-mobile-view-min .sx-hand {
    top: 40px;
}


.modal_white .modalMessage {
    background: #fff;
}

.sx-mobile-view-min .sx-word-content .sx-top .sx-top-value {
    align-self: last baseline;
    margin: auto;
    margin-bottom: 0px;
    /* text-align: left; */
    /*padding: 0 10px;*/
    margin-left: auto;
    text-align: left;
    margin-right: auto;
}

.sx-mobile-view-min .sx-word-content .sx-top .sx-top-value div {
    display: unset;
}
.sx-mobile-view-min .wordField .text:nth-child(odd) {
    height: auto;
}
.sx-mobile-view-min .sx-word-content .sx-top {
    font-size: unset;
}

.sx-mobile-view-min .sx-input-wrapper,
.sx-mobile-view-min .sx-input-margin-left {
    margin-left: 0;
}

.sx-mobile-view-min .mobile_vocs .sx-is-spelling input:focus,
.sx-mobile-view-min .mobile_vocs .sx-is-spelling input:hover
{
    outline: 1px solid rgba(191, 191, 191, 1) !important;
}

.sx-is-ios .sx-mobile-view-min  .mobile_vocs .sx-is-spelling input:focus,
.sx-is-ios .sx-mobile-view-min  .mobile_vocs .sx-is-spelling input:hover
{
    outline: 1px solid rgba(191, 191, 191, 1) !important;
    outline-offset: -1px !important;
}

.sx-mobile-view-min .sx-is-spelling .sx-has-error {
    background: #f5d1d1 !important;
}

.sx-is-spelling.sx-strong .sx-tag-em {
    font-family: calibri_italic !important;
}

.sx-mobile-view-min .mobile_vocs .sx-is-spelling input
{
    font-size: inherit !important;
    /*height: inherit;*/
    height: 100%;
    padding: 0;
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;

    opacity: 1;
    /*opacity: 0.97;*/
    border: none;

    /*background: gray;*/
    outline: 1px solid rgba(191, 191, 191, 1);
}

.sx-mobile-view-min .sx-spelling-mode .sx-word-content .sx-bottom .sx-is-spelling {
    opacity: 1 !important;
}
.sx-mobile-view-min .sx-spelling-mode .sx-word-content .sx-bottom .text {
    box-shadow: none;
}
.sx-mobile-view-min .sx-spelling-mode .sx-word-content .sx-bottom {
    opacity: 1;
    background: transparent;
}

.sx-mobile-view-min .sx-word-content .sx-bottom {
    height: 50%;
    line-height: 1;
    display: flex;
}

/*.sx-mobile-view-min .sx-spelling-mode .sx-word-content.sx-no-value2 .sx-bottom>div {
    margin-left: 0;

}*/

.sx-mobile-view-min .sx-word-content .sx-bottom>div {
    display: unset;
    margin-left: auto;
    text-align: left;
    margin-right: auto;
    line-height: 1;
}
.sx-mobile-view-min .sx-word-content .sx-bottom strong,
.sx-mobile-view-min .sx-word-content .sx-bottom b,
.sx-mobile-view-min .sx-word-content .sx-bottom em {
    line-height: 1;
}

.sx-mobile-view-min .sx-mobile-word-field .sx-value-2 {
    position: relative;
    white-space: nowrap;
    top: 0;
}
/*.sx-mobile-view-min .sx-spelling-mode .sx-mobile-word-field .text .sx-strong {
    display: inline-flex;
    flex-wrap: wrap;
}*/

.sx-mobile-view-min .word_b {
    margin-left: 0 !important;
}

.sx-mobile-view-min .sx-spelling-mode  .sx-has-value2 .sx-mobile-word-field .text .sx-strong {
    flex-wrap: nowrap;
}

.sx-mobile-view-min .sx-spelling-mode .sx-mobile-word-field .text .sx-strong {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: baseline;
}

.sx-mobile-view-min .sx-mobile-word-field .text .sx-strong {
    display: inline;
    /*display: unset;*/
    left: 0;
    white-space: nowrap;
}
.sx-mobile-view-min .sx-mobile-word-field .text .sx-strong {
    white-space: wrap;
}

.sx-mobile-view-min .sx-mobile-word-field .text .sx-strong.sx-value-2 {
    white-space: nowrap;
}

.sx-mobile-view-min .sx-word-content .sx-bottom {
    opacity: 0;
    /*transition-property: all;
    transition-duration: .5s;*/
}
.sx-mobile-view-min  .sx-instance-2 .sx-word-content .sx-bottom .sx-bottom-inner {
    /*opacity: 1;*/
}

.sx-mobile-view-min .sx-word-content .sx-bottom .sx-bottom-inner {
    /*display: unset;*/
    margin-left: auto;
    text-align: left;
    margin-right: auto;

    display: inline-flex;
    flex-direction: column;
}
.sx-mobile-view-min .sx-instance-2 .sx-word-content .sx-bottom {
    opacity: 1;
}

.sx-mobile-view-min .sx-instance-2 .sx-word-content .sx-bottom .text {
    /*opacity: 1;*/
}

.sx-mobile-view-min .sx-instance-2 .sx-word-content .sx-bottom .sx-bottom-inner {
    position: relative;
}
.sx-mobile-view-min .sx-mobile-word-meaning-wrapper .sx-tooltip {
    width: auto !important;
    height: auto !important;
    color: #bfbfbf;


    position: absolute;
    font-size: 40%;
    /*right: -14% !important;*/
    /*bottom: 16%;*/
    line-height: 0.9;
}

.sx-mobile-view-min .word_b .word sup {
    position: absolute;
    font-size: 40%;
    /*margin-left: 1%;*/
    /*bottom: 16%;*/
    line-height: 0.9;
}
.sx-mobile-view-min .sx-word-content .sx-bottom .text
{
    padding: 0;
    /*opacity: 0;*/
    /*transition-property: all;
    transition-duration: .5s;*/
}

.sx-mobile-view-min .sx-check-size {
    font-family: calibri_bold;
}
.sx-mobile-view-min .sx-mobile-word-field .text .sx-value-2 strong {
    white-space: pre;
}
.sx-mobile-view-btn img {
    height: 40px;
}

.sx-mobile-view-min .sx-mobile-word-meaning-wrapper.sx-instance-2 .mobileControls .volIco
{
    margin-top: 0;
}
.whitePage .mobileControls .nums a.sx-mobile-view-btn:hover, .whitePage .mobileControls .nums a.sx-mobile-view-btn.active {
    background: transparent;
}

.sx-mobile-view-min .sx-instance-2 .sx-word-content .sx-bottom {
    background: transparent;
}
.sx-mobile-view-min .sx-mobile-word-meaning-wrapper.sx-is-learned .wordField {
    background: transparent;
}

.sx-mobile-view-min.sx-mobile-horisontal .sx-mobile-word-meaning-wrapper.sx-mobile-active-word-meaning {
    padding-bottom: 15px;
}



@media screen and (min-width: 480px) {
    .sx-mobile-view-min .mobile_vocs .bl_image  {
        width: fit-content;
    }

    .sx-mobile-view-min .mobileControls  {
        display: flex;
        flex-direction: column-reverse;
        height: calc(100vh - 50px);
        justify-content: center;
        align-items: center;
    }

    .sx-mobile-view-min .mobileControls .nextArr {
        position: relative;
        top: auto;
    }

    .sx-mobile-view-min .mobileControls .volIco {
        margin-left: 5px;
    }
    .sx-mobile-view-min .mobileControls .nums a {
        margin-right: 0!important;
    }
    .sx-mobile-view-min .mobileControls .nums a:last-child{
        margin-bottom: 0;
    }
    .sx-mobile-view-min .mobileControls .nums {
        height: 95px;
                display: flex !important
    ;
        margin-top: 20px;
        flex-direction: column;
        align-items: center;
        flex-grow: inherit;
    }

    .sx-mobile-view-min .sx-mobile-word-meaning-wrapper.sx-instance-2 .mobileControls .volIco {
        display: block !important;
        opacity: 1;
    }

    .sx-mobile-view-min .sx-mobile-word-meaning-wrapper.sx-instance-2 .word_b .volIco {
        display: none;
    }


}

/*@media (max-height: 250px) {
    .sx-mobile-view-min .mobileControls {
        height: 100vh;
    }
}*/



.sx-mobile-view-min .sx-value strong {
    white-space: pre;
}

.sx-mobile-view-min .mobile_vocs .bl_image {
    margin-left: auto;
    float: none;
    margin-right: auto;
    /*margin-bottom: 0px;*/
}

.sx-mobile-view-min .sx-mobile-image2 {
    display: none !important;
}


.sx-mobile-view-min.sx-mobile-horisontal .loadImg {
    display: flex;
    justify-content: center;
}
.sx-mobile-view-min.sx-mobile-horisontal .bl_image .img {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.sx-mobile-view-min.sx-mobile-horisontal .sx-mobile-word-meaning-wrapper.sx-mobile-active-word-meaning {
    justify-content: flex-start;
}

/*.sx-mobile-view-min.sx-mobile-horisontal .sx-mobile-word-meaning-wrapper.sx-mobile-active-word-meaning {
    justify-content: flex-start;
}*/
.sx-mobile-view-min .sx-mobile-word-meaning-wrapper .sx-top {
    /*background: silver;*/
}
.sx-mobile-view-min .sx-mobile-word-meaning-wrapper .sx-bottom
{
    /*background: #ffa50040;*/
}


.sx-mobile-view-min.sx-mobile-horisontal .mobile_vocs .tabletText {
    display: none;
}

/*.sx-tmp-dev p {
    margin-bottom: 0px;
}
.sx-tmp-dev {
    display: block;
    background: white;
    position: fixed;
    bottom: 0;
    left: 5px;
    font-size: 9px;
    z-index: 999999999;
}*/

/*
body {
    border: 1px solid red;
}*/



* {
    -webkit-tap-highlight-color: transparent; /* убирает серый фон при тапе */
}

.no-select {
    -webkit-user-select: none; /* Chrome/Safari/Android */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;         /* Стандарт */
}

.sx-tag-em, .sx-tag-strong {
    /*border: 1px solid silver;*/
}

.sx-mobile-view-min .sx-no-value2 .sx-value strong {
	white-space: normal;
}