@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-bold.eot');
    src: url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-bold.woff') format('woff'),
    url('../fonts/roboto-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular.eot');
    src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-regular.woff') format('woff'),
    url('../fonts/roboto-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-medium.eot');
    src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-medium.woff') format('woff'),
    url('../fonts/roboto-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-italic.eot');
    src: url('../fonts/roboto-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-italic.woff') format('woff'),
    url('../fonts/roboto-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

html{
    width: 100%;
    height: 100%;
    font-size: 2vh;
}
body{
    min-height: 100%;
    width: 100%;
    font-size: 19px;
	letter-spacing: -0.01em;
    line-height: 1;
    position: relative;
    overflow-x: hidden;
    color: #1f1f1f;
    background: #fff url(../img/bg-page.jpg) center top no-repeat;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    -ms-overflow-style: scrollbar;
}
body *{
    max-height: 999999px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -ms-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
}
.input::-webkit-input-placeholder 	{color:#828282; opacity: 1;}
.input::-moz-placeholder          	{color:#828282; opacity: 1;}
.input:-moz-placeholder           	{color:#828282; opacity: 1;}
.input:-ms-input-placeholder     	{color:#828282; opacity: 1;}

::-moz-focus-inner{
    padding:0;
    border:0;
}
input::-ms-clear{display: none;}

input::-webkit-contacts-auto-fill-button{
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

button, input, textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
input[type="radio"],
input[type="checkbox"]{
    visibility: hidden;
    margin: 0;
    position: absolute;
}
*, *:before, *:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a{
    color: inherit;
    text-decoration: none;
    outline: none;
}
b, strong{
    font-weight: 700;
}
i{
    font-style: italic;
}
p{
    line-height: 1.222222;
    margin-bottom: 0.842em;
}
sup{
    font-size: 70%;
    vertical-align: super;
}

.text-color{
    color: #219cd9 !important;
}

body.popup_shown{
    overflow: hidden;
}
.page{
    position: relative;
    overflow-x: hidden;
}
header{
    position: fixed;
    height: 4.7rem;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100;
}
header > .container > .row{
    position: relative;
}
.logo-mphar{
    /*width: 7.7rem;*/
    /*height: 2.55rem;*/
    width: 154px;
    height: 49px;
    background: url(../img/logo-mphar.svg) center center / contain no-repeat;
    display: block;
}

.icon_menu{
    display: none;
    cursor: pointer;
    width: 44px;
    height: 26px;
    margin-top: -13px;
    position: absolute;
    right: 15px;
    top: 50%;
}
.icon_menu span,
.icon_menu:before,
.icon_menu:after{
    display: block;
    width: 100%;
    height: 4px;
    background: #582780;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.icon_menu span{
    margin-top: -2px;
    top: 50%;
    opacity: 1;
}
.icon_menu:before,
.icon_menu:after{
    content: '';
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.icon_menu:before{
    margin-top: -2px;
    top: 2px;
}
.icon_menu:after{
    margin-bottom: -2px;
    bottom: 2px;
}

body.menu_shown .icon_menu span{opacity: 0;}
body.menu_shown .icon_menu:before{
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
body.menu_shown .icon_menu:after{
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header_menu{
    font-size: 0;
}
.header_menu li{
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    font-size: 19px;
    margin: 0 0 0 25px;
    letter-spacing: -0.025em;
}
.header_menu li.current:not(.no-nav){
    font-weight: bold;
    color: #582780;
}

.header_controls{
    position: fixed;
    right: -10px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 99;
}
.header_controls__button{
    cursor: pointer;
    position: relative;
    right: 0;
    display: block;
    padding: 66px 5px 0;
    width: 120px;
    height: 110px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.025em;
    color: #582780;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    background: #fff;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 7px 4px rgba(48, 48, 48, 0.08);
    border-right: 10px solid transparent;
    margin: 0 0 26px;
    transition: right 0.4s ease;
}
.header_controls__button:hover{
    right: 10px;
}
.header_controls__button img{
    width: 36px;
    height: 36px;
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    top: 20px;
}
.header_controls__button:last-child img{
    width: 42px;
    height: 42px;
    top: 15px;
}

.section{
    padding-top: 38px;
    padding-bottom: 30px;
    margin-bottom: calc(50vw * 0.0524); /* tan(3deg) = 0.0524 */
    position: relative;
}
.start{
    background: url(../img/bg-start.png) center bottom / cover no-repeat;
    padding-top: 20px;
    padding-bottom: 16px;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: #fff;
    margin-bottom: 0 !important;
    border-top: 4.7rem solid transparent;
    background-clip: padding-box;
}
.future{
    height: 21.8rem;
    padding-top: 16px;
    padding-bottom: 16px !important;
    color: #582780;
}
.pre_title{
    font-size: 25px;
    font-family: Roboto, sans-serif;
    letter-spacing: 0;
    margin: 0.4rem 0;
}
.title{
    font-size: 56px;
    color: #f8b38c;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    line-height: 1.325;
    margin-bottom: 1.5rem;
    text-align: center;
    letter-spacing: -0.025em;
}
.start p:not(.pre_title){
    font-size: 26px;
    font-family: Roboto, sans-serif;
    margin-bottom: 0;
    letter-spacing: 0;
}
.start_pointer{
    margin: 1.5rem auto;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 0;
    border-top: 15px solid #fff;
}
.start b, .start strong{
    color: #f8b38c;
}
.btn_request{
    color: #582780;
    background: white;
    border: none;
    outline: none;
    font-size: 22px;
    padding: 0.7rem 2rem;
    border-radius: 6px;
    font-weight: 600;
    margin: 1.5rem 0;
    transition: all 0.25s ease;
}
.btn_request:hover{
    cursor: pointer;
    background: #F0F0F0;
}
.intro{
    font-weight: bold;
    font-size: 27px;
    line-height: 1.222;
    font-family: Roboto, sans-serif;
}
.future_item{
    width: 162px;
    height: 162px;
    border-radius: 50%;
    margin: 2rem 8px 0;
    background: #e6dfec;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -0.025em;
}
.future_item b{
    font-family: Roboto, sans-serif;
    font-size: 46px;
}
.future_item span{
    font-family: Roboto, sans-serif;
    font-size: 33px;
    font-weight: bold;
}

.section-wrapper{
    padding-top: 4.7rem;
    margin-top: -4.7rem;
}
.accordion{}
.accordion:before,
.accordion:after{
    content: '';
    width: 50%;
    height: calc(50vw * 0.0524); /* tan(3deg) = 0.0524 */
    bottom: 100%;
    position: absolute;
    border-left: 25vw solid transparent;
    border-right: 25vw solid transparent;
    border-top: calc(25vw * 0.0524) solid transparent;
    border-bottom: calc(25vw * 0.0524) solid transparent;
}
.accordion:before{right: 50%;}
.accordion:after{left: 50%;}

.about{
    background: rgba(0,56,135,0.1);
}
.about:before{
    border-left-color: rgba(0,56,135,0.1);
    border-bottom-color: rgba(0,56,135,0.1);
}
.about:after{
    border-right-color: rgba(0,56,135,0.1);
    border-bottom-color: rgba(0,56,135,0.1);
}
.about .accordion_title,
.about b{
    color: #003887;
}
.about .accordion_title:after{
    border-left-color: #003887;
}
.about .subtitle:before{
    border-top-color: #003887;
}

.meetings{
    padding: 25px 8px 0;
    position: relative;
}
.meetings_item{
    margin: 0 23px 28px;
    background: #fff;
    border-radius: 56px;
    position: relative;
    padding-top: 159%;
    opacity: 0;
    transition: opacity 0.4s ease 0s;
}
.meetings_decor{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.meetings_decor > *{
    fill: none;
    stroke: #023987;
}
.meetings_decor .step_1{
    opacity: 0;
    transition: opacity 0.3s ease 0s;
}
.meetings_decor .step_3{
    opacity: 0;
    transition: opacity 0.3s ease 2s;
}
.meetings_decor .step_2{
    stroke-dashoffset: 1300;
}
.meetings.inview .meetings_item,
.meetings.inview .meetings_decor .step_1,
.meetings.inview .meetings_decor .step_3{
    opacity: 1;
}

.meetings_item:before{
    content: attr(data-num);
    width: 100%;
    text-align: center;
    color: #003887;
    font-size: 30px;
    transform: translate(0, -50%);
    position: absolute;
    left: 0;
    top: 50%;
    font-weight: bold;
}
.meetings_item img{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 22%;
}
.meetings_item__text{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 13%;
    line-height: 1.2;
}
.meetings_item__text span{
    font-size: 89%;
    display: block;
    margin-top: 0.5em;
}

.meetings_item.q2 img,
.meetings_item.q4 img{
    top: 78%;
}
.meetings_item.q2 .meetings_item__text,
.meetings_item.q4 .meetings_item__text{
    bottom: auto;
    top: 0;
}

.functions{
    background: rgba(96,182,152,0.1);
}
.functions:before{
    border-right-color: rgba(0,56,135,0.1);
    border-top-color: rgba(0,56,135,0.1);

    border-left-color: rgba(96,182,152,0.1);
    border-bottom-color: rgba(96,182,152,0.1);
}
.functions:after{
    border-left-color: rgba(0,56,135,0.1);
    border-top-color: rgba(0,56,135,0.1);

    border-right-color: rgba(96,182,152,0.1);
    border-bottom-color: rgba(96,182,152,0.1);
}
.functions .accordion_title,
.functions b{
    color: #439779;
}
.functions .accordion_title:after{
    border-left-color: #439779;
}
.functions .subtitle:before{
    border-top-color: #439779;
}

.secure{
    background: rgba(248,179,140,0.1);
}
.secure:before{
    border-right-color: rgba(96,182,152,0.1);
    border-top-color: rgba(96,182,152,0.1);

    border-left-color: rgba(248,179,140,0.1);
    border-bottom-color: rgba(248,179,140,0.1);
}
.secure:after{
    border-left-color: rgba(96,182,152,0.1);
    border-top-color: rgba(96,182,152,0.1);

    border-right-color: rgba(248,179,140,0.1);
    border-bottom-color: rgba(248,179,140,0.1);
}
.secure .accordion_title,
.secure b{
    color: #d28052;
}
.secure .accordion_title:after{
    border-left-color: #d28052;
}
.secure .subtitle:before{
    border-top-color: #d28052;
}

.ready{
    padding-bottom: 130px;
    padding-top: 70px;
    margin-bottom: 0;
}
.ready:before{
    border-right-color: rgba(248,179,140,0.1);
    border-top-color: rgba(248,179,140,0.1);
}
.ready:after{
    border-left-color: rgba(248,179,140,0.1);
    border-top-color: rgba(248,179,140,0.1);
}

.accordion_title{
    font-size: 30px;
    line-height: 66px;
    letter-spacing: 0;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    padding-right: 66px;
    /*padding-left: 70px;*/
    display: block;
    cursor: pointer;
    position: relative;
}
.accordion_title:before{
    content: attr(data-num)'.';
    margin-right: 15px;
    font-size: 66px;
    letter-spacing: -0.1em;
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
}
.accordion_title:after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -23px;
    border: 23px solid transparent;
    border-right: 0;
    border-left-width: 40px;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}
.accordion.expanded .accordion_title:after{
    transform: rotate(90deg);
}
.accordion_title span{
    line-height: 1.2;
    vertical-align: text-top;
    display: inline-block;
    width: calc(100% - 70px);
}
.accordion_content{
    overflow: hidden;
    height: 0;
    /*max-height: 0;*/
    /*transition: max-height 0.75s ease;*/
}
.accordion.expanded .accordion_content{
    height: auto;
    /*max-height: 200vw;*/
    /*max-height: 200vmax;*/
}

.subsection{
    margin-top: 30px;
    /*margin-bottom: 30px;*/
}
.subtitle{
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 1em;
    font-family: Roboto, sans-serif;
    /*padding-left: 40px;*/
    padding-left: 4.2%;
    font-weight: bold;
    position: relative;
}
.subtitle:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    border: 13px solid transparent;
    border-bottom: 0;
    border-top-width: 21px;
}
.subtitle_col-50 {
    padding-left: 8.4%;
}

@media screen and (max-width: 991px) {
    .subtitle_col-50 {
        padding-left: 4.2%;
    }
}

.frame{
    margin-right: 34px;
    margin-left: 34px;
    margin-bottom: 20px;
    position: relative;
    padding-top: 53.412%;
    border: 1px solid #aeb3b8;
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
}
.frame iframe,
#map{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    /*overflow: -moz-scrollbars-none;*/
}
#map svg{
    width: 872px;
    height: 430px;
}
#map::-webkit-scrollbar{
    display: none;
}
.map_title{
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    left: 60px;
    top: 10px;
    width: calc(100% - 120px);
    text-align: center;
}
.map_zoom{
    position: absolute;
    top: 15px;
    right: 15px;
}
.map_zoom li{
    margin-top: 7px;
}
.map_zoom li:first-child{
    margin-top: 0;
}
.map_zoom__button{
    display: block;
    cursor: pointer;
    width: 27px;
    height: 27px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;
    background: #eee;
    border: 1px solid #b5b5b5;
}
.map_zoom__button.disabled{
    cursor: default;
}
path.has_clinics,
.has_clinics path{
    fill: #A3AEBE;
}
path.has_clinics:hover,
.has_clinics:hover path{
    fill: #003887;
}

.map_tooltip{
    position: absolute;
    background: #f7f7f7;
    border: 1px solid #003887;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 18px;
    right: 10px;
    bottom: 10px;
    display: none;
}

.simple-list li{
    line-height: 1.222;
    margin-bottom: 1em;
    padding-left: 30px;
    position: relative;
}
.simple-list li:before{
    content: '';
    position: absolute;
    /*left: 0.421em;*/
    left: 0;
    top: 0.611em;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #000;
    border-radius: 50%;
}
.simple-list span{
    font-size: 156%;
    line-height: 0.76;
    letter-spacing: -0.025em;
}
.simple-list.bigger li:before{
    top: 0.8em;
}
.simple-list.no-margins li{
    margin-bottom: 0;
}

.usage{
    font-size: 0;
}
.usage_item{
    font-size: 19px;
    margin-bottom: 16px;
    transform: scale(0.8);
    transition: transfrom 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s;
    padding: 5px;
}
.usage_item_link {
    background: rgba(255, 255, 255, .75);
    transition: transfrom 0.4s ease-in-out 0s, box-shadow 0.4s ease-in-out 0s, background 0.4s ease-in-out 0s;
    border-radius: 20px;
    padding: 5px;
    width: 95%;
}
@media screen and (max-width: 360px) {
    .usage_item_link {
        width: 100%;
    }
}
.usage.inview .usage_item{
    transform: scale(1);
}
.usage_item__img{
    width: 112px;
    height: 74px;
    position: relative;
}
.usage_item__img img{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.usage_item__text{
    line-height: 1.2;
    font-weight: bold;
}

div.usage_item_link:hover {
    box-shadow: 0 0 7px 4px rgb(48 48 48 / 8%);
    background: rgba(255, 255, 255, 1);
}

div.usage_item_link:hover .usage_item__text {
    text-decoration: underline;
}

.experience_item{
    padding: 26px 10px 0 90px;
    margin-bottom: 15px;
    min-height: 180px;
    position: relative;
    font-size: 18px;
    line-height: 1.2;
}
.experience_item strong{
    font-size: 112%;
    display: block;
    margin-bottom: 8px;
}
.experience_item > *{position: relative}
.experience_item img{
    position: absolute;
    top: 0;
    left: 0;
}

.presentation{
    max-width: 1000px;
    margin: 0 auto 30px;
}
.presentation_pointer{
    margin: 17px auto;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 0;
    border-top: 13px solid #44977a;
}

.features{
    position: relative;
}
.features_decor{
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
}
.features_decor .line{
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    background: transparent center center / auto 100% no-repeat;
    transition: opacity 0.6s ease-in-out 0s;
}
.features_decor .line:nth-child(1){
    top: 0;
    height: 68px;
    background-image: url(../img/bg-line_1.png);
}
.features_decor .line:nth-child(2){
    top: 93px;
    height: 1px;
    background-color: #00358a;
    transition-delay: 0.4s;
}
.features_decor .line:nth-child(3){
    top: 161px;
    height: 25px;
    background-image: url(../img/bg-line_3.png);
    transition-delay: 0.8s;
}
.features_decor .line:nth-child(4){
    top: 234px;
    height: 45px;
    background-image: url(../img/bg-line_4.png);
    transition-delay: 1.2s;
}
.features_decor .line:nth-child(5){
    top: 277px;
    height: 95px;
    background-image: url(../img/bg-line_5.png);
    transition-delay: 1.6s;
}
.features.inview .features_decor .line{
    opacity: 1;
}
.features_list{
    margin: 0 -9px;
    position: relative;
}
.features_title{
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    margin-bottom: 0.666em;
}
.features_item{
    margin: 0 9px 13px;
    background: #fff;
    font-size: 0;
    height: 80px;
    line-height: 70px;
    padding: 5px 28px 5px 74px;
    position: relative;
    border-radius: 12px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out 0s, box-shadow 0.4s ease-in-out 0s, background 0.2s ease-in-out 0s;
    box-shadow: 0 0 7px 4px rgb(48 48 48 / 30%);
}
.features_item.nth2{transition-delay: 0.4s;}
.features_item.nth3{transition-delay: 0.8s;}
.features_item.nth4{transition-delay: 1.2s;}
.features_item.nth5{transition-delay: 1.6s;}
.features.inview .features_item{
    opacity: 1;
}
.features_item span{
    font-size: 18px;
    line-height: 1.4;
    vertical-align: middle;
    display: inline-block;
}
.features_item img{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 37px;
}
.features_item.as_link:hover{
    cursor: pointer;
    background: #e0e0e0;
}
.features_item.as_link:hover span{
    text-decoration: underline;
}

.doctors_item{
    margin-bottom: 20px;
}
.doctors_item__img{
    width: 68px;
    height: 58px;
    border-right: 20px solid transparent;
    position: relative;
}
.doctors_item__img img{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.doctors_item__text{
    line-height: 1.2;
}

.doctors_tabs{
    margin-top: 20px;
    position: relative;
    z-index: 1;
}
.doctors_tabs__item{
    margin-bottom: 20px;
    max-height: 92px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
}
.doctors_tabs__title{
    height: 92px;
    line-height: 92px;
    font-size: 0;
    padding-left: 96px;
    padding-right: 50px;
    display: block;
    color: #003887;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}
.doctors_tabs__title img{
    position: absolute;
    top: 50%;
    left: 48px;
    transform: translate(-50%, -50%);
}
.doctors_tabs__title span{
    font-size: 20px;
    text-decoration: underline;
    line-height: 1.2;
    vertical-align: middle;
    display: inline-block;
}
.doctors_tabs__title .fas{
    color: #ace7d2;
    font-size: 28px;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(50%, -50%);
}
.doctors_tabs__content{
    background: #fff;
    /*opacity: 0;*/
    /*visibility: hidden;*/
    /*transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;*/
    padding: 0 14px 24px;
    /*border-radius: 0 0 10px 10px;*/
}
.doctors_tabs__content .simple-list{
    border-top: 1px solid #e9f2ef;
    padding: 20px 14px 0;
}
.doctors_tabs__item.expanded .doctors_tabs__content{
    /*opacity: 1;*/
    /*visibility: visible;*/
    /*transition: opacity 0.3s ease 0s, visibility 0s ease 0s;*/
}
.doctors_tabs__item.expanded{
    /*border-radius: 10px 10px 0 0;*/
    /*z-index: 1;*/
    max-height: 800px;
}

.decisions_item{
    padding: 24px 15px 0 74px;
    position: relative;
    font-size: 18px;
}
.decisions_item p{
    color: #003887;
    font-weight: bold;
    text-decoration: underline;
    font-size: 20px;
}
.decisions_item img{
    position: absolute;
    left: 0;
    top: 36px;
    transform: translate(0, -50%);
}

.feedback{
    max-width: 950px;
    margin: 0 auto;
    padding: 0 2.6%;
    position: relative;
}
.swiper-button-prev,
.swiper-button-next{
    outline: none;
    font-size: 30px;
    color: #c8c8c8;
    background: none;
    width: auto;
    height: auto;
    margin-top: 0;
    transform: translate(0, -100%);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
    opacity: 0;
}
.swiper-button-prev{left: 0}
.swiper-button-next{right: 0;}

.feedback .swiper-slide{
    padding: 0 20px;
}

.feedback_card{
    font-size: 17px;
    line-height: 25px;
    font-style: italic;
    padding: 20px 30px;
    background: #fff;
    border-radius: 4px;
    position: relative;
}
.feedback_author{
    line-height: 1.2;
    font-weight: 500;
    margin-top: 16px;
}
.feedback--pharm .feedback_card{
    background: #eaece5;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
.feedback--pharm b{
    color: #44977a;
}
.feedback--doctors .feedback_card{
    padding-bottom: 35px;
}
.feedback--doctors .feedback_author{
    padding-left: 30%;
}
.feedback--doctors .feedback_card:after{
    content: '';
    border-top: 32px solid #fff;
    border-bottom: 32px solid transparent;
    border-left: 26px solid transparent;
    border-right: 26px solid #fff;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    right: 75%
}

.feedback--pharm .feedback_card span{
    font-size: 140%;
    display: inline-block;
    text-align: left;
}
.feedback--pharm .feedback_card .big{
    font-family: Roboto, sans-serif;
    font-size: 600%;
    color: #44977a;
    line-height: 0.8;
    font-style: normal;
    padding: 0 10px;
    text-align: right;
}

.downloads_list{
    margin: 0 -10px;
}
.downloads_item{
    cursor: pointer;
    padding: 82px 8px 0;
    margin: 0 10px 24px;
    border-radius: 5px;
    background: rgba(210, 128, 82, 0.13);
    border: 1px solid #d28052;
    height: 138px;
    display: block;
    font-size: 0;
    font-weight: 500;
    line-height: 54px;
    text-align: center;
    transition: background-color 0.4s ease;
}
.downloads_item:hover{
    background: #fff;
}
.downloads_item span{
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.025em;
}
.downloads_item img{
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translate(-50%, 0);
}

.ready_decor{
    position: absolute;
    width: 100%;
    top: 24px;
}
.ready_decor:before,
.ready_decor:after{
    content: '';
    width: 268px;
    max-width: 46vw;
    height: 3px;
    background: #582780;
    position: absolute;
    top: 0;
}
.ready_decor:before{
    right: 50%;
    transform-origin: right center;
    transform: skewY(3deg);
}
.ready_decor:after{
    left: 50%;
    transform-origin: left center;
    transform: skewY(-3deg);
}
.epilogue{
    font-family: Roboto, sans-serif;
    font-weight: bold;
    color: #582780;
    font-size: 30px;
    margin-bottom: 90px;
}
.ready_button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    color: #fff;
    font-size: 0;
    height: 162px;
    background: #582780;
    border: 2px solid #35184d;
    padding: 20px;
    line-height: 118px;
    border-radius: 8px;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: Roboto, sans-serif;
    transition: background-color 0.4s ease;
}
.ready_button:hover{
    background: #35184d;
}
.ready_button span{
    font-size: 30px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}

footer{
    padding: 50px 0 25px;
    color: #fff;
    background: #582780;
    font-size: 16px;
    line-height: 1.2;
}
footer .logo-mphar{
    width: 192px;
    height: 62px;
    margin-bottom: 32px;
    background-image: url(../img/logo-mphar_white.svg);
}
.footer_title{
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.contact{
    padding-left: 26px;
    position: relative;
}
.contact .fas,
.contact .far{
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 20px;
    transform: translate(0, -50%);
}
.contact .fa-envelope{
    font-size: 16px;
}
.footer_menu li{
    font-weight: bold;
    margin-bottom: 8px;
}
.footer_menu li a{
    cursor: pointer;
}
.socials{
    font-size: 0;
    margin-top: 20px;
}
.socials a{
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 22px;
}
.footer_menu a,
.socials a{
    transition: opacity 0.4s ease;
}
.footer_menu a:hover,
.socials a:hover{opacity: 0.666;}

.popup{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    padding: 0 15px;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease 0s, visibility 0s ease 0.4s;
    background: rgba(0, 0, 0, 0.666);
}
.popup.shown{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.4s ease 0s, visibility 0s ease 0s;
}
.popup_outer{
    display: table;
    height: 100%;
    width: 100%;
    max-width: 530px;
    margin: 0 auto;
}
.popup_inner{
    display: table-cell;
    vertical-align: middle;
}
.popup_window{
    background: #fff;
    padding: 26px 10%;
    margin: 15px auto;
    box-shadow: 0 0 45px 0px rgba(48, 48, 48, 0.16);
    border-radius: 12px;
    position: relative;
}
.popup_window.container{
    padding-left: 40px;
    padding-right: 40px;
}
.popup_title{
    font-family: Roboto, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    font-size: 19px;
    margin-bottom: 0.6rem;
}
.popup_title--big{
    font-size: 30px;
}
.popup_close{
    position: absolute;
    color: #582780;
    top: 13px;
    right: 13px;
    font-size: 24px;
    cursor: pointer;
    display: inline-block;
}
.popup .iframe-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    max-width: 90%;
}
.popup .iframe-container iframe {
    max-width: 100%;
}
.popup .iframe-container .popup_close {
    top: -10%;
    right: -5%;
    color: white;
}
.form_field{
    margin-bottom: 16px;
    position: relative;
}
.label{
    color: #828282;
    position: absolute;
    top: 1px;
    left: 1px;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    padding: 4px 12px;
}
.simple_label {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    font-size: 15px;
    display: block;
    margin-bottom: 0.5em;
}
.select2-selection__placeholder span,
.label span{
    color: #d44242;
}
.input{
    outline: none;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    padding: 4px 12px;
    letter-spacing: -0.01em;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    background: #fff;
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #1f1f1f;
    z-index: 1;
}
.input[value=""] {
    background-color: transparent;
}
.input:focus{
    background: #fff;
}
.input::placeholder {
    color: #dddddd;
    font-family: Roboto, sans-serif;
}
.input::-webkit-input-placeholder {
    color: #dddddd;
    font-family: Roboto, sans-serif;
}
.input::-ms-input-placeholder {
    color: #dddddd;
    font-family: Roboto, sans-serif;
}
.input:-moz-placeholder {
    color: #dddddd;
    opacity: 1;
    font-family: Roboto, sans-serif;
}
.input::-moz-placeholder {
    color: #dddddd;
    opacity: 1;
    font-family: Roboto, sans-serif;
}
.input:-ms-input-placeholder {
    color: #dddddd;
    font-family: Roboto, sans-serif;
}
.select2-selection{
    outline: none;
}
.select2-container .select2-selection--single{
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    font-size: 18px;
    line-height: 22px;
    padding: 4px 20px 4px 12px;
    letter-spacing: -0.01em;
}
.button{
    text-align: center;
    display: inline-block;
    min-width: 98px;
    font-size: 18px;
    line-height: 22px;
    padding: 4px 12px 6px;
    letter-spacing: -0.01em;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #fff;
    background: #582780;
    outline: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.4s ease;
}
.button:hover{
    background: #35184d;
}
.popup .button{
    margin-top: 10px;
}

.cookies{
    background: #fff;
    padding: 1px 0 16px;
    box-shadow: 0 0 7px 4px rgba(48, 48, 48, 0.08);
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    bottom: 0;
    display: none;
}
.cookies span,
.cookies .button{
    margin-top: 15px;
}
.cookies span{
    display: inline-block;
    max-width: calc(100vw - 32px);
}

.btn-up{
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 7px 4px rgba(48, 48, 48, 0.08);
    color: #582780;
    border-radius: 50%;
    z-index: 500;
    cursor: pointer;
    display: none;
}
.subheader_controls{
    z-index: 1;
    position: absolute;
    top: 4.7rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: white;
}
.subheader_controls_button{

}
.d-mm-none{
    display: block;
}
.d-mm-block, .d-mm-flex{
    display: none;
}

.underline {
    text-decoration: underline;
}
.short-nav{
    display: none;
    justify-content: space-around;
    flex-direction: row;
    background-color: white;
    flex-wrap: nowrap;
}
.short-nav > li {
    padding: 20px;
    text-decoration: underline;
    color: #582780;
    font-family: Roboto, sans-serif;
    text-align: center;
}

.twitter_x img{
    width: 20px;
    margin-bottom: -2px;
}

.spotify {
    margin-top: 25px;
    max-width: 140px;
    width: 100%;
}

.spotify a {
    width: 100%;
    display: block;
    transition: all .22s ease-out !important;
}

.spotify img {
    width: 100%;
    display: block;
    max-width: 100%;
}

/* reCAPTCHA button styles */
.button:disabled {
    background: #6c757d !important;
    cursor: not-allowed !important;
    opacity: 0.6;
}

.button:disabled:hover {
    background: #6c757d !important;
}