@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,900|Open+Sans:300,400,600,700&display=swap&subset=cyrillic,cyrillic-ext);
*,body{
    margin:0
}
body{
    background-color: #ffd9241a;
}
.menu-header__li,.menu-header__link,.page,sub,sup{
    position:relative
}
.footer__logo svg,.header__logo svg{
    background-image:url(assets/img/logo.svg)
}
.footer__logo:hover,.header__logo:hover{
    opacity:.7
}
.block-games-el__remove,.jq-select-multiple li,.jq-selectbox li{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
.hint__hidden,.ripple{
    pointer-events:none;
    opacity:0
}
.hex,.hexIn{
    visibility:hidden
}
#hexGrid,.faq li,ul{
    list-style-type:none
}
#scoreboard,.block-words__ul,.modal-def__wrap,.page,.section--full.fixed .container{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal
}
.block-words-select__text,.jq-selectbox__select-text{
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.block-games__close,.cursor,.hex p,.hint__hidden,.links__link,.share-button,.stats .item .desc,.text-words{
    text-transform:uppercase
}
#testword,.b404,.btn-center,.button,.center,.checkbox-def__dec,.checkbox-radio-def__dec,.headline,.hexLink,.lang-header__title,.links__link,.links__link.letters,.links__link.letters.active,.scoreText,.share-block,.share-buttons,.spelling-bee-text .h2--center,.spelling-bee-text p.center,.stats-reset,.update,ul{
    text-align:center
}
.banner,.links__link,.share-block,.share-buttons,article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
    display:block
}
.scroll-element .scroll-element_track,a{
    background-color:transparent
}
.block-words,textarea{
    overflow:auto
}
#hexGrid,.hexIn,.hexLink,.noscroll,.page,.scroll-element .scroll-element_outer,svg:not(:root){
    overflow:hidden
}
.footer__links li,abbr[title]{
    border-bottom:none
}
button,hr,input{
    overflow:visible
}
audio,canvas,progress,video{
    display:inline-block
}
progress,sub,sup{
    vertical-align:baseline
}
.hex p,body,mark{
    color:#000
}
.block-progress__progress-el.active::before,.block-progress__progress-el.genius::before,.block-progress__progress-el:not(:first-child)::after,.block-words__ul li::after,.breadcrumbs__li:before,.hex::after,.hint__hidden:after,.lang-header__dropdown:before,.menu-header__link:before,.spelling-bee-text p:after,.spelling-bee-text ul li:before,.starability-basic>label::before,.theme-mode__switch:after,.wrap-article ul li::after,body.no-scroll:after{
    content:""
}
.btn,.links__link{
    border-radius:10px
}

h1{
    font-size:2em;
    margin:.67em 0
}
figure{
    margin:1em 40px
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
*,.dwords,[type=checkbox],[type=radio],legend{
    padding:0
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
.b404__btn,.block-games-el,.block-games__btn,.breadcrumbs__link,.breadcrumbs__span,.btn,.btn-el,.button,.dropdown-menu__link,.faq a:hover,.footer__links a,.fullscreen,.game-item,.lang-header__link,.lang-header__title,.links__link,.menu-header__link,.share-button,.spelling-bee-text a,.spelling-bee-text ul li a:hover,.update a:hover,.wrap-article a{
    text-decoration:none
}
b,strong{
    font-weight:bolder
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none;
    -o-object-fit:contain;
    object-fit:contain
}
button,input,optgroup,select,textarea{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:ButtonText dotted 1px
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    white-space:normal
}
[type=checkbox],[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
.hex,.hexIn,.hexIn *{
    outline:transparent solid 1px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
#cursor,#st-1 .st-total,#testword,.hex p,.notifications,.scoreText,body,button,input,select,textarea{
    font-family:Montserrat,"Open Sans",sans-serif
}
.modal-content__info,.modal-content__title,.text-info,.text-words,.top-menu__btnText{
    font-family:Montserrat
}
summary{
    display:list-item
}
.banner_middle_mobile,.gamb,.gamb-hidden,[hidden],template{
    display:none
}
.page,.section--full.fixed .container{
    display:-ms-flexbox;
    -ms-flex-direction:column
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
a,button{
    -webkit-transition:.25s;
    -o-transition:.25s;
    transition:.25s
}

body{
    font-weight:400;
    min-width:100%
}
body.no-scroll{
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:scroll
}
body.no-scroll:after{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:97
}
.page{
    display:-webkit-box;
    display:flex;
    flex-direction:column;
    min-height:100%
}
.page__wrapper{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.spellbee-container{
    width:1000px;
    max-width:100%;
    margin:0 auto;
    padding:0 15px
}
.container-menu{
    /*width:480px;*/
    padding:0;
    max-width:100%;
    margin:0 auto
}
.adv{
    margin:15px 0
}
.no-pading{
    padding:0!important;
    width:100%!important
}
.btn{
    color:#fff;
    font-size:16px;
    padding:10px 20px;
    display:inline-block;
    -webkit-transition:.25s;
    -o-transition:.25s;
    transition:.25s;
    background:#41a7fb;
    line-height:26px
}
.btn:hover{
    background:#4fbbfd
}
.btn .icon{
    width:28px;
    height:28px;
    margin-right:10px;
    margin-bottom:-8px
}
.btn.generator{
    background:#4eb947
}
.btn.generator:hover{
    background:#59ca52
}
.btn.generator .icon{
    fill:#fff
}
.headline{
    margin-top:15px
}
.headline__title{
    color:#13141c;
    font-weight:900;
    font-size:30px;
    line-height:30px;
    margin:0 0 5px
}
.headline__text{
    color:#2b2e3a;
    font-size:15px;
    font-weight:400;
    line-height:24px;
    margin:0 0 8px
}
.headline__text.ad_link a,.spellbee_mode_select{
    color:#13141c;
    border-radius:8px;
    text-decoration:none
}
.headline__text.ad_link{
    text-align:center;
    margin-top:20px
}
.headline__text.ad_link a{
    padding:10px 15px;
    background:#ffd924;
    font-size:14px
}
.dark-theme .footer__logo svg,.dark-theme .header__logo svg{
    background-image:url(https://spellbee.org/assets/img/logo-dark.svg)
}
.headline__text.ad_link a:hover,.js-share:hover{
    background:#efc80c
}
.dark-theme .headline__text.ad_link a,.dark-theme .js-share{
    background:#b58a13;
    color:#edeae1
}
.dark-theme .headline__text.ad_link a:hover,.dark-theme .js-share:hover{
    background:#d4a72a
}
.headline__text.ad_link svg{
    width:22px;
    height:22px;
    margin-bottom:-5px
}
.headline__text.ad_link span{
    line-height:42px;
    font-size:14px
}
.banner{
    margin:0 auto
}
.section{
    padding:30px 0
}
.section--main{
    padding:0!important
}
.section--app{
    background:#f2f0e4;
    padding:15px 0
}
.dark-theme .section--app{
    background:#2f3247
}
.section--white{
    background:#fff
}
.section--grey{
    background:#f5f7fb
}
.section--yellow{
    background:#f7e79a
}
.section--full.fixed{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
    background:#fff;
    padding:20px
}
.section--full.fixed .container{
    width:auto;
    display:-webkit-box;
    display:flex;
    flex-direction:column;
    height:100%
}
.game-item__bottom,.spellbee_mode{
    display:flex;
    justify-content:center
}
.spellbee_mode_select{
    font-size:15px;
    line-height:20px;
    margin:5px 0 5px 5px;
    padding:8px 15px;
    text-align:center
}
.dark-theme .spellbee_mode_select{
    color:#fff
}
.spellbee_mode_select.active{
    background:#ffd924;
    color:#13141c;
    font-weight:700
}
.footer__links a:hover,.links__link.active,.links__link:hover{
    color:#ffd12e!important
}
.spellbee_mode_select.active:hover{
    background:#ffd924
}
.dark-theme .spellbee_mode_select.active{
    background:#c79919;
    color:#fff
}
.dark-theme .spellbee_mode_select.active:hover{
    background:#464237
}
.spellbee_mode_select:hover{
    background:#f1f4f9
}
.dark-theme .spellbee_mode_select:hover{
    background:#252634
}
.spellbee_mode_select img{
    height:26px;
    margin-right:6px;
    margin-bottom:-8px
}
.spellbee_mode_select sup{
    color:#de2768;
    margin-left:3px;
    font-weight:700
}
.links{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-12px
}
.links__link{
    background-color:#fff;
    color:#13141c;
    font-size:13px;
    margin:10px;
    padding:10px;
    width:calc(25% - 24px);
    line-height:24px;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.1);
    box-shadow:0 0 20px rgba(0,0,0,.1)
}
.dropdown-menu__link:hover,.fullscreen:hover,.lang-header__title:hover,.menu-header__link:hover,.spelling-bee-text a,.update a{
    color:#ffd12e
}
#st-1 .st-total>span,.links__link.active{
    font-weight:700
}
.links__link .icon{
    width:16px;
    height:16px;
    border-radius:6px;
    margin-right:5px;
    margin-bottom:-3px
}
.dropdown-menu__li:last-child,.lang-header__link:last-child,.spelling-bee-text ul li:last-child{
    margin-bottom:0
}
.share-block{
    margin-bottom:25px
}
.share-block h2{
    margin:25px 0 10px
}
.share-button{
    display:inline-block;
    margin:8px 5px;
    padding:16px 26px;
    font-size:14px;
    font-weight:700;
    color:#fff;
    border-radius:10px;
    -o-transition:.2s;
    -webkit-transition:.2s;
    transition:.2s
}
.block-progress__progress,.block-words,.container-2,.footer__bottom,.footer__links,.footer__links li,.footer__top,.header__wrapper,.jq-selectbox__trigger,.menu-header,.setting,.theme-mode{
    display:-webkit-box;
    display:-ms-flexbox
}
.share-button.facebook{
    background:#4267b2;
    border-bottom:5px solid #244586
}
.share-button.facebook:hover{
    background:#3559a2
}
.share-button.twitter{
    background:#1da1f2;
    border-bottom:5px solid #107dc0
}
.share-button.twitter:hover{
    background:#1391de
}
.share-button.reddit{
    background:#ff4500;
    border-bottom:5px solid #d03800
}
.share-button.reddit:hover{
    background:#e73f01
}
.share-button.whatsapp{
    background:#25d366;
    border-bottom:5px solid #1dac53
}
.share-button.whatsapp:hover{
    background:#1aba56
}
.setting{
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:15px
}
.theme-mode{
    display:flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center
}
.fullscreen,.menu-header__link{
    -ms-flex-align:center;
    color:#2b2e3a
}
.theme-mode__switch{
    display:block;
    position:relative;
    width:42px;
    height:22px;
    background-color:#2b2e3a;
    margin-right:10px;
    border-radius:20px
}
.fullscreen,.menu-header__li{
    display:-webkit-box;
    display:-ms-flexbox
}
.theme-mode__switch:after{
    position:absolute;
    top:3px;
    left:4px;
    width:16px;
    height:16px;
    background:#fff;
    border-radius:50%;
    -webkit-transition:.35s;
    -o-transition:.35s;
    transition:.35s
}
.theme-mode__switch.on:after{
    left:calc(100% - 20px)
}
.theme-mode__text{
    color:#2b2e3a;
    font-size:14px
}
.fullscreen{
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    font-size:15px
}
.fullscreen .icon{
    display:block;
    width:16px;
    height:16px;
    fill:currentColor;
    margin-right:10px;
    margin-top:2px
}
.header__wrapper{
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.header__logo,.menu-header__li:hover .dropdown-menu,.menu-header__li:hover .menu-header__link--dropdown:before{
    display:block
}
.header__logo{
    padding:6px 0;
    -ms-flex-negative:0;
    flex-shrink:0;
    -ms-flex-item-align:center;
    align-self:center
}
.menu-header{
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0;
    margin:0
}
.lang-header__title,.menu-header__link{
    font-size:14px
}
.menu-header__li{
    display:flex;
    height:100%
}
.menu-header__link{
    font-weight:700;
    line-height:24px;
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.dropdown-menu,.menu-header__link:before{
    position:absolute;
    width:100%;
    display:none;
    left:0
}
.menu-header__link:before{
    top:calc(100% - 2px);
    border-top:2px solid #ffd12e
}
.menu-header__link .icon{
    fill:currentColor;
    width:18px;
    height:18px;
    margin-right:8px
}
.menu-header__link--dropdown{
    z-index:1
}
.menu-header__link--dropdown:before{
    height:5px;
    background:#fff
}
.menu-header__link--dropdown .icon-down-arrow{
    display:block;
    width:12px;
    height:12px;
    fill:#2b2e3a;
    margin-left:7px
}
.menu-header__link:hover:before{
    display:block
}
.menu-header__link:hover .icon{
    fill:#ffd12e
}
.dropdown-menu{
    top:100%;
    background:#fff;
    border-radius:0 5px 5px;
    margin:0;
    z-index:1;
    padding:20px 15px;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.1);
    box-shadow:0 0 20px rgba(0,0,0,.1)
}
.dropdown-menu__list{
    margin:0;
    padding:0;
    height:260px
}
.dropdown-menu__li{
    display:block;
    margin-bottom:15px
}
.dropdown-menu__link{
    color:#2b2e3a;
    font-size:14px
}
.lang-header{
    margin-left:auto;
    position:relative
}
.lang-header__title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    color:#13141c;
    width:125px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:100%
}
.lang-header__title .icon{
    width:11px;
    height:11px;
    fill:currentColor;
    margin-left:8px
}
.lang-header__dropdown{
    position:absolute;
    top:calc(100% - 2px);
    right:0;
    -webkit-box-shadow:0 0 30px rgba(0,0,0,.08);
    box-shadow:0 0 30px rgba(0,0,0,.08);
    background-color:#fff;
    width:145px;
    padding:15px 0;
    z-index:10;
    border-top:2px solid #ffd12e;
    display:none;
    border-radius:0 0 5px 5px
}
.lang-header__dropdown:before{
    position:absolute;
    top:-25px;
    left:0;
    width:100%;
    height:25px
}
.lang-header__link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#75798d;
    font-size:13px;
    margin-bottom:15px;
    padding:0 20px
}
.lang-header__link.is-active,.lang-header__link:hover{
    color:#13141c
}
.lang-header__link .icon{
    width:16px;
    height:16px;
    margin-right:10px;
    opacity:.7;
    -o-transition:.2s;
    -webkit-transition:.2s;
    transition:.2s
}
.lang-header__link.is-active .icon,.lang-header__link:hover .icon,.starability-basic>input:not([disabled]):hover+label::before{
    opacity:1
}
.breadcrumbs__li,.lang-header:hover .lang-header__dropdown,.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{
    display:block
}
.b404{
    padding-top:100px;
    margin-bottom:50px
}
.b404__title{
    text-shadow:0 0 50px rgba(0,0,0,.1);
    color:#fff;
    font-size:360px;
    font-weight:900;
    line-height:260px;
    margin-bottom:100px
}
.b404__text{
    color:#13141c;
    font-size:20px;
    font-weight:700;
    line-height:24px;
    margin-bottom:20px
}
.b404__btn{
    border:1px solid #ffd12e;
    color:#fff;
    font-size:16px;
    padding:15px 30px;
    border-radius:5px;
    display:inline-block;
    -webkit-transition:.25s;
    -o-transition:.25s;
    transition:.25s;
    background:#ffd12e
}
.faq a,.update a{
    text-decoration:underline
}
.b404__btn:hover{
    border:1px solid #ffd12e;
    background:0 0;
    color:#ffd12e
}
.sharethis-inline-share-buttons{
    margin:30px 0 10px
}
#st-1 .st-total{
    color:#13141c!important;
    font-weight:400
}
#st-1 .st-total>span.st-shares{
    font-weight:400;
    font-size:13px;
    line-height:13px
}
.faq p,.update{
    line-height:28px
}
.update{
    font-size:15px;
    color:#13141c;
    margin-top:25px
}
.update span{
    color:#ed9e3c;
    font-weight:700
}
.update sup{
    color:#e52e2e;
    font-weight:700
}
.update .icon{
    width:20px;
    height:20px;
    margin:0 6px -5px 2px;
    border-radius:8px
}
.footer__copir,.footer__links{
    font-weight:400;
    font-size:13px
}
.faq h2,.spelling-bee-text__h1{
    font-weight:900;
    text-align:center
}
.footer{
    padding:20px 0 10px;
    background:#fff
}
.footer__top{
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:5px
}
.footer__logo{
    height:30px;
    display:block;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-bottom:10px
}
.footer__bottom{
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.footer__copir{
    color:#2c2f3e;
    line-height:12px
}
.footer__message{
    color:#9599ae;
    line-height:24px;
    text-align:center;
    font-size:13px;
    margin:20px auto 10px
}
.footer__links{
    color:#2c2f3e;
    line-height:12px;
    padding:0;
    margin:0;
    display:flex;
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center
}
.block-games-el__content,.breadcrumbs{
    display:-webkit-box;
    display:-ms-flexbox
}
.footer__links li{
    border-left:1px solid #75798d;
    line-height:18px;
    padding-left:10px;
    margin-left:10px;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.footer__links a{
    color:#2c2f3e
}
.breadcrumbs{
    padding:13px 0 0;
    margin:0;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.breadcrumbs__li:before{
    width:5px;
    height:5px;
    background:#13141c;
    border-radius:50%;
    display:inline-block;
    margin-bottom:1px;
    margin-left:7px;
    margin-right:5px
}
.breadcrumbs__link,.breadcrumbs__span{
    padding:4px 12px;
    border-radius:30px;
    font-size:12px
}
.faq li,.notice{
    border-radius:10px
}
.breadcrumbs__li:first-child:before{
    display:none
}
.breadcrumbs__link{
    color:#13141c;
    background:#e7ebf3
}
.breadcrumbs__link:hover{
    background:#ffd12e;
    color:#fff
}
.breadcrumbs__span{
    color:#6d7184;
    background:#ebeff7
}
.arrow{
    position:relative;
    left:calc(50% - 12px)
}
.arrow span{
    display:block;
    width:24px;
    height:24px;
    border-bottom:4px solid #ffd12e;
    border-right:4px solid #ffd12e;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-animation:2s infinite animate;
    animation:2s infinite animate
}
.arrow span:nth-child(2){
    -webkit-animation-delay:-.2s;
    animation-delay:-.2s
}
.arrow span:nth-child(3){
    -webkit-animation-delay:-.4s;
    animation-delay:-.4s
}
@-webkit-keyframes animate{
    0%{
        opacity:0;
        -webkit-transform:rotate(45deg) translate(-20px,-20px);
        transform:rotate(45deg) translate(-20px,-20px)
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:rotate(45deg) translate(20px,20px);
        transform:rotate(45deg) translate(20px,20px)
    }
}
@keyframes animate{
    0%{
        opacity:0;
        -webkit-transform:rotate(45deg) translate(-20px,-20px);
        transform:rotate(45deg) translate(-20px,-20px)
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:rotate(45deg) translate(20px,20px);
        transform:rotate(45deg) translate(20px,20px)
    }
}
.faq ol{
    padding:0;
    margin:0
}
.faq li{
    padding:15px 25px;
    margin:20px 0;
    background:#fff;
    -webkit-box-shadow:0 0 25px rgba(0,0,0,.1);
    box-shadow:0 0 25px rgba(0,0,0,.1)
}
.faq h2{
    color:#13141c;
    font-size:26px;
    margin-bottom:25px;
    margin-top:0
}
.faq h3{
    color:#13141c;
    font-size:18px;
    font-weight:700;
    margin:5px 0 0;
    line-height:26px
}
.faq p{
    font-size:15px;
    margin:10px 0 5px;
    color:#2b2e3a
}
.faq a{
    color:currentcolor
}
.faq li span,.notice a:hover,.spelling-bee-text a:hover,.spelling-bee-text ul li a{
    background:#2b2e3a;
    border-radius:20px;
    margin-right:7px;
    width:8px;
    height:8px;
    display:inline-block
}
.block-games-el__remove svg,.btn-el span svg{
    width:11px;
    height:11px
}
.faq li span.yellow{
    background:#f3c237!important
}
.faq li span.green{
    background:#79b851!important
}
.notice{
    font-size:13px;
    line-height:18px;
    text-align:left;
    padding:15px;
    background:#eef0f6
}
.dark-theme .notice{
    color:#c7c9da;
    background:#3f4253
}
.notice a{
    color:#edb51a
}
.spelling-bee-text__h1{
    color:#13141c;
    font-size:30px;
    margin-top:0;
    margin-bottom:10px
}
.spelling-bee-text h2.privacy__h2{
    color:#2b2e3a;
    font-size:15px;
    font-weight:400;
    line-height:24px;
    margin-top:0;
    margin-bottom:30px;
    text-align:center
}
.spelling-bee-text h2{
    color:#13141c;
    font-size:26px;
    font-weight:900;
    margin-bottom:25px;
    margin-top:40px
}
.spelling-bee-text h2:first-child{
    margin-top:0
}
.spelling-bee-text .info_text{
    text-align:center;
    margin:0
}
.spelling-bee-text .info_text_p{
    text-align:center;
    margin:5px 0 15px
}
.dark-theme .info_text_p{
    color:#dfe1f3
}
.dark-theme .block-games-el__title,.dark-theme .block-games__btn-text{
    color:#fff
}
.spelling-bee-text h3{
    color:#13141c;
    font-size:18px;
    font-weight:700;
    margin-top:20px;
    margin-bottom:10px
}
.spelling-bee-text blockquote{
    color:#75798d;
    font-size:15px;
    padding-left:0;
    margin:0 0 10px;
    line-height:28px;
    font-style:italic
}
.spelling-bee-text p{
    font-size:16px;
    line-height:28px;
    color:#2b2e3a
}
.spelling-bee-text p:after{
    clear:both;
    display:table
}
.spelling-bee-text p img{
    float:left;
    display:block;
    margin:0 15px 15px 0;
    max-width:50%
}
.spelling-bee-text p.center img{
    float:none;
    display:block;
    margin:15px auto 5px
}
.spelling-bee-text ul{
    padding:5px 0
}
.spelling-bee-text ul li{
    position:relative;
    padding-left:20px;
    font-size:16px;
    line-height:30px;
    color:#2b2e3a;
    margin-bottom:10px;
    display:block
}
.spelling-bee-text ul li:before{
    position:absolute;
    top:10px;
    left:0;
    width:8px;
    height:8px;
    background:#2b2e3a;
    border-radius:2px
}
.spelling-bee-text ul li sup{
    color:#e52e2e;
    font-weight:700;
    margin-left:3px
}
.spelling-bee-text__date{
    color:#75798d;
    font-size:15px;
    font-weight:400;
    font-style:italic;
    margin:25px 0
}
.spelling-bee-text>img{
    display:block;
    margin:25px auto;
    max-width:100%
}
.spelling-bee-text .ol{
    counter-reset:item;
    padding:0;
    margin:20px 0 0
}
.spelling-bee-text .ol li{
    display:block;
    position:relative;
    text-align:center;
    padding-top:70px;
    margin-bottom:25px;
    color:#2b2e3a;
    font-size:16px;
    line-height:24px
}
.spelling-bee-text .ol li h3{
    color:#13141c;
    font-size:20px;
    font-weight:700;
    line-height:30px;
    margin:0
}
.block-games,.block-progress,.block-progress__progress,.block-words-select{
    margin-left:auto;
    margin-right:auto
}
.block-games__btn,.block-games__el{
    margin-bottom:8px
}
.spelling-bee-text .ol li img{
    margin-top:10px;
    border-radius:10px;
    -webkit-box-shadow:0 0 30px rgba(0,0,0,.1);
    box-shadow:0 0 30px rgba(0,0,0,.1);
    max-width:100%
}
.spelling-bee-text .ol li span{
    color:#2b2e3a;
    font-size:16px;
    font-weight:400;
    display:block;
    line-height:30px
}
.spelling-bee-text .ol li:before{
    content:counters(item, ".") " ";
    counter-increment:item;
    width:55px;
    height:55px;
    -webkit-box-shadow:0 0 25px rgba(0,0,0,.1);
    box-shadow:0 0 25px rgba(0,0,0,.1);
    background-color:#fff;
    position:absolute;
    top:0;
    left:calc(50% - 27px);
    text-align:center;
    line-height:55px;
    border-radius:50%;
    color:#ffd12e;
    font-size:30px;
    font-weight:400
}
.section-games{
    padding:10px 0 30px
}
.block-games{
    max-width:410px;
    padding:0 7px;
    text-align:center
}
.block-games__btn{
    display:inline-block;
    cursor:pointer;
    border-radius:50px;
    padding:10px 16px;
    margin-bottom:12px;
    background:#ffd924;
    text-align:center
}
.dark-theme .block-games__btn{
    background:#464237
}
.block-games__btn:hover{
    padding:10px 20px;
    background:#ffe259
}
.dark-theme .block-games__btn:hover{
    background:#beaf68
}
.block-games__btn:active{
    padding:10px 24px;
    background:#ffe259
}
.block-games__close{
    display:block;
    color:#13141c;
    font-size:12px;
    text-decoration:none;
    text-align:center;
    padding:0 0 10px
}
.block-games-el__right,.chart table td{
    text-align:right
}
.block-games__btn-icon{
    margin-right:3px;
    width:12px;
    height:12px
}
.dark-theme .block-games__btn-icon{
    fill:#fff
}
.block-games__btn-text{
    color:#13141c;
    font-size:14px;
    font-weight:400
}
.block-games-el{
    display:block;
    border-radius:8px;
    background-color:#ecf1f9;
    border:2px solid #ecf1f9;
    position:relative;
    -webkit-transition:border .3s;
    -o-transition:border .3s;
    transition:border .3s
}
.block-games-el:hover,.dark-theme .block-games-el:hover{
    border:2px solid #c7ced9
}
.block-games-el.active{
    border:2px solid #ffd924
}
.block-games-el.completed{
    background-color:#f6efcd
}
.dark-theme .block-games-el{
    background-color:#5f637a;
    border:2px solid #5f637a
}
.dark-theme .block-games-el.active{
    border:2px solid #464237
}
.dark-theme .block-games-el.completed{
    background-color:#686553
}
.block-games-el__remove{
    position:absolute;
    top:50%;
    right:-18px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:pointer;
    user-select:none;
    font-size:0
}
.block-games-el__remove svg path{
    fill:#bbc5d5;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.block-games-el__remove:hover svg path{
    fill:#13141c
}
.checkbox-def__inp:checked+.checkbox-def__dec .checkbox-def__dec-icon path,.dark-theme .block-games-el__remove:hover svg path,.dark-theme .btn-el span svg,.dark-theme .footer__logo .st3,.dark-theme .header__logo .st3,.dark-theme .logo .letter,.dark-theme .shuffle-icon path{
    fill:#fff
}
.block-games-el__content{
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:15px 20px
}
.notifications,.rate{
    -ms-flex-align:center
}
.block-games-el__title{
    color:#13141c;
    font-size:18px;
    font-weight:700;
    letter-spacing:5px
}
.block-games-el__title span{
    color:#eec814
}
.block-games-el__val{
    color:#13141c;
    font-size:13px;
    font-weight:700;
    margin-bottom:5px!important
}
.block-games-el__info{
    color:#616586;
    font-size:13px
}
@media screeN and (max-width:500px){
    .block-games-el__title{
        font-size:17px
    }
    .block-games-el__info{
        font-size:13px
    }
}
.rate__numbers,.rate__title{
    line-height:24px;
    color:#13141c
}
.section--rate{
    background-color:#f5f2e3;
    padding:50px 0
}
.rate{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.rate__title{
    font-size:18px;
    font-weight:700;
    margin-right:15px
}
.rate__stars{
    height:24px
}
.rate__numbers{
    font-size:16px;
    font-weight:400;
    margin:0 13px 0 20px
}
#cursor,#testword,.block-words strong,.hex p,.rate__numbers b,.text-words,.wrap-article strong,strong{
    font-weight:700
}
.dwords,.hint__hidden,.jq-selectbox,.rate__votes{
    font-weight:400
}
.rate__numbers b{
    color:#13141c
}
.rate__votes{
    color:#8e8975;
    font-size:13px
}
.starability-basic{
    display:block;
    position:relative;
    width:160px;
    min-height:24px;
    padding:0;
    border:none;
    margin:0 auto
}
.starability-basic>input{
    position:absolute;
    margin-right:-100%;
    opacity:0
}
.starability-basic>input:checked~label,.starability-basic>input:focus~label,.starability-basic>input:not([disabled]):hover~label{
    background-position:0 0
}
.starability-basic>input:checked+label,.starability-basic>input:focus+label,.starability-basic>input:not([disabled]):hover+label,.starability-basic>label{
    background-position:0 -24px
}
.starability-basic>input[disabled]:hover+label{
    cursor:default
}
.block-progress,.block-words-select,.btn-el,.button,.checkbox-def,.checkbox-el__text,.checkbox-radio-def,.close-btn,.jq-selectbox,.jq-selectbox__dropdown li,.js-share,.modal-def__close,.scroll-element .scroll-arrow,.scroll-element .scroll-bar,.starability-basic>label{
    cursor:pointer
}
.starability-basic>label{
    position:relative;
    display:inline-block;
    float:left;
    width:32px;
    height:23px;
    font-size:.1em;
    color:transparent;
    background-image:url(../img/stars.svg);
    background-repeat:no-repeat
}
.starability-basic>label::before{
    position:absolute;
    display:block;
    height:24px;
    background-image:url(../img/stars.svg);
    background-position:0 24px;
    pointer-events:none;
    opacity:0
}
.starability-basic>label:nth-of-type(5)::before{
    width:128px;
    left:-128px
}
.starability-basic>label:nth-of-type(4)::before{
    width:96px;
    left:-96px
}
.starability-basic>label:nth-of-type(3)::before{
    width:64px;
    left:-64px
}
.starability-basic>label:nth-of-type(2)::before{
    width:32px;
    left:-32px
}
.starability-basic>label:first-of-type::before{
    width:0;
    left:0
}
.checkbox-def,.cursor,.hex,.hint,.scroll-wrapper{
    position:relative
}
.hint__hidden{
    position:absolute;
    bottom:calc(100% + 10px);
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    color:#fff;
    font-size:9px;
    padding:5px 10px;
    background:#161b25;
    border-radius:5px;
    white-space:nowrap;
    -o-transition:.2s;
    -webkit-transition:.2s;
    transition:.2s
}
.hint__hidden:after{
    position:absolute;
    top:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:0;
    height:0;
    border:5px solid transparent;
    border-top-color:#161b25
}
.scroll-textarea>.scroll-content>textarea,.scroll-wrapper>.scroll-content{
    max-width:none!important;
    overflow:scroll!important;
    position:relative!important;
    margin:0
}
.hint:hover .hint__hidden{
    opacity:1
}
.jq-select-multiple,.jq-selectbox{
    position:relative;
    display:inline-block
}
.jq-select-multiple select,.jq-selectbox select{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    opacity:0
}
select{
    border:none;
    opacity:0
}
.jq-select-multiple li,.jq-selectbox li{
    user-select:none
}
.checkbox-def,.checkbox-radio-def,.jq-selectbox__select-text,.modal-content__close{
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none
}
.jq-selectbox{
    z-index:10;
    position:relative;
    background:#fff;
    border-radius:5px;
    color:#75798d;
    font-size:14px;
    width:100%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.07);
    box-shadow:0 0 15px rgba(0,0,0,.07);
    -webkit-transition:-webkit-box-shadow .35s;
    -o-transition:box-shadow .35s;
    transition:box-shadow .35s,-webkit-box-shadow .35s;
    display:block
}
.jq-selectbox__dropdown li.sel,.jq-selectbox__dropdown li:hover,.scoreText{
    color:#13141c
}
.btn-el,.hex:active{
    -webkit-transition:.2s;
    -o-transition:.2s
}
.jq-selectbox__select-text{
    overflow:hidden;
    user-select:none;
    min-width:23px
}
.jq-selectbox.opened{
    border-radius:5px 5px 0 0
}
.jq-selectbox.error{
    -webkit-box-shadow:0 0 0 1px #d19894;
    box-shadow:0 0 0 1px #d19894;
    background-color:#fafbfe
}
.jq-selectbox label.error{
    display:none!important
}
.jq-selectbox:hover{
    -webkit-box-shadow:0 3px 5px rgba(0,0,0,.15);
    box-shadow:0 3px 5px rgba(0,0,0,.15)
}
.jq-selectbox__select{
    padding:0 20px 0 10px;
    height:25px;
    line-height:25px;
    position:relative
}
.jq-selectbox__trigger{
    position:absolute;
    top:0;
    right:0;
    width:18px;
    height:100%;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.jq-selectbox__dropdown{
    border-top:none;
    -webkit-box-shadow:0 10px 15px rgba(0,0,0,.07);
    box-shadow:0 10px 15px rgba(0,0,0,.07);
    background-color:#fff;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    border-radius:0 0 5px 5px
}
.jq-selectbox__dropdown ul{
    padding:0;
    margin:0
}
.jq-selectbox__dropdown li{
    display:block;
    padding:5px 10px
}
#already-found,#discoveredText,#invalid-word,#miss-center,#too-short,.jq-selectbox__dropdown li.disabled,.scroll-element{
    display:none
}
.jq-selectbox__dropdown .scroll-element.scroll-y{
    height:calc(100% - 20px);
    top:10px
}
.jq-selectbox__dropdown .scroll-content{
    max-height:390px!important
}
.scroll-wrapper{
    overflow:hidden!important;
    padding:0!important
}
.scroll-wrapper>.scroll-content{
    border:none!important;
    -webkit-box-sizing:content-box!important;
    box-sizing:content-box!important;
    height:auto;
    left:0;
    max-height:none;
    padding:0;
    top:0;
    width:auto!important
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar{
    height:0;
    width:0
}
.scroll-element,.scroll-element div{
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
.scroll-textarea{
    border:1px solid #ccc;
    border-top-color:#999
}
.scroll-textarea>.scroll-content{
    overflow:hidden!important
}
.scroll-textarea>.scroll-content>textarea{
    border:none!important;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:100%!important;
    max-height:none!important;
    outline:0;
    padding:2px;
    top:0;
    width:100%!important
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{
    height:0;
    width:0
}
.scroll-element,.scroll-element div{
    border:none;
    margin:0;
    padding:0;
    position:absolute;
    z-index:10
}
.scroll-element div{
    display:block;
    height:100%;
    left:0;
    top:0;
    width:100%
}
.scroll-element.scroll-x{
    bottom:2px;
    height:8px;
    left:0;
    width:100%
}
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{
    left:-12px
}
.scroll-element.scroll-y{
    height:100%;
    right:0;
    top:0;
    width:4px
}
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{
    top:-12px
}
.scroll-element .scroll-bar,.scroll-element .scroll-element_outer,.scroll-element .scroll-element_track{
    border-radius:4px
}
.scroll-element .scroll-bar{
    background-color:#e2e7f1
}
.dark-theme .scroll-element:hover .scroll-bar,.scroll-element.scroll-draggable .scroll-bar,.scroll-element:hover .scroll-bar{
    background-color:#ffd12e
}
.ripple{
    position:fixed;
    background:#ffd12e;
    border-radius:50%;
    width:5px;
    height:5px;
    -webkit-animation:.88s rippleEffect;
    animation:.88s rippleEffect
}
@-webkit-keyframes rippleEffect{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:.4
    }
    100%{
        -webkit-transform:scale(50);
        transform:scale(50);
        opacity:0
    }
}
@keyframes rippleEffect{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:.4
    }
    100%{
        -webkit-transform:scale(50);
        transform:scale(50);
        opacity:0
    }
}
.dark-theme,.dark-theme .footer,.dark-theme .gamb-hidden .dropdown-menu,.dark-theme .section--full.fixed,.dark-theme header{
    background-color:#13141c
}
.dark-theme .gamb span{
    background:#f0f1f9
}
.dark-theme .dropdown-menu,.dark-theme .gamb-hidden,.dark-theme .jq-selectbox__dropdown,.dark-theme .lang-header__dropdown,.dark-theme .lang-header__dropdown:before,.dark-theme .links__link,.dark-theme .menu-header__link--dropdown:before{
    background-color:#313448
}
.dark-theme .dropdown-menu__link,.dark-theme .faq p,.dark-theme .footer__copir,.dark-theme .footer__links a,.dark-theme .fullscreen,.dark-theme .headline__text,.dark-theme .lang-header__dropdown li,.dark-theme .lang-header__link,.dark-theme .menu-header__select .jq-selectbox__dropdown li,.dark-theme .rate__numbers,.dark-theme .rate__numbers b,.dark-theme .spelling-bee-text .ol li span,.dark-theme .spelling-bee-text h3,.dark-theme .spelling-bee-text p,.dark-theme .spelling-bee-text ul li,.dark-theme .theme-mode__text,.dark-theme .update{
    color:#dfe1f3
}
.dark-theme .menu-header__select .jq-selectbox__search input{
    border-color:#dfe1f3;
    color:#dfe1f3
}
.dark-theme .scroll-element .scroll-bar{
    background:#dfe1f3
}
.dark-theme .statistics__item,.dark-theme .text__bottom{
    background:#252839
}
.dark-theme .theme-mode__switch{
    background-color:#b3b7cd
}
.dark-theme .theme-mode__switch:after{
    background-color:#4d516d
}
.dark-theme .lang-header__title,.dark-theme .menu-header__link,.dark-theme .menu-header__select .jq-selectbox__select{
    color:#f0f1f9
}
.dark-theme .menu-header__link--dropdown .icon,.dark-theme .menu-header__select .jq-selectbox__trigger .icon{
    fill:#f0f1f9
}
.dark-theme .section--white{
    background-color:#1c1d28
}
.dark-theme .section--rate{
    background-color:#23253a
}
.dark-theme .rate__votes{
    color:#a6aac9
}
.dark-theme .fullscreen:hover,.dark-theme .lang-header__title:hover,.dark-theme .menu-header__link:hover,.dark-theme .menu-header__select .jq-selectbox__dropdown li:hover,.dark-theme .menu-header__select.opened .jq-selectbox__select{
    color:#ffd12e
}
.dark-theme .menu-header__link:hover .icon,.dark-theme .menu-header__select.opened .jq-selectbox__trigger .icon{
    fill:#ffd12e
}
.dark-theme .dropdown-menu__link:hover,.dark-theme .faq h2,.dark-theme .faq h3,.dark-theme .headline__title,.dark-theme .lang-header__link.is-active,.dark-theme .lang-header__link:hover,.dark-theme .links__link,.dark-theme .rate__title,.dark-theme .spelling-bee-text .ol li h3,.dark-theme .spelling-bee-text h2{
    color:#fff
}
.dark-theme .spelling-bee-text .ol li:before{
    background-color:#26293a
}
.dark-theme .breadcrumbs__li:before,.dark-theme .breadcrumbs__link,.dark-theme .breadcrumbs__span{
    background:#5a5e78;
    color:#f0f1f9
}
.dark-theme .breadcrumbs__link:hover{
    background:#ffd12e
}
.dark-theme .spelling-bee-text ul li:before{
    background:#cccfe3
}
.dark-theme .section--yellow{
    background:#3f3b30
}
.dark-theme #st-1 .st-total{
    color:#dfe1f3!important
}
.dark-theme .section--grey{
    background:#20222e
}
.dark-theme .faq li{
    background:#34374a;
    -webkit-box-shadow:none;
    box-shadow:none
}
.dark-theme .faq li span{
    background:#d3d6e4
}
@media (max-width:1199px){
    .spellbee-container{
        width:100%
    }
}
@media (max-width:991px){
    .dropdown-menu__li:hover,.lang-header__title:hover{
        background:#f5f6f9
    }
    .gamb.open span:nth-child(2),.lang-header,.lang-header:hover .lang-header__dropdown,.menu-header,.menu-header__li:hover .dropdown-menu,.menu-header__li:hover .menu-header__link--dropdown:before{
        display:none
    }
    .gamb{
        display:block;
        -ms-flex-item-align:center;
        align-self:center;
        margin-left:auto;
        width:26px;
        height:36px;
        -webkit-tap-highlight-color:transparent
    }
    .gamb span{
        background-color:#13141c;
        display:block;
        width:26px;
        height:2px;
        border-radius:3px;
        margin:8px 0;
        -webkit-transition:.5s;
        -o-transition:.5s;
        transition:.5s;
        position:relative
    }
    .gamb.open span:first-child{
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
        top:10px
    }
    .gamb.open span:last-child{
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .gamb-hidden{
        display:block;
        width:220px;
        min-height:calc(100% - 50px);
        background:#fff;
        position:absolute;
        right:-220px;
        top:50px;
        z-index:99;
        -webkit-transition:right .5s;
        -o-transition:right .5s;
        transition:right .5s;
        padding:0
    }
    .gamb-hidden .lang-header,.gamb-hidden .menu-header{
        display:block;
        margin:15px 0
    }
    .gamb-hidden.open{
        right:0;
        -webkit-box-shadow:-20px 0 20px rgba(0,0,0,.05);
        box-shadow:-20px 0 20px rgba(0,0,0,.05)
    }
    .lang-header{
        padding-top:10px;
        border-top:3px solid #eceff3
    }
    .lang-header__title{
        width:100%;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        padding:15px 20px;
        font-size:17px;
        font-weight:700;
        color:#2b2e3a
    }
    .lang-header__title .icon{
        width:14px;
        height:14px;
        margin-right:12px;
        margin-left:2px
    }
    .lang-header__dropdown{
        position:static;
        width:100%;
        border:none;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .lang-header__link{
        font-size:15px
    }
    .lang-header__link .icon{
        width:20px;
        height:20px
    }
    .menu-header__link{
        font-size:16px;
        padding:15px 20px;
        font-weight:700
    }
    .menu-header__li{
        display:block
    }
    .dropdown-menu{
        position:static;
        width:100%;
        padding:15px 12px;
        -webkit-box-shadow:none;
        box-shadow:none;
        background:#f5f7fb
    }
    .dropdown-menu__li{
        display:block;
        margin-bottom:15px
    }
    .dropdown-menu__link{
        font-size:15px;
        padding:0 10px
    }
    .dropdown-menu__list{
        max-height:290px
    }
    .menu-header--right:before{
        content:"";
        display:block;
        width:90%;
        height:3px;
        background-color:#eceff3;
        margin:20px 0 20px 10%
    }
    .menu-header__link--dropdown .icon-down-arrow{
        width:14px;
        height:14px
    }
    .statistics__arrow{
        right:0
    }
    .fullscreen:hover{
        color:#2b2e3a
    }
}
@media (max-width:767px){
    .gamb{
        margin-right:10px
    }
    .game-item{
        width:160px!important;
        margin:10px!important
    }
    .game-item__img{
        height:107px!important
    }
    .game-item__title{
        font-size:16px!important
    }
    .headline__title{
        font-size:25px
    }
    .headline__text{
        font-size:14px
    }
    .statistics__number span{
        min-width:0
    }
    .statistics__number{
        font-size:38px
    }
    .statistics__title{
        font-size:10px
    }
    .statistics__arrow{
        right:0;
        top:8px
    }
    .statistics__arrow--down{
        top:38px
    }
    .statistics__arrow .icon{
        width:16px;
        height:16px
    }
    .links__link{
        width:calc(50% - 24px);
        font-size:12px;
        text-align:left
    }
    .spelling-bee-text h2{
        font-size:22px
    }
    .section{
        padding:20px 0
    }
    .spelling-bee-text .ol li{
        padding-top:60px
    }
    .spelling-bee-text .ol li h3{
        font-size:16px
    }
    .spelling-bee-text .ol li span,.spelling-bee-text p{
        font-size:15px;
        line-height:24px
    }
    .spelling-bee-text .ol li:before{
        width:45px;
        height:45px;
        line-height:45px;
        font-size:25px;
        left:calc(50% - 22px)
    }
    .spelling-bee-text ul li{
        padding-left:25px;
        font-size:14px;
        line-height:24px;
        margin-bottom:15px
    }
    .spelling-bee-text ul li:before{
        width:8px;
        height:8px
    }
    .rate{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .rate__title{
        width:100%;
        text-align:center;
        margin-right:0;
        margin-bottom:10px
    }
    .section--full.fixed{
        padding:10px 0
    }
    .breadcrumbs{
        display:none
    }
    .footer{
        padding:20px 0 25px
    }
    .modal-def__wrap{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        padding-top:0!important
    }
}
@media (max-width:479px){
    .footer__bottom{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .footer__copir{
        margin-bottom:10px
    }
    .footer__links li:first-child{
        border-left:0;
        padding-left:0;
        margin-left:0
    }
    .spelling-bee-text .ol li img{
        margin-top:10px;
        border-radius:10px;
        -webkit-box-shadow:0 0 30px rgba(0,0,0,.1);
        box-shadow:0 0 30px rgba(0,0,0,.1);
        width:100%
    }
    .banner{
        margin:0 auto
    }
    .banner_middle_mobile{
        display:block
    }
}
@media (max-width:375px){
    .rate__votes{
        line-height:36px
    }
    .links__link{
        width:100%
    }
    .btn-el{
        padding:10px 6px!important
    }
}
.container-2{
    display:flex;
    -ms-flex-pack:center;
    -webkit-box-pack:center;
    justify-content:center
}
#hexGrid{
    display:grid;
    grid-gap:6px;
    width:250px;
    margin:0 auto;
    font-size:.9em;
    min-height:281px;
    grid-template-columns:repeat(6,2fr);
    padding-bottom:60px
}
.hexGrid-wrap{
    min-height:376px
}
.hex{
    grid-column-end:span 2;
    -webkit-tap-highlight-color:none
}
.hexIn,.hexLink{
    -webkit-tap-highlight-color:transparent;
    width:100%
}
.hex:active{
    -webkit-transform:scale(.86);
    -ms-transform:scale(.86);
    transform:scale(.86);
    transition:.2s
}
.hexIn,.hexIn *{
    position:absolute
}
.hex::after{
    display:block;
    padding-bottom:86.602%
}
.hexIn{
    padding-bottom:115.47%;
    -webkit-transform:rotate3d(0,0,1,-60deg) skewY(30deg);
    -ms-transform:rotate3d(0,0,1,-60deg) skewY(30deg);
    transform:rotate3d(0,0,1,-60deg) skewY(30deg)
}
.hexIn *{
    visibility:visible
}
.hexLink{
    display:block;
    height:100%;
    background-color:#e9e6d7;
    -webkit-transform:skewY(-30deg) rotate3d(0,0,1,60deg);
    -ms-transform:skewY(-30deg) rotate3d(0,0,1,60deg);
    transform:skewY(-30deg) rotate3d(0,0,1,60deg)
}
#center-letter{
    background-color:#ffd924
}
input[type=text]{
    background:0 0;
    border:none
}
.hex p{
    width:100%;
    padding:40%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background-color:transparent;
    font-size:1.6em
}
#cursor,#testword{
    font-size:30px
}
.hex:nth-child(5n+1){
    grid-column-start:2
}
.hex:nth-child(5n+3){
    grid-column-start:1
}
#testword{
    height:50px;
    padding-top:3px
}
#cursor,#testword .middle,.text-words span{
    color:#ffd924
}
.dark-theme #testword .middle,.dark-theme .text-words span,.wrap-article a{
    color:#c79919
}
.cursor{
    margin:0 auto
}
.cursor p{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    -webkit-box-pack:center;
    justify-content:center
}
.scoreText{
    font-size:14px;
    margin-bottom:8px
}
.dark-theme .scoreText{
    color:#c6c8d5
}
ul li{
    line-height:30px;
}
#shuffle_button{
    padding:10px;
    line-height:4px
}
#shuffle_button img{
    width:24px
}
.button_container{
    display:-webkit-inline-flex;
    margin-bottom:5vh;
    width:300px;
    height:10%
}
.button{
    background-color:#fff;
    border:2px solid #e7e7e7;
    margin:0 auto;
    color:#000;
    padding:0 15px;
    display:inline-block;
    font-size:15px;
    border-radius:30px
}
.checkbox-def__dec,.checkbox-radio-def__dec{
    border-style:solid;
    border-color:#bac0cc;
    top:0
}
.button:hover{
    background-color:#e7e7e7;
    color:#000;
    border:2px solid #e7e7e7
}
#amazing,#good,#great,#pangram{
    display:None;
    background-color:#9fca46;
    color:#fff
}
.checkbox-def__dec,.notifications{
    border-radius:3px;
    display:-webkit-box
}
.notifications{
    background-color:#000;
    color:#fff;
    display:-ms-flexbox;
    display:flex;
    padding:5px 10px;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:12px
}
.checkbox-def__dec,.checkbox-radio-def__dec{
    border-width:1px;
    background-color:rgba(255,255,255,0);
    font-size:0;
    left:0
}
.checkbox-def{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    display:block;
    user-select:none;
    width:22px;
    height:22px
}
.checkbox-def__inp,.checkbox-radio-def__inp{
    position:absolute;
    bottom:0;
    left:0;
    width:.1px;
    height:.1px;
    z-index:-1;
    visibility:hidden
}
.checkbox-def__dec{
    position:absolute;
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.checkbox-def__dec-icon{
    opacity:0;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.checkbox-radio-def__dec,.checkbox-radio-def__dec-circle{
    border-radius:100%;
    -webkit-transition:.3s;
    -o-transition:.3s
}
.checkbox-def__inp:checked+.checkbox-def__dec{
    background-color:#4ec050;
    border-color:#4ec050
}
.checkbox-def__inp:checked+.checkbox-def__dec .checkbox-def__dec-icon,.stats-reset a:hover{
    opacity:1
}
.checkbox-radio-def{
    position:relative;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    display:block;
    user-select:none;
    width:22px;
    height:22px
}
.checkbox-el,.checkbox-radio-def__dec{
    display:-webkit-box;
    display:-ms-flexbox
}
.checkbox-radio-def__dec{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    transition:.3s;
    padding:2px
}
.checkbox-radio-def__dec-circle{
    width:100%;
    height:100%;
    display:block;
    background-color:#dfe3ec;
    transition:.3s;
    opacity:0
}
.checkbox-radio-def__inp:checked+.checkbox-radio-def__dec{
    border-color:#4ec050
}
.checkbox-radio-def__inp:checked+.checkbox-radio-def__dec .checkbox-radio-def__dec-circle{
    background-color:#4ec050;
    opacity:1
}
.checkbox-el{
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.close-btn,.modal-def__wrap{
    display:-webkit-box;
    display:-ms-flexbox
}
.checkbox-el__text{
    font-weight:400;
    font-size:14px;
    color:#13141c;
    margin-left:10px;
    text-align:left;
    line-height:1.5;
    margin-top:1px
}
.dark-theme .checkbox-el__text,.dark-theme .wrap-article p,.dark-theme .wrap-article ul li{
    color:#fafbff
}
@media screen and (min-width:768px){
    .checkbox-el:hover .checkbox-def__dec-icon,.checkbox-el:hover .checkbox-radio-def__dec-circle{
        opacity:1
    }
}
.block-checkboxes__el{
    margin-bottom:11px
}
.block-checkboxes__el:last-child,.wrap-article p:last-child,.wrap-article ul li:last-child{
    margin-bottom:0
}
.close-btn{
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:0
}
.overlay{
    opacity:.2;
    background-color:#000
}
.dark-theme .overlay{
    opacity:.4
}
.modal-def{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow-y:auto;
    z-index:999
}
.modal-def__wrap{
    min-height:100%;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    padding-top:100px;
    overflow:hidden
}
.modal-def__content{
    position:relative;
    z-index:10;
    width:100%
}
.modal-def__overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
.modal-content{
    max-width:342px;
    width:100%;
    -webkit-box-shadow:0 0 15% 0 #000;
    box-shadow:0 0 15% 0 #000;
    background-color:#fff;
    overflow:hidden;
    border-radius:15px
}
.dark-theme .modal-content{
    background-color:#5f647f
}
.modal-content__top{
    position:relative;
    padding:12px 10px;
    text-align:center;
    background-color:#f1f4f9
}
.dark-theme .modal-content__top{
    background-color:#272a40
}
.modal-content__title{
    color:#13141c;
    font-size:16px;
    font-weight:700
}
.dark-theme .btn-el svg,.dark-theme .modal-content__title,.dark-theme .text-words{
    color:#fff
}
.modal-content__close{
    position:absolute;
    top:50%;
    -webkit-transform:translatey(-50%);
    -ms-transform:translatey(-50%);
    transform:translatey(-50%);
    right:10px;
    width:30px;
    height:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:0;
    user-select:none;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.modal-content__close-icon{
    width:12px;
    height:12px;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.modal-content__close-icon path{
    fill:#667183;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.dark-theme .modal-content__close-icon path,.dark-theme .modal-content__close:hover path{
    fill:#b3b9d0
}
.modal-content__close:hover .modal-content__close-icon{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.modal-content__close:hover path{
    fill:#394558
}
.modal-content__body{
    padding:13px 21px 18px
}
.dark-theme .modal-content__body{
    background:#3a3d52
}
.modal-content__words{
    text-align:center;
    margin-bottom:8px
}
.modal-content__info{
    color:#5e636f;
    font-size:13px;
    font-weight:400;
    text-align:center;
    margin-bottom:17px;
    line-height:1.5
}
.dark-theme .modal-content__info{
    color:#dde0ed
}
.modal-content__title2{
    text-align:center;
    margin-bottom:3px
}
.modal-content__checkboxes{
    margin-bottom:13px
}
.btn-el{
    padding:10px 8px;
    transition:.2s;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.block-btns,.top-menu__content{
    display:-webkit-box;
    display:-ms-flexbox
}
.btn-el span{
    color:#000;
    background:#e9c415;
    font-size:14px;
    margin-left:8px;
    border-radius:10px;
    padding:6px 7px;
    -webkit-transition:.2s;
    -o-transition:.2s;
    transition:.2s
}
.dark-theme .btn-el span{
    color:#fff;
    background:#5e5849
}
.btn-el span svg{
    fill:#000;
    margin-bottom:-2px
}
.btn-el svg{
    width:26px;
    height:26px;
    color:#000
}
.btn-el:hover{
    background-color:#edc818;
    opacity:.8
}
.btn-el span:hover{
    background-color:#d9b409
}
.dark-theme .btn-el span:hover{
    background-color:#797260
}
.btn-el.spellbee:hover,.dark-theme .btn-el.spellbee:hover{
    background-color:transparent;
    opacity:1
}
.dark-theme .btn-el:hover{
    background-color:#555044;
    opacity:.8
}
.block-btns{
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.top-menu{
    background-color:#ffd924;
    font-size:0
}
.dark-theme .top-menu{
    background-color:#464237
}
.dark-theme .block-progress__progress-el,.dark-theme .block-progress__progress-el:not(:first-child)::after{
    background-color:#4f536b
}
.text-info,.top-menu__btnText,.top-menu__text{
    font-size:14px;
    font-weight:400
}
.top-menu__content{
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:center;
}
.top-menu__btnText{
    color:#13141c;
    height:100%;
    font-weight:700
}
.dark-theme .top-menu__btnText,.dark-theme .top-menu__text{
    color:#dfe2f2
}
.block-words__ul li::after,.wrap-article ul li::after{
    top:7px;
    left:0;
    border-radius:50%;
    background-color:#13141c;
    height:7px
}
.dark-theme .wrap-article ul li::after{
    background-color:#fafbff
}
.top-menu__text{
    color:#13141c;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.top-menu__left,.top-menu__right{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.text-notice{
    color:#21232f;
    text-align:center;
    font-size:12px;
    line-height:18px
}
.text-info{
    color:#fefbe8;
    line-height:1.5;
    background-color: #ffd92445;
}
.wrap-article ul li{
    border-bottom:0;
    line-height:inherit;
    padding-left:15px;
    position:relative;
    margin-bottom:3px;
    color:#430d0d;
}
.dark-theme .block-words__ul li{
    border-bottom:1px solid #616789!important;
    color:#e5e7f5
}
.wrap-article p{
    margin-bottom:10px;
    color: black;
}
.wrap-article ul{
    text-align:left;
    margin-bottom:15px
}
.wrap-article ul li::after{
    position:absolute;
    width:7px
}
.text-words{
    color:#21232f;
    font-size:20px
}
.block-words{
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.block-words__ul{
    width:100%;
    display:inline-block;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    text-align:left;
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
    height:auto!important
}
.block-progress{
    display:flex;
    max-width:490px;
    padding:0 15px;
    margin-top:8px
}
.block-words__ul li{
    line-height:inherit;
    padding-left:5px;
    border-bottom:1px solid #dcdfeb!important;
    position:relative;
    margin-bottom:5px;
    padding-right:0
}
.block-progress__text{
    display:inline-block;
    color:#13141c;
    font-size:15px;
    font-weight:400;
    text-align:left;
    padding:6px 0 0;
    width:100px
}
.block-progress__text span{
    color:#5e6176;
    font-size:12px
}
.dark-theme .block-progress__text{
    color:#fff
}
.dark-theme .block-progress__text span{
    color:#c9cbda
}
.block-progress__progress{
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:380px;
    padding:15px 13px;
    overflow:hidden
}
.block-progress__progress-el{
    height:10px;
    width:10px;
    border-radius:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#13141c;
    font-size:15px;
    font-weight:400;
    background-color:#d8dee9;
    position:relative
}
.block-progress__progress-el:not(:first-child)::after{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    right:100%;
    width:37px;
    height:1px;
    background-color:#d8dee9
}
.block-progress__progress-el span{
    position:relative;
    z-index:10;
    display:none
}
.block-progress__progress-el.active,.block-progress__progress-el.active::after,.block-progress__progress-el.before,.block-progress__progress-el.before::after{
    background-color:#ffd924!important
}
.dark-theme .block-progress__progress-el.active,.dark-theme .block-progress__progress-el.active::after,.dark-theme .block-progress__progress-el.before,.dark-theme .block-progress__progress-el.before::after{
    background-color:#c79919!important
}
.block-progress__progress-el.active::before{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    width:34px;
    height:34px;
    border-radius:100%;
    z-index:1;
    background-color:#ffd924
}
.block-progress__progress-el.genius::before{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    width:34px;
    height:34px;
    border-radius:100%;
    z-index:1;
    background-color:#e6ebf3
}
.dark-theme .block-progress__progress-el.active::before{
    background-color:#c79919
}
.dark-theme .block-progress__progress-el.genius::before{
    background-color:#3f435d
}
.block-progress__progress-el.active span,.block-progress__progress-el.genius span{
    display:block;
    font-weight:400
}
.dark-theme .block-progress__progress-el span,.dark-theme .game-item__title,.dark-theme .stats .item .val{
    color:#fff
}
.dark-theme .block-progress__progress-el.genius span{
    color:#c9cce0!important
}
.block-words-select,.block-words-select__text{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    width:100%
}
.block-words-select{
    max-width:460px;
    margin-top:10px;
    position:relative;
    z-index:100;
    user-select:none
}
.block-words-select__content{
    border-radius:10px;
    background-color:#eef2f8;
    position:relative;
    padding:10px 40px 10px 15px;
    min-height:40px
}
.block-words-select__arr{
    position:absolute;
    top:17px;
    right:14px;
    z-index:100
}
.block-words-select__text{
    font-size:15px;
    font-weight:400;
    color:#8a9099;
    position:absolute;
    top:0;
    left:15px;
    right:40px;
    padding-right:55px;
    height:40px;
    line-height:40px;
    display:inline-block;
    overflow:hidden;
    user-select:none
}
.block-words-select__dropdown-els li,.block-words-select__text-hide,.block-words-select__text.active{
    color:#424556;
    text-transform:capitalize
}
.dark-theme .block-words-select__dropdown-els li,.dark-theme .block-words-select__dropdown-title,.dark-theme .block-words-select__text-hide,.dark-theme .block-words-select__text.active{
    color:#dcdeee
}
.block-words-select__text-hide{
    font-size:14px;
    font-weight:400;
    line-height:1.55;
    word-break:break-all;
    display:none;
    position:relative;
    background-color:#ecf1f9;
    z-index:20;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.block-words-select__dropdown{
    display:none;
    background-color:#eef2f8;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:10;
    padding:10px 15px;
    border-radius:10px
}
.dark-theme .block-words-select__dropdown{
    background-color:#242738
}
.block-words-select__dropdown-title{
    color:#13141c;
    font-size:15px;
    margin:2px 0 20px
}
.block-words-select__dropdown-title span.total{
    font-weight:700
}
.block-words-select__dropdown-els{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:-15px
}
.block-words-select__dropdown-els li{
    font-size:15px;
    border-bottom:1px solid #cdd7e6!important;
    width:calc(25% - 10px);
    margin:0 5px 15px;
    text-align:left;
    padding-left:8px;
    line-height:1;
    padding-bottom:5px
}
.dark-theme .block-words-select__dropdown-els li{
    border-bottom:1px solid #454961!important
}
.cursor{
    height:60px
}
.js-share{
    display:block;
    margin:0 auto;
    padding:10px 15px;
    background:#ffd924;
    color:#13141c;
    border:none;
    border-radius:8px;
    font-size:14px
}
.games{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:center;
    margin-top:10px
}
.game-item{
    width:200px;
    margin:15px;
    text-decoration:none;
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.07);
    border-radius:10px
}
.dark-theme .game-item{
    background:#4c5066
}
.dark-theme .game-item__text{
    color:#c8cde2
}
.dark-theme .game-item__play{
    color:#fff;
    background:#4c5066;
    border:1px solid #d7d8e2
}
.dark-theme .game-item:hover .game-item__play{
    color:#fff;
    background:#57ac57;
    border:1px solid #57ac57
}
.game-item-list{
    width:290px!important
}
.game-item:hover{
    box-shadow:0 5px 20px rgba(0,0,0,.15)
}
.game-item:hover .game-item__title{
    color:#57ac57
}
.game-item:hover .game-item__play{
    color:#fff;
    background:#57ac57;
    border:1px solid #57ac57
}
.game-item:hover .game-item__img img{
    transform:scale(1.15)
}
.game-item__img{
    height:133px;
    overflow:hidden;
    border-radius:10px 10px 0 0
}
.game-item__img img{
    display:block;
    max-width:100%;
    transition:transform .35s;
    transform:scale(1)
}
.game-item__info{
    padding:10px 15px 15px;
    text-align:center
}
.game-item__title{
    color:#13141c;
    font-size:20px;
    font-weight:700;
    margin-bottom:5px;
    transition:.3s
}
.game-item__text{
    color:#7e8399;
    font-size:13px;
    line-height:18px;
    margin-bottom:10px
}
.game-item__text span{
    color:#413732;
    font-size:13px;
    padding:2px 6px;
    margin-bottom:4px;
    border-radius:5px;
    background:#e7dbd6;
    border-bottom:1px solid #baa095
}
.game-item__play{
    color:#13141c;
    font-size:16px;
    font-weight:700;
    background:#fff;
    padding:8px 54px;
    border-radius:50px;
    transition:.3s;
    border:1px solid #c5c6ce
}
.game-item__rate{
    color:#57422d;
    font-size:14px;
    font-weight:700;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.game-item__rate img{
    height:16px;
    margin-right:8px
}
.stats{
    margin:5px 0;
    padding:0;
    display:flex;
    --items:2;
    justify-content:space-around
}
.stats .item{
    width:calc(50% - 15px);
    margin-bottom:10px;
    margin-left:0;
    text-align:center;
    background:#ffd92445;
    padding:7px;
    border-radius:8px;
    min-height:88px
}
.stats .item .val{
    color:#21232f;
    font-size:36px;
    font-weight:700
}
.dark-theme .stats .item{
    background:#24273b
}
.stats .item .desc{
    color:#474d5a;
    font-size:11px;
    line-height:16px
}
.dark-theme .stats .item .desc{
    color:#b6bad4
}
.chart .main_title{
    font-size:15px;
    font-weight:700;
    margin-bottom:10px;
    color: red;
    
}
.chart table{
    width:100%;
    border-collapse:collapse
}
.chart table td{
    font-size:14px;
    font-weight:700;
    vertical-align:middle
}
.chart table tr+tr td{
    padding-top:13px
}
.chart table td:nth-child(2){
    width:100%
}
.chart table td.number{
    padding-right:14px;
    color: black;
}
.chart table td.amount{
    font-weight:700;
    text-align:left;
    padding-left:10px;
    color:blue;
}
.chart table td .percentage,.chart table td .percentage span{
    color:#13141c;
    font-size:12px;
    font-weight:400;
    border-radius:50px
}
.chart table td .percentage{
    line-height:23px;
    position:relative;
    display:block;
    width:100%;
    height:6px;
    padding:0 10px;
    background:#e7ebf2
}
.dark-theme .chart table td .percentage{
    color:#c0c3d6;
    background:#40445c
}
.chart table td .percentage span{
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    padding:3px 0;
    text-align:left;
    background:#f9d943
}
.stats-share{
    margin:25px 0 15px
}
.stats-reset a{
    margin:5px 0;
    color:#000!important;
    opacity:.7;
    text-align:center
}
@media screen and (max-width:768px){
    .block-progress__progress{
        max-width:100%
    }
}
@media screen and (max-width:500px){
    .block-progress{
        width:100%
    }
    .block-progress__progress-el:not(:first-child)::after{
        width:30px
    }
    .block-words-select{
        max-width:450px;
        padding:0 15px
    }
    .block-progress__text,.block-words-select__dropdown-els li,.block-words-select__dropdown-title,.block-words-select__text,.btn-el span,.top-menu__btnText{
        font-size:14px
    }
}
@media screen and (max-width:390px){
    .block-progress__text span{
        font-size:11px
    }
}