/* * * Main page :: intro * * */
.b-mp-intro { position: relative; color: #fff; background: #F2F2F2 url('./img/mp-intro.jpg') center center / cover no-repeat; }
.b-mp-intro_overlay { position: relative; padding: 48px 0 80px; background: rgba(87, 129, 153, 0.87); }

.b-mp-intro_title { position: relative; margin-bottom: 22px; font: 400 36px/1.36111111111111 'Open Sans', sans-serif; text-align: center; }

@media (max-width: 1169px) {

    .b-mp-intro_overlay { padding: 38px 0 48px; }
    .b-mp-intro_title { margin-bottom: 38px; font: 400 28px/1.35714285714286 'Open Sans', sans-serif; }

}

@media (max-width: 767px) {

    .b-mp-intro_overlay { padding: 22px 0 38px; }
    .b-mp-intro_title { margin: 0 0 20px; font: 700 24px/1.33333333333333 'Open Sans', sans-serif; }

}

@media (max-width: 479px) {

    .b-mp-intro_title { margin: 0 auto 20px; max-width: 250px; }

}

/* * * Main page :: intro :: forms * * */
.b-mp-intro_form_selects .flex { margin-bottom: 30px; }
.b-mp-intro_form_selects .flex [class*="col-"] { margin-bottom: 30px; }

.b-mp-intro_form_selects .b-form_box_title { font: 600 18px 'Open Sans', sans-serif; color: #fff; }

.b-mp-intro_form_selects .b-form_box_field .e-select,
.b-mp-intro_form_selects .b-form_box_field .selectric { padding-left: 20px; padding-right: 50px; height: 45px; font: 600 18px 'Open Sans', sans-serif; color: #231F20; background: rgba(255, 255, 255, .86); border: 1px solid #fff; border-radius: 23px; box-shadow: 0 1px 2px rgba(0, 0, 0, .16); }

.b-mp-intro_form_selects .b-form_box_field .e-select span,
.b-mp-intro_form_selects .b-form_box_field .selectric .label { line-height: 43px; }

.b-mp-intro_form_selects .b-form_box_field .e-select:before,
.b-mp-intro_form_selects .b-form_box_field .selectric:before { right: 20px; margin-bottom: -4px; width: 12px; height: 7px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMiA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNDA2MjUsMCBDNC40Njg3NSwyLjg5NDUxNTk2IDYsNC4zNDE3NzM5NSA2LDQuMzQxNzczOTUgQzYsNC4zNDE3NzM5NSA3LjUzMTI2NjY3LDIuODk0NTE1OTYgMTAuNTkzOCwwIEwxMiwxLjMyOTExNzc1IEw2LDcgTDAsMS4zMjkxMTc3NSBMMS40MDYyNSwwIFoiIGZpbGw9IiMzMzMzMzMiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPjwvc3ZnPg==) center center no-repeat; border: none; }

.b-mp-intro_form_selects .b-form_box_field .e-select:after,
.b-mp-intro_form_selects .b-form_box_field .selectric:after { content: none; }

.b-mp-intro_form_selects .b-form_box .flex { margin-bottom: 0; }
.b-mp-intro_form_selects .b-form_box .flex [class*="col-"] { margin-bottom: 0; }

.b-mp-intro_form_selects_popular { position: relative; margin: 10px 0 -10px 20px; font: 700 14px 'Open Sans', sans-serif; }

.b-mp-intro_form_selects_popular a { display: inline-block; position: relative; margin: 0 12px 10px 0; text-decoration: none; color: rgba(255, 255, 255, .86); border-bottom: 1px dashed; }
.b-mp-intro_form_selects_popular a:hover { color: #FB6A95; }

.b-mp-intro_form_options { position: relative; margin-top: 18px; }

.b-mp-intro_form_options .b-form_box_field { text-align: center; }
.b-mp-intro_form_options .b-form_box_field > label { display: inline-block; position: relative; margin: 20px 21px 0; padding-left: 46px; font: 600 16px 'Open Sans', sans-serif; color: rgba(255, 255, 255, .86); }

.b-mp-intro_form_options .b-form_box_field > label .checker { position: absolute; left: 0; top: -2px; width: 24px; height: 24px; background: rgba(255, 255, 255, .12); border: 2px solid #fff; border-radius: 5px; overflow: visible; }
.b-mp-intro_form_options .b-form_box_field > label .checker span:before { position: relative; left: 2px; top: -3px; width: 27px; height: 21px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMjcgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41NjgsMTYuNTk0NCBDOC41NjgsMTYuNTk0NCAxMy45OTIsMTEuMDYyOTMzMyAyNC44NCwwIEwyNywyLjIwMjggTDguNTY4LDIxIEwwLDEyLjI2MjIgTDIuMTYsMTAuMDU5NCBDNi40MzIsMTQuNDE2MDY2NyA4LjU2OCwxNi41OTQ0IDguNTY4LDE2LjU5NDQgWiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+PC9zdmc+); background-size: auto auto; }

.b-mp-intro_form_footer { margin-top: 32px; text-align: center; }

@media (min-width: 1170px) {

    .b-mp-intro_form_selects .b-form_box_title { margin: 0 0 6px 20px; }

}

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

    .b-mp-intro_form_selects .b-form_box_title { margin-top: 10px; text-align: right; }

    .b-mp-intro_form_selects_popular { margin: 10px 0 -10px; }

    .b-mp-intro_form_options .b-form_box_field > label { max-width: 208px; margin: 10px 16px 0; text-align: left; box-sizing: border-box; }
    .b-mp-intro_form_options .b-form_box_field > label .checker { top: 50%; margin-top: -12px; }

}

@media (max-width: 767px) {

    .b-mp-intro_form_selects .flex { margin-bottom: 22px; }
    .b-mp-intro_form_selects .flex [class*="col-"] { margin-bottom: 22px; }

    .b-mp-intro_form_selects .b-form_box_title { margin: 0 0 8px; font: 600 16px 'Open Sans', sans-serif; text-align: center; }

    .b-mp-intro_form_selects .b-form_box_field .e-select,
    .b-mp-intro_form_selects .b-form_box_field .selectric { font: 600 16px 'Open Sans', sans-serif; }

    .b-mp-intro_form_selects_popular { display: none; }

    .b-mp-intro_form_options { margin: 16px 0 0 34px; }

    .b-mp-intro_form_options .b-form_box_field > label { display: block; margin: 0; max-width: 200px; font: 600 14px 'Open Sans', sans-serif; text-align: left; box-sizing: border-box; }
    .b-mp-intro_form_options .b-form_box_field > label .checker { top: 50%; margin-top: -12px; }

    .b-mp-intro_form_options .b-form_box_field > label ~ label { margin-top: 14px; }

}