#customer_service #z_change .f_36{font-size: 3.6rem} #customer_service #z_change .f_30{font-size: 3rem} #customer_service #z_change .f_24{font-size: 2.4rem} #customer_service #z_change .f_20{font-size: 2rem} #customer_service #z_change .f_18{font-size: 1.8rem} #customer_service #z_change .f_16{font-size: 1.6rem} #customer_service #z_change .c_semibold{font-weight: 600} #customer_service #z_change .z_product_content .z_fix_box{min-height: 1px!important;} #customer_service #z_change .z_product_content .z_fix_box .z_who_fix .z_with_arrow:before {background-image: url(/-/media/Additional/smart/img/gas_msp/z_arrow_msp.png);} #customer_service #msp_gas #z_change .z_baner_box{background-color: #f1f6f6} #customer_service #z_change .msp_contact {margin: 25px 0 15px;padding: 30px 0;box-shadow: 0 1px 10px 0 rgb(31 31 31 / 25%);} #customer_service #z_change .msp_contact .c_box{position: relative;padding-left: 65px;} #customer_service #z_change .msp_contact .c_box img{position: absolute;left: 0;top: 0;} #customer_service #z_change .msp_contact .c_box h6{margin-top: 15px;line-height: 1.3} #customer_service #z_change .z_body{padding-top: 20px} #customer_service #msp_gas #z_change .z_prd_feature.z_eco_feature {border-color: #8bb63a;} #customer_service #msp_gas #z_change .z_prd_feature.z_eco_feature .z_feature_box p.z_feature_dot:before {background-color: #75bd39;} #customer_service #z_change .z_documents_box .z_doc_content .z_doc_category .z_doc_flex.w100 .z_single_doc{flex-basis: 100%} #customer_service #z_change .z_product_content .z_fix_box .z_serives_content.flex_four .z_single_fix{flex-basis: 24%} #customer_service #z_change .z_documents_box .z_doc_content .z_doc_category > p{display: flex;align-items: center;justify-content: space-between} #customer_service #z_change .msp_start_tile_flex{display: flex; margin-bottom: 24px; justify-content: space-between;flex-wrap: wrap; margin-top: 50px; row-gap: 24px;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile {position: relative; display: flex; flex-basis: 32%;flex-direction: column;justify-content: space-between;padding: 20px 30px 65px 30px;box-shadow: 0 1px 20px 0 rgb(31 31 31 / 24%);} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile:after{display: block;content: '';position: absolute;right: 40px;bottom: 20px;background-image: url(/-/media/Additional/smart/img/main_animation/m_slider_arrow.png);width: 25px;height: 18px;background-position: top; transition: 250ms ease;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile.box-highlighted:after {background-image: url(/-/media/Additional/smart/img/main_animation/m_slider_arrow-highlighted-box.png);} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile:hover{opacity: .6} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile:hover:after {right: 35px;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_text{flex-basis: calc(100% - 180px);color: #000} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_img{justify-content: flex-end;display: flex; margin-bottom: 24px;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_img img {max-height: 128px; width: auto; margin-right: auto;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile.box-highlighted .tile_text h3 {color: #FFF;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile.box-highlighted .tile_text p {color: #FFF;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_text h3{ display: flex; justify-content: center; flex-direction: column; margin-bottom: 10px;min-height: 65px;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_text p{line-height: 1.3} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile.box-highlighted {background: rgb(48, 83, 232); background: -moz-linear-gradient(180deg, rgba(48, 83, 232, 1) 25%, rgba(27, 47, 130, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(48, 83, 232, 1) 25%, rgba(27, 47, 130, 1) 100%); background: linear-gradient(180deg, rgba(48, 83, 232, 1) 25%, rgba(27, 47, 130, 1) 100%);} #customer_service #z_change .msp_start_form{margin: 70px 0} #customer_service #z_change .msp_start_form .msp_form_flex{display: flex;justify-content: space-between;align-items: center;border: 2px solid #2b64d8;padding: 40px 40px 40px 20px;} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_btn_box{flex-basis: 280px;display: flex;justify-content: flex-start} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_btn_box .msp_form_btn{} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_img{display: flex;flex-basis: 160px;} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_img img{display: block} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text{flex-basis: calc(100% - 500px);color: #000} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text h3{margin-bottom: 15px} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text p{margin-bottom: 10px;line-height: 1.3} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text p a{color: #e2007e;display: inline-block;margin-left: 5px} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text p a img{display: inline-block;vertical-align: 3px} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text p a:hover{text-decoration: underline} #customer_service #z_change .msp_question_space{} #customer_service #z_change .msp_question_space h2{text-align: center;margin-bottom: 10px;font-weight: 600} #customer_service #z_change .msp_question_space h4{text-align: center} #customer_service #z_change .msp_question_flex{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 35px 0 35px} #customer_service #z_change .msp_question_flex .msp_question_column {position: relative;display: flex;flex-basis: 48%;flex-wrap: wrap;align-items: center;min-height: 160px;padding: 20px 100px 20px 30px; background-color: #FFF;box-shadow: 0 1px 20px 0 rgb(31 31 31 / 24%);} #customer_service #z_change .msp_question_flex .msp_question_column .msp_column_img{flex-basis: 105px;} #customer_service #z_change .msp_question_flex .msp_question_column .msp_column_img img{display: block} #customer_service #z_change .msp_question_flex .msp_question_column .column_flex{display: flex;align-items: center;flex-wrap: wrap;flex-basis: 100%} #customer_service #z_change .msp_question_flex .msp_question_column .msp_column_text{flex-basis: calc(100% - 110px);line-height: 1.1;color: #000;text-align: left} #customer_service #z_change .msp_question_flex .msp_question_column:after{display: block;content: '';position: absolute;right: 40px;top: auto;bottom: 20px;margin: auto;background-image: url(/-/media/Additional/smart/img/main_animation/m_slider_arrow.png);width: 25px;height: 18px;background-position: top; transition: 250ms ease;} #customer_service #z_change .msp_question_flex .msp_question_column:hover{opacity: .6} #customer_service #z_change .msp_question_flex .msp_question_column:hover:after {right: 35px;} #customer_service #z_change .msp_question_flex .msp_question_column .non_flex_p{padding-left: 105px;color: #000;margin-top: 15px} #customer_service #z_change .z_documents_box .z_doc_content .z_doc_category > p{position: relative;padding-right: 20px} #customer_service #z_change .z_documents_box .z_doc_content .z_doc_category > p .z_doc_arrow{position: absolute;right: 0;top:0;bottom: 0;margin: auto} #customer_service #msp_gas #msp_thanks .msp_baner_thanks{height: 300px;background-repeat: no-repeat;background-color: #f1f6f6} #customer_service #msp_gas #msp_thanks .thanks_flex{display: flex;justify-content: space-between;margin: 90px 0 40px} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column{flex-basis: 49%} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column h3{line-height: 1.2;margin-bottom: 30px} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column p{line-height: 1.4;margin: 35px 0} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column a{display: block;} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column.bg_column{padding: 30px 20px;background-image: url(/-/media/Additional/smart/img/gas_msp/thanks_bg.png);background-repeat: no-repeat;background-color: #d6f4f5;background-position: right} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column.bg_column a{text-transform: uppercase} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column a.column_link:hover{text-decoration: underline} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column a.column_link{position: relative;padding-left: 20px;} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column a.column_link:before{display: block;content: '';position: absolute;left: 0;top: 6px;background-image: url(/-/media/Additional/smart/img/gas_msp/chevron_2.png);width: 10px;height: 16px} #customer_service #z_change .z_product_content .z_fix_box.flex_eco_box{display: flex;justify-content: space-between;align-items: center;flex-direction: row;} #customer_service #z_change .z_product_content .z_fix_box.flex_eco_box .img_box{flex-basis: 140px;display: flex;justify-content: center;align-items: center} #customer_service #z_change .z_product_content .z_fix_box.flex_eco_box .img_box img{display: block} #customer_service #z_change .z_product_content .z_fix_box.flex_eco_box .z_who_fix{flex-basis: calc(100% - 145px)} #customer_service #msp_gas .textR{text-align: right} #customer_service #msp_gas{} #customer_service #msp_gas .form_space{position: relative;padding-bottom: 70px;} #customer_service #msp_gas .form_space:after{position: absolute;right: 0;width: 40%;height: 100%;content: '';display: block;background-color: #dcf3f4;top: 0;z-index: 1} #customer_service #msp_gas .form_space h2{padding: 50px 0} #customer_service #msp_gas .form_space .form_box {position: relative;z-index: 2;padding: 30px;background-color: #FFF;box-shadow: 0 1px 10px 0 rgba(31, 31, 31, 0.25);} #customer_service #msp_gas .form_space .form_box .form_choice{margin-bottom: 20px} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle{display: flex;justify-content: center;align-items: center} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label{cursor: pointer;display: block; flex-basis: calc(50% - 80px);} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label > span{display: block} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label .label_head{margin-bottom: 10px;display: block} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch{margin: 0 auto;width: 100%} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .middle_element{flex-basis: 150px;display: flex;justify-content: center;align-items: center} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch input {position: absolute;left: -999999px;opacity: 0;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch label{position: relative;display: block} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch label:before {content: '';position: absolute;top: 0.05555556em;bottom: 0.05555556em;left: 0;right: 0;display: block;width: 80px;height: 36px;margin: auto;background-color: #CECECE;border-radius: 30px;cursor: pointer;-webkit-transition: background 0.4s;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch label:before {background-color: #e6229a;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch .first+label:after {content: '';box-sizing: border-box;position: absolute;top: -13px;bottom: 0;left: 0;z-index: 10;pointer-events: none;display: block;width: 26px;height: 26px;margin: 0 0 0 84px;background-color: #fff;border: none;border-radius: 50%;transition: 250ms ease;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch input.first:checked + label:after {margin: 0 0 0 0;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch input.first:checked + label:after {margin: 0 0 0 42px;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch input.second + label:before {opacity: 1;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch input.second + label:before {background-color: #e6229a;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label{position: relative} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label.second_label:before {content: '';position: absolute;width: 100%;height: 100%;display: block;z-index: 10;left: -75px;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label.first_label:before {content: '';position: absolute;width: 100%;height: 100%;display: block;z-index: 10;right: -75px;} #customer_service #msp_gas .form_space .form_box .form_variant{} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex{display: flex;justify-content: space-between;flex-wrap: wrap} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box{position: relative;flex-basis: 48%;padding-bottom: 20px} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box label,#customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .fake_label{display: block;margin-bottom: 10px;text-align: left} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .form_input{width: 100%;border-radius: 4px;border:1px solid #000;padding: 10px;font-size: 18px;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .input_error{display: none;font-size: 10px;color: #ff0000;position: absolute;left: 0;bottom: 5px} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .input_error.input_bad{display: block} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .form_input.invalid{border-color: #ff0000;;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space{display: flex;align-items: center;flex-wrap: wrap;margin-top: 25px} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes{flex-basis: 33%;padding-right: 10px;cursor: pointer} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes input{position: absolute;left: -9999px;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes label{padding-left: 45px;position: relative;font-size: 18px;cursor: pointer} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes [type='radio']:not(:checked) + label:before, #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes [type='radio']:checked + label:before {content: '';position: absolute;top: -4px;left: 0;width: 33px;height: 33px;background: #fff;border: 1px solid #919191;border-radius: 50%;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes [type='radio']:not(:checked) + label:after {transform: scale(0);opacity: 0;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes [type='radio']:checked + label:before {transform: scale(1);opacity: 1;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes [type='radio']:not(:checked) + label:after, #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes [type='radio']:checked + label:after {content: '';position: absolute;top: 6px;left: 10px;width: 15px;height: 15px;background-color: #e2007a;border-radius: 50%;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes [type='radio']:not(:checked) + label:after, #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes [type='radio']:checked + label:after {top:6px;left: 10px;} #customer_service #msp_gas .form_space .form_box .button_box{display: flex;justify-content: flex-end;margin-top: 20px;} #customer_service #msp_gas #z_change .z_baner_box.form_msp_baner{height: 300px} #customer_service #msp_gas #z_change .z_baner_box .c_bread_element{color: #7f7f7f;margin-right: 5px} #customer_service #msp_gas #z_change .z_baner_box .c_bread_element:hover{color: #e2007e} @media all and (max-width: 1300px){ #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text p br{display: none} } @media (max-width: 1200px){ #customer_service .service_content.c_active {margin-top: 0} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_img{flex-basis: 130px} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_text {flex-basis: calc(100% - 135px);} #customer_service #z_change .msp_start_tile_flex{margin-top: 20px} #customer_service #z_change .msp_start_form {margin: 35px 0;} #customer_service #z_change .f_36{font-size: 3.2rem} #customer_service #z_change .f_30{font-size: 2.6rem} #customer_service #z_change .f_24{font-size: 2.2rem} #customer_service #z_change .f_20{font-size: 1.8rem} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile,#customer_service #z_change .msp_question_flex .msp_question_column{flex-basis: 49%} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_img img{max-height: 120px} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_img{flex-basis: 120px} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_btn_box .msp_form_btn {max-width: 180px;} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_btn_box{flex-basis: 180px} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text {flex-basis: calc(100% - 340px);} #customer_service #msp_gas #msp_thanks .msp_baner_thanks{height: 200px} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column.bg_column{background-image: none} #customer_service #msp_gas #msp_thanks .thanks_flex{margin-top: 40px} #customer_service #msp_gas #z_change .z_baner_box.form_msp_baner {height: 200px;background-image: url(/-/media/Additional/smart/img/gas_msp/form_baner_1.png)!important;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile {flex-basis: 32%;} } @media all and (max-width: 1100px){ #customer_service #z_change .z_prd_feature .z_feature_head span{display: inline-block;margin-right: 5px} #customer_service #z_change .z_prd_feature .z_feature_head{display: flex;align-items: center} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column{flex-basis: 100%;margin: 10px 0;text-align: center} #customer_service #msp_gas #msp_thanks .thanks_flex{flex-wrap: wrap} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column.bg_column a{margin: 0 auto} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column a.column_link{display: inline-block;text-align: left} #customer_service #msp_gas #msp_thanks .thanks_flex {margin-top: 20px;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box.w100{flex-basis: 70%} } @media (max-width: 1000px) { #customer_service #z_change .z_how_to_order .z_order_flex .z_single_order_step {text-align: center} #customer_service #z_change .z_how_to_order .z_order_flex .z_single_order_step img {display: block;margin: 0 auto;} #customer_service #z_change .z_how_to_order .z_how_head {text-align: center} #customer_service #z_change .z_product_content .z_gain_head {text-align: center} #customer_service #z_change .z_documents_box .z_opinion_head {text-align: center} #customer_service #z_change .z_documents_box > h6 {text-align: center} #customer_service #z_change .msp_contact .c_box h6 br {display: none;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_text p br{display: none} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_img img{max-height: 100px} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_img {flex-basis: 95px;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_text {flex-basis: calc(100% - 100px);} } @media all and (max-width: 950px){ #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_img{display: none} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_text {flex-basis: 100%;} #customer_service #z_change .msp_question_flex .msp_question_column .msp_column_img{display: none} #customer_service #z_change .msp_question_flex .msp_question_column .msp_column_text{flex-basis: 100%} #customer_service #z_change .msp_question_flex .msp_question_column{ padding: 15px 60px 15px 15px;} #customer_service #z_change .msp_question_flex .msp_question_column:after{right: 20px} #customer_service #z_change .msp_question_flex .msp_question_column:hover:after{right: 15px} #customer_service #z_change .msp_question_flex .msp_question_column .non_flex_p{padding: 0} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile {flex-basis: 100%!important;} } @media (max-width: 800px){ #customer_service #z_change .z_product_content .z_fix_box .z_serives_content.flex_four .z_single_fix{flex-basis: 49%} #customer_service #z_change .z_product_content .z_gain_box .z_single_gain_box{text-align: center} #customer_service #z_change .z_product_content .z_gain_box .z_single_gain_box .z_gain_img img{left: 0;right: 0;margin: auto} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_btn_box{flex-basis: 100%;justify-content: center;margin-top: 15px;} #customer_service #z_change .msp_start_form .msp_form_flex{flex-wrap: wrap;padding: 20px} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text{flex-basis: calc(100% - 135px)} #customer_service #msp_gas #msp_thanks .z_baner_box .z_baner_text{text-align: center;background-color: transparent} #customer_service #msp_gas #msp_thanks .msp_baner_thanks{padding: 15px 5px;height: auto;background-image: none!important;} #customer_service #z_change .z_product_content .z_fix_box.flex_eco_box{flex-wrap: wrap} #customer_service #z_change .z_product_content .z_fix_box.flex_eco_box .img_box{flex-basis: 100%;justify-content: center;align-items: center} #customer_service #z_change .z_product_content .z_fix_box.flex_eco_box .z_who_fix{flex-basis: 100%;text-align: center} #customer_service #z_change .z_product_content .z_fix_box .z_who_fix .z_with_arrow:before{content: none} #customer_service #z_change .z_product_content .z_fix_box .z_who_fix .z_with_arrow{padding: 0} #customer_service #msp_gas #z_change .z_product_content .z_fix_box.flex_eco_box .z_who_fix {margin: 20px 0 0;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label > span br{display: none} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box{flex-basis: 100%;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box.w100{flex-basis: 100%} #customer_service #msp_gas .form_space .form_box{padding: 20px 15px} #customer_service #msp_gas .form_space h2 {padding: 35px 0;} #customer_service #z_change .f_36{font-size: 2.8rem} #customer_service #z_change .f_30{font-size: 2.4rem} #customer_service #z_change .f_24{font-size: 2.0rem} #customer_service #z_change .f_20{font-size: 1.6rem} #customer_service #z_change .f_18{font-size: 1.4rem} } @media (max-width: 730px){ #customer_service #z_change .f_36{font-size: 3.0rem} #customer_service #z_change .f_30{font-size: 2.4rem} #customer_service #z_change .f_24{font-size: 2.0rem} #customer_service #z_change .f_20{font-size: 1.6rem} #customer_service #z_change .msp_start_tile_flex {margin-top: 0;} #customer_service #z_change .msp_start_form {margin: 30px 0;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile{ padding: 15px 10px 50px 10px;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile:after{right: 20px} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile:hover:after {right: 15px;} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column a.column_link:before{top: 4px} } @media (max-width: 650px){ #customer_service #msp_gas #z_change .z_baner_box.msp_baner_3{background-image: url(/-/media/Additional/smart/img/gas_msp/baner_3_m.png)!important;background-position: top;} #customer_service #msp_gas #z_change .z_baner_box.msp_baner_4{background-image: url(/-/media/Additional/smart/img/gas_msp/baner_4_m.png)!important;background-position: top;} #customer_service #msp_gas #z_change .z_baner_box.msp_baner_5{background-image: url(/-/media/Additional/smart/img/gas_msp/baner_5_m.png)!important;background-position: top;} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_img{display: none;} #customer_service #z_change .msp_start_form .msp_form_flex .msp_form_text{flex-basis: 100%;text-align: center;} #customer_service #msp_gas #z_change .z_baner_box.msp_baner_3.msp-new-energy-prod {background-image: url(/-/media/Additional/smart/img/gas_msp/mobile-baner_msp-nowa-energia.png)!important;} #customer_service #msp_gas #z_change .z_baner_box.msp_baner_7{background-image: url(/-/media/Additional/smart/img/gas_msp/baner-prad-eko-m.png)!important;background-position: top;} } @media (max-width: 600px){ #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile, #customer_service #z_change .msp_question_flex .msp_question_column{flex-basis: 100%;margin: 10px 0;text-align: center;} #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_text h3,#customer_service #z_change .msp_start_tile_flex .msp_start_single_tile .tile_text p{text-align: center;} #customer_service #z_change .msp_question_flex{margin: 15px 0 5px;} #customer_service #z_change .msp_question_flex .msp_question_column .non_flex_p{text-align: center;} #customer_service #z_change .msp_question_flex .msp_question_column{justify-content: center;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label .label_head{font-size: 16px;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label .label_head br{display: none;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .middle_element{flex-basis: 120px;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label{flex-basis: calc(50% - 60px);} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch input.first:checked + label:after {margin: 0 0 0 26px;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .form_switch .first+label:after{ margin: 0 0 0 70px;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label.first_label:before{right: -65px;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label.second_label:before{left: -55px;} #customer_service #msp_gas .form_space .form_box .form_variant .option_flex .form_input_box .radio_space .radio_boxes {flex-basis: 49%;padding-right: 0;cursor: pointer;margin: 5px 0;} } @media (max-width: 500px){ #customer_service #z_change .z_product_content .z_fix_box .img_box{text-align: center} #customer_service #z_change .z_product_content .z_fix_box .img_box img{display: block;margin: 0 auto} #customer_service #z_change .z_prd_feature .z_feature_head{justify-content: center} #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column p br{display: none} #customer_service #msp_gas .form_space h2 {padding: 5px 0 30px;} #customer_service .c_page > h2{text-align: center;padding: 25px 0!important;} #customer_service #msp_gas .form_space .form_box .button_box {justify-content: center;margin-top: 0;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle{flex-wrap: wrap} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label {flex-basis: 100%;text-align: center;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .middle_element {flex-basis: 120px;margin: 55px 0;transform: rotate(90deg);} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label.first_label:before {right: 0;left: 0;margin: auto;bottom: -55px;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label.second_label:before {right: 0;left: 0;margin: auto;top: -55px;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label .label_head{text-align: center!important;} #customer_service #msp_gas .form_space .form_box .form_choice .form_toogle .main_label > span{text-align: center} } @media (max-width: 450px){ #customer_service #msp_gas #msp_thanks .thanks_flex .thanks_column.bg_column a{max-width: 260px} } .contrast #customer_service #msp_gas #z_change .z_baner_box {background: #000!important;} .contrast #customer_service #z_change .msp_start_tile_flex .msp_start_single_tile.box-highlighted {background: #000!important; border: 1px solid #FFE800!important;} #customer_service .banner-dynamic-prices {display: flex; flex-direction: column; grid-template-columns: 1fr; align-items: center; margin-bottom: 48px; box-shadow: 0 1px 20px rgba(31, 31, 31, 0.24);} #customer_service .banner-dynamic-prices .img {display: block; width: 100%; max-width: 100%; height: max-content; object-fit: cover; object-position: right;} #customer_service .banner-dynamic-prices .banner-content {display: flex; flex-direction: column; align-items: flex-start; gap: 24px; height: 100%; padding: 32px; padding-top: 16px;} #customer_service .banner-dynamic-prices .banner-content .text-box {display: flex; flex-direction: column; gap: 8px;} #customer_service .banner-dynamic-prices .single-box-cta {display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; max-width: 250px; margin-left: auto; padding: 12px 0; text-align: center; border-radius: 4px;} #customer_service .banner-dynamic-prices .single-box-cta.variant-white {background-color: #FFF; border: 1px solid #E2007A;} #customer_service .banner-dynamic-prices .single-box-cta.variant-white:hover {background-color: #E2007A;} #customer_service .banner-dynamic-prices .single-box-cta.variant-white:hover .cta-text {color: #FFF;} #customer_service .banner-dynamic-prices .single-box-cta.variant-white:hover svg path {stroke: #FFF;} #customer_service .banner-dynamic-prices .single-box-cta .cta-text {color: #E2007A; font-size: 2.0rem; font-weight: 600;} #customer_service #z_change .banner-dynamic-prices .banner-content .box-info {font-size: 2.0rem; line-height: 1.2;} #customer_service #z_change .banner-dynamic-prices .banner-content .box-label {display: flex; align-items: center; min-height: 75px; line-height: 1.2;} #customer_service #z_change .banner-dynamic-prices .banner-content .s_btn {margin-top: auto; max-width: 100%;} #customer_service .banner-dynamic-prices .s_btn {max-width: 280px; margin-left: 0;} #customer_service .split-banner {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;} .contrast #customer_service .banner-dynamic-prices {border: 1px solid #FFF;} @media all and (max-width: 1600px) { #customer_service .banner-dynamic-prices {grid-template-columns: 1fr;} #customer_service .banner-dynamic-prices .banner-content {padding: 16px;} #customer_service .banner-dynamic-prices .banner-content .text-box .box-info {font-size: 1.8rem;} } @media all and (max-width: 1200px) { #customer_service .banner-dynamic-prices {grid-template-columns: 1fr; margin: 0;} #customer_service .banner-dynamic-prices .s_btn {max-width: 180px;} #customer_service .banner-dynamic-prices .banner-content .text-box .box-info {font-size: 1.6rem;} } @media all and (max-width: 1030px) { #customer_service .banner-dynamic-prices:nth-child(2) {margin-top: 0 !important;} } @media all and (max-width: 768px) { #customer_service .banner-dynamic-prices {grid-template-columns: 1fr;} #customer_service .banner-dynamic-prices .img {display: none;} #customer_service .banner-dynamic-prices .banner-content .text-box {width: 100%;} } @media all and (max-width: 950px) { #customer_service .split-banner {grid-template-columns: 1fr;} #customer_service .banner-dynamic-prices .img {display: none;} #customer_service .banner-dynamic-prices .banner-content {margin-right: auto; padding: 20px 30px; width: 100%;} #customer_service #z_change .banner-dynamic-prices .banner-content .s_btn {max-width: 250px; margin-left: auto;} #customer_service #z_change .banner-dynamic-prices .banner-content .box-label {min-height: max-content;} } @media all and (max-width: 730px) { #customer_service .banner-dynamic-prices .banner-content {padding: 15px 10px;} } @media all and (max-width: 600px) { #customer_service #z_change .banner-dynamic-prices .banner-content .box-label {justify-content: center;} #customer_service .banner-dynamic-prices .banner-content {flex-direction: column; text-align: center;} #customer_service .banner-dynamic-prices .s_btn {margin-right: auto; margin-left: auto;} #customer_service #z_change .msp_question_flex .msp_question_column {padding: 15px 10px 50px 10px;} #customer_service #z_change .msp_question_flex .msp_question_column .msp_column_text {text-align: center;} }