#funnel_msp h1, #funnel_msp h2, #funnel_msp h3, #funnel_msp h4, #funnel_msp h5, #funnel_msp h6, #funnel_msp li, #funnel_msp p, #funnel_msp ul { margin: 0; padding: 0; font-weight: normal; line-height: 1.5; } #funnel_msp a { text-decoration: none; } #funnel_msp button { cursor: pointer; } * { box-sizing: border-box; font-family: 'Titillium Web',Arial,sans-serif; outline: none; -webkit-tap-highlight-color: transparent; } html { font-size: 10px; } html.zoom2 { font-size: 10.5px; } html.zoom4 { font-size: 11px; } body { margin: 0; } #funnel_msp ul { list-style: none; } #funnel_msp img { border: none; max-width: 100%; } #funnel_msp textarea { resize: none; } #funnel_msp .f_btn { border: 2px solid #e2007e; width: 100%; max-width: 255px; display: inline-block; text-align: center; background-color: #e2007a; color: #fff; font-size: 20px; font-weight: 600; border-radius: 4px; padding: 12px 5px; } #funnel_msp .f_btn:hover { background-color: #aa036c; border-color: #aa036c; } #funnel_msp .f_btn.f_white_btn { color: #e2007a; background-color: #fff; } #funnel_msp .f_btn.f_white_btn:hover { background-color: #f6f6f6; border-color: #e2007e; } #funnel_msp .f_11 { font-size: 1.1rem; } #funnel_msp .f_14 { font-size: 1.4rem; } #funnel_msp .f_16 { font-size: 1.6rem; } #funnel_msp .f_18 { font-size: 1.8rem; } #funnel_msp .f_20 { font-size: 2rem; } #funnel_msp .f_22 { font-size: 2.2rem; } #funnel_msp .f_24 { font-size: 2.4rem; } #funnel_msp .f_26 { font-size: 2.6rem; } #funnel_msp .f_30 { font-size: 3.0rem; } #funnel_msp .f_36 { font-size: 3.6rem; } #funnel_msp .f_42 { font-size: 4.2rem; } #funnel_msp .f_50 { font-size: 5.0rem; } #funnel_msp .f_60 { font-size: 6.0rem; } #funnel_msp .f_70 { font-size: 7rem; } #funnel_msp .f_100 { font-size: 10rem; } #funnel_msp .uppercase { text-transform: uppercase; } #funnel_msp .normal_case { text-transform: initial; } #funnel_msp .italic { font-style: italic; } #funnel_msp .bold { font-weight: bold; } #funnel_msp .semibold { font-weight: 600; } #funnel_msp .light { font-weight: 300; } #funnel_msp .magenta { color: #e2007e; } #funnel_msp .green { color: #74bf2e; } #funnel_msp .blue { color: #35c4cb; } #funnel_msp .msp_blue { color: #2a64d8; } #funnel_msp .black { color: #000; } #funnel_msp .grey { color: #87898f; } #funnel_msp .block { display: block!important; } #funnel_msp .page { max-width: 1450px; padding: 0 25px; width: 100%; margin: 0 auto; } #funnel_msp .f_btn.f_with_arrow_icon { display: flex; align-items: center; justify-content: center; cursor: pointer; } #funnel_msp .f_btn.f_with_arrow_icon img { margin-left: 7px; width: auto; } #funnel_msp .f_btn.disabled { cursor: default; background-color: #d9d9d9!important; border-color: #d9d9d9!important; } #funnel_msp .logo_space { display: flex; flex-wrap: wrap; width: 100%; } #funnel_msp .logo_space .page_logo { display: block; } #funnel_msp .logo_space .page_logo .full_logo { display: block; } #funnel_msp .logo_space .page_logo .m_logo { display: none; } #funnel_msp .page_head { text-align: center; margin: 15px 0 35px; } #funnel_msp .calc_flex { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 30px; } #funnel_msp .calc_flex .steps_box { flex-basis: 140px; } #funnel_msp .calc_flex .calc_body { flex-basis: calc(100% - 450px); box-shadow: 0 10px 30px 0 rgba(33, 37, 37, 0.27); border-radius: 20px; z-index: 3; position: relative; background-color: #f8fbfb; padding: 25px; } #funnel_msp .calc_flex .summary { flex-basis: 310px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; z-index: 2; position: relative; background-color: #d7f4f4; padding: 25px 0 25px 15px; align-self: flex-start; margin-top: 20px; min-height: 950px; display: flex; flex-flow: column; justify-content: space-between; } #funnel_msp .calc_flex .steps_box .single_step { position: relative; margin-bottom: 30px; padding-bottom: 35px; text-align: center; max-width: 100px; } #funnel_msp .calc_flex .steps_box .single_step:after { position: absolute; display: block; content: ''; left: 0; right: 0; bottom: 0; width: 8px; height: 8px; border-width: 2px 2px 0 0; border-style: solid; border-color: #a3a3a3; transform: rotate(135deg); margin: auto; } #funnel_msp .calc_flex .steps_box .single_step.active:after { border-color: #000; } #funnel_msp .calc_flex .steps_box .single_step.done:after { border-color: #000; } #funnel_msp .calc_flex .steps_box .single_step .step_image { display: flex; width: 100%; border-radius: 30px; border: 1px solid #898989; height: 125px; justify-content: center; align-items: center; background-color: #fff; margin-bottom: 10px; } #funnel_msp .calc_flex .steps_box .single_step.done .step_image { border-color: #2a64d8; background-color: #fff; cursor: pointer; } #funnel_msp .calc_flex .steps_box .single_step.active .step_image { border-color: #2a64d8; background-color: #2a64d8; cursor: pointer; } #funnel_msp .calc_flex .steps_box .single_step .step_image span { background-position: center; background-repeat: no-repeat; display: block; } #funnel_msp .calc_flex .steps_box .single_step.done .step_image span { background-position: bottom; background-repeat: no-repeat; } #funnel_msp .calc_flex .steps_box .single_step.active .step_image span { background-position: top; background-repeat: no-repeat; } /* #funnel_msp .calc_flex .steps_box .single_step.step_1 .step_image span{background-image: url(/-/media/Additional/smart/img/funnel/step_1.png);width: 30px;height: 36px;} #funnel_msp .calc_flex .steps_box .single_step.step_2 .step_image span{background-image: url(/-/media/Additional/smart/img/funnel/step_2.png);width: 32px;height: 33px;} #funnel_msp .calc_flex .steps_box .single_step.step_3 .step_image span{background-image: url(/-/media/Additional/smart/img/funnel/step_3.png);width: 32px;height: 32px;} */ #funnel_msp .calc_flex .steps_box .single_step .step_image span { width: 32px; height: 32px; } #funnel_msp .calc_flex .steps_box .single_step .step_image span svg { width: 32px; height: 32px; fill: #959595; } #funnel_msp .calc_flex .steps_box .single_step.done .step_image span svg path { fill: #2A64D8; } #funnel_msp .calc_flex .steps_box .single_step.active .step_image span svg path { fill: #fff; } #funnel_msp .select2-container .select2-selection--single .select2-selection__rendered {white-space: wrap;} #funnel_msp .calc_flex .steps_box .single_step:last-child:after { content: none; } #funnel_msp .calc_flex .steps_box .single_step:last-child { margin-bottom: 0; } #funnel_msp .calc_flex .calc_body { display: flex; flex-direction: column; justify-content: space-between; min-height: 1250px; padding-top: 60px; padding-bottom: 60px; } #funnel_msp .calc_flex .calc_body .button_box { flex-basis: 60px; display: flex; justify-content: space-between; width: 100%; align-items: center; } #funnel_msp .calc_flex .calc_body .question_space { width: 100%; flex-basis: calc(100% - 60px); } #funnel_msp .calc_flex .calc_body .question_space .single_question { display: none; } #funnel_msp .calc_flex .calc_body .question_space .single_question.active { display: block; } #funnel_msp .calc_flex .calc_body .question_space .single_question .main_question { margin-bottom: 20px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question { position: relative; margin-bottom: 50px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .sub_question_text { position: relative; text-align: left; display: flex; align-items: center; margin-bottom: 20px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .sub_question_text .tooltip_trigger, #funnel_msp label .tooltip_trigger { display: block; margin-left: 15px; background-repeat: no-repeat; cursor: pointer; width: 20px; height: 20px; background-image: url(/-/media/Additional/smart/img/funnel/tooltip_sprite.png); background-position: top; } #funnel_msp .tooltip { display: none; position: absolute; width: 100%; height: auto; padding: 10px; border: 1px solid #2a64d8; font-size: 12px; background-color: #fff; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .sub_question_text .tooltip_trigger:hover + .tooltip, #funnel_msp label .tooltip_trigger:hover + .tooltip { display: block; z-index: 100; bottom: 100%; } #funnel_msp .calc_flex .calc_body .question_space .single_question .select_box div.fancy-select { color: #000; } #funnel_msp .calc_flex .calc_body .question_space .single_question .select_box div.fancy-select .trigger { font-size: 20px; width: 100%; background: #fff; border: 1px solid #959595; padding: 12px 30px 12px 10px; border-radius: 5px; box-shadow: none; color: #000; font-weight: normal; } #funnel_msp .calc_flex .calc_body .question_space .single_question .select_box div.fancy-select .trigger:after { top: 24px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .select_box div.fancy-select ul.options { width: 100%; background: #fff; border: 1px solid #959595!important; } #funnel_msp .calc_flex .calc_body .question_space .single_question .select_box div.fancy-select ul.options li { padding: 12px 10px; background: #fff; color: #000; border-bottom: 1px solid #959595; margin: 5px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .select_box div.fancy-select ul.options li.selected { background: #e2007e; color: #fff; } #funnel_msp .calc_flex .calc_body .question_space .single_question .select_box div.fancy-select ul.options li:hover { background: #e2007e; color: #fff; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element { display: flex; flex-wrap: wrap; gap: 16px;} #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element.tarrif_flex {justify-content: space-between; gap: 0;} #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child { flex-basis: 24%; border: 2px solid #a5a6a6; padding: 10px; border-radius: 10px; position: relative; cursor: pointer; background-color: transparent; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_building_box { flex-basis: 19%; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child .fake_radio { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #979797; position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_tarrif_box { display: flex; align-items: center; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_tarrif_box .fake_radio { width: 16px; height: 16px; margin-bottom: 0; margin-right: 5px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child .fake_radio:after { content: ''; display: block; width: 0; height: 0; border-radius: 50%; background-color: #e2007e; transition: 250ms ease; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_tarrif_box.active .fake_radio:after { width: 8px!important; height: 8px!important; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.active .fake_radio:after { width: 18px; height: 18px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_tarrif_box p { text-align: left; margin: 5px 0; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.active { border-color: #2a64d8; background-color: #fff; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.active svg path { fill: #2A64D8; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child .tooltip_trigger { display: block; background-repeat: no-repeat; cursor: pointer; width: 20px; height: 20px; background-image: url(/-/media/Additional/smart/img/funnel/tooltip_sprite.png); background-position: top; position: absolute; top: 10px; right: 10px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child .tooltip { display: none; position: absolute; width: 100%; padding: 10px; border: 1px solid #2a64d8; font-size: 12px; background-color: #fff; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child .tooltip_trigger:hover + .tooltip { display: block; z-index: 100; bottom: 100%; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question_text { flex-wrap: wrap; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question_text .sub_head { margin-top: 15px; flex-basis: 100%; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_building_box:hover svg path { fill: #2A64D8; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_building_box .sprite_parent { margin: 15px auto; display: flex; justify-content: center; align-items: center; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_building_box p { text-align: center; } #funnel_msp .calc_flex .calc_body .button_box .get_back { cursor: pointer; } #funnel_msp .calc_flex .calc_body .button_box .get_back:hover { text-decoration: underline; } #funnel_msp .calc_flex .calc_body .button_box .f_btn { cursor: pointer; } #funnel_msp .calc_flex .summary .title_box { display: flex; align-items: center; padding: 15px 5px 15px 15px; background-color: #e7f8f8; margin-bottom: 10px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } #funnel_msp .calc_flex .summary .title_box img { flex-basis: 50px; display: block; } #funnel_msp .calc_flex .summary .title_box p { flex-basis: calc(100% - 50px); padding-left: 15px; } #funnel_msp .calc_flex .summary .summary_image { display: flex; justify-content: center; align-items: center; margin-bottom: 15px; width: 100%; } #funnel_msp .calc_flex .summary .summary_image img { display: block; } #funnel_msp .calc_flex .summary .present_offert { position: relative; margin-bottom: 10px; padding: 0 10px 15px 30px; border-bottom: 2px solid #FFF; } /* #funnel_msp .calc_flex .summary .present_offert .present_prd{margin-top: 5px} */ /* #funnel_msp .calc_flex .summary .present_offert.active:before{content: '';display: block;position: absolute;width: 17px;height: 17px;border: 1px solid #000;border-radius: 50%;background-color: transparent;left: 0;top: 4px} */ #funnel_msp .calc_flex .summary .present_offert.active:before { content: ''; display: block; position: absolute; width: 17px; height: 17px; left: 0; top: 4px; background-image: url('../img/funnel/circle-check.png'); background-position: center; background-size: auto; background-repeat: no-repeat; } #funnel_msp .calc_flex .summary .offert_info { position: relative; padding: 0 5px 15px 30px; min-height: 131px; } #funnel_msp .calc_flex .summary .offert_info p { margin: 2px 0; opacity: 0; } #funnel_msp .calc_flex .summary .offert_info.active p { opacity: 1; } /* #funnel_msp .calc_flex .summary .offert_info.active:before{content: '';display: block;position: absolute;width: 17px;height: 17px;border: 1px solid #000;border-radius: 50%;background-color: transparent;left: 0;top: 4px} */ #funnel_msp .calc_flex .summary .offert_info.active:before { content: ''; display: block; position: absolute; width: 17px; height: 17px; left: 0; top: 4px; background-image: url('../img/funnel/circle-check.png'); background-position: center; background-size: auto; background-repeat: no-repeat; } #funnel_msp .inner-scroll-box {overflow-y: auto; max-height: 80px; margin-right: 15px; padding: 4px; border: 1px solid #A5A6A6; border-radius: 8px;} #funnel_msp .inner-scroll-box::-webkit-scrollbar {width: 6px; height: 6px;} #funnel_msp .inner-scroll-box::-webkit-scrollbar-track {background-color: transparent;} #funnel_msp .inner-scroll-box::-webkit-scrollbar-thumb {background-color: #A5A6A6; border-radius: 25px;} #funnel_msp .inner-scroll-box::-webkit-scrollbar-thumb:hover {background-color: #2A64D8;} /* #funnel_msp .calc_flex .summary .offert_price{padding: 15px 5px 15px 15px;background-color: #e7f8f8;margin-bottom: 10px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;} */ #funnel_msp .calc_flex .summary .offert_price .price_flex { padding: 15px 5px 15px 15px; background-color: #e7f8f8; margin-bottom: 10px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } #funnel_msp .calc_flex .summary .offert_price .price_flex.one_element .single_price { flex-basis: 100%; margin: 5px 0; display: flex; align-items: flex-end; } #funnel_msp .calc_flex .summary .offert_price .price_flex.more_elements .single_price { flex-basis: 48%; margin: 20px 0; } #funnel_msp .calc_flex .summary .offert_price .price_flex.more_elements .single_price p { display: inline-block; } #funnel_msp .calc_flex .summary .offert_price .price_flex .single_price p { line-height: 1.1; } #funnel_msp .calc_flex .summary .offert_price .price_flex .single_price .s_name { display: block; color: #000; line-height: 1; } #funnel_msp .calc_flex .summary .offert_price .type_switcher { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-top: 15px; } #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box { position: relative; flex-basis: 45%; margin-right: 10px; } #funnel_msp .calc_flex .summary .offert_price .fixed_price {font-size: 1.5rem;} #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:checked, #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:not(:checked) { position: absolute; left: -9999px; } #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box label { display: block; color: #000; font-size: 12px; padding-left: 30px; text-align: left; } #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:checked, #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:not(:checked) { position: absolute; left: -9999px; } #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:checked + label, #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:not(:checked) + label { cursor: pointer; } #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:checked + label:before, #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:not(:checked) + label:before { content: ''; position: absolute; top: -2px; left: 0; width: 18px; height: 18px; background: #fff; border: 1px solid #919191; border-radius: 50%; } #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:checked + label:after, #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:not(:checked) + label:after { content: ''; position: absolute; top: 3px; left: 5px; width: 10px; height: 10px; background-color: #e2007a; border-radius: 50%; } #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:not(:checked) + label:after { transform: scale(0); opacity: 0; } #funnel_msp .calc_flex .summary .offert_price .type_switcher .radio_box [type='radio']:checked + label:before { transform: scale(1); opacity: 1; } #funnel_msp .calc_flex .summary .offert_address { text-align: left; padding-right: 10px; margin-top: 20px; } #funnel_msp .calc_flex .summary {visibility: hidden;} /*#funnel_msp .calc_flex .summary.visible {visibility: visible;}*/ #funnel_msp .calc_flex .summary.summary-2 {visibility: hidden;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_24']) .calc_flex .summary.visible[data-offer-summary='id_24'] {visibility: visible; display: block;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_24']) .calc_flex .summary.visible[data-offer-summary='id_25'] {visibility: visible; display: none;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_25']) .calc_flex .summary.visible[data-offer-summary='id_24'] {visibility: visible; display: none;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_25']) .calc_flex .summary.visible[data-offer-summary='id_25'] {visibility: visible; display: block;} #funnel_msp .page_container .short-info-contract p {display: none;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_24']) .short-info-contract p[data-product='id_24'] {display: block;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_24']) .short-info-contract p[data-product='id_25'] {display: none;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_25']) .short-info-contract p[data-product='id_24'] {display: none;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_25']) .short-info-contract p[data-product='id_25'] {display: block;} #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .other_space { flex-basis: 100%; margin-top: 10px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .other_space .other_input_space { margin: 10px 0; width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 15px; position: relative; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .other_space .other_input_space label { display: block; margin-bottom: 10px; flex-basis: 100%; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .other_space .other_input_space input { border-radius: 10px; flex-basis: calc(100% - 110px); border: 1px solid #959595; width: 100%; padding: 12px 5px; font-size: 16px; background-color: #fff; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .other_space .other_input_space input.invalid { border-color: red; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .other_space .other_input_space .unit { flex-basis: 100px; text-align: center; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .other_space .other_input_space .input_error { position: absolute; left: 0; bottom: 0; font-size: 12px; color: red; display: none; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .other_space .other_input_space .input_error.input_bad { display: block; } #funnel_msp .disclaimer_box { margin: 10px 0 30px; padding-left: 140px; } #funnel_msp .disclaimer_box p { margin: 5px 0; } #funnel_msp sup { font-size: 10px; } #funnel_msp #other_settlement { padding: 10px; border: 1px solid #959595; border-radius: 5px; text-align: left; font-size: 20px; } #funnel_msp #other_settlement .input_error { display: none; } #funnel_msp #other_settlement.invalid { border-color: red; } #funnel_msp #other_settlement.invalid .input_error { display: block; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher { position: relative; display: flex; flex-wrap: wrap; align-items: center; margin-top: 15px; } /* #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box{position: relative;flex-basis: 50%;} */ #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box { position: relative; padding: 20px 10px; margin-right: 20px; margin-bottom: 20px; background: #fff; border: 1px solid #a5a6a6; border-radius: 5px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:checked, #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:not(:checked) { position: absolute; left: -9999px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box label { display: block; color: #000; font-size: 16px; padding-left: 40px; text-align: left; margin-right: 10px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:checked, #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:not(:checked) { position: absolute; left: -9999px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:checked + label, #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:not(:checked) + label { cursor: pointer; } /* #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type="radio"]:not(:checked) + label:before,#funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 25px; border: 1px solid #919191; background: #fff;border-radius: 50%} */ #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:checked + label:before, #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:not(:checked) + label:before { content: ''; position: absolute; top: 23px; left: 10px; width: 16px; height: 16px; background: #fff; border: 1px solid #919191; border-radius: 50%; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:checked + label:after, #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:not(:checked) + label:after { content: ''; position: absolute; top: 28px; left: 15px; width: 8px; height: 8px; background-color: #e2007a; border-radius: 50%; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:not(:checked) + label:after { transform: scale(0); opacity: 0; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box [type='radio']:checked + label:before { transform: scale(1); opacity: 1; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .input_error {position: absolute; bottom: -3px; left: 0; display: none; color: #F00;} #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .input_error.show {display: block;} #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle { margin: 30px 0 20px; text-align: left; white-space: nowrap; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .main-label { display: inline-block; width: 60px; vertical-align: middle; font-size: 20px; text-align: center; font-size: 16px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .main-label.first_label { text-align: left; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .main-label.second_label { text-align: right; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .switch { width: 70px; height: 36px; display: inline-block; margin: 0 10px; text-align: center; vertical-align: middle; position: relative; cursor: pointer; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle input { position: absolute; left: -999999px; opacity: 0; display: block; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle label { cursor: pointer; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .switch label:before { content: ''; position: absolute; top: .05555556em; bottom: .05555556em; left: .05555556em; right: .05555556em; display: block; width: 100%; background-color: #e6229a; border-radius: 30px; cursor: pointer; -webkit-transition: background .4s; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .switch .first+label:after { content: ''; box-sizing: border-box; position: absolute; top: 5px; bottom: 0; left: 0; z-index: 10; pointer-events: none; display: block; width: 26px; height: 26px; margin: 0 0 0 55%; background-color: #fff; border: none; border-radius: 50%; transition: 250ms ease; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .switch label:before { content: ''; position: absolute; top: 0.05555556em; bottom: 0.05555556em; left: 0.05555556em; right: 0.05555556em; display: block; width: 2.22222222em; background-color: #ddd; border-radius: 1.11111111em; -webkit-transition: background 0.4s; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .switch label:before { content: ''; position: absolute; top: 0.05555556em; bottom: 0.05555556em; left: 0.05555556em; right: 0.05555556em; display: block; width: 100%; background-color: #e6229a; border-radius: 30px; cursor: pointer; -webkit-transition: background 0.4s; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle.c_magenta_switch .switch label:before { background-color: #e6229a; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .switch input.first:checked + label:after { margin: 0 0 0 7px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .switch input.second + label:before { opacity: 1; box-shadow: none; background-color: #e6229a; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle input.first:checked + label:after { margin: 0 0 0 0; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle input.second + label:before { opacity: 1; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle input.second:checked + label:before { opacity: 0; display: none; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle.c_magenta_switch .switch input.second + label:before { background-color: #e6229a; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle.c_magenta_switch .main-label.c_color_label { color: #e6229a; font-weight: 600; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .main-label.c_long_labels { width: auto; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .main-label { position: relative; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .main-label:before { content: ''; position: absolute; width: 100%; height: 100%; display: block; z-index: 10; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .main-label.first_label:before { left: 45px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .radio_t_space .radio_toggle .main-label.second_label:before { left: -45px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .input_error {position: absolute; bottom: -24px; left: 0; display: none; color: #F00;} #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .input_error.show {display: block;} #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_discount_box { flex-basis: 49%; position: relative; padding: 30px 10px 30px 100px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_discount_box .fake_radio { margin-bottom: 0; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto; } #funnel_msp .notification_box { position: relative; padding: 20px; border: 2px solid #e2007e; margin: 35px 0; } #funnel_msp .notification_box .close { cursor: pointer; position: absolute; right: 15px; top: 15px; display: block; z-index: 10; } #funnel_msp .notification_box .close:hover { opacity: .5; } #funnel_msp .notification_box .single_info { position: relative; margin-bottom: 15px; } #funnel_msp .notification_box .single_info:last-child { margin-bottom: 0; } #funnel_msp .notification_box .single_info > img { position: absolute; left: 0; top: 0; } #funnel_msp .notification_box .single_info .main_p { margin-bottom: 15px; } #funnel_msp .notification_box .single_info .with_dot { position: relative; padding-left: 25px; } #funnel_msp .notification_box .single_info .with_dot:not(:last-of-type):before { position: absolute; left: 0; top: 14px; width: 5px; height: 5px; border-radius: 50%; background-color: #000; display: block; content: ''; } #funnel_msp .notification_box .single_info a { color: #000; } #funnel_msp .c_loader { position: fixed; width: 100%; height: calc(100% + 10px); z-index: 100000; background-color: rgba(255,255,255,.9); top: -10px; left: 0; } #funnel_msp .c_loader .z_loader_box { display: flex; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; justify-content: center; align-items: center; flex-direction: column; } #funnel_msp .c_loader .z_loader_box p { font-size: 20px; font-weight: 600; } #funnel_msp .c_loader .z_loader_box img { display: block; margin: 10px auto; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box label { display: inline-block; padding-left: 70px; font-size: 20px; line-height: 19px; padding-top: 10px; padding-bottom: 10px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box { position: relative; min-height: 35px; margin: 5px 0; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:checked, #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:not(:checked) { position: absolute; left: -9999px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:checked + label, #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:not(:checked) + label { cursor: pointer; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:checked + label:before, #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:not(:checked) + label:before { content: ''; position: absolute; top: 1px; left: 0; width: 33px; height: 33px; background: #fff; border: 1px solid #919191; border-radius: 4px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:checked + label:after, #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:not(:checked) + label:after { content: ''; position: absolute; top: 10px; left: 8px; width: 19px; height: 15px; background-image: url(/-/media/Additional/smart/img/funnel/check.png); } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:not(:checked) + label:after { transform: scale(0); opacity: 0; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .check-box [type='checkbox']:checked + label:before { transform: scale(1); opacity: 1; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .inside_container { padding-left: 70px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .inside_container .term_text { border-radius: 4px; padding: 10px; line-height: 1.2; border: 1px solid #959595; font-size: 16px; margin: 20px 0; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .inside_container .term_text a { display: block; margin: 15px 0; font-size: 16px; color: #e2007e; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .input_error { position: absolute; bottom: -14px; font-size: 12px; color: red; left: 0; display: none; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .input_error.input_bad { display: block; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child .tooltip .sh531-normal-td { border: 1px solid #000; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child .tooltip table { border-collapse: collapse; } #funnel_msp .tarrif_flex { display: flex; justify-content: space-between; } #funnel_msp .tarrif_flex .tarrif_flex_single_box { width: 49%; } #funnel_msp .tarrif_flex .tarrif_flex_single_box .single_box_title { position: relative; padding-left: 35px; padding-right: 35px; } #funnel_msp .tarrif_flex .tarrif_flex_single_box .single_box_title svg { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } #funnel_msp .predicted_consumption .predicted_consumption_container { display: flex; align-items: center; margin-top: 20px; } #funnel_msp .predicted_consumption .predicted_consumption_container { display: flex; align-items: center; margin-top: 20px; } #funnel_msp .predicted_consumption #predicted_consumption_input { margin-right: 20px; margin-left: 20px; padding: 10px; font-size: 20px; text-align: left; border: 1px solid #959595; border-radius: 5px; } #funnel_msp .predicted_seller {display: none; margin-top: 24px;} #funnel_msp .predicted_seller.active {display: block;} #funnel_msp .predicted_seller #predicted_seller_input { min-width: 200px; width: 40%; margin-right: 20px; padding: 10px; font-size: 20px; text-align: left; border: 1px solid #959595; border-radius: 5px; } #funnel_msp .predicted_type { margin-top: 20px; } #funnel_msp .predicted_type #predicted_type_input { padding: 10px; margin-left: 20px; border: 1px solid #959595; border-radius: 5px; font-size: 20px; } #funnel_msp .invalid { color: red; } #funnel_msp .invalid .input_bad { display: block; color: red; font-size: 14px; } #funnel_msp .invalid #predicted_type_input { border-color: red; } #funnel_msp .invalid #predicted_consumption_input { border-color: red; } #funnel_msp .invalid #predicted_seller_input { border-color: red; } #funnel_msp .z_sorry_box { box-shadow: 0 1px 10px 0 rgb(31 31 31 / 25%); padding: 75px 25px; z-index: 2; position: relative; background-color: #fff; } #funnel_msp .z_eksp_box { position: relative; padding-top: 40px; max-width: 1400px; z-index: 2; margin: 0 auto; } #funnel_msp .z_eksp_box .z_back_to_root { display: block; color: #000; margin: 30px 0; } #funnel_msp .z_eksp_box .z_back_to_root:hover { color: #e2007e; } #funnel_msp .z_eksp_box .z_sorry_box a:hover { text-decoration: underline; } #funnel_msp .z_eksp_box .z_sorry_box .z_autocomplete { margin: 0 auto 50px; text-align: center; } #funnel_msp .z_eksp_box .z_sorry_box p { text-align: center; line-height: 1.4; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_offer_box { flex-basis: 250px; padding: 20px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_offer_box .sprite_parent img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_offer_box .offer_name { min-height: 75px; margin-bottom: 20px; text-align: center; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_offer_box .extra-content-list { padding-left: 20px; list-style-type: disc; } .contrast * { color: #fff!important; background-color: #000!important; } .contrast #funnel_msp * { color: #fff; } .contrast #funnel_msp img { background-color: transparent!important; } .contrast #funnel_msp .f_btn { background-color: #ffe800!important; color: #000!important; border-color: #ffe800; } .contrast #funnel_msp .calc_flex .calc_body { box-shadow: none; border: 2px solid #fff; } .contrast #funnel_msp .calc_flex .summary { border-width: 2px 2px 2px 0; border-style: solid; border-color: #fff; } .contrast #funnel_msp .calc_flex .steps_box .single_step .step_image span { background-color: #2a64d8!important; } .contrast #funnel_msp .calc_flex .steps_box .single_step.active .step_image span svg { background-color: #2a64d8!important; } .contrast #funnel_msp .calc_flex .steps_box .single_step.step_4.active .step_image span svg { background-color: transparent!important; } .contrast #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .other_space .other_input_space .input_error { background-color: transparent!important; } .contrast #funnel_msp .calc_flex .steps_box .single_step.active .step_image { background-color: #2a64d8!important; } .contrast #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child .fake_radio { background-color: #fff!important; } .contrast #funnel_msp .calc_flex .calc_body .button_box .get_back { color: #e2007e!important; } .contrast #funnel_msp .calc_flex .steps_box .single_step:after { border-color: #fff; } .contrast #funnel_msp .calc_flex .steps_box .single_step.active:after { border-color: #fff; } .contrast #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .sub_question_text .tooltip_trigger { background-position: bottom; } .contrast #funnel_msp .notification_box .single_info .with_dot:before { background-color: #fff; } .zoom-x4 #funnel_msp .calc_flex .summary .title_box p { padding-left: 5px; } /*popup z regionalizacją*/ #funnel_msp .regionalization { display: inline-block; font-size: 12px; border-radius: 5px; border: 0; background: #ededed; cursor: pointer; padding: 0 20px; line-height: 23px; } #funnel_msp .regionalization .regionalization__city { font-weight: 600; } #funnel_msp .regionalization .regionalization__link { margin-left: 10px; text-decoration: none; color: #e2007a; font-weight: 700; } #funnel_msp .popup_bg { position: fixed; width: 100%; height: 100%; background-color: rgba(255,255,255,.8); display: block; top: 0; z-index: 1000; } #funnel_msp .select_box.fancy_select_box {display: flex;} #funnel_msp .select_box.fancy_select_box .select2-container {flex: 1; width: auto !important;} .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #E2007A !important; color: #FFF !important;} .select2-container--default .select2-results__option--selected {background-color: #E2007A !important; color: #FFF !important;} .invalid .select2-container--default .select2-selection--single {border-color: #F00;} .select2-container--default .select2-selection--single {overflow: hidden; height: 54px !important; font-size: 20px !important;} .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 52px !important;} .select2-results__option {font-size: 20px !important;} .select2-search--dropdown .select2-search__field {font-size: 18px;} .select2-container--default .select2-search--dropdown .select2-search__field {padding-right: 32px !important;} .select2-search--dropdown {position: relative !important;} .select2-search--dropdown::before {content: url('data:image/svg+xml,%3Csvg viewBox=\'0 0 24 24\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M23.707 22.293L17.738 16.324C19.3647 14.3346 20.1644 11.7961 19.9719 9.23359C19.7793 6.67106 18.6092 4.28056 16.7036 2.55655C14.798 0.832537 12.3026 -0.0930816 9.73367 -0.0288498C7.16472 0.035382 4.71873 1.08455 2.90164 2.90164C1.08455 4.71873 0.035382 7.16472 -0.0288498 9.73367C-0.0930816 12.3026 0.832537 14.798 2.55655 16.7036C4.28056 18.6092 6.67106 19.7793 9.23359 19.9719C11.7961 20.1644 14.3346 19.3647 16.324 17.738L22.293 23.707C22.4816 23.8892 22.7342 23.99 22.9964 23.9877C23.2586 23.9854 23.5094 23.8803 23.6948 23.6948C23.8803 23.5094 23.9854 23.2586 23.9877 22.9964C23.99 22.7342 23.8892 22.4816 23.707 22.293ZM10 18C8.41778 18 6.87106 17.5308 5.55546 16.6518C4.23987 15.7727 3.21449 14.5233 2.60899 13.0615C2.00349 11.5997 1.84506 9.99115 2.15374 8.4393C2.46243 6.88746 3.22435 5.46199 4.34317 4.34317C5.46199 3.22435 6.88746 2.46243 8.4393 2.15374C9.99115 1.84506 11.5997 2.00349 13.0615 2.60899C14.5233 3.21449 15.7727 4.23987 16.6518 5.55546C17.5308 6.87106 18 8.41778 18 10C17.9976 12.121 17.154 14.1545 15.6543 15.6543C14.1545 17.154 12.121 17.9976 10 18Z\' fill=\'%23000000\'%3E%3C/path%3E%3C/svg%3E'); position: absolute; top: calc(50% + 1px); right: 12px; z-index: 2; transform: translateY(-50%); width: 14px;} .select2-container--default .select2-selection--single .select2-selection__arrow {right: 4px !important; height: 54px !important;} .select-input-validation {position: relative;} .select-input-validation .input_error {position: absolute; bottom: 0; left: 0; transform: translateY(100%);} @media screen and (min-width: 768px) { .regionalization__form--half { margin-top: 30px; } } @media screen and (min-width: 992px) { .regionalization__form--half .regionalization__row { display: block; } } @media screen and (min-width: 768px) { .regionalization__form { padding: 20px 10px 40px 0; } } @media screen and (min-width: 992px) { .regionalization__form { padding: 20px 10px 20px 0; } } .biggraphics ul .regionalization__row li > a:not([class]), .biggraphics ul .regionalization__row li > a[class=''], .box ul .regionalization__row li > a:not([class]), .box ul .regionalization__row li > a[class=''], .box-border ul .regionalization__row li > a:not([class]), .box-border ul .regionalization__row li > a[class=''], .graphicsbox ul .regionalization__row li > a:not([class]), .graphicsbox ul .regionalization__row li > a[class=''], .knowledge-menu__2lvl li .regionalization__row a, .pink_ul .regionalization__row li > a:not([class]), .pink_ul .regionalization__row li > a[class=''], .regionalization__row .biggraphics ul li > a:not([class]), .regionalization__row .biggraphics ul li > a[class=''], .regionalization__row .box ul li > a:not([class]), .regionalization__row .box ul li > a[class=''], .regionalization__row .box-border ul li > a:not([class]), .regionalization__row .box-border ul li > a[class=''], .regionalization__row .cta, .regionalization__row .graphicsbox ul li > a:not([class]), .regionalization__row .graphicsbox ul li > a[class=''], .regionalization__row .knowledge-menu__2lvl li a, .regionalization__row .maptab__txt--imp, .regionalization__row .pink_ul li > a:not([class]), .regionalization__row .pink_ul li > a[class=''], .regionalization__row .sitemap__list a:not([class]), .regionalization__row .topTabs__moreList .topTabs__tab, .sitemap__list .regionalization__row a:not([class]), .topTabs__moreList .regionalization__row .topTabs__tab { position: absolute; top: 110%; left: 0; font-size: 1.2rem; } @media screen and (min-width: 992px) { .regionalization__row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-bottom: 20px; } } @media screen and (min-width: 768px) { .regionalization__submitBox { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } } .regionalization__label { display: block; margin-bottom: 10px; } @media screen and (min-width: 992px) { .regionalization__label { width: 380px; margin-top: 6px; -ms-flex-item-align: start; align-self: flex-start; } } .regionalization__inputBox { position: relative; } .regionalization__input { width: 100%; } @media screen and (min-width: 768px) { .regionalization__input { width: 80%; } } @media screen and (min-width: 992px) { .regionalization__input { width: 500px; } } .regionalization__input--long { width: 100%; } .regionalization__input--submit { margin: 30px 0 0; } @media screen and (min-width: 768px) { .regionalization__input--submit { position: absolute; top: 30px; margin-top: 20px; right: 20px; } } @media screen and (min-width: 992px) { .regionalization__input--submit { position: static; margin: 0 20px; } } @media screen and (min-width: 768px) { .regionalization__input--bottom { position: static; margin: 40px 0 0 0; } } .regionalization .hide { display: none; } .regionalization-popup { position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; width: 94%; max-width: 470px; min-height: 200px; background: #fff; border: 1px solid #dadada; padding: 25px 15px; display: none; } .regionalization-popup.show, .regionalization__submitBox button.regionalization-popup { display: block; } @media screen and (min-width: 480px) { .regionalization-popup:after, .regionalization-popup:before { top: 99999px; left: -99999px; } } @media screen and (min-width: 480px) { .regionalization-popup { width: 470px; } } #funnel_msp .regionalization-popup__close { position: absolute; font-size: 2.4rem; top: 0; right: 5px; cursor: pointer; } #funnel_msp .regionalization-popup .heading:before { font-size: 3rem; color: #c1c1c1; } #funnel_msp .regionalization-popup__info { font-size: 1.6rem; margin: 10px 0; line-height: 1.2; } #funnel_msp .regionalization-popup__form { position: relative; } #funnel_msp .heading--small { font-weight: 600; } #funnel_msp .regionalization-popup__input { width: 100%; padding: 0 5px; } @media screen and (min-width: 768px) { .regionalization-popup__input { padding: 0 15px; } } #funnel_msp .regionalization-popup__input--submit { position: absolute; top: 0; right: -3px; height: 48px; font-size: 20px; padding: 8px 8px 10px 8px; } .wcag_hide { clip: rect(1px, 1px, 1px, 1px); display: block; position: absolute; } .error__message { color: #f12e2c; font-size: 1.4rem; line-height: 1; display: none; } @media screen and (min-width: 768px) { .regionalization-popup__input--submit { padding: 8px 20px 10px 20px; } } #funnel_msp .regionalization-popup .cta, #funnel_msp .regionalization-popup .pink_ul li > a:not([class]), .biggraphics ul .regionalization-popup li > a:not([class]), .biggraphics ul .regionalization-popup li > a[class=''], .box ul .regionalization-popup li > a:not([class]), .box ul .regionalization-popup li > a[class=''], .box-border ul .regionalization-popup li > a:not([class]), .box-border ul .regionalization-popup li > a[class=''], .graphicsbox ul .regionalization-popup li > a:not([class]), .graphicsbox ul .regionalization-popup li > a[class=''], .knowledge-menu__2lvl li .regionalization-popup a, .pink_ul .regionalization-popup li > a:not([class]), .pink_ul .regionalization-popup li > a[class=''], .regionalization-popup .biggraphics ul li > a:not([class]), .regionalization-popup .biggraphics ul li > a[class=''], .regionalization-popup .box ul li > a:not([class]), .regionalization-popup .box ul li > a[class=''], .regionalization-popup .box-border ul li > a:not([class]), .regionalization-popup .box-border ul li > a[class=''], .regionalization-popup .graphicsbox ul li > a:not([class]), .regionalization-popup .graphicsbox ul li > a[class=''], .regionalization-popup .knowledge-menu__2lvl li a, .regionalization-popup .maptab__txt--imp, .regionalization-popup .pink_ul li > a[class=''], .regionalization-popup .sitemap__list a:not([class]), .regionalization-popup .topTabs__moreList .topTabs__tab, .sitemap__list .regionalization-popup a:not([class]), .topTabs__moreList .regionalization-popup .topTabs__tab { display: block; margin: 10px 0; } @media all and (max-width: 1250px) { #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child { flex-basis: 49%; margin: 5px 0; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question { margin-bottom: 25px; } #funnel_msp .calc_flex .steps_box .single_step { max-width: 120px; } #funnel_msp .f_14 { font-size: 1.4rem; } #funnel_msp .f_16 { font-size: 1.6rem; } #funnel_msp .f_18 { font-size: 1.6rem; } #funnel_msp .f_20 { font-size: 1.8rem; } #funnel_msp .f_22 { font-size: 2.0rem; } #funnel_msp .f_24 { font-size: 2.2rem; } #funnel_msp .f_26 { font-size: 2.4rem; } #funnel_msp .f_30 { font-size: 2.8rem; } #funnel_msp .f_36 { font-size: 3.0rem; } #funnel_msp .f_42 { font-size: 3.2rem; } #funnel_msp .f_50 { font-size: 4.0rem; } #funnel_msp .f_60 { font-size: 5.0rem; } #funnel_msp .calc_flex .calc_body .question_space .single_question .select_box div.fancy-select .trigger { font-size: 18px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box label { font-size: 18px; min-height: 36px; line-height: 32px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_discount_box { padding: 30px 10px 30px 70px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .inside_container .term_text { font-size: 12px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .inside_container .term_text a { font-size: 12px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box label { font-size: 18px; padding-left: 50px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .inside_container { padding-left: 0; } } @media all and (max-width: 1200px) { #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element.building_flex { justify-content: unset; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_building_box { flex-basis: unset; margin-right: 10px; width: calc(33.3% - 10px); } } @media all and (max-width: 1050px) { #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_discount_box { flex-basis: 100%; margin: 5px 0; padding: 20px 10px 20px 70px; } } @media all and (max-width: 1000px) { #funnel_msp .inner-scroll-box {margin-right: 0;} #funnel_msp .calc_flex .steps_box { flex-basis: 100%; display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; order: 1; } #funnel_msp .calc_flex .steps_box .single_step { width: 100%; max-width: 100%; flex-basis: 24%; margin-bottom: 15px; padding-bottom: 0; } #funnel_msp .calc_flex .steps_box .single_step .step_image { height: 80px; margin-bottom: 5px; } #funnel_msp .calc_flex .steps_box .single_step:after { content: none; } #funnel_msp .disclaimer_box { padding-left: 0; } #funnel_msp .calc_flex .calc_body { flex-basis: 100%; min-height: 1px; order: 3; } #funnel_msp .calc_flex .summary { flex-basis: 100%; border-radius: 20px; margin-bottom: 15px; order: 2; padding: 15px; min-height: unset; } #funnel_msp .calc_flex .summary .offert_info { min-height: 1px; } #funnel_msp .calc_flex .summary .offert_info p { display: none; } #funnel_msp .calc_flex .summary .offert_info.active p { display: inline-block; position: relative; padding-left: 13px; margin-left: 15px; } #funnel_msp .calc_flex .summary .offert_info.active p:before { width: 6px; height: 6px; border-radius: 50%; background-color: #000; display: block; position: absolute; left: 0; top: 10px; content: ''; } #funnel_msp .calc_flex .summary .offert_price .price_flex.more_elements .single_price { flex-basis: 32%; } #funnel_msp .calc_flex .summary .summary_image { display: none; } .contrast #funnel_msp .calc_flex .summary { border-width: 2px; } #funnel_msp .calc_flex .summary {visibility: hidden; display: none;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_24']) .calc_flex .summary.visible[data-offer-summary='id_24'] {visibility: visible; display: block;} #funnel_msp .page_container:has(.single_offer_box.active[data-value='id_25']) .calc_flex .summary.visible[data-offer-summary='id_25'] {visibility: visible; display: block;} } @media all and (max-width: 630px) { #funnel_msp .predicted_consumption .predicted_consumption_container, #funnel_msp .predicted_type { display: flex; flex-flow: column; align-items: flex-start; } #funnel_msp .predicted_consumption #predicted_consumption_input { width: 250px; margin-left: 0; margin-right: 0; font-size: 18px; } #funnel_msp .predicted_seller #predicted_seller_input { width: 250px; margin-right: 0; margin-left: 0; font-size: 18px; } #funnel_msp .predicted_type #predicted_type_input { margin-left: 0; width: 250px; font-size: 18px; } #funnel_msp #other_settlement { font-size: 18px; } } @media all and (max-width: 600px) { #funnel_msp .calc_flex .calc_body .question_space .single_question .main_question span { display: block; } } @media all and (max-width: 550px) { #funnel_msp .calc_flex .steps_box .single_step { flex-basis: 49%; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child { flex-basis: 100%; } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_building_box .fake_radio { position: absolute; left: 10px; top: 10px; } #funnel_msp .f_14 { font-size: 1.2rem; } #funnel_msp .f_16 { font-size: 1.4rem; } #funnel_msp .f_18 { font-size: 1.4rem; } #funnel_msp .f_20 { font-size: 1.6rem; } #funnel_msp .f_22 { font-size: 2.0rem; } #funnel_msp .f_24 { font-size: 2.0rem; } #funnel_msp .f_26 { font-size: 2.2rem; } #funnel_msp .f_30 { font-size: 2.6rem; } #funnel_msp .f_36 { font-size: 2.8rem; } #funnel_msp .f_42 { font-size: 3.0rem; } #funnel_msp .f_50 { font-size: 3.5rem; } #funnel_msp .f_60 { font-size: 4.2rem; } #funnel_msp .calc_flex .calc_body .question_space .single_question .select_box div.fancy-select .trigger { font-size: 16px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box label { font-size: 16px; min-height: 36px; line-height: 32px; } #funnel_msp .calc_flex .calc_body .button_box .get_back { flex-basis: 100%; text-align: center; margin-bottom: 15px; } #funnel_msp .calc_flex .calc_body .button_box { flex-wrap: wrap; justify-content: center; } #funnel_msp .calc_flex .summary .offert_price .price_flex.more_elements .single_price { flex-basis: 49%; } #funnel_msp .notification_box .single_info > img { display: none; } #funnel_msp .notification_box .single_info { padding-left: 0; } } @media all and (max-width: 450px) { #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .sub_question_text .tooltip_trigger { display: block; position: absolute; right: 0; top: 0; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .sub_question_text.tooltip_parent { padding-right: 30px; } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question .type_switcher .radio_box { flex-basis: 100%; margin: 5px 0; } } @media all and (max-width: 590px) { #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_building_box { flex-basis: unset; margin-right: 10px; width: calc(50% - 10px); } #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_building_box:nth-child(even) { margin-right: 0; } } @media all and (max-width: 480px) { #funnel_msp .calc_flex .calc_body .question_space .single_question .flex_element .single_flex_child.single_building_box { flex-basis: unset; margin-right: 0; width: 100%; } } #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .inside_container .term_text p.with_dot {position: relative; padding-left: 12px;} #funnel_msp .calc_flex .calc_body .question_space .single_question .sub_question.single_agree_box .inside_container .term_text p.with_dot:before { content: ''; position: absolute; top: 11px; left: 0; display: block; width: 5px; height: 5px; background-color: #000; border-radius: 50%; }