@import "../fonts/Manrope/stylesheet.css";
@import "jquery-ui.min.css";


:root {
    --text : #000;
    --blue-text : #259DD5;
    --orange-text : #E28545;
    --box-shadoow : 0px 0px 24px 0px rgba(0,0,0,.15);
    --box-shadoow1: 0px 0px 16px 0px rgba(0,0,0,.15);
    --box-shadoow_inset : 0px 0px 16px 0px rgba(0,0,0,.15) inset;
    --bdr : 15px;
    --w : #FFF;
    --gray-text : #9B9B9B;
    --blue-gradient : linear-gradient(0deg, #259DD5 0%, #66BAE2 100%);
    --gray-gradient : linear-gradient(0deg, rgba(155, 155, 155, 0.59) 0%, rgba(227, 227, 227, 0.59) 100%);


}
html * { max-height: 1000000px; }
* { -webkit-text-size-adjust: none; margin: 0; padding: 0; box-sizing: border-box; outline: none; }
html, body { font-family: "Manrope", Arial, sans-serif; font-size: 14px;  }
li { list-style: none; }
img { display: block; height: auto; max-width: 100%; }
a img { border: none; }
a { text-decoration: none; color: inherit; }
input, select, button, textarea { outline:none;
    font-family: "Manrope", Arial, sans-serif; font-size: 14px;
    /*-moz-appearance:none;-webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none;*/
}
input[type=file], button, input[type="submit"],
input[type=file]::-webkit-file-upload-button { cursor: pointer; }
.container { max-width: 1288px; width: 100%; padding: 0 20px; margin: 0 auto; }


h2 { font-size: 45px; font-weight: 700; line-height: 1.38; color: var(--blue-text); }
h3 { font-size: 32px; line-height: 1.34; font-weight: 500; color: var(--orange-text); letter-spacing: -.8px }
h4 { font-size: 20px; font-weight: 500; line-height: 1.4; color: var(--blue-text); letter-spacing: -.7px; }
p { font-size: 16px; font-weight: 300; line-height: 1.25; letter-spacing: -.4px; }
p.large { font-size: 24px; line-height: 1.4; font-weight: 300; }


header { padding: 15px 0; }
.header { padding: 22px; border-radius: var(--bdr); box-shadow: var(--box-shadoow); display: flex; align-items: center; justify-content: space-between; }
.logo img { width: 56px; }
nav { flex: 1 1 auto; margin: 0 40px; color: var(--blue-text); }
nav ul { display: flex; justify-content: space-between; max-width: 816px; }
nav ul a:hover { color: var(--orange-text); }
.h_right { color: var(--orange-text); }
@media(min-width: 641px) {
    .w-50 {  }
    .w-100 { flex: 0 0 auto; width: 100%; }
}
@media(max-width: 640px) {
    .m-w-50 { }
    .m-w-100 { flex: 0 0 auto; width: 100%; }
}





.btn_group { display: flex; flex-wrap: wrap; margin: 12px -12px 0; }
.btn_group.centered { justify-content: center; }
.btn_group .btn { margin: 12px 12px 0; }
.btn { border: none; height: 32px; display: inline-flex; align-items: center; justify-content: center;
    padding: 0 40px; }
.btn.fw { display: flex; width: 100%; }
.btn.v1 { border-radius: 20px; color: var(--w); background: var(--blue-gradient); font-size: 16px; font-weight: 600; line-height: 1.4; }
.btn.lg { height: 64px; font-size: 24px; font-weight: 600; border-radius: 40px; }


.btn.v4 { border-radius: 20px; color: var(--w); background: var(--gray-gradient); font-size: 16px; font-weight: 600; height: 36px; }


.inner_box { box-shadow: var(--box-shadoow); padding: 24px; border-radius: var(--bdr); }

.intro_block { padding: 64px 0; }
.intro { text-align: center; }
.intro img { margin: auto; }
.intro h2 { margin-top: 40px; }


.about { display: flex; align-items: center; justify-content: space-between}
.about_text { padding-top: 32px; width: 63%; flex: 0 0 auto; padding-right: 48px; text-align: justify; }
.about_text > h3 { margin-right: -20px; }
.about_text > p { margin-top: 24px; }
.about_img { flex: 0 0 auto; }


.what { padding: 24px 0; }
.what_item { display: flex; text-align: justify; align-items: flex-start; margin: 24px 0; }
.what_item + .what_item { margin-top: 48px; }
.what_item_text { flex: 1 1 auto; }
.what_item_text .btn_group { margin-top: 8px; }
.what_item_text p { margin-top: 16px; }
.what_item_text ul { margin-top: 16px; }
.what_item_text ul li { position: relative; padding-left: 20px; }
.what_item_text ul li + li { }
.what_item_text ul li:before { content: ""; position: absolute; top: 8px; left: 4px; background: var(--blue-gradient); width: 4px; height: 4px; border-radius: 50%;  }
.what_item_text .inner_box + .inner_box { margin-top: 24px; }
.what_item_img { flex: 0 0 auto; margin-left: 24px;   }
.what_item_img.inner_box { padding: 12px 16px; }

.instruments_block { padding: 32px 0; }
.instruments { display: flex; align-items: center; }
.instrument_img { flex: 0 0 auto; width: 50%; text-align: center; padding: 0 16px; }
.instrument_img img { margin: auto; }
.instrument_img p { font-size: 10px; margin-top: 16px; }

.instruments_text { text-align: justify; padding-left: 46px; }
.instruments_text h4 { color: var(--orange-text); }
.instruments_text .btn_group { margin-top: 48px; }

.inner_intro + .inner_intro{margin-top: 80px}
.inner_intro_block { padding: 64px 0; }
.inner_intro { display: flex; align-items: center; }
.inner_intro_img { margin-right: 46px; flex: 0 0 auto; overflow: hidden; border-radius: var(--bdr); box-shadow: var(--box-shadoow); }
.inner_intro_img2 { margin-right: 0px; margin-left: 46px }
.inner_intro_text h3 { color: var(--blue-text); }
.inner_intro_text h4 { margin-top: 24px; text-align: justify; }


.instr_list_list { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.instr_list_item { margin: 12px; width: calc(100% / 6 - 24px); flex: 0 0 auto; }
.instr_list_item_img { border-radius: var(--bdr); overflow: hidden; box-shadow: var(--box-shadoow); }
.instr_list_item p { margin-top: 16px; color: var(--blue-text); border-radius: var(--bdr);
    text-align: center; box-shadow: var(--box-shadoow); height: 44px;
    display: flex; align-items: center; justify-content: center; }
.instr_list_item p i { font-style: normal; color: var(--orange-text); }

.instr_list_text { margin-top: 12px; text-align: justify; }
.instr_list_text span { color: var(--blue-text); }
.instr_list_text span i { color: var(--orange-text); font-style: normal; }

.about_accreditation_block { padding: 32px 0; }
.about_acc_text { margin-top: 16px; background: var(--blue-gradient); color: var(--w); }


.calendar_footer { margin-top: 16px; }
.calendar_footer p a { color: var(--blue-text); }
.calendar_footer p a:hover { color: var(--orange-text); }
.calendar_footer p + p { margin-top: 16px; }

.pre_footer_block { padding: 24px 0; }
.pre_footer { text-align: center; }
.pre_footer h3 { color: var(--blue-text); }
.pre_footer h3 + .btn_group { margin-top: 24px; }


.calendar_block { padding: 24px 0 32px; }
.calendar_box { display: flex; padding-top: 8px; }
.calendar_box > * { margin-top: 24px; }
.calendar_right { flex: 1 1 auto; margin-left: 24px; }

.ui-datepicker { width: 100%; max-width: 490px; }
.ui-widget { font-family: "Manrope", sans-serif; }
#datepicker .ui-widget.ui-widget-content { border: none; padding: 0; }
.ui-datepicker-header { display: flex; align-items: center; height: 64px; justify-content: center; border: none;
    border-radius: var(--bdr); box-shadow: var(--box-shadoow); }
.ui-datepicker-calendar thead { color: var(--blue-text); }
.ui-datepicker .ui-datepicker-title { font-size: 16px; font-weight: 600; color: var(--blue-text); }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 32px; height: 32px; border-radius: 50%;
    top: 0; bottom: 0; margin: auto; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none!important; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover { border: none; }
.ui-datepicker .ui-datepicker-prev { background: url(../img/calendar_prev_arrow.svg) no-repeat 50% 50% / contain; left: 16px; }
.ui-datepicker .ui-datepicker-next { background: url(../img/calendar_next_arrow.svg) no-repeat 50% 50% / contain; right: 16px; }

.ui-datepicker .ui-datepicker-header { box-shadow: var(--box-shadoow); background: transparent; }
#datepicker .ui-datepicker td a { padding: 0; }
#datepicker .ui-datepicker td a.ui-state-hover { background: var(--blue-gradient); color: var(--w); }
#datepicker .ui-state-default { width: 42px; height: 42px; border-radius: var(--bdr); box-shadow: 0 0 24px 0 rgba(0,0,0,.15);
    color: var(--blue-text); background: var(--w);
    display: inline-block; vertical-align: top;text-align: center; border: none; line-height: 42px; }
#datepicker .ui-datepicker-other-month { pointer-events: none; }
#datepicker .ui-datepicker-other-month a { color: var(--gray-text); }
#datepicker .ui-datepicker td { text-align: center; padding: 12px; }
#datepicker .ui-datepicker-calendar tbody { border-radius: var(--bdr); box-shadow: var(--box-shadoow); }
#datepicker .ui-datepicker-calendar tbody tr:first-child td { padding-top: 24px; }
#datepicker .ui-datepicker-calendar tbody tr:last-child td { padding-bottom: 24px; }
#datepicker .ui-datepicker-calendar tbody tr td:first-child { padding-left: 24px; }
#datepicker .ui-datepicker-calendar tbody tr td:last-child { padding-right: 24px; }
#datepicker .ui-state-active { background: var(--orange-text); color: var(--w); }
#datepicker .ui-state-highlight { background: transparent; color: var(--orange-text); }

.availability_header { height: 64px; display: flex; align-items: center; justify-content: center;
    box-shadow: var(--box-shadoow); border-radius: var(--bdr); }
.availability_list { display: flex; margin: 26px -12px 16px; flex-wrap: wrap; }
.availability_item { position: relative; width: calc(50% - 24px); margin: 12px; }
.availability_item input { position: absolute; z-index: -2; opacity: 0; }
.availability_item span { display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--blue-text);
    text-align: center; font-size: 16px; font-weight: 500; box-shadow: var(--box-shadoow); border-radius: var(--bdr); height: 64px; }
.availability_item input:checked ~ span { color: var(--w); background: var(--blue-gradient); }
.calendar_confirm { text-align: center; }
.calendar_confirm p { margin-top: 16px; font-size: 16px; color: var(--blue-text); }

.reports { padding: 24px 0; }



.reports_slider { margin-bottom: 24px; }
.reports_slider .slick-list  { padding: 24px 0; margin: 0 32px; }
.reports_slider .slick-prev,.reports_slider .slick-next { position: absolute; top: 0; bottom: 0; margin: auto;
    font-size: 0; border-radius: 50%; width: 32px; height: 32px; border: none; }
.reports_slider .slick-prev { background: url(../img/slick-prev_arrow.svg) no-repeat 50% 50% / contain; left: 0;  }
.reports_slider .slick-next { background: url(../img/slick-next_arrow.svg) no-repeat 50% 50% / contain; right: 0; }

.slick-dots { display: flex; justify-content: center; align-items: center; }
.slick-dots li { margin: 0 8px; display: block; font-size: 0; }
.slick-dots li button { font-size: 0; cursor: pointer; border-radius: 50%; width: 14px; height: 14px;
    background: var(--gray-gradient); border: none; }
.slick-dots li.slick-active button { background: var(--blue-gradient); }
.report_slide { border-radius: 16px; box-shadow: var(--box-shadoow1); padding: 40px; margin: 0 24px; }
.report_slide h4 { color: var(--orange-text); font-size: 40px; font-weight: 700; }
.report_slide h4 span { color: var(--blue-text); }
.report_slide p { margin-top: 24px; font-size: 20px; text-align: justify; }
.report_slide .btn_group { justify-content: flex-end; }


.reports > h3 { color: var(--blue-text); }
.reports_prev_list { display: flex; flex-wrap: wrap; padding: 20px 40px;
    box-shadow: var(--box-shadoow1); border-radius: 15px; overflow: hidden; margin: 20px 0 0; }
.report_prev { flex: 0 0 auto; width: calc(100% / 3 - 60px); margin: 20px 0; padding: 21px 24px;
    max-width: 328px; box-shadow: var(--box-shadoow1); border-radius: 15px; text-align: center; }
.report_prev:nth-child(3n+2),.report_prev:nth-child(3n+3) { margin-left: 90px; }
.report_prev_img { position: relative; border-radius: 16px; overflow: hidden; margin: 24px 0;  }
.report_prev_img:before { content: ""; padding-top: 58.9285%; display: block; }
.report_prev_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(4px); }
.report_prev_img:after { position: absolute; content: ""; z-index: 3; top: 0; left: 0; width: 100%; height: 100%;
    box-shadow: var(--box-shadoow_inset); }
@media(max-width: 1200px) {
    .report_prev { flex: 0 0 auto; width: calc(100% / 3 - 80px / 3); }
    .report_prev:nth-child(3n+2),.report_prev:nth-child(3n+3) { margin-left: 40px; }
}
.report_prev_img .btn { z-index: 4; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 190px; }

.report_prev p  {  }
.report_prev p + p { margin-top: 16px;  }
.report_prev p.time-text, .report_prev p.lang-text, .report_prev p.currency-text {
    display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; color: var(--blue-text); }
.report_prev p.time-text:before, .report_prev p.lang-text:before, .report_prev p.currency-text:before {
    content: ""; text-align: center; flex: 0 0 auto; width: 20px; height: 20px; margin-right: 24px; }
.report_prev p.time-text:before { background: url(../img/time_icon.svg) no-repeat 50% 50% / contain;}
.report_prev p.lang-text:before { background: url(../img/lang_icon.svg) no-repeat 50% 50% / contain;}
.report_prev p.currency-text:before { content: "£"; color: var(--blue-text); font-size: 24px; font-weight: 400; line-height: 20px;}
.report_prev > .btn { margin-top: 24px; height: 36px; }


.report_inner { padding: 32px 0; }
h2 { font-size: 40px; font-weight: 400; }
h2 span { font-weight: 700; }
h2 span i{ font-style: normal; color: var(--orange-text); }

.report_lang_list { display: flex; margin-top: 24px; }
.report_lang_list p { font-size: 20px; color: var(--blue-text); }
.report_lang_list p span { font-weight: 500; display: inline-flex; align-items: center; }
.report_lang_list p span:before { content: ""; width: 20px; height: 20px;
    flex: 0 0 auto; margin-right: 30px; background: url(../img/lang_icon.svg) no-repeat 50% 50% / contain; }
.report_lang_list p i { font-style: normal; margin-left: 30px; display: inline-block; }


.report_inner_video { margin: 32px 0; position: relative; border-radius: 16px; box-shadow: var(--box-shadoow1); }
.report_inner_video:before { content: ""; display: block; padding-top: 24%; min-height: 150px; }
.report_inner_video .play_btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
    background: var(--blue-gradient); width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.report_inner_video .play_btn:before { width: 18px; margin-left: 5px; height: 24px; content: ""; background: url(../img/play_icon.svg) no-repeat 50% 50% / contain; display: block; }

.report_inner > p { font-size: 20px; font-weight: 400; line-height: 1.25; }
.report_inner > p + p { margin-top: 16px; }

.report_inner_box { display: flex; margin: 22px -11px 0;  }
.report_inner_item { width: 230px; flex: 0 0 auto; margin: 10px; box-shadow: var(--box-shadoow1); border-radius: 16px; }
.report_inner_item.buy_type { display: flex; flex-direction: column; justify-content: space-between;
    flex: 0 0 auto; width: calc(((100% - 250px) / 2) - 20px); padding: 24px; }
.buy_type > p { font-weight: 400; margin-top: 16px; flex: 1 1 auto; }
.buy_type_footer { width: 100%; text-align: center; margin-top: 24px; }
.buy_type_footer p { color: var(--blue-text); font-weight: 500; display: flex; justify-content: space-around; }
.buy_type_footer .btn { margin-top: 24px; }

.report_inner_item.sample_preview { display: flex; align-items: center; justify-content: center;
    position: relative; border-radius: 16px; overflow: hidden; }
.report_inner_item.sample_preview img { filter: blur(4px); position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; object-fit: cover; }

.report_inner_item.sample_preview .btn { position: relative; z-index: 4; }



.buy_report { display: flex; padding: 24px 0; }

.buy_report_info .report_lang_list { margin-bottom: 24px; }
.buy_report_info .report_lang_list span { display: flex; margin-bottom: 6px; }
.buy_report_info .report_lang_list span + i { margin-left: 0; }

.buy_report_info > p { font-size: 20px; text-align: justify; }
.buy_report_info > p + p { margin-top: 16px; }

.buy_type { box-shadow: var(--box-shadoow1); border-radius: 16px; overflow: hidden; padding: 24px; }

.buy_sample_preview { margin-top: 24px; border-radius: 16px; box-shadow: var(--box-shadoow1);
     position: relative; min-height: 240px; display: flex; align-items: center; justify-content: center; }
.buy_sample_preview img { position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; object-fit: cover; filter: blur(4px); }
.buy_sample_preview:before { padding-top: 36%; content: ""; display: block; }
.buy_sample_preview .btn { max-width: 520px; position: relative; z-index: 4; }

.buy_report_info .buy_type { margin-top: 24px; }


.buy_report_form { padding: 24px; flex: 0 0 auto; width: 536px; margin-left: 24px;
    box-shadow: var(--box-shadoow1); border-radius: 16px; }
.buy_report_form * + h4 { margin-top: 24px; }
select { -moz-appearance:none; -webkit-appearance:none; appearance:none; }
select::-ms-expand { display: none; }
.input {  }
.input label { font-size: 16px; font-weight: 500; margin-bottom: 4px; }
.input input, .input select { display: block; box-shadow: var(--box-shadoow_inset); font-weight: 600;
    padding: 0 16px; border-radius: 20px; height: 30px; border: none; width: 100%; }
.input select { background: url(../img/select_arrow.svg) no-repeat calc(100% - 12px) 50% / 14px auto, var(--blue-gradient);
    color: #FFF; }
.input select option { color: #000; }
.input_line { display: flex; margin: 0 -12px; align-items: flex-end;  }
.input_line .input { flex: 1 1 auto; margin: 0 12px; }

.toggle { display: inline-flex; align-items: center; margin-top: 16px; position: relative; overflow: hidden;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor: pointer; }
.toggle input { position: absolute; top: -99px; }
.toggle span { font-size: 16px; font-weight: 400; }
.toggle i { position: relative; height: 20px; width: 36px; border-radius: 10px; margin-left: 24px;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.2) inset; display: block; }
.toggle i:before { content: ""; position: absolute; width: 16px; height: 16px; top: 0; bottom: 0; margin: auto;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2); border-radius: 50%; left: 2px; transition: .3s; background: var(--blue-text); }
.toggle input:checked ~ i:before { left: calc(100% - 18px); background: var(--orange-text); }
.input_line { margin-top: 16px; }

.buy_report_form .btn { margin-top: 24px; }
.form_order_info { margin-top: 12px; border-radius: 16px; box-shadow: var(--box-shadoow1); padding: 20px 24px; }
.form_order_info h6 { color: var(--blue-text); font-size: 20px; font-weight: 400; letter-spacing: -1px; }
.form_order_info h6 b { font-weight: 700; }
.form_order_info h6 b i { color: var(--orange-text); font-style: normal; }
.form_order_info p { color: var(--blue-text); margin-top: 4px; }


footer { padding: 16px 0;}
.footer { display: flex; align-items: center; justify-content: space-between; }
.f_nav ul { display: flex; align-items: center;  }
.f_nav ul li { font-size: 12px; font-weight: 500; color: var(--blue-text); }
.f_nav ul li a:hover { text-decoration: underline; }
.f_nav ul  li + li { margin-left: 84px; }
.f_rss { display: flex; max-width: 360px; width: 100%; justify-content: space-between;  }
.f_rss a { width: 36px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; }

.copyright { text-align: center; margin-top: 8px; }
.copyright p { font-size: 8px;  }

.mobile_toggle { cursor: pointer; display: none; flex: 0 0 auto; z-index: 18;
    width: 32px; height: 32px; position: relative; overflow: hidden; border: 3px solid transparent; }
.mobile_toggle span { height: 2px; width: 22px; background: var(--blue-text); margin: auto;
    display: block; position: absolute; border-radius: 0; transition: .3s; left: 0; right: 0;  }
.mobile_toggle.active span { background: var(--w); margin-top: -3px; }
.mobile_toggle span:first-child { top: 6px; }
.mobile_toggle span:last-child { bottom: 6px; }
.mobile_toggle span:nth-child(2) { top: 0; bottom: 0; margin: auto; }
/*.mobile_toggle.active { background: var(--blue-text); border-color: var(--z); }*/
.mobile_toggle.active span { background: var(--blue-text); }
.mobile_toggle.active span:first-child { top: calc(50% + 2px); transform: rotate(45deg); }
.mobile_toggle.active span:last-child { bottom: calc(50% - 2px); transform: rotate(-45deg);}
.mobile_toggle.active span:nth-child(2) { left: 100%; opacity: 0; }






/* Слайдеры */
.slick-slider{ position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{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;}


@media(max-width: 641px) {

    .container { padding: 0 16px; }
    h2 { font-size: 20px; font-weight: 700; letter-spacing: -.2px; }
    h3 { font-size: 14px; }
    h4 { font-size: 12px; font-weight: 600; }
    p { font-size: 12px; }
    p.large { font-weight: 500; font-size: 10px; }


    .btn { padding: 0 16px; }
    .btn.fw { display: inline-flex; width: auto; }
    .btn.v1 { font-size: 12px; height: 24px; }
    .btn.v4 { height: 24px; font-size: 12px; }
    .btn.lg { min-height: 28px; font-size: 14px;height: auto }



    .mobile_toggle { display: block; flex: 0 0 auto; }
    .header { padding: 8px 16px 8px 12px; flex-wrap: wrap; }

    nav { display: none; width: 100%; order: 3; padding: 8px 0; }
    nav ul { flex-direction: column; }
    nav ul li { text-align: center; }
    header.active nav { display: block; }
    .logo img { width: 32px; }
    .logo { margin-left: 6px; }

    .intro_block { padding: 24px 0; }
    .intro img { width: 62px; }
    .intro h2 { margin-left: auto; margin-right: auto; max-width: 295px; margin-top: 16px; }

    .about { flex-direction: column-reverse; }
    .about_text { width: 100%; padding-right: 0; padding-top: 16px; text-align: center; }
    .about_text > p { margin-top: 16px; }



    .what_item { flex-direction: column-reverse; }
    .what_item_img { margin-left: 0; margin-top: 0; margin-bottom: 24px; }

    .inner_intro + .inner_intro{margin-top: 30px}
    .inner_intro_block { padding: 24px 0 0; }
    .inner_intro { flex-direction: column; }
    .inner_intro_img { margin-right: 0; }
    .inner_intro_img { margin-left: 0; }

    .inner_intro_text { margin-top: 16px; text-align: center; }
    .inner_intro_text h4 { font-size: 10px; font-weight: 400; margin-top: 16px; text-align: center; }



    .instruments { flex-direction: column; }
    .instrument_img { width: 100%; }
    .instrument_img p { display: none; }
    .instruments_text { padding-left: 0; text-align: center; margin-top: 24px; }
    .instruments_text .btn_group { margin-top: 12px; }


    .instr_list_list {   }
    .instr_list_item { width: calc(100% / 3 - 24px); }
    .instr_list_item p { height: 24px; }

    .pre_footer h3 { padding: 0 10px; }
    .pre_footer h3 + .btn_group { margin-top: 12px; }

    .calendar_box { flex-direction: column; }
    .calendar_right { margin-left: 0; }
    .ui-datepicker {  }

    #datepicker .ui-datepicker td { padding: 4px; }
    #datepicker .ui-state-default { width: 32px; height: 32px; line-height: 32px; }
    #datepicker .ui-datepicker-calendar tbody tr:first-child td { padding-top: 16px; }
    #datepicker .ui-datepicker-calendar tbody tr:last-child td { padding-bottom: 16px; }
    #datepicker .ui-datepicker-calendar tbody tr td:first-child { padding-left: 16px; }
    #datepicker .ui-datepicker-calendar tbody tr td:last-child { padding-right: 16px; }
    .availability_list { margin-top: 16px; }
    .availability_item span { height: 30px; }
    .availability_header { height: 44px; }
    .ui-datepicker-header { height: 44px; }
    .ui-datepicker .ui-datepicker-title { font-size: 12px; }
    .calendar_confirm { padding: 8px; }
    .calendar_confirm p { font-size: 10px; margin-top: 8px; font-weight: 400; }
    .calendar_confirm .btn_group { margin-top: 0; }
    .calendar_footer p + p { margin-top: 12px; }
    .calendar_footer .btn_group { margin-top: 2px; }

    .footer { flex-direction: column-reverse; }
    .f_nav { width: 100%; margin: 20px 0; }
    .f_nav ul {  justify-content: space-between; }
    .f_nav ul li {}
    .f_nav ul li + li { margin-left: 20px; }











    .reports_slider { margin-top: -24px; }
    .reports_slider .slick-list { margin: 0 -15px; }

    .report_slide { margin: 0 15px; padding: 24px; }
    .report_slide h4 { font-size: 20px; }
    .report_slide p { font-size: 12px; margin-top: 8px; }

    .report_slide .btn_group { justify-content: center; margin-top: 8px; }
    .slick-dots { margin-top: -8px; }
    .slick-dots li { margin: 0 4px; }
    .slick-dots li button { width: 10px; height: 10px; }

    .reports > h3 { display: none; }
    .reports_prev_list { padding: 0; margin: 0 -15px; box-shadow: none; justify-content: center; }
    .report_prev { width: calc(100% - 30px); margin: 12px 0; max-width: 100%; }
    .report_prev h4 { font-size: 16px; }
    .report_prev_img { margin: 12px 0; }
    .report_prev:nth-child(3n+2), .report_prev:nth-child(3n+3) { margin-left: 0; }
    .report_prev p + p { margin-top: 12px; }
    .report_prev > .btn { margin-top: 12px; }



    .report_inner h2 { font-size: 18px; }

    .report_lang_list { margin-top: 16px; }
    .report_lang_list p { font-size: 14px; }
    .report_lang_list p span { display: flex; margin-bottom: 4px; }
    .report_lang_list p i { margin-left: 0; margin-right: 10px; }

    .report_inner_video { margin: 16px 0; }
    .report_inner > p { font-size: 14px; }


    .report_inner_box { flex-direction: column; margin: 16px 0 0; }
    .report_inner_item.sample_preview { width: 100%; margin: 12px 0; height: 70px; }
    .report_inner_item.buy_type { width: 100%; margin: 12px 0; padding: 24px 16px; }
    .buy_type > p { margin-top: 8px; }
    .buy_type_footer { margin-top: 12px; }
    .buy_type h4 { font-size: 16px; }
    .buy_type p { font-size: 14px; }
    .buy_type_footer .btn { margin-top: 12px; width: 100%; }


    .buy_report { flex-direction: column; }
    .buy_report_info > p { font-size: 14px; }
    .buy_sample_preview { min-height: 70px; }

    .buy_report_form { margin-top: 16px; margin-left: 0; width: 100%; }

    .input label { font-size: 14px; }
    .toggle span { font-size: 14px; }

    .buy_report_form h4 { font-size: 14px; }
    .form_order_info h6 { font-size: 14px; }
    .form_order_info p { font-size: 14px; }
    .buy_report_form .btn { width: 100%; }



}



/*popup*/
.black_layout { display: none; z-index: 10000; position: fixed; top: 0;
    left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .80); }
.popup_wrapper { display: none; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; z-index: 10001; padding: 0; overflow: auto; }

.popup_inner { display: flex; min-height: 100%; align-items: center; padding: 16px 16px;
    justify-content: center;  }
.popup { background: #FFF; padding: 16px; width: 100%; border-radius: 30px; min-width: 320px; position: relative;max-width: 33% }
.close_popup { width: 14px; height: 14px; display: block; position: absolute; z-index: 5; top: 14px; right: 14px;
    background: url(../img/close_icon.svg) no-repeat 50% 50% / 22px auto; }

.popup_icon img { display: block; margin: auto; padding: 16px 0; }
.popup_body { width: 100%; margin: auto; }
.popup_body h4 { font-size: 20px; font-weight: 500; margin-bottom: 20px; text-align: center}

.under_form{font-size: 10px;color: #808080;margin-top: 20px;text-align: center;font-weight: 400}
.tutorial_icon{position: fixed;bottom: 50px;right: 50px;width: 100px;height: 100px;cursor: pointer;z-index: 111111;border-radius: 50%;
    display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 31px 4px #0000001A;padding: 20px;background: #fff;}
.tutorial_icon img {width: 100%;height: auto;}

.ready_btn{margin: 50px auto -50px}
@media(max-width: 641px) {
    .ready_btn {margin: 30px auto -10px;}
}