/* Start:/direction/static_content/assets/cardiologi/styles/oks/difficult-patient.css?176044863617744*/
.section_difficult-patient__header { background: url(/direction/static_content/assets/cardiologi/styles/oks/../../images/oks/difficult-patient/header.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; height: 440px; padding-bottom: 10px; }

@media all and (max-width: 1200px) { .section_difficult-patient__header { height: 320px; } }

@media all and (max-width: 768px) { .section_difficult-patient__header { height: 140px; } }

.section_difficult-patient__header .section__title { color: #fff; font-size: 44px; text-transform: uppercase; font-family: 'LatoWebMedium'; font-weight: normal; margin: .5em 0; }

@media all and (max-width: 1200px) { .section_difficult-patient__header .section__title { font-size: 32px; } }

@media all and (max-width: 768px) { .section_difficult-patient__header .section__title { font-size: 14px; } }

.section_difficult-patient__header .difficult-patient-header-button { background: url(/direction/static_content/assets/cardiologi/styles/oks/../../images/oks/difficult-patient/header-button.png); width: 414px; height: 103px; font-size: 27px; padding-bottom: 25px; text-transform: uppercase; font-family: 'LatoWebMedium'; font-weight: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; text-decoration: none; margin-left: -10px; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

@media all and (max-width: 1200px) { .section_difficult-patient__header .difficult-patient-header-button { font-size: 20px; width: 303px; height: 76px; padding-bottom: 15px; } }

@media all and (max-width: 768px) { .section_difficult-patient__header .difficult-patient-header-button { font-size: 9px; width: 126px; height: 31px; padding-bottom: 5px; } }

.section_difficult-patient__header-wrapper { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; }

.section_difficult-patient__header-circles { position: absolute; left: 0; bottom: 0; }

@media all and (max-width: 1200px) { .section_difficult-patient__header-circles { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } }

@media all and (max-width: 768px) { .section_difficult-patient__header-circles { -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } }

.section_difficult-patient__header-circles img { max-width: none; }

.section_difficult-patient__header-circle-1 { position: absolute; bottom: .5em; left: 160px; -webkit-transform: translate(0, -250px); -ms-transform: translate(0, -250px); transform: translate(0, -250px); }

.section_difficult-patient__header-circle-2 { position: absolute; bottom: .5em; left: 340px; -webkit-transform: translate(0, -245px); -ms-transform: translate(0, -245px); transform: translate(0, -245px); }

.section_difficult-patient__header-circle-3 { position: absolute; bottom: .5em; left: 500px; -webkit-transform: translate(0, -170px); -ms-transform: translate(0, -170px); transform: translate(0, -170px); }

.section_difficult-patient__header-circle-4 { position: absolute; bottom: .5em; left: 530px; }

.section_difficult-patient .block { margin: 5px 0; overflow: hidden; }

.section_difficult-patient .block .block__title { font-size: 30px; text-align: center; margin: 30px 0; color: #46484b; font-family: 'LatoWebMedium'; }

@media all and (max-width: 768px) { .section_difficult-patient .block .block__title { font-size: 24px; } }

.section_difficult-patient .block_clinical { background: -webkit-gradient(linear, left top, left bottom, from(#e5dcf6), to(#a0d7e1)); background: -webkit-linear-gradient(top, #e5dcf6, #a0d7e1); background: -o-linear-gradient(top, #e5dcf6, #a0d7e1); background: linear-gradient(to bottom, #e5dcf6, #a0d7e1); }

.section_difficult-patient .block_clinical .block__title { color: #46484b; }

.section_difficult-patient .block_clinical .block__content { margin: 20px 0; }

.section_difficult-patient .block_clinical .cards-box { padding-top: 0; margin-top: 20px; }

.section_difficult-patient .block_clinical .cards-wrap { padding: 0; }

.section_difficult-patient .block_experts { background: #e9e2f6; }

.section_difficult-patient .block_experts .block__title { color: #713a73; }

.section_difficult-patient .block_experts .block__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (max-width: 768px) { .section_difficult-patient .block_experts .block__content { display: block; } }

.section_difficult-patient .block_experts .expert { color: #464646; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 1400px) { .section_difficult-patient .block_experts .expert { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

@media all and (max-width: 768px) { .section_difficult-patient .block_experts .expert { margin-bottom: 50px; } }

.section_difficult-patient .block_experts .expert__photo { margin-right: 1em; }

@media all and (max-width: 1400px) { .section_difficult-patient .block_experts .expert__photo { margin: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media all and (max-width: 768px) { .section_difficult-patient .block_experts .expert__photo { position: relative; }
  .section_difficult-patient .block_experts .expert__photo:before { content: ''; background: url(/direction/static_content/assets/cardiologi/styles/oks/../../images/oks/difficult-patient/shade.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 178px; height: 19px; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } }

.section_difficult-patient .block_experts .expert__name { font-size: 18px; font-family: 'LatoWebMedium'; }

.section_difficult-patient .block_experts .expert__name-last { font-size: 24px; display: block; }

.section_difficult-patient .block_experts .expert__title { font-family: 'LatoWebLight'; font-size: 17px; margin: 1em 0; }

.section_difficult-patient .block_form { background: -webkit-gradient(linear, left top, left bottom, from(#a0d7e1), to(#65a3b2)); background: -webkit-linear-gradient(top, #a0d7e1, #65a3b2); background: -o-linear-gradient(top, #a0d7e1, #65a3b2); background: linear-gradient(to bottom, #a0d7e1, #65a3b2); padding: 0 0 20px; }

.section_difficult-patient .block_form .form_difficult-patient { background: #fff; -webkit-border-radius: 5px; border-radius: 5px; padding: 30px 50px 10px; }

@media all and (max-width: 768px) { .section_difficult-patient .block_form .form_difficult-patient { padding: 20px 20px 10px; } }

.section_difficult-patient .block_form .block__subtitle { color: #096b83; font-size: 30px; font-family: 'LatoWebMedium'; text-align: center; margin: 0 0 30px; }

@media all and (max-width: 768px) { .section_difficult-patient .block_form .block__subtitle { font-size: 24px; } }

.section_difficult-patient .block_form__form-wrapper { overflow: hidden; max-height: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.section_difficult-patient .block_form__form-wrapper.is-visible { overflow: visible; max-height: 3000px; }

.section_difficult-patient .block_form__form-wrapper .form { margin-bottom: 10px; padding-bottom: 20px; }

.section_difficult-patient .block_form__toggle-button { background: url(/direction/static_content/assets/cardiologi/styles/oks/../../images/oks/difficult-patient/toggle-button.png); width: 482px; height: 91px; font-size: 24px; padding-bottom: 25px; text-transform: uppercase; font-family: 'LatoWebLight'; font-weight: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; text-decoration: none; margin: 0 auto; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

@media all and (max-width: 768px) { .section_difficult-patient .block_form__toggle-button { background: url(/direction/static_content/assets/cardiologi/styles/oks/../../images/oks/difficult-patient/toggle-button-mobile.png); width: 312px; height: 102px; text-align: center; font-size: 18px; padding: 0 10px 25px; } }

.section_difficult-patient .block_form__toggle-button.is-hidden { opacity: 0; margin-bottom: -91px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.section_difficult-patient .block_news .block__title { color: #fff; background: #1e7092; margin: 0; padding: 5px 0 10px; }

.section_difficult-patient .block_news .block__content { margin: 20px 0 0; }

@media all and (max-width: 768px) { .section_difficult-patient .block_news .block__title { padding: 5px 20px 10px; } }

.section_difficult-patient .block_news .cards-box { padding-top: 0; margin-top: 20px; }

.section_difficult-patient .block_news .cards-wrap { padding: 0; }

.section_difficult-patient .form-info { color: #6f6f6f; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section_difficult-patient .form-info-text { padding-left: 10px; }

.section_difficult-patient .form-info svg { min-width: 24px; }

.section_difficult-patient .form-field { margin: 0; }

.section_difficult-patient .form-field:after { display: none; }

.section_difficult-patient .form-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 20px 0; }

@media all and (max-width: 768px) { .section_difficult-patient .form-item { display: block; } }

.section_difficult-patient .form-item_no-label { margin-left: 220px; }

@media all and (max-width: 768px) { .section_difficult-patient .form-item_no-label { margin: 0; } }

@media all and (max-width: 768px) { .section_difficult-patient .form-item_file { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

@media all and (max-width: 1200px) { .section_difficult-patient .form-item_file { margin-left: 0; } }

.section_difficult-patient .form-item_file button { color: #fff; font-size: 14px; font-family: 'LatoWebMedium'; background: #42a0aa; text-transform: uppercase; padding: 10px 20px; -webkit-border-radius: 5px; border-radius: 5px; border: none; }

.section_difficult-patient .form-item_file input { opacity: 0; position: absolute; font-size: 200px; height: 200px; margin: 0; right: 0; top: 0; outline: none; cursor: pointer; }

.section_difficult-patient .form-item_file .form-field { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0 30px 0 0; }

@media all and (max-width: 1200px) { .section_difficult-patient .form-item_file .form-field { min-width: 190px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-right: 20px; } }

@media all and (max-width: 768px) { .section_difficult-patient .form-item_file .form-field { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; min-width: 0; padding: 0; margin: 0; } }

.section_difficult-patient .form-item_file .form-field-wrap { overflow: hidden; position: relative; width: auto; cursor: pointer; }

.section_difficult-patient .form-item_file .form-field-wrap:hover button { background: #3b8f98; }

.section_difficult-patient .form-item_textarea textarea { display: block; width: 100%; background: #def6f2; -webkit-border-radius: 5px; border-radius: 5px; border: none; font-size: 22px; color: #2a3649; padding: 10px; }

@media all and (max-width: 768px) { .section_difficult-patient .form-item_textarea textarea { font-size: 18px; } }

.section_difficult-patient .form-item_number { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section_difficult-patient .form-item_number input { background: #def6f2; -webkit-border-radius: 5px; border-radius: 5px; border: none; font-size: 22px; color: #2a3649; padding: 10px; height: 46px; }

@media all and (max-width: 768px) { .section_difficult-patient .form-item_number input { width: 100%; font-size: 18px; height: 36px; } }

.section_difficult-patient .form-item_text { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section_difficult-patient .form-item_text input { display: block; width: 100%; background: #def6f2; -webkit-border-radius: 5px; border-radius: 5px; border: none; font-size: 22px; color: #2a3649; padding: 10px; height: 46px; }

@media all and (max-width: 768px) { .section_difficult-patient .form-item_text input { font-size: 18px; height: 36px; } }

.section_difficult-patient .form-item_checkbox .form-field .form-label input { position: absolute; opacity: 0; }

.section_difficult-patient .form-item_checkbox .form-field .form-label span { padding-left: 30px; display: inline-block; text-align: left; }

.section_difficult-patient .form-item_checkbox .form-field .form-label span:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #b5b5b5; -webkit-border-radius: 5px; border-radius: 5px; margin-right: .5em; }

.section_difficult-patient .form-item_checkbox .form-field .form-label input:checked + span:before { background: #42a0aa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Cpath fill='none' stroke='%23FAFAFA' stroke-width='2' d='M3 6l3 3 6-8'/%3E%3C/svg%3E") no-repeat center 4px; border-color: #42a0aa; }

@media all and (max-width: 768px) { .section_difficult-patient .form-item_radio .form-field { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.section_difficult-patient .form-item_radio .form-field .form-label input { position: absolute; opacity: 0; }

.section_difficult-patient .form-item_radio .form-field .form-label span:before { content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: middle; border: 1px solid #b5b5b5; -webkit-border-radius: 50%; border-radius: 50%; margin-right: .5em; }

.section_difficult-patient .form-item_radio .form-field .form-label input:checked + span:before { background: #42a0aa; border-color: #42a0aa; }

.section_difficult-patient .form-item_select { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section_difficult-patient .form-item_select select { width: 100%; background: #def6f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13' %3E%3Cpath fill='%230A284B' fill-rule='evenodd' stroke='%230A284B' stroke-width='2' d='M3.1 1l3.4 5.4L9.9 1' opacity='.5'/%3E%3C/svg%3E") no-repeat right 60%; -webkit-border-radius: 5px; border-radius: 5px; border: none; font-size: 22px; padding: 5px 10px; height: 46px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.section_difficult-patient .form-item_select select:invalid { color: #8c9899; }

@media all and (max-width: 768px) { .section_difficult-patient .form-item_select select { width: 100%; font-size: 18px; height: 40px; padding: 2px 10px; } }

.section_difficult-patient .form-item_select select::-ms-expand { display: none; }

.section_difficult-patient .form-label { font-size: 24px; line-height: 1; color: #387786; font-family: 'LatoWebLight'; width: 220px; text-align: right; padding: 0 20px 0 0; }

@media all and (max-width: 768px) { .section_difficult-patient .form-label { width: auto; margin: 0 0 10px; text-align: center; padding: 0; font-size: 20px; } }

.section_difficult-patient .form-field { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.section_difficult-patient .form-field .form-label { font-size: 18px; color: #2f2f2f; }

.section_difficult-patient .form-actions { margin: 10px 0 10px 220px; }

@media all and (max-width: 768px) { .section_difficult-patient .form-actions { margin-left: 0; margin-top: 20px; } }

.section_difficult-patient .form-actions__button { color: #fff; font-size: 22px; font-family: 'LatoWebMedium'; background: #42a0aa; text-transform: uppercase; padding: 20px; -webkit-border-radius: 5px; border-radius: 5px; border: none; cursor: pointer; }

.section_difficult-patient .form-actions__button:disabled { opacity: .5; cursor: not-allowed; }

.section_difficult-patient .form-actions__button:hover { background: #3b8f98; }

@media all and (max-width: 768px) { .section_difficult-patient .form-actions__button { font-size: 19px; padding: 15px 0; display: block; width: 100%; text-align: center; } }

/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.css?166814870164*/
font.errortext
{
	color:red;
}

font.notetext
{
	color:green;
}

/* End */
/* /direction/static_content/assets/cardiologi/styles/oks/difficult-patient.css?176044863617744 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.css?166814870164 */