* {

    box-sizing: border-box

}



.nowrap {

    white-space: nowrap

}



h2,

h3,

p,

ul,

ul li {

    margin: 0;

    padding: 0

}



[scroll=goScrollToForm] {

    cursor: pointer

}



img {

    width: 100%

}



ul li {

    list-style: none

}



body {

    display: block;

    width: 100%;

    margin: 0;

    padding: 0

}



.wrapper {

    display: block;

    width: 100%;

    max-width: 960px;

    margin: 0 auto

}



.top-date {

    font-size: 16px

}



p {

    font-family: sans-serif;

    font-style: normal;

    font-weight: 400;

    font-size: 20px;

    line-height: 1.4;

    margin-bottom: 10px;

    color: #000

}



.header {

    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)

}



.content {

    padding: 20px 50px 30px

}



.title {

    margin-bottom: 15px;

    font-family: sans-serif;

    font-style: normal;

    font-weight: 700;

    font-size: 37px;

    line-height: 1.2;

    color: #000;

    text-align: center

}



.subtitle {

    font-family: sans-serif;

    font-style: normal;

    font-weight: 400;

    font-size: 26px;

    line-height: 35px;

    margin: 0 0 10px;

    color: #000;

    position: relative;

    text-align: center;

    text-decoration: underline;

    text-decoration-color: #8903ab;

    text-decoration-thickness: 4px

}



.content .image {

    display: block;

    margin: 15px auto 10px

}



.content .image.horizontal {

    width: 100%;

    max-width: 540px

}



.content .image.w450 {

    max-width: 450px

}



.content .image.inL_734256 {

    max-width: 440px

}



a {

    cursor: pointer;

    color: #8903ab;

    text-decoration: underline

}



.button {

    display: block;

    background: #de7474;

    background: linear-gradient(180deg, #de7474 0%, #f72210 60%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de7474", endColorstr="#8903ab", GradientType=1);

    text-align: center;

    width: 100%;

    max-width: 500px;

    text-align: center;

    margin: 15px auto;

    color: #fff;

    font-family: sans-serif;

    font-style: normal;

    font-weight: 700;

    font-size: 30px;

    line-height: 54px;

    text-decoration: none;

    border-radius: 10px;

    padding: 20px 15px;

    color: #fff

}



.comments-img {

    max-width: 300px;

    width: 100%;

    margin: 5px 0 10px;

    padding-left: 55px

}



@media(min-width:600px) {

    .title {

        text-align: left

    }



    .subtitle {

        text-align: left

    }



    .comments-img {

        max-width: 350px

    }

}



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

    .content {

        padding: 20px 15px

    }



    .title {

        font-size: 30px;

        line-height: 35px

    }



    .subtitle {

        font-size: 20px;

        line-height: 25px;

        padding-bottom: 10px

    }



    .content .image.horizontal {

        max-width: 500px

    }



    .content .image.w450 {

        max-width: 400px

    }



    p {

        letter-spacing: -.02em

    }

}



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

    .button {

        font-size: 24px;

        line-height: 30px

    }

}



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

    .button {

        font-size: 24px;

        line-height: 30px

    }

}



* {

    margin: 0;

    padding: 0

}



body,

html {

    height: 100%

}



body {

    font-size: 18px;

    font-family: sans-serif;

    color: #000;

    background: #f7f7f7

}



a {

    color: #1697ce

}



a:hover {

    color: #b0493b

}



a img {

    border: medium

}



a:focus {

    outline: medium

}



h2 {

    font-size: 22px;

    font-weight: 400

}



.alex_zevsa_wcih4ECQW {

    position: relative;

    margin: 0 auto;

    width: 920px;

    padding: 0 20px

}



.clearfix:after,

.clearfix:before {

    content: '';

    display: table

}



.clearfix:after {

    clear: both

}



.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe {

    font-family: sans-serif !important

}



.katyakoncakova_FtFDdVex {

    position: relative;

    z-index: 15;

    background: #fff

}



.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe {

    background: none repeat scroll 0 0 #333541

}



.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe .main-menu-blk {

    height: 55px;

    overflow: hidden;

    display: flex;

    flex-wrap: wrap;

    list-style: none outside none

}



.katyakoncakova_FtFDdVex .main-menu-blk>li {

    display: inline-block;

    margin-right: 23px;

    position: relative;

    padding: 17px 10px;

    white-space: nowrap

}



.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe a {

    text-transform: uppercase;

    font-size: 14px;

    color: #fff;

    text-decoration: none

}



.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe a:hover {

    text-decoration: underline

}



.katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe .submenu-btn {

    color: #cf4f3a;

    font-style: normal;

    margin-left: 4px

}



.alstep54_sglCGFT6q {

    margin-bottom: 15px;

    font-size: 12px

}



img {

    max-width: 100%

}



.altakansk_YrlOq5h6N {

    font-family: sans-serif;

    color: #6c6e83;

    margin: 0 5px

}



.web-s {

    font-family: sans-serif;

    user-select: none

}



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

    .alex_zevsa_wcih4ECQW {

        width: 100%;

        max-width: 970px;

        padding-left: 45px;

        padding-right: 45px;

        margin: 0 auto

    }



    .main-menu-blk {

        width: 100%;

        margin: 0 auto

    }



    .katyakoncakova_FtFDdVex .main-menu-blk>li {

        margin: 0;

        text-align: center;

        height: 100%

    }



    .katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe {

        height: auto

    }



    .alex_zevsa_wcih4ECQW,

    .main-menu-blk {

        height: 100%

    }



    .web-s {

        display: none

    }



    body img {

        max-width: 100%

    }

}



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

    .alex_zevsa_wcih4ECQW {

        padding-right: 10px;

        padding-left: 10px

    }



    .content {

        padding-left: 15px;

        padding-right: 15px

    }

}



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

    .main-menu-blk {

        margin: 0 auto;

        text-align: center

    }



    .title {

        margin-bottom: 15px

    }

}



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

    .katyakoncakova_FtFDdVex .main-menu-blk>li {

        width: 45%

    }



    body img {

        max-width: 100%

    }



    .alex_zevsa_wcih4ECQW {

        padding: 0

    }

}



p i {

    margin-top: 5px

}



:root {

    --color_base: #fff;

    --color_primary: #3a4752;

    --color_secondary: #333;

    --color_red: red;

    --color_border: #ddd;

    --color_input: #f2f2f2;

    --color_btn: #388e3c;

    --color_btn_hover: #2bac31;

    --color_green: #d9ead3;

    --color_yellow: #fff2cc;

    --color_dark: #f3f3f3;

    --color_comments_priamry: #9faeb5;

    --color_comments_secondary: #eeee;

    --color_comments_text: #414141;

    --color_comments_hover: #5f95ad

}



.order__img {

    width: 100%;

    height: auto;

    max-width: 400px

}



.order__price-zero {

    text-transform: uppercase !important

}



.comments {

    position: relative !important;

    margin: 0 !important;

    margin-bottom: 30px !important;

    box-sizing: border-box !important

}



.comments>* {

    box-sizing: border-box !important

}



.comments__header {

    position: relative !important;

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    gap: 5px !important;

    margin: 0 0 30px !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    -webkit-box-align: center !important;

    -webkit-box-pack: justify !important;

    -ms-flex-align: center !important;

    -ms-flex-pack: justify !important

}



.comments__header::before {

    content: '' !important;

    position: absolute !important;

    bottom: 0 !important;

    left: 0 !important;

    z-index: 0 !important;

    width: 100% !important;

    height: 2px !important;

    background-color: var(--color_comments_secondary) !important

}



.comments__left-box {

    position: relative !important;

    z-index: 1 !important;

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    gap: 5px !important;

    padding: 10px 0 !important;

    border-bottom: 2px solid var(--color_comments_priamry) !important;

    -webkit-box-align: center !important;

    -webkit-box-pack: justify !important;

    -ms-flex-align: center !important;

    -ms-flex-pack: justify !important

}



.comments__header-count {

    margin: 0 !important;

    padding: 0 !important;

    font-size: 20px !important;

    font-weight: 700 !important;

    color: var(--color_comments_text) !important;

    box-sizing: border-box !important

}



.comments__header-title {

    margin: 0 !important;

    padding: 0 !important;

    font-size: 20px !important;

    font-weight: 700 !important;

    text-transform: capitalize !important;

    color: var(--color_comments_text) !important;

    box-sizing: border-box !important

}



.comments__right-box {

    position: relative !important;

    z-index: 1 !important;

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    gap: 25px !important;

    padding: 10px 0 !important;

    -webkit-box-align: center !important;

    -webkit-box-pack: justify !important;

    -ms-flex-align: center !important;

    -ms-flex-pack: justify !important

}



.comments__right-box>a {

    box-shadow: none !important

}



.comments__header-icon path {

    transition: all .2s ease-in-out !important

}



.comments__header-icon:hover path {

    fill: var(--color_comments_hover) !important

}



.comments__item-list {

    display: flex !important;

    flex-flow: column !important

}



.comments__item {

    display: flex !important;

    flex-flow: column !important;

    gap: 0 !important;

    -webkit-box-direction: normal !important;

    -webkit-box-orient: vertical !important;

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #ccc

}



.comments__item--answer {

    padding-left: 20px

}



.comments__item:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border: none

}



picture {

    display: block;

    line-height: 0

}



.comments__item-header {

    display: flex !important;

    gap: 15px !important

}



.comments__item-header.hidden {

    display: none !important

}



.comments__item-avatar {

    width: 40px;

    height: 40px;

    margin: 0 !important;

    border-radius: 100% !important;

    object-fit: cover !important

}



.comments__item-info {

    display: flex !important;

    flex-flow: column !important;

    gap: 7px !important;

    -webkit-box-direction: normal !important;

    -webkit-box-orient: vertical !important

}



.comments__item-name {

    margin: 0 !important;

    padding: 0 !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    text-align: left !important;

    text-transform: capitalize !important;

    line-height: 1 !important;

    color: var(--color_comments_text) !important

}



.comments__item-data {

    padding: 0 !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    text-align: left !important;

    text-transform: initial !important;

    line-height: 1 !important;

    color: var(--color_comments_priamry) !important

}



.content .comments__item-data {

    margin: 0 auto 0 15px

}



.comments__item-data-now {

    color: #29bb0c !important

}



.comments__item-data.hidden {

    display: none !important

}



.comments__item-body {

    display: flex !important;

    flex-flow: column !important;

    gap: 15px !important;

    padding-left: 55px;

    margin-top: -20px;

    -webkit-box-direction: normal !important;

    -webkit-box-orient: vertical !important

}



.comments__item-content {

    margin: 0 !important;

    padding: 0 !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    text-align: left !important;

    text-transform: initial !important;

    color: var(--color_comments_text) !important

}



.comments__item-content.hidden {

    display: none !important

}



.comments__item-footer {

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    padding-left: 55px;

    max-width: 530px;

    width: 100%;

    -webkit-box-align: center !important;

    -webkit-box-pack: justify !important;

    -ms-flex-align: center !important;

    -ms-flex-pack: justify !important

}



.comments__item-footer.hidden {

    display: none !important

}



.comments__item-replay {

    margin: 0 !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    text-decoration: none !important;

    text-transform: initial !important;

    color: var(--color_comments_priamry) !important;

    transition: all .2s ease-in-out !important;

    box-shadow: none !important

}



.comments__item-replay:hover {

    color: var(--color_comments_hover) !important

}



.comments__item-grade {

    display: flex !important;

    align-items: center !important;

    gap: 15px !important;

    -webkit-box-align: center !important;

    -ms-flex-align: center !important

}



.comments__item-icon {

    cursor: pointer !important;

    width: 20px !important;

    height: 20px !important

}



.comments__item-icon path {

    transition: all .2s ease-in-out !important

}



.comments__item-icon[data-type=like]:hover path {

    fill: #20a114 !important

}



.comments__item-icon[data-type=like].active path {

    fill: #20a114 !important

}



.comments__item-icon[data-type=dislike]:hover path {

    fill: #b9211c !important

}



.comments__item-icon[data-type=dislike].active path {

    fill: #b9211c !important

}



@media all and (min-width:576px) {

    .comments__item-name {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 16px !important;

        font-weight: 600 !important;

        color: var(--color_comments_text) !important

    }



    .comments__item-body {

        padding-left: 75px;

        margin-top: -40px

    }



    .comments__item-avatar {

        width: 60px;

        height: 60px

    }



    .comments-img {

        padding-left: 75px

    }



    .comments__item-data {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 16px !important;

        font-weight: 500 !important;

        text-align: left !important;

        color: var(--color_comments_priamry) !important

    }



    .comments__item-content {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 17px !important;

        font-weight: 400 !important;

        color: var(--color_comments_text) !important

    }



    .comments__item-footer {

        display: flex !important;

        justify-content: space-between !important;

        align-items: center !important;

        max-width: 350px !important;

        padding-left: 75px;

        -webkit-box-align: center !important;

        -webkit-box-pack: justify !important;

        -ms-flex-align: center !important;

        -ms-flex-pack: justify !important

    }



    .comments__item--answer {

        padding-left: 50px

    }

}



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

    .comments__header {

        position: relative !important;

        display: flex !important;

        justify-content: space-between !important;

        align-items: center !important;

        gap: 5px !important;

        margin: 0 0 20px !important;

        padding: 0 !important;

        box-sizing: border-box !important;

        -webkit-box-align: center !important;

        -webkit-box-pack: justify !important;

        -ms-flex-align: center !important;

        -ms-flex-pack: justify !important

    }



    .comments__item-name {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 16px !important;

        font-weight: 600 !important;

        color: var(--color_comments_text) !important

    }



    .comments__item-data {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 16px !important;

        font-weight: 500 !important;

        text-align: left !important;

        color: var(--color_comments_priamry) !important

    }



    .comments__item-content {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 17px !important;

        font-weight: 400 !important;

        color: var(--color_comments_text) !important

    }



    .comments__item-footer {

        display: flex !important;

        justify-content: space-between !important;

        align-items: center !important;

        max-width: 350px !important;

        -webkit-box-align: center !important;

        -webkit-box-pack: justify !important;

        -ms-flex-align: center !important;

        -ms-flex-pack: justify !important

    }

}



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

    .comments__header-count {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 22px !important;

        font-weight: 700 !important;

        text-align: left !important;

        color: var(--color_comments_text) !important;

        box-sizing: border-box !important

    }



    .comments-img {

        max-width: 370px

    }



    .comments__header-title {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 22px !important;

        font-weight: 700 !important;

        color: var(--color_comments_text) !important;

        box-sizing: border-box !important

    }



    .comments__item-name {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 16px !important;

        font-weight: 600 !important;

        color: var(--color_comments_text) !important

    }



    .comments__item-data {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 16px !important;

        font-weight: 500 !important;

        color: var(--color_comments_priamry) !important

    }



    .comments__item-content {

        margin: 0 !important;

        padding: 0 !important;

        font-size: 17px !important;

        font-weight: 400 !important;

        color: var(--color_comments_text) !important

    }



    .comments__item-footer {

        display: flex !important;

        justify-content: space-between !important;

        align-items: center !important;

        max-width: 350px !important;

        -webkit-box-align: center !important;

        -webkit-box-pack: justify !important;

        -ms-flex-align: center !important;

        -ms-flex-pack: justify !important

    }

}



.my-btn {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    width: fit-content !important;

    margin: 0 auto !important;

    padding: 15px 30px !important;

    border-radius: 10px !important;

    font-size: 22px !important;

    font-weight: 500 !important;

    text-align: center !important;

    text-decoration: none !important;

    text-transform: uppercase !important;

    color: var(--color_base) !important;

    background-color: #fa3d3d !important;

    transition: all .2s ease-in 0s !important;

    -webkit-box-align: center !important;

    -webkit-box-pack: center !important;

    -ms-flex-align: center !important;

    -ms-flex-pack: center !important

}



.my-btn:hover {

    color: var(--color_base) !important;

    background-color: #f52b2b !important;

    transform: scale(1.1) !important

}



.quiz_wrap {

    position: relative;

    margin: 20px 0;

    max-width: 344px;

    width: 100%;

    padding-bottom: 15px;

    border-radius: 10px;

    background: linear-gradient(180deg, #adfbb9 0%, #e4fbad 100%), #e4fbad

}



.quiz_header {

    background: linear-gradient(180deg, #8840c0 0%, #5a1784 71.67%);

    position: relative

}



.quiz_header:after {

    content: ' ';

    display: block;

    position: absolute;

    bottom: -27px;

    background: 0 0/100% 100% url(../images/quiz_header-bg.png) no-repeat;

    height: 27px;

    width: 100%

}



.quiz_body {

    margin-bottom: 15px

}



.quiz_title {

    padding-top: 20px;

    font-style: normal;

    font-weight: 700;

    font-size: 20px;

    line-height: 135%;

    text-align: center;

    color: #fff

}



.quiz_title span {

    color: #f64777;

    margin-top: 5px;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .7);

    font-weight: 800;

    font-size: 22px;

    line-height: 135%

}



.order_title {

    display: none;

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 135%;

    text-align: center;

    color: #fff;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .7);

    padding-top: 17px

}



.order_title span {

    color: #e4fbad;

    font-size: 20px;

    display: block;

    margin-top: 4px

}



.quiz_question {

    display: flex;

    align-items: center;

    height: 48px;

    margin: 48px 38px 20px;

    font-style: normal;

    font-weight: 700;

    font-size: 18px;

    line-height: 133%;

    color: #000

}



.quiz_question div {

    display: flex

}



.quiz_question div span {

    display: block;

    padding-right: 8px

}



.quiz_options {

    margin: 0 34px

}



.quiz_option {

    position: relative;

    padding-left: 40px;

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    margin-bottom: 21px;

    line-height: 135%;

    cursor: pointer;

    color: #7931b1

}



.quiz_option:last-child {

    margin-bottom: 0

}



.quiz_option:before {

    -webkit-transition: .2s all;

    transition: .2s all;

    content: ' ';

    display: block;

    background: #fff;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    border: 1px solid #959595;

    position: absolute;

    left: 0;

    top: -2px

}



.quiz_option:after {

    -webkit-transition: .2s all;

    transition: .2s all;

    content: ' ';

    display: block;

    background: #7931b1;

    height: 14px;

    width: 14px;

    border-radius: 50%;

    position: absolute;

    left: 6px;

    top: 4px;

    opacity: 0

}



.quiz_option.active:before {

    animation: radial-pulse .5s

}



@keyframes radial-pulse {

    0% {

        box-shadow: 0 0 1px 2px #7931b1

    }



    100% {

        box-shadow: 0 0 4px 5px transparent

    }

}



.quiz_option:hover:before,

.quiz_option.active:before {

    border: 1px solid #7931b1

}



.quiz_option:hover:after,

.quiz_option.active:after {

    opacity: 1

}



.quiz_nums {

    padding: 0 32px;

    width: 100%;

    margin-bottom: 15px;

    display: flex;

    justify-content: space-between;

    position: relative

}



.quiz_num {

    -webkit-transition: 1s all;

    transition: 1s all;

    font-style: normal;

    font-weight: 600;

    font-size: 20px;

    line-height: 100%;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    width: 44px;

    height: 44px;

    background: #e5d2f2;

    border: 1px solid #fff;

    color: #9747ff

}



.quiz_num span {

    -webkit-transition: 1s all;

    transition: 1s all;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 34px;

    width: 34px;

    background: #fff;

    border-radius: 50%

}



.quiz_num.active {

    background: #e5d2f2;

    border: 1px solid #a260d4

}



.quiz_num.active span {

    background: linear-gradient(180deg, #962dd8 0%, #ad74da 100%), #f64777;

    color: #fff

}



.quiz_nums:before {

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    width: calc(100% - 64px);

    height: 1px;

    background: #a260d4

}



.quiz_footer {

    width: 100%;

    bottom: 20px;

    color: #000;

    text-align: center;

    font-weight: 400;

    font-size: 14px;

    line-height: 17px

}



.quiz_footer span {

    font-weight: 700;

    color: #5a1784

}



.quiz_step,

#prod_img {

    display: none;

    opacity: 0;

    margin-top: -7px

}



.quiz_step.active,

#prod_img.active {

    opacity: 1

}



.quiz_timer {

    margin-top: 39px;

    margin-bottom: 10px;

    text-align: center;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;

    text-align: center;

    color: #000

}



.quiz_timer div {

    margin-top: 4px;

    font-style: normal;

    font-weight: 600;

    font-size: 22px;

    line-height: 27px;

    text-align: center;

    color: #f64777;

    text-align: center

}



.quiz_timer span {

    display: inline-block;

    width: 32px

}



.quiz_prices {

    margin-bottom: 12px;

    text-align: center

}



.old__price {

    display: inline-block;

    font-size: 20px;

    margin-right: 10px;

    text-decoration: line-through

}



.quiz_prices .quiz_newprice {

    margin-top: 4px;

    display: inline-block;

    font-style: normal;

    font-weight: 700;

    font-size: 22px;

    line-height: 27px;

    text-align: center;

    letter-spacing: .05em;

    text-transform: uppercase;

    color: #5a1784

}



.quiz_form form {

    width: 280px;

    margin: 0 auto

}



.quiz_form form input {

    line-height: 48px;

    padding-left: 24px;

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    display: block;

    background: #fff;

    border: 1px solid #5a1784;

    border-radius: 24px;

    width: 100%;

    margin-bottom: 16px;

    position: relative

}



.quiz_form form input.active:invalid {

    border: 1px solid red

}



.quiz_form form input.active:valid,

.quiz_form form input.active:-webkit-autofill:valid,

.quiz_form form input.active:-webkit-autofill:hover:valid,

.quiz_form form input.active:-webkit-autofill:focus:valid,

.quiz_form form input.active:-webkit-autofill:active:valid {

    border: 1px solid #68c853;

    background-color: #fff !important;

    background-image: url(../images/xchecked.png.pagespeed.ic.IPmsrzfpwe.webp) !important;

    background-repeat: no-repeat;

    background-size: 16px 12px;

    background-position: top 50% right 16px

}



.quiz_form form button {

    text-transform: uppercase;

    margin-top: 24px;

    border-radius: 24px;

    height: 48px;

    display: block;

    text-align: center;

    width: 100%;

    background: #f64777;

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 48px;

    letter-spacing: .03em;

    border: none;

    transition: .3s background;

    color: #fff;

    cursor: pointer

}



.quiz_form form button:hover {

    background: #fa0f4e

}



@media(max-width:360px) {

    .quiz_question {

        margin: 48px 18px 20px

    }



    .quiz_options {

        margin: 0 14px

    }



    .order_title {

        padding-left: 10px;

        padding-right: 10px

    }

}



.content p {

    font-size: 18px;

    margin-bottom: 15px

}



.content li {

    font-size: 18px

}



.wrapper {

    max-width: 860px

}



input {

    outline: none

}



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



    .content p,

    .content li {

        font-size: 17px

    }



    .content .image.inL_734256 {

        max-width: 200px

    }

}



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

    .title {

        font-size: 20px

    }



    .subtitle {

        font-size: 19px

    }

}



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

    .katyakoncakova_FtFDdVex .main-menu-blk>li:nth-child(n+4) {

        display: none

    }

}



.form__block {

    display: flex;

    align-items: center;

    justify-content: center

}



#prod_img {

    margin: 0 30px 0 0

}



.content .image {

    border: 0

}



.inL_865973 {

    color: #fff;

    padding: 14px 10px

}



.inL_954965 {

    color: #fff;

    padding: 14px 10px

}



.inL_541771 {

    color: #fff;

    padding: 14px 10px

}



.inL_249479 {

    color: #fff;

    padding: 14px 10px

}



.inL_586564 {

    color: #fff;

    padding: 14px 10px

}



.inL_761032 {

    color: red

}



.inL_376360 {

    margin-bottom: 5px

}



.content .inL_810973 {

    text-align: center;

    font-size: 16px

}



.inL_931519 {

    color: red;

    text-align: center;

    font-size: 1.4em

}



.inL_542855 {

    text-align: center;

    font-size: 1.4em

}



.inL_428388 {

    margin-bottom: 5px

}



.content .inL_935990 {

    text-align: center;

    font-size: 16px

}



.inL_682330 {

    color: red

}



.inL_465005 {

    margin-bottom: 5px

}



.content .inL_971554 {

    text-align: center;

    font-size: 16px

}



.inL_891045 {

    margin-bottom: 5px

}



.content .inL_335793 {

    text-align: center;

    font-size: 16px

}



.inL_589740 {

    color: red;

    text-align: center;

    font-size: 1.4em

}



.inL_1524 {

    margin-bottom: 5px

}



.content .inL_952828 {

    text-align: center;

    font-size: 16px

}



.inL_957652 {

    color: red;

    font-weight: 700;

    margin-left: 35px;

    margin-bottom: 15px

}



.inL_809969 {

    margin-bottom: 5px

}



.inL_550387 {

    margin-bottom: 5px

}



.inL_792436 {

    margin-bottom: 5px

}



.inL_442344 {

    margin-bottom: 15px

}



.inL_63148 {

    color: red;

    font-size: 1.4em

}



.inL_197291 {

    margin-bottom: 15px;

    margin-top: 0

}



.inL_160696 {

    margin-bottom: 15px;

    margin-top: 0

}



.inL_475058 {

    margin-bottom: 15px;

    margin-top: 0

}



.inL_493486 {

    font-size: 1.4em

}



.inL_631835 {

    color: red;

    font-size: 1.4em

}



.inL_121599 {

    font-size: 1.4em

}



.inL_286402 {

    margin-bottom: 5px

}



.content .inL_100143 {

    text-align: center;

    font-size: 16px

}



.inL_594821 {

    color: red;

    font-size: 1.4em

}



.inL_16137 {

    color: red;

    font-size: 1.4em;

    text-align: center

}



.inL_734995 {

    margin-bottom: 5px

}



.inL_654236 {

    font-size: 1.4em

}



.inL_369785 {

    font-size: 1.4em

}



.inL_299024 {

    font-size: 1.4em

}



.inL_242107 {

    font-size: 1.4em;

    color: red;

    text-align: center

}



.inL_694257 {

    list-style-type: disc;

    margin-left: 25px

}



.inL_36616 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_342540 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_469135 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_972553 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_2120 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_615086 {

    font-size: 1.4em

}



.inL_489027 {

    font-size: 1.4em;

    color: red

}



.inL_960364 {

    list-style-type: disc;

    margin-left: 25px

}



.inL_160952 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_642052 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_110154 {

    margin-bottom: 15px

}



.inL_837661 {

    margin-bottom: 15px

}



.inL_64317 {

    font-size: 1.4em;

    text-align: center

}



.inL_165225 {

    background-color: red;

    color: #fff !important

}



.inL_565983 {

    margin-bottom: 15px

}



.inL_234738 {

    color: red;

    font-size: 1.4em

}



.inL_132591 {

    margin-bottom: 15px

}



.inL_320629 {

    color: red;

    font-size: 1.4em

}



.inL_602872 {

    margin-bottom: 15px

}



.inL_384019 {

    margin-bottom: 15px

}



.inL_519628 {

    font-size: 1.4em;

    color: red;

    text-align: center

}



.inL_135812 {

    margin-bottom: 15px

}



.inL_512901 {

    color: red;

    font-size: 1.4em

}



.inL_569363 {

    list-style-type: disc;

    margin-left: 25px

}



.inL_589967 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_445323 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_898622 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_560340 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_315108 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_734256 {

    margin-bottom: 15px

}



.inL_646685 {

    text-align: center

}



.inL_995425 {

    font-size: 1.4em;

    color: red

}



.inL_543288 {

    margin-bottom: 15px;

    border: 1px solid #000;

    padding: 15px;

    background-color: #efefef

}



.inL_271049 {

    font-size: 1.2em

}



.inL_900538 {

    list-style-type: disc;

    margin-left: 25px

}



.inL_555398 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_812656 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_792872 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_643551 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_815836 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_898412 {

    margin-bottom: 15px

}



.inL_364717 {

    margin-bottom: 15px

}



.inL_486019 {

    font-size: 1.3em

}



.inL_61884 {

    font-size: 1.6em

}



.inL_725565 {

    color: red

}



.inL_545888 {

    color: red

}



.inL_498428 {

    font-size: 1.4em

}



.inL_148990 {

    font-size: 1.4em

}



.inL_763460 {

    color: red

}



.inL_460185 {

    color: red

}



.inL_761686 {

    background-color: #d9ead3;

    border: 1px solid red;

    padding: 15px

}



.inL_813330 {

    color: red

}



.inL_899451 {

    background-color: #fff2cc;

    border: 1px solid #000;

    padding: 15px

}



.inL_199193 {

    text-align: center;

    font-size: 1.4em

}



.inL_154407 {

    list-style-type: disc;

    margin-left: 25px

}



.inL_609748 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_179329 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_968294 {

    list-style-type: disc;

    margin-bottom: 10px

}



.inL_127505 {

    display: block

}



.terms {

    margin-bottom: 0 !important;

    text-align: center

}



.terms span {

    font-weight: 700

}



.form-note {

    padding: 5px 0;

    display: block;

    text-align: center;

    font-size: 14px;

    font-weight: 400

}



.footer {

    padding: 15px;

    font-size: 16px;

    background: #333

}



.footer a,

.footer p {

    font-size: 16px;

    color: #fff;

    font-weight: 400

}



.ro-notes {

    max-width: 900px;

    margin: 0 auto 10px;

    font-size: 14px !important;

    text-align: center;

    color: #858585 !important

}



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

    .title {

        font-size: 30px

    }

}



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

    .comments-img {

        max-width: 290px

    }

}



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

    .title {

        font-size: 24px;

        line-height: 30px

    }



    .form__block {

        display: block

    }



    #prod_img {

        margin: 20px auto

    }



    .quiz_wrap {

        margin: 20px auto

    }

}



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

    .comments-img {

        max-width: 270px

    }

}



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

    .content .image.horizontal {

        max-width: 400px

    }



    .content .image.inL_734256 {

        max-width: 200px

    }

}



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

    .my-btn:hover {

        background-color: #fa0a0a !important;

        transform: scale(1) !important

    }

}



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

    .my-btn {

        padding-left: 5px !important;

        padding-right: 5px !important;

        font-size: 16px !important;

        width: 100% !important

    }



    .katyakoncakova_FtFDdVex .puzzle_LTiRtzPGfe .main-menu-blk {

        display: flex;

        justify-content: space-between;

        padding-left: 15px;

        padding-right: 15px

    }



    .katyakoncakova_FtFDdVex .main-menu-blk>li:last-child {

        display: none

    }



    .katyakoncakova_FtFDdVex .main-menu-blk>li {

        width: initial

    }



    .content {

        padding-top: 20px

    }



    .content .image.inL_734256 {

        max-width: 180px

    }



    .order__img {

        max-width: 180px !important

    }



    .comments__item-replay {

        font-size: 15px !important

    }



    .content .comments__item-data {

        margin-left: 5px

    }



    .alstep54_sglCGFT6q {

        line-height: 1.4

    }

}



select{

    line-height: 48px;

    padding-left: 24px;

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    display: block;

    background: #fff;

    border: 1px solid #5a1784;

    border-radius: 24px;

    width: 100%;

    margin-bottom: 16px;

    position: relative;

}



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

    .title {

        font-size: 22px;

        line-height: 1.2

    }

}