button:focus {
    outline: none !important;
}
.type-search:focus, .brand-search:focus, .model-search:focus{
	outline: none !important;
}

.calculator_title {
font-size: 28px;
line-height: 34px;
margin: 0px 0px 24px 0px;
color: #00A046;
}
.calculator_description {
font-size: 20px;
line-height: 24px;
margin-bottom: 40px;
}

.power_option1,
.power_option2,
.screen_option1,
.screen_option2,
.function_phone-option1,
.function_phone-option2,
.get_offers-button {
background-color: #ffffff;
border: 1px solid #D2D2D2;
color: #3e77aa;	
border-radius: 4px;
padding: 0 16px;
height: 32px;
line-height: 32px;
font-size: 14px;
width: 45%;
}

.power_option1:hover,
.power_option2:hover,
.screen_option1:hover,
.screen_option2:hover,
.function_phone-option1:hover,
.function_phone-option2:hover,
.get_offers-button:hover {
border-color: #00a046;
color: #221f1f;
background-color: #fff;
}

/*не нашла в верстке*/
#btn-offer {
border-color: #05bc52;
color: white;
background-color: #05bc52;
}

#btn-offer:hover {
border-color: #05bc52;
color: #05bc52;
background-color: white;
}
/*не нашла в верстке*/

.cost_page {
padding: 0;
margin: 0 auto;
}
.left_block {
margin-top: 0px;
}

.brand-search-text,
.model-search-text,
.type-search-text {
margin-bottom: 0px;
}

.brand-search,
.model-search,
.type-search {
width: calc(100% - 2px);
padding: 12px 0 12px 12px;
border: 1px solid #D2D2D2;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
color: #797878;
cursor: pointer;
}
.type-search::-webkit-input-placeholder,
.brand-search::-webkit-input-placeholder,
.model-search::-webkit-input-placeholder {
color: #797878;
}

.type-search::-moz-placeholder,
.brand-search::-moz-placeholder,
.model-search::-moz-placeholder {
color: #797878;
}

.type-search:-ms-input-placeholder,
.brand-search:-ms-input-placeholder,
.model-search:-ms-input-placeholder {
color: #797878;
}

.type-search::-ms-input-placeholder,
.brand-search::-ms-input-placeholder,
.model-search::-ms-input-placeholder {
color: #797878;
}

.type-search::placeholder,
.brand-search::placeholder,
.model-search::placeholder {
color: #797878;
}

.type-list,
.brand-list,
.model-list {
margin: 4px 0;
width: calc(100% - 2px);
height: 100px;
-webkit-padding-start: 20px;
padding-inline-start: 20px;
border: 1px solid #dcdbda;
border-radius: 4px;
color: #000000;
overflow: scroll;
background-color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style-type: none;
}

.type-list {
display: none;
}

.brand-list {
display: none;
}

.type-list li:hover,
.brand-list li:hover,
.model-list li:hover {
background: #D0ECDB;
border: none;
}

.brand {
margin-top: 16px;
}

.model {
margin-top: 16px;
}

.model-list {
display: none;
}

mark {
font-weight: 700;
background-color: white;
padding: 0
}

.power,
.screen,
.function_phone,
.screen_state,
.cover_state {
position: relative;
margin: 0;
width: calc(100% - 2px);
border: 1px solid #D2D2D2;
border-radius: 4px;
color: #797878;
background-color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
margin-top: 16px;
}

.power {
margin-top: 16px;
}

.disabled-off,
.disabled-off-one {
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #FFF;
border-radius: 4px;
opacity: 0.7;
}

.power_question,
.screen_question,
.function_phone-question,
.screen_state-question,
.cover_state-question {
text-align: center;
padding: 12px 12px;
margin: 0;
}

.power_option,
.screen_option,
.function_phone-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin-bottom: 12px;
}

.screen_state-option1,
.screen_state-option2,
.screen_state-option3,
.screen_state-option4 {
border: 1px solid #D2D2D2;
margin-top: 8px;
width: calc(50% - 8px);
padding: 0;
border-radius: 4px;
background-color: white;
overflow: hidden;
}

.screen_state-option1:hover,
.screen_state-option2:hover,
.screen_state-option3:hover,
.screen_state-option4:hover {
border: 1px solid #00A046;
background-color: rgba(0,160,70,.05);
}

.screen_state-option1:hover>p,
.screen_state-option2:hover>p,
.screen_state-option3:hover>p,
.screen_state-option4:hover>p {
background-color: rgba(0,160,70,.05);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #221F1F;
border-color: #00A046;
}

.screen_state-option1 p,
.screen_state-option2 p,
.screen_state-option3 p,
.screen_state-option4 p {
border-top: 1px solid #E9E9E9;
padding: 8px 0;
margin: 0;
font-weight: 400;
background-color: white;
color: #797878;
}

.screen_state-option1 img,
.screen_state-option2 img,
.screen_state-option3 img,
.screen_state-option4 img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}

.cover_state-option1,
.cover_state-option2,
.cover_state-option3,
.cover_state-option4 {
border: 1px solid #D2D2D2;
margin-top: 8px;
width: calc(50% - 8px);
padding: 0;
border-radius: 4px;
background-color: white;
}

.cover_state-option1:hover,
.cover_state-option2:hover,
.cover_state-option3:hover,
.cover_state-option4:hover {
border: 1px solid #00A046;
background-color: rgba(0,160,70,.05);
}

.cover_state-option1 p,
.cover_state-option2 p,
.cover_state-option3 p,
.cover_state-option4 p {
border-top: 1px solid #E9E9E9;
padding: 10px 0;
margin: 0;
font-weight: 400;
background-color: white;
color: #797878;
}

.cover_state-option1:hover>p,
.cover_state-option2:hover>p,
.cover_state-option3:hover>p,
.cover_state-option4:hover>p {
background-color: rgba(0,160,70,.05);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #221F1F;
border-color: #00A046;
}

.cover_state-option1 img,
.cover_state-option2 img,
.cover_state-option3 img,
.cover_state-option4 img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}

.screen_state-option,
.cover_state-option {
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}

.enable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 4px;
}

.screen_title,
.function_phone-title {
display: none;
font-size: 12px;
color: #000000;
}

.right_block {
position: relative;
height: inherit;
width: calc(100% - 2px);
border: 1px solid #D2D2D2;
border-radius: 2px;
color: #221F1F;
background-color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 16px;
}

.sentence {
margin: 0;
padding: 16px 0;
text-align: center;
font-size: 24px;
font-weight: 400;
color: #00A046;
background-color: #fff;
}

.phone_cost-text {
font-size: 1.7rem;
text-align: center;
font-weight: 400;
background-color: white;
color: #00A046;
}

.phone_cost-change_cost {
margin-top: 0;
margin-bottom: 0;
text-align: center;
font-size: 48px;
font-weight: 400;
color: #000;
padding: 40px 0;
background-color: #ffffff;
}

.get_offers_btn {
margin: 0;
padding: 5px 0 40px;
text-align: center;
font-size: 1.3rem;
background-color: #ffffff;
}
/*не нашла для чего*/
.get_offers {
margin: 0;
padding: 16px 0;
text-align: center;
font-size: 1.3rem;
background-color: #fff;
}
.get_offers p {
font-size: 18px;
margin-bottom: 0;
}
.get_offers-button {
padding: 2%;
}
/*не нашла для чего */

.disabled {
display: block;
}

.hide {
display: none;
}
/*не нашла для чего */
.success-block {
padding: 30px;
}
.need-auth {
margin-top: 0.25rem;
font-size: 80%;
}
.need-auth a {
color: #dc3545;
font-weight: 600;
text-decoration: underline;
}
/*не нашла для чего */

.phone_cost {
border-top: 1px solid #D2D2D2;
border-bottom: 1px solid #D2D2D2;
}

@media screen and (min-width: 1200px) {
.cost_page {
width: 100%;
padding: 0;
}
.select {
display: block;
}
.left_block {
margin-top: 0;
}
.type,
.model,
.brand {
width: 100%;
}
.type-search,
.brand-search,
.model-search {
width: calc(100% - 2px);
padding: 12px 0 12px 12px;
border: 1px solid #D2D2D2;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
color: #797878;
font-weight: 400;
cursor: pointer;
}

.type-search::-webkit-input-placeholder,
.brand-search::-webkit-input-placeholder,
.model-search::-webkit-input-placeholder {
color: #797878;
font-weight: 400;
}
.type-search::-moz-placeholder,
.brand-search::-moz-placeholder,
.model-search::-moz-placeholder {
color: #797878;
font-weight: 400;
}
.type-search:-ms-input-placeholder,
.brand-search:-ms-input-placeholder,
.model-search:-ms-input-placeholder {
color: #797878;
font-weight: 400;
}
.type-search::-ms-input-placeholder,
.brand-search::-ms-input-placeholder,
.model-search::-ms-input-placeholder {
color: #797878;
font-weight: 400;
}
.type-search::placeholder,
.brand-search::placeholder,
.model-search::placeholder {
color: #797878;
font-weight: 400;
}
.type-list,
.brand-list,
.model-list {
position: absolute;
width: calc(45% - 26px);
height: 150px;
z-index: 4;
padding-left: 0;
-ms-overflow-style: none;
}
.type-list::-webkit-scrollbar,
.brand-list::-webkit-scrollbar,
.model-list::-webkit-scrollbar {
display: none;
}
.type-list li,
.brand-list li,
.model-list li {
cursor: pointer;
padding-left: 24px;
}

.power,
.screen,
.function_phone {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin: 0;
width: calc(100% - 2px);
border: 1px solid #D2D2D2;
border-radius:4px;
color: #797878;
background-color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
margin-top: 16px;
}
.power_option,
.screen_option,
.function_phone-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 8px;
margin-right: 12px;
margin-top: 8px;
}
.power_option1,
.screen_option1,
.function_phone-option1 {
margin-right: 16px;
}
.screen_question,
.function_phone-question {
text-align: start;
}
.power_option1,
.power_option2,
.screen_option1,
.screen_option2,
.function_phone-option1,
.function_phone-option2 {
padding: 0;
margin-bottom: 0;
background-color: #ffffff;
border: 1px solid #D2D2D2;
color: #3e77aa;	
border-radius: 4px;
padding-left: 16px;
padding-right: 16px;
height: 32px;
line-height: 32px;
font-size: 14px;
text-align: center;
cursor: pointer;
}
.screen_state-question,
.cover_state-question {
text-align: start;
}
.select_cost {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.right_block,
.left_block {
width: 50%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.right_block {
margin-top: 0px;
width:50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 24px;
box-shadow: none;
margin-top: 18px;
}	
}

@media screen and (min-width: 1500px) {
.cost_page {
padding: 0;
}
}

@media screen and (min-width: 1900px) {
.cost_page {
padding: 0;
}
}

@supports (-ms-ime-align: auto) {
.power_option,
.screen_option,
.function_phone-option {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.screen_state-option,
.cover_state-option {
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media screen and (min-width: 1200px) {
.select {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.select_cost {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
}

.clickbtn {
background-color: rgba(0,160,70,.05);
border-color: #00a046;
color: #221f1f;
}




/*NEW*/

/*calc*/
.select_holder {
margin-bottom: 16px;
}
.calc_question {
position: relative;
display: flex;
margin: 0;
width: 100%;
border: 1px solid #D2D2D2;
border-radius: 4px;
color: #797878;
background-color: #ffffff;
font-weight: 400;
justify-content: space-between;
box-sizing: border-box;
padding: 8px 12px;
opacity: .4;
min-height: 48px;
}
.calc_question + .calc_question{
margin-top: 16px;
}
.calc_question_text {
margin: 0;
height: auto;
display: flex;
align-items: center;
font-size: 14px;
line-height: 32px;
}

.calc_question_info_list {
padding: 0 0 0 16px;
display: none;
margin: 16px 0 0 0;
}

.calc_question_label {
cursor: pointer;
color: #3e77aa;	
background-color: #ffffff;
border: 1px solid #D2D2D2;
border-radius: 4px;
font-size: 14px;
min-width: auto;
padding: 0 16px;
height: 32px;
line-height: 32px;
margin: 0 0 0 16px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.calc_question_label:hover{
border-color: #00a046;
color: #221f1f;
background-color: #fff;
}
.calc_question_label.active {
background-color: rgba(0, 160, 70, .05);
border-color: #00a046;
color: #221f1f;
}

.calc_question_state_label {
transition: 0.4s all;
border: 1px solid #D2D2D2;
margin-top: 8px;
width: calc(50% - 8px);
padding: 0;
border-radius: 4px;
background-color: white;
overflow: hidden;
}

.calc_question_state_label.active,
.calc_question_state_label:hover {
border: 1px solid #00A046;
background-color: rgba(0,160,70,.05);
color: #221F1F;
}

.calc_question_state_label p {
min-height: 40px;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
color: #797878;
}
.calc_question_state_label:hover p{
color: #221F1F;
}


.select2-container--default .select2-selection--single {
height: 48px;
font-size: 14px;
outline: none;
display: flex;
border-radius: 4px;
align-items: center;
border: 1px solid #D2D2D2;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
height: initial;
padding-left: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #797878;
}

.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #D0ECDB;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #D0ECDB;
color: #000;
}

/*NEW*/