.clicks-zone{
    position:relative;
    background:#fff;
    -webkit-box-shadow:0 0 40px rgba(0,0,0,.1);
    box-shadow:0 0 40px rgba(0,0,0,.1);
    border-radius:0 0 10px 10px;
    min-height:400px;
    margin-bottom:25px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden
}
.clicks-zone__clicks{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer
}
.clicks-zone__start{
    max-height:200%;
    opacity:1;
    text-align:center;
    -webkit-transition:all .35s 0s,opacity .35s;
    transition:all .35s 0s,opacity .35s
}
.clicks-zone__start.hide{
    max-height:0;
    overflow:hidden;
    opacity:0;
    pointer-events:none
}
.clicks-zone__start .icon{
    display:block;
    width:86px;
    height:86px;
    fill:#d7dae8;
    margin:0 auto 25px
}
.clicks-zone__start-title{
    color:#d0d4e6;
    font-size:16px;
    font-weight:700;
    line-height:24px;
    text-transform:uppercase
}
.result-clicks{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-height:0;
    overflow:hidden;
    opacity:0;
    -webkit-transition:all 0s,opacity .35s;
    transition:all 0s,opacity .35s
}
.result-clicks.open{
    max-height:200%;
    opacity:1;
    width:100%;
    padding:30px
}
.result-clicks__title{
    color:#21232f;
    font-size:36px;
    font-weight:700;
    margin-bottom:5px;
    text-align:center
}
.result-clicks__text{
    color:#474b5c;
    font-size:20px;
    font-weight:400;
    margin-bottom:5px;
    line-height:32px;
    text-align:center
}
.double__clicks{
    font-size:24px;
    margin-bottom:30px
}
.text__bottom{
    font-size:18px;
    margin-bottom:20px;
    line-height:26px;
    background:#373d4a;
    border-radius:5px;
    padding:7px 10px;
    color:#ced3de
}
.result-clicks__text span{
    font-weight:700
}
.result-clicks__text span.speed{
    color:#ffa31a;
    font-weight:900
}
.result-clicks__img{
    margin-bottom:20px
}
.result-clicks__img img{
    display:block;
    max-height:100%;
    border-radius:15px;
    min-height:150px;
    max-height:200px
}
.result-clicks__share{
    margin-top:20px
}
.result-clicks__share-title{
    color:#21232f;
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
    text-align:center
}
.result-clicks__share-content{
    display:flex;
    justify-content:center
}
.result-clicks__btn{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#8174e5;
    color:#fff !important;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    border-radius:10px;
    padding:18px 30px;
    text-transform:uppercase;
    border-bottom:5px solid #5d4dd4
}
.result-clicks__btn .icon{
    width:20px;
    height:20px;
    fill:currentColor;
    margin-right:7px;
    margin-top:-1px
}
.result-clicks__btn:hover{
    background:#7063d8
}
.share{
    background:#17a4e7;
    border-bottom:5px solid #0d89c4
}
.share:hover{
    background:#0597dc
}
.share-block{
    display:block;
    text-align:center;
    margin-bottom:25px
}
.share-block h2{
    margin:25px 0 10px 0
}
.share-buttons{
    display:block;
    text-align:center
}
.share-button{
    display:inline-block;
    margin:8px 5px;
    padding:16px 26px;
    font-size:14px;
    font-weight:700;
    color:#fff !important;
    border-radius:10px;
    text-transform:uppercase;
    text-decoration:none;
    -webkit-transition:all .2s;
    transition:all .2s
}
.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:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:15px
}
.theme-mode{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.theme-mode__switch{
    display:block;
    position:relative;
    width:42px;
    height:22px;
    background-color:#474b5c;
    margin-right:10px;
    border-radius:20px
}
.theme-mode__switch:after{
    content:'';
    position:absolute;
    top:3px;
    left:4px;
    width:16px;
    height:16px;
    background:#fff;
    border-radius:50%;
    -webkit-transition:all .35s;
    transition:all .35s
}
.theme-mode__switch.on:after{
    left:calc(100% - 20px)
}
.theme-mode__text{
    color:#474b5c;
    font-size:14px
}
.fullscreen{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#474b5c;
    font-size:15px;
    text-decoration:none
}
.fullscreen .icon{
    display:block;
    width:16px;
    height:16px;
    fill:currentColor;
    margin-right:10px;
    margin-top:2px
}
.fullscreen:hover{
    color:#9169eb
}
.advert{
    display:flex
}
.advert a{
    margin:0 auto;
    padding:8px 35px;
    font-size:15px;
    text-align:center;
    text-decoration:none;
    background:#fff;
    color:#373d4a;
    font-weight:700;
    border-radius:8px;
    box-shadow:0 4px #d4d9e3
}
.advert a:hover{
    color:#ff8c3a
}
.advert sup{
    color:#ff8c3a
}
.statistics{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.statistics__item{
    position:relative;
    width:33%;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    text-align:center;
    padding:8px;
    background:#373d4a
}
.statistics__item input{
    width:14px;
    height:14px;
    margin-right:8px
}
.statistics__item--timer{
    border-radius:10px 0 0 0;
    border-bottom:5px solid #9e92ff
}
.statistics__item--timer .statistics__title{
    color:#9e92ff
}
.statistics__item--clicks{
    border-bottom:5px solid #ffe52a
}
.statistics__item--clicks .statistics__title{
    color:#ffe52a
}
.statistics__item--score{
    border-bottom:5px solid #8ee340;
    border-radius:0 10px 0 0
}
.statistics__item--score .statistics__title{
    color:#8ee340
}
.number_timer{
    color:#9e92ff;
    text-shadow:1px 1px #6c55eb,2px 2px #6c55eb,3px 3px #6c55eb,4px 4px #6c55eb
}
.number_clicks{
    color:#ffe52a;
    text-shadow:1px 1px #b98046,2px 2px #b98046,3px 3px #b98046,4px 4px #b98046
}
.number_score{
    color:#8ee340;
    text-shadow:1px 1px #0c9430,2px 2px #0c9430,3px 3px #0c9430,4px 4px #0c9430
}
.statistics__number{
    font-size:54px;
    font-weight:900;
    margin-bottom:5px
}
.statistics__number span{
    min-width:150px;
    display:inline-block
}
.statistics__title{
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase
}
.statistics__arrow{
    position:absolute;
    top:18px;
    right:30px;
    width:30px;
    height:30px;
    color:#746ac6;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.statistics__arrow .icon{
    display:block;
    width:20px;
    height:20px;
    fill:currentColor
}
.statistics__arrow--down{
    top:48px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.statistics__arrow--down .icon{
    -webkit-transform:scale(-1);
    transform:scale(-1)
}
.statistics__arrow:hover{
    color:#9e92ff
}
.header{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.05);
    box-shadow:0 0 20px rgba(0,0,0,.05);
    background-color:#fff
}
.header__wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.header__logo{
    display:block;
    width:180px;
    height:34px;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-right:10px;
    -ms-flex-item-align:center;
    align-self:center
}
.header__logo:hover{
    opacity:.7
}
.header__logo img{
    display:block;
    width:100%
}
.menu-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0;
    margin:0
}
.menu-header__li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    height:100%
}
.menu-header__li:hover .menu-header__link--dropdown:before{
    display:block
}
.menu-header__li:hover .dropdown-menu{
    display:block
}
.menu-header__link{
    color:#474b5c;
    font-size:14px;
    font-weight:700;
    line-height:24px;
    text-decoration:none;
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.menu-header__link:before{
    content:'';
    position:absolute;
    top:calc(100% - 2px);
    left:0;
    width:100%;
    border-top:2px solid #9169eb;
    display:none
}
.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:#474b5c;
    margin-left:7px
}
.menu-header__link:hover{
    color:#9169eb
}
.menu-header__link:hover:before{
    display:block
}
.menu-header__link:hover .icon{
    fill:#9169eb
}
.dropdown-menu{
    position:absolute;
    top:calc(100% + 5px);
    left:0;
    width:200px;
    background:#fff;
    border-radius:0 5px 5px 5px;
    margin:0;
    z-index:1;
    padding:20px 15px 20px;
    display:none;
    -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__li:last-child{
    margin-bottom:0
}
.dropdown-menu__link{
    color:#474b5c;
    font-size:14px;
    text-decoration:none
}
.dropdown-menu__link:hover{
    color:#9169eb
}
.lang-header{
    margin-left:auto;
    position:relative
}
.lang-header__title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#21232f;
    font-size:14px;
    text-decoration:none;
    width:125px;
    text-align:center;
    -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__title:hover{
    color:#8863dd
}
.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 #8863dd;
    display:none;
    border-radius:0 0 5px 5px
}
.lang-header__dropdown:before{
    content:'';
    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;
    text-decoration:none;
    margin-bottom:15px;
    padding:0 20px
}
.lang-header__link:last-child{
    margin-bottom:0
}
.lang-header__link .icon{
    width:16px;
    height:16px;
    margin-right:10px;
    opacity:.7;
    -webkit-transition:all .2s;
    transition:all .2s
}
.lang-header__link:hover{
    color:#21232f
}
.lang-header__link:hover .icon{
    opacity:1
}
.lang-header__link.is-active{
    color:#21232f
}
.lang-header__link.is-active .icon{
    opacity:1
}
.lang-header:hover .lang-header__dropdown{
    display:block
}
.b404{
    text-align:center;
    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:#21232f;
    font-size:20px;
    font-weight:700;
    line-height:24px;
    margin-bottom:20px
}
.b404__btn{
    border:1px solid #8863dd;
    color:#fff;
    font-size:16px;
    padding:15px 30px;
    border-radius:5px;
    text-decoration:none;
    display:inline-block;
    -webkit-transition:.25s;
    transition:.25s;
    background:#8863dd
}
.b404__btn:hover{
    border:1px solid #8863dd;
    background:0 0;
    color:#8863dd
}
.sharethis-inline-share-buttons{
    margin-bottom:25px
}
@media (max-width:991px){
    .container{
        width:100%
    }
    .lang-header,.menu-header{
        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:#21232f;
        display:block;
        width:26px;
        height:2px;
        border-radius:3px;
        margin:8px 0;
        -webkit-transition:all .5s;
        transition:all .5s;
        position:relative
    }
    .gamb.open span:first-child{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        top:10px
    }
    .gamb.open span:nth-child(2){
        display:none
    }
    .gamb.open span:last-child{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    header{
        position:relative;
        z-index:100;
        height:50px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .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;
        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:#474b5c
    }
    .lang-header__title:hover{
        background:#f5f6f9
    }
    .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
    }
    .lang-header:hover .lang-header__dropdown{
        display:none
    }
    .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;
        box-shadow:none;
        background:#f5f7fb
    }
    .dropdown-menu__li{
        display:block;
        margin-bottom:15px
    }
    .dropdown-menu__li:hover{
        background:#f5f6f9
    }
    .dropdown-menu__link{
        font-size:15px;
        padding:0 10px
    }
    .menu-header__li:hover .dropdown-menu{
        display:none
    }
    .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__li:hover .menu-header__link--dropdown:before{
        display:none
    }
    .menu-header__link--dropdown .icon-down-arrow{
        width:14px;
        height:14px
    }
}
.footer{
    padding:20px 0 10px;
    background:#fff
}
.footer__top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:5px
}
.footer__logo{
    width:149px;
    height:21px;
    display:block;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-bottom:10px
}
.footer__logo img{
    width:100%;
    display:block
}
.footer__logo:hover{
    opacity:.7
}
.footer__bottom{
    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
}
.footer__copir{
    color:#75798d;
    font-size:13px;
    font-weight:400;
    line-height:12px
}
.footer__links{
    color:#75798d;
    font-size:13px;
    font-weight:400;
    line-height:12px;
    padding:0;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.footer__links li{
    border-left:1px solid #75798d;
    padding-left:10px;
    margin-left:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.footer__links a{
    color:#75798d;
    text-decoration:none
}
.footer__links a:hover{
    color:#8863dd
}
.breadcrumbs{
    padding:0;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:13px
}
.breadcrumbs__li{
    display:block
}
.breadcrumbs__li:before{
    content:'';
    width:5px;
    height:5px;
    background:#21232f;
    border-radius:50%;
    display:inline-block;
    margin-bottom:1px;
    margin-left:7px;
    margin-right:5px
}
.breadcrumbs__li:first-child:before{
    display:none
}
.breadcrumbs__link{
    font-size:12px;
    color:#21232f;
    text-decoration:none;
    padding:4px 12px;
    background:#e7ebf3;
    border-radius:30px
}
.breadcrumbs__link:hover{
    background:#8863dd;
    color:#fff
}
.breadcrumbs__span{
    color:#6d7184;
    font-size:12px;
    text-decoration:none;
    padding:4px 12px;
    background:#ebeff7;
    border-radius:30px
}
.rich-text__h1{
    color:#21232f;
    font-size:30px;
    font-weight:900;
    margin-top:0;
    margin-bottom:10px;
    text-align:center
}
.rich-text h2.privacy__h2{
    color:#474b5c;
    font-size:15px;
    font-weight:400;
    line-height:24px;
    margin-top:0;
    margin-bottom:30px;
    text-align:center
}
.rich-text h2{
    color:#21232f;
    font-size:26px;
    font-weight:900;
    margin-bottom:25px;
    margin-top:40px
}
.rich-text h2:first-child{
    margin-top:0
}
.rich-text .h2--center{
    text-align:center
}
.rich-text h3{
    color:#21232f;
    font-size:18px;
    font-weight:700;
    margin-top:20px;
    margin-bottom:10px
}
.rich-text blockquote{
    color:#75798d;
    font-size:15px;
    padding-left:0;
    margin:0 0 10px;
    line-height:28px;
    font-style:italic
}
.rich-text p{
    font-size:16px;
    line-height:28px;
    color:#474b5c
}
.rich-text p:after{
    content:'';
    clear:both;
    display:table
}
.rich-text p img{
    float:left;
    display:block;
    margin:0 15px 15px 0;
    max-width:50%
}
.rich-text p.center{
    text-align:center
}
.rich-text p.center img{
    float:none;
    display:block;
    margin:15px auto 5px
}
.rich-text a{
    color:#8863dd;
    text-decoration:none
}
.rich-text a:hover{
    text-decoration:underline
}
.rich-text ul{
    padding:5px 0
}
.rich-text ul li{
    position:relative;
    padding-left:20px;
    font-size:16px;
    line-height:30px;
    color:#474b5c;
    margin-bottom:10px;
    display:block
}
.rich-text ul li:before{
    content:'';
    position:absolute;
    top:10px;
    left:0;
    width:8px;
    height:8px;
    background:#474b5c;
    border-radius:50%
}
.rich-text ul li:last-child{
    margin-bottom:0
}
.rich-text__date{
    color:#75798d;
    font-size:15px;
    font-weight:400;
    font-style:italic;
    margin:25px 0
}
.rich-text>img{
    display:block;
    margin:25px auto;
    max-width:100%
}
.rich-text .ol{
    counter-reset:item;
    padding:0;
    margin:20px 0 0 0
}
.rich-text .ol li{
    display:block;
    position:relative;
    padding-left:70px;
    margin-bottom:25px;
    color:#474b5c;
    font-size:16px;
    line-height:24px;
    padding-top:10px
}
.rich-text .ol li h3{
    color:#21232f;
    font-size:20px;
    font-weight:700;
    line-height:30px;
    margin:0
}
.rich-text .ol li span{
    color:#474b5c;
    font-size:16px;
    font-weight:400;
    display:block
}
.rich-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:0;
    text-align:center;
    line-height:55px;
    border-radius:50%;
    color:#9169eb;
    font-size:30px;
    font-weight:400
}
.section--rate{
    background-color:#f5f2e3;
    padding:50px 0
}
.rate{
    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
}
.rate__title{
    color:#21232f;
    font-size:18px;
    font-weight:700;
    line-height:24px;
    margin-right:15px
}
.rate__stars{
    height:24px
}
.rate__numbers{
    font-size:16px;
    font-weight:400;
    line-height:24px;
    color:#21232f;
    margin:0 13px 0 20px
}
.rate__numbers b{
    color:#21232f;
    font-weight:700
}
.rate__votes{
    color:#8e8975;
    font-size:13px;
    font-weight:400
}
.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{
    background-position:0 0
}
.starability-basic>input:checked+label,.starability-basic>input:focus+label{
    background-position:0 -24px
}
.starability-basic>input[disabled]:hover+label{
    cursor:default
}
.starability-basic>input:not([disabled]):hover~label{
    background-position:0 0
}
.starability-basic>input:not([disabled]):hover+label{
    background-position:0 -24px
}
.starability-basic>input:not([disabled]):hover+label::before{
    opacity:1
}
.starability-basic>label{
    position:relative;
    display:inline-block;
    float:left;
    width:32px;
    height:24px;
    font-size:.1em;
    color:transparent;
    cursor:pointer;
    background-image:url(../img/stars.svg);
    background-repeat:no-repeat;
    background-position:0 -24px
}
.starability-basic>label::before{
    content:'';
    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:nth-of-type(1)::before{
    width:0;
    left:0
}
.hint{
    position:relative
}
.hint__hidden{
    position:absolute;
    bottom:calc(100% + 10px);
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    color:#fff;
    font-size:9px;
    font-weight:400;
    text-transform:uppercase;
    padding:5px 10px;
    background:#161b25;
    border-radius:5px;
    white-space:nowrap;
    opacity:0;
    -webkit-transition:all .2s;
    transition:all .2s;
    pointer-events:none
}
.hint__hidden:after{
    content:'';
    position:absolute;
    top:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:0;
    height:0;
    border:5px solid transparent;
    border-top-color:#161b25
}
.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{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.jq-selectbox{
    z-index:10
}
.jq-selectbox__select{
    position:relative
}
.jq-selectbox__select-text{
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap;
    text-overflow:ellipsis;
    min-width:23px
}
.jq-selectbox__dropdown{
    position:absolute
}
.jq-selectbox{
    position:relative;
    background:#fff;
    border-radius:5px;
    color:#75798d;
    font-size:14px;
    font-weight:400;
    width:100%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.07);
    box-shadow:0 0 15px rgba(0,0,0,.07);
    background-color:#fff;
    cursor:pointer;
    -webkit-transition:-webkit-box-shadow .35s;
    transition:-webkit-box-shadow .35s;
    transition:box-shadow .35s;
    transition:box-shadow .35s,-webkit-box-shadow .35s;
    display:block
}
.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:-webkit-box;
    display:-ms-flexbox;
    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;
    cursor:pointer
}
.jq-selectbox__dropdown li.sel,.jq-selectbox__dropdown li:hover{
    color:#21232f
}
.jq-selectbox__dropdown li.disabled{
    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;
    position:relative
}
.scroll-wrapper>.scroll-content{
    border:none!important;
    -webkit-box-sizing:content-box!important;
    box-sizing:content-box!important;
    height:auto;
    left:0;
    margin:0;
    max-height:none;
    max-width:none!important;
    overflow:scroll!important;
    padding:0;
    position:relative!important;
    top:0;
    width:auto!important
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar{
    height:0;
    width:0
}
.scroll-element{
    display:none
}
.scroll-element,.scroll-element div{
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{
    display:block
}
.scroll-element .scroll-arrow,.scroll-element .scroll-bar{
    cursor:pointer
}
.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;
    margin:0;
    max-height:none!important;
    max-width:none!important;
    overflow:scroll!important;
    outline:0;
    padding:2px;
    position:relative!important;
    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-y{
    height:100%;
    right:0;
    top:0;
    width:4px
}
.scroll-element .scroll-element_outer{
    overflow:hidden
}
.scroll-element .scroll-bar,.scroll-element .scroll-element_outer,.scroll-element .scroll-element_track{
    border-radius:4px
}
.scroll-element .scroll-element_track{
    background-color:transparent
}
.scroll-element .scroll-bar{
    background-color:#e2e7f1
}
.scroll-element:hover .scroll-bar{
    background-color:#9169eb
}
.scroll-element.scroll-draggable .scroll-bar{
    background-color:#9169eb
}
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{
    left:-12px
}
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{
    top:-12px
}
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{
    left:-12px
}
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{
    top:-12px
}
.ripple{
    position:fixed;
    background:#9169eb;
    border-radius:50%;
    width:5px;
    height:5px;
    -webkit-animation:rippleEffect .88s 1;
    animation:rippleEffect .88s 1;
    opacity:0;
    pointer-events:none
}
@-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{
    background-color:#21232f
}
body.dark-theme{
    background:#fafafa !important ;
}
.dark-theme header{
    background:white !important;
}

.dark-theme .gamb-hidden .dropdown-menu,.dark-theme .section--full.fixed{
    background-color:#21232f
}
.dark-theme .gamb span{
    background:#f0f1f9
}
.dark-theme .clicks-zone,.dark-theme .dropdown-menu,.dark-theme .footer,.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,.dark-theme header{
    background-color:#313448
}
.dark-theme .headline__title,.dark-theme .result-clicks__share-title,.dark-theme .result-clicks__title,.dark-theme .rich-text .ol li h3,.dark-theme .rich-text h2,.dark-theme .rich-text h3{
    color:#f0f1f9
}
.dark-theme .dropdown-menu__link,.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 .rate__title,.dark-theme .result-clicks__text,.dark-theme .rich-text .ol li span,.dark-theme .rich-text p,.dark-theme .rich-text ul li,.dark-theme .theme-mode__text{
    color:#c2c5de
}
.dark-theme .menu-header__select .jq-selectbox__search input{
    border-color:#c2c5de;
    color:#c2c5de
}
.dark-theme .scroll-element .scroll-bar{
    background:#c2c5de
}
.dark-theme .text__bottom{
    background:#252839;
    color:#
}
.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:#313448
}
.dark-theme .section--rate{
    background-color:#414568
}
.dark-theme .statistics__item{
    background:#252839
}
.dark-theme .rate__votes{
    color:#a6aac9
}
.dark-theme .footer__logo svg path:not(.st1),.dark-theme .header__logo svg path:not(.st1),.dark-theme .share-logo svg path:not(.st1){
    fill:#8863DD
}
.dark-theme .footer__logo svg path:not(.st2),.dark-theme .header__logo svg path:not(.st2),.dark-theme .share-logo svg path:not(.st2){
    fill:#fff
}
.dark-theme .menu-header__link:hover{
    color:#9169eb
}
.dark-theme .menu-header__link:hover .icon{
    fill:#9169eb
}
.dark-theme .menu-header__select.opened .jq-selectbox__select{
    color:#9169eb
}
.dark-theme .menu-header__select.opened .jq-selectbox__trigger .icon{
    fill:#9169eb
}
.dark-theme .scroll-element:hover .scroll-bar{
    background-color:#9169eb
}
.dark-theme .menu-header__select .jq-selectbox__dropdown li:hover{
    color:#9169eb
}
.dark-theme .fullscreen:hover{
    color:#9169eb
}
.dark-theme .links__link{
    border-bottom:5px solid #0f111a
}
.dark-theme .lang-header__link.is-active,.dark-theme .lang-header__link:hover,.dark-theme .links__link:hover{
    color:#fff
}
.dark-theme .dropdown-menu__link:hover{
    color:#fff
}
.dark-theme .rich-text .ol li:before{
    background-color:#33374c
}
.dark-theme .breadcrumbs__li:before,.dark-theme .breadcrumbs__link,.dark-theme .breadcrumbs__span{
    background:#5a5e78;
    color:#f0f1f9
}
.dark-theme .breadcrumbs__link:hover{
    background:#8863dd
}
.dark-theme .advert a{
    background:#313448;
    color:#fff;
    box-shadow:0 5px #191b2a
}
@media (max-width:1199px){
    .container{
        width:100%
    }
}
@media (max-width:991px){
    .container{
        width:100%
    }
    .statistics__arrow{
        right:0
    }
    .fullscreen:hover{
        color:#474b5c
    }
    .advert{
        display:none
    }
}
@media (max-width:767px){
    .container{
        width:100%
    }
    .gamb{
        margin-right:10px
    }
    .headline__title{
        font-size:25px
    }
    .headline__text{
        font-size:14px
    }
    .banner{
        display:none
    }
    .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)
    }
    .rich-text h2{
        font-size:22px
    }
    .section{
        padding:20px 0
    }
    .rich-text .ol li{
        padding-left:60px
    }
    .rich-text .ol li h3{
        font-size:16px
    }
    .rich-text .ol li span{
        font-size:14px;
        line-height:20px
    }
    .rich-text .ol li:before{
        width:45px;
        height:45px;
        line-height:45px;
        font-size:25px
    }
    .rich-text ul li{
        padding-left:25px;
        font-size:14px;
        line-height:24px;
        margin-bottom:15px
    }
    .rich-text ul li:before{
        width:8px;
        height:8px
    }
    .rich-text p{
        font-size:14px;
        line-height:24px
    }
    .rate{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .rate__title{
        width:100%;
        text-align:center;
        margin-right:0;
        margin-bottom:10px
    }
    .result-clicks__title{
        font-size:25px
    }
    .result-clicks__text{
        font-size:16px
    }
    .section--full.fixed{
        padding:10px 0
    }
    .breadcrumbs{
        display:none
    }
}
@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
    }
    .statistics__number{
        font-size:28px
    }
    .statistics__arrow{
        display:none
    }
    .result-clicks__img img{
        max-width:150px
    }
}