/* font */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');


body {
    font-family: sans-serif;
    font-size: 16px;
    min-width: 320px;
    position: relative;
    line-height: 1.3;
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
    margin: 0;
}
@media (min-width: 576px) {
    body .container { max-width: 540px; }
    body.page-index .container { max-width: inherit; }
}
@media (min-width: 768px) {
    body .container { max-width: 750px; }
}
@media (min-width: 992px) {
    body .container { max-width: 970px; }
}
@media (min-width: 1200px) {
    body .container { max-width: 1170px; }
}

#wrapper {
    overflow: hidden;
    width: 100%;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.fb-comments_block { margin: 10px 0 30px 0; }


/* all */
.result-description { margin-bottom: 20px; }


/* profile */
.lk-block {
    background-color: #f7fcff;
    padding: 50px 0;
}

.lk-info {
    margin-bottom: 40px;
}

.cabinet__add_item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.cabinet__add_item .lk_item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.cabinet__add_item .btns {
    -ms-flex-item-align: normal;
    align-self: normal;
    flex-grow: 1;
    position: relative;
    height: 44px;
}
.cabinet__add_item .btns_links { text-align: center; margin-top: 20px; }
.cabinet__add_item .btns_links a {
    color: #000;
}
/*
.cabinet__add_item .btns_links a:nth-of-type(1) {
    margin-right: 25px;
}
*/
.cabinet__add_item .btns_links a:nth-of-type(1) img {
    top: 4px;
}
.cabinet__add_item .btns_links a img {
    max-height: 20px;
    max-width: 24px;
    position: relative;
    top: 3px;
    margin-right: 6px;
}
.cabinet__add_item .btns_links a span {
    font: 14px 'Montserrat';
    color: #000;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 0px;
}
.cabinet__add_item .btns_links a:hover span {
    border-bottom: none;
}

.white-box {
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
}

.lk-name {
    padding: 15px 40px;
}

.lk-name .img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    width: 58px;
    height: 58px;
    border-radius: 29px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.lk-name .img:hover:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) url(/images/red.png) 50% 50% no-repeat;
}

.lk-name .img .user-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
header .user .user-avatar, header .user .user_img {
    width: 32px;
    height: 32px;
    max-height: 32px;
    object-fit: cover;
    -o-object-fit: cover;
}
header .user .user_img.need-auth {
    width: 31px;
    height: 31px;
}
header .user .user_img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.lk-name .name {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.lk-name .account-type { font: 15px 'Montserrat'; font-weight: 500; color: #8b9cb6; margin-top: 3px; }
.lk-name .account-type span { font-weight: 700; }
.lk-name .account-type span.standard { color: #0f65ef; }
.lk-name .account-type span.premium { color: #d1c114; }

#avatar-container .lk-name .upgrade {

}
#avatar-container .lk-name .upgrade a {
    height: 44px;
    float: right;
    border-radius: 22px;
    background: #00c350;
    padding: 11px 28px;
    margin-right: 0;
}
#avatar-container .lk-name .upgrade span.time-left {
    float: right;
    font: 15px 'Montserrat';
    font-weight: 700;
    color: #8b9cb6;
}

#profile-soc-container .lk-name {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 88px;
}

#profile-soc-container .lk-name span {
    font: 15px 'Montserrat';
    font-weight: 600;
    color: #000;
    margin-right: 30px;
}

#profile-soc-container .profile-soc-container__sociate { position: relative; top: 2px; }
#profile-soc-container .profile-soc-container__sociate a { margin-right: 10px; display: inline-block; }
#profile-soc-container .profile-soc-container__sociate a.yt { position: relative; top: -1px; }
#profile-soc-container .profile-soc-container__sociate a:nth-last-of-type(1) { margin-right: 0; }
#profile-soc-container .profile-soc-container__sociate a:focus { outline: none; text-decoration: none; }

.lk_item .btns { text-align: center; }
.lk_item .btns .btn { width: 150px; margin-right: 0!important; bottom: 0; left: 50%; position: absolute; margin-left: -75px; }

@media (max-width: 1199px) and (min-width: 992px) {
    #avatar-container.lk-info__block .white-box {
        padding: 15px 40px;
    }
}
@media (max-width: 768px) {
    .lk-info .row > div { width: auto; }
}
@media (max-width: 575px) {
    #avatar-container .lk-name .upgrade a, #avatar-container .lk-name .upgrade span.time-left { float: left; margin-top: 10px; }
    #profile-soc-container .lk-name { display: block; }
    #profile-soc-container .profile-soc-container__sociate { margin: 10px 0 -10px 0; }
}


/*HEADER INDEX*/
header.header__index {
    background: url(/images/header_index.png);
    background-position: center;
    background-size: cover;
    height: auto;
}
header.header__index .header__index__container {
    text-align: center;
    margin-top: 130px;
    margin-bottom: 210px;
    padding-bottom: 210px;
}
header.header__index .header__index__title {
   font: 34px 'Montserrat';
   font-weight: 700;
   color: #fff;
   margin-bottom: 22px;
}
header.header__index .header__index__text {
   font: 18px 'Montserrat';
   font-weight: 400;
   color: #fff;
   margin-bottom: 44px;
}
header.header__index .header__index__button {
    font: 16px/62px 'Montserrat';
    font-weight: 600;
    color: #fff;
    height: 60px;
    padding: 0 35px;
    border-radius: 4px;
    background-color: #00c6ff;
    display: inline-block;
    margin-bottom: 27px;
    text-decoration: none;
}
header.header__index .header__index__button:hover { background: #0ab0e0; }
header.header__index .header__index__text2 {
   font: 15px/23px 'Montserrat';
   font-weight: 500;
   color: #fff;
   margin-bottom: 40px;
}
header.header__index .header__index__image {
    position: absolute;
    left: 0;
    width: 100%;
}


/*INDEX STYLES*/
.h2_title_block {
    font: 24px 'Montserrat';
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}
.slick-prev {
    position: absolute;
    top: 68px;
    left: -17px;
    cursor: pointer;
}
.slick-next {
    position: absolute;
    top: 68px;
    right: -17px;
    cursor: pointer;
}

.use_cases {
    margin-bottom: 95px;
}
.use_cases .use_cases__block {
    margin: 0 12px;
    outline: none;
}
.use_cases .use_cases__block .use_cases__block__image {
    height: 152px;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 13px;
}
.use_cases .use_cases__block .use_cases__block__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.use_cases .use_cases__block .use_cases__block__title {
    font: 17px/24px 'Montserrat';
    font-weight: 600;
    color: #000;
}

@media (max-width: 768px) {
    header.header__index {
        height: 100%;
        margin-bottom: 185px;
    }
    header.header__index .header__index__container {
        margin-top: 70px;
        padding-bottom: 35px;
        margin-bottom: -25%;
    }
    header.header__index .header__index__text2 {
        margin-bottom: 25px;
    }
    header.header__index .header__index__image { position: relative; }

    .use_cases__wrapper {
        overflow: hidden;
        margin-left: -24px;
        margin-right: -24px;
        margin-bottom: 95px;
    }
    .use_cases {
        white-space: nowrap;
        overflow-x: auto;
        margin-bottom: -20px;
        padding-bottom: 20px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .use_cases .use_cases__block {
        display: inline-block;
        vertical-align: top;
    }
    .use_cases .use_cases__block .use_cases__block__title {
        white-space: normal;
        width: 300px;
    }
    .use_cases .use_cases__block .use_cases__block__image {
        width: 300px;
    }
}
@media (max-width: 469px) {
    header.header__index { margin-bottom: 130px; }
}
@media (min-width: 470px) and (max-width: 580px) {
    header.header__index { margin-bottom: 145px; }
}


.info-row {
    padding: 33px 35px 32px;
}

.info-row .t1 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 45px;
}

.info-row .ir-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}

.info-row .ir-item > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.info-row .ir-item .s1 {
    font-size: 14px;
}

.info-row .ir-item .s2 {
    font-size: 15px;
    font-weight: 600;
}

.test-item {
    margin-bottom: 30px;
    padding: 30px;
    position: relative;
}

.title {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 30px;
}

.test-item .bg {
    position: absolute;
    right: 20px;
    top: 20px;
}

.test-item .h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: 700;
    margin-right: 50px;
}

.test-item .h3 span.new {
    background: #00c350;
    font: 8px 'Montserrat';
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 4px;
    position: relative;
    top: -2px;
    left: 1px;
}

.test-item .tt {
    min-height: auto!important;
    margin-bottom: 20px;
}

.test-item p {
    color: #000;
    font-size: 14px;
    margin: 0 0 20px;
}

.test-item p:last-child {
    margin: 0;
}

.btn {
    border-radius: 3px;
    background-color: rgb(15, 101, 239);
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 24px;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
}

.next-btns .btn {
    border-radius: 3px!important;
    background-color: rgb(15, 101, 239)!important;
    display: inline-block!important;
    vertical-align: middle!important;
    margin-right: 30px!important;
    color: #fff!important;
    text-decoration: none!important;
    font-size: 14px!important;
    font-weight: 600!important;
    padding: 11px 24px!important;
    -moz-transition: all 0.1s ease-out!important;
    -o-transition: all 0.1s ease-out!important;
    -webkit-transition: all 0.1s ease-out!important;
}

.btn:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.test-item .example {
    display: inline-block;
    vertical-align: middle;
    color: #8b9cb6;
    font-size: 11px;
    text-decoration: none;
    border-bottom: 1px dotted #8b9cb6;
}

.test-item .example:hover {
    border-bottom-color: #fff;
}

.mtest-item {
    position: relative;
    margin-bottom: 30px;
}

.mtest-item .tag {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 1;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
}

.mtest-item .tag a {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    display: block;
    text-decoration: none;
}

.mtest-item .tag:hover {
    background-color: rgba(0, 0, 0, 0.4);
}


.mtest-item .img {
    position: relative;
    height: 435px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;

}

.mtest-item .img img {
    width: 100%;
    display: block;
}

.mtest-item .btns {
    width: 100%;
    position: absolute;
    top: 250px;
    left: 30px;
    display: none;
}

.mtest-item:hover .btns {
    display: block;
}

.mtest-item .btns .btn {
    font-size: 15px;
    margin-right: 6px;
}

.mtest-item .btns .btn1 {
    background-color: #00c350;
}

.mtest-item .btns .btn2 {
    background-color: #0f65ef;
}

.mtest-item .btns .btn3 {
    background-color: #ff5220;
}

.mtest-item .tt {
    padding: 20px 30px;
}

.mtest-item .tt .name {
    font-size: 17px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 600;
    min-height: 44px;
}

.mtest-item .tt .name a {
    color: #000;
    text-decoration: none;
}

.mtest-item .tt .name a:hover {

}

.mtest-item .wr {
    overflow: hidden;
}

.mtest-item .left {
    float: left;
}

.mtest-item .ico-it {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

.mtest-item .ico-it img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.mtest-item .ico-it span {
    color: #7a7a7a;
    font-size: 12px;
}

.mtest-item .date {
    float: right;
    color: #7a7a7a;
    font-size: 12px;
    padding-top: 3px;
}

.my-tests .title {
    font-size: 36px;
    font-weight: 700;
}

.poster {
    position: relative;
}

.poster .img img {
    width: 100%;
    display: block;
}

.poster .stiker {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 4px 10px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #f55a5a;
}

.poster .tt {
    padding: 20px;
    background-image: -moz-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    border-radius: 0 0 3px 3px;
}

.poster .tt .name {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.poster .tt .name a {
    color: #fff;
    text-decoration: none;
}

.poster .tt .name a:hover {
    text-decoration: underline;
}

.poster .inf-row > div {
    display: inline-block;
    vertical-align: middle;
}

.poster .inf-row .author {
    margin-right: 20px;
}

.poster .inf-row img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.poster .inf-row span {
    color: #dedede;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

.state-box {
    padding: 40px 40px 27px;
    position: relative;
}

.state-box .over {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.state-box .h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
}
.state-box .h3 span {
    padding-left: 10px;
    position: relative;
    top: 3px;
}

.state-box .result-comment {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 22px!important;
}

.hh-row {
    overflow: hidden;
    margin-bottom: 20px;
}

.hh-row .left {
    float: left;
}

.hh-row .right {
    float: right;
}

.hh-row > div > div {
    display: inline-block;
    vertical-align: middle;
}

.hh-row .author {
    margin-right: 20px;
}

.hh-row img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;

}

.hh-row .left img {
    width: 26px;
    border-radius: 13px;
}

.hh-row span {
    color: #7a7a7a;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

.hh-row span a {
    color: #7a7a7a;
    text-decoration: none;
}

.hh-row span.tag {
    color: #1064ef;
    text-decoration: none;
}

.hh-row .date {
    margin-right: 20px;
}

.hh-row .ico-it {
    margin-left: 15px;
}

.state-box .image > img {
    width: 100%;
    display: block;
}

.state-box .image {
    position: relative;
    margin-bottom: 20px;
}

.state-box .image .tag {
    position: absolute;
    left: 20px;
    top: 20px;

    background-color: rgba(0, 0, 0, 0.2);
}

.state-box .image .tag a {
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    display: block;
    text-decoration: none;
}

.state-box p {
    margin: 0 0 20px;
    color: #000000;
    font-size: 14px;
}

.start-btn {
    text-align: center;
    height: 0;
}

.start-btn .btn {
    margin-right: 0;
    font-size: 16px;
    font-weight: 600;
    padding: auto 40px;
    margin-bottom: 20px;
}

.preview {
    padding-bottom: 40px;
}

.image-descrs {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.3);
}

.image-descrs .h3 {
    color: #fff;
}

.image-descrs .hh-row {
    margin-bottom: 0;
}

.overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
}

.popup {
    left: 50%;
    top: 50px;
    margin-left: -230px;
    position: fixed;
    z-index: 11;
    width: 460px;
    background: #fff;
    display: none;
}

.popup .close {
    position: absolute;
    top: -20px;
    right: -20px;
}

.popup .close:hover {
    cursor: pointer;
}

.popup_auth_wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    overflow-y: scroll;
    z-index: 10;
    display: none;
}
.popup_auth_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
}
.popup_auth_content {
    left: auto;
    top: 50px;
    position: relative;
    z-index: 11;
    width: 460px;
    background: #fff;
    display: none;
    margin: 0 auto;
    margin-bottom: 50px
}
body.popup_auth_body { overflow: hidden; }

/* popup premium */
.premium_function_radio:before { border: 1px solid #ccbe1e!important; }
.premium_function_radio:after { background: #f6e208!important; }
.switch.switch-xs input + label.premium_function_switch::before { background-color: #f6e208!important; }

.prem-popup{
    text-align: center;
    padding: 40px;
    border-radius: 3px;
}
.prem-popup .h4{
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
}
.prem-popup .h4 img{
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}
.prem-popup .h4 span{
    display: inline-block;
    vertical-align: middle;
}
.prem-popup p{
    font-weight: 500;
    font-size: 15px;
    margin: 0 0 25px;
}
.prem-popup .btn{
    margin-right: 0;
    background-color: #00c350;
}

/* switch style */
.switch.switch-xs input + label::before {
    width: calc(calc(1.95rem * .8) * 2);
    height: 25px;
    background-color: #d9e1ea!important;
}
.switch input + label::before {
    right: 0;
    background-color: #ffffff;
    border-radius: calc(2.375rem * .8);
    transition: 0.2s all;
}
.switch input + label::before, .switch input + label::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: calc(calc(2.375rem * .8) * 2);
    bottom: 1px;
    display: block;
}
.switch.switch-xs input:checked + label::after {
    margin-left: calc(1.9rem * .8);
}
.switch.switch-xs input + label::after {
    width: calc(calc(1.65rem * .8) - calc(2px * 2));
    height: calc(calc(1.65rem * .8) - calc(2px * 2));
    top: 3px;
    left: 5px;
    background-color: #fff!important;
}
.switch input:checked + label::after {
    margin-left: calc(2.375rem * .8);
    background-color: #ffffff;
}
.switch input + label::after {
    top: 1px;
    left: 2px;
    width: calc(calc(2.375rem * .8) - calc(2px * 2));
    height: calc(calc(2.375rem * .8) - calc(2px * 2));
    border-radius: 50%;
    background-color: #d9e1ea;
    transition: 0.2s all;
}
.switch input + label::before, .switch input + label::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: calc(calc(2.375rem * .8) * 2);
    bottom: 1px;
    display: block;
}
.switch.switch-xs input + label {
    font: 14px 'Montserrat';
    font-weight: 600;
    color: #000;
    line-height: 25px;
    padding-left: 65px;
    position: relative;
    cursor: pointer;
}
.switch.switch-xs input { display: none; }


/* popup embed code quiz */
.embed-code-quiz-popup {
    left: 50%;
    top: 50px;
    margin-left: -230px;
    position: fixed;
    z-index: 11;
    width: 460px;
    background: #fff;
    display: none;
    padding: 35px 30px;
    border-radius: 3px;
}
.embed-code-quiz-popup .step-5__setting-publication__item { margin-bottom: 15px; text-align: left; }
.embed-code-quiz-popup .step-5__setting-publication__item:nth-last-of-type(1) { margin-bottom: 0; }
.embed-code-quiz-popup .step-5__code { margin-bottom: 0!important; }
.embed-code-quiz-popup .step-5__code .step-5__code__text { margin-top: 20px; }
.embed-code-quiz-popup .step-5__code__text__left { width: 95%!important; }
.embed-code-quiz-popup .step-5__code .step-5__code__text .step-5__code__text__right { margin-left: 5px; top: 12px; }
.embed-code-quiz-popup .close { position: absolute; top: 11px; right: 16px; }
@media (max-width: 420px) {
    .embed-code-quiz-popup .step-5__code .step-5__code__text .step-5__code__text__right { right: -12px!important; }
}
@media (max-width: 576px) {
    .step-5__code .step-5__code__text .step-5__code__text__left { width: 96%!important; }
    .embed-code-quiz-popup .step-5__code .step-5__code__text .step-5__code__text__right { right: -3px; }
}

.tab-btns {
    overflow: hidden;
}

.tab-btns a {
    width: 50%;
    float: left;
    text-align: center;
    padding: 20px 0;
    color: #0f65ef;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 4px solid #e7e7e7;
}

.tab-btns a.act, .tab-btns a:hover {
    color: #000;
    border-bottom-color: #0f65ef;
}

.popup form {
    padding: 50px 40px 20px;
}

.popup form .label {
    color: #6e6e6e;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}

.popup form input[type='text'] {
    width: 100%;
    display: block;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 0 15px;
    height: 40px;
    color: #000;
    font-size: 16px;
}

.popup form input[type='text'].error {
    margin-bottom: 5px;
    border-color: #ff511f;
    background: #fff url(/images/err.png) 95% 50% no-repeat;
}

.popup form input[type='text'].error + .error-tt {
    display: block;
}

.error-tt {
    color: #ff5120;
    font-size: 15px;
    margin-bottom: 15px;
    display: none;
}

.popup form input[type='submit'] {
    border: 0;
    font-weight: 600;
    font-size: 18px;
    width: 150px;
    height: 60px;
    margin-right: 30px;
}

.popup form input[type='submit'].reg-btn {
    width: 282px;
    margin-top: 20px;
}

.popup form .btns > * {
    display: inline-block;
    vertical-align: middle;
}

.popup form .forget {
    color: #0f65ef;
    font-size: 15px;
    text-decoration: none;
}

.popup form .has-error-password label { color: #a94442; }
.popup form .has-error-password .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.soc-box {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #e8e8e8;
}

.soc-box p {
    margin: 0 0 10px;
    color: #a4a4a4;
    font-size: 12px;
}

.soc li {
    display: inline-block;
    margin: 0 5px;
}

.reg-form {
    display: none;
}

/* hide original element */
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important; /* change to right: -9999px on RTL sites */
}

/* custom checkbox styles */
.ch {
    overflow: hidden;
    margin-bottom: 10px;
}

.chk-area {
    border: 2px solid #dfe6ea;
    border-radius: 3px;
    margin: 0 10px 0 0;
    float: left;
    width: 25px;
    height: 25px;
}

.chk-checked {
    border: 2px solid #0f65ef;
    background: #0f65ef url(/images/ch.png) 50% 50% no-repeat;
}

.ch label {
    display: block;
    overflow: hidden;
    color: #9e9e9e;
    font-size: 15px;
}

.ch label a {
    color: #0f65ef;
    text-decoration: none;
}

.state-grid .state-box {
    padding: 0;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 30px;
}

.state-grid .state-box .tt {
    padding: 20px;
}

.state-grid .state-box .tt .h3 {
    font-size: 18px;
    font-weight: 600;
    min-height: 46px;
}

.state-grid .state-box .image {
    margin-bottom: 0;
}

.state-grid .state-box .hh-row {
    margin-bottom: 0;
}

.state-grid .state-box .tt .h3 a {
    color: #000;
    text-decoration: none;
}

.share-single {
    text-align: center;
    margin: 30px 0;
}

.share-single p {
    color: #979797;
    font-size: 16px;
    margin: 0 0 10px;
}

.share-single .share-single__button_restart {
    margin-top: -25px;
    opacity: .8;
}
.share-single .share-single__button_restart:hover {
    opacity: 1;
}
.share-single .share-single__button_restart a {
    font: 17px "Montserrat";
    font-weight: 500;
    color: #000;
}
.share-single .share-single__button_restart a img {
    position: relative;
    top: 2px;
    margin-right: 7px;
}

.next-btns {
    margin-bottom: 40px;
    padding: 40px;
    background-image: -moz-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    border-radius: 3px;
}

.next-btns .h3 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

.next-btns .btn {
    font-weight: 600!important;
    font-size: 15px!important;
    line-height: 22px!important;
    display: block!important;
    margin: 0!important;
    text-align: center!important;
    padding: 15px 0!important;
    height: 54px!important;
}

.next-btns .btn img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.next-btns .btn span {
    display: inline-block;
    vertical-align: middle;
}

.next-btns .btn1 {
    background-color: #8039f7!important;
}

.next-btns .btn2 {
    background-color: #1064ef!important;
}

.next-btns .btn3 {
    background-color: #00c350!important;
}

.comments-box {
    margin-bottom: 50px;
}

.comments-box .h3 {
    margin-bottom: 20px;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.add-comment {
    padding: 40px;
    margin-bottom: 20px;
}

.add-comment input[type='text'] {
    border-width: 1px;
    border-color: rgb(220, 220, 220);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(244, 244, 244);
    width: 261px;
    height: 40px;
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 15px;
    color: #919191;
    font-weight: 500;
    display: block;
}

.add-comment textarea {
    border-width: 1px;
    border-color: rgb(220, 220, 220);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    width: 100% !important;
    height: 98px !important;
    overflow: auto;
    padding: 15px;
    font-size: 15px;
    color: #919191;
    margin-bottom: 10px;
}

.add-comment .captcha {
    margin-bottom: 20px;
}

.add-comment input[type='submit'] {
    width: 200px;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: 0;
}

.comment-item {
    padding: 20px 40px;
    overflow: hidden;
    margin-bottom: 20px;
}

.comment-item .ava {
    float: left;
    margin-right: 30px;
}

.comment-item .tt {
    overflow: hidden;
}

.comment-item .tt .hh {
    overflow: hidden;
    margin-bottom: 10px;
}

.comment-item .name {
    font-weight: 600;
    color: #0f65ef;
    font-size: 15px;
    float: left;
}

.comment-item .date {
    font-size: 12px;
    float: right;
    color: #000;
}

.comment-item p {
    margin: 0;
    color: #494949;
    font-size: 14px;
    font-weight: 500;
}

.preview.pb0 {
    padding-bottom: 0;
}

.prologue_popular_quizes { margin-top: 5px; }

.lk-block > div > .h3, .prologue_popular_quizes .h3 {
    margin-bottom: 20px;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.state-box .image.wa {
    text-align: center;
}

.state-box .image.wa img {
    width: auto;
    display: inline-block;
}

.image-descrs .single-h3 {
    margin-bottom: 0;
}

.result-box {
    margin-top: 57px;
    position: relative;
    padding-top: 70px;
}

.result-box.class-no-counter {
    margin-top: 0;
    padding-top: 30px;
}

.result-fr {
    width: 160px;
    position: absolute;
    height: 113px;
    top: -57px;
    left: 50%;
    margin-left: -80px;
    text-align: center;
    color: #fff;
    padding-top: 36px;
    background: url(/images/res.png) 0 0 no-repeat;
}

.result-fr .t1 {
    font-size: 12px;
    font-weight: 600;
}

.result-fr .t2 {
    font-size: 26px;
    font-weight: 700;
}

.word-result {
    text-align: center;
}

.word-result .res {
    font-size: 18px;
    margin-bottom: 60px;
}

.word-result .wr {
    background-color: #f7fcff;
    padding: 75px 10px;
    position: relative;
}

.word-result .wr img {
    margin-left: -36px;
    position: absolute;
    left: 50%;
    top: -36px;
}

.word-result .wr .t1 {
    color: #8d8d8d;
    font-size: 18px;
    margin-bottom: 5px;
}

.word-result .wr .t2 {
    color: #000000;
    font-size: 36px;
    font-weight: 700;
}

.poputki {
    padding: 10px 0;
    overflow: hidden;
}

.poputki .tt {
    float: left;
    width: 50%;
    color: #6a6a6a;
    font-size: 13px;
}

.poputki .tt:first-child {
    border-right: 1px solid #dcdcdc;
}

.poputki .tt span {
    border: 2px solid #dcdcdc;
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    border-radius: 15px;
    color: #000000;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    margin-left: 15px;
}

.white-box-h3 {
    font-weight: 700;
    font-size: 24px;
    padding: 20px 40px;
    margin-bottom: 20px;
}

.golosovanie {
    padding: 40px;
}

.golos-item {
    margin-bottom: 10px;
}

.golos-item:after {
    content: '';
    display: block;
    clear: both;
}

.golos-item .img {
    padding: 4px;
    width: 162px;
    float: left;
    margin-right: 30px;
}

.golos-item .img img {
    display: block;
}

.golos-item .line {
    padding-top: 60px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.golos-item .line .lin {
    background-color: #dee9fb;
    height: 5px;
    border-radius: 3px;
    position: relative;
}

.golos-item .n {
    text-align: right;
    margin-bottom: 10px;
    color: #797979;
    font-size: 12px;
}

.golos-item .proc {
    width: 60px;
    text-align: center;
    height: 60px;
    border-radius: 30px;
    background-color: #dee9fb;
    color: #000000;
    font-size: 15px;
    line-height: 60px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: -30px;
}

.golos-item .filled .lin {
    background-image: -moz-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
}

.golos-item .filled .proc {
    background-color: #960af9;
    color: #fff;
}

.golos-item .name {
    margin-top: 10px;
    font-weight: 600;
    color: #000;
    font-size: 15px;
}

.golos-item.no-photo .line {
    padding-top: 30px;
}

.categoryes .title {
    font-size: 36px;
    font-weight: 700;
}

.categories > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrapper_categories { overflow: visible; }

.wrapper_categories .container { width: inherit; }

@media (max-width: 450px) {
    .wrapper_categories .categories_col {
        width: 100%!important;
        max-width: 100%!important;
    }

    .wrapper_categories .categories_col .categories_item { margin-bottom: 20px; }
}

.categories .categories_item {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.cat-item {
    text-align: center;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    padding: 0 15px;
}

.cat-item:hover {
    border-radius: 5px;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 10px 0px rgba(16, 100, 239, 0.2);
}

.cat-item .t span {
    color: #000000;
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
}

.cat-item:hover .t span {
    color: #0f65ef;
}

.cat-item .icon {
    height: 60px;
    margin-bottom: 10px;
}

.cat-item .icon img {
    display: inline-block;
    vertical-align: middle;
}

.cat-item .icon:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.vubor-var .title {
    font-size: 30px;
    font-weight: 700;
}

.step-bar {
    margin-bottom: 30px;
}

.step-list {
    overflow: hidden;
    border-bottom: 1px solid #d9e1ee;
}

.step-list .st {
    width: 20%;
    float: left;
    text-align: center;
    padding: 15px 0;
    font-weight: 600;
    color: #898989;
    font-size: 14px;
    line-height: 20px;
}

.step-list-golos .st {
    width: 25%;
}

.step-list .st span {
    font-size: 10px;
    font-weight: 700;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
    background-color: #d9e1ee;
    color: #fff;
}

.step-list .st.been {
    color: #545454;
}

.step-list .st.been span {
    background-color: #545454;
}

.step-list .st.act {
    border-bottom: 2px solid #0f65ef;
    color: #1064ef;
}

.step-list .st.act span {
    background-color: #0f65ef;
}

.step-descr {
    padding: 30px 40px;
}

.step-descr .t1 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.step-descr p {
    font-size: 15px;
    margin: 0;
    line-height: 1.4;
}

.vubor-form {
    padding: 0;
}

.vubor-form input[type='text'] {
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
}

.vubor-form textarea {
    height: 250px !important;
}

.text-fieds {
    padding: 40px;
}

.tm14 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.text-fieds .h3 {
    margin-bottom: 10px;
}

.switch-title img {
    margin-right: 5px;
}

.switch-title {
    margin-bottom: 20px;
}

.red-bar {
    height: 46px;
    background: url(/images/bar.png) 0 0 no-repeat;
}

.sw-wr {
    padding: 20px 40px;
}

.sw-wr .switch-title {
    margin-bottom: 0;
}

.btn-r {
    margin-top: 30px;
}

.btn-r:after {
    content: '';
    display: block;
    clear: both;
}

.btn-r .pred {
    float: left;
}

.btn-r .btn {
    margin-right: auto;
    padding: 16px 48px;
    float: right;
}

.raspol {
    overflow: hidden;
    margin-bottom: 30px;
}

.raspol .add-box {
    padding: 40px;
    width: 305px;
    float: left;
    border-right: 1px solid #d9e1ee;

}

.raspol .side-box {
    overflow: hidden;
}

.raspol .add-fr {
    cursor: pointer;
    padding: 35px 10px;
    text-align: center;
    background-color: #f7fcff;
}

.raspol .add-fr .t {
    margin-top: 10px;
}

.raspol .add-fr .t a {
    color: #0f65ef;
    font-size: 14px;
    text-decoration: none;
}

.side-box {
    overflow: hidden;
    padding: 25px 40px;
}

.side-box .h3 {
    margin-bottom: 20px;
}

.side-item {
    border-width: 2px;
    border-color: rgb(217, 225, 238);
    border-style: solid;
    border-radius: 5px;
    padding: 20px;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
}

.side-item.act {
    border-color: rgb(15, 101, 239);
}

.side-item .t {
    color: #8590a1;
    font-size: 14px;
    margin-bottom: 5px;
}

.side-item .fr {
    background-color: #f7fcff;
    height: 70px;
}

.side-item.var3 .fr {
    height: 47px;
}

.side-item.var4 .fr {
    text-align: center;
    line-height: 70px;
}

.res-line {
    padding: 15px 40px;
    margin-bottom: 30px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 3px;
    background-image: -moz-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
}

.res-line .del {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    border-left: 1px solid #407bee;
    cursor: pointer;
    background: url(/images/del.png) 50% 50% no-repeat;
}

.add-green-btn {
    text-align: center;
    background-color: #00c350;
    margin-top: 30px;
    width: 100%;
    display: block;
    padding: 16px;
    cursor: pointer;
}

.add-box-single {
    display: inline-block;
    margin-bottom: 30px;
}

.add-box-single .add-box {
    border: 0;
}

/* custom radio styles */
.rad-area {
    border: 1px solid #d9e1ee;
    border-radius: 30px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    position: relative;
}

.rad-checked:after {
    content: '';
    background-color: #1065ef;
    width: 11px;
    height: 11px;
    border-radius: 5px;
    position: absolute;
    left: 6px;
    top: 6px;
}

/* custom select styles */
.select-area {
    border: 1px solid #d9e1ee;
    border-radius: 3px;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    cursor: default;
    height: 40px;
    display: block;
    background-color: #fff;
}

.select-area .center {
    white-space: nowrap;
    padding: 10px;
    display: block;
    color: #919191;
    font-size: 15px;
}

.select-disabled {
    background: #eee;
}

.select-area .select-opener {
    background: url(/images/arr1-dropdown.png) 50% 50% no-repeat;
    position: absolute;
    height: 100%;
    width: 30px;
    right: 0;
    top: 0;
}

.select-options {
    position: absolute;
    overflow: hidden;
    background: #fff;
    z-index: 2000;
}

.select-options .drop-holder {
    border: 1px solid #d9e1ee;
    overflow: hidden;
    height: 1%;
}

.select-options ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.select-options ul li {
    width: 100%;
    float: left;
}

.select-options ul a {
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    cursor: default;
    color: #000;
    height: 1%;
    font-size: 13px;
}

.select-options .item-selected a {
    text-decoration: none;
    background: rgb(15, 101, 239);
    color: #fff;
}

.select-area img, .select-options a img {
    vertical-align: top;
    margin: 0 5px 0 0;
}

.add-btn {
    background-color: #fff;
    padding: 16px 50px;
    color: #1065ef;
    cursor: pointer;
}

.ans-format {
    margin-bottom: 20px;
}

.ans-format .res-line {
    background: #fff;
    color: #000;
    margin-bottom: 0;
    border-bottom: 1px solid #d9e1ee;
}

.ans-format .res-line.no-del {
    background-image: -moz-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    color: #fff;
}

.ans-format .res-line .del {
    border-left-color: #d9e1ee;
    background: url(/images/del2.png) 50% 50% no-repeat;
}

.ans-format .rad-fr {
    padding: 20px 40px;
}

.ans-format .rad {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}

.ans-format .rad label {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

.del-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    background: #ff5120 url(/images/del.png) 50% 50% no-repeat;
}

.sel-box {
    margin-bottom: 30px;
}

.ai-item {
    position: relative;
    margin-bottom: 20px;
}

.ai-item .del-btn {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

.ai-item .image-wr > img {
    width: 100%;
    display: block;
}

.ai-item .image-wr .add-box-single {
    margin: 0;
    display: block;
}

.ai-item .image-wr .add-box {
    width: auto;
    float: none;
    padding: 20px;
    border: 0;
}

.ai-item .image-wr .add-fr {
    padding: 30px 10px;
}

.ai-item .image-wr {
    margin-bottom: 10px;
}

.ai-item input[type='text'] {
    margin-bottom: 10px;
    font-size: 13px;
}

.ai-item .ch {
    padding: 5px 20px;
    box-shadow: none;
    border: 1px solid #d9e1ee;
}

.ai-item .ch .chk-area {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.ai-item .ch label {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    color: #000000;
}

.front-view {
    padding: 40px;
}

.front-view .title {
    font-size: 18px;
}

.fr-view-item {
    margin-bottom: 20px;
}

.fr-view-item .hh1 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.fr-view-item .hh2 {
    font-size: 14px;
    font-weight: 600;
    padding-top: 10px;
    color: #7e7e7e;
}

.fr-view-item .hid-hh1 {
    display: none;
}

.fr-view-item .fr-box {
    height: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 3px;
    color: #6c6c6c;
    font-size: 13px;
    border: 1px solid #d9e1ee;
}

.fr-view-item .color1 {
    background-color: #000
}

.fr-view-item .color2 {
    background-color: #f7fcff
}

.front-view .btns {
    margin-top: 30px;
    text-align: center;
}

.front-view .btns .reset {
    display: inline-block;
    vertical-align: middle;
    margin-right: 80px;
    color: #0f65ef;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px dashed #0f65ef;
}

.front-view .btns .btn {
    background-color: #f7fcff;
    border: 1px solid #d9e1ee;
    color: #000;
    font-size: 15px;
    font-weight: normal;
    margin-right: 0;
}

.step-descr .ready {
    text-align: center;
}

.step-descr .ready img {
    margin-bottom: 20px;
}

.step-descr .ready .t1 {
    font-size: 36px;
    margin-bottom: 30px;
}

.step-descr .ready p {
    margin: 0 0 30px;
    font-size: 18px;
}

.step-descr .ready .btns .btn {
    font-size: 17px;
    padding: 15px 40px;
}

.step-descr .ready .btns .btn-white {
    background-color: #fff;
    border: 1px solid #d9e1ee;
    color: #000;
}

.step-descr .ready .btns {
    margin-bottom: 30px;
}

.step-descr .ready .prav {
    color: #9e9e9e;
    font-size: 12px;
}

.step-descr .ready .prav a {
    text-decoration: underline;
    color: #0f65ef;
}

.view-format {
    padding: 40px;
}

.view-format .title {
    text-align: center;
    margin-bottom: 30px;
}

.view-format .rad-box {
    border-radius: 3px;
    border: 2px solid #d9e1ee;
    padding: 20px 40px;
}

.view-format .rad-box label {
    display: inline-block;
    vertical-align: middle;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.view-format .rad-box .tt {
    margin-top: 5px;
    padding-left: 35px;
    color: #878787;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.view-format .rad-box .tt span {
    color: #0f65ef;
    font-size: 15px;
    line-height: 20px;
}

.view-format .rad-box.act {
    border-color: #0f65ef;
    box-shadow: 0px 10px 10px 0px rgba(15, 101, 239, 0.15);
}

.view-format {
    margin-bottom: 30px;
}

.code-box {
    padding: 40px;
}

.code-box .title {
    text-align: center;
    margin-bottom: 10px;
}

.code-box .sm {
    margin-bottom: 20px;
    margin-top: 0;
    color: #8f8f8f;
    font-size: 14px;
    text-align: center;
}

.code-frame {
    color: #5a5a5a;
    font-size: 14px;
    padding: 20px 40px;
    background-color: #f5f9fb;
}

.add-photo-popup {
    display: block;
}

.pop-add-box {
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
}

.pop-add-box .add-box {
    padding: 0;
    width: auto;
    float: none;
    display: block;
}

.add-photo-popup {
    padding: 40px;
    text-align: center;
    display: none;
}

.add-photo-popup .sizes {
    margin-top: 40px;
    color: #6b6b6b;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px;
}

.add-photo-link-popup {
    width: 700px;
    margin-left: -350px;
    padding: 40px;
}

.add-photo-link-popup .add-link {
    padding: 0;
}

.add-photo-link-popup .add-link input[type='text'] {
    margin-bottom: 0;
    background-color: #f7fcff;
    height: 46px;
    border: 0;
}

.add-photo-link-popup .add-link input[type='submit'] {
    height: 46px;
    font-size: 14px;
}

.res-line-full .cc {
    display: inline-block;
    vertical-align: middle;
    margin-left: 70px;
    font-size: 14px;
    font-weight: 600;
}

.res-line-full .cc .select-area {
    width: 54px !important;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    margin: 0 3px;
}

.res-line-full .cc .select-area .center {
    padding: 3px 10px;
    color: #000;
    font-size: 14px;
}

.text-fieds .h3 .select-area {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
    width: 60px !important;
}

.text-fieds .add-btn {
    margin-right: 0;
    margin-bottom: 20px;
}

.text-fieds .smi {
    font-size: 12px;
    font-style: italic;
    color: #898989;
    margin-bottom: 10px;
}

.text-fieds {
    margin-bottom: 30px;
}

.progressing .bx {
    padding: 35px 40px;
    position: relative;
}

.progressing .tt {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #e8e8e8;
}

.ans-form {
    position: relative;
    padding-right: 160px;
    margin-bottom: 30px;
}

.ans-form input[type='text'] {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #d9e1ee;
    height: 55px;
    padding: 0 15px;
    font-size: 16px;
    color: #000;
}

.ans-form input[type='submit'], .ans-form input[type='button'] {
    position: absolute;
    right: 0;
    top: 0;
    height: 55px;
    width: 148px;
    border: 0;
    margin-right: 0;
    cursor: pointer;
}

@media (max-width: 576px) {
    .ans-form {
        padding-right: 0;
    }
    .ans-form input[type='submit'], .ans-form input[type='button'] {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 15px;
    }
}

.ans-form .poput {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    right: 180px;
    top: 18px;
}

.progressing .link {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin-right: 30px;
}

.progressing .l-help {
    border-bottom: 1px solid #00c350;
}

.progressing .l-lose {
    border-bottom: 1px solid #f55a5a;
}

.progressing .l-help.btn{
	border-bottom: 0;
	background-color: #00c544;
}
.progressing .l-lose.btn{
	border-bottom: 0;
	background-color: #ff5115;
}

.progressing {
    margin-bottom: 20px;
}

.no-help {
    padding: 20px;
    text-align: center;
    border-left: 3px solid #f55a5a;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.ans-nea {
    padding: 20px;
    margin-bottom: 25px;
    border-left: 3px solid #f55a5a;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    display: none;
}

.image-slider {
    padding-top: 40px;
}

#counter {
    position: absolute;
    right: 40px;
    top: 35px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.progressing .tt .title {
    margin-bottom: 0;
}

.ch-box {
    padding: 15px 20px;
    overflow: hidden;
    margin-bottom: 10px;
}

.ch-box .chk-area {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.ch-box label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    max-width: 80%;
}

.jcf-class-green-ch.chk-checked {
    background-color: #00c350;
    border-color: #00c350
}

.jcf-class-red-ch.chk-checked {
    background-color: #ff5120;
    border-color: #ff5120;
}

/* .green-ch-wrap .img {
    border: 5px solid #bffed9;
}

.red-ch-wrap .img {
    border: 5px solid #ffd0c3;
} */

.mt30 {
    margin-top: 30px;
}

.quiz-progress-bar {
    overflow: hidden;
}

.quiz-progress-bar .dots {
    float: left;
}

.quiz-progress-bar .dots > div {
    background-color: #d9e1ee;
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 50%;
}

.quiz-progress-bar .dots > div.been {
    background-color: #1065ef;
}

.quiz-progress-bar .dots > div.act {
    background-image: -moz-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(15, 101, 239) 0%, rgb(150, 10, 249) 100%);
    width: 12px;
    height: 12px;
}

.quiz-progress-bar .count {
    float: right;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.progressing .image {
    text-align: center;
    margin-top: 30px;
}

.ans-fr .img {
    height: 266px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

/*
.ans-fr img {
    width: 100%;
    display: block;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    height: 266px;
}

.ans-fr img:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.ans-fr .img {
    overflow: hidden;
}
*/

.ans-fr .ch-box {
    margin-bottom: 0;
}

.ans-fr {
    margin-bottom: 30px;
}

.image-vars .img {
    padding: 5px;
    max-width: 320px;
    margin: 0 auto 30px;
}

.image-vars .img {
    overflow: hidden;
}

.image-vars .img img {
    width: 100%;
    display: block;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.image-vars .img img:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

img {
    max-width: 100%;
}

.answers-block {
    cursor: pointer;
}

.chk-area, .answers-block label {
    pointer-events: none;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: .5em;
}

.mb-2 {
    margin-bottom: 1em;
}

.mb-3 {
    margin-bottom: 1.5em;
}

.mb-4 {
    margin-bottom: 2em;
}

.mb-5 {
    margin-bottom: 2.5em;
}

.text-label {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}


.block-vertical-margin { margin-bottom: 30px; }
.block-vertical-margin .ans-fr { margin-bottom: 0; }
.block-vertical-margin-mini { margin-bottom: 10px!important; }
@media (max-width: 768px) {
    .block-vertical-margin { margin-bottom: 15px!important; }
}

.block-result-img .state-box .image > img { width: auto; max-width: 100%; margin: 0 auto; }

.answer-unsel {
    height: 100%!important;
    margin-bottom: 0px;
}
.choose-answer.red-ch-wrap { background: #ffd0c3!important; }
.choose-answer.red-ch-wrap label { color: #ff5120!important; }
.choose-answer.green-ch-wrap { background: #bffed9!important; }
.choose-answer.green-ch-wrap label { color: #00c350!important; }

.choose-answer.answer-sel { background: #becde4!important; }
.choose-answer.answer-sel label { color: #0f65ef!important; }
.choose-answer.answer-sel .chk-area.chk-checked { background-color: #0f65ef!important; border-color: #0f65ef!important; }

.choose-answer.answer-sel .autor_print_wrapper .img { border: 5px solid #becde4; }
.choose-answer.green-ch-wrap .autor_print_wrapper .img { border: 5px solid #bffed9; }
.choose-answer.red-ch-wrap .autor_print_wrapper .img { border: 5px solid #ffd0c3; }

.choose-answer.answer-sel .autor_print_wrapper:after { width: calc(100% - 10px); top: -5px; left: 5px; }
.choose-answer.green-ch-wrap .autor_print_wrapper:after { width: calc(100% - 10px); top: -5px; left: 5px; }
.choose-answer.red-ch-wrap .autor_print_wrapper:after { width: calc(100% - 10px); top: -5px; left: 5px; }

.answers-container .choose-answer {  }


.result-box-no-counter { margin-top: 0; padding-top: 40px!important; }

.my-tests .my-tests__header { overflow: hidden; }
.my-tests .my-tests__header .title { float: left; }
.my-tests .my-tests__header .my-tests__header__tabs { float: right; }
.my-tests .my-tests__header .my-tests__header__tabs .lk__tabs__caption { padding-top: 15px; }
.my-tests .my-tests__header .my-tests__header__tabs .lk__tabs__caption li {
    display: inline-block;
    font: 14px "Montserrat";
    color: #8b9cb6;
    font-weight: 600;
    margin-right: 25px;
    cursor: pointer;
}
.my-tests .my-tests__header .my-tests__header__tabs .lk__tabs__caption li:nth-last-of-type(1) { margin-right: 0; }
.my-tests .my-tests__header .my-tests__header__tabs .lk__tabs__caption li:hover { color: #0f65ef; }
.my-tests .my-tests__header .my-tests__header__tabs .lk__tabs__caption li.active { color: #0f65ef; border-bottom: 2px solid #0f65ef; padding-bottom: 3px; }
@media (max-width: 575px) {
    .my-tests .my-tests__header .title { width: 100%; margin-bottom: 0; }
    .my-tests .my-tests__header .my-tests__header__tabs { width: 100%; float: left; margin-bottom: 30px; }
}

.my-tests .lk__tabs__content.lk__tabs__content_table { padding: 0 15px; }
.my-tests .lk__tabs__content .lk_statistics { width: 100%; font: 14px "Montserrat"; font-weight: 500; }
.my-tests .lk__tabs__content .lk_statistics .btns { display: inline-block; }
.my-tests .lk__tabs__content .lk_statistics .btns img { width: 18px; }
.my-tests .lk__tabs__content .lk_statistics thead, .my-tests .lk__tabs__content .lk_statistics thead a { font-weight: 600; color: #8b9cb6; position: relative; }
.my-tests .lk__tabs__content .lk_statistics thead a:after { content: ''; position: absolute; border: 4px solid transparent; border-top: 6px solid #8b9cb6; bottom: 0; right: -13px; }
.my-tests .lk__tabs__content .lk_statistics thead tr { height: 77px; }
.my-tests .lk__tabs__content .lk_statistics tr { border-bottom: 1px solid #e8ebf0; text-align: center; }
.my-tests .lk__tabs__content .lk_statistics tbody tr:nth-last-of-type(1) { border-bottom: 0; }
.my-tests .lk__tabs__content .lk_statistics tr td { vertical-align: middle; height: 77px; padding: 15px; }
.my-tests .lk__tabs__content .lk_statistics tr td:nth-of-type(1) { text-align: left; width: 25%; }
.my-tests .lk__tabs__content .lk_statistics tr td:nth-of-type(2),
.my-tests .lk__tabs__content .lk_statistics tr td:nth-of-type(3),
.my-tests .lk__tabs__content .lk_statistics tr td:nth-of-type(4),
.my-tests .lk__tabs__content .lk_statistics tr td:nth-of-type(5) { width: 15%; }
.my-tests .lk__tabs__content .lk_statistics tr td.shape { position: relative; }
.my-tests .lk__tabs__content .lk_statistics tr td.shape span { position: relative; left: -20px; }
.my-tests .lk__tabs__content .lk_statistics tr td.shape .btns { position: absolute; top: 50%; margin-top: -20px; right: 25px; }
@media (min-width: 768px) and (max-width: 991px) {
    .my-tests .lk__tabs__content .lk_statistics tr td.shape span { position: relative; left: 0; margin-bottom: 5px; display: block; }
    .my-tests .lk__tabs__content .lk_statistics tr td.shape .btns { position: relative; top: 0; margin-top: 0; right: 0; }
    .my-tests .lk__tabs__content .lk_statistics tr td .btns a { margin-right: 0; margin-bottom: 10px; }
    .my-tests .lk__tabs__content .lk_statistics tr td .btns a:nth-last-of-type(1) { margin-bottom: 0; }
}
@media (max-width: 767px) {
    .my-tests .lk__tabs__content .lk_statistics tr td, .my-tests .lk__tabs__content .lk_statistics tr th {
        padding-left: 0!important;
        padding-right: 0!important;
        height: auto;
    }

    .my-tests .lk__tabs__content .lk_statistics thead {
        display: none;
    }
    .my-tests .lk__tabs__content .lk_statistics tr {
        padding: 15px 0;
        display: block;
    }
    .my-tests .lk__tabs__content .lk_statistics td {
        display: block;
        text-align: left;
        width: 100%!important;
    }
    .my-tests .lk__tabs__content .lk_statistics td:last-child {
        border-bottom: 0;
        text-align: center!important;
    }
    .my-tests .lk__tabs__content .lk_statistics td:before {
        content: attr(data-label);
        float: left;
        font: 15px/16px 'Montserrat';
        font-weight: 600;
        color: #000;
        width: 170px;
    }
    .my-tests .lk__tabs__content .lk_statistics td input {
        margin-left: auto;
    }
    .my-tests .lk__tabs__content .lk_statistics td select {
        width: 100%;
        margin-top: 30px;
    }
    .my-tests .lk__tabs__content .lk_statistics tr td:nth-of-type(1) {
        text-align: center!important;
        width: 100%;
    }
    .my-tests .lk__tabs__content .lk_statistics tr td.shape span { left: 0; }
    .my-tests .lk__tabs__content .lk_statistics tr td.shape .btns {
        position: relative;
        top: 4px;
        left: 10px;
    }
}

.my-tests .acticle_item .btns { position: absolute; z-index: 1; right: 0; padding: 10px; }
.my-tests .acticle_item .btns img { width: 18px; }
.my-tests .my-tests-btn { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 50px; margin-right: 10px; }
.my-tests .my-tests-btn:nth-last-of-type(1) { margin-right: 0; }
.my-tests .my-tests-btn { -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; }
.my-tests .my-tests-btn:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); }
.my-tests .my-tests-btn.my-tests-btn-edit { background: #0f65ef; }
.my-tests .my-tests-btn.my-tests-btn-delete { background: #ff5120; }

/* Full width Facebook comments from danilin.biz  */
.fb-comments,
.fb-comments iframe[style],
.fb-like-box,
.fb-like-box iframe[style],
.fb-comments span,
.fb-comments iframe span[style],
.fb-like-box span,
.fb-like-box iframe span[style] {
     width: 100% !important;
     }

/* Styles form element */
#max_guesses, .result-answers-select {
    display: inline-block!important;
    position: relative!important;
    left: 0!important;
}
#max_guesses { 
    border: 1px solid #d9e1ee;
    border-radius: 3px;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    cursor: default;
    height: 40px;
    display: block;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
    width: 60px !important;
    padding: 10px;
    color: #919191;
    font-size: 15px;
    background: transparent url(/images/arr1-dropdown.png) no-repeat 78% center;
}
#max_guesses option {
    color: #000;
    font-size: 13px;
}
.select-area { display: none!important; }

/* switcher */
.timer_block .switch label { font-size: 17px!important; }
.timer_block .timer_block__wrapper { padding: 30px 40px; }
.timer_block .position-box .position { line-height: 40px; margin-bottom: 0!important; margin-top: 0!important; }
.timer_block .timer_block__switcher_content { margin-top: 20px; }
.timer_block input[type='text'] { margin-bottom: 0!important; width: 80px!important; text-align: center; }
.timer_block .col-auto { max-width: none; width: auto; margin: 0; }
@media (max-width: 480px) {
    .timer_block .timer_block__switcher_top { margin-bottom: 50px; width: 180px; }
    .timer_block .timer_block__switcher_top label { text-indent: inherit!important; padding-left: 0!important; }
    .timer_block .timer_block__switcher_top label span { top: 30px; position: relative; }
    .timer_block .timer_block__switcher_content { margin-top: 80px; }
}

.quiz-progress-bar .count.count-left { float: left; margin-right: 15px; }
@media (max-width: 768px) {
    .quiz-progress-bar { position: relative; }
    .quiz-progress-bar .count.count-left { position: absolute; bottom: 0; }
    .quiz-progress-bar .dots { width: 100%; margin-bottom: 10px; }

}

.title_input {
    font: 14px "Montserrat";
    font-weight: 600;
    text-align: left;
    color: #000;
    margin-bottom: 12px!important;
    margin-top: 23px!important;
}
.text_input_block input {
    font: 13px 'Montserrat'!important;
    border-radius: 3px!important;
    background-color: #ffffff!important;
    border: 1px solid #d9e1ee!important;
    width: 100%!important;
}
.text_input_block:nth-last-of-type(1) input { margin-bottom: 0!important; }

.autor_print_wrapper {
    position: relative;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}
.autor_print_wrapper.autor_print_wrapper__guessword { padding: 0!important; margin: 35px 40px!important; border-bottom: 0!important; }
hr.autor_print_wrapper__guessword__hr { border-top: 1px solid #e8e8e8; margin: 0; }
.autor_print_wrapper img { display: block; vertical-align: middle; }
.autor_print_wrapper.autor_print_wrapper_prologue { width: 100%; }
.autor_print_wrapper.autor_print_wrapper_prologue img { width: 100%!important; }
.autor_print_wrapper.autor_print_wrapper_quiz { max-width: inherit; }
.autor_print_image {
    position: absolute;
    bottom: 0;
    right: 0;
    font: 15px 'Montserrat';
    color: #fff;
    opacity: .5;
    padding: 20px 30px;
    z-index: 1;
}
.autor_print_image:hover { 
    opacity: 1;
    color: #fff;
}
.autor_print_image_4 {
    font: 15px 'Montserrat';
    color: #fff;
    display: block;
    text-align: right;
    margin-top: 10px;
    opacity: .5;
}
.autor_print_image_4:hover { 
    opacity: 1;
    color: #fff;
}

.autor_print_wrapper:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );
}
.question .progressing .image.autor_print_wrapper:after {
    display: none;
}

@media (max-width: 768px) {
    .answer-unsel {
        margin-bottom: 0px;
    }
}
@media (max-width: 991px) {
    .poster { margin-top: 50px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ch-box label { max-width: 75%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ch-box label { max-width: 75%; }
    #poster_month { max-width: 25%; }
}

.max-guesses-box {
	margin-top: 40px;
}


.error404_content { padding: 130px 0; }
.error404_content h1 { font-size: 30px; color: #000; font-weight: 600; text-align: center; margin-bottom: 50px; }

#result-content ol, #result-content ul {
    color: #000000;
    font-size: 14px;
    padding-left: 12px;
    margin: 0 0 20px;
}


.progressing .bx { padding: 40px; }
.bx_tt_powered { position: absolute; top: 0; right: 0; font: 12px Montserrat; color: #aaaaaa; padding: 14px 20px 0 0; }
.bx_tt_powered a { color: #c1a8ff; text-decoration: underline; font-weight: 600; }
.bx_tt_powered .bx_tt_powered__logo {
    width: 20px;
    top: 3px;
    position: relative;
    margin-left: 3px;
}
.bx_tt_powered__footer {
    margin-top: 0 !important;
}
.bx_tt_powered__footer a {
    display: inline-block;
    float: right;
    padding-right: 5px;
    font-size: 12px;
    font-family: montserrat, sans-serif;
    font-weight: normal;
    color: #aaa;
    text-decoration: none;
}

.template_test_block .template_test_block__content { padding-left: 20px; padding-right: 20px; }
.template_test_block .template_test_block__content .template_test_block__content__item {
    height: 78px;
    text-align: center;
    margin-left: 0!important;
}
.template_test_block .template_test_block__content .template_test_block__content__item label { padding-left: 40px; }
.template_test_block .template_test_block__content .template_test_block__content__item label:before { top: 25px; }
.template_test_block .template_test_block__content .template_test_block__content__item label:after { top: 32px; }

@media (max-width: 991px) {
    .template_test_block .template_test_block__content .template_test_block__content__item:nth-of-type(1), .template_test_block .template_test_block__content .template_test_block__content__item:nth-of-type(2), .template_test_block .template_test_block__content .template_test_block__content__item:nth-of-type(3) { margin-bottom: 50px!important; }
}
@media (min-width: 992px) {
    .template_test_block .template_test_block__content .template_test_block__content__item img { max-height: 78px; }
}

/* --------- answers ---------- */
.answers-image-3 .ch-box .chk-area, .answers-image-4 .ch-box .chk-area { float: left; }
.answers-image-3 .answers-block label, .answers-image-4 .answers-block label { margin-top: 2px; }

/* -------------------
test_block__text
------------------- */
.test_block__text { padding: 20px; }
.test_block__text .test_block__text__item { height: 100%; margin-bottom: 25px; }
.test_block__text .test_block__text__item .image_block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: 100px;
    width: 110px;
}
.test_block__text .progress {
    margin-left: 57px;
    height: 5px;
    overflow: visible;
    background-color: #e4e4e4;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 23px;
}
.test_block__text .test_block__text__item__title { font: 15px 'Montserrat'; color: #000; font-weight: 600; }
.test_block__text .test_block__text__item__kol { font: 14px 'Montserrat'; color: #a0a0a0; font-weight: 500; text-align: right; position: relative; top: 8px; }
.test_block__text .progress .progress-start {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background: #960af9;
    position: relative;
    top: -26px;
    margin-left: -57px;
    text-align: center;
    font: 15px/57px 'Montserrat';
    color: #fff;
    font-weight: 600;
}
.progress-bar { text-align: left; -webkit-transition-duration: 2s!important; transition-duration: 2s!important; -webkit-transition: width .6s linear!important; transition: width .6s linear!important; }
.test_block__text .progress .progress-bar { background: linear-gradient(90deg, rgba(150,10,249,1) 0%, rgba(15,101,239,1) 100%); border-radius: 0 3px 3px 0; }
.test_block__text  .test_block__text__item.active .progress .progress-start, .test_block__text .test_block__text__item.active .progress .progress-bar { background: #00c350; }
.test_block__text__vote { font: 15px 'Montserrat'; font-weight: 500; color: #a0a0a0; margin-top: 20px; }
.test_block__text__vote span { font: 15px 'Montserrat'; font-weight: 700; color: #000; }

.test_block__text .test_block__text__item .image_left { width: 110px; height: 100px; border-radius: 6px; display: inline-block; }
.test_block__text .test_block__text__item .right { display: inline-block; position: relative; top: 5px; }

/* ----------2----------- */
.test_block__text.test_block2 .progress { margin-left: 0; background-color: inherit; }
.test_block__text.test_block2 .progress .progress-bar { border-radius: 3px; }
.test_block__text.test_block2 .test_block__text__item .image_left { width: 84px; height: 74px; border-radius: 5px; }
/*.test_block__text.test_block2 .test_block__text__item .right { top: -6px; }*/
.test_block__text.test_block2 .info .info__item { display: inline-block; }
.test_block__text.test_block2 .info .test_block__text__item__kol { float: right; top: 2px; }
.test_block__text.test_block2 .info .test_block__text__item__title span { font-weight: 700; }

/* ----------3----------- */
/*.test_block__text.test_block3 .test_block__text__item { margin-bottom: -10px; }*/
.test_block__text.test_block3 .progress { margin-left: 0; background-color: #474747; height: 44px; overflow: hidden; position: relative; }
.test_block__text.test_block3 .progress .progress-bar { border-radius: 0; }
.test_block__text.test_block3 .test_block__text__item.active .progress .progress-start, .test_block__text.test_block3 .test_block__text__item.active .progress .progress-bar { background: linear-gradient(90deg, rgba(150,10,249,1) 0%, rgba(15,101,239,1) 100%); }
.test_block__text.test_block3 .info { position: absolute; width: 100%; }
.test_block__text.test_block3 .test_block__text__item .image_left { width: 84px; height: 74px; border-radius: 5px; margin-bottom: 35px; }
/*.test_block__text.test_block3 .test_block__text__item .right { top: -6px; }*/
.test_block__text.test_block3 .info .test_block__text__item__kol { float: right; height: 100%; line-height: 44px; color: #fff; font-weight: 500; padding-right: 20px; top: 0; }
.test_block__text.test_block3 .info .test_block__text__item__title { float: left; height: 100%; line-height: 44px; color: #fff; font-weight: 500; padding-left: 20px; }
.test_block__text.test_block3 .test_block__text__item.active .test_block__text__item__kol, .test_block__text.test_block3 .test_block__text__item.active .test_block__text__item__title { font-weight: 700; }

/* ----------4----------- */
/*.test_block__text.test_block4 .test_block__text__item { margin-bottom: 15px; }*/
.test_block__text.test_block4 .progress { margin-left: 0; background-color: inherit; height: 32px; overflow: hidden; position: relative; margin-top: 17px; }
.test_block__text.test_block4 .progress .progress-bar { border-radius: 15px; }
.test_block__text.test_block4 .progress .progress-bar-kol { padding-left: 0; font: 15px/32px 'Montserrat'; color: #000; font-weight: 600; }
.test_block__text.test_block4 .test_block__text__item .image_left { width: 84px; height: 74px; border-radius: 5px; }
/*.test_block__text.test_block4 .test_block__text__item .right { top: 1px; }*/
.test_block__text.test_block4 .info .info__item { display: inline-block; }
.test_block__text.test_block4 .info .test_block__text__item__kol { float: right; top: 2px; }
.test_block__text.test_block4 .info .test_block__text__item__title span { font-weight: 700; }
.test_block__text.test_block4.test_block4_imgonly .info { overflow: hidden; }
.test_block__text.test_block4.test_block4_imgonly .info .test_block__text__item__kol { float: left; top: 2px; }

/* ----------5----------- */
/*.test_block__text.test_block5 .test_block__text__item { margin-bottom: -10px; }*/
.test_block__text.test_block5 .progress { margin-left: 0; background-color: inherit; height: 44px; overflow: hidden; position: relative; }
.test_block__text.test_block5 .progress .progress-bar { background: linear-gradient(-90deg, #dbe8fd 0%, #efdbfe 100%); border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; }
.test_block__text.test_block5 .test_block__text__item.active .progress .progress-start, .test_block__text.test_block5 .test_block__text__item.active .progress .progress-bar { background: linear-gradient(-90deg, #dbe8fd 0%, #efdbfe 100%); }
.test_block__text.test_block5 .info { position: absolute; width: 100%; }
.test_block__text.test_block5 .test_block__text__item .image_left { width: 84px; height: 74px; border-radius: 5px; margin-bottom: 35px; }
/*.test_block__text.test_block5 .test_block__text__item .right { top: -6px; }*/
.test_block__text.test_block5 .info .test_block__text__item__kol { float: right; height: 100%; line-height: 44px; color: #000; font-weight: 500; padding-right: 20px; top: 0; }
.test_block__text.test_block5 .info .test_block__text__item__title { float: left; height: 100%; line-height: 44px; color: #000; font-weight: 500; padding-left: 20px; }
.test_block__text.test_block5 .test_block__text__item.active .test_block__text__item__kol, .test_block__text.test_block5 .test_block__text__item.active .test_block__text__item__title { font-weight: 700; }
.frame .preview { padding-bottom: 20px; }

@media (max-width: 768px) {
    .test_view_1.img_view .test_block__text__item { margin-bottom: 45px; }
    .test_view_3.img_view .test_block__text__item, .test_view_5.img_view .test_block__text__item { margin-bottom: 20px; }
    .test_view_3.img_view .test_block__text__item img, .test_view_5.img_view .test_block__text__item img { margin-bottom: 0!important; }
    .test_view_4 .progress { overflow: visible!important; margin-top: 0!important; }
    .test_view_4 .progress .col { padding-left: 0; }
    .test_view_4 .progress .col .progress-bar { height: 32px; }
    .test_view_4 .test_block__text__item { margin-bottom: 50px!important; }
}

/* ----------test_block__text hidden element----------- */
.quiz_type_3 .bx .quiz-progress-bar { display: none; }
.quiz_type_3 .bx.tt { display: block; }

.test_view_1 .test_block__text__item__title { padding-bottom: 18px; }
.test_view_1 .test_block__text__item__kol { display: none; }
.test_view_2 .test_block__text__item__title.info__item span { display: none; }
.test_view_4 .progress { height: 16px!important; }
.test_view_4 .progress .progress-bar-kol { line-height: 16px!important; }
.test_view_4 .test_block__text__item__kol { display: none!important; }


/* -------------------
test__true_false
------------------- */
.test__true_false { padding: 30px; }
.test__true_false .question-container {
    background: #642cf5;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    border-radius: 5px;
}
.test__true_false .question-container .image { padding: 5px 5px 0 5px; margin-bottom: -5px; }
.test__true_false .question-container .image img { object-fit: cover; width: 100%; max-height: 300px; }
.test__true_false .question-container .image.autor_print_wrapper { padding: 0!important; }
.test__true_false .question-container .title {
    padding: 20px 23px;
    font: 17px/22px 'Montserrat';
    font-weight: 600;
    color: #fff;
    min-height: 180px;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
}

.test__true_false .question-container .card__face__wrapper {
    background: linear-gradient(to top, white, transparent);
    /* height: 50px; */
    /* position: absolute; */
    width: 100%;
    bottom: 0;
    z-index: -1;
}
.test__true_false .question-container .card__face__wrapper.hidden { display: none; }

.test__true_false .question-container .answer { padding: 20px 23px 0 23px; margin-bottom: -10px; color: #fff; font: 19px 'Montserrat'; font-weight: 700; }

.test__true_false .button-container {
    text-align: center;
    margin-top: 35px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.test__true_false .button-container .button_item {
    min-width: 130px;
    max-width: 300px;
    padding: 20px;
    margin: 10px !important;
    border: 2px solid #c8b3ff;
    /* width: 90px; */
    /* height: 55px; */
    border-radius: 3px; text-align: center;
    /* line-height: 55px; */
    display: inline-block;
    position: relative;
    background: #fff;    
}
.test__true_false .button-container .button_item:hover {
    border: 2px solid #fff;
    background: linear-gradient(90deg, rgba(150,10,249,1) 0%, rgba(15,101,239,1) 100%);
    border-radius: 5px;
}
.test__true_false .button-container .button_item.no {
    color: #fff;
    /* line-height: 62px; */
    margin-right: 20px;
    top: 1px;
}
.test__true_false .button-container .button_item.no span {
    /* position: absolute; */
    /* right: 100px; */
    font: 15px 'Montserrat';
    font-weight: 600;
    color: #000;
    height: 100%;
    /* top: 0; */
    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;
}
.test__true_false .button-container .button_item.no .button_item__image {
    background: url(/images/ico/cancel-truefalse-color.png) 50% 50% no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}
.test__true_false .button-container .button_item.no:hover .button_item__image {
    background: url(/images/ico/cancel-truefalse-white.png) 50% 50% no-repeat;
}
.test__true_false .button-container .button_item.yes span {
    /* position: absolute; */
    /* left: 100px; */
    font: 15px 'Montserrat';
    font-weight: 600;
    color: #000;
    height: 100%;
    /* top: 0; */
    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;
}
.test__true_false .button-container .button_item.yes .button_item__image {
    background: url(/images/ico/tick-truefalse-color.png) 50% 50% no-repeat;
    width: 17px;
    height: 15px;
    margin: 0 auto;
}
.test__true_false .button-container .button_item.yes:hover .button_item__image {
    background: url(/images/ico/tick-truefalse-white.png) 50% 50% no-repeat;
}

/* .test__true_false .button-container .btn { */
    /* width: 148px; */
    /* height: 50px; */
/* } */


/* -------------------
test__yes_no
------------------- */
.test__yes_no.test__true_false { padding: 0; }
.test__yes_no.test__true_false .button-container .button_item.yes .button_item__image-wrap,
.test__yes_no.test__true_false .button-container .button_item.no .button_item__image-wrap {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}
.test__yes_no.test__true_false .button-container .button_item {
    /* min-width: 130px; */
    background: none;
}
.test__yes_no.test__true_false .button-container .button_item:hover {
    background: linear-gradient(90deg, rgba(150,10,249,1) 0%, rgba(15,101,239,1) 100%);
}
.test__yes_no.test__true_false .button-container .button_item:hover span { color: #fff; }
.test__yes_no.test__true_false .button-container .button_item.yes { margin-left: 0; }
.test__yes_no.test__true_false .button-container .button_item span {
    position: relative;
    padding-left: 10px;
    display: table-cell !important;
}
.test__yes_no.test__true_false .button-container .button_item.no {
    margin-right: 0;
    top: 0;
    /* line-height: 55px; */
}
@media (max-width: 450px) {
    .test__yes_no.test__true_false .button-container .button_item {
        /* min-width: 160px; */
        display: block;
        margin: 20px auto 0 auto!important;
    }
}

.test__yes_no .test__true_false__swap_button {
    line-height: 25px !important;
}
.test__yes_no .test__true_false__swap_button .button_item__image {
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    border-radius: 2px !important;
}
.test__yes_no .test__true_false__swap_button span {
    line-height: 25px !important;
}
.yesno-is-correct {
    background: #bffed9 !important;
}
.yesno-is-correct span {
    color: #00c350 !important;
}
.yesno-is-correct .button_item__image {
    background-color: #00c350 !important;
    border: 2px solid #00c350 !important;
}
.yesno-is-incorrect {
    background: #ffd0c3 !important;
}
.yesno-is-incorrect span {
    color: #ff5120 !important;
}
.yesno-is-incorrect .button_item__image {
    background-color: #ff5120 !important;
    border: 2px solid #ff5120 !important;
}
.yesno-is-correct,
.yesno-is-incorrect {
    border-radius: 5px !important;
    border-color: transparent !important;
}
.yesno-is-correct.yes .button_item__image,
.yesno-is-incorrect.yes .button_item__image {
    background-image: url(/images/ico/tick-truefalse-white.png) !important;
}
.yesno-is-correct.no .button_item__image,
.yesno-is-incorrect.no .button_item__image {
    background-image: url(/images/ico/cancel-truefalse-white.png) !important;
}

.scene {
    width: 100%;
    max-width: 350px;
    height: 450px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    margin: 0 auto;
}
.cartochka {
    width: 100%;
    height: 100%;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.cartochka.is-flipped {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: transparent;
}
.card__face { position: absolute; width: 100%; height: 100%; }
.card__face--front { border-radius: 5px; }
.card__face--back { 
    border-radius: 5px; 
    background: inherit; 
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.card__face--front, .card__face--back {
    background: #642cf5;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -ms-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.card__face--front .title, .card__face--back .title {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    height: 0;
    min-height: 0!important;
    margin: 20px 0;
    padding: 0 23px!important;
    padding-right: 40px!important;
    margin-right: -28px;
}
.card__face--back.answer-true { background: #00c350; }
.card__face--back.answer-false { background: #ff5120; }

.card__backline-2 {
    background: #9e79fd;
    width: 92%;
    height: 450px;
    top: 9px;
    left: 50%;
    margin-left: -46%;
    position: absolute;
    z-index: -1;
    border-radius: 5px;
}
.card__backline-3 {
    background: #c8b3ff;
    width: 84%;
    height: 450px;
    margin: 0 auto;
    top: -434px;
    position: relative;
    z-index: -2;
    border-radius: 5px;
}
.test__true_false .btn { margin-right: 0; }

/* -------------------
step-5
------------------- */
.step-5__all { text-align: left; }
.step-5__all .title { margin-bottom: 40px; }
.step-5__all .title.minmargin { margin-bottom: 12px; }
.step-5__all .subtitle { color: #000; font: 14px 'Montserrat'; font-weight: 600; }
.step-5__setting-publication .step-5__setting-publication__item { margin-bottom: 22px; }
.step-5__setting-publication .step-5__setting-publication__item:nth-last-of-type(1) { margin-bottom: 0; }
.step-5__setting-publication .step-5__setting-publication__item .label { padding: 7px 20px; margin-left: 16px; border-radius: 14px; background: #ffea00; color: #000; font: 12px 'Montserrat'; font-weight: 700; }
.step-5__list-sites .step-5__list-sites__list { margin-top: 33px; }
.step-5__list-sites .step-5__list-sites__list .step-5__list-sites__list__item { margin-bottom: 13px; }
.step-5__list-sites .step-5__list-sites__list .step-5__list-sites__list__item:nth-last-of-type(1) { margin-bottom: 0; }
.step-5__list-sites .step-5__list-sites__list .step-5__list-sites__list__item span { color: #000; font: 15px 'Montserrat'; font-weight: 600; }
.step-5__list-sites .step-5__list-sites__list .step-5__list-sites__list__item .del { position: absolute; margin-left: 20px; width: 20px; height: 20px; cursor: pointer; background: url(/images/del2.png) no-repeat; }
.step-5__list-sites .step-5__list-sites__add { margin-top: 28px; }
.step-5__list-sites .step-5__list-sites__add .input-group-prepend {  }
.step-5__list-sites .step-5__list-sites__add input[type='text'] { margin-bottom: 27px!important; border: 1px solid #d9e1ee; border-radius: 3px!important; padding-left: 95px!important; font: 13px 'Montserrat'!important; font-weight: 500!important; color: #9c9c9c!important; }
.step-5__list-sites .step-5__list-sites__add .dropdown-toggle { position: absolute; z-index: 11; height: 40px; border: 0; padding: 0 16px; font: 13px 'Montserrat'; font-weight: 600; color: #0f65ef; background-color: inherit!important; }
.step-5__list-sites .step-5__list-sites__add .dropdown-toggle::after { border-top: .5em solid; border-right: .35em solid transparent; border-left: .35em solid transparent; vertical-align: .05em; margin-left: .455em; color: #000; }
.step-5__list-sites .step-5__list-sites__add .dropdown-menu { border: 0; border-radius: 3px; min-width: 94px!important; margin: 5px 0 0; padding: 10px 0; }
.step-5__list-sites .step-5__list-sites__add .dropdown-menu .dropdown-item { cursor: pointer; font: 13px 'Montserrat'; font-weight: 600; color: #000; margin-bottom: 3px; }
.step-5__list-sites .step-5__list-sites__add .dropdown-menu .dropdown-item:hover { background: inherit; color: #0f65ef; }
.step-5__list-sites .step-5__list-sites__add .dropdown-menu .dropdown-item:nth-last-of-type(1) { margin-bottom: 0; }
.step-5__list-sites .step-5__list-sites__add .dropdown-toggle:hover, .step-5__list-sites .step-5__list-sites__add .dropdown-toggle:active, .step-5__list-sites .step-5__list-sites__add .dropdown-toggle:focus { color: #0f65ef; background-color: inherit!important; box-shadow: none!important; }
.step-5__list-sites .step-5__list-sites__add__button { font: 15px/24px 'Montserrat'; font-weight: 600; color: #1065ef!important; background: #fff; border: 2px solid #0f65ef; border-radius: 3px; height: 50px; } 
.step-5__list-sites .step-5__list-sites__add__button-one { width: 144px; height: 40px; line-height: 16px; position: relative; margin-right: 0; }
.step-5__code { margin-bottom: 50px!important; }
.step-5__code .step-5__code__text { margin-top: 37px; position: relative; }
.step-5__code .step-5__code__text textarea { font: 14px/25px "Montserrat"; font-weight: 400; background: #f5f9fb; color: #5a5a5a; padding: 25px 28px; height: 280px; width: 100%; resize: none; border: none; }
.step-5__code .step-5__code__text textarea::-webkit-scrollbar-track { border-radius: 2px; background: #d2d9e3; width: 50%; }
.step-5__code .step-5__code__text textarea::-webkit-scrollbar { width: 4px; height: 4px; }
.step-5__code .step-5__code__text textarea::-webkit-scrollbar-thumb {border-radius: 2px;background: #92a1b5;}
.step-5__code .step-5__code__text input[type="text"].one-line {
    width: 95%;
    height: 47px;
    border-radius: 3px;
    background-color: #f5f9fb;
    font-size: 14px;
    line-height: 25px;
    color: #5a5a5a;
    font-family: "Montserrat";
    font-weight: 400;
    padding: 0 20px;
    border: 0;
}
.step-5__code .step-5__code__text .step-5__code__text__left { width: 95%; display: inline-block; }
.step-5__code .step-5__code__text .step-5__code__text__right { margin-left: 23px; display: inline-block; top: 0; position: absolute; width: 18px; }
@media (max-width: 576px) {
    .step-5__code .step-5__code__text .step-5__code__text__left { width: 100%; }
    .step-5__code .step-5__code__text .step-5__code__text__right { top: 12px; right: 12px; }
}
@media (min-width: 577px) and (max-width: 768px) {
    .step-5__code .step-5__code__text .step-5__code__text__left { width: 91%; }
}

.step-5__custom-code { margin-bottom: 50px!important; padding-bottom: 70px }
.step-5__custom-code .step-5__custom-code__text { margin: 20px 0 37px; position: relative; }
.step-5__custom-code .step-5__custom-code__text textarea { font: 14px/25px "Montserrat"; font-weight: 400; background: #f5f9fb; color: #5a5a5a; padding: 25px 28px; height: 280px; width: 100%; resize: none; border: none; }
.step-5__custom-code .step-5__custom-code__text textarea::-webkit-scrollbar-track { border-radius: 2px; background: #d2d9e3; width: 50%; }
.step-5__custom-code .step-5__custom-code__text textarea::-webkit-scrollbar { width: 4px; height: 4px; }
.step-5__custom-code .step-5__custom-code__text textarea::-webkit-scrollbar-thumb {border-radius: 2px;background: #92a1b5;}
.step-5__custom-code .step-5__custom-code__text input[type="text"].one-line {
    width: 95%;
    height: 47px;
    border-radius: 3px;
    background-color: #f5f9fb;
    font-size: 14px;
    line-height: 25px;
    color: #5a5a5a;
    font-family: "Montserrat";
    font-weight: 400;
    padding: 0 20px;
    border: 0;
}
.step-5__custom-code .step-5__custom-code__text .step-5__custom-code__text__left { width: 95%; display: inline-block; }
.step-5__custom-code .step-5__custom-code__text .step-5__custom-code__text__right { margin-left: 23px; display: inline-block; top: 0; position: absolute; width: 18px; }
@media (max-width: 576px) {
    .step-5__custom-code .step-5__custom-code__text .step-5__custom-code__text__left { width: 100%; }
    .step-5__custom-code .step-5__custom-code__text .step-5__custom-code__text__right { top: 12px; right: 12px; }
}
@media (min-width: 577px) and (max-width: 768px) {
    .step-5__custom-code .step-5__custom-code__text .step-5__custom-code__text__left { width: 91%; }
}

.step5-buttons-button .step5-buttons-button__save { font-size: 17px!important; height: 50px; line-height: 20px; }
.step5-buttons-button .step5-buttons-button__correct { border: 0; background: inherit; display: inline; padding-right: 2px; }
.step5-buttons-button .step5-buttons-button__correct label { font-size: 15px!important; color: #9e9e9e!important;  }
.step5-buttons-button .step5-buttons-button__correct__link { font-size: 15px!important; color: #0f65ef!important; font-weight: 500; text-decoration: underline; margin-right: 33px; }
@media (max-width: 768px) {
    .step5-buttons-button .step5-buttons-button__right { text-align: right; }
    .step5-buttons-button .step5-buttons-button__correct__link { margin-right: 0; }
    .step5-buttons-button .step5-buttons-button__save { display: block; margin-left: auto; margin-top: 15px; }
}


/*ADMIN UPLOAD*/
#m_upload .modal-dialog, #m_upload_avatar .modal-dialog {
    width: 460px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
#m_upload .modal-content, #m_upload_avatar .modal-content { border-radius: 0; }
#m_upload .modal-body, #m_upload_avatar .modal-body {
    font-family: 'Montserrat';
    padding: 40px!important;
}
#m_upload .modal-body .title, #m_upload_avatar .modal-body .title {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 50px;
}
#m_upload .modal-body .variants-block, #m_upload_avatar .modal-body .variants-block {
    cursor: pointer;
    text-align: center;
    background-color: #f7fcff;
    min-width: 135px;
}
#m_upload .modal-body .variants-block > a, #m_upload_avatar .modal-body .variants-block > a { display: block; padding: 35px 16px; }
#m_upload .modal-body .variants-block > a:focus, #m_upload_avatar .modal-body .variants-block > a:focus { text-decoration: none; }

#m_upload .modal-body .variants-text, #m_upload_avatar .modal-body .variants-text {
    color: #0f65ef!important;
    font-size: 14px!important;
    text-decoration: none;
}
#m_upload .modal-body .subtitle, #m_upload_avatar .modal-body .subtitle {
    margin-top: 60px!important;
    color: #6b6b6b!important;
    font-size: 13px!important;
    margin-bottom: 0;
    line-height: 20px;
}
.modal button.close {
    position: absolute;
    right: 15px;
    top: 10px;
}
#m_upload .modal-body button.close, #m_upload_avatar .modal-body button.close {
    top: -20px;
    right: -20px;
    opacity: 1;
}
.modal-backdrop, .admin .modal-backdrop {
    opacity: 1;
}
.modal-backdrop, .admin .modal-backdrop {
    position:fixed;
    background:rgba(0,0,0,0.6);
    height:100%;
    left:0;
    top:0;
    width:100%;
    z-index:1040;
}
@media (max-width: 460px) {
    #m_upload, #m_upload_avatar { padding-right: 0!important; }
    #m_upload .modal-dialog, #m_upload_avatar .modal-dialog {
        width: 100%;
    }
    #m_upload .modal-body button.close, #m_upload_avatar .modal-body button.close {
        top: 20px;
        right: 20px;
    }
    #m_upload .modal-dialog, #m_upload .modal-dialog .modal-content, #m_upload_avatar .modal-dialog, #m_upload_avatar .modal-dialog .modal-content {
        height: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }
}

#m_upload .modal-body .subtitle, #m_upload_avatar .modal-body .subtitle {
    font-size: 13px;
    color: #7b7b7b;
    margin-top: 30px;
}

#m_upload .modal-body .variants, #m_upload_avatar .modal-body .variants {
    margin-top: 30px;
}

#m_upload .modal-body .variants-block, #m_upload_avatar .modal-body .variants-block {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 50px;
}

#m_upload .modal-body .variants-block:last-child, #m_upload_avatar .modal-body .variants-block:last-child {
    margin-right: 0;
}

#m_upload .modal-body .variants-block a .svg-popup path, #m_upload .modal-body .variants-block a .svg-popup circle, #m_upload_avatar .modal-body .variants-block a .svg-popup path, #m_upload_avatar .modal-body .variants-block a .svg-popup circle {
    fill: #bcc8d5;
}

#m_upload .modal-body .variants-block a:hover .svg-popup path, #m_upload .modal-body .variants-block a:hover .svg-popup circle, #m_upload_avatar .modal-body .variants-block a:hover .svg-popup path, #m_upload_avatar .modal-body .variants-block a:hover .svg-popup circle {
    fill: #0294ab;
}

#m_upload .modal-body .variants-block a:hover, #m_upload_avatar .modal-body .variants-block a:hover {
    text-decoration: none;
}

#m_upload .modal-body .variants-block a .svg-popup, #m_upload_avatar .modal-body .variants-block a .svg-popup {
    vertical-align: middle;
    height: 70px;
}

#m_upload .modal-body .variants-text, #m_upload_avatar .modal-body .variants-text {
    font-size: 13px;
    color: #0294ab;
    margin-top: 8px;
}

#m_upload .modal-body, #m_upload_avatar .modal-body {
    padding-bottom: 30px;
}

@media (max-width: 575.98px) {
    #m_upload .modal-body .title, #m_upload_avatar .modal-body .title {
        margin-top: 20px;
    }

    #m_upload .modal-body .variants-block, #m_upload_avatar .modal-body .variants-block {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }
}


/*ADMIN UPLOAD LINK*/
#m_upload_link .modal-dialog {
    max-width: 100%;
    margin: 0;
}

#m_upload_link .modal-dialog {
    margin-top: 100px!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

#m_upload_link .modal-body {
    padding: 40px;
}

#m_upload_link .modal-content {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#m_upload_link .modal-body .title {
    font-size: 18px;
    color: #0294ab;
    margin-top: 10px;
    display: none;
}

#m_upload_link .modal-body .variants {
    width: 100%;
}

#m_upload_link .modal-body .variants .form-group {
    margin-bottom: 0;
}

#m_upload_link .modal-body .variants .form-group input {
    display: inline-block;
    width: 65%;
    height: 46px;
    margin-right: 25px;
    font: 16px 'Montserrat';
    color: #000;
    background-color: #f7fcff;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

#m_upload_link .modal-body .variants .form-group .link {
    display: inline-block;
    width: 150px;
    height: 46px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    background-color: rgb(15, 101, 239);
    padding: 11px 24px;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    line-height: 26px;
    font-family: montserrat;
    font-weight: 600;

}

#m_upload_link .modal-body .variants .form-group .link:hover {
    text-decoration: none;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}

#m_upload_link button.close {
    top: -20px;
    right: -20px;
    opacity: 1;
}

@media (max-width: 767px) {
    #m_upload_link .modal-dialog { width: 90%; }
    #m_upload_link .modal-body .variants .form-group input {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (max-width: 460px) {

}


/* Premim Page */
.premium-page, .premium-page .lk-block { background: #f7f4fc; }
.premium-page__wrapper { padding: 60px 0; }

.premium-page h1 {
    font: 40px 'Montserrat';
    font-weight: 800;
    color: #000;
    text-align: center;
    margin-bottom: 65px;
}

.premium-page h2 {
    font: 30px 'Montserrat';
    font-weight: 800;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

.premium-page__content { margin-bottom: 40px; }
.premium-page__content .premium-page__content__item { padding: 38px; }
.premium-page__content .premium-page__content__item.premium-plus { max-width: 725px; margin: 0 auto; }
.premium-page__content .premium-page__content__item.premium-plus table { margin-bottom: 28px; }
.premium-page__content .premium-page__content__item.premium-plus table:nth-of-type(2) { margin-bottom: -20px; }
.premium-page__content .premium-page__content__item.premium-plus table:nth-of-type(2) thead tr td:nth-of-type(2), .premium-page__content .premium-page__content__item.premium-plus table:nth-of-type(2) thead tr td:nth-of-type(3) { color: #fff; }
.premium-page__content .premium-page__content__item.premium-plus table thead tr { height: 45px; }
.premium-page__content .premium-page__content__item.premium-plus table thead tr td { font: 18px 'Montserrat'; font-weight: 600; color: #000; padding-bottom: 25px; }
.premium-page__content .premium-page__content__item.premium-plus table thead tr td:nth-of-type(1) { font: 23px 'Montserrat'; font-weight: 700; }
.premium-page__content .premium-page__content__item.premium-plus table thead tr td span.mobile { display: none; }
.premium-page__content .premium-page__content__item.premium-plus table tbody tr td { font: 16px 'Montserrat'; font-weight: 500; color: #000; padding-bottom: 20px; }
.premium-page__content .premium-page__content__item.premium-plus table tr td { text-align: center; }
.premium-page__content .premium-page__content__item.premium-plus table tr td:nth-of-type(1) { text-align: left; width: 58%; }
.premium-page__content .premium-page__content__item.premium-plus table tr td:nth-of-type(1) img { position: relative; top: 4px; cursor: pointer; } 
.premium-page__content .premium-page__content__item.premium-plus table tr td:nth-of-type(2) { width: 42%; }
.premium-page__content .premium-page__content__item.premium-plus table tr td:nth-of-type(3) { width: 42%; }

.premium-page__content .premium-page__content__item.premium-plus.premium-plus-payment table thead tr td .btn { margin-right: 0; min-width: 150px; height: 42px; padding: 10px 24px; background: #ffea00; font-size: 16px; color: #000!important; font-family: "Montserrat"; font-weight: 800; }
.premium-page__content .premium-page__content__item.premium-plus.premium-plus-payment table thead tr td:nth-of-type(3) span { display: block; margin-top: 12px; font-size: 15px; color: #8e8e8e; font-family: "Montserrat"; font-weight: 500; }
.premium-page__content .premium-page__content__item.premium-plus.premium-plus-payment table tr td:nth-of-type(2) { width: 15%; }
.premium-page__content .premium-page__content__item.premium-plus.premium-plus-payment table tr td:nth-of-type(3) { width: 15%; right: -30px; position: relative; }

.premium-page__questions { margin-bottom: 140px; }
.premium-page__questions .premium-page__questions__text {
    color: #000;
    font: 18px "Montserrat";
    font-weight: 500;
    text-align: center;
}
.premium-page__questions .premium-page__questions__text span { font-weight: 700; }

.premium-page__frequently .premium-page__frequently__text { max-width: 755px; margin: 0 auto; margin-top: 35px; }
.premium-page__frequently .premium-page__frequently__text .premium-page__frequently__text__item {
    color: #000;
    font: 17px "Montserrat";
    font-weight: 500;
    line-height: 29px;
}
.premium-page__frequently .premium-page__frequently__text .premium-page__frequently__text__item span { font-weight: 700; }
.premium-page__frequently .premium-page__frequently__text .premium-page__frequently__text__item:nth-of-type(1) { margin-bottom: 5px; }
.premium-page__frequently .premium-page__frequently__question { margin-bottom: 30px; }
.premium-page__frequently .premium-page__frequently__question:nth-last-of-type(1) { margin-bottom: 0; }

@media (max-width: 991px) {
    .premium-page__content .premium-page__content__global {
        margin-bottom: 30px;
    }

    .col-xs-4 { width: 33.33333333%!important; float: left!important; }
    .col-xs-6 { width: 50%!important; float: left!important; }
    .col-xs-8 { width: 66.66666667%!important; float: left!important; }
}

@media (max-width: 768px) {
    .premium-page h1 br { display: none; }

    .premium-page__content .premium-page__content__item.premium-plus table thead tr td span.mobile { display: block; }
    .premium-page__content .premium-page__content__item.premium-plus table thead tr td span.desktop { display: none; }
    .premium-page__content .premium-page__content__item.premium-plus table tr td:nth-of-type(1) { width: 65%; }

    .premium-page__content { margin-bottom: -50px; }
    .premium-page__questions { margin-bottom: 80px; }
}



.owner_content { margin: 12px 0 20px 0; }
.owner_info {
    color: #5a5a5a;
    font: 13px 'Montserrat';
    line-height: 20px;
    font-weight: 500;
    text-align: right;
}


/* Privacy popup */
.privacy_popup {
    font: 14px 'Montserrat';
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, .92);
    padding: 26px 55px 26px 45px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1111111;
}

.privacy_popup a { color: #fff; border-bottom: 1px solid #6c6c6c; }
.privacy_popup a:hover { border-bottom: 1px solid #fff; }

.privacy_popup_close {
    position: absolute;
    right: 30px;
    bottom: 22px;
    background: none;
    border: 0;
}
.privacy_popup_close:focus { outline: none; }

@media (max-width: 768px) {
    .privacy_popup { padding: 19px 50px 19px 22px; line-height: 25px; }
    .privacy_popup_close { right: 8px; bottom: auto; top: 13px; }
}


/* Save publication popup */
.save_publish_popup { 
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 550px;
    margin-left: -275px;
    /*height: 620px;*/
    margin-top: -310px;
    background: #fff;
    z-index: 1111;
    text-align: center;
    padding: 58px;
    padding-top: 54px;
}

.save_publish_popup .save_publish_popup__ready span {
    font: 18px "Montserrat";
    font-weight: 700;
    color: #000000;
    display: block;
    margin-top: 8px;
}

.save_publish_popup .save_publish_popup__title {
    font: 26px/36px 'Montserrat';
    font-weight: bold;
    color: #4F4F4F;
    text-align: center;
    margin-bottom: 18px;
}

.save_publish_popup .save_publish_popup__text {
    font: 18px/30px 'Montserrat';
    font-weight: bold;
    color: #4F4F4F;
    text-align: center;
    margin-bottom: 22px;
}

.save_publish_popup .save_publish_popup__star {
    transform: scale(.7);
    margin-bottom: 18px;
}
.save_publish_popup .save_publish_popup__star .quiz_process_star .quiz_process_star__item {
    background-image: url('/images/sprite/star-answer-save.png');
}

.save_publish_popup textarea {
    width: 100%;
    height: 150px;
    font: 16px/28px 'Montserrat';
    font-weight: normal;
    color: #4F4F4F;
    background: #F7FCFF;
    box-shadow: 0px 5px 10px rgba(57, 57, 57, 0.1);
    border-radius: 3px;
    border: 0;
    padding: 17px 22px;
    resize: none;
    margin-bottom: 10px!important;
}
.save_publish_popup textarea:focus {
   box-shadow: 0px 5px 10px rgba(57, 57, 57, 0.1);
}

.save_publish_popup .btn {
    min-width: 370px;
    height: 61px;
    background: #4FC5A8;
    font: 16px/39px 'Montserrat';
    font-weight: 600;
    margin: 0 auto;
    margin-top: 20px;
    letter-spacing: 0.05em;
}

.save_publish_popup .save_publish_popup__link_cabinet { margin-top: 23px; }
.save_publish_popup .save_publish_popup__link_cabinet a {
    font: 18px "Montserrat";
    font-weight: normal;
    color: #4F4F4F;
    border-bottom: 1px solid #4F4F4F;
}
.save_publish_popup .save_publish_popup__link_cabinet a:hover { border-bottom: 1px solid #000; }

.save_publish_popup .save_publish_popup__close {
    position: absolute;
    right: 25px;
    top: 25px;
    background: none;
    border: 0;
}

@media (max-width: 570px) {
    .save_publish_popup {
        width: 90%;
        height: 100%;
        left: 5%;
        margin-left: 0;
        padding: 15px;
        padding-top: 45px;
        padding-bottom: 37px;
    }
    .save_publish_popup .save_publish_popup__text {
        font-size: 16px;
    }
    .save_publish_popup .save_publish_popup__star {
        width: 130%;
        margin-left: -15%;
    }
    .save_publish_popup .btn {
        min-width: 100%;
    }
    .save_publish_popup .save_publish_popup__link_cabinet {
        margin-bottom: 50px;
    }
}


/* variable answer */
.range-answer-wrapper { margin-bottom: 45px; }
.range-answer-wrapper:nth-of-type(1) { margin-top: 40px; }
.range-answer-wrapper .range-answer-wrapper__item { display: inline-block; margin-right: 22px; }
.range-answer-wrapper .range-answer-wrapper__item:nth-last-of-type(1) { margin-right: 0; }
.range-answer-wrapper .range-answer-wrapper__item span {
    display: inline-block;
    font: 14px "Montserrat";
    color: #000000;
    font-weight: 600;
    margin-right: 7px;
}
.range-answer-wrapper .range-answer-wrapper__item input[type='text'] {
    display: inline-block!important;
    width: inherit!important;
    margin-bottom: 0!important;
    text-align: center;
    margin-left: 5px;
}
.range-answer-wrapper .dropdown {
    display: inline-block; 
    width: 320px; 
    position: relative; 
    top: 2px; 
    margin-left: 4px;
    margin-right: 27px;
}    
.range-answer-wrapper .dropdown.show { display: inline-block!important; }
.range-answer-wrapper .del-global { display: inline-block; position: relative; top: 15px;  }
.range-answer-wrapper .range-answer-wrapper__line1 .range-answer-wrapper__item input[type='text'] { max-width: 65px; }
.range-answer-wrapper .range-answer-wrapper__line2 .range-answer-wrapper__item input[type='text'] { max-width: 80px; }
.range-answer-wrapper .range-answer-wrapper__line1 { margin-bottom: 12px; }
.range-answer-wrapper .range-answer-wrapper__line2 { margin-top: 25px; margin-bottom: 0; }
.range-answer-wrapper .range-answer-wrapper__line2 .range-answer-wrapper__item { margin-bottom: 0; }

.emoji-answer-wrapper { margin-bottom: 11px; }
.emoji-answer-wrapper:nth-last-of-type(1) { margin-bottom: 0; }
.emoji-answer-wrapper:nth-of-type(1) { margin-top: 30px; }
.emoji-answer-wrapper .emoji-answer-wrapper__title { margin-left: 15px; margin-right: 15px; top: -6px; position: relative; }

.star-answer-wrapper { margin-bottom: 11px; }
.star-answer-wrapper:nth-last-of-type(1) { margin-bottom: 0; }
.star-answer-wrapper .star-answer-wrapper__title { width: 248px; margin-left: 15px; margin-right: 15px; }

.agree-answer-wrapper { margin-bottom: 11px; }
.agree-answer-wrapper:nth-last-of-type(1) { margin-bottom: 0; }
.agree-answer-wrapper .agree-answer-wrapper__title {
    font: 14px "Montserrat";
    font-weight: 600;
    color: #000000;
    min-width: 180px;
    line-height: 40px;
    margin-left: 15px;
}
@media (max-width: 767px) {
    .range-answer-wrapper .range-answer-wrapper__item { margin-bottom: 15px; }
    .range-answer-wrapper .dropdown { max-width: 320px; width: 74%; margin-left: 0; }
    .agree-answer-wrapper { margin-bottom: 11px!important; }
    .star-answer-wrapper__title { margin-bottom: 5px!important; }
    .emoji-answer-wrapper .dropdown, .star-answer-wrapper .dropdown, .agree-answer-wrapper .dropdown { max-width: 387px; }
}


/* variable answer quiz process */
/* -- range -- */
.irs--flat { margin-top: 40px; }
.irs--flat .irs-line {
    height: 1px!important;
    background-color: #b9b9b9!important;
    border-radius: 0!important;
}
.irs--flat .irs-bar {
    background: inherit!important;
}
.irs--flat .irs-handle {
    width: 15px!important;
    height: 41px!important;
    border-radius: 8px!important;
    background-image: linear-gradient(-90deg, #0f65ef 0%, #9609f9 100%)!important;
    top: 5px!important;
    cursor: pointer!important;
}
.irs--flat .irs-handle>i:first-child { background-color: inherit!important; }
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    font-size: 16px!important;
    color: #010101!important;
    font-family: "Montserrat"!important;
    font-weight: 700!important;
    background-color: inherit!important;
    position: absolute!important;
    top: -27px!important;
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { display: none!important; }
.irs--flat .irs-min, .irs--flat .irs-max {
    font-size: 14px!important;
    color: #9c9c9c!important;
    font-family: "Montserrat"!important;
    font-weight: 500!important;
    visibility: visible!important;
    background-color: inherit!important;
}

/* -- emoji -- */
.quiz_process_emoji { text-align: center; }
.quiz_process_emoji .quiz_process_emoji__item {
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
    background: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding-top: 3px;
}
.quiz_process_emoji .quiz_process_emoji__item:hover, .quiz_process_emoji .quiz_process_emoji__item.active { background: linear-gradient(90deg, rgba(150,10,249,1) 0%, rgba(15,101,239,1) 100%); }
.quiz_process_emoji .quiz_process_emoji__item img { width: 54px; height: 54px; }

/* -- star -- */
.quiz_process_star { text-align: center; }
.quiz_process_star .quiz_process_star__item {
    background: url('/images/sprite/star-answer.png') no-repeat -7px -8px;
    width: 45px;
    height: 43px;
    display: inline-block;
    margin: 0 7px;
    cursor: pointer;
}
.quiz_process_star .quiz_process_star__item.hover, .quiz_process_star .quiz_process_star__item.active {
    background: url('/images/sprite/star-answer.png') no-repeat -69px -8px;
}

/* -- agree -- */
.quiz_process_agree { text-align: center; }
.quiz_process_agree .quiz_process_agree__item { cursor: pointer; display: inline-block; margin: 0 12px; }
.quiz_process_agree .quiz_process_agree__item1 {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 3px solid #813434;
}
.quiz_process_agree .quiz_process_agree__item1:hover, .quiz_process_agree .quiz_process_agree__item1.active { background: #813434!important; }
.quiz_process_agree .quiz_process_agree__item2 {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 3px solid #813434;
    position: relative;
    top: -4px;
}
.quiz_process_agree .quiz_process_agree__item2:hover, .quiz_process_agree .quiz_process_agree__item2.active { background: #813434!important; }
.quiz_process_agree .quiz_process_agree__item3 {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    border: 3px solid #b9b9b9;
    position: relative;
    top: -8px;
}
.quiz_process_agree .quiz_process_agree__item3:hover, .quiz_process_agree .quiz_process_agree__item3.active { background: #b9b9b9!important; }
.quiz_process_agree .quiz_process_agree__item4 {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 3px solid #44b172;
    position: relative;
    top: -4px;
}
.quiz_process_agree .quiz_process_agree__item4:hover, .quiz_process_agree .quiz_process_agree__item4.active { background: #44b172!important; }
.quiz_process_agree .quiz_process_agree__item5 {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 3px solid #44b172;
}
.quiz_process_agree .quiz_process_agree__item5:hover, .quiz_process_agree .quiz_process_agree__item5.active { background: #44b172!important; }
.quiz_process_agree__title {
    display: inline-block;
    font: 16px "Montserrat";
    font-weight: 600;
    position: relative;
    top: -17px;
}
.quiz_process_agree__left { margin-right: 9px; color: #813434; }
.quiz_process_agree__right { margin-left: 9px; color: #44b172; }

@media (min-width: 768px) and (max-width: 1199px) {
    .quiz_process_agree .quiz_process_agree__item { margin: 0 8px; }
}
@media (max-width: 767px) {
    .quiz_process_agree { position: relative; margin-top: 45px; }
    .quiz_process_agree .quiz_process_agree__left { display: block; text-align: left; }
    .quiz_process_agree .quiz_process_agree__right { position: absolute; right: 0; }
}
@media (max-width: 500px) {
    .quiz_process_agree .quiz_process_agree__item { margin: 0 6px; }
}


/* -- video -- */
@media (max-width: 767px) {
    .lk-block iframe.video { max-height: 300px; }
}
@media (max-width: 500px) {
    .lk-block iframe.video { max-height: 210px; }
}


/* Start Page */
.body__start { background: #fff; }
.start-page__wrapper { padding: 85px 0; }

.start-page h1 {
    font: 45px 'Montserrat';
    font-weight: 700;
    line-height: 70px;
    color: #000;
    text-align: center;
    margin-bottom: 80px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.start-page h2 {
    font: 30px 'Montserrat';
    font-weight: 400;
    color: #000;
    text-align: center;
    margin-bottom: 70px;
}

.start-page__wrapper__list .start-page__wrapper__list__item {
    border-radius: 6px;
    background: #f7fcff;
    border: 1px solid #dee9fb;
    padding: 30px;
    margin-bottom: 26px;
}
.start-page__wrapper__list .start-page__wrapper__list__item:nth-last-of-type(1) { margin-bottom: 0; }
.start-page__wrapper__list .start-page__wrapper__list__item img { position: absolute; }
.start-page__wrapper__list .start-page__wrapper__list__item .start-page__wrapper__list__item__content {
    padding-left: 87px;
}
.start-page__wrapper__list .start-page__wrapper__list__item .start-page__wrapper__list__item__content .start-page__wrapper__list__item__content__title {
    font: 20px "Montserrat";
    color: #000000;
    font-weight: 500;
    margin-bottom: 10px;
}
.start-page__wrapper__list .start-page__wrapper__list__item .start-page__wrapper__list__item__content .start-page__wrapper__list__item__content__text {
    font: 20px "Montserrat";
    color: #000000;
    font-weight: 300;
}

.start-page__wrapper .start-page__wrapper__form .form-group { position: relative; margin-bottom: 22px; }
.start-page__wrapper .start-page__wrapper__form .form-group.field-signupform-privacy { margin-bottom: 17px; }
.start-page__wrapper .start-page__wrapper__form .form-group.has-success .control-label { color: #3c763d; }
.start-page__wrapper .start-page__wrapper__form .form-group.has-success .form-control { border-color: #3c763d; }
.start-page__wrapper .start-page__wrapper__form .form-group.has-error .control-label { color: #a94442; }
.start-page__wrapper .start-page__wrapper__form .form-group.has-error .form-control { border-color: #a94442; }
.start-page__wrapper .start-page__wrapper__form .control-label {
    color: #e0e0e0;
    font: 13px "Roboto";
    font-weight: 500;
    position: absolute;
    top: -7px;
    left: 7px;
    padding: 0 5px;
    background: #fff;
    display: none; 
}
.start-page__wrapper .start-page__wrapper__form .form-control {
    width: 100%;
    height: 61px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 13px;
    color: #666666;
    font: 18px "Roboto";
    font-weight: 400;
}

.start-page__wrapper .start-page__wrapper__form input[type="submit"] {
    width: 100%;
    height: 61px;
    border-radius: 4px;
    background: #3d3bff;
    color: #ffffff;
    font: 18px/40px "Montserrat";
    font-weight: 500;
    text-transform: uppercase;
}
.start-page__wrapper .start-page__wrapper__form .help-block.help-block-error { display: none; }

.start-page__wrapper .start-page__wrapper__form .checkbox label {
    padding: 0;
    color: #666666;
    font: 13px "Roboto";
    font-weight: 500;
}
.start-page__wrapper .start-page__wrapper__form .checkbox label input[type="checkbox"] { display: none; }
.start-page__wrapper .start-page__wrapper__form .checkbox label:before {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    background: white;
    border-radius: 6px;
    width: 20px;
    height: 20px;
    border: 2px solid #c8c8c8;
    background-color: rgba(189,90,4,0);
    margin-top: -2px;
    margin-right: 6px;
}
.start-page__wrapper .start-page__wrapper__form .field-signupform-privacy.has-success .checkbox label:before, .start-page__wrapper .start-page__wrapper__form .field-signupform-rules.has-success .checkbox label:before {
    border: 2px solid #3d3bff;
    background: url(/images/ch-start.svg) 50% 50% no-repeat;
    background-position: 1px;
}

@media (max-width: 991px) {
    .start-page__wrapper .start-page__wrapper__form { margin-top: 60px; }
}
@media (max-width: 767px) {
    .start-page h1 { font-size: 28px; line-height: 38px; margin-bottom: 30px; }
    .start-page__wrapper { padding: 30px 0; }
}
@media (max-width: 500px) {
    .start-page__wrapper .start-page__wrapper__video iframe { height: 250px; }
}


/* Guess Word */
@media (max-width: 767px) {
    .type__guess_word .ans-form { padding-right: 0; }
    .type__guess_word .ans-form .poput { right: 15px; }
    .type__guess_word .ans-form input[type='submit'] { position: relative; margin-top: 18px; }
}
@media (max-width: 480px) {
    .type__guess_word .ans-form .poput { margin-top: 10px; position: relative; top: 0; right: 0; }
    .type__guess_word .ans-form input[type='text'] { padding-right: 15px; }
    .type__guess_word .link { display: table; margin-bottom: 13px; }
    .type__guess_word .link:nth-last-of-type(1) { margin-bottom: 0; }
}


/* Lid Form */
.lid_form .lid_form__input_text {
    border-width: 1px;
    border-color: rgb(220, 220, 220);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(244, 244, 244);
    width: 261px;
    height: 40px;
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    display: block;
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}
.lid_form .lid_form__input_text::-webkit-input-placeholder,
.lid_form .lid_form__input_text::-moz-placeholder,
.lid_form .lid_form__input_text:-moz-placeholder,
.lid_form .lid_form__input_text:-ms-input-placeholder { color: #9c9c9c; }
.lid_form .lid_form__input_text:nth-of-type(1) { margin-top: 27px; }
.lid_form .lid_form__input_text:nth-last-of-type(1) { margin-bottom: 38px; }

.lid_form .ch {
    max-width: 360px;
    margin: -22px auto 12px auto;
}

.group_buttons { padding: 20px 40px; }
.group_buttons .form-group { margin-bottom: 5px!important; }
.group_buttons .group_buttons__switcher { padding-bottom: 25px; }
.group_buttons .group_buttons__content { margin-left: -40px; margin-right: -40px; overflow: visible; }
.group_buttons .group_buttons__content .group_buttons__content__item { margin-bottom: 25px; }
.group_buttons .group_buttons__content .group_buttons__content__item.fields-form { margin-top: 33px; }
.group_buttons .group_buttons__content .group_buttons__content__item:nth-last-of-type(1), .group_buttons .group_buttons__content .group_buttons__content__item input[type='text'] { margin-bottom: 0!important;; }
.group_buttons .group_buttons__content .group_buttons__content__item input[type="text"] { color: #000!important; font-size: 13px!important; }
.group_buttons .group_buttons__content .group_buttons__content__item input[type="text"]::-webkit-input-placeholder,
.group_buttons .group_buttons__content .group_buttons__content__item input[type="text"]::-moz-placeholder,
.group_buttons .group_buttons__content .group_buttons__content__item input[type="text"]:-moz-placeholder,
.group_buttons .group_buttons__content .group_buttons__content__item input[type="text"]:-ms-input-placeholder { color: #9c9c9c; }
.group_buttons .group_buttons__content .group_buttons__content__switchers { padding-top: 5px; }
.group_buttons .group_buttons__content .group_buttons__content__switchers .sw-wr { padding: 12px 0px; }
.group_buttons .group_buttons__content .group_buttons__content__list { padding: 0; margin-bottom: 33px; }
.group_buttons .group_buttons__content .group_buttons__content__list input[type="text"] { padding-left: 15px!important; margin-bottom: 22px!important; }
.group_buttons .group_buttons__content .group_buttons__content__list .step-5__list-sites__list { margin-top: -15px; }
.group_buttons .group_buttons__content .group_buttons__content__send { padding: 0; }
.group_buttons .group_buttons__content .group_buttons__content__send .step-5__list-sites__add { margin-top: 13px; }
.group_buttons .group_buttons__content .group_buttons__content__send .input-group-prepend button { position: relative; color: #000; border-width: 1px; border-color: rgb(220, 220, 220); border-style: solid; border-radius: 3px; padding: 0 45px 0 20px; min-width: 200px; text-align: left; }
.group_buttons .group_buttons__content .group_buttons__content__send .input-group-prepend button::after { position: absolute; right: 17px; top: 16px; }
.group_buttons .group_buttons__content .group_buttons__content__send input[type="text"] { padding-left: 15px!important; margin-bottom: 0!important; }
@media (max-width: 767px) {
    .group_buttons .group_buttons__content .group_buttons__content__list .step-5__list-sites__add__button { margin-top: 20px; }
    .group_buttons .group_buttons__content .group_buttons__content__send .input-group-prepend button { margin-bottom: 15px; }
}


/* Quiz process */
/*
#quiz-content .question { margin-bottom: 66px; }
*/
#quiz-content .question .white-box.mt30 { margin-bottom: 0!important; }
#quiz-content .question .answers-container .block-vertical-margin.col-md-4 .ans-fr .img { height: 200px; }
#quiz-content .question .answers-container .block-vertical-margin .ans-fr .img { background-position: center center; }
#quiz-content .question .answers-container .block-vertical-margin { margin-top: 0; }
#quiz-content .question .answers-container .block-vertical-margin.no_text .choose-answer { height: auto!important; }
@media (max-width: 767px) {
    #quiz-content .question .answers-container .answers-image-3 .ans-fr .img,
    #quiz-content .question .answers-container .answers-image-4 .ans-fr .img { height: 166px; }
}
@media (max-width: 450px) {
    #quiz-content .question .answers-container .answers-image-3 .ans-fr .img,
    #quiz-content .question .answers-container .answers-image-4 .ans-fr .img { height: 140px; }
    #quiz-content .question .answers-container .answers-image-4 .block-vertical-margin.yes_text .ans-fr .img { height: 200px; }
    #quiz-content .question .answers-container .block-vertical-margin.yes_text {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    #quiz-content .question .answers-container .block-vertical-margin.yes_text { padding-left: 8%; padding-right: 8%; }
}


/* Frame */
body.frame, body.frame .lk-block { background: transparent; }
body.frame #wrapper { max-width: 1000px; margin: 0 auto; }
body.frame .container { width: 100%!important; max-width: 100%!important; }
body.frame .lk-block { padding: 0; }
body.frame .white-box { box-shadow: 0px 2px 4px rgba(0,0,0,0.07); border: 1px solid rgba(0,0,0,0.06); }
body.frame .lk-block .preview .bx_tt_powered {
    position: relative;
    padding: 0;
    text-align: right;
    margin-bottom: 15px;
}
body.frame .lk-block .preview .bx_tt_powered {
    margin-top: -20px;
    margin-right: -20px;
    top: 10px;
    right: 15px;
}

/* Text Page */
#text_page { padding: 20px 0 40px 0; }

#text_page h1 {
    font: 36px 'Montserrat';
    font-weight: 700;
    color: #000;
}

#text_page h2 {
    font: 30px 'Montserrat';
    font-weight: 700;
    color: #000;
    padding-top: 38px;
}

#text_page h3 {
    font: 16px 'Montserrat';
    font-weight: 700;
    color: #000;
    padding-top: 38px;
}

#text_page .text_page__content p {
    font: 16px/28px 'Montserrat';
    font-weight: 400;
    color: #000;
    margin-top: 20px;
}

#text_page .text_page__content a {
    color: #337ab7;
    text-decoration: underline;
    font-weight: 500;
}

#text_page .text_page__content ul {
    padding-left: 48px;
    list-style-type: disc;
    color: #175ff0;
}

#text_page .text_page__content ul li { color: #175ff0; padding-top: 30px; }
#text_page .text_page__content ul li span { color: #000; line-height: 28px; }


/* Tabs */
.lk__tabs__content { display: none; }
.lk__tabs__content.active { display: block; }


/* lead */
.step-5__list-sites__add .step-5__list-fields__add__button-one {
    height: 40px;
    line-height: 16px;
}

.col-6 {
    flex: 0 0 49.94%;
}
@media (min-width: 1200px) {
    .col-xl-6 {
        flex: 0 0 49.894%;
    }
}
@media (min-width: 992px) {
    .col-lg-3 {
        max-width: 24.97%;
    }
    .col-lg-4 {
        flex: 0 0 33.294%;
    }
    .col-lg-9 {
        max-width: 74.9%;
    }
}
@media (min-width: 768px) {
    .col-md-3 {
        flex: 0 0 24.97%;
    }
    .col-md-4 {
        flex: 0 0 33.294%;
    }
    .col-md-9 {
        flex: 0 0 74.9%;
    }
}
@media (min-width: 576px) {
    .col-sm-4 {
        flex: 0 0 33.3%;
    }
}
@media (max-width: 480px) {
    .quiz-info .left .author {
        width: 100%;
        margin-right: 0;
        text-align: left;
    }
    .quiz-info .left .date {
        margin-right: 0;
        float: left;
        margin-top: 10px;
    }
    .quiz-info .right {
        float: right!important;
        margin-top: -25px;
    }
}


/* preview */
@media (max-width: 767px) {
    .preview .quiz-info .start-btn {
        height: 0;
    }
    .preview .share-buttons {
        margin-top: 70px;
    }
    #result-content .share-single .share-buttons {
        margin-top: 0;
    }
}

/* ads bottom */
.white-box.mt30 ins { margin-bottom: 30px; }

.quiz-values {
    display: none;
}

/*TEST STYLES*/
.h3_test_block {
    font: 18px 'Montserrat';
    font-weight: 600;
    color: #000;
    margin-bottom: 25px;
}
.quiz__design_style__preview {
    margin-top: 15px;
}
@media (max-width: 767px) {
   .quiz__design_style { margin-bottom: 30px; } 
}
@media (max-width: 575px) {
    .quiz__design_style { margin-bottom: 20px; } 
}


/* ------------------- */
/* --- Quiz design --- */
/* ------------------- */
.lk-block .preview.pb0 .row:first-child .test__true_false .button-container .button_item.test__true_false__swap_button { min-width: 90px; }
.lk-block .preview.pb0 .row:first-child .test__yes_no .button-container .button_item.test__true_false__swap_button {
    min-width: 130px!important;
    height: 55px;
    margin: 15px!important;
}
.test__yes_no .button-container .button_item .button_item__image {
    top: -5px;
    position: relative;
}
.test__yes_no .button-container .button_item span {
    line-height: 16px!important;
    position: relative!important;
    left: 0!important;
    top: 0!important;
}

.lk-block .preview.pb0 .row:first-child .test__true_false .button-container .button_item.test__true_false__swap_button.no span {
    position: absolute;
    right: 110px;
    top: 0;
}
.lk-block .preview.pb0 .row:first-child .test__true_false .button-container .button_item.test__true_false__swap_button.yes span {
    position: absolute;
    left: 110px;
    top: 0;
}
.quiz-description {
    margin-bottom: 20px;
}

#process_container .autor_print_wrapper:after {
    content: none;
}
#process_container .autor_print_image {
    background: rgba(0, 0, 0, .3);
    font-size: 13px;
    padding: 5px 12px;
    opacity: 1;
}
/* ----- design2 ----- */
.global__quiz_design2 .row:first-child .state-box .h3 {
    font: 26px 'Lato';
    color: #000000;
    font-weight: 700;
}
.global__quiz_design2 .row:first-child .state-box .image-descrs .h3 { color: #fff; }
.global__quiz_design2 .row:first-child .author span {
    font: 16px 'Rubik';
    color: #f6a2b6;
    font-weight: 500;
    text-transform: uppercase;
}
.global__quiz_design2 .row:first-child .hh-row .date span {
    font: 14px 'Rubik';
    color: #7a7a7a;
    font-weight: 300;
}
.global__quiz_design2 .row:first-child .hh-row .ico-it span {
    font: 13px 'Rubik';
    color: #7a7a7a;
    font-weight: 300;
}
.global__quiz_design2 .row:first-child .quiz-description, .global__quiz_design2 .row:first-child .quiz-description * {
    font: 16px/25px 'Rubik'!important;
    color: #000!important;
    font-weight: 400!important;
}
.global__quiz_design2 .row:first-child .btn {
    font: 16px/50px 'Rubik';
    color: #fff;
    font-weight: 700;
    padding: 0 40px;
    border-radius: 3px;
    background-color: #f6a2b6;
    height: 50px;
}
.global__quiz_design2 .row:first-child .btn:hover { background-color: #ef4726; }
.global__quiz_design2 .row:first-child .next-btns .btn {
    padding: 0;
    line-height: 50px;
}
.global__quiz_design2 .share-buttons .soc .soc-button, .global__quiz_design2 .share-buttons .soc .soc-button__wrapper {
    background: #ef4726;
}
.global__quiz_design2 .share-buttons .soc .soc-button:hover, .global__quiz_design2 .share-buttons .soc .soc-button:hover .soc-button__wrapper {
    background: #f6a2b6;
}
.global__quiz_design2 .share-buttons .soc .soc-button.vk .soc-button__wrapper span.ico { background: url(/images/social/vk.svg) no-repeat; }
.global__quiz_design2 .share-buttons .soc .soc-button.fb .soc-button__wrapper span.ico { background: url(/images/social/fb.svg) no-repeat; }
.global__quiz_design2 .share-buttons .soc .soc-button.ok .soc-button__wrapper span.ico { background: url(/images/social/ok.svg) no-repeat; }
.global__quiz_design2 .share-buttons .soc .soc-button.wa .soc-button__wrapper span.ico { background: url(/images/social/wa.svg) no-repeat; }
.global__quiz_design2 .share-buttons .soc .soc-button.tg .soc-button__wrapper span.ico { background: url(/images/social/tg.svg) no-repeat; }
.global__quiz_design2 .share-buttons .soc .soc-button.embed .soc-button__wrapper span.text { color: #fff; }
.global__quiz_design2 .share-buttons .soc .soc-button.embed .soc-button__wrapper span.ico { background-position: -173px -30px; }

.global__quiz_design2 .row:first-child .question .title {
    font: 24px 'Lato'!important;
    color: #000!important;
    font-weight: 700!important;
}
.global__quiz_design2 .row:first-child .quiz-progress-bar .dots > div { background-color: #f6a2b6; }
.global__quiz_design2 .row:first-child .quiz-progress-bar .dots > div.act { background-color: #ef4726; background-image: none; }
.global__quiz_design2 .row:first-child .quiz-progress-bar .dots > div.been { background-color: #ef4726; }
.global__quiz_design2 .row:first-child .quiz-progress-bar .count {
    font: 14px 'Rubik';
    color: #000;
    font-weight: 500;
}
.global__quiz_design2 .row:first-child .question .answers-block, .global__quiz_design2 .row:first-child .question .answers-block *, .global__quiz_design2 .row:first-child .question[data-type="2"] .answers-block, .global__quiz_design2 .row:first-child .question[data-type="2"] .answers-block * {
    font: 15px 'Rubik'!important;
    color: #000!important;
    font-weight: 500!important;
}
.global__quiz_design2 .row:first-child .answers-block .chk-area {
    border: 0;
    background: #dfe6ea;
    width: 23px;
    height: 23px;
    border-radius: 12px;
    margin-right: 15px;
}

.global__quiz_design2 .row:first-child .result-description, .global__quiz_design2 .row:first-child .result-description * {
    font: 16px/25px 'Rubik'!important;
    color: #000!important;
    font-weight: 400!important;
}
.global__quiz_design2 .share-single p {
    font: 16px 'Rubik';
    color: #979797;
    font-weight: 700;
}

.global__quiz_design2 .row:first-child .state-box .h3 span {
    font-size: 24px;
}
.global__quiz_design2 .row:first-child .state-box .result-comment {
    font: 16px/25px 'Rubik';
    color: #000;
    font-weight: 400;
}

.global__quiz_design2 .row:first-child .quiz_process_emoji .quiz_process_emoji__item:hover, .global__quiz_design2 .row:first-child .quiz_process_emoji .quiz_process_emoji__item.active, .global__quiz_design2 .row:first-child .quiz_process_emoji .quiz_process_emoji__item.answer-sel {
    background: #ef4726!important;
}

.global__quiz_design2 .row:first-child .quiz_process_agree__right {
    font: 17px 'Rubik';
    color: #44b172;
    font-weight: 700;
}
.global__quiz_design2 .row:first-child .quiz_process_agree__left {
    font: 17px 'Rubik';
    color: #ff5120;
    font-weight: 700;
}
.global__quiz_design2 .row:first-child .quiz_process_agree__item1, .global__quiz_design2 .row:first-child .quiz_process_agree__item2 {
    border-color: #ff5120;
}
.global__quiz_design2 .row:first-child .quiz_process_agree__item1:hover, .global__quiz_design2 .row:first-child .quiz_process_agree__item2:hover, .global__quiz_design2 .row:first-child .quiz_process_agree__item1.answer-sel, .global__quiz_design2 .row:first-child .quiz_process_agree__item2.answer-sel {
    background: #ff5120!important;
}

.global__quiz_design2 .row:first-child .irs--flat .irs-min, .global__quiz_design2 .row:first-child .irs--flat .irs-max {
    font: 14px 'Rubik'!important;
    color: #9c9c9c!important;
    font-weight: 300!important;
}
.global__quiz_design2 .row:first-child .irs--flat .irs-single {
    font: 16px 'Rubik'!important;
    color: #010101!important;
    font-weight: 500!important;
}
.global__quiz_design2 .row:first-child .irs--flat .irs-handle {
    background: #ef4726;
    background-image: none!important;
}

.global__quiz_design2 .row:first-child .test__true_false .button-container .button_item {
    height: 55px;
    border-radius: 3px;
    background: #ef4726;
    border: 0;
    margin: 15px!important;
    padding: 20px 25px;
}
.global__quiz_design2 .row:first-child .test__true_false .button-container .button_item:hover {
    background: #f6a2b6;
}
.global__quiz_design2 .row:first-child .test__true_false .button-container .button_item span {
    font: 17px 'Rubik';
    color: #fff;
    font-weight: 500;
    line-height: 20px!important;
}
.global__quiz_design2 .row:first-child .test__yes_no .button-container .button_item.test__true_false__swap_button { min-width: 130px!important; }
.global__quiz_design2 .row:first-child .test__yes_no .button-container .button_item span {
    font: 15px 'Rubik'!important;
    color: #fff!important;
    font-weight: 500!important;
    line-height: 20px!important;
    position: relative!important;
    left: 0!important;
    top: 0!important;
}
.global__quiz_design2 .row:first-child .test__true_false .button-container .button_item.test__true_false__swap_button span {
    font: 15px 'Rubik';
    color: #000;
    font-weight: 400;
}
.global__quiz_design2 .row:first-child .test__true_false .button-container .button_item .button_item__image {
    position: relative;
    top: -3px;
}
.global__quiz_design2 .row:first-child .test__true_false .button-container .button_item.yes .button_item__image {
    background: url(/images/ico/tick-truefalse-white.png) 50% 50% no-repeat;
    top: 1px;
}
.global__quiz_design2 .row:first-child .test__true_false .button-container .button_item.no .button_item__image {
    background: url(/images/ico/cancel-truefalse-white.png) 50% 50% no-repeat;
    top: 1px;
}
.global__quiz_design2 .row:first-child .test__yes_no .button-container .button_item .button_item__image { top: -3px!important; }

.global__quiz_design2 .row:first-child .test__true_false .question-container {
    background: #f6a2b6;
}
.global__quiz_design2 .row:first-child .test__true_false .question-container .title {
    font: 18px/23px 'Rubik'!important;
    color: #fff!important;
    font-weight: 500!important;
}
.global__quiz_design2 .row:first-child .card__backline-2 { background: #f3b7c5; }
.global__quiz_design2 .row:first-child .card__backline-3 { background: #f9d8e0; }

.global__quiz_design2 .result-fr {
    background: url(/images/res2.png) 0 0 no-repeat;
    padding-top: 39px;
}
.global__quiz_design2 .result-fr .t1 {
    font: 14px 'Rubik';
    color: #fff;
    font-weight: 500;
}
.global__quiz_design2 .result-fr .t2 {
    font: 22px 'Rubik';
    color: #fff;
    font-weight: 900;
}

.global__quiz_design2 .row:first-child .ans-form input[type='text'] {
    font: 16px 'Rubik';
    color: #9c9c9c;
    font-weight: 400;
}
.global__quiz_design2 .row:first-child .ans-form input[type='submit'], .global__quiz_design2 .row:first-child .ans-form input[type='button'] {
    padding: 0;
    text-align: center;
}
.global__quiz_design2 .row:first-child .progressing .bx.tt {
    font: 24px 'Lato';
    color: #000;
    font-weight: 700;
}

/* ----- design3 ----- */
.global__quiz_design3 .row:first-child .state-box .h3 {
    font: 26px 'Roboto';
    color: #000000;
    font-weight: 700;
    text-align: center;
}
.global__quiz_design3 .row:first-child .state-box .image-descrs .h3 { color: #fff; }
.global__quiz_design3 .row:first-child .state-box .h3.result-title {
    font-weight: 500;
    text-align: left;
}
.global__quiz_design3 .row:first-child .author span {
    font: 16px 'Roboto';
    color: #7a7a7a;
    font-weight: 500;
}
.global__quiz_design3 .row:first-child .hh-row { text-align: center; }
.global__quiz_design3 .row:first-child .hh-row .left { float: inherit; display: inline-block; }
.global__quiz_design3 .row:first-child .hh-row .right { float: inherit; display: inline-block; margin-left: 10px; }
.global__quiz_design3 .row:first-child .hh-row .date span {
    font: 14px 'Roboto';
    color: #7a7a7a;
    font-weight: 300;
}
.global__quiz_design3 .row:first-child .hh-row .ico-it span {
    font: 13px 'Roboto';
    color: #7a7a7a;
    font-weight: 300;
}
.global__quiz_design3 .row:first-child .quiz-description, .global__quiz_design3 .row:first-child .quiz-description * {
    font: 16px/25px 'Roboto'!important;
    color: #000!important;
    font-weight: 400!important;
}
.global__quiz_design3 .row:first-child .btn {
    font: 16px/50px 'Roboto';
    color: #fff;
    font-weight: 900;
    padding: 0 40px;
    border-radius: 3px;
    background-color: #ec5e40;
    height: 50px;
}
.global__quiz_design3 .row:first-child .btn:hover { background-color: #d24122; }
.global__quiz_design3 .row:first-child .next-btns .btn {
    padding: 0;
    line-height: 50px;
}
.global__quiz_design3 .share-buttons .soc .soc-button.vk, .global__quiz_design3 .share-buttons .soc .soc-button.vk .soc-button__wrapper { background: #426b9a; }
.global__quiz_design3 .share-buttons .soc .soc-button.vk:hover, .global__quiz_design3 .share-buttons .soc .soc-button.vk:hover .soc-button__wrapper { background: #285384; }
.global__quiz_design3 .share-buttons .soc .soc-button.fb, .global__quiz_design3 .share-buttons .soc .soc-button.fb .soc-button__wrapper { background: #3c579e; }
.global__quiz_design3 .share-buttons .soc .soc-button.fb:hover, .global__quiz_design3 .share-buttons .soc .soc-button.fb:hover .soc-button__wrapper { background: #1f3c8a; }
.global__quiz_design3 .share-buttons .soc .soc-button.ok, .global__quiz_design3 .share-buttons .soc .soc-button.ok .soc-button__wrapper { background: #ee8208; }
.global__quiz_design3 .share-buttons .soc .soc-button.ok:hover, .global__quiz_design3 .share-buttons .soc .soc-button.ok:hover .soc-button__wrapper { background: #d8780b; }
.global__quiz_design3 .share-buttons .soc .soc-button.wa, .global__quiz_design3 .share-buttons .soc .soc-button.wa .soc-button__wrapper { background: #4ac959; }
.global__quiz_design3 .share-buttons .soc .soc-button.wa:hover, .global__quiz_design3 .share-buttons .soc .soc-button.wa:hover .soc-button__wrapper { background: #35b944; }
.global__quiz_design3 .share-buttons .soc .soc-button.tg, .global__quiz_design3 .share-buttons .soc .soc-button.tg .soc-button__wrapper { background: #0088cc; }
.global__quiz_design3 .share-buttons .soc .soc-button.tg:hover, .global__quiz_design3 .share-buttons .soc .soc-button.tg:hover .soc-button__wrapper { background: #0277b1; }
.global__quiz_design3 .share-buttons .soc .soc-button.vk .soc-button__wrapper span.ico { background: url(/images/social/vk.svg) no-repeat; }
.global__quiz_design3 .share-buttons .soc .soc-button.fb .soc-button__wrapper span.ico { background: url(/images/social/fb.svg) no-repeat; }
.global__quiz_design3 .share-buttons .soc .soc-button.ok .soc-button__wrapper span.ico { background: url(/images/social/ok.svg) no-repeat; }
.global__quiz_design3 .share-buttons .soc .soc-button.wa .soc-button__wrapper span.ico { background: url(/images/social/wa.svg) no-repeat; }
.global__quiz_design3 .share-buttons .soc .soc-button.tg .soc-button__wrapper span.ico { background: url(/images/social/tg.svg) no-repeat; }
.global__quiz_design3 .share-buttons .soc .soc-button.embed, .global__quiz_design3 .share-buttons .soc .soc-button.embed .soc-button__wrapper { background: #ec5e40; }
.global__quiz_design3 .share-buttons .soc .soc-button.embed:hover, .global__quiz_design3 .share-buttons .soc .soc-button.embed:hover .soc-button__wrapper { background: #d24122; }
.global__quiz_design3 .share-buttons .soc .soc-button.embed .soc-button__wrapper span.text { color: #fff; }
.global__quiz_design3 .share-buttons .soc .soc-button.embed .soc-button__wrapper span.ico { background-position: -173px -30px; }

.global__quiz_design3 .row:first-child .question .title {
    font: 24px 'Roboto'!important;
    color: #000!important;
    font-weight: 500!important;
    text-align: center!important;
}
.global__quiz_design3 .row:first-child .quiz-progress-bar { text-align: center; }
.global__quiz_design3 .row:first-child .quiz-progress-bar .dots { float: inherit; display: inline-block; }
.global__quiz_design3 .row:first-child .quiz-progress-bar .count { float: inherit; display: inline-block; }
.global__quiz_design3 .row:first-child .quiz-progress-bar .dots > div { background-color: #f8bbae; margin-right: 6px; }
.global__quiz_design3 .row:first-child .quiz-progress-bar .dots > div.act { background-color: #ec5e40; background-image: none; }
.global__quiz_design3 .row:first-child .quiz-progress-bar .dots > div.been { background-color: #ec5e40; }
.global__quiz_design3 .row:first-child .quiz-progress-bar .count {
    font: 14px 'Roboto';
    color: #000;
    font-weight: 700;
    margin-left: 27px;
}
.global__quiz_design3 .row:first-child .question .answers-block, .global__quiz_design3 .row:first-child .question .answers-block *, .global__quiz_design3 .row:first-child .question[data-type="2"] .answers-block, .global__quiz_design3 .row:first-child .question[data-type="2"] .answers-block * {
    font: 15px 'Roboto'!important;
    color: #000!important;
    font-weight: 500!important;
}
.global__quiz_design3 .row:first-child .answers-block .chk-area {
    border: 0;
    background: #fff;
    border: 1px solid #ccc;
    width: 23px;
    height: 23px;
    border-radius: 12px;
    margin-right: 15px;
}

.global__quiz_design3 .row:first-child .result-description, .global__quiz_design3 .row:first-child .result-description * {
    font: 16px/25px 'Roboto'!important;
    color: #000!important;
    font-weight: 400!important;
}
.global__quiz_design3 .share-single p {
    font: 16px 'Roboto';
    color: #979797;
    font-weight: 900;
}

.global__quiz_design3 .row:first-child .state-box .h3 span {
    font-size: 22px;
    font-weight: 500;
}
.global__quiz_design3 .row:first-child .state-box .result-comment {
    font: 16px/25px 'Roboto';
    color: #000;
    font-weight: 400;
}

.global__quiz_design3 .row:first-child .quiz_process_emoji .quiz_process_emoji__item:hover, .global__quiz_design3 .row:first-child .quiz_process_emoji .quiz_process_emoji__item.active, .global__quiz_design3 .row:first-child .quiz_process_emoji .quiz_process_emoji__item.answer-sel {
    background: #ec5e40!important;
}

.global__quiz_design3 .row:first-child .quiz_process_agree__right {
    font: 17px 'Roboto';
    color: #44b172;
    font-weight: 900;
}
.global__quiz_design3 .row:first-child .quiz_process_agree__left {
    font: 17px 'Roboto';
    color: #ec5e40;
    font-weight: 900;
}
.global__quiz_design3 .row:first-child .quiz_process_agree__item1, .global__quiz_design3 .row:first-child .quiz_process_agree__item2 {
    border-color: #ec5e40;
}
.global__quiz_design3 .row:first-child .quiz_process_agree__item1:hover, .global__quiz_design3 .row:first-child .quiz_process_agree__item2:hover, .global__quiz_design3 .row:first-child .quiz_process_agree__item1.answer-sel, .global__quiz_design3 .row:first-child .quiz_process_agree__item2.answer-sel {
    background: #ec5e40!important;
}

.global__quiz_design3 .row:first-child .irs--flat .irs-min, .global__quiz_design3 .row:first-child .irs--flat .irs-max {
    font: 14px 'Roboto'!important;
    color: #9c9c9c!important;
    font-weight: 300!important;
}
.global__quiz_design3 .row:first-child .irs--flat .irs-single {
    font: 16px 'Roboto'!important;
    color: #010101!important;
    font-weight: 700!important;
}
.global__quiz_design3 .row:first-child .irs--flat .irs-handle {
    background: #ec5e40;
    background-image: none!important;
}

.global__quiz_design3 .row:first-child .test__true_false .button-container .button_item {
    height: 55px;
    border-radius: 3px;
    background: #ec5e40;
    border: 0;
    margin: 15px!important;
    padding: 20px 25px;
}
.global__quiz_design3 .row:first-child .test__true_false .button-container .button_item:hover {
    background: #f6a2b6;
}
.global__quiz_design3 .row:first-child .test__true_false .button-container .button_item span {
    font: 17px 'Roboto';
    color: #fff;
    font-weight: 500;
    line-height: 20px!important;
}
.global__quiz_design3 .row:first-child .test__yes_no .button-container .button_item.test__true_false__swap_button { min-width: 130px!important; }
.global__quiz_design3 .row:first-child .test__yes_no .button-container .button_item span {
    font: 16px 'Roboto'!important;
    color: #fff!important;
    font-weight: 700!important;
    line-height: 20px!important;
    position: relative!important;
    left: 0!important;
    top: 0!important;
}
.global__quiz_design3 .row:first-child .test__true_false .button-container .button_item.test__true_false__swap_button span {
    font: 15px 'Roboto';
    color: #000;
    font-weight: 400;
}
.global__quiz_design3 .row:first-child .test__true_false.test__yes_no .button-container .button_item .button_item__image {
    position: relative;
    top: -3px!important;
}
.global__quiz_design3 .row:first-child .test__true_false .button-container .button_item.yes .button_item__image {
    background: url(/images/ico/tick-truefalse-white.png) 50% 50% no-repeat;
    top: 1px;
}
.global__quiz_design3 .row:first-child .test__true_false .button-container .button_item.no .button_item__image {
    background: url(/images/ico/cancel-truefalse-white.png) 50% 50% no-repeat;
    top: 1px;
}

.global__quiz_design3 .row:first-child .test__true_false .question-container {
    background: #f18e79;
}
.global__quiz_design3 .row:first-child .test__true_false .question-container .title {
    font: 18px/23px 'Roboto'!important;
    color: #fff!important;
    font-weight: 500!important;
    text-align: center!important;
}
.global__quiz_design3 .row:first-child .test__true_false .question-container .title { text-align: left!important; }
.global__quiz_design3 .row:first-child .card__backline-2 { background: #ffb8a9; }
.global__quiz_design3 .row:first-child .card__backline-3 { background: #ffdbd4; }

.global__quiz_design3 .result-fr {
    background: url(/images/res3.png) 0 0 no-repeat;
    padding-top: 39px;
}
.global__quiz_design3 .result-fr .t1 {
    font: 14px 'Roboto';
    color: #fff;
    font-weight: 400;
}
.global__quiz_design3 .result-fr .t2 {
    font: 22px 'Roboto';
    color: #fff;
    font-weight: 900;
}

.global__quiz_design3 .row:first-child .ans-form input[type='text'] {
    font: 16px 'Roboto';
    color: #9c9c9c;
    font-weight: 400;
}
.global__quiz_design3 .row:first-child .ans-form input[type='submit'], .global__quiz_design3 .row:first-child .ans-form input[type='button'] {
    padding: 0;
    text-align: center;
}
.global__quiz_design3 .row:first-child .progressing .bx.tt {
    font: 24px 'Roboto';
    color: #000;
    font-weight: 500;
}

/* ----- design4 ----- */
.global__quiz_design4 .row:first-child .state-box .h3 {
    font: 26px 'Open Sans';
    color: #000000;
    font-weight: 700;
    font-style: italic;
}
.global__quiz_design4 .row:first-child .state-box .image-descrs .h3 { color: #fff; }
.global__quiz_design4 .row:first-child .author span {
    font: 16px 'Open Sans';
    color: #7a7a7a;
    font-weight: 600;
    font-style: italic;
}
.global__quiz_design4 .row:first-child .hh-row .date span {
    font: 14px 'Open Sans';
    color: #7a7a7a;
    font-weight: 300;
    font-style: italic;
    position: relative;
    top: 3px;
}
.global__quiz_design4 .row:first-child .hh-row .ico-it span {
    font: 13px 'Open Sans';
    color: #7a7a7a;
    font-weight: 300;
    font-style: italic;
    position: relative;
    top: 2px;
}
.global__quiz_design4 .row:first-child .hh-row .ico-it img {
    position: relative;
    top: 2px;
}
.global__quiz_design4 .row:first-child .quiz-description, .global__quiz_design4 .row:first-child .quiz-description * {
    font: 16px/25px 'Open Sans'!important;
    color: #000!important;
    font-weight: 400!important;
    font-style: italic!important;
}
.global__quiz_design4 .row:first-child .btn {
    font: 16px/50px 'Open Sans';
    color: #fff;
    font-weight: 800;
    font-style: italic;
    padding: 0 40px;
    border-radius: 3px;
    background-color: #000;
    height: 50px;
}
.global__quiz_design4 .row:first-child .btn:hover { background-color: #7a7a7a; }
.global__quiz_design4 .row:first-child .next-btns .btn {
    padding: 0;
    line-height: 50px;
}
.global__quiz_design4 .share-buttons .soc .soc-button, .global__quiz_design4 .share-buttons .soc .soc-button__wrapper {
    background: #7a7a7a;
}
.global__quiz_design4 .share-buttons .soc .soc-button:hover, .global__quiz_design4 .share-buttons .soc .soc-button:hover .soc-button__wrapper {
    background: #000;
}
.global__quiz_design4 .share-buttons .soc .soc-button.vk .soc-button__wrapper span.ico { background: url(/images/social/vk.svg) no-repeat; }
.global__quiz_design4 .share-buttons .soc .soc-button.fb .soc-button__wrapper span.ico { background: url(/images/social/fb.svg) no-repeat; }
.global__quiz_design4 .share-buttons .soc .soc-button.ok .soc-button__wrapper span.ico { background: url(/images/social/ok.svg) no-repeat; }
.global__quiz_design4 .share-buttons .soc .soc-button.wa .soc-button__wrapper span.ico { background: url(/images/social/wa.svg) no-repeat; }
.global__quiz_design4 .share-buttons .soc .soc-button.tg .soc-button__wrapper span.ico { background: url(/images/social/tg.svg) no-repeat; }
.global__quiz_design4 .share-buttons .soc .soc-button.embed .soc-button__wrapper span.text { color: #fff; }
.global__quiz_design4 .share-buttons .soc .soc-button.embed .soc-button__wrapper span.ico { background-position: -173px -30px; }

.global__quiz_design4 .row:first-child .question .title {
    font: 24px 'Open Sans'!important;
    color: #000!important;
    font-weight: 600!important;
    font-style: italic!important;
}
.global__quiz_design4 .row:first-child .quiz-progress-bar .dots > div { background-color: #b6b6b6; }
.global__quiz_design4 .row:first-child .quiz-progress-bar .dots > div.act { background-color: #000; background-image: none; }
.global__quiz_design4 .row:first-child .quiz-progress-bar .dots > div.been { background-color: #000; }
.global__quiz_design4 .row:first-child .quiz-progress-bar .count {
    font: 14px 'Open Sans';
    color: #000;
    font-weight: 700;
    font-style: italic;
}
.global__quiz_design4 .row:first-child .question .answers-block, .global__quiz_design4 .row:first-child .question .answers-block *, .global__quiz_design4 .row:first-child .question[data-type="2"] .answers-block, .global__quiz_design4 .row:first-child .question[data-type="2"] .answers-block * {
    font: 15px 'Open Sans'!important;
    color: #000!important;
    font-weight: 600!important;
    font-style: italic!important;
}
.global__quiz_design4 .row:first-child .answers-block .chk-area {
    border: 0;
    background: #fff;
    border: 1px solid #ccc;
    width: 23px;
    height: 23px;
    border-radius: 12px;
    margin-right: 15px;
}

.global__quiz_design4 .row:first-child .result-description, .global__quiz_design4 .row:first-child .result-description * {
    font: 16px/25px 'Open Sans'!important;
    color: #000!important;
    font-weight: 400!important;
    font-style: italic!important;
}
.global__quiz_design4 .share-single p {
    font: 16px 'Open Sans';
    color: #979797;
    font-weight: 700;
    font-style: italic;
}

.global__quiz_design4 .row:first-child .state-box .h3 span {
    font-size: 24px;
}
.global__quiz_design4 .row:first-child .state-box .result-comment {
    font: 16px/25px 'Open Sans';
    color: #000;
    font-weight: 400;
    font-style: italic;
}

.global__quiz_design4 .row:first-child .quiz_process_emoji .quiz_process_emoji__item:hover, .global__quiz_design4 .row:first-child .quiz_process_emoji .quiz_process_emoji__item.active, .global__quiz_design4 .row:first-child .quiz_process_emoji .quiz_process_emoji__item.answer-sel {
    background: #7a7a7a!important;
}

.global__quiz_design4 .row:first-child .quiz_process_agree__right, .global__quiz_design4 .row:first-child .quiz_process_agree__left {
    font: 17px 'Open Sans';
    color: #000;
    font-weight: 700;
    font-style: italic;
}
.global__quiz_design4 .row:first-child .quiz_process_agree__item {
    border-color: #000;
}
.global__quiz_design4 .row:first-child .quiz_process_agree__item:hover, .global__quiz_design4 .row:first-child .quiz_process_agree__item.answer-sel {
    background: #000!important;
}

.global__quiz_design4 .row:first-child .irs--flat .irs-min, .global__quiz_design4 .row:first-child .irs--flat .irs-max {
    font: 14px 'Open Sans'!important;
    color: #9c9c9c!important;
    font-weight: 300!important;
    font-style: italic!important;
}
.global__quiz_design4 .row:first-child .irs--flat .irs-single {
    font: 16px 'Open Sans'!important;
    color: #010101!important;
    font-weight: 700!important;
    font-style: italic!important;
}
.global__quiz_design4 .row:first-child .irs--flat .irs-handle {
    background: #000;
    background-image: none!important;
}

.global__quiz_design4 .row:first-child .test__true_false .button-container .button_item {
    height: 55px;
    border-radius: 3px;
    background: #000;
    border: 0;
    margin: 15px!important;
    padding: 20px 25px;
}
.global__quiz_design4 .row:first-child .test__true_false .button-container .button_item:hover {
    background: #7a7a7a;
}
.global__quiz_design4 .row:first-child .test__yes_no .button-container .button_item.test__true_false__swap_button { min-width: 130px!important; }
.global__quiz_design4 .row:first-child .test__yes_no .button-container .button_item span {
    font: 17px 'Open Sans'!important;
    color: #fff!important;
    font-weight: 500!important;
    line-height: 20px!important;
    font-style: italic!important;
    position: relative!important;
    left: 0!important;
    top: 0!important;
}
.global__quiz_design4 .row:first-child .test__true_false .button-container .button_item.test__true_false__swap_button span {
    font: 15px 'Open Sans';
    color: #000;
    font-weight: 400;
    font-style: italic;
}
.global__quiz_design4 .row:first-child .test__true_false .button-container .button_item .button_item__image {
    position: relative;
    top: -3px;
}
.global__quiz_design4 .row:first-child .test__true_false .button-container .button_item.yes .button_item__image {
    background: url(/images/ico/tick-truefalse-white.png) 50% 50% no-repeat;
    top: 1px;
}
.global__quiz_design4 .row:first-child .test__true_false .button-container .button_item.no .button_item__image {
    background: url(/images/ico/cancel-truefalse-white.png) 50% 50% no-repeat;
    top: 1px;
}
.global__quiz_design4 .row:first-child .test__yes_no .button-container .button_item .button_item__image { top: -2px!important; }

.global__quiz_design4 .row:first-child .test__true_false .question-container {
    background: #000;
}
.global__quiz_design4 .row:first-child .test__true_false .question-container .title {
    font: 18px/23px 'Open Sans'!important;
    color: #fff!important;
    font-weight: 600!important;
    font-style: italic!important;
}
.global__quiz_design4 .row:first-child .card__backline-2 { background: #b6b6b6; }
.global__quiz_design4 .row:first-child .card__backline-3 { background: #dddddd; }

.global__quiz_design4 .row:first-child .result-fr {
    background: url(/images/res4.png) 0 0 no-repeat;
    padding-top: 36px;
}
.global__quiz_design4 .row:first-child .result-fr .t1 {
    font: 14px 'Open Sans';
    color: #fff;
    font-weight: 400;
    font-style: italic;
}
.global__quiz_design4 .row:first-child .result-fr .t2 {
    font: 22px 'Open Sans';
    color: #fff;
    font-weight: 800;
    font-style: italic;
}

.global__quiz_design4 .row:first-child .ans-form input[type='text'] {
    font: 16px 'Open Sans';
    color: #9c9c9c;
    font-weight: 400;
    font-style: italic;
}
.global__quiz_design4 .row:first-child .ans-form input[type='submit'], .global__quiz_design4 .row:first-child .ans-form input[type='button'] {
    padding: 0;
    text-align: center;
}
.global__quiz_design4 .row:first-child .progressing .bx.tt {
    font: 24px 'Open Sans';
    color: #000;
    font-weight: 700;
    font-style: italic;
}

.choose-answer.green-ch-wrap, .choose-answer.red-ch-wrap { background: #fff!important; }
.chk-area {
    background-size: contain!important;
}
.falseGif {
    background-image: url('/images/gif/answer-false.gif')!important;
    background-size: contain!important;
}


/* ----- cabinet ----- */
.cabinet__soc .share-buttons {
    margin-top: 0;
}
.cabinet__soc .share-buttons .soc {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    top: 9px;
    position: relative;
}
.cabinet__soc .share-buttons .soc .soc-button .soc-button__wrapper {
    background: #fff;
}
.cabinet__soc .share-buttons .soc .soc-button:hover .soc-button__wrapper {
    background: linear-gradient(90deg, rgba(150,10,249,1) 0%, rgba(15,101,239,1) 100%);
}
.cabinet__soc .share-buttons .soc .soc-button.soc-button-embed.soc-button-embed-ru { width: inherit!important; }
.cabinet__soc .share-buttons .soc .soc-button.soc-button-embed.soc-button-embed-ru .soc-button__wrapper { width: calc(100% - 2px); }
.cabinet__soc .share-buttons .soc .soc-button.embed .soc-button__wrapper span.text { left: -1px; padding: 0 20px; }


/*--- Tutorial ---*/
.tutorial {
    padding-top: 50px;
    padding-bottom: 50px;
}
.tutorial .tutorial__preview {
    width: 100%;
    max-width: 900px;
    margin: 45px auto;
    /*filter: drop-shadow(0px 1px 22.5px rgba(0,0,0,0.08));*/
}
.tutorial .tutorial__preview img { 
    width: 100%;
    filter: drop-shadow(0px 1px 22.5px rgba(0,0,0,0.08));
}
.tutorial h1 {
    font: 34px "Montserrat";
    font-weight: 700;
    color: #000;
    text-align: center;
}
.tutorial h2 {
    font: 20px "Montserrat";
    font-weight: 600;
    color: #000;
    text-align: center;
}
.tutorial .tutorial__list {
    text-align: center;
    margin-top: 30px;
}
.tutorial .tutorial__list ul {
    list-style-type: none;
    margin-bottom: 50px;
}
.tutorial .tutorial__list ul li {
    margin-bottom: 15px;
}
.tutorial .tutorial__list ul li a {
    font: 16px "Montserrat";
    font-weight: 400;
    color: #337ac7;
}
.tutorial .tutorial__list ul li a:hover { color: #23527c; }
.tutorial .btn {
    margin: 0;
    min-width: 140px;
    height: 50px;
    line-height: 28px;
    font-size: 16px;
}


/*BLOG*/
#blog .blog__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#blog .blog_item .img {
    width: 100%;
}
#blog .blog_item .title {
    font: 17px/24px "Montserrat";
    font-weight: 600;
    color: #000;
    margin-top: 7px;
}
@media (min-width: 500px) and (max-width: 768px) {
    #blog .blog_item {
        flex: 0 0 50%;
    }
}


/*BLOG DETAILS*/
#blog_details {
    padding: 40px 0;
}
#blog_details h1 {
    font: 40px/45px "Montserrat";
    font-weight: 800;
    color: #000;
    text-align: center;
}
#blog_details h2 {
    font: 31px/39px "Montserrat";
    font-weight: 800;
    color: #000;
    text-align: center;
    margin-bottom: 35px;
}
#blog_details .blog_details__autor {
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 25px auto 55px auto;
}
#blog_details .blog_details__autor img {
    display: inline-block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
}
#blog_details .blog_details__autor .group {
    display: inline-block;
    margin-left: 11px;
    position: relative;
    top: -12px;
}
#blog_details .blog_details__autor .group .name {
    font: 16px "Montserrat";
    font-weight: 600;
    color: #1065ef;
    margin-bottom: 2px;
}
#blog_details .blog_details__autor .group .from {
    font: 15px "Montserrat";
    font-weight: 500;
    color: #8b9cb6;
}
#blog_details .blog_details__content {
    margin-left: -20px;
}
#blog_details .blog_details__content .blog_details__content__text {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    padding: 55px 50px;
    font: 17px/27px "Montserrat";
    font-weight: 400;
    color: #000;
    position: relative;
    left: 20px;
    margin-top: -158px;
}

#blog_details .blog_details__content .blog_details__content__text p {
    margin-bottom: 30px;
}
#blog_details .blog_details__content .blog_details__content__text p:nth-last-of-type(1) {
    margin-bottom: 0;
}
#blog_details .blog_details__content .blog_details__content__text p.last {
    margin-bottom: 50px;
}
#blog_details .blog_details__content .blog_details__content__text p.ul_title {
    padding-left: 25px;
}
#blog_details .blog_details__content .blog_details__content__text ul.last {
    margin-bottom: 30px;
}
#blog_details .blog_details__content .blog_details__content__text ul {
    list-style-type: disc;
    padding-left: 20px;
}
#blog_details .blog_details__content .blog_details__content__text ol {
    list-style-type: decimal;
    padding-left: 20px;
}
#blog_details .blog_details__content .blog_details__content__text ul li, #blog_details .blog_details__content ol li {
    margin-bottom: 15px;
}
#blog_details .blog_details__content .blog_details__content__text hr {
    border-top: 2px solid #ecf0f3;
    margin: 60px -50px;
}
#blog_details .blog_details__content .blog_details__content__text a {
    font: 17px "Montserrat";
    font-weight: 500;
    color: #1065ef;
}
#blog_details .blog_details__content .blog_details__content__text .gif {
    text-align: center;
    margin-bottom: 50px;
}
#blog_details .blog_details__content .blog_details__content__text .line-through {
}
#blog_details .blog_details__content .blog_details__content__text .title_big {
    font: 24px/32px "Montserrat";
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}

#blog_details .blog_details__share {
    margin-top: 40px;
    height: 66px;
    padding: 0 25px;
}
#blog_details .blog_details__share .blog_details__share__title {
    font: 15px/66px "Montserrat";
    font-weight: 600;
    color: #000;
    float: left;
}
#blog_details .blog_details__share .blog_details__share__list {
    float: right;
    position: relative;
    top: 10px;
}
#blog_details .blog_details__share .blog_details__share__list .share-buttons .soc .soc-button .soc-button__wrapper {
    background: #fff;
}
#blog_details .blog_details__share .blog_details__share__list .share-buttons .soc .soc-button:hover .soc-button__wrapper {
    background: linear-gradient(90deg, rgba(150,10,249,1) 0%, rgba(15,101,239,1) 100%);
}
#blog_details .blog_details__comment {
    text-align: center;
    margin-top: 60px;
}
#blog_details .blog_details__comment .fb-comments {
    max-width: 850px;
}
#blog_details .blog_details__cases {
    margin-top: 60px;
}
#blog_details .blockquote {
    margin-bottom: 30px;
    text-align: center;
    padding: 20px 0;
}
#blog_details blockquote {
    display: inline-block;
    font-style: italic;
    border-left: 5px solid #1065ef;
    padding-left: 17px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
}
#blog_details blockquote span {
    font-weight: bold;
}

@media (max-width: 767px) {
    #blog_details h1 br, #blog_details h2 br { display: none; } 

    #blog_details {
        padding: 27px 0;
    }
    #blog_details .blog_details__content .blog_details__content__text hr {
        margin-top: 43px;
        margin-bottom: 43px;
    }
    #blog_details h1 {
        font: 34px/40px "Montserrat";
        font-weight: 800;
    }
    #blog_details h2 {
         font: 31px/39px "Montserrat";
         font-weight: 800;
    }
    #blog_details .blog_details__autor {
        margin-bottom: 40px;
    }
    #blog_details .blog_details__content { margin-left: 0; }
    #blog_details .blog_details__content .blog_details__content__text {
        margin-left: -15px;
        margin-right: -15px;
        padding: 35px 17px;
        width: inherit;
        left: 0;
        margin-top: 0;
    }
    #blog_details .blog_details__content .blog_details__content__text p {
        margin-bottom: 22px;
    }
    #blog_details .blog_details__content .blog_details__content__text div[data-quizterra-container] {
        margin: 0 -15px;
    }
    #blog_details .blog_details__comment {
        margin-top: 50px;
    }
    #blog_details .blog_details__cases {
        margin-top: 50px;
    }
    #blog_details .blog_details__share.share_desktop { display: none; }
}
@media (min-width: 768px) {
    #blog_details .blog_details__share.share_mobile { display: none; }
    #blog_details .blog_details__share.share_desktop {
        position: sticky;
        top: 20px;
        left: 11px;
        width: 80px;
        height: inherit;
        text-align: center;
        padding: 0;
    }
    #blog_details .blog_details__share .blog_details__share__title {
        float: none;
        line-height: 54px;
    }
    #blog_details .blog_details__share .blog_details__share__list {
        float: none;
        margin-bottom: -3px;
        padding-bottom: 1px;
    }
    #blog_details .blog_details__share .blog_details__share__list .soc {
        margin-top: -20px;
    }
    #blog_details .blog_details__share .blog_details__share__list .social-share-button {
        display: table;
        margin: 0 auto;
        margin-bottom: 12px;
    }
}



/*--------------------------------------------
----------- MAIN PAGE (jan. 2020) ------------
--------------------------------------------*/
#header_main {
    background: linear-gradient(292.7deg, #F161C4 0%, #6650A2 53.12%, #0194D7 100%);
    background-position: center;
    background-size: cover;
    height: auto;
    padding-top: 0;
}

#header_main .menu_wrapper {
    width: 100%;
    background: linear-gradient(341.74deg, #F161C4 0%, #6650A2 53.12%, #0194D7 100%);
    padding: 20px 0;
}
#header_main .category_2 a {
    background: none;
    padding-left: 0;
}

#header_main .main_menu {
	margin-left: 80px;
}
#header_main .main_menu .main_menu__item {
	font: 18px 'Montserrat';
	font-weight: 600;
	color: #FEFEFE;
	margin: 0 25px;
	padding-bottom: 12px;
}
#header_main .main_menu .main_menu__item:hover {
	border-bottom: 2px solid #9298d9;
}

#header_main .header_main__content {
    text-align: center;
    margin-top: 95px;
    margin-bottom: 210px;
}
#header_main .header_main__content .title {
    font: 48px/60px 'Montserrat';
    font-weight: bold;
    color: #fff;
    margin-bottom: 53px;
}
#header_main .header_main__content .title span { display: block; text-transform: uppercase; }
#header_main .header_main__content .subtitle {
    font: 18px/30px 'Montserrat';
    font-weight: 500;
    color: #fff;
    margin-bottom: 44px;
}
#header_main .header_main__content .button, .container_main .button {
    min-width: 230px;
    font: 16px/62px 'Montserrat';
    font-weight: 600;
    color: #fff;
    height: 60px;
    padding: 0 35px;
    border-radius: 4px;
    background-color: #00c6ff;
    display: inline-block;
    margin-bottom: 27px;
    text-decoration: none;
    letter-spacing: 0.05em;
}
#header_main .main_quiz_list {
	display: none;
	margin-bottom: 25px;
}
#header_main .main_quiz_list hr {
	height: 0;
	width: 20%;
    border: 0;
    border-bottom: 2px solid #9298d9;
    margin-bottom: 25px;
    margin-top: -18px;
}
#header_main .main_quiz_list {
	font: 18px/30px 'Montserrat';
	font-weight: 500;
	color: #fff;
}
#header_main .header_main__content .macbook {
    margin-top: 50px;
}
#header_main .header_main__content .macbook .macbook_player {
    position: relative;
}
#header_main .header_main__content .macbook .macbook_player .macbook_video {
    position: relative;
    height: 400px;
}
#header_main .header_main__content .macbook .macbook_player .macbook_video .mac {
    position: absolute;
    left: 55px;
    z-index: 2;
}
#header_main .header_main__content .macbook .macbook_player .macbook_video .card_item {
    position: absolute;
}
#header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.l1 {
    left: 71px;
    top: -96px;
    z-index: 1;
}
#header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.l2 {
    left: -32px;
    top: 63px;
    z-index: 1;
}
#header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.l3 {
    left: 54px;
    bottom: -76px;
    z-index: 3;
}
#header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.r1 {
    right: 69px;
    top: -75px;
    z-index: 1;
}
#header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.r2 {
    right: 0;
    top: 101px;
    z-index: 1;
}
#header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.r3 {
    right: 40px;
    bottom: -98px;
    z-index: 3;
}
#header_main .header_main__content .macbook iframe, #header_main .header_main__content .macbook .iframe_img {
	position: relative;
    z-index: 4;
    width: 652px;
    height: 368px;
    left: -9px;
    top: 33px;
}
/*---------------------------------------*/
#header_main .header_main__content .test-block {
    text-align: left;
    bottom: -200px;
    position: relative;
    margin-top: -200px;
}
#header_main .header_main__content .test-block .row {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.test-block_slick .slick-dots {
    display: flex;
    width: 100%;
    justify-content: center;
}
.test-block_slick .slick-dots li button {
    font-size: 0;
    border: 0;
    background: none;
    font-size: 0;
    border: 0;
    background: none;
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
}
.test-block_slick .slick-dots li button:before {
    font-size: 42px;
    left: 0;
    content: '•';
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.test-block_slick .slick-dots li.slick-active {
    margin-top: -2px;
}
.test-block_slick .slick-dots li.slick-active button:before {
    font-size: 84px;
}
/*---------------------------------------*/
.quiz_info_main .lk__tabs__caption__wrapper {
	height: 35px;
    overflow: hidden;
    margin-bottom: 30px;
}
.quiz_info_main .lk__tabs__caption {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    overflow-x: auto;
    padding-bottom: 20px;
}
.quiz_info_main .lk__tabs__caption li {
    border-bottom: 2px solid #E0E0E0;
    font: 18px 'Montserrat';
    font-weight: normal;
    color: #4F4F4F;
    padding: 0 20px;
    cursor: pointer;
    padding-bottom: 11px;
    white-space: nowrap;
}
.quiz_info_main .lk__tabs__caption li:nth-of-type(1) { padding-left: 0; }
.quiz_info_main .lk__tabs__caption li:nth-last-of-type(1) { padding-right: 0; }
.quiz_info_main .lk__tabs__caption li.active {
    font-weight: bold;
}
.quiz_info_main .lk__tabs__caption li.active span {
    border-bottom: 2px solid #4FC5A8;
    padding-bottom: 11px;
}
.quiz_info_main .lk__tabs__content { height: 0px; overflow: hidden; display: block!important; }
.quiz_info_main .lk__tabs__content.active { height: auto; }
.quiz_info_main__content .quiz_info_main__content__title {
    font: 26px/36px 'Montserrat';
    font-weight: bold;
    color: #4F4F4F;
    text-align: center;
    margin-bottom: 30px;
}
.quiz_info_main__content .quiz_info_main__content__text {
    font: 16px/28px 'Montserrat';
    font-weight: normal;
    color: #000;
    text-align: center;
    max-width: 660px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.quiz_info_main__content .quiz_info_main__content__embed {
    margin-bottom: 80px;
}
.quiz_block_white {
    padding-top: 110px;
    margin-bottom: 80px;
}
.quiz_block_white2 {
    padding-top: 0;
    margin-bottom: 200px;
    background: #fff;
}
.quiz_block_white h2 {
    font: 26px 'Montserrat';
    font-weight: bold;
    color: #4F4F4F;
    margin-bottom: 30px;
}
.quiz_number_block {
    padding-bottom: 20px;
}
.quiz_number_block .quiz_number_block__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.quiz_number_block .quiz_number_block__item .sep .sep_mobile {
	display: none;
}
.quiz_number_block .quiz_number_block__item .block1 {
    background-position: -25px 6px;
    background-size: contain;
    background-repeat: no-repeat;
    font: 18px/30px 'Montserrat';
    font-weight: bold;
    color: #4F4F4F;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 93px;
    margin-right: 28px;
}
.quiz_number_block .quiz_number_block__item .block2 {
    font: 16px/28px 'Montserrat';
    font-weight: normal;
    color: #4F4F4F;
    text-align: center;
    max-width: 265px;
}
.quiz_number_block .quiz_number_block__item .block3 {
    font: 16px/28px 'Montserrat';
    font-weight: normal;
    color: #4F4F4F;
    text-align: center;
    max-width: 265px;
}
.quiz_number_block .quiz_number_block__item .block4 {
    font: 16px/28px 'Montserrat';
    font-weight: normal;
    color: #4F4F4F;
    border-radius: 10px;
    text-align: center;
    padding: 50px 30px;
    width: 270px;
}
.quiz_number_block .quiz_number_block__item:nth-of-type(1) .block1 { background-image: url('/images/main/number-1.png'); background-position: -10px 6px; }
.quiz_number_block .quiz_number_block__item:nth-of-type(2) .block1 { background-image: url('/images/main/number-2.png'); }
.quiz_number_block .quiz_number_block__item:nth-of-type(3) .block1 { background-image: url('/images/main/number-3.png'); }
.quiz_number_block .quiz_number_block__item:nth-of-type(1) .block4 { background: linear-gradient(122.2deg, #FFFBEE 0%, #FDF0E6 100%); }
.quiz_number_block .quiz_number_block__item:nth-of-type(2) .block4 { background: linear-gradient(122.2deg, #EDEFFF 0%, #D7DCFF 100%); }
.quiz_number_block .quiz_number_block__item:nth-of-type(3) .block4 { background: linear-gradient(122.2deg, #ECF9FF 0%, #C8EBFF 100%); }
/*---------------------------------------*/
.quiz_main_gif { margin-top: 140px; }
.quiz_main_gif .quiz_main_gif__content {
    display: flex;
    justify-content: space-between;
}
.quiz_main_gif h2 {
    margin-bottom: 0;
}
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left {
    width: 55%;
}
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__right {
    width: 45%;
    background: url('/images/main/gif_bg.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: -50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 16px;
    right: -15px;
}
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: flex-start;
}
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption li {
    font: 16px 'Montserrat';
    font-weight: normal;
    color: #4F4F4F;
    margin-top: 45px;
}
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption li:nth-of-type(odd) { width: 45%; }
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption li:nth-of-type(even) { width: 50%; }
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption li:hover {
    color: #4FC5A8;
    cursor: pointer;
}
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption li.active {
    font-weight: bold;
    color: #4FC5A8;
}
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption .cms_list {
    margin-top: 18px;
}
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption .cms_list img {
    margin-right: 21px;
}
.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__right .lk__tabs__content {
    width: 90%;
    position: relative;
    top: -13px;
}
/*---------------------------------------*/
.quiz_main_bottom__wrapper  {
    background: linear-gradient(313.6deg, #F161C4 0%, #6650A2 53.12%, #0194D7 100%);
    height: 350px;
    display: flex;
    align-items: center;
    margin-top: 200px;
}
.quiz_main_bottom {
    text-align: center;
}
.quiz_main_bottom .button {
	margin-bottom: 0;
    background: #00C350;
    min-width: 300px;
    margin-right: 0;
}
.quiz_main_bottom .quiz_main_bottom__left__title {
	font: 36px 'Montserrat';
	font-weight: bold;
	color: #fff;
	margin-bottom: 18px;
}
.quiz_main_bottom .quiz_main_bottom__left__text {
	font: 18px 'Montserrat';
	font-weight: 500;
	color: #fff;
    margin-bottom: 35px;
}
.quiz_main_bottom .quiz_main_bottom__item {
	margin: 0 7%;
}
/*---------------------------------------*/
.quiz_main__blog {
    bottom: -290px;
    position: relative;
    margin-top: -145px;
    margin-bottom: 75px;
}
.quiz_main__blog .quiz_main__blog__h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 45px;
    padding: 0 15px;
}
.quiz_main__blog .quiz_main__blog__h2 h2 {
    margin-bottom: 0;
}
.quiz_main__blog .quiz_main__blog__h2 .right {
    font: 18px 'Montserrat';
    font-weight: bold;
    color: #4FC5A8;
    border-bottom: 2px solid #cbeee5;
    padding-bottom: 6px;
}
.quiz_main__blog .quiz_main__blog__slick .slick-slide {
    margin: 0 15px;
    outline: none;
}
.quiz_main__blog .quiz_main__blog__slick .slick-slide .use_cases__block__title {
    font: 17px/24px "Montserrat";
    font-weight: 600;
    color: #000;
    margin-top: 10px;
}
.quiz_main__blog .slick-dots {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 35px;
}
.quiz_main__blog .slick-dots li button {
    font-size: 0;
    border: 0;
    background: none;
    font-size: 0;
    border: 0;
    background: none;
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
}
.quiz_main__blog .slick-dots li button:before {
    font-size: 42px;
    left: 0;
    content: '•';
    color: #ADD6EE;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.quiz_main__blog .slick-dots li.slick-active {
    margin-top: -2px;
}
.quiz_main__blog .slick-dots li.slick-active button:before {
    font-size: 84px;
}
/*---------------------------------------*/
.page-index footer {
    position: relative;
    top: 70px;
}
/*---------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
	#header_main .main_menu {
		margin-left: 30px;
	}
	#header_main .main_menu .main_menu__item {
		margin: 0 17px;
	}
	.quiz_number_block .quiz_number_block__item .block1 {
		margin-right: 15px;
	}
	.quiz_number_block .quiz_number_block__item .block2 br, .quiz_number_block .quiz_number_block__item .block3 br, .quiz_number_block .quiz_number_block__item .block4 br {
		display: none;
	}
	.quiz_number_block .quiz_number_block__item .block2, .quiz_number_block .quiz_number_block__item .block3 {
		max-width: 200px;
	}
	.quiz_number_block .quiz_number_block__item .block4 {
		padding: 35px 20px;
		width: 200px;
	}
    /*--------------------------*/
    #header_main .header_main__content .macbook iframe, #header_main .header_main__content .macbook .iframe_img {
        width: 606px;
        height: 339px;
        left: -8px;
        top: 33px;
    }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .mac {
        left: -8px;
    }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.l1 { left: -7px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.l2 { left: -102px; top: 53px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.l3 { left: -38px; bottom: -65px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.r1 { right: 2px; top: -103px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.r2 { right: -53px; top: 66px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.r3 { right: -46px; bottom: -63px; }
}
@media (min-width: 769px) and (max-width: 991px) {
	#header_main .main_menu {
		margin-left: 10px;
	}
	#header_main .main_menu .main_menu__item {
		margin: 0 8px;
	}
	.quiz_info_main .lk__tabs__caption {
		justify-content: flex-start;
	}
	.quiz_number_block .quiz_number_block__item { margin-top: 40px; }
	.quiz_number_block .quiz_number_block__item .block1 {
		height: 160px;
		padding-left: 68px;
		font: 16px/26px 'Montserrat';
	}
	.quiz_number_block .quiz_number_block__item .block2 br, .quiz_number_block .quiz_number_block__item .block3 br, .quiz_number_block .quiz_number_block__item .block4 br {
		display: none;
	}
	.quiz_number_block .quiz_number_block__item .block2, .quiz_number_block .quiz_number_block__item .block3 {
		max-width: 120px;
	}
	.quiz_number_block .quiz_number_block__item .block4 {
		padding: 35px 20px;
		width: 200px;
	}
	.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption li {
		margin-top: 38px;
	}
	.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption .cms_list img {
		margin-right: 15px;
	}
	.quiz_main_bottom .quiz_main_bottom__wrapper .quiz_main_bottom__item {
		margin: 0px 3%;
	}
    /*--------------------------*/
    #header_main .header_main__content .macbook iframe, #header_main .header_main__content .macbook .iframe_img {
        width: 464px;
        height: 264px;
        left: 2px;
        top: 22px;
    }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .mac {
        left: 2px;
    }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.l1 { left: -31px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.l2 { left: -122px; top: 53px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.l3 { left: -66px; bottom: -59px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.r1 { right: -51px; top: -103px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.r2 { right: -92px; top: 66px; }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .card_item.r3 { right: -87px; bottom: -63px; }
}
@media (max-width: 991px) {
    #header_main .category_2 { display: none; }
}
@media (max-width: 768px) {
    #header_main .header_main__content .title {
        font-size: 36px;
        line-height: 44px;
    }
    #header_main .header_main__content .title span { display: inline-block; }
	#header_main .main_menu {
		display: none;
	}
	#header_main .header_main__content {
		margin-top: 60px;
        margin-bottom: 120px;
        padding-bottom: 30px;
	}
	#header_main .main_quiz_list { display: block; }
	#header_main .header_main__content .macbook {
		margin-top: 0;
	}
    #header_main .header_main__content .macbook .macbook_player .macbook_video {
        width: 146%;
        margin-left: -23%;
        height: auto;
    }
    #header_main .header_main__content .macbook .macbook_player .macbook_video .mac {
        position: relative;
        left: 0;
    }
    #header_main .header_main__content .macbook iframe, #header_main .header_main__content .macbook .iframe_img {
        position: absolute;
        z-index: 4;
        width: 64%;
        height: 65%;
        left: 18%;
        top: 6%;
    }
	#header_main .header_main__content .macbook .macbook_player .macbook_video .card_item {
		display: none;
	}
    #header_main .header_main__content .test-block {
        bottom: 0;
        margin-top: 0;
    }
    #header_main .header_main__content .test-block .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #header_main .header_main__content .test-block .slick-track .slick-slide { display: flex; height: auto; }
    #header_main .header_main__content .test-block .btns_links a { display: inline-block; }
    #header_main .header_main__content .test-block .btns_links a img { display: inline-block; }
	.container_main {
		margin-top: -110px;
	}
	.quiz_info_main .lk__tabs__caption {
		justify-content: flex-start;
	}
	.quiz_info_main__content .quiz_info_main__content__text {
		margin-bottom: 20px;
	}
	.quiz_info_main__content .quiz_info_main__content__embed {
		margin-bottom: 10px;
	}
	.quiz_block_white {
		padding-top: 60px;
		margin-bottom: 50px;
	}
	.quiz_block_white .quiz_number_block h2 { margin-bottom: -5px; }
	.quiz_number_block .quiz_number_block__item .block1 br, .quiz_number_block .quiz_number_block__item .block2 br, .quiz_number_block .quiz_number_block__item .block3 br, .quiz_number_block .quiz_number_block__item .block4 br {
		display: none;
	}
	.quiz_number_block .quiz_number_block__item .block2, .quiz_number_block .quiz_number_block__item .block3, .quiz_number_block .quiz_number_block__item .block4 {
		text-align: left;
	}
	.quiz_number_block .quiz_number_block__item {
		text-align: left;
		display: block;
		margin-top: 35px;
	}
	.quiz_number_block .quiz_number_block__item:nth-of-type(1) .block1 { background-position: -15px 6px; }
	.quiz_number_block .quiz_number_block__item:nth-of-type(2) .block1 { background-position: -15px 0; }
	.quiz_number_block .quiz_number_block__item:nth-of-type(3) .block1 { background-position: -15px 6px; }
	.quiz_number_block .quiz_number_block__item .sep .sep_mobile { display: block; margin: 15px auto; }
	.quiz_number_block .quiz_number_block__item .sep .sep_desktop { display: none; }
	.quiz_number_block .quiz_number_block__item .block1 {
		height: 135px;
		justify-content: flex-start;
		padding-left: 70px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.quiz_number_block .quiz_number_block__item .block4 {
		padding: 15px;
	    width: 100%;
	    margin: 0 -15px;
	    box-sizing: content-box;
	    border-radius: 0;
	}
	.quiz_main_gif {
		margin-top: 0px;
	}
	.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__right { display: none; }
	.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left {
		width: 100%;
		margin-top: 10px;
	}
	.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption li {
		width: 100%!important;
		margin-top: 30px;
		list-style-type: disc;
    	margin-left: 22px;
	}
	.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption li:hover, .quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption li.active {
		color: #4F4F4F;
		cursor: auto;
		font-weight: normal;
	}
	.quiz_main_gif .quiz_main_gif__content .quiz_main_gif__content__left .lk__tabs__caption .cms_list {
		margin-left: -15px;
	}
    .quiz_main_bottom__wrapper { margin-top: 60px; height: 280px; }
	.quiz_main_bottom {
		margin-top: 0px!important;
	    top: 0;
	    margin-bottom: 0px!important;
	    margin: 0px -28px;
	    background-size: cover;
	    min-height: auto;
	    border-radius: 0;
	}
	.quiz_main_bottom .quiz_main_bottom__wrapper {
		display: block;
		min-height: auto;
		text-align: center;
		padding: 55px 0;
		padding-top: 50px;
	}
	.quiz_main_bottom .quiz_main_bottom__wrapper .quiz_main_bottom__left__text {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 23px;
	}
	.quiz_main_bottom .quiz_main_bottom__wrapper .button {
		margin-bottom: 27px;
	}
    .quiz_main__blog { margin-top: -220px; }
    .quiz_main__blog .quiz_main__blog__h2 { display: block; }
    .quiz_main__blog .quiz_main__blog__h2 h2 { margin-bottom: 16px; }
    .quiz_main__blog .slick-dots { margin-top: 10px; }
}

.fancybox-slide--iframe .fancybox-content { max-width: 1170px; }