.loading{position: absolute; width: 100%;height: 100%;left: 0;top: 0;background-color: #0000001a;z-index: 10000; display: flex; align-items: center; justify-content: center;}
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}
.mob{
    display: none;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg,.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height: 300px),screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        transform:scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-tooltip.light-theme {
    color: #26323d;
    -webkit-box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
    box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15)
}

.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip.light-theme .tippy-roundarrow {
    fill: #fff
}

.tippy-tooltip.light-theme[data-animatefill] {
    background-color: transparent
}

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/e2f275d97d28d5c1c80e6860ea151902.woff) format("woff");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/9cf062efc24fcf8cb24f81899a378163.woff) format("woff");
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/d6bc963a36359b15cecaf465d9556fbf.woff) format("woff");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/0e19e534bb9da79ffd7044fd3dd31287.woff) format("woff");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/e4fc0c43fc71ce47d28e7952677e9fb9.woff) format("woff");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/9549183cbbf4c66543c67cf9c0893f78.woff) format("woff");
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/3d9430f6368d910e905ee695efcda05e.woff) format("woff");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/c62b7392bf4a1e3532386c39d3849018.woff) format("woff");
    font-style: normal;
    font-weight: 800
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}

:focus {
    outline: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1;max-width: 100%
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a {
    color: inherit;
    text-decoration: none
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

figure,form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,html,input,select,textarea {
    color: #222
}

::selection {
    background: #246bb2;
    color: #fff;
    text-shadow: none
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.affiliates__grid,.best-price__grid,.best__award,.best__grid,.calculation__button,.calculation__images,.consultation__grid,.diagnostic__button,.diagnostic__grid,.diagnostic__text,.diagnostic__text>*,.doctor .doctor__card .doctor__card__info .certificates,.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item,.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .zoom,.employee__about,.employee__certificates,.faq__item.shown,.feedback__grid,.footer__bottom__grid,.footer__licenses,.footer__middle,.footer__partners__grid,.footer__payments__grid,.footer__requisites-wrapper,.free-diagnostic__grid,.fs__price__price,.fs__prices,.get-price__employee,.get-price__grid,.guarantee__grid,.header__grid,.header__grid__right,.header__logo-wrapper,.implant__price-wrapper,.implant__prices,.instagram__grid,.instagram__item .icons,.methods__grid,.modal__grid,.modal__instagram__grid,.not-found__grid,.not-pain__grid,.order__grid,.order__text,.order__text>*,.plastic__employee-wrapper,.plastic__grid,.plastic__total,.problem__images,.problems__grid,.question__grid,.quiz__grid,.quiz__pages__navigation,.quiz__radio_images,.quiz__radio_text_column,.quote__grid,.quote_success__grid,.rating__slide__bottom,.rating__slide__header,.ratings .ratings__stars,.ratings__grid,.ratings__platforms,.recovery__grid,.result__item__grid,.socials,.text-block__grid,.tomography__cases,.tomography__grid {
    justify-content: flex-start;
    flex-wrap: wrap;
    display: flex
}

.quiz__radio_images>* {
    flex: 1 0 25%
}

.best__image,.diagnostic__image,.free-diagnostic__image,.methods__image,.order__image,.question__image,.text-block__image,.tomography__case__image {
    background-color: rgba(27,81,135,.3)
}

html {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #333;
    margin-right: 0!important
}

body,html {
    overflow-x: hidden;
    line-height: normal;
    min-width: 320px
}

a {
    outline: none!important
}

b,strong {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #333
}

img {
    max-width: 100%;
    height: auto
}

[data-ajax],[data-js=image-popup],[data-js=video-popup] {
    cursor: pointer
}

.nobr {
    white-space: nowrap
}

.content {
    overflow: hidden
}

.content.dev:before {
    content: "dev";
    padding: 2px 5px;
    background-color: #adff2f;
    border-right: 1px solid #ccd0d2;
    border-bottom: 1px solid #ccd0d2;
    position: fixed;
    display: block;
    z-index: 9999
}

.row {
    max-width: 1290px;
    padding: 0 40px;
    margin: 0 auto;
    box-sizing: content-box
}

.info {
    display: flex;
    justify-content: center
}

.info i {
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%
}

.info i:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: 50%
}

.info i:hover {
    animation: info-shadow .5s
}

.grid__column {
    width: 100%;
    max-width: 630px
}

@keyframes info-shadow {
    20% {
        box-shadow: 0 0 5px #333
    }

    to {
        box-shadow: 0 0 100px #fff
    }
}

.grey-block {
    background-color: #784dba;
    overflow: hidden
}

.lower {
    text-transform: lowercase
}

[data-js-scroll-to] {
    cursor: pointer
}

@media screen and (max-width: 1349px) {
    .row {
        padding:0 47px
    }

    .info i {
        width: 12px;
        height: 12px
    }
}

@media screen and (max-width: 1023px) {
    .row {
        padding:0 21px
    }
}

@media screen and (max-width: 767px) {
    .row {
        padding:0 16px
    }
    .mob{
        display: block;
    }
}

.list li {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
    padding-left: 23px;
    font-size: 18px;
    line-height: 26px;
    margin-top: 22px
}

.list li:first-child {
    margin-top: 0
}

.list li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #30b568;
    border-radius: 50%;
    left: 0;
    top: 7px
}

.list_tall>li {
    margin-top: 24px
}

.list_second>li:before {
    background-color: #30b568;
    top: 10px
}

@media screen and (max-width: 1349px) {
    .list li {
        padding-left:23px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 12px
    }

    .list li:before {
        top: 6px
    }
}

@media screen and (max-width: 1023px) {
    .list li {
        font-size:14px;
        line-height: 22px;
        margin-top: 8px
    }

    .list li:before {
        top: 5px
    }
}

@media screen and (max-width: 767px) {
    .list li {
        font-size:14px;
        line-height: 22px;
        padding-left: 23px;
        margin-top: 13px
    }

    .list li:before {
        top: 5px
    }
}

.btn {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    border-radius: 50px;
    background-position: 50%;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    background-size: 100%;
    transition: background .3s;
    border: none;
    height: 66px;
    width: 100%;
    max-width: 353px;
    display: block
}

.btn,.btn>span {
    position: relative;
    z-index: 1
}

.btn>span.bg {
    background-image: linear-gradient(222.59deg,#56c159 2.98%,#289a4c 99.12%);
    z-index: 0
}

.btn>span.bg,.btn>span.bg:after,.btn>span.bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px
}

.btn>span.bg:after,.btn>span.bg:before {
    content: "";
    z-index: 1;
    transition: .2s ease;
    opacity: 0
}

.btn>span.bg:before {
    transform: translateY(3px)
}

.btn>span.bg:after,.btn>span.bg:before {
    background: linear-gradient(222.59deg,#289a4c 2.98%,#56c159 99.12%)
}

.btn>span.flash {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%) rotate(-30deg);
    width: 37.68px;
    height: 99px;
    background: hsla(0,0%,100%,.5);
    -webkit-filter: blur(25px);
    filter: blur(25px)
}

.btn>span:not(.bg):not(.flash) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    padding-top: 2px
}

.btn>span:not(.bg):not(.flash):before {
    content: "";
    position: absolute;
    top: -30%;
    right: -10%;
    bottom: -30%;
    left: -10%;
    background: hsla(0,0%,100%,.5);
    -webkit-filter: blur(25px);
    filter: blur(25px);
    border-radius: 50px;
    transform: rotate(60deg) translate(-10em,20em);
    transition: transform .3s;
    animation: btn-blink 6s infinite;
    z-index: -1
}

.btn:hover>span.bg:after,.btn:hover>span.bg:before {
    opacity: 1
}

.btn:hover:after {
    animation: btn-hover 3s infinite
}

.btn:active>span.bg:before {
    opacity: 0
}

.btn:active>span.bg:after {
    opacity: 1
}

.btn[disabled] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

@keyframes btn-hover {
    0% {
        transform: rotate(60deg) translate(-10em,16em);
        opacity: 1
    }

    20% {
        transform: rotate(60deg) translate(5em,-17em);
        opacity: 1
    }

    99% {
        transform: rotate(60deg) translate(5em,-17em)
    }

    to {
        transform: rotate(60deg) translate(-10em,16em);
        opacity: 0
    }
}

@keyframes btn-blink {
    0% {
        transform: rotate(60deg) translate(-10em,16em);
        opacity: 1
    }

    10% {
        transform: rotate(60deg) translate(5em,-17em);
        opacity: 1
    }

    99% {
        transform: rotate(60deg) translate(5em,-17em)
    }

    to {
        transform: rotate(60deg) translate(-10em,16em);
        opacity: 0
    }
}

.btn_arrow>span:not(.bg)>i {
    padding-right: 24px;
    position: relative
}

.btn_arrow>span:not(.bg)>i:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 14px;
    height: 8px;
    margin-top: -5px;
    background-image: url(../fonts/d1bce018208fa7ec48107244ee163747.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.btn_play {
    display: block;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    position: relative;
    z-index: 1
}

.btn_play:before {
    content: "";
    z-index: -1;
    -webkit-filter: blur(25px);
    filter: blur(25px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: pulse 2s infinite
}

.btn_play:before,.btn_play>span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(222.59deg,#56c159 2.98%,#289a4c 99.12%);
    border-radius: 50%
}

.btn_play>span:after,.btn_play>span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 1;
    transition: .2s ease;
    opacity: 0
}

.btn_play>span:before {
    background: linear-gradient(222.59deg,#56c159 2.98%,#289a4c 99.12%);
    transform: translateY(3px)
}

.btn_play>span:after {
    background: linear-gradient(222.59deg,#289a4c 2.98%,#56c159 99.12%)
}

.btn_play>span>i {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../fonts/7b10ef9081d408341dc81b17f8bcdc7d.svg);
    background-repeat: no-repeat;
    background-position: center left 28px;
    background-size: 21px 28px;
    position: relative;
    z-index: 2;
    border-radius: 50%;
    overflow: hidden
}

.btn_play>span>i:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 70px;
    top: -10px;
    right: 4px;
    background: hsla(0,0%,100%,.5);
    -webkit-filter: blur(25px);
    filter: blur(25px);
    border-radius: 50px;
    transform: rotate(-30deg)
}

.btn_play:hover>span:after,.btn_play:hover>span:before {
    opacity: 1
}

.btn_play:active>span:before {
    opacity: 0
}

.btn_play:active>span:after {
    opacity: 1
}

@keyframes pulse {
    0% {
        transform: scale(.6);
        opacity: 1
    }

    60% {
        transform: scale(1.1)
    }

    80% {
        opacity: 0
    }

    to {
        transform: scale(.6);
        opacity: 0
    }
}

.btn_back {
    max-width: 150px
}

.btn_back>span.bg {
    background: linear-gradient(222.59deg,#d6d6d6 2.98%,#989898 99.12%)
}

.btn_back>span.bg:before {
    background: linear-gradient(222.59deg,#9c9c9c 2.98%,#5e5e5e 99.12%)
}

.btn_back>span.bg:after {
    background: linear-gradient(222.59deg,#b0b0b0 2.98%,#777 99.12%)
}

.btn_back>span:not(.bg)>i {
    position: relative;
    padding-left: 24px
}

.btn_back>span:not(.bg)>i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 14px;
    height: 8px;
    margin-top: -5px;
    background-image: url(../fonts/d1bce018208fa7ec48107244ee163747.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transform: scaleX(-1)
}

@media screen and (max-width: 1349px) {
    .btn {
        max-width:295px
    }

    .btn_back {
        max-width: 150px
    }
}

@media screen and (max-width: 1023px) {
    .btn {
        height:50px;
        max-width: 202px;
        font-size: 14px
    }

    .btn_back {
        max-width: 129px
    }
}

@media screen and (max-width: 767px) {
    .btn {
        font-size:12px;
        max-width: 210px
    }

    .btn_back {
        max-width: 106px
    }

    .btn_play {
        width: 60px;
        height: 60px
    }

    .btn_play>span>i {
        background-position: center left 24px;
        background-size: 17px 23px
    }
}

.h1 {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 53px;
    color: #333;
    padding-left: 20px;
    position: relative
}

.h1>span {
    color: #784dba
}

.h1:before {
    content: "";
    position: absolute;
    background-color: #784dba;
    left: 0;
    top: 3px;
    width: 5px;
    height: calc(100% - 12px);
    border-radius: 5px
}

.h1_white {
    color: #fff
}

.h2 {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #333;
    font-size: 37px;
    line-height: 48px;
    margin-bottom: 15px;
    padding-left: 18px;
    position: relative
}

.h2>span {
    color: #784dba
}

.h2:before {
    content: "";
    position: absolute;
    background-color: #784dba;
    left: 0;
    top: 3px;
    width: 5px;
    height: calc(100% - 12px);
    border-radius: 5px
}

.h2_sub {
    font-weight: 700;
    padding-left: 23px;
    margin-bottom: 35px;
    margin-top: 20px;
    display: inline-block
}

.h2_center {
    text-align: center
}

.h2_white {
    color: #fff
}

.h2_white>span {
    color: #784dba
}

.h2_white:before {
    background-color: #fff
}

.h2_bg>span {
    background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff);
    border-radius: 5px;
    padding: 1px 0 0 7px;
    margin-left: -7px;
    color: #fff
}

.h2_bg:before {
    content: none
}

.h2_bg-part {
    background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff);
    border-radius: 5px;
    padding: 2px 8px 0 7px;
    margin-left: -7px;
    color: #fff;
    display: inline-block
}

.h2_bg-part>span {
    background: none
}

.h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 24px
}

.h3,.header__text {
    font-family: Geometria,sans-serif
}

.header__text {
    font-weight: 400;
    font-style: italic;
    font-size: 26px;
    line-height: 32px
}

.header__text_small {
    font-size: 22px;
    line-height: 28px
}

.block-header {
    position: relative;
    padding-left: 22px
}

.block-header .h2 {
    padding-left: 0;
    border: 0;
    margin-bottom: 0
}

.block-header .h2:before {
    content: none
}

.block-header .header__text {
    display: inline-block;
    background-color: #784dba;
    color: #fff;
    border-radius: 5px;
    margin-left: -2px;
    padding: 3px 10px;
    margin-top: 11px
}

.block-header .header__text_small {
    margin-top: 6px;
    padding: 5px 10px
}

.block-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    height: calc(100% - 6px);
    background: #784dba;
    border-radius: 5px
}

.block-header .header__text_nobg {
    background: none;
    color: #333;
    padding: 0;
    margin-left: 0
}

.header_white {
    color: #fff
}

.h2_mobile {
    display: none
}

@media screen and (max-width: 1349px) {
    .h1 {
        font-size:32px;
        line-height: 40px
    }

    .h1>span {
        padding: 4px 5px 1px 7px
    }

    .h2 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 18px
    }

    .h2:before {
        height: calc(100% - 9px)
    }

    .h2_bg-part {
        line-height: 30px
    }

    .h2_small {
        font-size: 28px;
        line-height: 40px
    }

    .header__text {
        font-size: 24px;
        line-height: 30px
    }

    .header__text_small {
        font-size: 22px;
        line-height: 28px
    }

    .block-header {
        position: relative;
        padding-left: 19px
    }

    .block-header .header__text {
        font-family: Geometria,sans-serif;
        font-weight: 500;
        font-style: italic;
        margin-left: 0;
        padding: 0 7px;
        margin-top: 9px
    }

    .block-header .header__text_small {
        margin-top: 9px;
        padding: 0 8px 1px 7px
    }

    .block-header:before {
        top: 3px;
        height: 100%
    }
}

@media screen and (max-width: 1023px) {
    .h1 {
        font-size:32px;
        line-height: 40px
    }

    .h2 {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 13px;
        padding-left: 15px
    }

    .h2_bg-part {
        background: none
    }

    .h2_bg-part>span {
        background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff);
        padding-right: 7px
    }

    .h3 {
        line-height: 30px
    }

    .h3,.header__text {
        font-size: 22px
    }

    .header__text_small {
        font-size: 18px;
        line-height: 23px
    }

    .block-header {
        position: relative;
        padding-left: 13px
    }

    .block-header .header__text {
        line-height: 23px
    }

    .block-header .header__text_small {
        margin-top: 9px;
        padding: 0 8px 1px 7px
    }

    .block-header:before {
        top: 3px;
        height: 100%
    }
}

@media screen and (max-width: 767px) {
    .h1 {
        font-size:22px;
        line-height: 28px
    }

    .h1>span {
        padding-left: 5px;
        margin-left: -5px
    }

    .h1:before {
        content: none
    }

    .h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
        padding-left: 0
    }

    .h2:before {
        content: none
    }

    .h2_sub {
        font-weight: 700;
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 0;
        display: inline-block
    }

    .h2_center {
        text-align: left
    }

    .h2_bg-part {
        background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff);
        margin-left: -7px;
        padding: 0 7px 0 14px
    }

    .h2_bg-part>span {
        background: none;
        padding: 0
    }

    .h2_bg-part>span:first-child {
        margin-right: 5px
    }

    .header__text {
        font-size: 18px;
        line-height: 23px;
        text-align: left
    }

    .header__text_small {
        font-size: 14px;
        line-height: 18px
    }

    .h3 {
        font-size: 18px;
        line-height: 24px
    }

    .h2_mobile {
        display: block
    }

    .block-header {
        position: relative;
        padding-left: 0;
        margin-left: -5px
    }

    .block-header .h2 {
        margin-bottom: 9px;
        margin-left: 5px
    }

    .block-header .header__text {
        display: inline;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        padding: 0 6px 0 4px
    }

    .block-header .header__text_small {
        padding: 1px 6px 1px 5px
    }

    .block-header:before {
        content: none
    }
}

p {
    color: #333;
    font-size: 18px;
    line-height: 28px;
    margin-top: 18px
}

p.no-margin,p:first-child {
    margin-top: 0
}

p strong {
    color: #333
}

p.large {
    font-size: 20px;
    line-height: 28px
}

p.accent {
    font-weight: 500;
    font-style: normal;
    color: #784dba
}

p.accent,p.italic {
    font-family: Geometria,sans-serif
}

p.italic {
    font-weight: 400;
    font-style: italic
}

p.strong {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #333
}

@media screen and (max-width: 1349px) {
    p {
        font-size:16px;
        line-height: 28px
    }

    p.large,p.strong {
        font-size: 18px
    }
}

@media screen and (max-width: 1023px) {
    p {
        font-size:14px;
        line-height: 22px
    }
}

@media screen and (max-width: 767px) {
    p {
        font-size:14px;
        line-height: 22px;
        margin-top: 13px
    }

    p.italic {
        font-size: 12px;
        line-height: 20px
    }
}

.link {
    color: #333
}

.link>span {
    border-bottom: 1px solid;
    transition: border .2s ease
}

.link:hover>span {
    border-bottom: 1px solid transparent
}

.link_notline {
    color: #333
}

.link_notline>span {
    border-bottom: 1px solid transparent;
    transition: border .2s ease
}

.link_notline:hover>span,.link_underline>span {
    border-bottom: 1px solid
}

.link_underline>span {
    transition: border .2s ease
}

.link_underline:hover>span {
    border-bottom: 1px solid transparent
}

.link_white {
    color: #fff
}

.link_dashed>span {
    border-bottom: 1px dashed
}

.link_dashed:hover>span {
    border-bottom: 1px dashed transparent
}

.mfp-container {
    overflow-y: auto;
    overflow-x: hidden
}

.mfp-bg {
    background: rgba(46,42,38,.5)
}

.mfp-wrap {
    overflow-y: auto
}

.mfp-close:focus,.mfp-close:hover {
    opacity: .7
}

.mfp-close-btn-in .mfp-close {
    color: transparent;
    right: 9px;
    top: 0
}

.mfp-close,.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    width: 30px;
    height: 30px;
    right: -7px;
    top: 0;
    font-size: 34px;
    color: transparent;
    opacity: 1;
    transition: opacity .2s ease
}

.mfp_video-popup .mfp-close {
    top: -35px
}

.mfp_image-popup .mfp-close {
    right: 0
}

.mfp_modal-success .mfp-close,.mfp_modal-success .mfp-close:hover {
    right: 0;
    top: 2px
}

.mfp-content .modal {
    display: block
}

.modal {
    width: 100%;
    max-width: 1100px;
    padding: 35px 15px;
    margin: 0 auto;
    position: relative;
    display: none
}

.modal_wide {
    max-width: 1320px
}

.modal__wrapper {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 15px 25px rgba(0,0,0,.1)
}

.mfp_modal-success {
    max-width: 600px
}

.mfp_modal-success .modal__title {
    text-align: left
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

button.mfp-close:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 50%;
    top: 50%;
    margin-top: -7px;
    margin-left: -7px;
    background-image: url(../fonts/da40a860a9a9b26c9c387b2e5a7cad54.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    -webkit-filter: drop-shadow(0 15px 25px rgba(0,0,0,.1));
    filter: drop-shadow(0 15px 25px rgba(0,0,0,.1))
}

button.mfp-close:focus,button.mfp-close:hover {
    opacity: .7
}

button.mfp-arrow {
    display: block;
    width: 45px;
    height: 90px;
    border: 0;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -45px;
    overflow: hidden;
    z-index: 1050;
    opacity: 1
}

button.mfp-arrow:before {
    content: "";
    position: absolute;
    left: -45px;
    right: auto;
    top: 0;
    width: 90px;
    height: 90px;
    border-radius: 10px;
    background-color: #333;
    border: 0;
    margin: 0!important;
    opacity: 1
}

button.mfp-arrow:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    width: 18px;
    height: 16px;
    background-image: url(../fonts/d3dbb77da11c9662aeab65117c001da5.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    border: 0;
    margin-left: 0
}

button.mfp-arrow:active {
    margin-top: -45px
}

button.mfp-arrow-right {
    left: auto;
    right: 0
}

button.mfp-arrow-right:before {
    left: auto;
    right: -45px
}

button.mfp-arrow-right:after {
    transform: rotate(180deg);
    left: auto;
    right: 10px
}

@media screen and (max-width: 1349px) {
    .modal {
        padding-left:40px;
        padding-right: 40px
    }

    .mfp-close-btn-in .mfp-close {
        right: 33px
    }
}

@media screen and (max-width: 1023px) {
    .modal {
        padding-left:15px;
        padding-right: 15px
    }

    .modal__wrapper {
        border-radius: 5px
    }

    .mfp-close-btn-in .mfp-close {
        right: 9px
    }
}

@media screen and (max-width: 767px) {
    .modal {
        padding-left:11px;
        padding-right: 11px;
        overflow: auto
    }

    .modal__wrapper {
        padding: 35px 20px 20px
    }

    .mfp-close {
        right: 2px;
        top: -5px
    }

    .mfp-close-btn-in .mfp-close {
        right: 4px
    }
}

[data-js=tooltip-button] {
    cursor: pointer
}

[data-js=tooltip-html] {
    display: none
}

.tippy-content>div {
    max-width: 400px
}

.tippy-tooltip.light-theme {
    box-shadow: 0 10px 29px rgba(70,81,86,.18);
    border: 1px solid #e0e3e4;
    background-color: #fff;
    font-size: 14px
}

[data-js-tooltip=arrow] {
    position: absolute;
    width: 30px;
    height: 14px
}

[data-js-tooltip=arrow]:before {
    z-index: 1;
    left: 1px;
    top: 1px
}

[data-js-tooltip=arrow]:after,[data-js-tooltip=arrow]:before {
    content: "";
    border-style: solid;
    position: absolute;
    display: block;
    width: 0;
    height: 0
}

[data-js-tooltip=arrow]:after {
    z-index: 0
}

.tippy-arrow {
    position: absolute
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    width: 30px;
    height: 14px;
    top: -14px
}

.tippy-popper[x-placement^=bottom] [data-js-tooltip=arrow] {
    left: -7px;
    top: -1px
}

.tippy-popper[x-placement^=bottom] [data-js-tooltip=arrow]:before {
    border-width: 0 15px 14px;
    border-color: transparent transparent #fff
}

.tippy-popper[x-placement^=bottom] [data-js-tooltip=arrow]:after {
    border-width: 0 16px 15px;
    border-color: transparent transparent #e0e3e4
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    width: 30px;
    height: 14px;
    bottom: -14px
}

.tippy-popper[x-placement^=top] [data-js-tooltip=arrow] {
    left: -7px;
    bottom: 0
}

.tippy-popper[x-placement^=top] [data-js-tooltip=arrow]:before {
    border-width: 14px 15px 0;
    border-color: #fff transparent transparent;
    top: 0
}

.tippy-popper[x-placement^=top] [data-js-tooltip=arrow]:after {
    border-width: 15px 16px 0;
    border-color: #e0e3e4 transparent transparent
}

.tippy-tooltip {
    padding: 20px 60px 20px 30px!important;
    position: relative;
    text-align: left
}

[data-js-tooltip=close] {
    pointer-events: all;
    position: absolute;
    cursor: pointer;
    width: 14px;
    height: 14px;
    top: 23px;
    right: 23px
}

[data-js-tooltip=close]>svg {
    position: absolute;
    left: 0;
    top: 0
}

[data-js-tooltip=close]>svg path {
    transition: fill .2s ease-out
}

[data-js-tooltip=close]:hover>svg path {
    fill: #8e9799;
    transition: fill .2s ease-out
}

.tooltip {
    text-align: left
}

.tooltip__title {
    margin-bottom: 20px;
    line-height: 28px;
    max-width: 260px;
    font-size: 16px
}

.tooltip__text {
    line-height: 26px;
    font-size: 14px;
    color: #989ca6
}

.tooltip__li-right {
    padding-left: 20px;
    float: right
}

@media screen and (max-width: 767px) {
    .tooltip__title {
        max-width:100%
    }

    .tippy-tooltip {
        padding-left: 20px!important;
        padding-bottom: 20px!important
    }

    .tippy-popper[data-html] {
        max-width: calc(100% - 10px)
    }

    .tooltip__li-right {
        padding-left: 0;
        display: block;
        float: none
    }
}

@media screen and (max-width: 470px) {
    .tooltip__text br {
        display:none
    }

    .tippy-tooltip {
        padding-right: 45px!important
    }
}

.form__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.form__row>* {
    flex: 0 1 50%;
    padding-left: 10px;
    padding-right: 10px
}

.form__row_triple>* {
    flex-basis: 33.33%
}

.form__row_triple .form__policy {
    margin-top: 0
}

.form__group {
    position: relative
}

.form__group label {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #cbcbcb;
    font-size: 16px;
    position: absolute;
    left: 32px;
    top: 30px;
    transition: .2s ease;
    pointer-events: none
}

.form__group.focused label {
    font-size: 12px;
    top: 10px
}

.form__group.error label {
    color: red
}

.form__group.error .input,.form__group.error label {
    animation: shake .82s cubic-bezier(.36,.07,.19,.97) both
}

.form__group.error .input {
    border-color: red
}

.form__group.error .input::-webkit-input-placeholder {
    color: red
}

.form__group.error .input:-ms-input-placeholder {
    color: red
}

.form__group.error .input::placeholder {
    color: red
}

.form__group .error {
    position: absolute;
    right: 40px;
    bottom: 3px;
    font-size: 12px;
    color: red
}

@keyframes shake {
    10%,90% {
        margin-left: -1px
    }

    20%,80% {
        margin-left: 2px
    }

    30%,50%,70% {
        margin-left: -4px
    }

    40%,60% {
        margin-left: 4px
    }
}

.input {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: normal;
    height: 66px;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 5px 19px;
    box-sizing: border-box;
    color: #6b6b6b;
    font-size: 16px;
    background-color: #fff;
    transition: .1s ease
}

.input::-webkit-input-placeholder {
    color: #6b6b6b
}

.input:-ms-input-placeholder {
    color: #6b6b6b
}

.input::placeholder {
    color: #6b6b6b
}

.input:focus,.input:hover {
    border: 1px solid #784dba
}

.input:focus {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #333
}

.input.input_phone_recaptcha {
    display: none!important
}

.input_phone::-webkit-input-placeholder {
    color: #6b6b6b
}

.input_phone:-ms-input-placeholder {
    color: #6b6b6b
}

.input_phone::placeholder {
    color: #6b6b6b
}

.input_phone:focus,.input_phone:hover {
    border: 1px solid #784dba
}

.input_phone:focus {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #333
}

textarea {
    resize: none
}

textarea.input {
    padding-top: 31px
}

textarea+label {
    background-color: #784dba
}

.form__group_button {
    margin-top: 20px
}

.form__policy {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
    color: #7f8f98;
    margin-top: 21px;
    text-align: center;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto
}

.form__policy a {
    text-decoration: underline;
    color: #30b568
}

.form__policy a:hover {
    text-decoration: none
}

.form__flex {
    display: flex;
    margin-top: 22px
}

.form__flex .form__group {
    width: 100%;
    max-width: 370px;
    margin-right: 20px
}

.form__flex .button_submit {
    margin-top: 0;
    max-width: 370px
}

.form__title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 38px;
    line-height: 48px
}

.form_white .input {
    border-color: #cdcdcd
}

.form_white .input:hover {
    border: 1px solid #784dba
}

.form_white .input:focus {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    border: 1px solid #784dba;
    color: #333
}

.form__group_button .form__button__image {
    position: absolute;
    top: 50%;
    transform: translate(calc(100% + 25px),-50%);
    right: 0
}

@media screen and (max-width: 1349px) {
    .input::-webkit-input-placeholder {
        font-size:16px
    }

    .input:-ms-input-placeholder {
        font-size: 16px
    }

    .input::placeholder {
        font-size: 16px
    }

    .form__group label {
        font-size: 16px;
        top: 32px;
        left: 32px
    }

    .form__group.focused label {
        left: 22px;
        font-size: 10px
    }

    .form__flex {
        margin-top: 18px
    }

    .form__flex .button_submit {
        max-width: 290px
    }

    .form__policy {
        font-size: 12px;
        line-height: 20px;
        padding-left: 4px;
        margin-top: 8px
    }

    .form__title {
        font-size: 24px;
        line-height: 30px
    }

    .form__group_button {
        margin-top: 10px
    }

    .form__group_button .form__button__image {
        transform: translate(calc(100% + 13px),-50%)
    }
}

@media screen and (max-width: 1023px) {
    .input {
        height:50px
    }

    .form__group label {
        top: 25px;
        left: 32px;
        font-size: 14px
    }

    .form__group.focused label {
        left: 32px;
        font-size: 10px
    }

    .form__flex {
        margin-top: 13px
    }

    .form__flex .form__group {
        max-width: 189px;
        margin-right: 14px
    }

    .form__flex .form__group:nth-child(2) {
        margin-right: 0;
        max-width: 100%
    }

    .form__policy {
        text-align: left
    }

    .form__group_button .form__button__image {
        max-width: 110px;
        transform: translate(calc(100% + 18px),-50%)
    }
}

@media screen and (max-width: 767px) {
    .input {
        height:50px;
        padding: 8px 20px
    }

    .input::-webkit-input-placeholder {
        font-size: 14px
    }

    .input:-ms-input-placeholder {
        font-size: 14px
    }

    .input::placeholder {
        font-size: 14px
    }

    .form__group label {
        font-size: 12px;
        left: 21px;
        top: 22px
    }

    .form__group.focused label {
        left: 32px;
        font-size: 10px
    }

    .form__policy {
        font-size: 12px;
        line-height: 18px;
        margin-top: 15px;
        padding-right: 0;
        text-align: center
    }

    .form__flex {
        flex-wrap: wrap
    }

    .form__flex .form__group {
        max-width: 100%;
        margin-right: 0
    }

    .form__flex .input {
        height: 60px
    }

    .form__flex>* {
        flex-basis: 100%!important
    }

    .form__flex .button_submit {
        height: 60px;
        max-width: 242px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 17px
    }

    textarea.input {
        padding-top: 31px;
        height: 99px;
        border-radius: 25px
    }

    .form__group_button .form__button__image {
        display: none
    }
}

.slick-arrow {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -45px;
    overflow: hidden;
    border-radius: 10px;
    border: 0;
    z-index: 2
}

.slick-arrow:after {
    content: "";
    min-height: inherit;
    font-size: 0
}

.slick-arrow>span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative
}

.slick-arrow>span:after,.slick-arrow>span:before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 10px;
    opacity: 0;
    transition: .2s ease
}

.slick-arrow>span:before {
    transform: translateY(3px)
}

.slick-arrow>span>i {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../fonts/d3dbb77da11c9662aeab65117c001da5.svg);
    background-repeat: no-repeat;
    background-size: 14px 9px;
    background-position: 50%;
    position: relative;
    z-index: 3;
    overflow: hidden;
    border-radius: 10px
}

.slick-arrow>span>i:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 70px;
    top: -13px;
    right: -16px;
    background: hsla(0,0%,100%,.5);
    -webkit-filter: blur(25px);
    filter: blur(25px);
    border-radius: 50px;
    transform: rotate(-30deg);
    opacity: 0;
    transition: .2s ease
}

.slick-arrow.prev {
    left: 0;
    background-image: linear-gradient(222.59deg,#56c159 2.98%,#289a4c 99.12%)
}

.slick-arrow.prev>span:before {
    background: linear-gradient(222.59deg,#56c159 2.98%,#289a4c 99.12%);
    transform: translateY(3px)
}

.slick-arrow.prev>span:after {
    background: linear-gradient(222.59deg,#289a4c 2.98%,#56c159 99.12%)
}

.slick-arrow.next {
    right: 0;
    left: auto
}

.slick-arrow.next,.slick-arrow.next>span:before {
    background: linear-gradient(222.59deg,#56c159 2.98%,#289a4c 99.12%)
}

.slick-arrow.next>span:before {
    transform: translateY(3px)
}

.slick-arrow.next>span:after {
    background: linear-gradient(222.59deg,#289a4c 2.98%,#56c159 99.12%)
}

.slick-arrow.next>span>i {
    transform: rotate(180deg)
}

.slick-arrow:hover>span {
    border-color: transparent
}

.slick-arrow:hover>span:after,.slick-arrow:hover>span:before,.slick-arrow:hover>span>i:before {
    opacity: 1
}

.slick-arrow:active>span:before,.slick-arrow:active>span>i:before {
    opacity: 0
}

.slick-arrow.slick-disabled {
    opacity: .7;
    cursor: default;
    background-color: #f3f8f9
}

.slick-arrow.slick-disabled:before {
    opacity: 0!important
}

@media screen and (max-width: 1023px) {
    .slick-arrow {
        width:62px;
        height: 62px;
        margin-top: -31px;
        padding: 0
    }

    .slick-arrow>span {
        width: 35px;
        height: 35px
    }

    .slick-arrow:after {
        content: none
    }

    .slick-arrow.next:after {
        margin-left: -9px
    }
}

@media screen and (max-width: 767px) {
    .slick-arrow {
        width:45px;
        height: 45px;
        margin-top: -23px;
        padding: 0
    }

    .slick-arrow>span {
        width: 25px;
        height: 25px
    }

    .slick-arrow:after {
        content: none
    }

    .slick-arrow.next:after {
        margin-left: -9px
    }
}

.accordion__tab__content {
    display: none
}

.accordion__tab__content.active {
    display: block
}

.bg-block {
    background: #eef7f9;
    overflow: hidden
}

.socials {
    margin-left: -10px;
    margin-right: -10px
}

.socials>* {
    display: block;
    flex: 0 1 30px;
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.socials>.ig {
    background-image: url(../fonts/fea600c59cbc466383dcc6492cfbfe1e.svg)
}

.socials>.vk {
    background-image: url(../fonts/b45aca7205485426cb15f939d19f91e5.svg)
}

.socials>.fb {
    background-image: url(../fonts/a816170fdf0fe0674a85de98bdde723e.svg)
}

.socials>.ok {
    background-image: url(../fonts/bbc187d05334f07be4a348359a8b6c5d.svg)
}

@media screen and (max-width: 767px) {
    .socials {
        justify-content:center
    }
}

.header__grid {
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-top: 21px;
    padding-bottom: 23px
}

.header__logo-wrapper {
    align-items: center;
    margin-left: 0;
    margin-right: 10px
}

.header__logo {
    display: flex;
    align-items: center
}

.header__logo img {
/*    min-width: 90px*/
}

.header__logo-text {
    padding-left: 18px;
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic
}

.header__logo-title {
    font-weight: 700;
    color: #028adb;
    font-size: 18px;
    line-height: 23px
}

.header__logo-subtitle {
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap
}

.header__logo-count {
    font-size: 10px;
    line-height: 13px;
    color: #6b6b6b;
    margin-top: 7px
}

.header__grid__left {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header__grid__right {
    align-items: center;
    justify-content: flex-end;
    margin-top: -2px;
    flex-basis: 475px
}

.header__affiliates-wrapper .phone {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    display: none;
    font-size: 20px;
    color: #333
}

.header__affiliates-wrapper .phone>span {
    color: #784dba
}

.work-time {
    font-size: 12px;
    line-height: 15px
}

.work-time>span {
    font-family: Geometria,sans-serif;
    font-weight: 300;
    font-style: italic
}

.header__affiliates-wrapper {
    margin-right: 56px
}

.work-time {
    position: relative;
    padding-left: 15px
}

.work-time:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 39%;
    width: 12px;
    height: 12px;
    margin-top: -8px;
    background-image: url(../fonts/b5d54b220adf6e919e9c76a354d7fa32.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.header__affiliates {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    position: relative;
    padding-left: 15px;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    cursor: default
}

.header__affiliates:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 55%;
    width: 10px;
    height: 12px;
    margin-top: -6px;
    background-image: url(../fonts/151b7e910d060b534725b2d8b190b98a.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.header__affiliates span span {
    font-size: 12px;
    font-weight: 400;
    -webkit-text-decoration: underline dashed rgba(0,0,0,.3);
    text-decoration: underline dashed rgba(0,0,0,.3)
}

.header__affiliates:hover {
    cursor: pointer
}

.header__phone-wrapper {
    position: relative;
    max-width: 230px;
    text-align: right;
    margin-top: 1px;
    margin-left: auto
}

.header__phone-wrapper .phone {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #333
}

.header__phone-wrapper .phone>span {
    color: #784dba
}

.header__phone-wrapper .order-call {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: #333;
    position: relative;
    margin-top: 6px;
    padding-left: 18px
}

.header__phone-wrapper .order-call:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background-image: url(../fonts/537b593f820ccf2f364b7661962cc31c.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.tippy-tooltip.affiliates-theme {
    background-color: #f7f5f3;
    border-radius: 5px;
    border: 0;
    box-shadow: none;
    padding: 15px 25px 20px 30px!important
}

.tippy-tooltip.affiliates-theme .tippy-backdrop {
    background-color: #f7f5f3
}

.tippy-tooltip.affiliates-theme [data-js-tooltip=close] {
    display: none
}

.header__affiliates__list>div {
    font-size: 14px;
    line-height: 26px;
    border-top: 1px solid #dbd8d5;
    padding-bottom: 18px;
    padding-top: 17px;
    min-width: 320px
}

.header__affiliates__list>div:first-child {
    border-top: 0;
    padding-top: 0
}

.header__affiliates__list>a {
    color: #30b568;
    font-size: 16px;
    display: inline-block;
    margin-top: -4px
}

.header__affiliates__list>a>span {
    border-bottom: 1px solid
}

.header__button-wrapper {
    flex-basis: 251px
}

.header__button {
    max-width: 251px
}

.header__button .btn {
    font-size: 12px;
    line-height: 15px;
    text-transform: none;
    height: 50px;
    padding-top: 8px;
    display: block
}

@media screen and (max-width: 1349px) {
    .header__grid__right {
        margin-left:0;
        margin-right: 0;
        flex-basis: calc(60% - 287px)
    }

    .header__affiliates-wrapper {
        margin-right: 20px
    }

    .header__button-wrapper {
        flex-basis: 211px
    }

    .header__button-wrapper .btn {
        max-width: 100%
    }

    .header__phone-wrapper {
        margin-left: 16px
    }
}

@media screen and (max-width: 1199px) {
    .header__grid {
        padding-bottom:19px
    }
}

@media screen and (max-width: 1023px) {
    .header__grid {
        padding-top:11px;
        padding-bottom: 9px
    }

    .header__grid__right {
        justify-content: flex-end
    }

    .header__affiliates-wrapper .phone {
        display: block;
        font-size: 16px
    }

    .header__affiliates:before {
        top: 31%;
        left: -5px
    }

    .work-time {
        margin-top: 23px
    }

    .header__phone-wrapper {
        display: none
    }

    .header__button-wrapper {
        flex-basis: 223px
    }
}

@media screen and (max-width: 940px) {
    .header__logo-wrapper {
        width:unset;
        min-width: unset
    }

    .header__grid__right {
        display: none
    }
}

@media screen and (max-width: 850px) {
    .header__logo-text {
        padding-left:10px
    }

    .header__affiliates-wrapper {
        margin-right: 5px
    }
}

@media screen and (max-width: 767px) {
    .header__grid {
        padding-top:8px
    }

    .header__logo-wrapper {
        max-width: 167px;
        min-width: auto;
        margin-right: 0;
        width: auto
    }

    .header__logo-text {
        padding-left: 6px
    }

    .header__logo-title {
        font-size: 10px;
        line-height: 13px
    }

    .header__logo-count {
        display: none
    }

    .header__phone-wrapper {
        margin-left: 4px
    }

    .header__phone-wrapper .phone,.header__phone-wrapper br {
        display: none
    }

    .header__phone-wrapper .order-call {
        width: 39px;
        height: 39px;
        background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff);
        border-radius: 50%;
        overflow: hidden;
        color: transparent
    }

    .header__phone-wrapper .order-call:before {
        background-image: url(../fonts/54045892f682cdbc9998046ecfc66ef1.svg);
        width: 17px;
        height: 18px;
        left: 11px;
        top: 11px
    }

    .header__button-wrapper {
        display: none
    }

    .header__affiliates-wrapper {
        margin-right: 0
    }

    .header__affiliates-wrapper .phone {
        font-size: 13px;
        line-height: 16px
    }

    .work-time {
        display: none
    }

    .header__affiliates {
        font-size: 10px;
        line-height: 13px
    }

    .header__affiliates:before {
        top: 7px;
        left: -1px;
        margin-top: 0
    }

    .header__grid__right {
        margin-left: 0;
        flex-basis: calc(100% - 167px);
        justify-content: flex-end
    }
}

.block-label {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    position: absolute;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0,88,138,.1);
    text-transform: uppercase;
    letter-spacing: .4em;
    padding-left: 99px;
    padding-right: 99px;
    transform: translate(-41.9%,-53%) rotate(-90deg);
    left: 0;
    top: 50%;
    pointer-events: none;
    display: inline-block;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.block-label:after,.block-label:before {
    content: "";
    position: absolute;
    width: 79px;
    height: 1px;
    background-color: #7f8f98;
    top: 50%;
    margin-top: -1px
}

.block-label:before {
    left: 0
}

.block-label:after {
    right: 4px
}

.block-label_left {
    background: linear-gradient(120deg,#784dba,#2f997c 26.35%,#fff)
}

.block-label_right {
    left: auto;
    right: 0;
    transform: translate(41%,-75%) rotate(-90deg);
    background: linear-gradient(219.35deg,#784dba,#2f997c 26.35%,#fff)
}

.block-label_right>span>span {
    margin-bottom: 70px
}

.block-label_light {
    color: #fff
}

.block-label_light:before {
    background-color: #fff
}

.block-label_large {
    font-family: Geometria,sans-serif;
    font-weight: 800;
    font-style: normal;
    transform: none;
    width: 357px;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 0;
    font-size: 180px;
    line-height: 162px;
    color: rgba(0,88,138,.2);
    text-align: center;
    letter-spacing: 0
}

.block-label_large:after,.block-label_large:before {
    content: none
}

.block-label_large>span {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-47%,-50%) rotate(-90deg);
    height: 1000px;
    width: 1000px
}

.block-label_large>span:after {
    content: "";
    min-height: inherit;
    font-size: 0
}

.block-label_large>span>span {
    text-align: center;
    color: hsla(0,0%,100%,.1)
}

.block-label_large.block-label_right {
    right: 0;
    left: auto
}

.block-label_medium {
    width: 198px;
    font-size: 94px;
    line-height: 85px
}

.block-label_medium>span {
    transform: translate(-48.5%,-50%) rotate(-90deg)
}

@media screen and (max-width: 1450px) {
    .block-label {
        display:none
    }

    .block-label_large {
        display: block;
        width: 289px;
        font-size: 158px;
        line-height: 142px
    }

    .block-label_large>span {
        transform: translate(-48%,-50%) rotate(-90deg)
    }
}

@media screen and (max-width: 1023px) {
    .block-label_large {
        display:none
    }
}

.fs__top {
    position: relative;
    background-image: url(../images/2c2bb3ed91fdc8a8243ffc495f99678a.png);
    z-index: 1;
    padding-top: 1px;
    color: #fff;
    padding-bottom: 151px
}

.fs__top,.fs__top:before {
    background-size: cover;
    background-repeat: no-repeat
}

.fs__top:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
    max-width: 708px;
    height: 90%;
    z-index: 0;
    background-image: url(../images/doc-fs.webp);
    /* background-position: 100% -30%; */
    pointer-events: none
}

.fs__top .h1 {
    margin-top: 29px
}

.fs__grid,.fs__ratings {
    position: relative
}

.fs__ratings {
    display: flex;
    align-items: center;
    background-color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    font-size: 13px;
    line-height: 16px;
    color: #7f8f98;
    padding: 15px 25px;
    margin-top: 31px;
    box-shadow: 0 15px 25px rgba(0,0,0,.1);
    border-radius: 5px;
    min-height: 71px;
    overflow: hidden;
    z-index: 1
}

.fs__ratings:before {
    content: "";
    position: absolute;
    left: 17px;
    top: 0;
    width: 41px;
    height: 43px;
    background-image: url(../fonts/dcb82f149c63f35bf03653fcea61d7b1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    z-index: -1
}

.fs__rating {
    display: flex;
    align-items: center
}

.fs__rating__stars {
    padding-right: 19px
}

.fs__rating__stars img {
    width: 56px;
    height: 54px
}

.fs__rating__icons {
    padding-left: 25px
}

.fs__rating__icons>:not(:first-child) {
    margin-top: 5px
}

.fs__tooltips {
    display: flex;
    align-items: center
}

.fs__tooltip {
    border-left: 1px solid #e7e7e7;
    padding-left: 40px;
    margin-left: 40px
}

.fs__tooltip img {
    margin-right: 14px
}

.fs__tooltip>* {
    cursor: auto;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-style: italic;
    text-decoration: underline;
    font-size: 12px;
    line-height: 15px
}

.fs__subheader,.fs__tooltip>* {
    font-family: Geometria,sans-serif
}

.fs__subheader {
    padding-top: 16px;
    font-weight: 500;
    font-style: normal;
    font-size: 25px;
    line-height: 31px;
    color: #333
}

.fs__our-pluses {
    margin-top: 40px;
    display: flex;
    color: #7f8f98;
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic
}

.fs__our-pluses>* {
    display: flex;
    align-items: center
}

.fs__our-pluses>* i {
    width: 50px;
    min-width: 50px;
    margin-right: 17px
}

.fs__our-pluses>:not(:first-child) {
    margin-left: 43px
}

.fs__prices {
    position: relative;
    margin-top: 44px;
    color: #333;
    background-color: #8763be;
    border-radius: 10px;
    padding: 35px 20px 43px 202px;
    margin-right: 226px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 655px
}

.fs__prices:before {
    position: absolute;
    content: "";
    width: 135px;
    height: 144px;
    top: 18px;
    left: 23px;
    background-image: url(../images/7ac9c9b5fb50cecf4ce2cddf17437d67.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.fs__prices>* {
    width: 345px;
    padding-right: 10px
}

.fs__prices>:last-child {
    padding-right: 0
}

.fs__price {
    height: 100%;
    background: #fff;
    border-radius: 5px;
    position: relative;
    min-height: 125px;
    z-index: 1;
    overflow: hidden;
    padding: 7px 10px;
    display: flex;
    align-items: center
}

.fs__price:before {
    content: "₽";
    position: absolute;
    font-size: 67px;
    color: rgba(0,0,0,.07);
    transform: rotate(36.83deg);
    z-index: -1;
    left: 7px;
    top: -22px;
    transform-origin: center center
}

.fs__price i {
    width: 50px;
    min-width: 50px
}

.fs__price__content {
    padding-left: 12px
}

.fs__price__title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    line-height: 18px
}

.fs__price__price {
    align-items: center;
    margin-top: 9px;
    flex-wrap: nowrap
}

.fs__price__value {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    margin-right: 10px;
    color: #10323d
}

.fs__price__value>div {
    font-size: 30px;
    line-height: 38px;
    white-space: nowrap;
    margin-bottom: -7px;
    color: #0086d2
}

.fs__price__text {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: italic;
    flex-grow: 1;
    font-size: 11px;
    line-height: 14px;
    color: #7f8f98
}

.fs__best-price {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    min-height: 102px;
    z-index: 1;
    color: #fff;
    width: 323px;
    padding-right: 15px
}

.fs__best-price:after {
    content: "";
    min-height: inherit;
    font-size: 0
}

.fs__best-price>i {
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%)
}

.fs__best-price__title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 21px;
    line-height: 26px
}

.fs__best-price__text {
    margin-top: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px
}

.fs__best-price__text>i {
    width: 52px;
    min-width: 52px;
    height: 55px
}

.fs__best-price__text>div {
    padding-left: 15px
}

.fs__best-price__text strong {
    color: #fff
}

.fs__button {
    display: flex;
    align-items: center;
    margin-top: 34px
}

.fs__button>div {
    max-width: 457px;
    margin-left: 20px;
    color: #516b7e;
    text-shadow: 0 1px 5px #fff
}

.first-screen__prices-stock {
    min-height: 125px;
    display: flex;
    width: calc(100% - 323px);
    justify-content: space-between
}

.first-screen__prices-new__item {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: #fff;
    padding: 7px 10px;
    position: relative;
    font-size: 18px;
    font-weight: 700
}

.pic {
    margin-right: 14px
}

.first__screen__price__body {
    display: flex;
    align-items: center;
    margin-top: 9px
}

.price {
    color: #3ea73f;
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    margin-right: 10px
}

.state {
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 15px
}

@media screen and (max-width: 1919px) {
    .fs__top:before {
        max-width:708px;
        background-image: url(../images/doc-fs.webp);
        background-position: 0 0
    }
}

@media screen and (max-width: 1349px) {
    .fs__top {
        padding-bottom:86px
    }

    .fs__top:before {
        /* background-position: top left 75% */
    }

    .fs__top .h1 {
        margin-top: 23px
    }

    .fs__top .h1>span {
        padding: 0
    }

    .fs__ratings {
        margin-top: 27px;
        font-size: 12px;
        line-height: 15px;
        padding: 5px 23px
    }

    .fs__rating__stars {
        padding-right: 12px
    }

    .fs__rating__icons {
        padding-left: 16px
    }

    .fs__tooltip {
        padding-left: 18px;
        margin-left: 12px
    }

    .fs__subheader {
        font-size: 17px;
        line-height: 23px;
        padding-top: 11px;
        font-weight: 400
    }

    .fs__subheader>i {
        max-width: 45px;
        margin-right: 19px
    }

    .fs__our-pluses {
        margin-top: 23px;
        flex-direction: column;
        font-size: 14px;
        line-height: 18px
    }

    .fs__our-pluses>:not(:first-child) {
        padding-top: 18px;
        margin-left: 0
    }

    .fs__our-pluses i {
        width: 40px;
        min-width: 40px;
        margin-right: 13px
    }

    .fs__price {
        padding-top: 10px;
        min-height: 108px
    }

    .fs__price__price {
        margin-top: 8px
    }

    .fs__price__value {
        font-size: 14px;
        line-height: 18px;
        margin-right: 9px
    }

    .fs__price__value>div {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: -2px
    }

    .fs__price_second {
        padding-left: 71px;
        padding-right: 10px
    }

    .fs__price_second>i {
        left: 10px
    }

    .fs__price_second .fs__price__title br {
        display: none
    }

    .first-screen__price__content {
        font-size: 16px
    }

    .first-screen__price__content .price {
        font-size: 21px;
        margin-top: -7px
    }

    .fs__best-price {
        width: 275px;
        min-height: unset
    }

    .fs__best-price>i {
        right: -16px;
        transform: translateY(-47%)
    }

    .fs__best-price__title {
        padding-left: 6px;
        font-size: 20px;
        line-height: 25px
    }

    .fs__best-price__title>span {
        margin-left: -6px
    }

    .fs__best-price__text {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px
    }

    .fs__best-price__text i {
        width: 36px;
        min-width: 36px;
        height: 37px
    }

    .fs__button>div {
        color: #333
    }

    .first-screen__prices-stock {
        width: calc(100% - 280px)
    }

    .first-screen__prices-stock .first-screen__prices-new__item {
        width: calc(50% - 5px)
    }

    .first-screen__prices-stock .first-screen__prices-new__item:before {
        left: 27px
    }
}

@media screen and (max-width: 1100px) {
    .fs__top:before {
        /* right:-68px */
    }
}

@media screen and (max-width: 1023px) {
    .fs__top {
        padding-bottom:141px
    }

    .fs__top .h1 {
        margin-top: 26px;
        border-left: none;
        padding-left: 0
    }

    .fs__top .h1:before {
        content: none
    }

    .fs__top:before {
        display: none
    }

    .fs__ratings {
        margin-top: 19px;
        font-size: 11px;
        line-height: 14px;
        min-height: 58px
    }

    .fs__ratings br {
        display: none
    }

    .fs__rating__stars img {
        width: 47px;
        height: 45px
    }

    .fs__rating__icons {
        width: 100px;
        min-width: 100px;
        padding-left: 10px
    }

    .fs__tooltip {
        padding-left: 16px;
        margin-left: 16px
    }

    .fs__subheader {
        font-size: 16px;
        line-height: 24px;
        padding-top: 20px
    }

    .fs__subheader>i {
        max-width: 38px;
        margin-right: 16px
    }

    .fs__our-pluses {
        flex-direction: row
    }

    .fs__our-pluses>:not(:first-child) {
        padding-top: 0;
        margin-left: 50px
    }

    .fs__prices {
        margin-top: 25px;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .fs__prices>* {
        width: 50%
    }

    .fs__best-price {
        width: 100%;
        min-width: unset;
        justify-content: flex-start;
        align-items: center;
        padding: 10px 110px 10px 15px;
        min-height: 60px
    }

    .fs__best-price__title {
        padding-left: 0
    }

    .fs__best-price__title br {
        display: none
    }

    .fs__best-price__text>div {
        padding-left: 0
    }

    .fs__best-price__text i {
        position: absolute;
        right: 27px;
        top: 0;
        width: 77px;
        min-width: 77px;
        height: 79px
    }

    .fs__best-price__text br {
        display: none
    }

    .fs__button>div {
        color: #516b7e
    }

    .first-screen__prices-stock {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .fs__top {
        padding-bottom:96px
    }
.header__logo-subtitle {
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    margin-left: 10px;
    color: #000;
    font-weight: 600;
    font-style: initial;
    text-transform: uppercase;
}
    .fs__top:before {
        content: none;
        background-position: top
    }

    .fs__top .h1 {
        margin-top: 20px;
        font-size: 24px;
        line-height: 30px
    }

    .fs__top .h1>span {
        margin-left: 0
    }

    .fs__ratings {
        flex-wrap: wrap;
        padding: 5px 0
    }

    .fs__ratings>* {
        padding-left: 10px;
        padding-right: 10px
    }

    .fs__rating {
        flex-grow: 1;
        flex-basis: 60%
    }

    .fs__rating__stars img {
        width: 48px;
        min-width: 48px;
        height: 46px
    }

    .fs__rating__icons {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .fs__tooltips {
        border-top: 1px solid #e7e7e7;
        margin: 6px 10px 0;
        padding: 6px 0 0;
        flex-grow: 1;
        justify-content: space-between
    }

    .fs__tooltip {
        border-left: none;
        margin-left: 0;
        padding-left: 0
    }

    .fs__tooltip>* {
        font-size: 9px;
        line-height: 13px
    }

    .fs__tooltip:not(:first-child) {
        padding-left: 20px
    }

    .fs__subheader {
        font-size: 13px;
        line-height: 22px;
        padding-top: 3px
    }

    .fs__subheader>i {
        max-width: 36px;
        margin-right: 10px
    }

    .fs__our-pluses {
        margin-top: 23px;
        flex-direction: column;
        font-size: 13px;
        line-height: 16px
    }

    .fs__our-pluses>:not(:first-child) {
        padding-top: 15px;
        margin-left: 0
    }

    .fs__our-pluses>* br {
        display: none
    }

    .fs__our-pluses i {
        width: 35px;
        min-width: 35px;
        margin-right: 18px
    }

    .fs__prices {
        margin-top: 24px;
        margin-right: 0
    }

    .fs__prices>* {
        flex-basis: 100%;
        padding-right: 0;
        padding-top: 10px
    }

    .fs__button {
        flex-direction: column
    }

    .fs__button>div {
        text-align: center;
        margin-top: 12px;
        margin-left: 0
    }

    .fs__price__value {
        margin-right: 13px
    }

    .fs__price__value>div {
        font-size: 22px;
        line-height: 28px
    }

    .fs__best-price {
        padding: 5px 10px
    }

    .fs__best-price>i {
        max-width: 65px;
        top: auto;
        transform: none;
        right: 4px;
        bottom: 2px
    }

    .fs__best-price__title {
        font-size: 16px;
        line-height: 20px;
        padding-right: 10px
    }

    .fs__best-price__text {
        font-size: 12px;
        line-height: 18px;
        padding-right: 40px
    }

    .fs__best-price__text span {
        white-space: nowrap
    }

    .fs__best-price__text i {
        width: 45px;
        min-width: 45px;
        height: 44px;
        top: auto;
        right: 0;
        bottom: 0
    }

    .fs__price__content {
        padding-left: 7px
    }

    .fs__price__title br {
        display: none
    }

    .first-screen__prices-stock {
        flex-direction: column
    }

    .first-screen__prices-stock .first-screen__prices-new__item {
        margin-bottom: 10px;
        width: 100%;
        max-width: 400px
    }
}

@media screen and (max-width: 480px) {
    .fs__tooltips {
        display:none
    }

    .fs__prices {
        padding-left: 132px
    }

    .fs__best-price__title {
        padding-right: 0
    }

    .first-screen__prices-stock .first-screen__prices-new__item {
        font-size: 16px;
        border-radius: 6px
    }

    .first-screen__prices-stock .first-screen__prices-new__item .price {
        margin-top: -10px;
        font-size: 14px
    }

    .first-screen__prices-stock .first-screen__prices-new__item:before {
        left: 10px;
        top: 25px
    }
}

.best-price {
    margin-top: 100px;
    position: relative;
    padding-top: 96px;
    padding-bottom: 103px;
    background-image: url(../images/623a53a0102b180f9ee512cec33bbce8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.best-price .block-label_large {
    width: 386px;
    font-size: 165px;
    line-height: 149px
}

.best-price .block-label_large>span {
    transform: translate(-43%,-50%) rotate(-90deg)
}

.best-price .block-label_large>span span {
    font-size: 150px
}

.best-price__grid {
    align-items: center;
    margin-left: -15px;
    margin-right: -15px
}

.best-price__grid>* {
    flex: 0 1 58.33%;
    padding-left: 15px;
    padding-right: 15px
}

.best-price__grid>:nth-child(2) {
    flex-basis: 41.66%
}

.best-price__content .list {
    margin-top: 20px
}

.best-price__content .list>li {
    margin-top: 23px
}

.best-price__content .list>li:first-child {
    margin-top: 0
}

.best-price__research {
    display: flex;
    align-items: center;
    min-height: 70px;
    font-size: 14px;
    line-height: 20px;
    color: #8e8e8e;
    position: relative;
    padding-left: 81px;
    margin-top: 22px
}

.best-price__research>i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.best-price__research a {
    font-weight: 700;
    color: #8e8e8e
}

.best-price__installment,.best-price__research a {
    font-family: Geometria,sans-serif;
    font-style: normal
}

.best-price__installment {
    font-weight: 500;
    display: flex;
    align-items: center;
    position: relative;
    padding: 16px 35px 15px 185px;
    background-color: #784dba;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    max-width: 450px;
    min-height: 130px;
    margin-top: 34px;
    font-size: 25px
}

.best-price__installment>i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 26px
}

.best-price__video {
    display: flex;
    align-items: center;
    max-width: 550px;
    background-color: #d0e3ee;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    min-height: 105px;
    margin-top: 30px;
    padding: 10px 17px 10px 141px;
    z-index: 1
}

.best-price__video .btn_play {
    position: absolute;
    left: 48px;
    top: 50%;
    transform: translateY(-50%)
}

.best-price__video .text {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    color: #7f8f98
}

.best-price__video .text b {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    display: block;
    margin-bottom: 8px
}

.best-price__video:before {
    content: "";
    position: absolute;
    left: 8px;
    top: -8px;
    width: 70px;
    height: 66px;
    background-image: url(../fonts/5bfc831ff2d251e4e4dc30c595e42caf.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    z-index: -1
}

.best-price__quote-wrapper {
    position: relative;
    max-width: 410px;
    margin-left: auto;
    margin-right: 0;
    margin-top: 24px
}

.best-price__image {
    position: relative;
    max-width: 359px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.best-price__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 100%
}

.best-price__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.best-price__quote {
    position: relative;
    background-color: #fff;
    z-index: 1;
    padding: 45px 40px 48px 90px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: -50px
}

.best-price__quote:before {
    content: "";
    position: absolute;
    left: 6px;
    top: -13px;
    width: 97px;
    height: 64px;
    background-image: url(../fonts/2fe9541565db1938cb07f7db96a92d7c.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    z-index: -1
}

.best-price__quote .text {
    position: relative;
    font-size: 16px;
    line-height: 26px
}

.best-price__quote .text:before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 30px;
    height: 20px;
    background-image: url(../fonts/f0d8046e5617fb377afeb844d0769db9.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top
}

.best-price__quote .author {
    margin-top: 24px;
    font-size: 18px;
    line-height: 20px
}

.best-price__quote .author br {
    display: none
}

.best-price__quote .author>span {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
    color: #7f8f98;
    margin-top: 10px;
    display: block
}

.best-price__quote .author .author__feature {
    font-weight: 700;
    font-size: 15px;
    color: #784dba
}

.best-price__quote .author .author__experience {
    width: 110px;
    height: 30px;
    padding-top: 5px;
    padding-left: 15px;
    background-color: #30b568;
    border-radius: 5px;
    color: #fff
}

@media screen and (max-width: 1349px) {
    .best-price {
        margin-top:82px;
        padding-top: 64px;
        padding-bottom: 72px
    }

    .best-price>.block-label_large {
        width: 293px;
        font-size: 141px;
        line-height: 127px
    }

    .best-price>.block-label_large>span {
        transform: translate(-45.5%,-50%) rotate(-90deg)
    }

    .best-price__grid>* {
        flex-basis: 66.66%
    }

    .best-price__grid>:nth-child(2) {
        flex-basis: 33.33%
    }

    .best-price__research {
        padding-left: 58px;
        font-size: 14px;
        line-height: 20px;
        min-height: 50px;
        margin-top: 19px
    }

    .best-price__research>i {
        max-width: 47px
    }

    .best-price__content {
        max-width: 550px
    }

    .best-price__content .list {
        margin-top: 14px
    }

    .best-price__content .list>li {
        margin-top: 17px
    }

    .best-price__installment {
        max-width: 388px;
        font-size: 16px;
        line-height: 18px;
        padding-left: 87px;
        padding-right: 25px;
        margin-top: 27px;
        min-height: 53px
    }

    .best-price__installment>i {
        max-width: 54px;
        left: 16px
    }

    .best-price__video {
        margin-top: 10px
    }

    .best-price__quote-wrapper {
        margin-top: -6px
    }

    .best-price__image {
        max-width: 272px
    }

    .best-price__quote {
        margin-top: -42px;
        padding: 23px 20px
    }

    .best-price__quote:before {
        width: 83px;
        height: 55px
    }

    .best-price__quote .text {
        padding-left: 0;
        padding-top: 25px;
        line-height: 24px
    }

    .best-price__quote .text:before {
        left: 0;
        top: 0;
        width: 24px;
        height: 16px
    }

    .best-price__quote .author {
        padding-right: 15px;
        margin-top: 14px;
        font-size: 16px;
        line-height: 20px
    }

    .best-price__quote .author>span {
        margin-top: 7px
    }
}

@media screen and (max-width: 1023px) {
    .best-price {
        margin-top:50px;
        padding-top: 44px;
        padding-bottom: 41px
    }

    .best-price>.block-label_large {
        display: block;
        width: 180px
    }

    .best-price>.block-label_large>span {
        display: none
    }

    .best-price__grid {
        align-items: center
    }

    .best-price__research {
        margin-top: 14px
    }

    .best-price__content {
        padding-right: 33px
    }

    .best-price__content .list {
        margin-top: 7px
    }

    .best-price__content .list>li {
        margin-top: 8px
    }

    .best-price__installment {
        max-width: 348px;
        padding-left: 87px;
        padding-right: 10px;
        font-size: 14px;
        border-radius: 5px;
        margin-top: 24px
    }

    .best-price__video {
        padding-left: 98px;
        max-width: 315px;
        min-height: 93px
    }

    .best-price__video .btn_play {
        left: 10px
    }

    .best-price__video .text {
        margin-top: 4px
    }

    .best-price__video .text b {
        margin-bottom: 6px
    }

    .best-price__quote-wrapper {
        margin-left: -30px;
        margin-top: 4px
    }

    .best-price__image {
        max-width: 170px
    }

    .best-price__quote {
        margin-top: -20px;
        padding: 15px 20px;
        border-radius: 5px
    }

    .best-price__quote .text {
        font-size: 14px;
        line-height: 22px
    }

    .best-price__quote .author {
        font-size: 14px;
        line-height: 20px;
        margin-top: 9px
    }

    .best-price__quote .author br {
        display: block
    }

    .best-price__quote .author>span {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .best-price {
        margin-top:41px;
        padding-top: 35px;
        z-index: 1;
        background-image: none;
        background-color: #f3f8f9
    }

    .best-price>.block-label_large {
        display: none
    }

    .best-price:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 174px;
        background: linear-gradient(221.11deg,#784dba,#2f997c 28.06%,#fff 106.47%);
        transform: rotate(-180deg);
        z-index: -1
    }

    .best-price__grid>*,.best-price__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .best-price__research {
        font-size: 14px;
        line-height: 18px;
        padding-left: 55px
    }

    .best-price__content {
        padding-right: 0
    }

    .best-price__content .list {
        margin-top: 11px
    }

    .best-price__content .list>li {
        margin-top: 13px
    }

    .best-price__installment {
        padding: 7px 44px 6px 91px
    }

    .best-price__installment>i {
        left: 20px
    }

    .best-price__video {
        min-height: 80px;
        padding-left: 84px;
        padding-right: 10px
    }

    .best-price__video .text {
        font-size: 12px;
        line-height: 18px
    }

    .best-price__video .text b {
        font-size: 14px;
        margin-bottom: 2px
    }

    .best-price__quote-wrapper {
        margin-left: 0;
        margin-top: 32px
    }

    .best-price__quote {
        margin-top: -29px;
        padding: 15px 23px 17px
    }

    .best-price__quote .text {
        font-size: 12px;
        line-height: 20px;
        padding-top: 20px
    }

    .best-price__quote .text:before {
        width: 19px;
        height: 13px
    }

    .best-price__quote .author {
        margin-top: 5px
    }

    .best-price__quote .author br {
        display: none
    }

    .best-price__quote .author>span {
        margin-top: 5px
    }
}

.quiz {
    position: relative;
    padding-top: 82px;
    padding-bottom: 100px;
    overflow: hidden;
    background-color: #fff
}

.quiz .quiz__content {
    position: relative;
    padding-left: 30px;
    padding-right: 30px
}

.quiz .quiz__content .quiz__form {
    transform: translateY(21px)
}

.quiz .quiz__content:before {
    content: "";
    position: absolute;
    background: linear-gradient(176deg,#3ea73f,#3ea73f 32.29%,#fff);
    left: 0;
    top: 0;
    width: 332px;
    height: 100%;
    border-radius: 10px
}

.quiz .quiz__title {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    position: relative;
    margin-bottom: 52px;
    padding-left: 18px;
    font-size: 26px;
    line-height: 50px
}

.quiz .quiz__title:before {
    content: "";
    position: absolute;
    background-color: #784dba;
    left: 0;
    top: 3px;
    width: 5px;
    height: calc(100% - 12px);
    border-radius: 5px
}

.quiz .quiz__title .h2 {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0
}

.quiz .quiz__title .h2:before {
    display: none
}

.quiz .block-label_large {
    width: 515px;
    font-size: 187px;
    line-height: 169px
}

.quiz .block-label_large>span {
    transform: translate(-58%,-50%) rotate(-90deg)
}

.quiz__content-wrapper {
    padding-top: 42px;
    background-color: #f3f6f9;
    box-shadow: 0 15px 25px rgba(0,0,0,.1);
    border-radius: 10px
}

.quiz__content-wrapper .h3 {
    text-align: center;
    font-size: 30px;
    line-height: 37px
}

.quiz__content-wrapper .h3 span {
    color: #784dba
}

.quiz__content-subtitle {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    margin-top: 12px;
    text-align: center;
    font-size: 23px;
    line-height: 44px
}

.quiz__form {
    position: relative;
    z-index: 2;
    border-radius: 5px;
    overflow: hidden;
    min-height: 670px;
    transition: height .1s ease
}

.quiz__grid {
    align-items: center
}

.quiz__grid>* {
    flex: 0 1 410px;
    max-width: 410px
}

.quiz__grid>:first-child {
    margin-right: 20px
}

.quiz__grid>:nth-child(2) {
    flex-basis: calc(100% - 430px);
    max-width: calc(100% - 430px)
}

.quiz__employee {
    background-color: #fff;
    padding: 52px 60px 60px;
    border-radius: 5px
}

.quiz__employee__photo-wrapper {
    text-align: center;
    position: relative
}

.quiz__employee__photo-wrapper .experience {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    background: #784dba;
    display: inline-block;
    padding: 6px 14px;
    border-radius: 5px;
    font-size: 14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px
}

.quiz__employee__photo {
    position: relative;
    max-width: 186px;
    border-radius: 50%;
    background-color: #f1ebe4;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.quiz__employee__photo:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 100%
}

.quiz__employee__photo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.quiz__employee__fio {
    text-align: center;
    margin-top: 25px
}

.quiz__employee__fio strong {
    display: block;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 8px
}

.quiz__employee__fio>span {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
    color: #6b6b6b
}

.quiz__employee__text {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    padding-top: 25px;
    margin-top: 13px;
    min-height: 190px
}

.quiz__employee__text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 11px;
    background-image: url(../fonts/4e5d91f8a844b539db823e7477919bea.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.quiz__employee__button {
    margin-top: 73px
}

.quiz__employee__button .btn>span.bg {
    background-image: linear-gradient(219.35deg,#81b0de,#784dba)
}

.quiz__form-wrapper {
    padding-left: 60px
}

.quiz__form__pre-title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    background: #784dba;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    margin-top: 6px;
    padding: 1px 8px 2px 7px;
    margin-bottom: 6px
}

.quiz__form__subtitle {
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding-left: 23px;
    margin-top: 21px
}

.quiz__form__subtitle:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.quiz__form__progress {
    margin-top: 17px
}

.quiz__form__progress__step {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    color: #6b6b6b
}

.quiz__form__progress__line {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    height: 15px;
    position: relative;
    overflow: hidden;
    margin-top: 14px
}

.quiz__form__progress__line>span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 100%;
    border-radius: 10px;
    background: #784dba;
    transition: width .1s ease
}

.quiz__page__title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
    line-height: 31px;
    color: #333;
    margin-top: 36px
}

.quiz__page__content {
    margin-top: 10px;
    min-height: 245px
}

.quiz__radio_images {
    margin-left: -5px;
    margin-right: -5px
}

.quiz__radio_images>* {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 15px
}

.quiz__radio_images .radio__item {
    padding: 10px 10px 20px;
    background: #fff;
    border-radius: 5px
}

.quiz__radio_images .radio__item .text {
    margin-left: 9px;
    margin-top: 22px
}

.radio__item {
    cursor: pointer
}

.radio__item .text {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    position: relative;
    height: 30px;
    padding-left: 42px
}

.radio__item .text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #d1c9bd;
    background-image: none;
    background-size: 13px 10px;
    background-position: center left 8px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border-radius: 5px
}

.radio__item.checked {
    cursor: default
}

.radio__item.checked .text:before {
    background-image: url(../fonts/e32a741ce7ff902da84691fb331b47cc.svg)
}

.radio__item img {
    border-radius: 5px
}

.radio__item input[type=checkbox],.radio__item input[type=radio] {
    display: none
}

.quiz__page_4 .quiz__radio_text .radio__item .text {
    max-width: 306px
}

.quiz__radio_text {
    padding-top: 1px
}

.quiz__radio_text>* {
    margin-top: 15px
}

.quiz__radio_text .radio__item .text {
    padding-left: 52px
}

.quiz__radio_text_column>* {
    flex: 0 1 40%;
    padding-right: 15px
}

.quiz__radio_text_column>:nth-child(2n) {
    flex-basis: 60%;
    padding-right: 0
}

.quiz__pages__navigation {
    margin-top: 10px
}

.quiz__pages__navigation .btn_back {
    margin-right: 20px
}

.btn_forward {
    max-width: 290px
}

.quiz__pages__gift {
    display: flex;
    align-items: center;
    background-color: #d0e3ee;
    max-width: 454px;
    margin-top: 67px;
    border-radius: 5px;
    position: relative;
    padding-left: 119px;
    color: #fff;
    min-height: 88px;
    z-index: 1
}

.quiz__pages__gift>i {
    position: absolute;
    max-width: 102px;
    bottom: 0;
    left: 6px
}

.quiz__pages__gift>div {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.quiz__pages__gift>div>span {
    color: #784dba
}

.quiz__pages__gift_mobile {
    display: none
}

.quiz__results__count {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
    height: 100%;
    background: #f3f8f9
}

.quiz__results__count>div {
    width: 100%
}

.quiz__results__progress {
    position: relative;
    background: #fff;
    height: 20px;
    width: 100%;
    max-width: 770px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
    border-radius: 10px
}

.quiz__results__progress .bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff);
    width: 0;
    transition: width .1s ease;
    border-radius: 10px
}

.quiz__results__text {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
    line-height: 31px;
    color: #333
}

.quiz__results__value {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    margin-top: 21px;
    color: #6b6b6b
}

.quiz__loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.quiz__loader svg {
    stroke: #784dba!important
}

.quiz__results {
    left: 0;
    width: 100%;
    display: none;
    background: #f3f8f9;
    z-index: 1
}

.quiz__results,.quiz__results:after {
    top: 0;
    height: 100%;
    position: absolute;
    border-radius: 5px
}

.quiz__results:after {
    content: "";
    right: 0;
    width: 410px;
    background: linear-gradient(219.35deg,#30b568,#30b568 15.42%,#fff);
    z-index: -1
}

.quiz__results__form {
    padding-left: 80px;
    flex: 0 1 640px;
    margin-top: 85px;
    padding-bottom: 36px
}

.quiz__results__form>* {
    max-width: 550px
}

.quiz__results__form .input {
    background-color: transparent;
    border-color: #cdcdcd
}

.quiz__results__header {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    position: relative;
    padding-left: 20px;
    font-size: 38px;
    line-height: 48px;
    color: #333
}

.quiz__results__header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 28px;
    background-color: #784dba;
    border-radius: 5px;
    transform: translateY(-50%)
}

.quiz__results__sub-header {
    font-size: 18px;
    line-height: 28px;
    color: #333;
    margin-top: 20px;
    max-width: 460px
}

.quiz__results__form-inner {
    max-width: 410px;
    margin-top: 35px
}

.quiz__results__form-inner .btn {
    max-width: 410px
}

.quiz__results__form-inner .form__policy {
    margin-left: 0;
    text-align: left;
    max-width: none
}

.quiz__results__image-wrapper {
    flex: 0 1 calc(100% - 550px);
    position: relative
}

.quiz__results__image {
    position: absolute;
    right: 0;
    bottom: 0
}

.quiz__results__gift {
    max-width: 454px;
    padding: 24px 33px 24px 125px
}

.quiz__results__gift>i {
    max-width: 102px;
    left: 6px;
    bottom: 0
}

.quiz__pages__gift_adaptive {
    display: none
}

@media screen and (max-width: 1349px) {
    .quiz {
        padding-top:57px;
        padding-bottom: 70px
    }

    .quiz .quiz__content {
        padding: 30px
    }

    .quiz .quiz__content .quiz__form {
        transform: translateY(0)
    }

    .quiz .block-label_large {
        width: 289px
    }

    .quiz .block-label_large>span {
        display: none
    }

    .quiz__form {
        background-color: transparent;
        min-height: 582px
    }

    .quiz__grid {
        align-items: center
    }

    .quiz__grid>* {
        flex-basis: 350px;
        max-width: 350px
    }

    .quiz__grid>:nth-child(2) {
        flex-basis: calc(100% - 370px);
        max-width: calc(100% - 370px)
    }

    .quiz__employee {
        height: 689px;
        margin-top: 0;
        padding: 23px 30px 96px;
        position: relative
    }

    .quiz__employee .btn {
        position: absolute;
        left: 50%;
        bottom: 30px;
        transform: translateX(-50%);
        max-width: 290px
    }

    .quiz__employee__photo {
        max-width: 160px
    }

    .quiz__employee__fio {
        margin-top: 16px
    }

    .quiz__employee__fio strong {
        margin-bottom: 5px
    }

    .quiz__employee__fio>span {
        font-size: 12px;
        line-height: 16px;
        display: inline-block
    }

    .quiz__employee__text {
        font-size: 16px;
        line-height: 24px;
        margin-top: 15px
    }

    .quiz__form-wrapper {
        padding-left: 22px
    }

    .quiz__form-wrapper .h2 {
        margin-bottom: 10px
    }

    .quiz__form__pre-title {
        font-size: 20px;
        margin-top: 0;
        padding: 1px 3px 0 7px
    }

    .quiz__form__subtitle {
        font-size: 16px;
        margin-top: 12px
    }

    .quiz__form__progress {
        margin-top: 11px
    }

    .quiz__form__progress__line {
        margin-top: 9px
    }

    .quiz__page__title {
        margin-top: 27px
    }

    .quiz__radio_images {
        margin-left: -8px;
        margin-right: -8px;
        max-width: 500px;
        margin-top: -14px
    }

    .quiz__radio_images>* {
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 15px;
        flex-basis: 50%;
        max-width: 190px
    }

    .quiz__radio_images .radio__item {
        padding: 5px 5px 10px
    }

    .quiz__radio_images .radio__item .text {
        margin-top: 10px
    }

    .quiz__radio_text_column>*,.quiz__radio_text_column>:nth-child(2n) {
        flex-basis: 100%
    }

    .quiz__pages__navigation {
        margin-top: 31px
    }

    .quiz__pages__navigation .btn_forward {
        max-width: 211px
    }

    .quiz__pages__gift {
        max-width: 410px;
        margin-top: 52px;
        min-height: 60px;
        padding: 11px 18px 10px 85px
    }

    .quiz__pages__gift>i {
        max-width: 69px;
        left: 8px
    }

    .quiz__pages__gift>div br {
        display: none
    }

    .quiz__results__form {
        position: relative;
        z-index: 2;
        padding-left: 49px;
        margin-top: 50px;
        flex-basis: calc(100% - 480px)
    }

    .quiz__results__image-wrapper {
        flex-basis: 100%;
        max-width: 454px;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .quiz__page_4 .quiz__radio_text_column>*,.quiz__page_4 .quiz__radio_text_column>:nth-child(2n) {
        flex-basis: 50%
    }

    .quiz__results__image {
        position: relative
    }

    .quiz__results__form-inner {
        max-width: 351px
    }

    .quiz__results__gift {
        max-width: 410px;
        padding-left: 80px
    }

    .quiz__results__gift>i {
        left: 8px;
        max-width: 69px
    }
}

@media screen and (max-width: 1023px) {
    .quiz {
        padding-top:54px;
        padding-bottom: 61px
    }

    .quiz .block-label_large {
        left: auto;
        right: 0;
        width: 147px;
        display: block
    }

    .quiz .quiz__content {
        padding: 10px
    }

    .quiz .quiz__content:before {
        display: none
    }

    .quiz__grid {
        margin-left: 0;
        margin-right: 0
    }

    .quiz__grid>* {
        padding-left: 0;
        padding-right: 0
    }

    .quiz__grid>:first-child {
        display: none
    }

    .quiz__grid>:nth-child(2) {
        flex-basis: 100%;
        max-width: 100%
    }

    .quiz__form {
        overflow: visible;
        min-height: 483px
    }

    .quiz__form-wrapper {
        padding-left: 0
    }

    .quiz__form__pre-title {
        font-size: 18px;
        margin-left: -7px;
        line-height: 25px;
        padding: 0 6px;
        margin-bottom: 8px
    }

    .quiz__form__subtitle {
        font-size: 14px;
        margin-top: 14px
    }

    .quiz__form__progress {
        margin-top: 6px
    }

    .quiz__form__progress__step {
        font-size: 12px;
        line-height: 15px
    }

    .quiz__page__title {
        font-size: 22px;
        line-height: 28px
    }

    .quiz__radio_text_column>*,.quiz__radio_text_column>:nth-child(2n) {
        flex-basis: 100%
    }

    .quiz__page_4 .quiz__radio_text_column>* {
        flex-basis: 60%
    }

    .quiz__page_4 .quiz__radio_text_column>:nth-child(2n) {
        flex-basis: 40%
    }

    .quiz__page_4 .quiz__radio_text .radio__item .text {
        max-width: 100%
    }

    .quiz__page__content {
        margin-top: 8px
    }

    .quiz__radio_images {
        margin-top: 0;
        max-width: calc(100% + 14px);
        margin-left: -7px;
        margin-right: -7px
    }

    .quiz__radio_images>* {
        margin-top: 14px;
        padding-left: 7px;
        padding-right: 7px;
        flex-basis: 25%;
        max-width: 25%
    }

    .quiz__radio_images .radio__item .text {
        margin-top: 12px
    }

    .radio__item .text {
        font-size: 14px;
        line-height: 16px
    }

    .quiz__radio_text>* {
        margin-top: 10px
    }

    .quiz__pages__navigation {
        margin-top: 0
    }

    .quiz__pages__navigation .btn_forward {
        max-width: 159px
    }

    .quiz__pages__navigation .btn_back {
        margin-right: 10px
    }

    .quiz__pages__gift {
        max-width: 616px;
        margin-top: 46px;
        min-height: 30px;
        padding: 5px 10px 6px 50px
    }

    .quiz__pages__gift>i {
        max-width: 45px;
        left: 0
    }

    .quiz__pages__gift>div {
        font-size: 13px;
        line-height: 19px
    }

    .quiz__results__progress {
        max-width: 600px
    }

    .quiz__results:after {
        width: 222px
    }

    .quiz__results__header {
        font-size: 28px;
        line-height: 35px;
        padding-left: 13px
    }

    .quiz__results__header:before {
        height: 20px
    }

    .quiz__results__sub-header {
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px
    }

    .quiz__results__form-inner {
        margin-top: 27px
    }

    .quiz__results__image-wrapper {
        max-width: 370px;
        right: -30px
    }

    .quiz__results__form {
        flex-basis: calc(100% - 360px);
        margin-top: 53px
    }

    .quiz__results__form .form__policy {
        margin-top: 14px
    }

    .quiz__results__gift {
        display: block;
        max-width: 308px;
        padding-left: 91px;
        margin-top: 22px
    }

    .quiz__results__gift>i {
        max-width: 87px;
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .quiz {
        padding-top:36px;
        padding-bottom: 51px
    }

    .quiz .block-label_large {
        display: none
    }

    .quiz__form {
        min-height: 440px;
        overflow: hidden
    }

    .quiz__grid {
        padding-right: 0
    }

    .quiz__grid>:nth-child(2) {
        max-width: 100%;
        flex-basis: 100%
    }

    .quiz__form__pre-title {
        font-size: 16px;
        line-height: 20px;
        margin-left: -3px;
        padding: 1px 6px
    }

    .quiz__form-wrapper .h2 {
        font-size: 22px;
        line-height: 28px
    }

    .quiz__form-wrapper .h2 span {
        white-space: nowrap
    }

    .quiz__form__subtitle {
        margin-top: 8px;
        padding-left: 18px
    }

    .quiz__form__progress {
        margin-top: 4px
    }

    .quiz__page__title {
        font-size: 18px;
        line-height: 23px
    }

    .quiz__radio_images>* {
        flex-basis: 50%;
        max-width: 190px
    }

    .quiz__radio_images .radio__item .text {
        padding-left: 36px
    }

    .quiz__page__content {
        margin-top: 0
    }

    .quiz__pages__navigation {
        margin-top: 19px
    }

    .quiz__pages__navigation .btn_back {
        margin-right: 10px
    }

    .quiz__pages__navigation .btn_forward {
        max-width: 152px
    }

    .quiz__page_4 .quiz__radio_text_column>*,.quiz__page_4 .quiz__radio_text_column>:nth-child(2n) {
        flex-basis: 100%
    }

    .quiz__page_4 .quiz__radio_text .radio__item .text {
        height: 32px
    }

    .quiz__pages__gift {
        display: none
    }

    .quiz__pages__gift_mobile {
        display: block;
        margin-top: 30px;
        padding: 8px 14px 9px 65px
    }

    .quiz__pages__gift_mobile>i {
        max-width: 58px
    }

    .quiz__pages__gift_adaptive {
        display: none
    }

    .quiz__results__count {
        padding: 0 23px
    }

    .quiz__results__text {
        font-size: 18px;
        line-height: 23px
    }

    .quiz__results__progress {
        height: 15px;
        margin-top: 16px
    }

    .quiz__results__value {
        font-size: 20px;
        line-height: 25px;
        margin-top: 16px
    }

    .quiz__results:after {
        content: none
    }

    .quiz__results__form {
        padding: 0 23px;
        flex-basis: 100%;
        margin-top: 32px
    }

    .quiz__results__form .quiz__results__gift {
        display: block;
        text-align: left;
        padding: 8px 10px 9px 65px;
        margin-top: 34px
    }

    .quiz__results__form .quiz__results__gift>i {
        max-width: 58px;
        top: auto;
        left: 0;
        bottom: 0;
        margin-left: 0
    }

    .quiz__results__header {
        font-size: 24px;
        line-height: 30px;
        padding-left: 0
    }

    .quiz__results__header:before {
        display: none
    }

    .quiz__results__sub-header {
        font-size: 12px;
        line-height: 20px
    }

    .quiz__results__form-inner {
        margin-top: 12px
    }

    .quiz__results__form-inner .form__policy {
        padding-left: 0;
        text-align: center
    }

    .quiz__results__image-wrapper {
        display: none
    }
}

.employees {
    background-image: url(../images/a2f650df7b3bd661101a3f2f6502fb24.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-top: 103px;
    padding-bottom: 110px
}

.employees,.employees__inner {
    position: relative
}

.employees__header {
    border-left: 5px solid #00abe1;
    padding-left: 15px
}

.employees__header .h2 {
    border-left: none;
    padding-left: 0
}

.employees__slider-wrapper {
    position: relative;
    padding-left: 143px;
    padding-right: 145px;
    margin-top: 49px
}

.employees__slider .slick-list {
    margin-left: -16px;
    margin-right: -16px
}

.employees__slider .slick-slide {
    margin-left: 16px;
    margin-right: 16px
}

.employee {
    background: #fff;
    border-radius: 5px;
    padding: 30px 0
}

.employee,.employee__photo,.employee__photo-wrapper {
    position: relative
}

.employee__photo {
    max-width: 251px;
    border-radius: 50%;
    background-color: #f3f8f9;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.employee__photo:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 100%
}

.employee__photo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.employee__video {
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 5px;
    background-color: #d0e3ee;
    min-height: 76px;
    width: 100%;
    max-width: 300px;
    padding-left: 88px;
    position: absolute;
    left: -10px;
    bottom: -10px
}

.employee__video .btn_play {
    position: absolute;
    width: 56px;
    height: 56px;
    left: 18px;
    top: 50%;
    margin-top: -28px
}

.employee__video .btn_play>span>i {
    background-position: center left 22px;
    background-size: 15px 20px
}

.employee__video>div {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    color: #7f8f98
}

.employee__video>div b {
    display: inline-block;
    color: #333;
    margin-bottom: 6px
}

.employee__about,.employee__video>div b {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal
}

.employee__about {
    flex-wrap: nowrap;
    padding-left: 13px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 21px;
    justify-content: center;
}

.employee__about>* {
    flex: 0 1 auto;
    border-radius: 5px;
    margin-right: 5px;
    padding: 5px 0
}

.employee__about>:last-child {
    margin-right: 0
}

.employee__about .experience {
    background: #784dba;
    color: #fff;
    padding-left: 10px;
    padding-right: 11px
}

.employee__about .feature {
    color: #333;
    background-color: #d0e3ee;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    position: relative;
}
.employee__about .feature span.hide{
    display: none;
   position: absolute;
    width: 313px;
    height: auto;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    left: calc(50% - 161px);
    top: -100px;

}
.employee__about .feature:hover span.hide{
    display: block;
}
.employee__about .feature>span {
    color: #784dba
}

.employee__content {
    padding-left: 23px;
    padding-right: 23px;
    margin-top: 16px
}

.employee__fio {
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    color: #333
}

.employee__fio,.employee__profession {
    font-family: Geometria,sans-serif;
    text-align: center
}

.employee__profession {
    font-weight: 400;
    font-style: italic;
    color: #7f8f98;
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px
}

.employee__certificates {
    justify-content: flex-start;
    margin-top: 16px
}

.employee__certificates>* {
    margin-left: -10px;
    box-shadow: 4px 4px 8px 0 rgba(34,60,80,.2)
}

.employee__certificates>:first-child {
    margin-left: 0
}

@media screen and (max-width: 1349px) {
    .employees {
        padding-top:57px;
        padding-bottom: 40px
    }

    .employees .h2 {
        max-width: 630px;
        margin-bottom: 14px
    }

    .employees__slider-wrapper {
        padding-left: 140px;
        padding-right: 140px;
        margin-top: 33px
    }

    .employees__slider-wrapper .slick-arrow {
        margin-top: -55px
    }

    .employees__slider {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 1023px) {
    .employees {
        padding-top:44px;
        padding-bottom: 49px
    }

    .employees .h2 {
        margin-bottom: 0
    }

    .employees .h2 br {
        display: none
    }

    .employees__slider-wrapper {
        padding-left: 42px;
        padding-right: 42px;
        margin-top: 21px;
        padding-bottom: 83px
    }

    .employees__slider-wrapper .slider__arrows {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .employees__slider-wrapper .slider__arrows>* {
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 0
    }

    .employees__slider .slick-list {
        margin-left: -10px;
        margin-right: -10px
    }

    .employees__slider .slick-slide {
        margin-left: 10px;
        margin-right: 10px
    }

    .employee {
        padding: 20px 0 25px
    }

    .employee__photo {
        max-width: 202px
    }

    .employee__content {
        margin-top: 9px
    }

    .employee__fio {
        font-size: 16px;
        line-height: 20px
    }

    .employee__profession {
        margin-top: 4px
    }

    .employee__certificates {
        margin-top: 14px
    }
}

@media screen and (max-width: 767px) {
    .employees {
        padding-top:37px;
        padding-bottom: 40px;
        z-index: 1
    }

    .employees:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 174px;
        background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff);
        z-index: -1
    }

    .employees .h2 {
        font-size: 21px;
        line-height: 26px
    }

    .employees .header__text {
        margin-top: 9px
    }

    .employees__header {
        border-left: none;
        padding-left: 0
    }

    .employees__slider-wrapper {
        padding-left: 0;
        padding-right: 0;
        margin-top: 34px;
        padding-bottom: 65px
    }

    .employee {
        padding: 20px 0
    }

    .employee__photo {
        max-width: 186px
    }

    .employee__about {
        justify-content: center;
        font-size: 12px;
        margin-top: 11px
    }

    .employee__about>* {
        margin-right: 10px
    }

    .employee__about>:last-child {
        margin-right: 0
    }

    .employee__about .feature {
        padding-left: 11px;
        padding-right: 11px
    }

    .employee__content {
        margin-top: 7px
    }

    .employee__fio {
        font-size: 14px;
        line-height: 20px
    }

    .employee__profession {
        margin-left: auto;
        margin-right: auto;
        max-width: 270px;
        font-size: 12px;
        line-height: 16px;
        margin-top: 2px
    }

    .employee__certificates {
        margin-top: 8px
    }

    .page_success .employees .h2 {
        font-size: 23px;
        line-height: 30px
    }

    .page_success .employees .header__text_small {
        display: block;
        font-size: 18px
    }

    .page_success .employees__slider-wrapper {
        margin-top: 21px
    }
}

.feedback {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px
}

.feedback .h2 {
    max-width: 740px
}

.feedback .block-label_medium {
    width: 212px;
    font-size: 76px;
    line-height: 69px
}

.feedback__grid {
    align-items: center;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.feedback__grid>* {
    flex: 0 1 calc(100% - 520px);
    padding-left: 15px;
    padding-right: 15px
}

.feedback__grid>:first-child {
    display: flex
}

.feedback__grid>:nth-child(2) {
    flex-basis: 520px
}

.feedback__text {
    padding-left: 55px;
    position: relative;
    font-size: 18px;
    line-height: 26px;
    margin-top: 38px
}

.feedback__text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 31px;
    height: 21px;
    background-image: url(../fonts/4e5d91f8a844b539db823e7477919bea.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.feedback__employee {
    margin-left: 0;
    padding-right: 15px
}

.feedback__employee .get-price__employee__content {
    margin-top: 10px
}

.feedback__employee .get-price__employee__profession {
    color: #7f8f98
}

.feedback__employee .get-price__employee__experience {
    background: #784dba
}

@media screen and (max-width: 1349px) {
    .feedback {
        padding-top:54px;
        padding-bottom: 52px
    }

    .feedback .block-label {
        display: none
    }

    .feedback:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 47px;
        height: 100%;
        background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff)
    }

    .feedback__grid>* {
        flex-basis: calc(100% - 463px)
    }

    .feedback__grid>:nth-child(2) {
        flex-basis: 463px
    }

    .feedback__text {
        font-size: 16px;
        line-height: 24px;
        padding-left: 50px;
        margin-top: 22px;
        padding-right: 40px
    }

    .feedback__employee .get-price__employee__content {
        margin-top: 0;
        margin-bottom: -6px
    }

    .feedback__employee .get-price__employee__experience {
        margin-top: 26px
    }
}

@media screen and (max-width: 1023px) {
    .feedback {
        padding-top:37px;
        padding-bottom: 39px
    }

    .feedback:after {
        width: 21px
    }

    .feedback .h2 {
        padding-right: 15px
    }

    .feedback__grid {
        margin-left: -10px;
        margin-right: -10px
    }

    .feedback__grid>* {
        flex-basis: calc(100% - 368px);
        padding-left: 10px;
        padding-right: 10px
    }

    .feedback__grid>:nth-child(2) {
        flex-basis: 368px
    }

    .feedback__employee {
        padding-right: 0
    }

    .feedback__employee .get-price__employee__content {
        margin-bottom: 0
    }

    .feedback__employee .get-price__employee__experience,.feedback__employee .get-price__employee__profession {
        margin-top: 5px
    }

    .feedback__text {
        font-size: 14px;
        line-height: 22px;
        padding-left: 30px;
        margin-top: 20px
    }

    .feedback__text:before {
        width: 17px;
        height: 12px;
        top: 4px
    }
}

@media screen and (max-width: 767px) {
    .feedback {
        padding-top:35px;
        padding-bottom: 32px
    }

    .feedback .h2 {
        padding-right: 0
    }

    .feedback:after {
        content: none
    }

    .feedback__grid>* {
        flex-basis: 100%
    }

    .feedback__text {
        padding-right: 0;
        padding-left: 25px
    }

    .feedback__employee {
        margin-top: 25px
    }

    .feedback__employee .get-price__employee__content {
        margin-bottom: 10px;
        flex-basis: calc(100% - 150px)
    }
}

.affiliates {
    margin-top: 94px
}

.affiliates__grid {
    align-items: center;
    margin-left: -15px;
    margin-right: -15px
}

.affiliates__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 11px
}

.affiliates_map {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px;
    margin-left: -30px;
    background: #fff;
    box-shadow: 0 18px 30px rgba(0,0,0,.1);
    border-radius: 10px
}

.affiliates_map:after {
    content: "";
    min-height: inherit;
    font-size: 0
}

.affiliates__list {
    padding-right: 30px
}

.affiliate {
    position: relative;
    padding-left: 27px;
    color: #6b6b6b;
    margin-top: 31px
}

.affiliate:first-child {
    margin-top: 0
}

.affiliate>* {
    font-size: 16px;
    line-height: 22px
}

.affiliate>:first-child {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
    color: #333
}

.affiliate:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.affiliate.red:before {
    background-color: #e94e3b
}

.affiliate.blue:before {
    background-color: #467fc4
}

.affiliate.violet:before {
    background-color: #8962ac
}

.affiliate.brown:before {
    background-color: #8b5544
}

.affiliate.yellow:before {
    background-color: #fec734
}

@media screen and (max-width: 1349px) {
    .affiliates {
        margin-top:47px
    }

    .affiliates__grid {
        margin-top: -10px
    }

    .affiliates__grid>* {
        margin-top: 0
    }

    .affiliate {
        padding-left: 22px;
        margin-top: 19px
    }

    .affiliate>* {
        font-size: 14px;
        line-height: 22px
    }

    .affiliate>:first-child {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .affiliates_map {
        padding: 14px 49px
    }
}

@media screen and (max-width: 1023px) {
    .affiliates {
        margin-top:52px
    }

    .affiliates__grid {
        margin-top: 20px
    }

    .affiliates__grid>* {
        flex-basis: 41.66%
    }

    .affiliates__grid>:nth-child(2) {
        flex-basis: 58.33%
    }

    .affiliates_map {
        padding: 0 0 0 30px;
        margin-left: 0;
        box-shadow: none
    }

    .affiliates__list {
        padding-right: 0;
        margin-top: 5px
    }

    .affiliate {
        margin-top: 14px
    }

    .affiliate:before {
        top: 3px
    }
}

@media screen and (max-width: 767px) {
    .affiliates {
        margin-top:36px
    }

    .affiliates__grid>*,.affiliates__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .affiliates__list {
        margin-top: 0
    }

    .affiliate {
        margin-top: 8px
    }

    .affiliate>* {
        font-size: 12px;
        line-height: 22px
    }

    .affiliate>:first-child {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: -3px
    }

    .affiliates_map {
        padding-left: 0;
        margin-top: 13px;
        background-color: transparent
    }
}

.consultation {
    margin-top: 78px;
    margin-bottom: 87px
}

.consultation .h2__wrap {
    padding-left: 30px
}

.consultation .h2__wrap .h2 {
    display: inline-block;
    padding: 5px;
    background: #fff;
    color: #3ea73f;
    border-radius: 5px;
    line-height: normal
}

.consultation .h2__wrap .h2:before {
    content: none
}

.bg-block .consultation {
    margin-bottom: 67px
}

.consultation__grid-wrapper {
    position: relative;
    background-color: #784dba;
    background: linear-gradient(160deg,#3ea73f,#3ea73f 32.29%,#fff);
    color: #333;
    border-radius: 10px;
    box-shadow: 0 17.6126px 29.3544px rgba(0,0,0,.1)
}

.consultation__grid {
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-left: -15px;
    margin-right: -15px
}

.consultation__grid>* {
    max-width: 60%;
    padding-left: 15px;
    padding-right: 15px
}

.consultation__grid>:nth-child(2) {
    min-width: 549px;
    padding-right: 146px
}

.consultation__content {
    padding: 66px 0 73px
}

.consultation__content .h2 {
    margin-bottom: 10px
}

.consultation__text {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    padding-left: 30px
}

.consultation__text>span {
    color: #10323d
}

.consultation__prices {
    max-width: 410px;
    margin-top: 23px;
    min-width: unset;
    background: none;
    flex-direction: column;
    padding: 0
}

.consultation__prices>* {
    flex-basis: 100%;
    padding-right: 0;
    padding-top: 20px;
    width: 400px
}

.consultation__prices>:first-child {
    padding-top: 0
}

.consultation__prices .fs__price {
    min-height: 95px
}

.consultation__prices .fs__price__price {
    margin-top: 7px;
    padding-right: 50px
}

.consultation__prices .fs__price__value {
    margin-right: 17px
}

.consultation__prices .fs__price__value>div {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: -3px
}

.consultation__form {
    background-color: #d0e3ee;
    border-radius: 10px;
    height: calc(100% + 54px);
    max-width: 403px;
    margin-top: -27px;
    padding: 44px 40px 14px
}

.consultation__form .form__title {
    text-align: center;
    line-height: 38px
}

.consultation__form .form__text {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    margin-top: 18px;
    margin-bottom: 32px
}

.consultation__form .form__text .phone {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 35px;
    color: #333;
    display: inline-block;
    margin-top: 17px;
    margin-bottom: 12px;
    white-space: nowrap
}

.consultation__form .form__text .phone>span {
    color: #784dba
}

.consultation__form .form__group-wrapper {
    max-width: 302px;
    margin-left: auto;
    margin-right: auto
}

.consultation__form .form__policy {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto
}

.consultation__prices-stock {
    display: flex;
    margin-top: 52px;
    justify-content: space-between;
    padding-left: 15px
}

.consultation__prices-stock .consultation__prices-new__item {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: #fff;
    padding: 25px 25px 24px 0;
    font-size: 18px;
    font-weight: 700;
    min-width: 350px;
    margin-right: 15px;
    position: relative
}

.consultation__prices-stock .consultation__prices-new__item:last-child {
    margin-right: 0
}

.consultation__prices-stock .consultation__prices-new__item:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/3234eb03333e096beeb5b2c83c3f9248.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    width: 61px;
    height: 51px
}

.consultation__prices-stock .consultation__prices-new__item .new__item_content .state {
    color: #784dba;
    font-weight: 700;
    font-size: 18px;
    font-style: normal;
    margin-bottom: 6px
}

.consultation__prices-stock .consultation__prices-new__item .text-sub {
    font-size: 17px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    /* white-space:nowrap; */
}

.consultation__prices-stock .consultation__prices-new__item .text-sub span {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 10px;
    color: #7f8f98
}

.consultation__prices-stock .consultation__prices-new__item .price {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #784dba;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin-right: 17px
}

.consultation__prices-stock .consultation__prices-new__item .state {
    font-size: 12px;
    line-height: 20px;
    font-style: italic;
    font-weight: 400
}

.consultation__prices-stock .consultation__prices-new__item .pic {
    margin-bottom: -22px;
    margin-right: 16px;
    max-width: 145px
}

@media screen and (max-width: 1349px) {
    .consultation {
        margin-top:41px
    }

    .bg-block .consultation {
        margin-bottom: 0
    }

    .consultation__grid-wrapper {
        box-shadow: none
    }

    .consultation__grid>* {
        min-width: 50%
    }

    .consultation__grid>:nth-child(2) {
        width: 40%;
        min-width: 413px;
        padding-right: 25px
    }

    .consultation__content {
        padding: 50px 30px 50px 50px
    }

    .consultation__text {
        font-size: 20px;
        line-height: 25px;
        max-width: 382px
    }

    .consultation__prices {
        margin-top: 12px
    }

    .consultation__prices>* {
        padding-top: 10px;
        max-width: 100%
    }

    .consultation__form {
        height: calc(100% + 40px)
    }

    .consultation__form .form__title {
        font-size: 30px
    }

    .consultation__form .form__text {
        margin: 17px auto 15px;
        max-width: 205px
    }

    .consultation__form .form__text .phone {
        font-size: 22px;
        line-height: 28px;
        margin-top: 6px;
        margin-bottom: 9px
    }

    .consultation__form .form__group-wrapper {
        max-width: 320px;
        margin-left: 0;
        margin-right: auto
    }

    .consultation__form .btn {
        max-width: 100%
    }

    .consultation__prices-stock {
        width: 100%;
        margin-top: 30px;
        flex-direction: column;
        padding-left: 0
    }

    .consultation__prices-stock .consultation__prices-new__item {
        font-size: 18px;
        min-width: 100%;
        margin-bottom: 20px
    }

    .consultation__prices-stock .consultation__prices-new__item .state {
        font-size: 12px;
        line-height: 20px
    }

    .consultation__prices-stock .consultation__prices-new__item span br {
        display: none
    }

    .consultation__prices-stock .consultation__prices-new__item:before {
        width: 60px;
        left: 0;
        top: 0
    }
}

@media screen and (max-width: 1023px) {
    .page_success .consultation {
        margin-bottom:26px
    }

    .consultation__grid {
        margin-left: 0;
        margin-right: 0;
        justify-content: space-between;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .consultation__grid>* {
        padding-left: 0;
        padding-right: 0
    }

    .consultation__grid>:nth-child(2) {
        max-width: 360px;
        min-width: unset;
        padding-right: 10px
    }

    .consultation__content {
        padding: 0 30px 0 32px
    }

    .consultation__prices {
        margin-top: 23px
    }

    .consultation__prices .fs__price {
        min-height: 108px;
        padding-top: 16px
    }

    .consultation__prices .fs__price__price {
        padding-right: 0
    }

    .consultation__prices .fs__price__value {
        margin-right: 12px
    }

    .consultation__prices .fs__price__value>div {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: -1px
    }

    .consultation__prices .fs__price__text {
        max-width: 100%
    }

    .consultation__prices .fs__price_second {
        padding-top: 10px
    }

    .consultation__form {
        padding-right: 35px;
        height: 100%;
        margin-top: 0
    }

    .consultation__form .form__text {
        margin-bottom: 23px
    }

    .consultation__form .form__text .phone {
        font-size: 24px;
        line-height: 30px;
        margin-top: 12px;
        margin-bottom: 11px
    }

    .consultation__form .form__text br:last-child {
        display: none
    }

    .consultation__form .form__policy {
        text-align: center;
        padding-left: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 13px
    }

    .consultation__prices-stock .consultation__prices-new__item span br {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .consultation {
        margin-top:20px;
        margin-bottom: 30px
    }

    .consultation .h2__wrap {
        padding-left: 0
    }

    .consultation .row {
        padding: 0
    }

    .page_success .consultation {
        margin-bottom: 0
    }

    .consultation__grid-wrapper {
        border-radius: 0;
        background: none
    }

    .consultation__grid {
        padding: 0;
        flex-direction: column
    }

    .consultation__grid>* {
        max-width: 100%;
        min-width: 100%
    }

    .consultation__grid>:first-child {
        background-color: #784dba;
        background: linear-gradient(160deg,#3ea73f,#3ea73f 32.29%,#fff)
    }

    .consultation__grid>:nth-child(2) {
        max-width: 100%;
        min-width: 100%;
        padding-right: 0
    }

    .consultation__content {
        padding: 30px 16px 50px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .consultation__content .h2 {
        font-size: 20px;
        line-height: 25px;
        text-align: center
    }

    .consultation__text {
        font-size: 18px;
        line-height: 23px;
        margin-top: 1px;
        max-width: 610px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0
    }

    .consultation__prices-stock {
        flex-direction: column;
        padding-left: 0
    }

    .consultation__prices-stock .consultation__prices-new__item {
        padding: 5px 5px 5px 0;
        min-width: 100%;
        margin-bottom: 20px
    }

    .consultation__prices {
        max-width: unset
    }

    .consultation__form,.consultation__prices>* {
        margin-left: auto;
        margin-right: auto
    }

    .consultation__form {
        margin-top: -25px
    }

    .consultation__form .form__text {
        margin-bottom: 27px
    }

    .consultation__form .form__text .phone {
        font-size: 22px;
        line-height: 28px;
        margin-top: 10px;
        margin-bottom: 8px
    }

    .consultation_rounded {
        border-radius: 5px;
        margin-left: 5px;
        margin-right: 5px
    }

    .consultation_rounded .row {
        padding: 0 11px
    }

    .consultation__prices-stock .consultation__prices-new__item span br {
        display: none
    }
}

@media screen and (max-width: 479px) {
    .consultation {
        margin-bottom:0
    }

    .consultation__grid>:nth-child(2) {
        background-color: #d0e3ee
    }

    .consultation__content {
        padding-bottom: 25px
    }

    .consultation__content .h2 {
        text-align: left
    }

    .consultation__form {
        max-width: 100%;
        border-radius: 0;
        margin-top: 0;
        padding: 25px 16px;
        background: none
    }

    .consultation__form .form__group-wrapper {
        margin-left: auto
    }

    .consultation__prices-stock .consultation__prices-new__item {
        font-size: 18px
    }

    .consultation__prices-stock .consultation__prices-new__item span br {
        display: block
    }

    .consultation__prices-stock .consultation__prices-new__item:before {
        left: 18px;
        top: 18px
    }

    .consultation__prices-stock .consultation__prices-new__item .price {
        font-size: 20px;
        margin-right: 10px
    }
}

@media screen and (max-width: 400px) {
    .consultation__prices-stock .consultation__prices-new__item .text-sub {
        white-space:normal
    }
}

.map-wrapper {
    margin-top: 87px;
    margin-bottom: 100px
}

.map__container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.map {
    position: relative;
    max-width: 820px;
    width: 100%;
    height: 390px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 30px
}

.map__content .list {
    margin-right: 30px
}

.map-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.map-loader svg {
    animation: rotate_loader 2s linear infinite;
    height: 150px;
    width: 150px;
    margin: auto;
    position: relative;
    stroke: #30b568;
    transform-origin: center center
}

.map-loader svg circle {
    animation: dash_loader 1.5s ease-in-out infinite;
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    background: #fff;
    color: #fff
}

@keyframes rotate_loader {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash_loader {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124
    }
}

@media screen and (max-width: 1349px) {
    .map-wrapper {
        margin-top:80px;
        margin-bottom: 50px
    }

    .map {
        height: 360px
    }
}

@media screen and (max-width: 1023px) {
    .map-wrapper {
        margin-top:45px;
        margin-bottom: 50px
    }

    .map__container {
        flex-wrap: wrap
    }

    .map {
        height: 280px
    }
}

@media screen and (max-width: 1023px) {
    .map-wrapper {
        margin-top:40px;
        margin-bottom: 40px
    }
}

.get-price {
    margin-top: 95px;
    margin-bottom: 96px
}

.get-price__grid {
    align-items: center;
    margin-left: -15px;
    margin-right: -15px
}

.get-price__grid>* {
    flex: 0 1 33.33%;
    padding-left: 15px;
    padding-right: 15px
}

.get-price__grid>:nth-child(2) {
    flex-basis: 25%
}

.get-price__grid>:nth-child(3) {
    flex-basis: 41.66%
}

.get-price__info {
    position: relative;
    padding-left: 107px;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    max-width: 340px;
    margin-top: 17px
}

.get-price__info>i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.get-price__form {
    margin-left: -40px;
    max-width: 330px
}

.get-price__form .form__group_button {
    margin-top: 10px
}

.get-price__form .form__policy {
    margin-top: 15px
}

.get-price__form .input {
    padding-left: 30px;
    font-size: 18px
}

.get-price__employee {
    align-items: center;
    margin-left: 31px
}

.get-price__employee__photo {
    position: relative;
    max-width: 227px;
    width: 100%;
    background-color: #f3f8f9;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px
}

.get-price__employee__photo:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 100%
}

.get-price__employee__photo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.get-price__employee__content {
    flex: 0 1 calc(100% - 257px)
}

.get-price__employee__fio {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 20px
}

.get-price__employee__profession {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
    margin-top: 16px;
    color: #7f8f98
}

.get-price__employee__experience {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    background-color: #784dba;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    border-radius: 5px;
    padding: 4px 13px 5px 14px;
    margin-top: 25px
}

@media screen and (max-width: 1349px) {
    .get-price {
        margin-top:59px;
        margin-bottom: 57px
    }

    .get-price__grid {
        padding-right: 425px;
        position: relative;
        margin-left: 0;
        margin-right: 0
    }

    .get-price__grid>* {
        padding-left: 0;
        padding-right: 0;
        flex-basis: 100%
    }

    .get-price__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .get-price__grid>:nth-child(3) {
        position: absolute;
        max-width: 412px;
        right: 9px;
        flex-basis: 100%;
        width: 100%
    }

    .get-price__employee {
        margin-left: 0
    }

    .get-price__employee__photo {
        max-width: 193px;
        margin-right: 18px
    }

    .get-price__employee__content {
        flex-basis: calc(100% - 211px)
    }

    .get-price__employee__profession {
        margin-top: 15px
    }

    .get-price__employee__experience {
        margin-top: 16px
    }

    .get-price__info {
        max-width: 485px;
        margin-top: 23px;
        padding-left: 109px
    }

    .get-price__form {
        margin-left: 0;
        max-width: 450px;
        margin-top: 29px
    }

    .get-price__form .form__group_button {
        margin-top: 0
    }

    .get-price__form .form__policy {
        max-width: 100%;
        margin-top: 17px
    }

    .get-price__form .input {
        padding-left: 19px
    }

    .get-price__form .form__group-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px
    }

    .get-price__form .form__group-wrapper>* {
        flex-basis: 240px;
        padding-left: 5px;
        padding-right: 5px
    }

    .get-price__form .form__group-wrapper>:first-child {
        flex-basis: calc(100% - 240px)
    }

    .get-price__form .form__group-wrapper .form__policy {
        flex-basis: 100%
    }
}

@media screen and (max-width: 1023px) {
    .get-price {
        margin-top:44px;
        margin-bottom: 46px
    }

    .get-price .h2 {
        margin-right: -100px;
        min-height: 70px
    }

    .get-price__grid {
        padding-right: 390px
    }

    .get-price__grid>:first-child,.get-price__grid>:nth-child(2) {
        max-width: 100%
    }

    .get-price__grid>:nth-child(3) {
        max-width: 348px;
        right: 0
    }

    .get-price__info {
        font-size: 14px;
        line-height: 22px;
        padding-left: 80px;
        margin-top: 17px;
        max-width: 360px
    }

    .get-price__info>i {
        max-width: 69px
    }

    .get-price__form {
        padding-right: 0;
        margin-top: 25px;
        max-width: 100%
    }

    .get-price__form .input {
        font-size: 12px
    }

    .get-price__form .input::-webkit-input-placeholder {
        font-size: 12px
    }

    .get-price__form .input:-ms-input-placeholder {
        font-size: 12px
    }

    .get-price__form .input::placeholder {
        font-size: 12px
    }

    .get-price__form .form__group-wrapper>*,.get-price__form .form__group-wrapper>:first-child {
        flex-basis: 50%;
        max-width: 50%
    }

    .get-price__form .form__group-wrapper .form__policy {
        text-align: center;
        margin-top: 10px;
        max-width: 100%
    }

    .get-price__employee__photo {
        max-width: 165px;
        margin-right: 23px
    }

    .get-price__employee__content {
        flex-basis: calc(100% - 188px);
        margin-top: 10px
    }

    .get-price__employee__fio {
        font-size: 16px;
        line-height: 20px
    }

    .get-price__employee__profession {
        margin-top: 8px
    }

    .get-price__employee__experience {
        margin-top: 11px
    }
}

@media screen and (max-width: 767px) {
    .get-price {
        margin-top:36px
    }

    .get-price .h2 {
        margin-right: 0;
        min-height: unset;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .get-price .h2 nobr {
        white-space: normal
    }

    .get-price__grid {
        padding-right: 0
    }

    .get-price__grid>:nth-child(2) {
        max-width: 50%
    }

    .get-price__grid>:nth-child(3) {
        position: relative;
        bottom: 0;
        max-width: 50%
    }

    .get-price__info {
        padding-left: 89px;
        margin-top: 0;
        min-height: 70px;
        max-width: 100%
    }

    .get-price__form {
        padding-right: 0;
        max-width: 265px;
        margin-top: 23px
    }

    .get-price__form .form__group-wrapper {
        margin-left: 0;
        margin-right: 0
    }

    .get-price__form .form__group-wrapper>* {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .get-price__form .form__group-wrapper>:first-child {
        flex-basis: 100%;
        max-width: 100%
    }

    .get-price__form .form__group_button {
        margin-top: 10px
    }

    .get-price__form .form__policy {
        display: none
    }

    .get-price__form .btn {
        max-width: 100%
    }

    .get-price__employee {
        margin-top: 30px
    }

    .get-price__employee__photo {
        max-width: 129px;
        margin-right: 19px
    }

    .get-price__employee__content {
        margin-top: 0
    }

    .get-price__employee__fio {
        font-size: 14px;
        line-height: 20px
    }

    .get-price__employee__profession {
        line-height: 18px;
        margin-top: 1px
    }

    .get-price__employee__experience {
        font-size: 12px;
        min-width: 110px;
        text-align: center;
        margin-top: 5px
    }
}

@media screen and (max-width: 575px) {
    .get-price__grid>:nth-child(2),.get-price__grid>:nth-child(3) {
        max-width:100%
    }

    .get-price__form {
        margin-left: auto;
        margin-right: auto
    }
}

.text-block {
    margin-top: 100px;
    margin-bottom: 99px
}

.text-block__grid {
    margin-left: -15px;
    margin-right: -15px
}

.text-block__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px
}

.text-block__grid_reverse {
    flex-direction: row-reverse
}

.text-block__grid_reverse .text-block__content {
    padding-left: 60px;
    margin-top: 15px
}

.text-block__grid_reverse .text-block__text {
    margin-top: 20px
}

.text-block__content,.text-block__text {
    margin-top: 40px
}

.text-block__image {
    position: relative;
    max-width: 630px;
    border-radius: 10px;
    overflow: hidden
}

.text-block__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 71.42857%
}

.text-block__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.text-block_center .text-block__grid {
    align-items: center
}

.text-block_center .text-block__content {
    margin-top: 0
}

.text-block_center .text-block__text {
    margin-top: 34px
}

.text-block_image-tall .text-block__content {
    margin-top: 10px
}

.text-block_image-tall .text-block__text {
    margin-top: 32px;
    max-width: 630px
}

.text-block_image-tall .text-block__image {
    position: relative;
    max-width: 519px
}

.text-block_image-tall .text-block__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 100.57803%
}

.text-block_image-tall .text-block__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.text-block_image-tall .text-block__grid>* {
    flex-basis: 58.33%
}

.text-block_image-tall .text-block__grid>:nth-child(2) {
    flex-basis: 41.66%
}

@media screen and (max-width: 1349px) {
    .text-block {
        margin-top:100px;
        margin-bottom: 71px
    }

    .text-block__grid>* {
        flex-basis: 58.33%
    }

    .text-block__grid>:nth-child(2) {
        flex-basis: 41.66%
    }

    .text-block__text {
        margin-top: 26px
    }

    .text-block__text .list>li {
        margin-top: 17px
    }

    .text-block__text .list>li:first-child {
        margin-top: 0
    }

    .text-block__image {
        margin-left: -30px;
        margin-top: 6px
    }

    .text-block__grid_reverse .text-block__image {
        margin-left: 0;
        margin-right: -30px
    }

    .text-block__grid_reverse .text-block__content {
        padding-left: 51px
    }

    .text-block__grid_reverse .text-block__text {
        margin-top: 28px
    }

    .text-block_second {
        margin-top: 51px;
        margin-bottom: 64px
    }

    .text-block_second .text-block__image {
        margin-top: 63px
    }

    .text-block_center {
        margin-top: 61px
    }

    .text-block_center .text-block__content {
        padding-right: 0
    }

    .text-block_image-tall {
        margin-top: 56px
    }

    .text-block_image-tall .text-block__grid {
        align-items: center
    }

    .text-block_image-tall .text-block__content {
        margin-top: 0;
        padding-right: 50px
    }
}

@media screen and (max-width: 1023px) {
    .text-block {
        margin-top:76px;
        margin-bottom: 41px
    }

    .text-block .h2 {
        margin-bottom: 8px
    }

    .text-block__grid {
        align-items: center
    }

    .text-block__content {
        padding-right: 30px
    }

    .text-block__text,.text-block__text .list>li {
        margin-top: 14px
    }

    .text-block__text .list>li:before {
        top: 5px
    }

    .text-block__text .list>li:first-child {
        margin-top: 0
    }

    .text-block__image {
        margin-top: -5px
    }

    .text-block__grid_reverse .text-block__content {
        padding-left: 33px;
        padding-right: 0
    }

    .text-block__grid_reverse .text-block__text {
        margin-top: 20px
    }

    .text-block_second {
        margin-top: 20px;
        margin-bottom: 30px
    }

    .text-block_second .text-block__image {
        margin-top: 13px
    }

    .text-block_center {
        margin-top: 42px
    }

    .text-block_image-tall {
        margin-top: 35px
    }

    .text-block_image-tall .text-block__content {
        padding-right: 30px
    }

    .text-block_image-tall .text-block__image {
        margin-left: 0
    }
}

@media screen and (max-width: 767px) {
    .text-block__grid>*,.text-block__grid>:nth-child(2) {
        flex-basis:100%
    }

    .text-block__image {
        margin-left: 0;
        margin-top: 24px
    }

    .text-block__content {
        padding-right: 0
    }

    .text-block__text {
        margin-top: 18px
    }

    .text-block__text .list>li {
        margin-top: 8px
    }

    .text-block__text .list>li:first-child {
        margin-top: 0
    }

    .text-block__grid_reverse .text-block__content {
        padding-left: 0
    }

    .text-block__grid_reverse .text-block__text {
        margin-top: 17px
    }

    .text-block__grid_reverse .text-block__text .list li {
        padding-left: 23px
    }

    .text-block__grid_reverse .text-block__image {
        margin-right: 0
    }

    .text-block_second {
        margin-bottom: 41px
    }

    .text-block_center,.text-block_second .text-block__image {
        margin-top: 32px
    }

    .text-block_image-tall {
        margin-top: 28px
    }

    .text-block_image-tall .text-block__grid>*,.text-block_image-tall .text-block__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .text-block_image-tall .text-block__content {
        padding-right: 0
    }

    .text-block_image-tall .text-block__text {
        margin-top: 16px
    }

    .text-block_image-tall .text-block__text .list>li {
        margin-top: 8px
    }
}

.doctor {
    padding-top: 85px;
    padding-bottom: 28px;
    background-image: url(../images/0cc5a175a1bf99e79f2a595cbe98d537.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.doctor .doctor__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start
}

.doctor .doctor__title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.doctor .doctor__title .doctor__block-header {
    max-width: 747px
}

.doctor .doctor__title .doctor__block-header .h2 {
    font-size: 37px;
    line-height: 48px
}

.doctor .doctor__title .doctor__block-header .header__text {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal
}

.doctor .doctor__card {
    position: relative;
    margin-right: 72px;
    margin-top: 110px;
}

.doctor .doctor__card:before {
    content: "";
    position: absolute;
    bottom: -56px;
    right: 0;
    height: 728px;
    width: 630px;
    background-image: url(../images/6477bc6a7eb2e019f3adaaf39ddb8392.png);
    background-repeat: no-repeat;
    background-position: 0 150%;
    background-size: contain
}

.doctor .doctor__card .doctor__card__info {
    position: relative;
    max-width: 473px
}

.doctor .doctor__card .doctor__card__info .certificates {
    position: absolute;
    top: -65px;
    left: 2px;
    width: 100%;
    justify-content: flex-end
}

.doctor .doctor__card .doctor__card__info .certificates img {
    max-width: 100%;
    height: auto;
    display: block
}

.doctor .doctor__card .doctor__card__info .certificates>* {
    margin-left: -10px;
    box-shadow: 4px 4px 8px 0 rgba(34,60,80,.2)
}

.doctor .doctor__card .doctor__card__info .certificates>:first-child {
    margin-left: 0
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 15px 25px rgba(0,0,0,.1);
    padding: 15px 15px 21px;
    position: relative
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile:after, {
    content: "";
    bottom: 17px;
    right: 11px;
    position: absolute;
    width: 71px;
    height: 59px;
    background-image: url(../images/27504b0f0b0e785e8439be91bbd58372.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    z-index: 0
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .text,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .text {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #784dba;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 20px
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .name,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .name {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #333;
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 8px
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .profession,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .profession {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #7f8f98;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 23px
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .experience,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .experience {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    color: #fff;
    background-color: #30b568;
    border-radius: 4px;
    padding: 4px 10px;
    display: inline-block
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile {
    display: none;
    flex-direction: column;
    flex-wrap: nowrap
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .content .content-first {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #784dba;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 14px
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .content .content-first span {
    font-family: Geometria,sans-serif;
    font-weight: 300;
    font-style: italic;
    color: #7f8f98;
    font-size: 12px;
    line-height: 16px
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .content .content-second {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    color: #333;
    font-size: 15px;
    line-height: 18px
}

.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .content .content-second span {
    font-size: 11px;
    line-height: 16px;
    padding: 4px 10px;
    flex-shrink: 0;
    color: #fff;
    background-color: #30b568;
    border-radius: 4px
}

.doctor .doctor__portfolio {
    width: calc(100% - 545px)
}

.doctor .doctor__portfolio .portfolio-title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #784dba;
    font-size: 25px;
    margin-bottom: 24px
}

.doctor .doctor__portfolio .portfolio-tip {
    font-family: Geometria,sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #969696;
    font-size: 15px;
    line-height: 18px;
    align-items: center;
    justify-content: flex-start;
    display: none
}

.doctor .doctor__portfolio .portfolio-tip:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url(../fonts/e2c38910c27a9181f3c69a78cc136637.svg);
    margin-left: 5px
}

.doctor .doctor__portfolio .portfolio-elements {
    margin-left: -30px;
    margin-right: -30px
}

.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item {
    height: 223px;
    align-items: flex-end;
    position: relative;
    margin: 0 26px 30px;
    display: block
}

.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item:not(:last-child) {
    margin-right: 53px
}

.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content {
    position: relative
}

.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 140px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 25px rgba(0,0,0,.1);
    z-index: 1
}

.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .zoom {
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -23px;
    bottom: 159px;
    width: 59px;
    z-index: 2
}

.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .img {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview {
    position: absolute;
    right: -23px;
    width: 59px;
    height: 47px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 2
}

.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview.preview-before {
    bottom: 106px
}

.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview.preview-after {
    bottom: 53px
}

@media screen and (max-width: 1260px) {
    .doctor {
        overflow:hidden;
        padding-bottom: 0
    }

    .doctor .doctor__title .doctor__block-header {
        max-width: calc(100% - 422px)
    }

    .doctor .doctor__title .doctor__block-header .h2 {
        font-size: 30px;
        line-height: 40px
    }

    .doctor .doctor__title .doctor__block-header .header__text {
        font-size: 24px
    }

    .doctor .doctor__card:before {
        width: 481px;
        height: 555px;
        bottom: -70px
    }

    .doctor .doctor__card .doctor__card__info {
        max-width: 350px
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .text,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .text {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 12px
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .name,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .name {
        font-size: 17px;
        line-height: 16px;
        margin-bottom: 6px
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .profession,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .profession {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 15px
    }

    .doctor .doctor__portfolio {
        width: calc(100% - 422px)
    }

    .doctor .doctor__portfolio .portfolio-title {
        font-size: 18px;
        line-height: 23px
    }
}

@media screen and (max-width: 1200px) {
    .doctor {
        padding-bottom: 21px;
    }

    .doctor .doctor__card {
        margin-top: 160px;
    }

    .doctor .doctor__card:before {
        bottom: -20px;
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item {
        height: auto
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content:before {
        height: 107px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .zoom {
        bottom: 146px;
        right: -19px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview {
        width: 54px;
        height: 43px;
        right: -19px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview.preview-before {
        bottom: 97px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview.preview-after {
        bottom: 49px
    }
}

@media screen and (max-width: 1060px) {
    .doctor .doctor__title .doctor__block-header {
        max-width:calc(100% - 335px)
    }

    .doctor .doctor__portfolio .portfolio-title {
        margin-left: -30px
    }

    .doctor .doctor__portfolio .portfolio-elements {
        margin-left: -50px;
        margin-right: -30px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .zoom {
        top: 0;
        bottom: auto
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview {
        bottom: auto
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview.preview-before {
        top: 32px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview.preview-after {
        top: 79px
    }
}

@media screen and (max-width: 1023px) {
    .doctor .doctor__title .doctor__block-header .header__text {
        line-height:30px
    }

    .doctor .doctor__portfolio .portfolio-elements {
        margin-right: -10px
    }
}

@media screen and (max-width: 950px) {
    .doctor .doctor__title .doctor__block-header {
        max-width:calc(100% - 286px)
    }

    .doctor .doctor__title .doctor__block-header .h2 {
        font-size: 23px;
        line-height: 29px
    }

    .doctor .doctor__title .doctor__block-header .header__text {
        font-size: 18px;
        line-height: 28px
    }

    .doctor .doctor__card {
        margin-right: 46px
    }

    .doctor .doctor__card .doctor__card__info {
        max-width: 271px
    }

    .doctor .doctor__card .doctor__card__info .certificates {
        top: -35px
    }

    .doctor .doctor__card .doctor__card__info .certificates img {
        width: 36.76px;
        height: 52.81px
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .text,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .text {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .name,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .name {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 5px
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .profession,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .profession {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 8px
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile .experience,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper .experience {
        font-size: 11px;
        line-height: 16px
    }

    .doctor .doctor__portfolio {
        width: calc(100% - 317px)
    }

    .doctor .doctor__portfolio .portfolio-title {
        margin-left: 0
    }

    .doctor .doctor__portfolio .portfolio-elements {
        margin-left: -20px
    }
}

@media screen and (max-width: 850px) {
    .doctor {
        padding-top:44px;
        padding-bottom: 10px
    }

    .doctor .doctor__title .doctor__block-header {
        max-width: calc(100% - 265px)
    }

    .doctor .doctor__card {
        margin-top: 50px
    }

    .doctor .doctor__card:before {
        width: 369px;
        height: 425px;
        bottom: -47px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item {
        margin: 0 20px 30px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content:before {
        height: 82px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview,.doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .zoom {
        width: 39px;
        height: 30px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview.preview-before {
        top: 32px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item-content .preview.preview-after {
        top: 66px
    }
}

@media screen and (max-width: 767px) {
    .doctor {
        background-color:#fff;
        background-image: none;
        padding-top: 35px
    }

    .doctor .doctor__grid {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .doctor .doctor__title {
        margin-bottom: 6px
    }

    .doctor .doctor__title .doctor__block-header {
        max-width: 100%
    }

    .doctor .doctor__title .doctor__block-header .h2 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 6px;
        margin-left: 0
    }

    .doctor .doctor__title .doctor__block-header .header__text {
        font-size: 14px
    }

    .doctor .doctor__card {
        margin: 150px auto 0;
    }

    .doctor .doctor__card:before {
        bottom: 0;
        width: 321px;
        height: 372px
    }

    .doctor .doctor__card .doctor__card__info {
        max-width: 290px
    }

    .doctor .doctor__card .doctor__card__info .certificates {
        justify-content: flex-start
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile:after,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper:after {
        width: 85px;
        height: 72px;
        top: -72px;
        right: -15px
    }

    .doctor .doctor__portfolio {
        margin-top: 35px;
        width: 100%
    }

    .doctor .doctor__portfolio .portfolio-elements {
        margin-left: 0;
        margin-right: 0
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item {
        margin: 0 20px 30px
    }
}

@media screen and (max-width: 490px) {
    .doctor .doctor__title {
        margin-bottom:20px
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper,.doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile {
        display: none
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile {
        display: flex
    }

    .doctor .doctor__card .doctor__card__info .doctor__card__wrapper-mobile:after {
        right: 0
    }

    .doctor .doctor__portfolio .portfolio-title {
        margin-bottom: 12px
    }

    .doctor .doctor__portfolio .portfolio-tip {
        display: flex;
        margin-bottom: 15px
    }

    .doctor .doctor__portfolio .portfolio-elements .portfolio-elements__item {
        margin: 0 20px 30px
    }
}

.calculation-block {
    padding-bottom: 100px
}

.calculation {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    color: #333;
    z-index: 1;
    padding: 55px 375px 50px 58px;
    margin-top: -116px;
    background-image: url(../images/08066ffc5984fbf827c0dcdd9a0ad7bc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0
}

.calculation__title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 38px;
    line-height: 48px;
    color: #333
}

.calculation__title>span {
    color: #784dba
}

.calculation__images {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 58px;
    top: 88px;
    min-height: 142px;
    font-size: 30px;
    line-height: 38px;
    color: #784dba
}

.calculation__images>.loaded+span {
    display: block
}

.calculation__images>span {
    margin-left: 13px;
    margin-right: 26px;
    display: none
}

.calculation__button {
    align-items: center;
    margin-top: 23px
}

.calculation__button .btn {
    margin-right: 40px
}

.calculation__button>div {
    font-size: 14px;
    line-height: 20px;
    max-width: 260px;
    color: #333
}

@media screen and (max-width: 1349px) {
    .calculation-block {
        padding-bottom:55px
    }

    .calculation {
        margin-top: -81px;
        padding: 45px 238px 54px 47px;
        overflow: visible
    }

    .calculation__title {
        font-size: 30px;
        line-height: 38px
    }

    .calculation__title span {
        display: block
    }

    .calculation__button {
        margin-top: 32px
    }

    .calculation__button .btn {
        margin-right: 34px;
        max-width: 300px;
        height: 66px
    }

    .calculation__button>div {
        max-width: 310px
    }

    .calculation__images {
        flex-wrap: wrap;
        max-width: 120px;
        justify-content: center;
        top: 0;
        transform: none;
        font-size: 25px
    }

    .calculation__images>span {
        margin-right: 14px;
        line-height: 24px
    }
}

@media screen and (max-width: 1023px) {
    .calculation-block {
        padding-bottom:50px
    }

    .calculation {
        margin-top: -160px;
        padding: 28px 149px 34px 30px
    }

    .calculation__title {
        font-size: 24px;
        line-height: 30px
    }

    .calculation__button {
        margin-top: 22px
    }

    .calculation__button .btn {
        margin-right: 22px;
        max-width: 202px;
        height: 50px
    }

    .calculation__button>div {
        max-width: 310px
    }

    .calculation__images {
        max-width: 90px;
        font-size: 19px;
        right: 36px;
        top: -6px
    }

    .calculation__images>span {
        line-height: 22px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .calculation__images img:first-child {
        max-width: 90px
    }

    .calculation__images img:last-child {
        max-width: 82px
    }
}

@media screen and (max-width: 767px) {
    .calculation-block {
        padding-bottom:36px
    }

    .calculation {
        padding: 26px 60px 16px 23px;
        margin-top: -114px;
        overflow: hidden;
        background-image: none;
        background-color: #f3f8f9
    }

    .calculation__title {
        font-size: 16px;
        line-height: 22px
    }

    .calculation__title span {
        display: inline
    }

    .calculation__button {
        margin-top: 12px;
        display: flex;
        align-items: center
    }

    .calculation__button .btn {
        margin-right: 15px
    }

    .calculation__button>div {
        font-size: 11px;
        line-height: 16px;
        max-width: calc(100% - 217px)
    }

    .calculation__images {
        max-width: 40px;
        right: 13px;
        top: 10px;
        bottom: 10px;
        min-height: unset;
        display: flex;
        justify-content: space-between
    }

    .calculation__images>span {
        line-height: 6px
    }

    .calculation__images img:first-child {
        max-width: 40px
    }

    .calculation__images img:last-child {
        max-width: 36px
    }
}

@media screen and (max-width: 575px) {
    .calculation {
        padding:26px 15px 16px 23px;
        margin-top: -114px;
        overflow: hidden
    }

    .calculation__title {
        max-width: 425px
    }

    .calculation__button {
        margin-top: 12px;
        flex-direction: column;
        align-items: flex-start
    }

    .calculation__button .btn {
        margin-right: 15px
    }

    .calculation__button>div {
        font-size: 11px;
        line-height: 16px;
        max-width: 100%;
        margin-top: 13px
    }

    .calculation__images {
        max-width: 40px;
        right: 13px;
        top: 66px;
        bottom: 48px
    }

    .calculation__images>span {
        font-size: 8px;
        line-height: 6px;
        margin-top: -3px
    }

    .calculation__images img:first-child {
        max-width: 36px
    }

    .calculation__images img:last-child {
        max-width: 30px
    }
}

.quote-offers {
    display: flex
}

.quote-offers>* {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch
}

.quote-offer__wrapper {
    padding: 5px;
    display: flex;
    flex-grow: 1;
    width: 100%;
    max-height: 50%
}

.quote-offer__wrapper.quote-offer__wrapper_warranty {
    flex-direction: column;
    max-height: 90%;
    transform: translate(-30px,5%)
}

.quote-offer__wrapper--big {
    max-height: unset
}

.quote-offer {
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.quote-offer,.quote-offer>* {
    position: relative
}

.quote-offer--small {
    width: 230px;
    background: #d0e3ee;
    box-shadow: 0 15px 25px rgba(0,0,0,.1);
    padding: 50px 40px;
    text-align: center;
    justify-content: center
}

.quote-offer--small:first-child {
    margin-bottom: 14px
}

.quote-offer--small .quote-offer__title {
    color: #784dba
}

.quote-offer--big {
    width: 440px;
    background: #f3f8f9;
    box-shadow: none;
    padding: 35px 50px 30px;
    text-align: left
}

.quote-offer--big .quote-offer__title {
    text-align: left
}

.quote-offer__bg {
    position: absolute;
    left: 25px
}

.quote-offer__bg--implant {
    top: 40px
}

.quote-offer__bg--like {
    top: -14px
}

.quote-offer__icon {
    padding-bottom: 10px
}

.quote-offer__title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #333;
    font-size: 28px;
    line-height: 35px;
    text-align: center
}

.quote-offer__title span {
    color: #784dba
}

.quote-offer__text {
    font-size: 14px;
    line-height: 18px
}

.quote-offer__desc,.quote-offer__text {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #333
}

.quote-offer__desc {
    padding-top: 11px;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.quote-offer__desc:before {
    content: "";
    height: 10px;
    width: 10px;
    min-width: 10px;
    border-radius: 50%;
    background-color: #784dba;
    margin-right: 13px;
    margin-top: 7px
}

.quote-offer__items {
    padding-top: 25px
}

.quote-offer__item {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.quote-offer__plus {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #008cd4;
    height: 46px;
    font-size: 30px;
    text-align: center
}

.quote-offer__item-icon,.quote-offer__plus {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px
}

.quote-offer__item-icon {
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 19px
}

.quote-offer__item-label {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #000
}

.quote-offer__button {
    padding-top: 30px;
    padding-bottom: 14px
}

.quote-offer__action {
    display: flex;
    align-items: center;
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #7f8f98;
    font-size: 14px;
    line-height: 18px
}

.quote-offer__action:before {
    content: "!";
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #784dba;
    font-size: 42px;
    line-height: 53px;
    margin-right: 9px
}

.quote-offer__action br {
    display: none
}

@media screen and (max-width: 1349px) {
    .quote-offers {
        flex-direction:column
    }

    .quote-offers>* {
        flex-direction: row
    }

    .quote-offer--small {
        width: 90%;
        padding: 20px 8px 15px;
        box-shadow: none;
        transform: translate(5%,-25px)
    }

    .quote-offer--small .quote-offer__title {
        font-size: 22px;
        line-height: 28px
    }

    .quote-offer--big {
        padding: 30px 50px 15px
    }

    .quote-offer__items {
        display: flex
    }

    .quote-offer__item {
        text-align: center;
        width: auto
    }

    .quote-offer__bg {
        left: 0
    }

    .quote-offer__bg img {
        margin-right: 0;
        margin-left: auto;
        height: 100%;
        width: auto
    }

    .quote-offer__bg--implant {
        padding-left: 20px;
        top: 20px;
        height: 72px
    }

    .quote-offer__bg--like {
        top: -8px;
        height: 68px
    }

    .quote-offer__item-icon {
        margin-right: 0;
        margin-bottom: 15px
    }

    .quote-offer__plus {
        height: 100%;
        align-items: flex-start;
        min-width: 62px;
        width: 62px;
        padding-top: 20px
    }

    .quote-offer__icon {
        padding-bottom: 4px
    }

    .quote-offer__icon img {
        max-width: 45px
    }

    .quote-offer__text {
        font-size: 13px
    }

    .quote-offer__button {
        padding-top: 25px;
        padding-bottom: 8px
    }

    .quote-offer__wrapper.quote-offer__wrapper_warranty {
        transform: translate(0)
    }
}

@media screen and (max-width: 1023px) {
    .quote-offer--big {
        width:348px;
        padding: 25px 20px 20px
    }

    .quote-offer--small {
        width: 90%;
        padding: 16px 4px
    }

    .quote-offer--small .quote-offer__title {
        font-size: 20px;
        line-height: 25px
    }

    .quote-offer__title {
        font-size: 22px;
        line-height: 28px
    }

    .quote-offer__desc {
        font-size: 14px;
        line-height: 20px;
        padding-top: 8px
    }

    .quote-offer__items {
        flex-direction: column;
        padding-top: 10px
    }

    .quote-offer__item {
        flex-direction: row;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .quote-offer__plus {
        width: 31px;
        min-width: 31px;
        padding-top: 0;
        height: 13px;
        align-items: center;
        font-size: 20px
    }

    .quote-offer__item-icon {
        margin-bottom: 0;
        margin-right: 13px;
        width: 31px;
        min-width: 31px;
        height: 31px
    }

    .quote-offer__item-icon img {
        max-width: 28px;
        max-height: 40px
    }

    .quote-offer__item-label {
        font-size: 12px;
        line-height: 15px
    }

    .quote-offer__button {
        padding-top: 12px
    }

    .quote-offer__button .btn {
        max-width: 265px
    }

    .quote-offer__action {
        font-size: 12px;
        line-height: 15px
    }

    .quote-offer__action:before {
        font-size: 30px;
        line-height: 38px
    }

    .quote-offer__icon {
        padding-bottom: 8px
    }

    .quote-offer__icon img {
        max-width: 35px
    }

    .quote-offer__text {
        font-size: 11px;
        line-height: 16px
    }
}

@media screen and (max-width: 767px) {
    .quote-offers {
        max-width:298px;
        margin-left: auto;
        margin-right: auto
    }

    .quote-offer {
        width: 100%
    }

    .quote-offer--small {
        width: 90%;
        padding: 15px 8px 17px;
        justify-content: flex-start
    }

    .quote-offer--small .quote-offer__title,.quote-offer__title {
        font-size: 18px;
        line-height: 23px
    }

    .quote-offer__desc {
        font-size: 12px;
        line-height: 16px;
        padding-top: 10px
    }

    .quote-offer__items {
        padding-top: 18px
    }

    .quote-offer__item {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .quote-offer__item-icon {
        width: 36px;
        height: 36px;
        min-width: 36px
    }

    .quote-offer__item-icon img {
        max-height: 46px;
        max-width: 31px
    }

    .quote-offer__item-label {
        font-size: 14px;
        line-height: 18px;
        text-align: left
    }

    .quote-offer__plus {
        width: 36px;
        min-width: 36px;
        height: 25px
    }

    .quote-offer__action br {
        display: unset
    }

    .quote-offer__icon {
        padding-bottom: 12px
    }

    .quote-offer__icon img {
        max-width: 48px
    }

    .quote-offer__text {
        font-size: 12px;
        line-height: 18px
    }
}

.quote {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding-bottom: 80px;
    padding-top: 100px
}

.quote:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 60%;
    height: 100%;
    background: linear-gradient(221.11deg,#784dba,#2f997c 28.06%,#fff 106.47%)
}

.quote .h2 {
    max-width: 740px
}

.quote .block-label_medium {
    width: 212px;
    font-size: 76px;
    line-height: 69px
}

.quote__image {
    position: absolute;
    top: 287px;
    bottom: 0
}

.quote__image img {
    height: 100%
}

.quote__image--right {
    right: 0;
    left: 60%;
    display: flex;
    justify-content: flex-end
}

.quote__grid {
    align-items: center;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    flex-wrap: nowrap
}

.quote__grid>* {
    flex: 0 1 calc(100% - 730px);
    padding-left: 15px;
    padding-right: 15px
}

.quote__grid>:nth-child(2) {
    flex-basis: 680px;
    padding-left: 10px;
    padding-right: 10px
}

.quote__text {
    padding-left: 40px;
    position: relative;
    font-size: 18px;
    line-height: 28px;
    margin-top: 35px;
    margin-bottom: 36px
}

.quote__text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 24px;
    height: 16px;
    background-image: url(../fonts/4e5d91f8a844b539db823e7477919bea.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.quote__employee {
    margin-left: 0;
    max-width: 460px
}

.quote__employee .get-price__employee__photo {
    max-width: 190px
}

.quote__employee .get-price__employee__profession {
    color: #6b6b6b
}

.quote__employee .get-price__employee__content {
    margin-top: 10px
}

.quote__employee .get-price__employee__experience {
    background: #784dba
}

@media screen and (max-width: 1349px) {
    .quote {
        padding-top:54px;
        padding-bottom: 52px
    }

    .quote .block-label {
        display: none
    }

    .quote__image {
        left: 50%
    }

    .quote__grid>* {
        flex-basis: calc(100% - 470px)
    }

    .quote__grid>:nth-child(2) {
        flex-basis: 470px
    }

    .quote__text {
        font-size: 16px;
        line-height: 24px;
        padding-left: 44px;
        margin-top: 22px;
        max-width: 435px
    }

    .quote__employee .get-price__employee__content {
        margin-top: 0;
        margin-bottom: -6px
    }

    .quote__employee .get-price__employee__experience {
        margin-top: 26px
    }
}

@media screen and (max-width: 1023px) {
    .quote {
        padding-top:37px;
        padding-bottom: 39px
    }

    .quote:before {
        width: 300px;
        left: auto
    }

    .quote .h2 {
        padding-right: 15px
    }

    .quote__image {
        display: none
    }

    .quote__grid {
        margin-left: -10px;
        margin-right: -10px
    }

    .quote__grid>* {
        flex-basis: calc(100% - 368px)
    }

    .quote__grid>:nth-child(2) {
        flex-basis: 368px;
        padding-left: 10px;
        padding-right: 10px
    }

    .quote__grid .h2 {
        max-width: 460px
    }

    .quote__grid .h2 br {
        display: none
    }

    .quote__employee {
        padding-right: 0
    }

    .quote__employee .get-price__employee__photo {
        max-width: 165px
    }

    .quote__employee .get-price__employee__content {
        margin-bottom: 0
    }

    .quote__employee .get-price__employee__experience,.quote__employee .get-price__employee__profession {
        margin-top: 5px
    }

    .quote__text {
        font-size: 14px;
        line-height: 22px;
        padding-left: 30px;
        margin-top: 20px;
        max-width: 460px
    }

    .quote__text:before {
        width: 17px;
        height: 12px;
        top: 4px
    }
}

@media screen and (max-width: 767px) {
    .quote {
        padding-top:35px;
        padding-bottom: 40px
    }

    .quote .h2 {
        padding-right: 0
    }

    .quote:before {
        left: 0;
        top: auto;
        bottom: 0;
        transform: rotate(180deg);
        height: 554px;
        width: 100%
    }

    .quote__grid {
        flex-direction: column
    }

    .quote__grid>* {
        flex-basis: 100%;
        width: 100%
    }

    .quote__grid>:nth-child(2) {
        flex-basis: 100%;
        margin-top: 40px
    }

    .quote__grid .h2,.quote__text {
        max-width: unset
    }

    .quote__text {
        padding-right: 0;
        padding-left: 25px
    }

    .quote__employee {
        margin-top: 25px;
        max-width: unset
    }

    .quote__employee .get-price__employee__photo {
        max-width: 130px
    }

    .quote__employee .get-price__employee__content {
        margin-bottom: 10px;
        flex-basis: calc(100% - 150px)
    }
}

.instagram {
    margin-top: 103px
}

.instagram__text {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    padding-left: 21px;
    margin-top: 20px
}

.instagram__text:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 8px;
    border-radius: 50%;
    background-color: #784dba
}

.instagram__grid {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 2px
}

.instagram__grid>* {
    flex: 0 1 33.33%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px
}

.instagram__item .content {
    padding: 20px 29px 8px 27px
}

.instagram__item .icons {
    align-items: center
}

.instagram__item .icons>* {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.instagram__item .like {
    width: 34px;
    height: 31px;
    background-image: url(../fonts/2e4aaa91e940db31e964f2ddee09c026.svg);
    margin-right: 20px
}

.instagram__item .comment {
    width: 31px;
    height: 28px;
    background-image: url(../fonts/c5d1557dfc833b43aafad061d216c4c4.svg)
}

.instagram__item .bookmark {
    width: 28px;
    height: 33px;
    background-image: url(../fonts/96f0aa18d333e4ed9042336cddc099ac.svg);
    margin-left: auto;
    margin-right: 0
}

.instagram__link>a {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    position: relative;
    padding-left: 60px;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    margin-top: 23px;
    margin-left: 1px;
    display: inline-block
}

.instagram__link>a:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    left: 0;
    top: 50%;
    margin-top: -20px;
    background-image: url(../images/a5854206aabc06d9e4c0894cf8dc8e1a.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (max-width: 1349px) {
    .instagram {
        margin-top:74px
    }

    .instagram .h2 {
        margin-bottom: 10px
    }

    .instagram__text {
        font-size: 16px;
        line-height: 28px;
        margin-top: 13px
    }

    .instagram__grid {
        margin-left: -11px;
        margin-right: -11px
    }

    .instagram__grid>* {
        padding-left: 11px;
        padding-right: 11px
    }

    .instagram__item .content {
        padding: 15px 21px 8px 20px
    }

    .instagram__item .like {
        width: 23px;
        height: 21px;
        margin-right: 14px
    }

    .instagram__item .comment {
        width: 22px;
        height: 21px
    }

    .instagram__item .bookmark {
        width: 20px;
        height: 21px
    }

    .instagram__link>a {
        font-size: 16px;
        line-height: 28px;
        padding-left: 43px;
        margin-top: 16px
    }

    .instagram__link>a:before {
        width: 29px;
        height: 29px;
        margin-top: -15px
    }
}

@media screen and (max-width: 1023px) {
    .instagram {
        margin-top:55px
    }

    .instagram__text {
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px
    }

    .instagram__text:before {
        top: 5px
    }
}

@media screen and (max-width: 900px) {
    .instagram__grid {
        margin-left:-12px;
        margin-right: -12px
    }

    .instagram__grid>* {
        padding-left: 12px;
        padding-right: 12px;
        flex-basis: 50%
    }

    .instagram__grid>:last-child {
        display: none
    }

    .instagram__item .content {
        padding: 18px 26px 8px 23px
    }

    .instagram__item .like {
        width: 28px;
        height: 26px;
        margin-right: 17px
    }

    .instagram__item .comment {
        width: 27px;
        height: 25px
    }

    .instagram__item .bookmark {
        width: 25px;
        height: 27px
    }

    .instagram__link>a {
        font-size: 16px;
        line-height: 34px;
        padding-left: 51px;
        margin-top: 16px
    }

    .instagram__link>a:before {
        width: 34px;
        height: 34px;
        margin-top: -17px
    }
}

@media screen and (max-height: 767px) {
    .instagram {
        margin-top:34px
    }

    .instagram__text {
        margin-top: 18px;
        padding-left: 16px
    }

    .instagram__grid {
        margin-top: 0
    }

    .instagram__grid>* {
        flex-basis: 100%;
        display: none;
        margin-top: 24px
    }

    .instagram__grid>:first-child {
        display: block
    }

    .instagram__item .content {
        padding: 13px 20px 8px 19px
    }

    .instagram__item .like {
        width: 24px;
        height: 22px;
        margin-right: 13px
    }

    .instagram__item .comment {
        width: 22px;
        height: 20px
    }

    .instagram__item .bookmark {
        width: 22px;
        height: 23px
    }

    .instagram__link>a {
        padding-left: 42px;
        font-size: 14px;
        line-height: 28px;
        margin-top: 13px
    }

    .instagram__link>a:before {
        width: 28px;
        height: 28px;
        margin-top: -14px
    }
}

.results {
    padding-top: 95px;
    padding-bottom: 90px;
    position: relative
}

.results .block-header .header__text {
    background-color: #30b568
}

.results .employees__header .header__text {
    border-radius: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    padding: 6px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    background-color: #00abe1
}

.results__subtitle {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    padding-left: 21px;
    margin-top: 22px;
    margin-left: 3px
}

.results__subtitle:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 8px;
    border-radius: 50%;
    background-color: #784dba
}

.results__slider-wrapper {
    position: relative;
    padding-left: 190px;
    padding-right: 190px;
    margin-top: 32px
}

.results__slider .slick-list {
    margin-left: -15px;
    margin-right: -15px
}

.results__slider .slick-slide {
    margin-left: 15px;
    margin-right: 15px
}

.result__item__grid {
    align-items: flex-end;
    margin-left: -24px;
    margin-right: -24px
}

.result__item__grid>* {
    flex: 0 1 55.22%;
    padding-left: 24px;
    padding-right: 24px
}

.result__item__grid>:nth-child(2) {
    flex-basis: 44.78%
}

.result__item__image-wrapper {
    position: relative;
    padding-left: 118px
}

.result__item__image__left {
    position: absolute;
    left: 0;
    top: 86px;
    z-index: 2
}

.result__item__image {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.result__item__image video {
    display: block
}

.result__item__recommend {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    width: 198px;
    height: 194px;
    text-align: center;
    padding-top: 114px;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 20px;
    background: #784dba;
    border-radius: 10px
}

.result__item__recommend>span {
    color: #784dba
}

.result__item__recommend:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 21px;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    background-image: url(../images/37801c9489c67d5ad6dcda54c70ff609.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.result__item__video {
    width: 198px;
    height: 198px;
    background-color: #d0e3ee;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 112px;
    position: relative
}

.result__item__video>div {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #7f8f98;
    font-size: 14px;
    line-height: 18px
}

.result__item__video>div b {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #333;
    display: block;
    margin-bottom: 6px
}

.result__item__video .btn_play {
    position: absolute;
    left: 50%;
    top: 22px;
    margin-left: -37px
}

.result__item__video:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 74px;
    height: 71px;
    background-image: url(../fonts/dcb82f149c63f35bf03653fcea61d7b1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.result__item__title {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    color: #6b6b6b
}

.result__item__text {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 26px;
    color: #333;
    padding-left: 55px;
    position: relative;
    margin-top: 25px
}

.result__item__text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 31px;
    height: 21px;
    background-image: url(../fonts/4e5d91f8a844b539db823e7477919bea.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.result__item__result {
    margin-top: 58px
}

.result__item__result .title {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    background: #784dba;
    padding: 4px 14px 4px 16px;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.result__item__result .image {
    border-radius: 5px;
    overflow: hidden;
    margin-top: 9px
}

.result__item__header_adaptive,.result__item__image__left_adaptive {
    display: none
}

@media screen and (max-width: 1349px) {
    .results {
        padding-top:64px;
        padding-bottom: 70px
    }

    .results .employees__header .header__text {
        padding: 1px 5px
    }

    .results__subtitle {
        font-size: 16px;
        margin-top: 19px
    }

    .results__subtitle:before {
        top: 6px
    }

    .results__slider-wrapper {
        padding-left: 130px;
        padding-right: 130px;
        margin-top: 32px
    }

    .result__item__grid {
        margin-left: -15px;
        margin-right: -15px
    }

    .result__item__grid>* {
        padding-left: 15px;
        padding-right: 15px;
        flex-basis: 57.28%
    }

    .result__item__grid>:nth-child(2) {
        flex-basis: 42.72%
    }

    .result__item__image-wrapper {
        padding-left: 0;
        display: flex;
        padding-bottom: 39px
    }

    .result__item__image__left {
        position: relative;
        transform: none;
        margin-right: -66px;
        top: 10px;
        max-width: 166px
    }

    .result__item__image__left>* {
        max-width: 100%
    }

    .result__item__recommend {
        font-size: 16px;
        line-height: 20px;
        position: relative
    }

    .result__item__content {
        padding-bottom: 39px
    }

    .result__item__text {
        font-size: 20px;
        line-height: 26px;
        margin-top: 10px
    }

    .result__item__result {
        margin-top: 38px
    }

    .result__item__result .title {
        padding: 5px 11px 5px 13px
    }

    .result__item__result .image {
        margin-top: 5px
    }
}

@media screen and (max-width: 1023px) {
    .results {
        padding-top:45px;
        padding-bottom: 46px
    }

    .results .employees__header .header__text {
        font-size: 18px;
        line-height: 23px
    }

    .results__subtitle {
        font-size: 14px;
        line-height: 22px;
        padding-left: 20px;
        margin-top: 15px
    }

    .results__subtitle:before {
        top: 5px
    }

    .results__slider-wrapper {
        padding-left: 0;
        padding-right: 0;
        margin-top: 24px
    }

    .results__slider-wrapper .slick-arrow {
        margin-top: 34px
    }

    .result__item__image__left {
        display: none
    }

    .result__item__image__left_adaptive {
        display: block;
        max-width: 100%;
        margin-bottom: 0
    }

    .result__item__image__left_adaptive>:nth-child(2) {
        order: -1
    }

    .result__item__recommend {
        width: 663px;
        height: 93px;
        padding-left: 108px;
        padding-top: 0;
        display: flex;
        align-items: center;
        text-align: left;
        font-size: 14px;
        line-height: 20px
    }

    .result__item__recommend:before {
        left: 20px;
        top: 50%;
        margin-left: 0;
        transform: translateY(-50%);
        width: 73px;
        height: 73px
    }

    .result__item__video {
        height: 93px;
        padding-top: 27px;
        padding-bottom: 5px;
        padding-left: 110px;
        text-align: left
    }

    .result__item__video .btn_play {
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 0
    }

    .result__item__grid {
        padding-left: 96px;
        padding-right: 96px;
        margin-top: 21px
    }

    .result__item__grid>*,.result__item__grid>:nth-child(2) {
        flex-basis: 50%
    }

    .result__item__content,.result__item__image-wrapper {
        padding-bottom: 0
    }

    .result__item__result .image {
        margin-top: 9px
    }

    .result__item__text {
        font-size: 16px;
        line-height: 26px;
        padding-left: 34px
    }

    .result__item__text:before {
        width: 19px;
        height: 13px;
        top: 4px
    }
}

@media screen and (max-width: 833px) {
    .results .employees__header .header__text {
        background:none
    }

    .results .employees__header .header__text span {
        background-color: #00abe1;
        border-radius: 5px;
        padding: 1px 5px;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .results .employees__header .header__text span:not(:first-child) {
        margin-top: 5px
    }
}

@media screen and (max-width: 767px) {
    .results {
        padding-top:35px;
        padding-bottom: 39px
    }

    .results .h2 {
        padding-right: 38px
    }

    .results .employees__header .header__text {
        font-size: 14px;
        line-height: 18px
    }

    .results__subtitle {
        padding-left: 15px;
        margin-top: 17px
    }

    .results__slider-wrapper {
        margin-top: 13px
    }

    .results__slider-wrapper .slick-arrow {
        margin-top: 119px
    }

    .result__item__image__left_adaptive {
        flex-wrap: wrap
    }

    .result__item__image__left_adaptive>* {
        flex-basis: 100%
    }

    .result__item__image__left_adaptive>:nth-child(2) {
        order: 2
    }

    .result__item__recommend {
        margin-bottom: 10px;
        height: 80px;
        padding-left: 81px;
        width: auto
    }

    .result__item__recommend:before {
        width: 60px;
        height: 60px;
        left: 10px
    }

    .result__item__video {
        height: 80px;
        padding-top: 21px;
        padding-left: 84px
    }

    .result__item__video>div {
        font-size: 12px
    }

    .result__item__video>div b {
        font-size: 14px
    }

    .result__item__video .btn_play,.result__item__video:before {
        left: 10px
    }

    .result__item__text,.result__item__title {
        display: none
    }

    .result__item__header_adaptive {
        display: block;
        margin-top: 27px
    }

    .result__item__header_adaptive .result__item__title {
        display: block;
        font-size: 12px;
        line-height: 20px
    }

    .result__item__header_adaptive .result__item__text {
        display: block;
        font-size: 14px;
        line-height: 22px;
        padding-left: 29px
    }

    .result__item__grid {
        padding-left: 53px;
        padding-right: 53px;
        margin-top: 14px;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto
    }

    .result__item__grid>* {
        flex-basis: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .result__item__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .result__item__result {
        margin-top: 10px
    }

    .result__item__result .title {
        font-size: 12px;
        padding-right: 17px
    }

    .result__item__result .image {
        margin-top: 5px
    }
}

.ratings {
    margin-top: 116px;
    margin-bottom: 118px
}

.ratings .ratings__stars {
    margin-top: 20px
}

.ratings .ratings__stars>* {
    display: block;
    background-image: url(../fonts/fa2c0b67d54f5619c41cbd66a3ffcfb2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 24px;
    height: 24px;
    margin-right: 11px
}

.ratings__grid {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 50px
}

.ratings__grid>* {
    flex: 0 1 33.33%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px
}

.ratings__grid>:nth-child(2) {
    flex-basis: 66.66%;
    max-width: 66.66%
}

.ratings__value {
    background-color: #784dba;
    position: relative;
    color: #fff;
    max-width: 358px;
    border-radius: 10px;
    overflow: hidden;
    padding: 47px 57px 51px;
    z-index: 2
}

.ratings__value .ratings__stars {
    margin-top: 20px
}

.ratings__value:before {
    content: "";
    position: absolute;
    right: 24px;
    top: -9px;
    width: 93px;
    height: 102px;
    background-image: url(../fonts/744722f4fae52f0f69ec264b7d4ca54b.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top
}

.ratings__value__value {
    font-size: 14px;
    line-height: 18px;
    position: relative;
    max-width: 200px
}

.ratings__value__value>b {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    display: block;
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    margin-top: 32px
}

.ratings__value__value>b>span {
    font-size: 50px
}

.ratings__slider-wrapper {
    position: relative;
    padding-left: 110px;
    padding-right: 110px;
    z-index: 1
}

.ratings__slider .slick-list {
    margin-left: -15px;
    margin-right: -15px;
    overflow: visible
}

.ratings__slider .slick-slide {
    margin-left: 15px;
    margin-right: 15px;
    opacity: 0;
    transition: opacity .2s
}

.ratings__slider .slick-slide>* {
    height: 240px
}

.ratings__slider .slick-active {
    opacity: 1
}

.rating__slide {
    min-height: 235px;
    background-color: #f3f8f9;
    border-radius: 5px;
    overflow: hidden;
    padding: 36px 40px
}

.rating__slide__header {
    align-items: center;
    justify-content: space-between
}

.rating__slide__author {
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    line-height: 20px;
    color: #333
}

.rating__slide__author:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 16px;
    left: 0;
    top: 2px;
    background-image: url(../fonts/4e5d91f8a844b539db823e7477919bea.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0
}

.rating__slide__date {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
    color: #7f8f98
}

.rating__slide__body {
    margin-top: 30px
}

.rating__slide__text {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 20px
}

.rating__slide__text,.rating__slide__text.expanded {
    height: 62px;
    position: relative;
    transition: height .3s
}

.rating__slide__text.expanded {
    overflow: hidden
}

.rating__slide__text.expanded+.rating__slide__bottom .rating__slide__show-more {
    display: block
}

.rating__slide__bottom {
    align-items: center;
    justify-content: space-between;
    margin-top: 26px
}

.rating__slide__show-more {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #784dba;
    font-size: 16px;
    line-height: 20px;
    display: none
}

.rating__slide__source {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    margin-top: 2px;
    color: #7f8f98
}

.rating__slide__source .link {
    color: inherit
}

.ratings__platforms {
    align-items: flex-start;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 55px
}

.ratings__platforms>* {
    flex: 0 1 20%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px
}

.rating__item .ratings__stars {
    justify-content: center;
    margin-top: 15px
}

.rating__item .ratings__stars>* {
    width: 24px;
    height: 24px;
    margin-right: 11px
}

.rating__item .ratings__stars>:last-child {
    margin-right: 0
}

.ratings__value_adaptive {
    display: none
}

@media screen and (max-width: 1349px) {
    .ratings {
        margin-top:81px;
        margin-bottom: 74px
    }

    .ratings__header {
        display: flex;
        align-items: center
    }

    .ratings__header .h2 {
        margin-bottom: 0
    }

    .ratings__header>* {
        flex-basis: calc(100% - 402px)
    }

    .ratings__header>:nth-child(2) {
        flex-basis: 402px;
        max-width: 402px
    }

    .ratings__value {
        display: none;
        padding: 19px 48px 8px
    }

    .ratings__value:before {
        right: 5px;
        top: -13px
    }

    .ratings__value__value {
        max-width: unset
    }

    .ratings__value__value>b {
        margin-top: 14px
    }

    .ratings__value__stars {
        position: absolute;
        bottom: 26px;
        right: 26px
    }

    .ratings__value_adaptive {
        display: block
    }

    .ratings__grid {
        margin-top: 30px
    }

    .ratings__grid>* {
        flex-basis: 100%
    }

    .ratings__grid>:first-child {
        display: none
    }

    .ratings__grid>:nth-child(2) {
        flex-basis: 100%;
        max-width: 100%
    }

    .ratings__slider .slick-slide>* {
        height: 212px
    }

    .rating__slide {
        padding: 35px 30px;
        min-height: 212px
    }

    .rating__slide__text.expanded {
        height: 42px
    }

    .ratings__platforms {
        margin-top: 22px
    }

    .rating__item .ratings__stars {
        margin-top: 6px
    }
}

@media screen and (max-width: 1023px) {
    .ratings {
        margin-top:50px;
        margin-bottom: 58px
    }

    .ratings__header>* {
        flex-basis: calc(100% - 315px)
    }

    .ratings__header>:nth-child(2) {
        flex-basis: 315px;
        max-width: 315px
    }

    .ratings__value {
        padding-left: 39px;
        padding-right: 39px;
        padding-top: 12px
    }

    .ratings__value__value>b {
        font-size: 20px;
        margin-top: 8px
    }

    .ratings__value__value>b span {
        font-size: 40px
    }

    .ratings__value__stars .ratings__stars>* {
        width: 19px;
        height: 19px;
        margin-right: 4px
    }

    .ratings__grid {
        margin-top: 10px
    }

    .ratings__slider-wrapper {
        padding-left: 96px;
        padding-right: 96px
    }

    .ratings__slider .slick-slide>* {
        height: 194px
    }

    .rating__slide {
        padding: 29px 30px 20px;
        min-height: 194px
    }

    .rating__slide__author {
        font-size: 14px;
        line-height: 18px
    }

    .rating__slide__date {
        font-size: 12px;
        line-height: 15px;
        margin-top: 6px
    }

    .rating__slide__show-more {
        font-size: 14px;
        line-height: 18px
    }

    .rating__slide__source {
        font-size: 12px;
        line-height: 15px;
        margin-top: 5px
    }

    .ratings__platforms {
        margin-top: 11px
    }

    .rating__item .ratings__stars {
        margin-top: 13px
    }

    .rating__item .ratings__stars>* {
        width: 19px;
        height: 19px;
        margin-right: 4px
    }
}

@media screen and (max-width: 767px) {
    .ratings {
        margin-top:35px;
        margin-bottom: 46px
    }

    .ratings__header {
        flex-wrap: wrap
    }

    .ratings__header>*,.ratings__header>:nth-child(2) {
        flex-basis: 100%
    }

    .ratings__value {
        margin-top: 22px;
        margin-left: auto;
        padding: 9px 22px 4px
    }

    .ratings__value:before {
        right: 1px
    }

    .ratings__value__value {
        font-size: 12px
    }

    .ratings__value__value>b {
        margin-top: 4px
    }

    .ratings__value__stars {
        right: 22px;
        bottom: 15px
    }

    .ratings__grid {
        margin-top: 0
    }

    .ratings__slider-wrapper {
        padding-left: 53px;
        padding-right: 53px
    }

    .ratings__slider .slick-slide>* {
        height: 211px
    }

    .rating__slide {
        padding: 20px;
        min-height: 211px
    }

    .rating__slide__author {
        font-size: 12px;
        line-height: 15px;
        padding-left: 22px
    }

    .rating__slide__author:before {
        width: 17px;
        height: 12px;
        top: 0
    }

    .rating__slide__date {
        font-size: 10px;
        line-height: 13px
    }

    .rating__slide__body {
        margin-top: 13px
    }

    .rating__slide__text {
        font-size: 12px;
        line-height: 15px
    }

    .rating__slide__text.expanded {
        height: 75px
    }

    .rating__slide__bottom {
        margin-top: 14px
    }

    .rating__slide__show-more {
        font-size: 12px;
        line-height: 15px
    }

    .rating__slide__source {
        font-size: 10px;
        line-height: 13px;
        margin-top: 8px
    }

    .ratings__platforms {
        margin-top: -5px
    }

    .ratings__platforms>* {
        flex-basis: 50%;
        margin-top: 30px
    }

    .rating__item .ratings__stars {
        margin-top: 13px
    }
}

.best {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px
}

.best__grid {
    margin-left: -15px;
    margin-right: -15px
}

.best__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px
}

.best__content {
    margin-top: 8px
}

.best__text {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    max-width: 555px;
    padding-left: 23px;
    margin-top: 20px
}

.best__text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.best__image {
    position: relative;
    max-width: 630px;
    border-radius: 10px;
    overflow: hidden
}

.best__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 100.47619%
}

.best__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.best__awards-wrapper {
    margin-right: -97px;
    position: relative;
    z-index: 2;
    margin-top: 10px
}

.best__awards {
    display: grid;
    grid-template-columns: repeat(3,33.33%);
    margin-left: -10px;
    margin-right: -10px
}

.best__awards>* {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px
}

.best__awards>:first-child,.best__awards>:nth-child(4) {
    grid-column: 1
}

.best__awards>:nth-child(2),.best__awards>:nth-child(5) {
    grid-column: 2
}

.best__awards>:first-child,.best__awards>:nth-child(2) {
    grid-row: 1
}

.best__awards>:nth-child(4),.best__awards>:nth-child(5) {
    grid-row: 2
}

.best__awards>:nth-child(3) {
    grid-row: 1/span 2;
    grid-column: 3
}

.best__awards .tall .best__award {
    align-items: center;
    padding-top: 0
}

.best__award {
    justify-content: center;
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    background-color: #d0e3ee;
    border-radius: 10px;
    height: 100%;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    padding: 27px 30px 5px;
    z-index: 1
}

.best__award:before {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    width: 78px;
    height: 81px;
    background-image: url(../fonts/dcb82f149c63f35bf03653fcea61d7b1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    z-index: -1
}

.best__award .title {
    margin-top: 15px
}

@media screen and (max-width: 1349px) {
    .best {
        padding-top:69px;
        padding-bottom: 84px
    }

    .best__text {
        font-size: 16px;
        line-height: 24px
    }

    .best__image {
        margin-left: 50px;
        margin-top: 15px
    }

    .best__awards-wrapper {
        margin-right: -235px;
        margin-left: 5px;
        margin-top: 24px
    }

    .best__awards {
        margin-left: -5px;
        margin-right: -5px
    }

    .best__awards>* {
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 10px
    }

    .best__award {
        min-height: 190px
    }
}

@media screen and (max-width: 1023px) {
    .best {
        padding-top:52px;
        padding-bottom: 58px;
        z-index: 1
    }

    .best__grid>* {
        flex-basis: 58.33%
    }

    .best__grid>:nth-child(2) {
        flex-basis: 41.66%
    }

    .best__text {
        font-size: 14px;
        line-height: 22px;
        margin-top: 16px;
        padding-left: 25px;
        padding-right: 40px
    }

    .best__text>span {
        display: block;
        margin-top: 22px
    }

    .best__image {
        margin-top: 8px;
        margin-left: -28px
    }

    .best__awards-wrapper {
        margin-right: -160px;
        margin-left: 0;
        margin-top: 18px
    }

    .best__awards .tall .best__award {
        padding-bottom: 10px
    }

    .best__award {
        min-height: 162px;
        padding-top: 20px;
        line-height: 20px;
        padding-left: 10px;
        padding-right: 10px
    }

    .best__award i {
        display: inline-block;
        max-width: 50px
    }

    .best__award i.icon-large {
        max-width: 80px
    }

    .best__award .title {
        margin-top: 12px
    }
}

@media screen and (max-width: 767px) {
    .best {
        padding-top:29px;
        padding-bottom: 40px
    }

    .best__grid>*,.best__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .best__text {
        margin-top: 17px;
        padding-left: 18px;
        padding-right: 0
    }

    .best__text>span {
        margin-top: 0
    }

    .best__awards-wrapper {
        margin-right: 0;
        margin-top: 17px
    }

    .best__awards {
        display: flex;
        flex-wrap: wrap
    }

    .best__awards>* {
        margin-top: 5px;
        flex-basis: 100%
    }

    .best__awards .tall {
        order: 5
    }

    .best__awards .tall .best__award {
        padding-bottom: 0
    }

    .best__awards .tall .best__award i.icon-large {
        height: 40px
    }

    .best__award {
        min-height: 57px;
        padding-top: 0;
        padding-left: 0;
        font-size: 14px;
        line-height: 18px;
        display: block;
        text-align: left
    }

    .best__award:before {
        content: none
    }

    .best__award>div {
        padding-left: 62px;
        display: flex;
        align-items: center;
        height: 100%
    }

    .best__award i {
        max-width: 37px;
        width: 37px;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        text-align: center
    }

    .best__award i.icon-large {
        max-width: 37px
    }

    .best__award i img {
        max-height: 100%;
        width: auto
    }

    .best__award .title {
        margin-top: 0
    }

    .best__image {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21px
    }
}

.footer {
    background-color: #ddf2f7
}

.footer .header__logo-wrapper {
    align-items: center;
    margin-top: 0
}

.footer .header__logo {
    margin-right: 27px
}

.footer_404 {
    margin-top: 110px
}

.footer__grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 40px
}

.footer__grid>* {
    padding-left: 15px;
    padding-right: 15px
}

.footer__grid .header__logo-wrapper {
    width: auto;
    min-width: 340px;
    margin-right: 0
}

.footer__requisites-wrapper {
    align-items: center
}

.footer__licenses-wrapper {
    display: flex;
    justify-content: center;
    flex-grow: 1
}

.footer__licenses>* {
    margin-right: 9px
}

.footer__licenses>:last-child {
    margin-right: 0
}

.footer__requisites {
    font-size: 14px;
    line-height: 20px;
    color: #7f8f98
}

.footer__middle {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
    padding-bottom: 40px
}

.footer__middle>* {
    flex: 0 1 33.33%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 25px
}

.footer__middle>:first-child .footer__partners {
    margin-left: 0;
    margin-right: auto
}

.footer__middle__title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    line-height: 22px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 14px
}

.footer__partners {
    max-width: 355px;
    margin-left: auto;
    margin-right: 0
}

.footer__partners__grid>* {
    margin-right: 5px
}

.footer__partners__grid>:last-child {
    margin-right: 0
}

.footer__payments {
    max-width: 300px;
    margin-left: auto;
    margin-right: 0
}

.footer__payments__grid>* {
    margin-right: 20px
}

.footer__payments__grid>:last-child {
    margin-right: 0
}

.footer__bottom {
    background-color: #fff;
    padding-bottom: 25px
}

.footer__bottom__grid {
    justify-content: space-between;
    align-items: center;
    padding-top: 26px
}

.footer__bottom__grid>* {
    flex: 0 1 100%
}

.footer__bottom__grid>:first-child {
    max-width: 830px;
    padding-right: 25px
}

.footer__bottom__grid>:nth-child(2) {
    flex-basis: 300px
}

.footer__text {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    color: #6b6b6b
}

.footer__text .link_notline,.footer__text .re-captcha-notice {
    color: inherit
}

.footer__text>strong {
    color: #333;
    display: block;
    text-transform: uppercase
}

.footer__dev {
    padding-left: 41px;
    position: relative;
    font-size: 12px;
    line-height: 18px
}

.footer__dev:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 28px;
    height: 35px;
    margin-top: -20px;
    background-image: url(../fonts/5885411f0781866bfa5700dd204dc03e.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.footer__dev a {
    color: #81c400;
    text-decoration: underline
}

.footer__socials-wrapper_adaptive {
    display: none
}

@media screen and (max-width: 1349px) {
    .footer .header__logo {
        margin-right:0
    }

    .footer__grid {
        padding-top: 31px
    }

    .footer__requisites-wrapper {
        justify-content: space-between
    }

    .footer__licenses>* {
        max-width: 48px;
        margin-right: 7px
    }

    .footer__requisites {
        max-width: 430px
    }

    .footer__middle {
        margin-top: 6px;
        padding-bottom: 38px
    }

    .footer__middle>* {
        flex-basis: 25%
    }

    .footer__middle>:nth-child(2) {
        flex-basis: 41.66%
    }

    .footer__middle>:nth-child(3) {
        flex-basis: 33.33%
    }

    .footer__partners {
        margin-left: -10px
    }

    .footer__payments {
        margin-left: -11px
    }

    .footer__bottom__grid {
        display: block;
        padding-top: 20px
    }

    .footer__dev {
        margin-top: 20px;
        max-width: 300px
    }
}

@media screen and (max-width: 1023px) {
    .footer_404 {
        margin-top:47px
    }

    .footer__grid {
        margin-left: -8px;
        margin-right: -8px;
        align-items: center
    }

    .footer__grid>* {
        padding-left: 8px;
        padding-right: 8px
    }

    .footer__grid>:first-child {
        order: 1
    }

    .footer__grid>:nth-child(2) {
        order: 3
    }

    .footer__grid>:nth-child(3) {
        order: 4
    }

    .footer__grid>:nth-child(4) {
        order: 2
    }

    .footer__grid .header__logo-wrapper {
        min-width: 316px
    }

    .footer__socials-wrapper {
        display: none
    }

    .footer__socials-wrapper_adaptive {
        display: block;
        flex-grow: 1
    }

    .footer__socials-wrapper_adaptive .socials {
        display: flex;
        justify-content: center
    }

    .footer__licenses {
        margin-left: 0
    }

    .footer__licenses>* {
        max-width: 38px
    }

    .footer__requisites {
        font-size: 12px;
        line-height: 18px;
        max-width: 260px
    }

    .footer__partners {
        margin-left: 0
    }

    .footer__middle {
        padding-bottom: 30px
    }

    .footer__middle>* {
        margin-top: 13px
    }

    .footer__middle>:nth-child(2),.footer__middle>:nth-child(3) {
        flex-basis: 50%
    }

    .footer__middle__title {
        margin-bottom: 3px
    }

    .footer__payments {
        max-width: 300px;
        margin-left: auto;
        margin-right: 0
    }

    .footer__bottom__grid {
        padding-top: 17px
    }

    .footer__text {
        font-size: 12px;
        line-height: 18px
    }

    .footer__text strong {
        margin-bottom: 3px
    }
}

@media screen and (max-width: 767px) {
    .footer .header__logo-wrapper {
        max-width:55%;
        min-width: 170px
    }

    .footer_404 {
        margin-top: 40px
    }

    .footer__grid {
        flex-direction: column;
        align-items: flex-start;
        margin-left: -5px;
        margin-right: -5px;
        padding-top: 16px
    }

    .footer__grid>* {
        padding-left: 5px;
        padding-right: 5px
    }

    .footer__grid>:first-child {
        order: 1;
        flex-basis: 60%
    }

    .footer__grid>:nth-child(2) {
        order: 2;
        flex-basis: 40%
    }

    .footer__grid>:nth-child(3) {
        order: 4;
        flex-basis: calc(100% - 70px)
    }

    .footer__grid>:nth-child(4) {
        order: 3
    }

    .footer__licenses-wrapper {
        justify-content: flex-end
    }

    .footer__licenses {
        margin-left: 7px
    }

    .footer__licenses>* {
        max-width: 35px;
        margin-right: 6px
    }

    .footer__socials-wrapper_adaptive {
        margin-left: 0;
        margin-top: 12px
    }

    .footer__socials-wrapper_adaptive .socials {
        margin: 0;
        justify-content: flex-start
    }

    .footer__socials-wrapper_adaptive .socials>* {
        margin-left: 0;
        margin-right: 0
    }

    .footer__requisites-wrapper {
        margin-top: 15px
    }

    .footer__requisites {
        font-size: 10px;
        line-height: 14px;
        max-width: unset
    }

    .footer__middle {
        padding-bottom: 24px;
        flex-direction: column
    }

    .footer__middle>* {
        flex-basis: 100%;
        margin-top: 6px
    }

    .footer__middle>:nth-child(2),.footer__middle>:nth-child(3) {
        flex-basis: 100%
    }

    .footer__partners__grid {
        margin-right: -4px
    }

    .footer__partners__grid>* {
        max-width: 45px;
        margin-right: 4px;
        margin-bottom: 4px
    }

    .footer__payments {
        margin-top: 9px;
        margin-left: 0
    }

    .footer__payments__grid {
        margin-right: -4px
    }

    .footer__payments__grid>* {
        max-width: 45px;
        margin-right: 4px;
        margin-bottom: 4px
    }

    .footer__bottom__grid {
        padding-top: 14px
    }

    .footer__text {
        font-size: 10px;
        line-height: 14px
    }

    .footer__text strong {
        line-height: 18px;
        margin-bottom: 7px
    }
}

.modal_with-bg .modal__wrapper {
    position: relative;
    z-index: 1
}

.modal_with-bg .modal__wrapper:before {
    content: "";
    position: absolute;
    background: linear-gradient(160deg,#3ea73f,#3ea73f 32.29%,#fff);
    right: 0;
    top: 0;
    width: 332px;
    height: 100%;
    z-index: -1;
    border-radius: 10px
}

.modal_wide.modal_with-bg .modal__wrapper:before {
    width: 440px
}

.modal_wide .modal__content {
    padding-left: 50px
}

.modal__grid {
    align-items: center;
    margin-left: -15px;
    margin-right: -15px
}

.modal__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px
}

.modal__content {
    padding-left: 40px
}

.modal__text .list {
    margin-top: 16px
}

.modal__text .list>li {
    margin-top: 14px
}

.modal__text p {
    margin-top: 18px
}

.modal__form {
    max-width: 330px;
    margin-top: 35px
}

.modal__form .input {
    border-color: #cdcdcd
}

.modal__form .input:hover {
    border: 1px solid #784dba
}

.modal__form .input:focus {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    border: 1px solid #784dba;
    color: #333
}

.modal__image {
    border-radius: 10px;
    overflow: hidden
}

.modal_affiliates .modal__grid>* {
    flex-basis: 53%
}

.modal_affiliates .modal__grid>:nth-child(2) {
    flex-basis: 47%
}

.modal_affiliates .affiliates_map {
    margin-left: 0;
    /* min-height: 434px; */
}

.modal_affiliates .affiliates__list {
    margin-top: 28px
}

.modal_affiliates .affiliate {
    margin-top: 15px
}

.modal__subtitle {
    font-size: 18px;
    line-height: 28px;
    color: #333
}

.modal_thank {
    max-width: 660px
}

.modal_thank .modal__wrapper {
    padding: 98px 110px 110px
}

.modal_thank .h2 {
    padding-left: 0
}

.modal_thank .h2:before {
    content: none
}

.modal_thank .modal__content {
    padding-left: 0
}

.modal_thank .modal__title {
    text-align: center
}

.modal_thank .modal__subtitle {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #7f8f98;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px
}

.modal__instagram__title,.modal_thank .modal__subtitle {
    font-family: Geometria,sans-serif;
    font-style: normal;
    text-align: center
}

.modal__instagram__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    color: #333;
    margin-top: 25px
}

.modal__instagram__title>span {
    color: #784dba
}

.modal__instagram__text {
    margin-top: 6px
}

.modal__instagram__grid {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px
}

.modal__instagram__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px
}

.modal_quiz .modal__wrapper {
    background-color: #f3f8f9;
    padding: 0
}

.modal_quiz .modal__wrapper.count-shown:before {
    content: none
}

.modal_quiz.modal_with-bg .modal__wrapper:before {
    right: auto;
    left: 0;
    width: 302px
}

.modal_quiz .quiz__form {
    background-color: transparent;
    transform: translateY(21px);
    padding: 9px 50px 0 30px
}

.modal_quiz .quiz__form.form-shown {
    transform: none
}

.modal_quiz .quiz__employee {
    background-color: #fff
}

.modal_quiz .quiz__grid {
    align-items: center
}

.modal_quiz .quiz__form-wrapper {
    padding-left: 38px;
    margin-bottom: 74px
}

.modal_quiz .quiz__form__progress__line,.modal_quiz .quiz__radio_images .radio__item {
    background-color: #fff
}

.modal_portfolio {
    max-width: 715px
}

.modal_portfolio .modal__wrapper {
    padding: 27px;
    border-radius: 10px
}

.modal_portfolio .modal__grid {
    display: grid;
    margin-left: 0;
    margin-right: 0;
    grid-column-gap: 28px;
    grid-row-gap: 19px;
    align-items: stretch;
    justify-content: stretch;
    grid-template-columns: 354px 1fr
}

.modal_portfolio .modal__grid img {
    border-radius: 10px;
    overflow: hidden
}

.modal_portfolio .modal__grid>* {
    padding-left: 0;
    padding-right: 0
}

.modal_portfolio .modal_portfolio__photo {
    grid-column: 1/2;
    grid-row: 1/3
}

.modal_portfolio .modal_portfolio__before {
    grid-column: 2/3;
    grid-row: 1/2
}

.modal_portfolio .modal_portfolio__after {
    grid-column: 2/3;
    grid-row: 2/3
}

@media screen and (max-width: 1349px) {
    .modal_order-call .modal__wrapper {
        padding:41px 38px 40px 50px
    }

    .modal_wide .modal__content {
        padding-left: 0
    }

    .modal_wide.modal_with-bg .modal__wrapper:before {
        width: 332px
    }

    .modal__form .btn {
        max-width: 100%
    }

    .modal__image {
        margin-left: -35px
    }

    .modal_diagnostics .h2 {
        margin-bottom: 10px
    }

    .modal_diagnostics .modal__wrapper {
        padding: 28px 50px 30px
    }

    .modal_diagnostics .modal__content {
        padding-right: 50px
    }

    .modal_diagnostics .modal__image {
        margin-left: -31px
    }

    .modal_diagnostics .modal__form {
        margin-top: 22px
    }

    .modal__text p {
        margin-top: 10px
    }

    .modal__text .list {
        margin-top: 5px
    }

    .modal__text .list li {
        margin-top: 7px
    }

    .modal__text .list li:first-child {
        margin-top: 0
    }

    .modal_affiliates .modal__wrapper {
        padding: 50px 31px 50px 50px
    }

    .modal_affiliates .modal__content {
        padding-left: 0
    }

    .modal_affiliates .affiliates_map {
        margin-left: -77px
    }

    .modal_thank {
        max-width: 528px
    }

    .modal_thank .modal__wrapper {
        padding: 97px 30px 96px
    }

    .modal_thank .modal__subtitle {
        margin-top: 21px;
        max-width: 290px
    }

    .modal__instagram {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }

    .modal_quiz {
        padding-left: 38px;
        padding-right: 38px
    }

    .modal_quiz .quiz__form {
        transform: none;
        padding: 30px 31px;
        min-height: 484px
    }

    .modal_quiz .quiz__form.form-shown {
        min-height: 582px
    }

    .modal_quiz .form__group_button {
        margin-top: 15px
    }

    .modal_quiz .quiz__grid>* {
        flex-basis: 320px;
        max-width: 320px
    }

    .modal_quiz .quiz__grid>:nth-child(2) {
        flex-basis: calc(100% - 340px);
        max-width: calc(100% - 340px)
    }

    .modal_quiz .quiz__form-wrapper {
        padding-left: 30px;
        margin-bottom: 0
    }

    .modal_quiz .quiz__employee {
        margin-top: 0
    }

    .modal_quiz .quiz__page__title {
        margin-top: 18px
    }

    .modal_quiz .quiz__pages__navigation {
        margin-top: 24px
    }

    .modal_quiz .quiz__form__progress {
        margin-top: 0
    }

    .modal_portfolio {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 1023px) {
    .modal_order-call .modal__wrapper {
        padding:54px 30px 56px 33px
    }

    .modal_wide.modal_with-bg .modal__wrapper:before {
        width: 222px
    }

    .modal_with-bg .modal__wrapper:before {
        width: 252px;
        border-radius: 5px
    }

    .modal__image {
        margin-left: -2px
    }

    .modal__content {
        padding-right: 2px
    }

    .modal__form {
        margin-top: 20px
    }

    .modal__form .form__policy {
        text-align: center
    }

    .modal_diagnostics .h2 {
        margin-bottom: 10px
    }

    .modal_diagnostics .modal__wrapper {
        padding: 40px 30px 40px 33px
    }

    .modal_diagnostics .modal__content {
        padding-right: 3px;
        margin-right: -15px
    }

    .modal_diagnostics .modal__image {
        margin-left: -1px
    }

    .modal_diagnostics .modal__form {
        margin-top: 22px;
        max-width: 316px
    }

    .modal__text p {
        font-size: 16px
    }

    .modal_affiliates .modal__wrapper {
        padding: 40px 30px
    }

    .modal_affiliates .modal__content {
        padding-left: 0
    }

    .modal_affiliates .affiliates_map {
        margin-left: -44px;
        padding: 36px 16px;
        min-height: auto;
        box-shadow: 0 15px 25px rgba(0,0,0,.1)
    }

    .modal_affiliates .affiliates__list {
        margin-top: 18px
    }

    .modal_affiliates .affiliate {
        margin-top: 10px
    }

    .modal_affiliates .affiliate>:first-child {
        margin-bottom: 0
    }

    .modal_affiliates .modal__title>span {
        white-space: nowrap
    }

    .modal_affiliates .modal__grid>* {
        flex-basis: 43%
    }

    .modal_affiliates .modal__grid>:nth-child(2) {
        flex-basis: 57%
    }

    .modal__instagram_grid {
        max-width: 520px;
        margin-left: auto;
        margin-right: auto
    }

    .modal_quiz {
        padding-left: 15px;
        padding-right: 15px
    }

    .modal_quiz .modal__wrapper:before {
        content: none
    }

    .modal_quiz .quiz__form {
        min-height: 430px;
        padding-bottom: 50px;
        padding-top: 25px
    }

    .modal_quiz .quiz__form.form-shown {
        min-height: 525px
    }

    .modal_quiz .quiz__grid>:nth-child(2) {
        flex-basis: 100%;
        max-width: 100%
    }

    .modal_quiz .quiz__radio_images {
        padding-right: 67px
    }

    .modal_quiz .quiz__radio_images>* {
        flex-basis: 25%;
        max-width: 25%
    }

    .modal_quiz .quiz__form-wrapper {
        padding-left: 0
    }

    .modal_quiz .quiz__pages__gift_adaptive {
        max-width: 222px;
        top: 123px;
        right: 32px;
        padding-top: 152px;
        padding-bottom: 50px;
        margin-top: 0
    }

    .modal_quiz .quiz__pages__gift_adaptive>i {
        top: 50px
    }

    .modal_quiz .quiz__page__content {
        min-height: 200px
    }

    .modal_quiz .quiz__results__form {
        padding-left: 30px
    }

    .modal_quiz .quiz__results__form-inner,.modal_quiz .quiz__results__gift {
        max-width: 317px
    }

    .modal_thank {
        max-width: 438px
    }

    .modal_thank .modal__wrapper {
        padding: 69px 30px 70px
    }

    .modal_thank .modal__subtitle {
        margin-top: 8px
    }
}

@media screen and (max-width: 767px) {
    .modal__grid>* {
        flex-basis:100%
    }

    .modal_order-call .modal__wrapper {
        padding: 30px 23px 39px;
        position: relative;
        z-index: 1;
        border-radius: 5px;
        overflow: hidden
    }

    .modal_order-call .modal__wrapper:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 174px;
        bottom: 0;
        left: 0;
        background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff);
        z-index: -1
    }

    .modal_with-bg .modal__wrapper:before {
        content: none
    }

    .modal__content {
        padding-right: 0
    }

    .modal__image {
        margin-top: 20px
    }

    .modal_diagnostics .h2 {
        margin-bottom: 10px
    }

    .modal_diagnostics .modal__wrapper {
        padding: 35px 23px 36px
    }

    .modal_diagnostics .modal__content {
        padding-right: 0;
        margin-right: 0
    }

    .modal_diagnostics .modal__grid>:nth-child(2) {
        display: none
    }

    .modal_diagnostics .modal__form {
        margin-top: 22px;
        max-width: 316px
    }

    .modal__text p {
        font-size: 14px
    }

    .modal__text .list li {
        line-height: 20px
    }

    .modal__text .list li:before {
        top: 4px
    }

    .modal_affiliates .modal__wrapper {
        padding: 35px 23px 40px
    }

    .modal_affiliates .affiliates_map {
        margin-left: 0;
        padding: 0;
        box-shadow: none
    }

    .modal_affiliates .affiliates__list {
        margin-top: 12px;
        margin-right: -5px
    }

    .modal_affiliates .affiliate {
        margin-top: 3px
    }

    .modal_affiliates .affiliate>:first-child {
        margin-bottom: -3px
    }

    .modal_affiliates .affiliate:before {
        top: 4px
    }

    .modal_affiliates .modal__grid>*,.modal_affiliates .modal__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .modal_thank .modal__wrapper {
        padding: 66px 23px
    }

    .modal_thank .h2 {
        margin-bottom: 5px
    }

    .modal_thank .modal__subtitle {
        margin-top: 14px
    }

    .modal__instagram__grid {
        margin-top: 0;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto
    }

    .modal__instagram__grid>* {
        display: none;
        flex-basis: 100%;
        margin-top: 10px
    }

    .modal__instagram__grid>:first-child {
        display: block
    }

    .modal__instagram__title {
        font-size: 16px;
        line-height: 20px;
        margin-top: 15px
    }

    .modal_quiz {
        padding-left: 10px;
        padding-right: 10px
    }

    .modal_quiz .quiz__form {
        padding: 30px 10px 10px
    }

    .modal_quiz .quiz__form.form-shown {
        min-height: 445px
    }

    .modal_quiz .quiz__grid {
        padding-right: 0
    }

    .modal_quiz .quiz__radio_images {
        padding-right: 0;
        margin-left: -3px;
        margin-right: -3px
    }

    .modal_quiz .quiz__radio_images>* {
        flex-basis: 50%;
        max-width: 50%;
        padding-left: 3px;
        padding-right: 3px;
        margin-top: 6px
    }

    .modal_quiz .quiz__radio_images .radio__item .text {
        margin-left: 4px
    }

    .modal_quiz .quiz__form__progress,.modal_quiz .quiz__page__title,.modal_quiz .quiz__radio_text {
        padding: 0 13px
    }

    .modal_quiz .quiz__page__content {
        min-height: auto
    }

    .modal_quiz .quiz__pages__navigation {
        padding: 0 13px
    }

    .modal_quiz .quiz__pages__navigation .btn_forward {
        max-width: 126px
    }

    .modal_quiz .quiz__results__form {
        padding-left: 23px
    }

    .modal_portfolio {
        max-width: 468px
    }

    .modal_portfolio .modal__wrapper {
        padding: 17px
    }

    .modal_portfolio .modal__grid {
        grid-template-columns: 226px 1fr;
        grid-column-gap: 17px;
        grid-row-gap: 12px
    }
}

@media screen and (max-width: 500px) {
    .modal_portfolio {
        max-width:320px
    }

    .modal_portfolio .modal__wrapper {
        padding: 10px
    }

    .modal_portfolio .modal__grid {
        grid-template-columns: 152px 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 8px
    }
}

.modal_dont-go .modal__wrapper {
    padding: 73px 80px 78px
}

.modal_dont-go .modal__grid {
    align-items: flex-start;
    flex-wrap: nowrap
}

.modal_dont-go .modal__grid>* {
    flex-basis: 46.7%
}

.modal_dont-go .modal__grid>:nth-child(2) {
    flex-basis: 53.3%
}

.modal_dont-go .modal__content {
    padding-left: 0
}

.modal_dont-go .modal__text {
    max-width: 475px
}

.modal_dont-go .best__awards-wrapper {
    margin-right: 0;
    margin-top: 18px
}

.modal_dont-go .best__awards {
    margin-left: -5px;
    margin-right: -5px
}

.modal_dont-go .best__awards>* {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px
}

.modal_dont-go .best__award {
    min-height: 180px;
    padding: 27px 15px 0;
    background-color: #d0e3ee;
    color: #333
}

.modal_dont-go .best__award .title {
    margin-top: 6px
}

.modal__employees {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.modal__employees>* {
    flex: 0 1 33.33%;
    padding-left: 10px;
    padding-right: 10px
}

.modal__employees .employee {
    box-shadow: none;
    padding: 0
}

.modal__employees .employee__photo {
    max-width: 108px
}

.modal__employees .employee__about {
    display: block;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-top: -20px;
    position: relative;
    z-index: 1
}

.modal__employees .employee__about>* {
    display: inline-block
}

.modal__employees .employee__about .feature {
    margin-top: 5px
}

.modal__employees .employee__content {
    padding: 0 11px;
    margin-top: 12px
}

.modal__employees .employee__fio {
    padding: 0 3px
}

.modal__employees .employee__profession {
    font-size: 12px;
    line-height: 20px
}

.dont-go__content {
    padding-left: 52px
}

.dont-go__text {
    padding-left: 58px
}

.dont-go__text p {
    font-size: 18px
}

.dont-go__text .checked>li {
    font-size: 16px;
    margin-top: 16px
}

.dont-go__form {
    padding-left: 58px;
    margin-top: 35px
}

.dont-go__form .form {
    max-width: 370px;
    margin-top: 17px
}

.dont-go__form .form__policy {
    margin-top: 23px
}

.dont-go__employees {
    justify-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
    display: flex;
    max-width: 575px;
    margin-top: 35px
}

.dont-go__employees>* {
    padding-left: 15px;
    padding-right: 15px;
    flex: 0 1 33.33%
}

.dont-go__employee__photo {
    position: relative;
    background-color: rgba(51,51,51,.5);
    max-width: 160px
}

.dont-go__employee__photo:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 35px;
    background-image: url(../fonts/3b96e0b432b4555341a0af58b09c36d7.svg),url(../fonts/94b508ab6a64f9014b9ae206716df3e6.svg);
    background-size: 16px 16px,contain;
    background-position: center top 7px,top;
    background-repeat: no-repeat;
    z-index: 2
}

.dont-go__employee__photo:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 118.75%
}

.dont-go__employee__photo img {
    position: absolute;
    left: 0;
    top: 0
}

.dont-go__employee__name {
    font-size: 16px;
    margin-top: 24px
}

.dont-go__employee__profession {
    font-size: 12px;
    line-height: 18px;
    color: #7f8f98;
    margin-top: 6px
}

.dont-go__employee__experience {
    margin-top: 7px
}

.dont-go__employee__experience,.dont-go__employee__feature {
    font-size: 12px;
    line-height: 20px;
    color: #333
}

.dont-go__advantages {
    justify-content: flex-start;
    margin-right: -10px;
    flex-wrap: wrap;
    display: flex;
    margin-top: 50px;
    max-width: 584px;
    margin-left: -25px
}

.dont-go__advantages>* {
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 1 25%
}

.dont-go__advantage {
    text-align: center;
    margin-top: 28px
}

.dont-go__advantage__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 102px;
    background-image: url(../fonts/73c4f2e06777e5404ce5b70f1c64c04c.svg);
    background-repeat: no-repeat;
    background-size: 80px 102px;
    background-position: 50%;
    padding-bottom: 12px
}

.dont-go__advantage__text {
    font-size: 12px;
    line-height: 18px;
    margin-top: 22px
}

@media screen and (max-width: 1349px) {
    .modal_dont-go .modal__wrapper {
        padding:57px 48px 66px
    }

    .modal_dont-go .modal__grid>* {
        flex: 0 1 50%;
        flex-basis: 47%
    }

    .modal_dont-go .modal__grid>:nth-child(2) {
        flex-basis: 50%
    }

    .modal_dont-go .modal__form {
        max-width: 242px
    }

    .modal_dont-go .modal__content {
        margin-top: 25px
    }

    .modal_dont-go .best__awards-wrapper {
        margin-left: 1px
    }

    .modal_dont-go .best__awards {
        display: flex;
        flex-wrap: wrap
    }

    .modal_dont-go .best__awards>* {
        margin-top: 5px;
        flex-basis: 100%
    }

    .modal_dont-go .best__awards .tall {
        order: 5
    }

    .modal_dont-go .best__awards .tall .best__award {
        padding-bottom: 0
    }

    .modal_dont-go .best__awards .tall .best__award i.icon-large {
        height: 40px
    }

    .modal_dont-go .best__award {
        min-height: 57px;
        padding-top: 0;
        padding-left: 0;
        font-size: 14px;
        line-height: 18px;
        display: block;
        text-align: left
    }

    .modal_dont-go .best__award:before {
        content: none
    }

    .modal_dont-go .best__award>div {
        padding-left: 62px;
        display: flex;
        align-items: center;
        height: 100%
    }

    .modal_dont-go .best__award i {
        max-width: 37px;
        width: 37px;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        text-align: center
    }

    .modal_dont-go .best__award i.icon-large {
        max-width: 37px
    }

    .modal_dont-go .best__award i img {
        max-height: 100%;
        width: auto
    }

    .modal_dont-go .best__award .title {
        margin-top: 0
    }

    .modal_dont-go .best__image {
        margin-left: 0;
        margin-top: 21px
    }

    .modal__employees>* {
        flex-basis: 50%
    }

    .modal__employees .employee__fio {
        padding: 0 7px
    }
}

@media screen and (max-width: 1200px) {
    .modal__employees {
        flex-direction:column
    }
}

@media screen and (max-width: 1023px) {
    .modal_dont-go .modal__wrapper {
        padding:37px 53px 50px 32px;
        position: relative
    }

    .modal_dont-go .modal__grid>* {
        flex-basis: 60%
    }

    .modal_dont-go .modal__grid>:nth-child(2) {
        flex-basis: 40%
    }

    .modal_dont-go .modal__content {
        padding-right: 40px;
        margin-top: 5px
    }

    .modal_dont-go .modal__form {
        max-width: 218px
    }

    .modal_dont-go .modal__form .form__policy {
        padding-left: 0;
        margin-left: -5px;
        margin-right: -5px
    }

    .modal_dont-go .modal__employees {
        max-width: 240px;
        margin-left: auto;
        margin-right: 0
    }

    .modal_dont-go .modal__employees>* {
        flex-basis: 100%;
        margin-top: 15px;
        padding: 0
    }

    .modal_dont-go .modal__employees>:first-child {
        margin-top: 0
    }

    .modal_dont-go .modal__employees .employee__content,.modal_dont-go .modal__employees .employee__fio {
        padding: 0
    }

    .modal_dont-go .modal__employees .employee__profession {
        padding: 0 3px
    }

    .modal_dont-go .best__awards-wrapper {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .modal_dont-go .modal__grid {
        margin:0
    }

    .modal_dont-go .modal__grid>* {
        flex-basis: 100%;
        padding: 0
    }

    .modal_dont-go .modal__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .modal_dont-go .modal__wrapper {
        padding: 30px 23px 45px
    }

    .modal_dont-go .modal__content {
        padding-right: 0
    }

    .modal_dont-go .modal__text .list {
        margin-top: 10px
    }

    .modal_dont-go .modal__form {
        max-width: 340px
    }

    .modal_dont-go .modal__employees .employee__profession {
        padding: 0
    }

    .modal_dont-go .employee {
        display: flex;
        align-items: center;
        border-top: 1px solid #ececec;
        margin-top: 16px;
        padding-bottom: 25px;
        position: relative;
        padding-top: 11px
    }

    .modal_dont-go .employee__photo {
        width: 63px;
        height: 63px;
        margin-right: 10px
    }

    .modal_dont-go .employee__content {
        flex-basis: calc(100% - 73px);
        margin-top: 0
    }

    .modal_dont-go .employee__fio {
        text-align: left;
        font-size: 12px;
        line-height: 14px
    }

    .modal_dont-go .employee__profession {
        text-align: left;
        font-size: 10px;
        line-height: 14px
    }

    .modal_dont-go .employee__about {
        position: absolute;
        width: 100%;
        bottom: -7px;
        left: 0
    }

    .modal_dont-go .employee__about>* {
        margin-right: 7px;
        padding-top: 3px;
        padding-bottom: 2px
    }

    .modal_dont-go .employee__about>:last-child {
        margin-right: 0
    }

    .modal_dont-go .employee__about .experience {
        padding-left: 6px;
        padding-right: 8px
    }
}

@media screen and (max-width: 767px) and (max-width:550px) {
    .modal__grid {
        flex-direction:column
    }
}

.free-diagnostic {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../images/ce66e4440772e9cebaabf939f05016fd.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative
}

.free-diagnostic .block-label_large {
    font-size: 113px;
    width: 395px
}

.free-diagnostic .block-label_large>span>span {
    margin-bottom: 0
}

.free-diagnostic .header__text {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    margin-top: 0
}

.free-diagnostic .h2 {
    margin-top: 20px
}

.free-diagnostic__grid {
    align-items: center;
    margin-left: -15px;
    margin-right: -15px
}

.free-diagnostic__grid>* {
    flex-basis: calc(100% - 660px);
    padding-left: 15px;
    padding-right: 15px
}

.free-diagnostic__grid>:nth-child(2) {
    flex-basis: 660px
}

.free-diagnostic__text {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    max-width: 555px;
    padding-left: 23px;
    margin-top: 34px
}

.free-diagnostic__text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.free-diagnostic__image {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.free-diagnostic__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 71.42857%
}

.free-diagnostic__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.free-diagnostic__content {
    margin-top: 3px
}

.free-diagnostic__button {
    margin-top: 40px;
    position: relative;
    max-width: 540px;
    padding-right: 160px
}

.free-diagnostic__button .btn {
    max-width: 362px
}

.free-diagnostic__button__image {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%)
}

.free-diagnostic__button-after {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #7f8f98;
    font-size: 16px;
    line-height: 22px;
    margin-top: 28px
}

@media screen and (max-width: 1349px) {
    .free-diagnostic {
        padding-top:67px;
        padding-bottom: 67px
    }

    .free-diagnostic .header__text {
        font-size: 22px
    }

    .free-diagnostic .h2 {
        margin-top: 10px
    }

    .free-diagnostic__grid>* {
        flex-basis: calc(100% - 430px)
    }

    .free-diagnostic__grid>:nth-child(2) {
        flex-basis: 430px
    }

    .free-diagnostic__text {
        font-size: 16px;
        line-height: 24px;
        margin-top: 12px
    }

    .free-diagnostic__button {
        margin-top: 23px;
        padding-right: 151px
    }

    .free-diagnostic__button__image {
        right: 0
    }

    .free-diagnostic__button-after {
        margin-top: 17px
    }
}

@media screen and (max-width: 1023px) {
    .free-diagnostic {
        padding-top:50px;
        padding-bottom: 50px
    }

    .free-diagnostic .block-label_large {
        display: block;
        width: 182px
    }

    .free-diagnostic .block-label_large * span {
        display: none
    }

    .free-diagnostic .header__text {
        font-size: 18px
    }

    .free-diagnostic .h2 {
        margin-top: 16px
    }

    .free-diagnostic__grid>* {
        flex-basis: calc(100% - 345px)
    }

    .free-diagnostic__grid>:nth-child(2) {
        flex-basis: 345px
    }

    .free-diagnostic__text {
        font-size: 14px;
        line-height: 22px
    }

    .free-diagnostic__image-wrapper {
        padding-right: 33px
    }

    .free-diagnostic__image {
        border-radius: 5px
    }

    .free-diagnostic__button {
        padding-right: 93px
    }

    .free-diagnostic__button__image {
        max-width: 118px;
        top: calc(100% + 28px);
        transform: none;
        right: auto
    }

    .free-diagnostic__button-after {
        font-size: 14px;
        line-height: 22px;
        margin-top: 23px;
        padding-left: 136px;
        min-height: 75px
    }

    .free-diagnostic__button-after br {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .free-diagnostic {
        padding-top:40px;
        padding-bottom: 40px;
        background-image: none;
        background-color: #f3f8f9
    }

    .free-diagnostic .block-label_large {
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%;
        height: 173px;
        transform: rotate(-180deg)
    }

    .free-diagnostic .header__text {
        font-size: 16px
    }

    .free-diagnostic .h2 {
        margin-top: 12px
    }

    .free-diagnostic__grid>*,.free-diagnostic__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .free-diagnostic__content {
        margin-left: 0
    }

    .free-diagnostic__button {
        padding-right: 0
    }

    .free-diagnostic__button__image {
        top: calc(100% + 36px);
        max-width: 106px
    }

    .free-diagnostic__button-after {
        font-size: 14px;
        line-height: 20px;
        padding-left: 120px;
        margin-top: 21px;
        min-height: 80px
    }

    .free-diagnostic__image-wrapper {
        padding-right: 0;
        padding-top: 20px
    }

    .free-diagnostic__note {
        font-size: 12px;
        line-height: 20px;
        padding-left: 91px;
        padding-right: 13px;
        min-height: 146px
    }
}

.question {
    position: relative;
    background-image: url(../images/159bcd421add82bf1d80a849ccc6522d.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-top: 91px;
    padding-bottom: 76px
}

.question .block-header:before {
    top: -2px
}

.question .header__text {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    padding: 1px 6px;
    margin-top: 0
}

.question .h2 {
    margin-top: 15px
}

.question .block-label_large {
    font-size: 113px;
    line-height: 117px;
    width: 388px
}

.question .block-label_large>span {
    transform: translate(-57%,-50%) rotate(-90deg)
}

.question__grid {
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.question__grid>* {
    flex-basis: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.question__content {
    padding-left: 62px
}

.question__text p {
    margin-top: 18px
}

.question__form {
    max-width: 458px;
    margin-top: 32px
}

.question__form .input {
    padding: 19px 30px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    border-color: #fff
}

.question__form .input:focus,.question__form .input:hover {
    border: 1px solid #784dba;
    box-shadow: 0 0 20px rgba(27,81,135,.5)
}

.question__form .textarea {
    padding: 19px 30px;
    min-height: 92px
}

.question__form .form__group_button {
    margin-top: 30px
}

.question__form .form__group_button .btn {
    max-width: 100%
}

.question__form .form__policy {
    margin-top: 15px;
    max-width: 386px
}

.question__image {
    position: relative;
    max-width: 630px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.question__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 71.42857%
}

.question__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

@media screen and (max-width: 1349px) {
    .question {
        padding-top:65px;
        padding-bottom: 64px
    }

    .question .header__text {
        font-size: 22px
    }

    .question .h2 {
        margin-top: 8px
    }

    .question .block-label_large {
        font-size: 105px;
        line-height: 94px;
        width: 288px
    }

    .question .block-label_large>span {
        transform: translate(-54.5%,-50%) rotate(-90deg)
    }

    .question__grid {
        justify-content: center
    }

    .question__content {
        padding-left: 0;
        margin-left: -30px
    }

    .question__form {
        margin-top: 27px
    }

    .question__form .input {
        font-size: 16px;
        margin-bottom: 5px;
        padding-left: 20px
    }

    .question__form .textarea {
        padding-left: 20px
    }

    .question__form .form__group_button {
        margin-top: 0
    }

    .question__form .btn {
        max-width: 100%;
        margin-top: 5px
    }

    .question__text p {
        margin-top: 10px
    }

    .question__text .list {
        margin-top: 5px
    }

    .question__text .list li {
        margin-top: 7px
    }

    .question__text .list li:first-child {
        margin-top: 0
    }

    .question__image {
        margin-bottom: 10px;
        margin-right: 50px
    }
}

@media screen and (max-width: 1023px) {
    .question {
        padding-top:48px;
        padding-bottom: 45px
    }

    .question .block-label_large {
        display: block;
        width: 180px
    }

    .question .block-label_large>span {
        display: none
    }

    .question .header__text {
        font-size: 18px;
        line-height: 28px
    }

    .question__image {
        border-radius: 5px;
        margin-right: 33px
    }

    .question__form {
        margin-top: 20px
    }

    .question__form .input {
        font-size: 14px;
        padding-left: 20px;
        padding-top: 11px;
        padding-bottom: 11px
    }

    .question__form .input::-webkit-input-placeholder {
        font-size: 14px
    }

    .question__form .input:-ms-input-placeholder {
        font-size: 14px
    }

    .question__form .input::placeholder {
        font-size: 14px
    }

    .question__form .textarea {
        min-height: 76px
    }

    .question__form .form__group_button {
        margin-top: 10px
    }

    .question__form .form__group_button .btn {
        max-width: 263px
    }

    .question__form .form__policy {
        margin-left: 0;
        padding-left: 0;
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .question {
        padding-top:40px;
        padding-bottom: 31px
    }

    .question .block-label_large {
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%;
        height: 173px;
        transform: scaleY(-1)
    }

    .question .header__text {
        font-size: 16px;
        padding-top: 2px
    }

    .question__grid>* {
        flex-basis: 100%;
        order: 2
    }

    .question__grid>:nth-child(2) {
        order: 1
    }

    .question__content {
        padding-left: 0;
        margin-left: 0;
        padding-right: 0
    }

    .question__image {
        margin-top: 23px;
        margin-right: 0
    }

    .question__form .input {
        margin-bottom: 10px;
        border-radius: 10px
    }

    .question__form .textarea {
        min-height: 76px;
        height: auto
    }

    .question__form .form__group_button .btn {
        max-width: 300px
    }

    .question__form .form__policy {
        text-align: left
    }
}

.methods {
    margin-top: 97px;
    margin-bottom: 96px
}

.methods__grid {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 16px
}

.methods__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px
}

.methods__image {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.methods__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 71.42857%
}

.methods__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.methods__note {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #d0e3ee;
    border-radius: 10px;
    overflow: hidden;
    max-width: 520px;
    margin-top: 10px;
    min-height: 105px;
    padding: 10px 27px 10px 130px;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    z-index: 1
}

.methods__note>i {
    position: absolute;
    left: 38px;
    top: 50%;
    transform: translateY(-50%)
}

.methods__note:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 0;
    width: 75px;
    height: 82px;
    background-image: url(../fonts/dcb82f149c63f35bf03653fcea61d7b1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    z-index: -1
}

.methods__content {
    padding-left: 60px;
    margin-top: 3px
}

.methods__content p.strong {
    margin-top: 29px
}

.methods__content .list,.methods__content .list>li {
    margin-top: 24px
}

.methods__content .list>li:first-child {
    margin-top: 0
}

.methods__button {
    margin-top: 40px;
    position: relative;
    max-width: 540px;
    padding-right: 160px
}

.methods__button .btn {
    max-width: 362px
}

.methods__button__image {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%)
}

.methods__button-after {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #7f8f98;
    font-size: 16px;
    line-height: 22px;
    margin-top: 28px
}

@media screen and (max-width: 1349px) {
    .methods {
        margin-top:72px;
        margin-bottom: 72px
    }

    .methods__grid {
        margin-top: 9px
    }

    .methods__image-wrapper {
        padding-right: 50px
    }

    .methods__note {
        min-height: 146px
    }

    .methods__content {
        padding-left: 0;
        margin-left: -30px;
        margin-top: -7px
    }

    .methods__content p.strong {
        margin-top: 15px
    }

    .methods__content .list {
        margin-top: 14px
    }

    .methods__content .list>li {
        margin-top: 16px
    }

    .methods__button {
        margin-top: 23px;
        padding-right: 151px
    }

    .methods__button__image {
        right: 0
    }
}

@media screen and (max-width: 1023px) {
    .methods {
        margin-top:47px;
        margin-bottom: 44px
    }

    .methods .h2 {
        font-size: 27px
    }

    .methods__grid {
        margin-top: 6px
    }

    .methods__image-wrapper {
        padding-right: 33px
    }

    .methods__image {
        border-radius: 5px
    }

    .methods__note {
        padding-left: 101px;
        min-height: 160px
    }

    .methods__note>i {
        max-width: 58px;
        left: 21px
    }

    .methods__content p.strong {
        margin-top: 22px
    }

    .methods__content .list>li {
        margin-top: 13px
    }

    .methods__button {
        padding-right: 93px
    }

    .methods__button__image {
        max-width: 78px
    }

    .methods__button-after {
        font-size: 14px;
        line-height: 22px;
        margin-top: 21px
    }
}

@media screen and (max-width: 767px) {
    .methods {
        margin-top:35px;
        margin-bottom: 40px
    }

    .methods .h2 {
        font-size: 24px;
        line-height: 30px
    }

    .methods__grid>* {
        flex-basis: 100%;
        margin-top: 24px
    }

    .methods__grid>:nth-child(2) {
        order: -1
    }

    .methods__content {
        margin-left: 0
    }

    .methods__content p.strong {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px
    }

    .methods__content .list {
        margin-top: 11px
    }

    .methods__content .list>li {
        margin-top: 8px
    }

    .methods__button {
        padding-right: 0
    }

    .methods__button__image {
        left: 0;
        top: auto;
        transform: none;
        bottom: -60px
    }

    .methods__button-after {
        font-size: 12px;
        line-height: 18px;
        padding-left: 85px;
        margin-top: 16px
    }

    .methods__image-wrapper {
        padding-right: 0
    }

    .methods__note {
        font-size: 12px;
        line-height: 20px;
        padding-left: 91px;
        padding-right: 13px;
        min-height: 146px
    }
}

@media screen and (max-width: 414px) {
    .methods__button__image {
        bottom:-74px
    }
}

.problems {
    position: relative;
    margin-top: 92px
}

.problems__grid {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 27px
}

.problems__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 34px
}

.problem__images-wrapper {
    padding: 30px 34px 58px 40px;
    background-color: #f3f8f9;
    border-radius: 10px
}

.problem__images {
    margin-left: -11px;
    margin-right: -11px
}

.problem__images>* {
    flex: 0 1 50%;
    padding-left: 11px;
    padding-right: 11px
}

.problem__images i {
    position: relative;
    display: block;
    max-width: 267px;
    border-radius: 10px;
    overflow: hidden
}

.problem__images i:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 71.91011%
}

.problem__images i img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.problem__text {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    display: flex;
    align-items: center;
    margin-left: 40px;
    margin-right: 34px;
    max-width: 520px;
    min-height: 54px;
    padding: 10px 25px 10px 58px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #d0e3ee;
    margin-top: -28px;
    position: relative
}

.problem__text br {
    display: none
}

.problem__text:before {
    content: "";
    position: absolute;
    left: 12px;
    top: -9px;
    width: 50px;
    height: 55px;
    background-image: url(../fonts/dcb82f149c63f35bf03653fcea61d7b1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top
}

.problem__text>span {
    position: relative;
    padding-left: 19px
}

.problem__text>span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 10px;
    height: 10px;
    background-color: #784dba;
    border-radius: 50%
}

.problem__button {
    margin-left: 40px;
    margin-top: 21px
}

.problem__button .btn {
    max-width: 295px
}

@media screen and (max-width: 1349px) {
    .problems {
        margin-top:75px
    }

    .problems__grid {
        margin-top: 9px
    }

    .problems__grid>* {
        margin-top: 31px
    }

    .problem__images-wrapper {
        padding: 18px 20px 50px
    }

    .problem__images {
        margin-left: -5px;
        margin-right: -5px
    }

    .problem__images>* {
        padding-left: 5px;
        padding-right: 5px
    }

    .problem__text {
        margin-left: 20px;
        max-width: 380px;
        padding-right: 50px;
        min-height: 66px;
        margin-top: -30px;
        padding-top: 12px
    }

    .problem__text br {
        display: block
    }

    .problem__button {
        margin-left: 20px
    }

    .problem__button .btn {
        max-width: 244px
    }
}

@media screen and (max-width: 1023px) {
    .problems {
        margin-top:46px
    }

    .problems__grid {
        margin-top: 0
    }

    .problems__grid>* {
        margin-top: 30px
    }

    .problem__images-wrapper {
        padding: 10px 10px 30px;
        border-radius: 5px
    }

    .problem__images i,.problem__text {
        border-radius: 5px
    }

    .problem__text {
        margin-left: 10px;
        margin-top: -19px;
        padding-left: 31px;
        padding-top: 8px;
        padding-bottom: 7px;
        min-height: 54px
    }

    .problem__text br {
        display: none
    }

    .problem__button {
        margin-left: 10px;
        margin-top: 15px
    }

    .problem__button .btn {
        max-width: 202px
    }
}

@media screen and (max-width: 767px) {
    .problems {
        margin-top:36px
    }

    .problems__grid>* {
        flex-basis: 100%;
        margin-top: 40px
    }

    .problems__grid>:first-child {
        margin-top: 22px
    }

    .problem__text {
        width: 100%;
        max-width: 255px;
        padding-left: 21px;
        padding-right: 10px;
        margin-top: -21px
    }

    .problem__button {
        margin-top: 20px
    }
}

.plastic {
    position: relative;
    background-image: url(../images/204612106d6a4f73bd9ddd4cde9696c7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    margin-top: 100px;
    padding-top: 84px;
    padding-bottom: 92px
}

.plastic .block-label_large {
    width: 392px;
    line-height: 121px
}

.plastic .block-label_large>span {
    transform: translate(-57.3%,-50%) rotate(-90deg)
}

.plastic .block-label_large>span span {
    font-size: 106px
}

.plastic__grid {
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    z-index: 2
}

.plastic__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px
}

.plastic__employee-wrapper {
    align-items: center;
    position: relative;
    margin-right: -15px
}

.plastic__employee__info {
    max-width: 198px;
    position: relative;
    z-index: 1;
    margin-left: 7px;
    margin-top: -15px
}

.plastic__employee__info .certificates {
    display: flex;
    position: relative;
    justify-content: center;
    margin-bottom: -10px;
    z-index: -1
}

.plastic__employee__info .certificates>:not(:first-child) {
    margin-left: -16px
}

.plastic__video {
    background-color: #d0e3ee;
    border-radius: 10px;
    text-align: center;
    min-height: 198px;
    box-shadow: 0 15px 25px rgba(0,0,0,.1);
    padding: 16px 8px 12px;
    margin-bottom: 30px
}

.plastic__video .btn_play {
    margin-left: auto;
    margin-right: auto
}

.plastic__video .title {
    font-weight: 500;
    font-style: normal;
    margin-top: 17px
}

.plastic__video .duration,.plastic__video .title {
    font-family: Geometria,sans-serif;
    font-size: 14px;
    line-height: 18px
}

.plastic__video .duration {
    font-weight: 400;
    font-style: italic;
    color: #7f8f98;
    margin-top: 7px
}

.plastic__employee {
    box-shadow: 0 15px 25px rgba(0,0,0,.1);
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    padding: 20px 20px 3px
}

.plastic__employee .name {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 24px
}

.plastic__employee .profession {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #7f8f98;
    font-size: 12px;
    line-height: 20px;
    margin-top: 9px
}

.plastic__employee .experience {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    background-color: #784dba;
    border-radius: 5px;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding: 5px 15px;
    transform: translateY(19px)
}

.plastic__employee__image {
    position: relative;
    width: 100%;
    max-width: 459px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-left: -38px
}

.plastic__employee__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 100%
}

.plastic__employee__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.plastic__content {
    padding-left: 67px
}

.plastic__text {
    position: relative;
    padding-left: 23px;
    margin-top: 15px
}

.plastic__text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.plastic__button {
    margin-top: 24px
}

.plastic__button .btn {
    max-width: 383px
}

.plastic__total {
    align-items: center;
    color: #fff;
    background-color: #784dba;
    max-width: 410px;
    padding: 10px 40px 10px 168px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 40px;
    min-height: 122px;
    position: relative;
    z-index: 1
}

.plastic__total .bg-value {
    font-weight: 500;
    left: 6px;
    top: -37px;
    font-size: 100px;
    line-height: 125px;
    color: #00a1d3;
    z-index: -1
}

.plastic__total .bg-value,.plastic__total .value {
    font-family: Geometria,sans-serif;
    font-style: normal;
    position: absolute
}

.plastic__total .value {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    left: 49px;
    top: 50%;
    transform: translateY(-47%)
}

.plastic__total .value b {
    font-size: 61px;
    line-height: 61px;
    color: #fff
}

.plastic__total .text {
    font-size: 16px;
    line-height: 26px
}

@media screen and (max-width: 1349px) {
    .plastic {
        margin-top:77px;
        padding-top: 74px;
        padding-bottom: 88px
    }

    .plastic>.block-label_large {
        width: 290px;
        font-size: 120px;
        line-height: 108px
    }

    .plastic>.block-label_large>span {
        transform: translate(-53.3%,-50%) rotate(-90deg)
    }

    .plastic__employee-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 390px
    }

    .plastic__employee__image {
        order: -1;
        max-width: 320px;
        margin-left: 15px
    }

    .plastic__employee__info {
        margin-left: -5px;
        margin-right: -5px;
        margin-top: -74px
    }

    .plastic__employee__info>* {
        max-width: 190px;
        margin-left: 5px;
        margin-right: 5px;
        border-radius: 5px
    }

    .plastic__video {
        margin-bottom: 0
    }

    .plastic__video br {
        display: none
    }

    .plastic__employee {
        margin-top: 0
    }

    .plastic__content {
        margin-left: -30px;
        padding-left: 0
    }

    .plastic__text {
        margin-top: 22px
    }

    .plastic__button {
        margin-top: 16px
    }
}

@media screen and (max-width: 1023px) {
    .plastic {
        margin-top:59px;
        padding-top: 40px;
        padding-bottom: 46px
    }

    .plastic>.block-label_large {
        display: block;
        width: 180px
    }

    .plastic>.block-label_large>span {
        display: none
    }

    .plastic__grid>* {
        flex-basis: 41.66%
    }

    .plastic__grid>:nth-child(2) {
        flex-basis: 58.33%
    }

    .plastic__employee-wrapper {
        margin-right: 0
    }

    .plastic__employee__image {
        margin-left: 0
    }

    .plastic__employee__info {
        margin-left: 0;
        margin-right: 0;
        flex-wrap: wrap;
        margin-top: -52px
    }

    .plastic__employee__info>* {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .plastic__employee__info>* img {
        max-width: 45px
    }

    .plastic__employee {
        order: -1;
        text-align: left;
        padding: 14px 16px 20px
    }

    .plastic__employee .name {
        font-size: 14px;
        line-height: 24px
    }

    .plastic__employee .profession {
        line-height: 18px;
        margin-top: 3px
    }

    .plastic__employee .experience {
        padding: 5px 13px;
        transform: none;
        margin-top: 4px
    }

    .plastic__video {
        margin-top: 10px;
        position: relative;
        text-align: left;
        padding: 10px 7px 9px 94px;
        min-height: 93px
    }

    .plastic__video .btn_play {
        position: absolute;
        left: 10px;
        top: 10px
    }

    .plastic__video .title {
        margin-top: 0
    }

    .plastic__video .duration {
        margin-top: 3px
    }

    .plastic__content {
        margin-left: 0;
        margin-top: -10px
    }

    .plastic__text {
        margin-top: 18px
    }

    .plastic__text:before {
        top: 5px
    }

    .plastic__button {
        margin-top: 22px
    }

    .plastic__button .btn {
        max-width: 315px
    }

    .plastic__total {
        margin-top: 30px;
        min-height: 102px;
        padding-left: 154px;
        padding-right: 30px;
        border-radius: 5px
    }

    .plastic__total .value {
        left: 36px
    }

    .plastic__total .text {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 767px) {
    .plastic {
        margin-top:40px;
        padding-top: 46px;
        background-image: none;
        background-color: #f3f8f9
    }

    .plastic>.block-label_large {
        display: none
    }

    .plastic:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 205px;
        background: linear-gradient(221.11deg,#784dba,#2f997c 28.06%,#fff 106.47%);
        transform: rotate(-180deg)
    }

    .plastic__grid>* {
        flex-basis: 100%
    }

    .plastic__grid>:nth-child(2) {
        order: -1;
        flex-basis: 100%
    }

    .plastic__text {
        padding-left: 18px
    }

    .plastic__total {
        min-height: 84px;
        padding-left: 119px;
        padding-right: 30px;
        margin-top: 10px
    }

    .plastic__total .text {
        font-size: 12px;
        line-height: 18px
    }

    .plastic__total .value {
        left: 33px
    }

    .plastic__total .value b {
        font-size: 50px;
        line-height: 49px
    }

    .plastic__employee__image {
        max-width: 176px;
        margin-top: 30px
    }

    .plastic__employee__info {
        margin-top: -31px
    }

    .plastic__employee__info .certificates>:not(:first-child) {
        margin-left: -7px
    }

    .plastic__employee .experience {
        font-size: 12px;
        line-height: 20px;
        padding: 5px 20px
    }

    .plastic__video {
        padding-left: 89px;
        padding-right: 28px;
        padding-top: 8px;
        min-height: 82px
    }

    .plastic__video .title {
        font-size: 12px;
        line-height: 16px
    }

    .plastic__video .duration {
        font-size: 12px;
        line-height: 18px;
        margin-top: 0
    }
}

.tomography {
    margin-top: 93px
}

.tomography__grid {
    margin-left: -15px;
    margin-right: -15px
}

.tomography__grid>* {
    flex: 0 1 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.tomography__text {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    padding-left: 23px;
    max-width: 560px;
    margin-top: 30px
}

.tomography__text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background-color: #784dba;
    border-radius: 50%
}

.tomography__note {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 160px;
    font-size: 22px;
    line-height: 28px;
    max-width: 570px;
    padding: 10px 165px 10px 40px;
    z-index: 1;
    margin-top: 30px
}

.tomography__note>div span {
    color: #784dba
}

.tomography__note>i {
    position: absolute;
    right: 0;
    bottom: 0
}

.tomography__note:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 52px);
    height: 100%;
    background-color: #d0e3ee;
    border-radius: 10px;
    z-index: -1
}

.tomography__button {
    margin-top: 40px
}

.tomography__button .btn {
    max-width: 330px
}

.tomography__cases {
    margin-left: -15px;
    margin-right: -15px
}

.tomography__cases>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 19px
}

.tomography__case__image {
    position: relative;
    max-width: 300px;
    border-radius: 10px;
    overflow: hidden
}

.tomography__case__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 130.66667%
}

.tomography__case__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.tomography__case__note {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    background-color: #784dba;
    border-radius: 10px;
    overflow: hidden;
    max-width: 229px;
    min-height: 88px;
    margin-left: 20px;
    margin-top: -35px;
    padding: 10px 25px 10px 92px
}

.tomography__case__note>i {
    position: absolute;
    left: 10px;
    width: 76px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 1349px) {
    .tomography {
        margin-top:75px
    }

    .tomography .h2 {
        display: none
    }

    .tomography .h2_mobile {
        display: block
    }

    .tomography__content {
        padding-right: 30px
    }

    .tomography__text {
        font-size: 16px;
        line-height: 24px;
        margin-top: 34px
    }

    .tomography__note {
        max-width: 400px;
        margin-top: 33px;
        font-size: 18px;
        line-height: 23px;
        padding-left: 25px;
        padding-right: 155px
    }

    .tomography__note:before {
        width: calc(100% - 80px)
    }

    .tomography__button .btn {
        max-width: 264px
    }

    .tomography__cases {
        margin-left: -41px;
        margin-right: -11px
    }

    .tomography__cases>* {
        padding-left: 11px;
        padding-right: 11px;
        margin-top: 9px
    }

    .tomography__case__note {
        margin-left: 0;
        margin-top: 10px
    }
}

@media screen and (max-width: 1023px) {
    .tomography {
        margin-top:44px
    }

    .tomography__content {
        padding-right: 33px
    }

    .tomography__text {
        font-size: 14px;
        line-height: 22px
    }

    .tomography__note {
        font-size: 14px;
        line-height: 18px;
        margin-top: 22px;
        padding-left: 20px;
        min-height: 124px;
        padding-top: 11px;
        padding-right: 115px
    }

    .tomography__note>i {
        max-width: 102px
    }

    .tomography__note:before {
        border-radius: 5px;
        width: calc(100% - 63px)
    }

    .tomography__button {
        margin-top: 30px
    }

    .tomography__cases {
        margin-left: -35px;
        margin-right: -5px
    }

    .tomography__cases>* {
        padding-left: 5px;
        padding-right: 5px
    }

    .tomography__case__note {
        padding-left: 65px;
        padding-right: 10px;
        min-height: 68px;
        border-radius: 5px
    }

    .tomography__case__note>i {
        transform: scale(.65) translateY(-50%);
        transform-origin: top left
    }

    .tomography__case__image {
        border-radius: 5px
    }
}

@media screen and (max-width: 767px) {
    .tomography {
        margin-top:34px
    }

    .tomography__grid>* {
        flex-basis: 100%;
        max-width: 100%
    }

    .tomography__content {
        padding-right: 0
    }

    .tomography__text {
        font-size: 12px;
        line-height: 18px;
        padding-left: 18px;
        margin-top: 9px
    }

    .tomography__text:before {
        top: 3px
    }

    .tomography__note {
        font-size: 12px;
        line-height: 15px;
        margin-top: 14px;
        min-height: 109px;
        padding-right: 122px
    }

    .tomography__note:before {
        width: calc(100% - 36px);
        background-color: #f3f8f9
    }

    .tomography__button {
        margin-top: 20px
    }

    .tomography__button .btn {
        max-width: 235px
    }

    .tomography__cases {
        margin-left: -4px;
        margin-right: -4px;
        margin-top: 20px
    }

    .tomography__cases>* {
        padding-left: 4px;
        padding-right: 4px;
        margin-top: 0
    }

    .tomography__case__note {
        justify-content: center;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 42px;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        margin-top: 6px
    }

    .tomography__case__note>i {
        left: 50%;
        top: 8px;
        transform: translateX(-50%) scale(.55);
        transform-origin: top center
    }

    .tomography__case__note>i.second {
        top: 11px
    }
}

.diagnostic {
    margin-top: 94px
}

.diagnostic__grid {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 17px
}

.diagnostic__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px
}

.diagnostic__image {
    position: relative;
    max-width: 630px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px
}

.diagnostic__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 71.42857%
}

.diagnostic__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.step__count {
    display: flex;
    align-items: center;
    position: relative
}

.step__count>span {
    font-weight: 500;
    font-style: italic;
    color: #fff;
    font-size: 22px;
    background-color: #784dba;
    padding: 11px 19px 10px 20px;
    border-radius: 10px
}

.step__count:after,.step__count>span {
    font-family: Geometria,sans-serif;
    display: inline-block;
    line-height: 28px
}

.step__count:after {
    font-weight: 700;
    font-style: normal;
    content: attr(data-number);
    font-size: 60px;
    color: #f2f0ed;
    margin-left: 24px;
    margin-bottom: -8px
}

.diagnostic__title {
    margin-top: 33px
}

.diagnostic__text {
    margin-top: 27px;
    margin-right: -344px;
    position: relative;
    z-index: 2
}

.diagnostic__text>* {
    align-items: center;
    flex-basis: calc(100% - 275px);
    min-height: 164px;
    border-radius: 10px;
    background-color: #d0e3ee
}

.diagnostic__text>:nth-child(2) {
    margin-left: 10px;
    flex-basis: 265px;
    background-color: #784dba
}

.diagnostic__text .text {
    font-size: 18px;
    line-height: 28px;
    padding: 40px 28px 40px 40px
}

.diagnostic__text .text>span {
    position: relative;
    padding-left: 23px
}

.diagnostic__text .text>span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.diagnostic__text .icons {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    color: #fff;
    padding: 10px 17px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.diagnostic__text .icons .plus {
    display: inline-block;
    margin-top: 5px
}

.diagnostic__text .icons .plus:nth-child(4) {
    margin-left: -16px
}

.diagnostic__text .icons img:nth-child(3) {
    margin-left: -3px
}

.diagnostic__text .icons img:last-child {
    margin-left: -14px
}

.diagnostic__button {
    align-items: center;
    margin-top: 30px
}

.diagnostic__button>* {
    margin-top: 10px;
    margin-bottom: 10px
}

.diagnostic__button .btn {
    max-width: 298px;
    margin-right: 20px
}

.diagnostic__button .diagnostic__button__text {
    flex: 0 1 calc(100% - 318px)
}

.diagnostic__button__text {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 22px;
    color: #6b6b6b
}

.diagnostic__image__icons_adaptive {
    display: none
}

@media screen and (max-width: 1349px) {
    .diagnostic {
        margin-top:60px
    }

    .diagnostic .h2 {
        margin-right: -24px
    }

    .diagnostic__grid {
        align-items: center
    }

    .step__count {
        margin-top: 2px
    }

    .step__count>span {
        font-size: 18px;
        line-height: 23px;
        border-radius: 5px;
        padding: 7px 16px 5px 11px
    }

    .step__count:after {
        font-size: 50px;
        margin-left: 8px
    }

    .diagnostic__title {
        padding-left: 0;
        margin-top: 17px
    }

    .diagnostic__title:beforE {
        content: none
    }

    .diagnostic__text {
        margin-top: 19px;
        margin-right: -256px
    }

    .diagnostic__text>* {
        min-height: 124px;
        flex-basis: calc(100% - 240px)
    }

    .diagnostic__text>:nth-child(2) {
        flex-basis: 231px;
        margin-left: 9px
    }

    .diagnostic__text .text {
        font-size: 16px;
        line-height: 24px;
        padding: 16px 24px 12px 17px
    }

    .diagnostic__text .icons {
        padding-top: 14px
    }

    .diagnostic__text .icons>:first-child {
        max-width: 67px
    }

    .diagnostic__text .icons>:nth-child(3) {
        max-width: 74px
    }

    .diagnostic__text .icons>:nth-child(5) {
        max-width: 52px
    }

    .diagnostic__button {
        flex-wrap: wrap;
        margin-top: 19px
    }

    .diagnostic__button .diagnostic__button__text {
        flex-basis: 100%;
        max-width: 445px
    }

    .diagnostic__image {
        margin-top: 0;
        margin-left: 50px
    }
}

@media screen and (max-width: 1023px) {
    .diagnostic {
        margin-top:42px
    }

    .diagnostic .h2 {
        margin-right: 0
    }

    .diagnostic__grid {
        margin-top: 0
    }

    .diagnostic__grid>* {
        margin-top: 26px
    }

    .step__count>span {
        font-size: 16px;
        line-height: 20px
    }

    .step__count:after {
        font-size: 40px
    }

    .diagnostic__title {
        margin-top: 22px
    }

    .diagnostic__text {
        margin-right: -210px
    }

    .diagnostic__text>* {
        flex-basis: calc(100% - 136px);
        border-radius: 5px;
        min-height: 124px
    }

    .diagnostic__text>:nth-child(2) {
        flex-basis: 126px;
        margin-left: 10px
    }

    .diagnostic__text .text {
        font-size: 14px;
        line-height: 22px;
        padding: 12px 24px 12px 11px
    }

    .diagnostic__text .text>span:before {
        top: 4px
    }

    .diagnostic__text .icons>:first-child {
        max-width: 56px;
        position: absolute;
        left: 11px;
        bottom: 15px
    }

    .diagnostic__text .icons>:nth-child(2) {
        position: absolute;
        left: 34px;
        top: 44px
    }

    .diagnostic__text .icons>:nth-child(3) {
        max-width: 61px;
        position: absolute;
        z-index: 1;
        top: 14px;
        left: 45px
    }

    .diagnostic__text .icons>:nth-child(4) {
        position: absolute;
        right: 30px;
        top: 44px;
        margin-left: 0
    }

    .diagnostic__text .icons>:nth-child(5) {
        max-width: 45px;
        position: absolute;
        right: 9px;
        bottom: 25px;
        margin-left: 0
    }

    .diagnostic__text .icons .plus {
        font-size: 18px
    }

    .diagnostic__button {
        margin-top: 21px;
        margin-right: -30px
    }

    .diagnostic__button .btn {
        max-width: 267px
    }

    .diagnostic__button .diagnostic__button__text {
        font-size: 14px;
        line-height: 22px
    }

    .diagnostic__image {
        margin-left: 33px;
        border-radius: 5px
    }
}

@media screen and (max-width: 767px) {
    .diagnostic {
        margin-top:37px
    }

    .diagnostic__grid>* {
        flex-basis: 100%;
        margin-top: 0
    }

    .diagnostic__content {
        margin-top: 13px
    }

    .diagnostic__title {
        margin-top: 24px
    }

    .diagnostic__text {
        margin-right: 0;
        margin-top: 13px
    }

    .diagnostic__text>* {
        flex-basis: 100%
    }

    .diagnostic__text>:nth-child(2) {
        flex-basis: 100%;
        margin-left: 0;
        display: none
    }

    .diagnostic__text .text {
        padding-right: 20px
    }

    .diagnostic__text .text>span {
        padding-left: 17px
    }

    .diagnostic__button {
        margin-top: 7px;
        margin-right: 0
    }

    .diagnostic__button .diagnostic__button__text {
        font-size: 12px;
        line-height: 20px;
        margin-top: 5px
    }

    .diagnostic__image__icons_adaptive {
        font-family: Geometria,sans-serif;
        font-weight: 700;
        font-style: normal;
        display: flex;
        align-items: center;
        background-color: #784dba;
        border-radius: 5px;
        max-width: 242px;
        height: 90px;
        position: relative;
        z-index: 2;
        font-size: 20px;
        color: #fff;
        padding: 0 18px;
        margin-top: 5px;
        margin-bottom: 15px
    }

    .diagnostic__image__icons_adaptive>* {
        margin-top: 8px
    }

    .diagnostic__image__icons_adaptive>:first-child {
        max-width: 61px
    }

    .diagnostic__image__icons_adaptive>:nth-child(2) {
        margin-left: 9px
    }

    .diagnostic__image__icons_adaptive>:nth-child(3) {
        max-width: 70px;
        margin-left: 1px
    }

    .diagnostic__image__icons_adaptive>:nth-child(4) {
        margin-left: -2px
    }

    .diagnostic__image__icons_adaptive>:nth-child(5) {
        max-width: 50px;
        margin-left: -10px
    }

    .diagnostic__image {
        margin-left: 0
    }
}

.implant {
    margin-top: 91px;
    padding-top: 92px;
    padding-bottom: 51px;
    position: relative;
    background-image: url(../images/c1d7474fa63d7551659fa206c8629743.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.implant .row {
    display: flex;
    justify-content: space-between
}

.implant__content {
    flex: 0 1 63%
}

.implant__content>* {
    flex: 0 1 56%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px
}

.implant__content>:nth-child(2) {
    flex-basis: 44%
}

.implant__text {
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding-left: 26px;
    margin-top: 11px;
    margin-bottom: 60px
}

.implant__text:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.implant__award {
    display: flex;
    align-items: center;
    max-width: 513px;
    background-color: #784dba;
    border-radius: 10px;
    padding: 7px 35px 8px 160px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    min-height: 86px;
    position: relative
}

.implant__award>i {
    position: absolute;
    left: 37px;
    top: 5px
}

.implant__prices {
    align-items: center;
    margin-top: 40px
}

.implant__image-wrapper {
    flex-basis: 36%;
    position: relative;
    z-index: 0;
    padding: 25px;
    align-self: center
}

.implant__price__flags {
    margin-right: 28px;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden
}

.implant__prices__image {
    position: relative
}

.implant__prices__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 100%
}

.implant__prices__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.implant__prices__image:before {
    content: "";
    position: absolute;
    width: calc(100% + 50px);
    height: calc(100% + 50px);
    left: -25px;
    top: -25px;
    border: 2px solid #784dba;
    border-radius: 50%;
    box-sizing: border-box
}

.implant__prices__image>i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    padding: 11px 11px 19px
}

.implant__prices__image>i:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(160deg,#3ea73f,#3ea73f 32.29%,#fff);
    transform: scaleX(-1);
    border-radius: 50%
}

.implant__prices__image>i img {
    max-width: 100%;
    position: relative;
    width: auto
}

.implant__prices__list {
    position: relative;
    z-index: 1;
    margin-bottom: 9px;
    display: flex;
    flex-wrap: wrap
}

.implant__price {
    margin-left: 13px;
    background: #fff;
    border-radius: 10px;
    min-height: 101px;
    padding: 40px 50px 38px 20px;
    margin-top: 20px
}

.implant__price .new,.implant__price .old {
    line-height: 20px
}

.implant__price .new {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #30b568;
    font-size: 30px;
    margin-right: 0;
    margin-bottom: 10px;
}

.implant__price.all-on {
    max-width: 515px;
    padding: 27px 37px 9px 21px
}

.implant__price.all-on .implant__price-wrapper {
    align-items: center;
    text-align: center;
}

.implant__price.all-on .implant__price__prices {
    margin-bottom: 23px;
    font-size: 18px;
    justify-content: center;
}

.implant__price.all-on .implant__price__flags {
    margin-right: 24px
}

.implant__price-wrapper {
    align-items: flex-start;
    justify-content: center;
}

.implant__price__content {
    padding-left: 10px
}

.implant__price__title {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
}

.implant__price__title>span {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    display: block;
    color: #6b6b6b;
    font-size: 12px;
    line-height: 20px;
    margin-top: 7px
}

.implant__price__prices {
    display: flex;
    margin-top: 5px
}

.implant__price__prices>* {
    white-space: nowrap
}

.implant__price__prices div {
    font-weight: 500;
    font-style: italic;
    font-size: 11px;
    line-height: 14px;
    max-width: 130px
}

.implant__prices-stock {
    display: flex;
    width: 700px;
    margin-top: 40px;
    justify-content: space-between
}

.implant__prices-stock .implant__prices-new__item {
    width: 335px;
    border-radius: 10px;
    background-color: #fff;
    padding: 30px 45px 35px 128px;
    position: relative;
    font-size: 18px;
    font-weight: 700
}

.implant__prices-stock .implant__prices-new__item .price {
    color: #30b568;
    font-weight: 700;
    font-size: 30px;
    line-height: 10px
}

.implant__prices-stock .implant__prices-new__item .state {
    font-size: 12px;
    line-height: 20px;
    font-style: italic;
    font-weight: 400
}

.implant__prices-stock .implant__prices-new__item:before {
    content: "";
    position: absolute;
    width: 63px;
    height: 50%;
    left: 35px;
    top: 35px;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat
}

.implant__prices-stock .implant__prices-new__item.state-flag_korea:before {
    background-image: url(../images/517189203b6d897d886a8e4e1be755b1.png)
}

.implant__prices-stock .implant__prices-new__item.state-flag_israel:before {
    background-image: url(../images/9c0d1e0d7cae9d37456c0d6989c17e38.png)
}

.implant__prices-stock__image-wrapper {
    width: 20vw;
    max-width: 280px;
    transform: translateX(-100px)
}

@media screen and (max-width: 1349px) {
    .implant {
        margin-top:48px;
        padding-top: 63px;
        padding-bottom: 37px
    }

    .implant__content {
        margin-top: 0
    }

    .implant__content>* {
        flex-basis: 50%;
        margin-top: 0
    }

    .implant__content>:nth-child(2) {
        flex-basis: 50%
    }

    .implant__text {
        font-size: 16px;
        line-height: 24px
    }

    .implant__award {
        margin-top: 12px;
        min-height: 94px;
        padding-left: 90px;
        padding-right: 21px
    }

    .implant__award>i {
        left: 20px;
        top: 10px
    }

    .implant__prices {
        margin-top: 29px
    }

    .implant__prices__image:before {
        top: -22px;
        left: -22px;
        width: calc(100% + 44px);
        height: calc(100% + 44px)
    }

    .implant__prices__list {
        margin-bottom: 6px
    }

    .implant__price {
        margin-top: 10px;
        margin-left: 10px;
        padding-right: 25px
    }

    .implant__price__title {
        margin-left: 7px
    }

    .implant__price__prices {
        text-align: right;
        margin-top: 6px
    }

    .implant__price__prices .old {
        display: block;
        margin-right: 0;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 4px
    }

    .implant__price__prices .new {
        font-size: 25px;
        line-height: 25px
    }
}

@media screen and (max-width: 1023px) {
    .implant {
        margin-top:34px;
        padding-top: 45px;
        padding-bottom: 48px
    }

    .implant .h2 {
        margin-left: 3px
    }

    .implant__award {
        border-radius: 5px;
        margin-top: 7px;
        min-height: 109px
    }

    .implant__award>i {
        top: 14px
    }

    .implant__text {
        font-size: 14px;
        line-height: 22px;
        margin-top: 19px
    }

    .implant__text:before {
        top: 5px
    }

    .implant__prices {
        margin-top: 17px
    }

    .implant__prices__list {
        margin-bottom: 0
    }

    .implant__price {
        position: relative;
        padding-left: 70px;
        display: block;
        padding-top: 18px;
        min-height: unset;
        width: 100%
    }

    .implant__price .new {
        padding-left: 10px;
        font-size: 22px
    }

    .implant__price.all-on {
        max-width: 578px
    }

    .implant__price__flags {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .implant__price__title {
        margin-left: 0;
        font-size: 18px;
        line-height: 20px
    }

    .implant__price__title>span {
        margin-top: 2px
    }

    .implant__price__prices {
        margin-top: 3px;
        text-align: left
    }

    .implant__price__prices .old {
        display: inline;
        margin-right: 5px
    }

    .implant__price__prices .new {
        font-size: 22px
    }

    .implant__prices__image:before {
        top: -19px;
        left: -19px;
        width: calc(100% + 38px);
        height: calc(100% + 38px)
    }

    .implant__price.all-on .implant__price-wrapper {
        flex-wrap: nowrap
    }

    .implant__price.all-on .implant__price__flags {
        position: static;
        transform: none
    }
}

@media screen and (max-width: 769px) {
    .implant__content {
        flex:0 1 100%
    }

    .implant {
        margin-top: 40px;
        padding-top: 35px;
        padding-bottom: 40px
    }

    .implant .h2 {
        margin-left: 0;
        padding-right: 15px
    }

    .implant__text {
        margin-top: 7px;
        padding-left: 18px
    }

    .implant__text:before {
        left: 0
    }

    .implant__award {
        margin-top: 13px;
        padding-top: 10px;
        padding-left: 78px;
        padding-bottom: 10px
    }

    .implant__award>i {
        left: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    .implant__prices {
        margin-top: 36px
    }

    .implant__image-wrapper {
        width: 36%;
        height: 36%;
        position: absolute;
        top: 0;
        right: 0;
        align-self: flex-start;
        opacity: .4
    }

    .implant__prices__image:before {
        left: -15px;
        top: -15px;
        width: calc(100% + 30px);
        height: calc(100% + 30px)
    }

    .implant__prices__image>i {
        padding: 5px 5px 12px
    }

    .implant__price {
        padding: 28px 10px 9px;
        margin-left: 0;
        margin-top: 16px;
        border-radius: 5px;
        min-width: 100%
    }

    .implant__price__flags {
        display: flex;
        align-items: flex-start;
        top: -6px;
        left: 10px;
        transform: none;
        margin-left: 0;
        margin-right: 0
    }

    .implant__price__flags>i {
        max-width: 40px;
        min-width: 40px;
        margin-right: 5px;
        margin-top: 0
    }

    .implant__price__flags>i:last-child {
        margin-right: 0
    }

    .implant__price__prices .old,.implant__price__title {
        font-size: 14px;
        line-height: 20px
    }

    .implant__price__prices .old {
        margin-bottom: 1px
    }

    .implant__price__prices .new {
        font-size: 16px;
        line-height: 20px
    }

    .container_right {
        display: none
    }

    .implant__prices-stock {
        width: 100%;
        margin-top: 25px;
        flex-direction: column
    }

    .implant__prices-stock .implant__prices-new__item {
        max-width: 400px;
        width: 100%;
        border-radius: 5px;
        padding: 35px 47px 35px 120px;
        margin-bottom: 20px
    }

    .implant__prices-stock .implant__prices-new__item:before {
        left: 27px
    }

    .implant__price.all-on {
        padding-right: 24px
    }

    .implant__price.all-on .implant__price__flags {
        display: none
    }

    .implant__price.all-on .new {
        font-size: 22px
    }
}

@media screen and (max-width: 365px) {
    .implant__prices-stock .implant__prices-new__item {
        font-size:16px;
        width: 100%;
        border-radius: 5px;
        padding: 25px 47px 30px 90px;
        margin-bottom: 20px
    }

    .implant__prices-stock .implant__prices-new__item .price {
        margin-top: -10px;
        font-size: 20px
    }

    .implant__prices-stock .implant__prices-new__item:before {
        top: 27px;
        left: 15px
    }

    .implant__image-wrapper {
        width: 50%;
        height: 50%;
        opacity: .2
    }
}

.order {
    padding-top: 100px;
    padding-bottom: 62px;
    background-color: #f3f8f9
}

.order__grid {
    align-items: center;
    margin-left: -15px;
    margin-right: -15px
}

.order__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px
}

.order__image {
    position: relative;
    max-width: 630px;
    border-radius: 10px;
    overflow: hidden
}

.order__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 71.42857%
}

.order__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.order__text {
    margin-right: -344px;
    position: relative;
    z-index: 2;
    margin-top: 40px
}

.order__text>* {
    align-items: center;
    flex-basis: calc(100% - 275px);
    min-height: 134px;
    border-radius: 10px;
    background-color: #d0e3ee
}

.order__text>:nth-child(2) {
    margin-left: 10px;
    flex-basis: 265px;
    background-color: #784dba
}

.order__text .text {
    font-size: 18px;
    line-height: 28px;
    padding: 40px 28px 40px 40px
}

.order__text .text>span {
    position: relative;
    padding-left: 23px
}

.order__text .text>span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.order__text .note {
    display: flex;
    align-items: center;
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 19px 10px 115px;
    position: relative
}

.order__text .note>i {
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%)
}

.order__button {
    margin-top: 40px
}

.order__button .btn {
    max-width: 298px
}

@media screen and (max-width: 1349px) {
    .order {
        padding-top:70px;
        padding-bottom: 67px
    }

    .order .h2 br {
        display: none
    }

    .order__grid {
        align-items: flex-start
    }

    .order__content {
        margin-right: -40px
    }

    .order__image {
        margin-left: 50px
    }

    .order__text {
        margin-top: 30px;
        margin-right: -216px
    }

    .order__text>* {
        flex-basis: calc(100% - 240px);
        min-height: 124px
    }

    .order__text>:nth-child(2) {
        flex-basis: 231px;
        margin-left: 9px
    }

    .order__text .text {
        padding: 16px 25px 12px 17px;
        font-size: 16px;
        line-height: 24px
    }

    .order__text .note {
        padding-left: 87px;
        padding-right: 13px
    }

    .order__text .note>i {
        max-width: 70px;
        left: 9px
    }

    .order__button {
        margin-top: 30px
    }
}

@media screen and (max-width: 1023px) {
    .order {
        padding-top:47px;
        padding-bottom: 50px
    }

    .order__grid {
        align-items: center
    }

    .order__text {
        margin-top: 20px;
        margin-right: -170px
    }

    .order__text>* {
        border-radius: 5px;
        flex-basis: calc(100% - 168px)
    }

    .order__text>:nth-child(2) {
        flex-basis: 158px
    }

    .order__text .text {
        font-size: 14px;
        line-height: 22px;
        padding: 14px 25px 12px 11px
    }

    .order__text .text>span:before {
        top: 3px
    }

    .order__text .note {
        padding: 48px 7px 12px;
        text-align: center;
        font-size: 12px;
        line-height: 16px
    }

    .order__text .note>i {
        max-width: 38px;
        top: 6px;
        left: 50%;
        transform: translateX(-50%)
    }

    .order__button .btn {
        max-width: 267px
    }

    .order__image {
        margin-left: 33px;
        border-radius: 5px;
        margin-top: 9px
    }
}

@media screen and (max-width: 767px) {
    .order {
        padding-top:40px;
        padding-bottom: 40px;
        position: relative;
        z-index: 1
    }

    .order:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 175px;
        background: linear-gradient(221.11deg,#784dba,#2f997c 28.06%,#fff 106.47%);
        transform: rotate(-180deg);
        z-index: -1
    }

    .order__grid>* {
        flex-basis: 100%
    }

    .order__content,.order__text {
        margin-right: 0
    }

    .order__text {
        margin-top: 12px
    }

    .order__text>*,.order__text>:nth-child(2) {
        flex-basis: 100%
    }

    .order__text .text {
        padding: 12px 20px 11px 10px;
        min-height: 111px
    }

    .order__text .text>span {
        padding-left: 18px
    }

    .order__text .note {
        margin-left: 0;
        margin-top: 10px;
        min-height: 111px;
        text-align: left;
        font-size: 14px;
        line-height: 22px;
        padding-left: 88px;
        padding-top: 10px;
        padding-right: 12px
    }

    .order__text .note>i {
        max-width: 62px;
        left: 12px;
        top: 50%;
        transform: translateY(-50%)
    }

    .order__button {
        margin-top: 20px
    }

    .order__button .btn {
        max-width: 225px
    }

    .order__image {
        margin-left: 0;
        margin-top: 30px
    }
}

.not-pain {
    padding-top: 97px;
    padding-bottom: 104px;
    position: relative
}

.not-pain>.block-label_large {
    width: 392px;
    font-size: 112px;
    line-height: 121px
}

.not-pain>.block-label_large>span {
    transform: translate(-57.5%,-50%) rotate(-90deg)
}

.not-pain__composition {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    min-width: 883px
}

.not-pain__composition__one {
    position: absolute;
    left: 23px;
    bottom: 0;
    z-index: 0
}

.not-pain__composition__two {
    position: absolute;
    left: -7px;
    bottom: 332px
}

.not-pain__image {
    position: absolute;
    left: 183px;
    bottom: 0;
    z-index: 1
}

.not-pain__grid {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    z-index: 2
}

.not-pain__grid>* {
    flex: 0 1 41.66%;
    padding-left: 15px;
    padding-right: 15px
}

.not-pain__grid>:nth-child(2) {
    flex-basis: 58.33%
}

.not-pain__content {
    padding-left: 41px
}

.not-pain__content .h2 {
    margin-top: 32px
}

.not-pain__text {
    background-color: #d0e3ee;
    border-radius: 10px;
    padding: 30px 40px;
    font-size: 18px;
    line-height: 28px;
    margin-top: 28px
}

.not-pain__text>span {
    position: relative;
    display: block;
    padding-left: 23px
}

.not-pain__text>span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.not-pain__note {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    display: flex;
    align-items: center;
    background-color: #30b568;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 25px;
    min-height: 128px;
    padding: 10px 40px 12px 156px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    position: relative
}

.not-pain__note>i {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-51%)
}

@media screen and (max-width: 1349px) {
    .not-pain {
        padding-top:66px;
        padding-bottom: 69px
    }

    .not-pain>.block-label_large {
        width: 207px;
        font-size: 104px;
        line-height: 94px
    }

    .not-pain>.block-label_large>span {
        transform: translate(-50.5%,-51.5%) rotate(-90deg)
    }

    .not-pain__composition__one {
        left: -114px;
        max-width: 605px
    }

    .not-pain__composition__two {
        left: -136px;
        max-width: 262px;
        bottom: 252px
    }

    .not-pain__image {
        max-width: 532px;
        left: -3px
    }

    .not-pain__grid>*,.not-pain__grid>:nth-child(2) {
        flex-basis: 50%
    }

    .not-pain__content {
        padding-left: 0;
        margin-left: -16px
    }

    .not-pain__content .h2 {
        margin-top: 17px
    }

    .not-pain__text {
        margin-top: 21px;
        font-size: 16px;
        line-height: 24px;
        padding: 16px 24px 12px 17px
    }

    .not-pain__note {
        padding: 14px 16px 14px 125px
    }

    .not-pain__note>i {
        left: 13px
    }
}

@media screen and (max-width: 1023px) {
    .not-pain {
        padding-top:48px;
        padding-bottom: 50px
    }

    .not-pain>.block-label_large {
        display: block;
        width: 141px;
        transform: scaleX(-1)
    }

    .not-pain>.block-label_large>span {
        display: none
    }

    .not-pain__image {
        max-width: 504px;
        left: -83px
    }

    .not-pain__composition__one {
        max-width: 506px;
        left: -102px
    }

    .not-pain__composition__two {
        max-width: 219px;
        margin-left: -120px
    }

    .not-pain__grid>* {
        flex-basis: 41.66%
    }

    .not-pain__grid>:nth-child(2) {
        flex-basis: 58.33%
    }

    .not-pain__content {
        margin-left: -30px
    }

    .not-pain__content .h2 {
        margin-top: 22px
    }

    .not-pain__text {
        border-radius: 5px;
        font-size: 14px;
        line-height: 22px;
        padding: 16px 13px 19px 11px
    }

    .not-pain__text>span:before {
        top: 4px
    }

    .not-pain__note {
        padding-left: 101px;
        border-radius: 5px
    }

    .not-pain__note>i {
        max-width: 76px
    }
}

@media screen and (max-width: 767px) {
    .not-pain {
        padding-top:38px;
        padding-bottom: 40px;
        z-index: 1
    }

    .not-pain>.block-label_large {
        display: none
    }

    .not-pain:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(221.11deg,#784dba,#2f997c 28.06%,#fff 106.47%);
        width: 100%;
        height: 219px;
        z-index: -1;
        transform: rotate(-180deg)
    }

    .not-pain__composition {
        min-width: 100%
    }

    .not-pain__composition__one {
        width: 350px;
        left: -29px
    }

    .not-pain__composition__two {
        width: 152px;
        margin-left: 0;
        left: -46px;
        bottom: 145px
    }

    .not-pain__image {
        width: 327px;
        left: 71px
    }

    .not-pain__grid>*,.not-pain__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .not-pain__content {
        margin-left: 0
    }

    .not-pain__text {
        margin-top: 15px;
        padding: 11px 13px 10px 10px
    }

    .not-pain__text>span {
        padding-left: 18px
    }

    .not-pain__note {
        width: 163px;
        padding: 72px 15px 12px 16px;
        font-size: 12px;
        line-height: 20px
    }

    .not-pain__note>i {
        max-width: 65px;
        left: 11px;
        top: 15px;
        transform: none
    }

    .not-pain__sedation {
        display: none
    }

    .not-pain__grid {
        padding-bottom: 270px
    }

    .not-pain__note {
        width: 100%
    }
}

.recovery {
    background-color: #f3f8f9;
    padding-top: 100px;
    padding-bottom: 100px
}

.recovery__grid {
    margin-left: -15px;
    margin-right: -15px
}

.recovery__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px
}

.recovery__image {
    position: relative;
    max-width: 630px;
    border-radius: 10px;
    overflow: hidden
}

.recovery__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 71.42857%
}

.recovery__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.recovery__content {
    margin-top: 25px;
    position: relative;
    z-index: 1
}

.recovery__text {
    background-color: #d0e3ee;
    border-radius: 10px;
    overflow: hidden;
    padding: 26px 28px 26px 40px;
    margin-right: -69px;
    margin-top: 33px;
    font-size: 18px;
    line-height: 28px
}

.recovery__text>div {
    position: relative;
    padding-left: 23px
}

.recovery__text>div:first-child {
    margin-bottom: 30px
}

.recovery__text>div:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.recovery__text span {
    color: #784dba;
    font-weight: 700
}

.recovery__text strong {
    display: block;
    margin-top: 28px
}

.recovery__note {
    display: flex;
    align-items: center;
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    color: #fff;
    background-color: #30b568;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    min-height: 164px;
    padding: 15px 25px 15px 220px;
    margin-right: -69px;
    margin-top: 10px;
    z-index: 1
}

.recovery__note>i {
    position: absolute;
    left: 58px;
    top: 33px
}

@media screen and (max-width: 1349px) {
    .recovery {
        padding-top:59px;
        padding-bottom: 75px
    }

    .recovery__grid>* {
        flex-basis: 58.33%
    }

    .recovery__grid>:nth-child(2) {
        flex-basis: 41.66%
    }

    .recovery__content {
        margin-top: 0
    }

    .recovery__text {
        margin-top: 19px;
        margin-right: -41px;
        font-size: 16px;
        line-height: 28px;
        padding: 20px 28px 20px 17px
    }

    .recovery__text strong {
        margin-top: 0
    }

    .recovery__note {
        margin-right: -41px;
        font-size: 18px;
        padding-left: 191px;
        min-height: 99px
    }

    .recovery__note>i {
        max-width: 120px;
        left: 24px;
        top: 14px
    }

    .recovery__note:before {
        top: -28px;
        left: 10px
    }

    .recovery__image {
        margin-left: -30px;
        margin-top: 18px;
        border-radius: 5px
    }
}

@media screen and (max-width: 1023px) {
    .recovery {
        padding-top:46px;
        padding-bottom: 63px
    }

    .recovery__grid {
        align-items: flex-start
    }

    .recovery__image {
        margin-top: 40px
    }

    .recovery__text {
        margin-top: 22px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 22px;
        margin-right: -93px;
        padding: 15px 28px 14px 11px
    }

    .recovery__text>div:before {
        top: 4px
    }

    .recovery__note {
        font-family: Geometria,sans-serif;
        font-weight: 400;
        font-style: italic;
        border-radius: 5px;
        min-height: 95px;
        margin-right: -93px;
        font-size: 16px;
        line-height: 20px;
        padding-left: 171px
    }

    .recovery__note>i {
        top: 11px
    }
}

@media screen and (max-width: 767px) {
    .recovery {
        padding-top:40px;
        padding-bottom: 40px;
        position: relative;
        z-index: 1
    }

    .recovery:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 175px;
        background: linear-gradient(221.11deg,#784dba,#2f997c 28.06%,#fff 106.47%);
        transform: rotate(-180deg);
        z-index: -1
    }

    .recovery__grid>*,.recovery__grid>:nth-child(2) {
        flex-basis: 100%
    }

    .recovery__text {
        margin-right: 0;
        margin-top: 12px;
        padding-top: 12px;
        padding-right: 15px;
        padding-bottom: 8px
    }

    .recovery__text>div {
        padding-left: 18px
    }

    .recovery__note {
        margin-right: 0;
        padding-left: 148px;
        min-height: 111px
    }

    .recovery__note>i {
        left: 11px;
        top: 16px
    }

    .recovery__note:before {
        width: 82px;
        height: 82px;
        top: -35px
    }

    .recovery__image {
        margin-left: 0;
        margin-top: 20px
    }
}

.guarantee {
    position: relative;
    padding-top: 115px;
    padding-bottom: 85px;
    background-image: url(../images/79983e1951aaa50c6e5b48ae2035c390.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.guarantee>.block-label_large {
    width: 392px;
    font-size: 113px;
    line-height: 121px
}

.guarantee>.block-label_large>span {
    transform: translate(-57.5%,-50%) rotate(-90deg)
}

.guarantee__grid {
    margin-left: -15px;
    margin-right: -15px
}

.guarantee__grid>* {
    flex: 0 1 50%;
    padding-left: 15px;
    padding-right: 15px
}

.guarantee__content {
    margin-top: 4px;
    position: relative;
    z-index: 1
}

.guarantee__content .h2 {
    margin-left: 60px
}

.guarantee__image {
    position: relative;
    max-width: 630px;
    border-radius: 10px;
    overflow: hidden
}

.guarantee__image:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 71.42857%
}

.guarantee__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.guarantee__text {
    background-color: #d0e3ee;
    border-radius: 10px;
    overflow: hidden;
    padding: 26px 28px 26px 40px;
    margin-left: -69px;
    margin-top: 48px;
    font-size: 18px;
    line-height: 28px
}

.guarantee__text>div {
    position: relative;
    padding-left: 23px
}

.guarantee__text>div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #784dba
}

.guarantee__text strong {
    display: block;
    margin-bottom: 23px
}

.guarantee__text span {
    display: block;
    margin-top: 28px
}

.guarantee__note {
    display: flex;
    align-items: center;
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    background-color: #30b568;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    min-height: 164px;
    padding: 15px 45px 15px 215px;
    margin-left: -69px;
    margin-top: 10px;
    z-index: 1
}

.guarantee__note>i {
    position: absolute;
    left: 53px;
    top: 50%;
    transform: translateY(-50%)
}

.guarantee__note:before {
    content: "";
    position: absolute;
    left: 4px;
    top: -19px;
    width: 77px;
    height: 90px;
    background-image: url(../fonts/9d83c334d2260e9c4162461f2020b5d7.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    z-index: -1
}

.guarantee__note>div>span {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 14px
}

@media screen and (max-width: 1349px) {
    .guarantee {
        padding-top:70px;
        padding-bottom: 55px
    }

    .guarantee>.block-label_large {
        width: 287px;
        font-size: 95px;
        line-height: 85px
    }

    .guarantee>.block-label_large>span {
        transform: translate(-55.5%,-47.5%) rotate(-90deg)
    }

    .guarantee__grid>* {
        flex-basis: 41.66%
    }

    .guarantee__grid>:nth-child(2) {
        flex-basis: 58.33%
    }

    .guarantee__image {
        margin-right: -30px
    }

    .guarantee__content {
        margin-top: 0
    }

    .guarantee__content .h2 {
        margin-left: 65px
    }

    .guarantee__text {
        margin-left: -30px;
        margin-top: 19px;
        font-size: 16px;
        line-height: 24px;
        padding: 15px 28px 13px 24px
    }

    .guarantee__text>div>span {
        margin-top: 0
    }

    .guarantee__note {
        margin-left: -30px;
        font-size: 14px;
        line-height: 18px;
        padding-top: 17px;
        padding-left: 105px;
        padding-right: 23px;
        min-height: 96px
    }

    .guarantee__note>div>span {
        font-size: 14px;
        line-height: 18px;
        margin-top: 9px
    }

    .guarantee__note>i {
        max-width: 68px;
        left: 18px
    }
}

@media screen and (max-width: 1023px) {
    .guarantee {
        padding-top:46px;
        padding-bottom: 50px
    }

    .guarantee>.block-label_large {
        display: block;
        width: 180px
    }

    .guarantee>.block-label_large>span {
        display: none
    }

    .guarantee__image {
        margin-top: 30px;
        border-radius: 5px
    }

    .guarantee__text {
        margin-left: -93px;
        margin-top: 22px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 22px;
        padding: 15px 28px 14px 11px
    }

    .guarantee__text>div:before {
        top: 4px
    }

    .guarantee__note {
        border-radius: 5px;
        margin-left: -93px;
        padding-left: 108px
    }

    .guarantee__note>i {
        left: 21px
    }
}

@media screen and (max-width: 767px) {
    .guarantee {
        padding-top:34px;
        padding-bottom: 57px;
        z-index: 1
    }

    .guarantee>.block-label_large {
        display: none
    }

    .guarantee:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 206px;
        background: linear-gradient(221.11deg,#784dba,#2f997c 28.06%,#fff 106.47%);
        transform: rotate(-180deg);
        z-index: -1
    }

    .guarantee__grid>* {
        flex-basis: 100%
    }

    .guarantee__grid>:nth-child(2) {
        order: -1;
        flex-basis: 100%
    }

    .guarantee__content .h2 {
        margin-left: 0
    }

    .guarantee__text {
        margin-left: 0;
        margin-top: 12px;
        padding: 12px 20px 8px 11px
    }

    .guarantee__text>div {
        padding-left: 18px
    }

    .guarantee__text strong {
        font-family: Geometria,sans-serif;
        font-weight: 400;
        font-style: normal
    }

    .guarantee__note {
        margin-left: 0;
        padding: 68px 23px 19px 28px
    }

    .guarantee__note>div>span {
        margin-top: 5px
    }

    .guarantee__note>i {
        left: 28px;
        top: 20px
    }

    .guarantee__note:before {
        left: auto;
        right: 4px;
        top: -13px
    }

    .guarantee__image {
        margin-right: 0;
        margin-top: 10px
    }
}

.faq {
    background-color: #f3f8f9;
    position: relative;
    padding-top: 95px;
    padding-bottom: 100px
}

.faq__container {
    margin-top: 50px
}

.faq__item {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 30px;
    display: none;
    opacity: 0;
    transition: .2s ease
}

.faq__item.shown {
    align-items: flex-start
}

.faq__item.visible {
    opacity: 1
}

.faq__item>* {
    flex: 0 1 35.6%;
    padding-left: 15px;
    padding-right: 15px
}

.faq__item>:nth-child(2) {
    flex-basis: 64.4%
}

.faq__question {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 30px 30px 20px 103px
}

.faq__question__author {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 20px
}

.faq__question__author>i {
    position: absolute;
    left: 30px;
    top: 30px
}

.faq__question__text {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px
}

.faq__answer {
    background-color: #d0e3ee;
    border-radius: 10px;
    position: relative;
    padding: 30px 30px 24px 103px
}

.faq__answer:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 20px;
    width: 0;
    height: 0;
    border-color: transparent #d0e3ee transparent transparent;
    border-style: solid;
    border-width: 7.5px 15px 7.5px 0
}

.faq__answer__author {
    font-family: Geometria,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #784dba;
    font-size: 18px;
    line-height: 20px
}

.faq__answer__author>i {
    position: absolute;
    left: 31px;
    top: 30px;
    width: 51px;
    height: 51px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff
}

.faq__answer__author br {
    display: none
}

.faq__answer__text {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px
}

.faq__show-more {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px
}

@media screen and (max-width: 1349px) {
    .faq {
        padding-top:64px;
        padding-bottom: 74px
    }

    .faq__container {
        margin-top: 31px
    }

    .faq__item {
        margin-top: 20px
    }

    .faq__item>* {
        flex-basis: 36.6%
    }

    .faq__item>:nth-child(2) {
        flex-basis: 63.4%
    }

    .faq__question {
        padding-left: 30px
    }

    .faq__question__author {
        display: flex;
        align-items: center;
        position: relative;
        min-height: 51px;
        padding-left: 70px
    }

    .faq__question__author>i {
        left: 0;
        top: 0
    }

    .faq__question__text {
        margin-top: 17px
    }

    .faq__answer {
        padding-left: 30px
    }

    .faq__answer__author {
        display: flex;
        align-items: center;
        position: relative;
        min-height: 51px;
        padding-left: 70px
    }

    .faq__answer__author>i {
        left: 0;
        top: 0
    }

    .faq__answer__text {
        margin-top: 17px
    }

    .faq__show-more {
        margin-top: 40px
    }
}

@media screen and (max-width: 1023px) {
    .faq {
        padding-top:45px;
        padding-bottom: 50px
    }

    .faq .h2 i {
        display: none
    }

    .faq__container {
        margin-top: 0
    }

    .faq__item {
        margin-top: 30px
    }

    .faq__item>*,.faq__item>:nth-child(2) {
        flex-basis: 100%
    }

    .faq__item:first-child {
        margin-top: 20px
    }

    .faq__question {
        padding-top: 20px;
        padding-bottom: 13px;
        border-radius: 5px
    }

    .faq__question__author {
        font-size: 16px
    }

    .faq__question__text {
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px
    }

    .faq__answer {
        margin-top: 21px
    }

    .faq__answer:before {
        border-width: 0 6.5px 12px;
        border-color: transparent transparent #d0e3ee;
        top: -12px;
        left: 48px
    }

    .faq__answer {
        padding-top: 20px;
        padding-bottom: 16px;
        border-radius: 5px
    }

    .faq__answer__author {
        font-size: 16px
    }

    .faq__answer__text {
        font-size: 14px;
        line-height: 22px
    }

    .faq__show-more {
        max-width: 252px;
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .faq {
        padding-top:35px;
        padding-bottom: 39px
    }

    .faq__item,.faq__item:first-child {
        margin-top: 22px
    }

    .faq__question {
        padding: 15px 15px 11px
    }

    .faq__question__text {
        margin-top: 7px
    }

    .faq__answer {
        margin-top: 16px;
        padding: 15px 15px 12px
    }

    .faq__answer__author br {
        display: block
    }

    .faq__answer__text {
        margin-top: 7px
    }
}

.not-found {
    display: block;
    position: relative;
    background-image: url(../images/569c6ec477f940bdf80df755a4d6ab55.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    min-height: 400px;
    padding-top: 92px;
    padding-bottom: 67px;
    color: #333
}

.not-found .block-label_right>span>span {
    margin-bottom: 37px
}

.not-found__content {
    margin-top: 8px
}

.not-found__content .btn {
    max-width: 359px;
    margin-top: 34px
}

.not-found__content .h1 {
    font-size: 38px;
    line-height: 48px
}

.not-found__text {
    font-size: 16px;
    line-height: 22px;
    margin-top: 23px;
    max-width: 430px
}

.not-found__text>span {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    display: block;
    margin-top: 22px
}

.not-found__text br {
    display: none
}

.not-found__grid {
    margin-left: -15px;
    margin-right: -15px
}

.not-found__grid>* {
    flex-basis: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.not-found__info {
    font-weight: 700;
    color: #784dba;
    font-size: 250px;
    line-height: 250px;
    display: inline-block;
    text-align: center;
    position: relative;
    padding-top: 68px;
    margin-left: 7px
}

.not-found__info,.not-found__info:before {
    font-family: Geometria,sans-serif;
    font-style: normal
}

.not-found__info:before {
    font-weight: 500;
    content: "Ошибка";
    font-size: 18px;
    line-height: 23px;
    color: #333;
    position: absolute;
    left: 50%;
    top: 2px;
    transform: translateX(-50%)
}

.not-found__info:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 43px;
    margin-left: -54px;
    width: 109px;
    height: 150px;
    background-image: url(../images/26fbfb9f337add04f40b9d42d3aae574.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

@media screen and (max-width: 1349px) {
    .not-found {
        position:relative;
        z-index: 1;
        padding-top: 76px;
        padding-bottom: 26px
    }

    .not-found .block-label_large {
        display: none
    }

    .not-found:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 49px;
        height: 100%;
        background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff);
        z-index: -1
    }

    .not-found__grid>*,.not-found__grid>:nth-child(2) {
        flex-basis: 50%
    }

    .not-found__content {
        margin-top: 0
    }

    .not-found__content .h1 {
        font-size: 30px;
        line-height: 38px
    }

    .not-found__text {
        line-height: 22px;
        margin-top: 29px
    }

    .not-found__text br {
        display: none
    }

    .not-found__info {
        font-size: 200px;
        margin-left: 0
    }

    .not-found__info:before {
        margin-top: 0
    }
}

@media screen and (max-width: 1023px) {
    .not-found {
        padding-top:44px;
        min-height: auto
    }

    .not-found:after {
        width: 21px
    }

    .not-found__content {
        margin-top: 12px
    }

    .not-found__content .h1 {
        font-size: 28px;
        line-height: 35px
    }

    .not-found__content .btn {
        max-width: 263px
    }

    .not-found__text {
        font-size: 14px;
        line-height: 22px;
        max-width: 320px;
        margin-top: 16px
    }

    .not-found__info {
        font-size: 170px;
        line-height: 170px;
        padding-top: 110px;
        margin-left: -30px
    }

    .not-found__info:before {
        font-size: 14px;
        top: 10px
    }
}

@media screen and (max-width: 767px) {
    .not-found {
        padding-top:21px;
        padding-bottom: 45px
    }

    .not-found .h1 {
        font-size: 24px;
        line-height: 30px
    }

    .not-found:after {
        content: none
    }

    .not-found__grid {
        margin-left: 0;
        margin-right: 0
    }

    .not-found__grid>* {
        flex-basis: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .not-found__grid>:nth-child(2) {
        flex-basis: 100%;
        order: -1;
        text-align: center
    }

    .not-found__info {
        font-size: 140px;
        line-height: 140px;
        margin-left: 0;
        text-align: center;
        padding-top: 83px
    }

    .not-found__info:after {
        top: 22px;
        max-width: 80px;
        margin-left: -40px
    }

    .not-found__content {
        margin-top: 1px
    }

    .not-found__content .btn {
        margin-top: 24px
    }

    .not-found__text {
        font-size: 14px;
        line-height: 20px;
        margin-top: 19px
    }

    .not-found__text>span {
        margin-top: 20px
    }
}

.first-screen_success {
    background-image: url(../images/e43fc3503800b521d7ac54231c8e1ee3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    position: relative
}

.first-screen_success .fs__top {
    padding-top: 215px;
    padding-bottom: 168px;
    background: none
}

.first-screen_success .fs__top:before {
    display: none;
    content: "";
    position: absolute;
    max-width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-image: url(../images/e409471c7d93fba2ce17d57fb058e6b7.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    pointer-events: none
}

.first-screen_success .h1 {
    margin-left: 7px
}

.first-screen_success .fs__subheader {
    font-family: Geometria,sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
    max-width: 560px;
    padding-top: 0;
    margin-top: 26px;
    margin-left: 7px
}

.fs__top_bg_mob {
    display: none
}

.fs__gift {
    display: flex;
    align-items: center;
    background-color: #784dba;
    margin-top: 40px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    color: #fff;
    min-height: 88px;
    max-width: 454px;
    padding: 27px 30px 27px 138px;
    z-index: 1
}

.fs__gift:before {
    content: "";
    position: absolute;
    left: 5px;
    top: -7px;
    width: 68px;
    height: 64px;
    background-image: url(../fonts/5bf74457ed58c9c79728fa6e4340f30e.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    z-index: -1
}

.fs__gift>i {
    position: absolute;
    max-width: 108px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.fs__gift>div {
    font-family: Geometria,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 20px
}

.fs__gift>div b {
    color: #fff
}

.fs__gift>div>span {
    display: block;
    font-style: italic;
    font-weight: 300;
    padding-top: 10px
}

.fs__grid__text {
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    color: #333;
    margin-top: 18px
}

.fs__grid__note,.fs__grid__text {
    font-family: Geometria,sans-serif;
    line-height: 20px
}

.fs__grid__note {
    font-weight: 300;
    font-style: italic;
    font-size: 14px;
    color: #008cd4;
    margin-top: 12px
}

@media screen and (max-width: 1349px) {
    .first-screen_success {
        background-position:0 0
    }

    .first-screen_success .fs__top {
        padding-top: 40px;
        padding-bottom: 50px
    }

    .first-screen_success .fs__top:before {
        background-position: top left 75%
    }

    .first-screen_success .fs__subheader,.first-screen_success .h1 {
        max-width: 450px
    }

    .first-screen_success .fs__gift {
        margin-top: 26px
    }
}

@media screen and (max-width: 1023px) {
    .first-screen_success .fs__top {
        padding-top:28px;
        padding-bottom: 38px
    }

    .first-screen_success .fs__top:before {
        opacity: 1
    }

    .first-screen_success .h1 {
        max-width: 300px
    }

    .first-screen_success .fs__subheader {
        max-width: 300px;
        margin-top: 14px
    }

    .fs__gift {
        margin-top: 18px
    }

    .fs__grid__text {
        font-size: 14px;
        line-height: 20px
    }

    .fs__grid__note {
        margin-top: 11px
    }
}

@media screen and (max-width: 767px) {
    .first-screen_success .fs__top {
        padding-bottom:0
    }

    .first-screen_success .fs__top:before {
        content: none
    }

    .first-screen_success .h1 {
        margin-left: 0;
        margin-top: 11px;
        font-size: 24px;
        line-height: 30px;
        max-width: 100%;
        text-align: center
    }

    .first-screen_success .fs__subheader {
        font-size: 14px;
        line-height: 22px;
        margin-left: 0;
        margin-top: 4px;
        max-width: 100%;
        text-align: center
    }

    .fs__top_bg_mob {
        display: block;
        margin-top: 36px;
        position: relative
    }

    .fs__top_bg_mob img {
        width: 100%
    }

    .fs__top_bg_mob:after {
        content: "";
        height: 70px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(0deg,rgba(252,252,254,0),#eff1f4 90%);
        box-shadow: 0 -15px 15px 0 #eff1f4
    }

    .fs__gift {
        padding: 71px 12px 15px;
        text-align: center;
        margin-top: 18px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 15px 25px rgba(0,0,0,.1);
        border-radius: 5px
    }

    .fs__gift>i {
        max-width: 84px;
        left: 50%;
        transform: translateX(-50%);
        top: 11px
    }

    .fs__gift>div {
        font-size: 12px;
        line-height: 18px
    }

    .quiz__results__gift {
        padding: 67px 20px 10px;
        text-align: center;
        margin-top: 19px
    }

    .quiz__results__gift>i {
        max-width: 84px;
        left: 50%;
        margin-left: -42px;
        top: 11px
    }

    .fs__grid__note {
        font-size: 12px;
        line-height: 20px;
        margin-top: 7px
    }
}

@media screen and (max-width: 575px) {
    .first-screen_success .fs__subheader,.first-screen_success .h1 {
        text-align:left
    }
}

.quote_success {
    position: relative;
    background-image: url(../images/23b91f9120c15fad087c3cd13f31dfd4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 80px;
    padding-bottom: 80px
}

.quote_success .h2 {
    max-width: 740px
}

.quote_success .block-label_medium {
    width: 212px;
    font-size: 65px;
    line-height: 69px
}

.quote_success .row {
    margin-right: 212px
}

.quote_success__grid {
    align-items: center;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.quote_success__grid>* {
    flex: 0 1 calc(100% - 520px);
    padding-left: 15px;
    padding-right: 15px
}

.quote_success__grid>:nth-child(2) {
    flex-basis: 520px
}

.quote_success__text {
    padding-left: 55px;
    position: relative;
    font-size: 18px;
    line-height: 26px;
    margin-top: 38px
}

.quote_success__text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 31px;
    height: 21px;
    background-image: url(../fonts/4e5d91f8a844b539db823e7477919bea.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.quote_success__employee {
    margin-left: 0;
    padding-right: 15px
}

.quote_success__employee .get-price__employee__content {
    margin-top: 10px
}

@media screen and (max-width: 1349px) {
    .quote_success {
        padding-top:54px;
        padding-bottom: 52px
    }

    .quote_success .block-label {
        display: none
    }

    .quote_success:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 47px;
        height: 100%;
        background: linear-gradient(160deg,#784dba,#2f997c 26.35%,#fff)
    }

    .quote_success .row {
        margin-right: auto
    }

    .quote_success__grid>* {
        flex-basis: calc(100% - 463px)
    }

    .quote_success__grid>:nth-child(2) {
        flex-basis: 463px
    }

    .quote_success__text {
        font-size: 16px;
        line-height: 24px;
        padding-left: 50px;
        margin-top: 22px;
        padding-right: 40px
    }

    .quote_success__employee .get-price__employee__content {
        margin-top: 0;
        margin-bottom: -6px
    }

    .quote_success__employee .get-price__employee__experience {
        margin-top: 26px
    }
}

@media screen and (max-width: 1023px) {
    .quote_success {
        padding-top:37px;
        padding-bottom: 39px
    }

    .quote_success:after {
        content: none
    }

    .quote_success .h2 {
        padding-right: 15px
    }

    .quote_success__grid {
        margin-left: -10px;
        margin-right: -10px
    }

    .quote_success__grid>* {
        flex-basis: calc(100% - 368px);
        padding-left: 10px;
        padding-right: 10px
    }

    .quote_success__grid>:nth-child(2) {
        flex-basis: 368px
    }

    .quote_success__employee {
        padding-right: 0
    }

    .quote_success__employee .get-price__employee__content {
        margin-bottom: 0
    }

    .quote_success__employee .get-price__employee__experience,.quote_success__employee .get-price__employee__profession {
        margin-top: 5px
    }

    .quote_success__text {
        font-size: 14px;
        line-height: 22px;
        padding-left: 30px;
        margin-top: 20px
    }

    .quote_success__text:before {
        width: 17px;
        height: 12px;
        top: 4px
    }
}

@media screen and (max-width: 767px) {
    .quote_success {
        padding-top:35px;
        padding-bottom: 32px
    }

    .quote_success .h2 {
        padding-right: 0
    }

    .quote_success:after {
        content: none
    }

    .quote_success__grid>* {
        flex-basis: 100%
    }

    .quote_success__text {
        padding-right: 0;
        padding-left: 25px
    }

    .quote_success__employee {
        margin-top: 25px
    }

    .quote_success__employee .get-price__employee__content {
        margin-bottom: 10px;
        flex-basis: calc(100% - 150px)
    }
}