.flex {
    display: flex;
}

.d-none {
    display: none !important;
}

div.edc .edc_grid.col_3 > div {
    width: 33%;
}

#top form.edc_tab {
    margin-bottom: 0;
}

#top .edc input[type="checkbox"] {
    display: none;
}

#top .edc .edc_select .selected::after {

    margin-top: -14px;
    transform: rotate(
            -45deg
    );
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 8px;
    -webkit-transform: rotate(
            45deg
    );
}


div.edc .edc_select.open .options,
div.edc .edc_select .options > ul {
    border-radius: 15px;
}


.edc ul li {
    margin-left: 0;
}

.edc {
    display: flex;
    justify-content: center;
}

.edc input.edc_radio.type2 + label .icon:before, .edc input.edc_radio.type2 + label .icon:after,
.edc input.edc_checkbox + label .icon:before, .edc input.edc_checkbox + label .icon:after {
    position: absolute;
    left: 9px;
    top: -1px;
    content: '';
    height: 20px;
    width: 1px;
    background-color: #000 !important;
    transform: none;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    border: none;
}

.edc input.edc_radio.type2:checked + label .icon::after, .edc input.edc_radio.type2:checked + label .icon::before,
.edc input.edc_checkbox:checked + label .icon::after, .edc input.edc_checkbox:checked + label .icon::before {
    visibility: visible;
    opacity: 1;
}

.edc input.edc_radio.type2 + label .icon:before,
.edc input.edc_checkbox + label .icon:before {
    transform: rotate(45deg);
}

.edc input.edc_radio.type2 + label .icon:after,
.edc input.edc_checkbox + label .icon:after {
    transform: rotate(-45deg);
}

.edc input.edc_radio.type2:checked + label .icon,
.edc input.edc_checkbox:checked + label .icon {
    border-color: #f59100;
    background: none;
}

.edc .edc_radio.type2:checked + label .icon,
.edc .edc_checkbox:checked + label .icon {
    background: none !important;
}

.responsive div.container {
    max-width: 100%;
    min-width: unset;
	width: 1140px;
	padding: 0;
}

.edc.item .single_tariff {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    padding: 0;
    border-radius: 12px;
    height: max-content;

}

.edc.item .single_tariff .main_info .image {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edc.item .single_tariff .main_info img {
    border-radius: 12px 12px 0 0;
    object-fit: cover;
    height: inherit;
    width: inherit;
}

.edc.item .single_tariff .main_info .title {
    color: #00877a;
    font-size: 22px;
    font-weight: 600;
    text-align: start;
    padding: 5px 15px 0 15px;
}

.edc.item .single_tariff .main_info .subtitle {
    padding: 5px 15px 0 15px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.edc.item .single_tariff .edc_text {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding: 0 15px;
}

.edc.item .single_tariff .tariff_characteristics {
    margin-top: 30px;
}

.edc.item .single_tariff .tariff_characteristics .items li {
    width: 100%;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 0;
}

.edc.item .single_tariff .tariff_characteristics .items li:nth-child(odd) {
    background: none;
}

.edc.item .single_tariff .tariff_characteristics .items li .edc_name {
    color: #00877a;
    font-weight: 600;
}

.edc.item .single_tariff .tariff_characteristics .items li .value {
    color: #000;
}

.edc.item .single_tariff .total_price {
    margin: 25px 0;
    font-weight: 600;
}

.edc.item .single_tariff .total_price .period {
    color: #00877a;
    font-size: 18px;
    display: block;
}

.edc.item .single_tariff .submit_group {
    padding: 15px 0 15px 0;
}

.edc.item .single_tariff .submit_group .btn {
    width: 75%;
}

.edc.item .single_tariff .guarantee {
    padding: 5px 15px 0 15px;
}

.edc.item .single_tariff .guarantee .title {
    margin: 0 -15px;
    background: #f59100;
    color: #fff;
    font-size: 16px;
    padding: 15px 0;
}

.edc.item .single_tariff .guarantee .title-default {
    color: #00877a;
    font-size: 16px;
    padding: 20px 0px 5px 0px;
    text-align: center;
    font-weight: bold;
}


.edc.item .single_tariff .guarantee .items .items {
    padding-top: 15px;
}

.edc.item .single_tariff .guarantee .items .item {
    padding-top: 20px;
}

#top .edc.item .single_tariff .guarantee .items .item .edc_checkbox {
    display: none;
}

.edc.item .single_tariff .guarantee .items .item .edc_checkbox + label .icon {
    margin-right: 10px;
    border-radius: 6px;
}

#top .edc.item .single_tariff .guarantee .items .item label {
    font-size: 16px;
    color: #00877a;
}

.edc.item .single_tariff .guarantee .items .item .desc {
    display: block;
    padding-left: 30px;
    font-size: 14px;
    padding-top: 3px;
    color: #000;
}

.edc.item .single_tariff .guarantee .submit_group {
    padding: 30px 0;
}

.edc.item .single_tariff .additional_text {
    font-size: 14px;
    color: #000;
    padding: 2px 15px 20px 15px;
}

.edc.item .single_tariff .additional_text a {
    font-weight: bold;
}

.main_color div.edc_form {
    border: 2px solid;
    border-color: #f59100;
    border-radius: 20px;
    margin-bottom: 80px;
}

#top .edc_form form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

#top .edc_form form[name="second_step_form"] {
    justify-content: space-evenly;
}

#top .edc_form form[name="second_step_form"] .in_year {
    position: relative;
}

#top .edc_form form[name="second_step_form"] .in_year .placeholder {
    position: absolute;
    right: 12px;
    top: 61%;
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

.edc_form .form_names {
    display: flex;
    align-content: center;
    margin-left: 15px;
}

.edc_form .form_name {
    color: #f59100;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 52px 25px;
    margin: -44px 0px;
    font-weight: bold;
}

#top .main_color .edc .edc_form form label {
    font-size: 13px;
}

.edc .edc_form .location {
    width: 20%;
}

.edc_form .form_name.active {
    color: #fff;
    background: #f59100;
    border-radius: 15px;


}

#top .main_color .edc_form label {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #008778;
    margin-top: 10px;
    margin-bottom: -10px;
    font-size: 13px;

}

#top .main_color .edc_form label input {
    background-color: #f2f2f2;
    border: none;
    border-radius: 15px;
    margin-top: 8px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    text-align: center;
}

.edc_form label.index {
    width: 95px;
}

.edc_form label.location {
    width: 175px;
}

.edc_form label.person {
    width: 145px;
}

#top .main_color .edc label.in_year {
    width: 166px;
    margin-bottom: 11px;
    height: 80px;
}

#top .edc .btn {
    border-radius: 15px;
}

.edc .edc_form .btn {
    padding: 27px 18px;
    width: 130px;
}


.input-counter {
    position: relative;
}

#top .input-counter span {
    position: absolute;
    font-weight: bold;
    font-size: 24px;
    top: 28px;
}

.input-counter .minus {
    left: 10px;
}

.input-counter .plus {
    right: 10px;
}


@media (max-width: 1100px) {
    .responsive div.container {

        width: 900px;
    }

    #top .edc_form form {
        flex-wrap: wrap;
        justify-content: center;
    }

    .edc_form .form_names {
        width: 100%;
    }


    .edc_form .form_names .form_name {
        padding: 20px 16px;
        margin: 0 0 20px 0;
        width: 50%;
    }

    #top .main_color .edc_form label {
        width: 50%;
    }

    #top .main_color .edc_form label input {
        width: 190px;
    }

    div.edc_form .btn {
        margin: 20px 0;
    }

    .input-counter .minus {
        left: 115px;
    }

    .input-counter .plus {
        right: 115px;
    }

    #top .edc_form.edc_form_home form {
        padding: 0;
        justify-content: center;
    }


    .edc_form.edc_form_home .form_names {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .edc_form.edc_form_home .form_names .form_name {
        margin: 0;
    }

    .edc_form.edc_form_home .person {
        width: 50%;
        padding: 0 10px;
    }

    .edc_form .form_names {
        margin-left: 0px;
    }

}

@media (max-width: 998px) {
    .edc button.btn {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .responsive div.container {
        width: 100%;
    }

    .edc_form .form_name {
        margin: 0;
    }

    #top .main_color .edc_form label {
        width: 100%;
    }

    #top .main_color .edc label.in_year {
        text-align: center;
        width: 100%;
    }

    #top .main_color .edc_form label input {
        width: 90%;
    }

    #top .edc_form form[name="second_step_form"] .in_year .placeholder {
        right: 15px;
    }

    .edc_form.edc_form_home .fields {
        margin: 0;
    }

    .edc_form.edc_form_home .person {
        width: 100%;
    }

    .edc_form .form_names {
        margin-left: 0px;
    }

}


/* Edc form (first) */

.edc .edc_tabs {
    display: flex;
    border: 2px solid;
    border-color: #00857c;
    border-radius: 20px;
    margin-bottom: 80px;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
}

.edc .edc_tabs .navigation {
    display: flex;
    align-content: center;
    background: #f2f2f2;
    border-radius: 15px;
    margin-left: 20px;
    max-width: 290px;

}

.edc .edc_tabs .navigation li {
    padding: 38px 20px;
    margin: 0;
    cursor: pointer;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.edc .edc_tabs .navigation li.active {
    color: #fff;
    background: #00857c;
    border-radius: 15px;
}

.edc .edc_tabs .navigation li.active a{
    background: #00857c!important;
    border-color: #00857c!important;
}

.edc .edc_tabs ul.navigation li a {
    background: none;
    font-size: 24px;
}

.edc .theme_electricity .btn {
    background: #00857c;
}

.edc .theme_electricity .btn:hover {
    background: #aaa;
}

.edc .theme_gas .btn {
    background: #00857c;
}

.edc .theme_gas .btn:hover {
    background: #aaa;
}

.edc .edc_tabs.theme_electricity .items,
.edc .edc_tabs.theme_gas .items {
    border: none;
    background: inherit;
}

.edc .edc_tabs .items {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0;
}

.edc form {
    display: flex;
}

#top .edc form .submit_group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-bottom: 0;
}

.edc form .fields {
    display: flex;
    flex-direction: column;
    padding: 10px 60px;
}

.edc form .fields .field {
    padding: 0 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.edc .edc_tabs .items .edc_tab.active {
    display: flex;
}

.edc form .fields .fields_row {
    display: flex;
    align-items: center;
}

.edc form .fields .fields_row .field.postcode {
    width: 50%;
}

.edc form .fields .fields_row .field.districts {
    width: 50%;
}

.edc form .fields .fields_row .field.person {
    width: 55%;
}

.edc form .fields .fields_row .field.consumption {
    width: 45%;
}

.edc form .fields .fields_row .field.consumption .placeholder {
    position: absolute;
    right: 26px;
    top: 63px;
    color: #000;
}


.edc .edc_tabs.theme_gas ul.navigation li a,
.edc .edc_tabs.theme_electricity ul.navigation li a {
    color: #00857c;
}

#top .main_color .edc form label {
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #00857c;
    margin-top: 10px;
    margin-bottom: -5px;

}

#top .main_color .edc form label span {
    color: #00857c;
    font-weight: normal;
    font-size: 14px;
    border-width: 2px;
}


#top .main_color .edc form input {
    background-color: #f2f2f2;
    padding: 25px 10px;
    border: none;
    border-radius: 15px;
    margin-top: 8px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    text-align: center;
}

#top .main_color .edc form input::placeholder{
    color: #000;
    opacity: 1;
}


#top .main_color .edc .edc_form form input {
    padding: 20px 10px;
}

#top .main_color .edc form .selected {
    background-color: #f2f2f2;
    padding: 25px 30px;
    border: none;
    border-radius: 15px;
    margin-top: 8px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    text-align: center;
    white-space: break-spaces;
}


.edc .person .name {
    padding: 0 15px 10px 15px;
}

.edc .person .person_fields {
    /*width: 100%;*/
    display: flex;
    background-color: #f2f2f2;
    border-radius: 15px;
    align-items: center;
    height: 45px;
    justify-content: space-around;
    margin-top: 9px;
    width: 260px;
}

#top .edc .person .person_fields label {
    padding: 1px 1px 22px 0px;
}
#top .edc .person .person_fields.gas label{ font-size: 12px; line-height: normal; }

#top .edc .person .person_fields.gas label span {
    font-size: 15px;
    line-height: normal;
    margin-top: 2px;
    color: #000;
}

.edc .person .edc_radio {
    display: none;
}

.edc .person .edc_radio + label .icon {
    display: none;
}

.edc .person input[type="radio"]:checked + label .person_icon {
    opacity: 1;
}

.edc .person input[type="radio"]:checked + label span {
    font-weight: bold!important;
}

.edc .person .person_icon {
    opacity: 0.4;
}
.edc .theme_electricity .person .person_icon {
    width: 25px;
}

.edc .theme_electricity .person .person_two .person_icon {
    width: 36px;
}

.edc .theme_electricity .person .person_three .person_icon {
    width: 47px;
}

.edc .theme_electricity .person .person_four .person_icon {
    width: 61px;
}

.edc .person  .person_fields.gas .person_icon {
    display: none;
}

@media (max-width: 998px) {
    .edc .edc_tabs {
        flex-direction: column;
        padding: 0;
    }

    .edc .edc_tabs .items .edc_tab {
        display: none;
        flex-direction: column;
    }

    .edc .edc_tabs .navigation {
        max-width: inherit;
        width: 100%;
        height: 80px;
    }

    .edc form .fields .fields_row {
        flex-direction: column;
        padding-top: 20px;
    }

    .edc form .fields .fields_row .field.postcode,
    .edc form .fields .fields_row .field.districts,
    .edc form .fields .fields_row .field.person,
    .edc form .fields .fields_row .field.consumption {
        width: 100%;
    }

    .edc form .fields .fields_row .field.person {
        padding-top: 15px;
    }

    .edc form .fields .fields_row .field.consumption {
        padding-top: 15px;
    }

    .edc form .fields .fields_row .field.consumption .placeholder {
        top: 74px;
    }

    .edc form .submit_group .btn {
        max-width: inherit;
    }


}

/* /Edc form (first) */


/* Order page */
.edc.order-page {
    flex-direction: column;
}

.edc.order-page div.edc_form {
    margin-bottom: 60px;
}

.single_tariff_title {
    color: #00877a;
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 15px 20px;
}

.edc.order-page .edc.item {
    padding-bottom: 40px;
}

.edc.order-page .item .single_tariff {
    flex-direction: row;
}

.edc.order-page .order_wrapper .single_tariff {
    max-width: inherit;
    width: 100%;
    border-width: 2px;
    padding: 1px 1px 12px 0;
}

.edc.order-page .item .single_tariff .main_info_wrapper {
    width: 33.3%;
    padding-top: 10px;
}

.edc.order-page .item .single_tariff .main_info_wrapper .image {
    display: none;
}

.edc.order-page .item .single_tariff .tariff_characteristics_wrapper {
    width: 33.3%;
}

.edc.order-page .item .single_tariff .tariff_characteristics_wrapper .guarantee .title {
    display: none;
}

.edc.order-page .item .single_tariff .tariff_characteristics_wrapper .guarantee .desc {
    display: none;
}

#top .edc.order-page .item .single_tariff .tariff_characteristics_wrapper .guarantee .items .item label {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}

.edc.order-page .item .single_tariff .submit_group_wrapper {
    width: 33.3%;
}
.edc.item .single_tariff .submit_group_wrapper .guarantee{
	text-align: center;
}
.edc.item .single_tariff .submit_group_wrapper .guarantee .title{
	width: auto;
	display: inline-block;
	padding: 15px 30px;
	margin: 0;
	border-radius: 15px;
}
.edc.order-page .item .single_tariff .submit_group {
    padding: 0px 0;
}

.edc.order-page .item .single_tariff .btn {
    margin-right: 0;
    padding: 25px 18px;
    width: auto;
}

#top .edc.order-page .order_form {
    border-radius: 15px;
    border: none;
    border-color: inherit;
    padding: 0;
}

.edc.order-page .order_form .border_wrapper {
    border-radius: 15px;
    border: 2px solid #f59100;
    padding: 20px;
}

.edc form {
    display: block;
}

.edc.order-page .order_form .required_info {
    margin-bottom: 5px;
}

.edc.order-page .order_form .form_title {
    color: #008778;
    padding-top: 20px;
}

.edc.order-page .order_form fieldset [name="different_billing"] + label {
    padding-bottom: 50px;
}

#top .edc.order-page .order_form label {
    flex-direction: row;
    color: #000;
    font-size: 16px;
    font-weight: 300;
}

#top .edc.order-page fieldset {
    margin-bottom: 0;
}

.edc.order-page .order_form .different_billing {
    padding-bottom: 50px;
}

#top .edc.order-page .order_form .different_billing label {
    padding-bottom: 30px;
}

#top .edc.order-page .order_form input,
#top .edc.order-page .order_form .selected {
    border: none;
    background: #f2f2f2;
    border-radius: 10px;
    padding: 8px 15px 4px 11px;
    font-weight: normal;
    font-size: 16px;
}

#top .edc.order-page .order_form input.small {
    padding: 3px;
}

.edc.order-page .submit_group {
    text-align: center;
    padding: 25px 0;
}

.edc.order-page .order_form .edc_checkbox + label .icon,
.edc.order-page .order_form .edc_radio.type2 + label .icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 10px;
    margin-right: 15px;
}

.edc.order-page .order_form .edc_checkbox + label .icon:before, .edc.order-page .order_form .edc_checkbox + label .icon:after,
.edc.order-page .order_form .edc_radio.type2 + label .icon:before, .edc.order-page .order_form .edc_radio.type2 + label .icon:after {
    left: 14px;
    top: -2px;
    height: 33px;
    width: 1px;
}

#top .edc.order-page .order_form .selected,
#top .edc.order-page .order_form input {
    text-align: left;
    height: 50px;
}

.edc.order-page .order_form .btn {
    padding: 32px 25px;
    font-size: 20px;
    border-radius: 10px;
    width: fit-content;
}

#top .edc.order-page .order_form .submit_group,
.edc.order-page .order_form .correct_group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 45px;
}

.edc.order-page .order_form .agreements {
    padding-top: 45px;
}

.edc.order-page .order_form .agreements .agreements_item {
    padding-bottom: 30px;
}

#top .edc.order-page .order_form .agreements .agreements_item label {
    font-size: 14px;
    font-weight: 400;
    color: black;
}

#top .edc.order-page .order_form .agreements .agreements_item label {
    align-items: end;
}

.edc.order-page .order_form .agreements .agreements_item label .icon {
    margin-top: -10px;
}

.edc.order-page .medium > div {
    margin-bottom: 10px;
}

.edc fieldset.edc_grid.col_3 > div:nth-last-child(3):nth-child(3n-2) {
    margin-bottom: 10px;
}

#top .edc form fieldset.small .name {
    margin-bottom: 10px;
}

#top .edc form.order_form fieldset.small .name {
    margin-bottom: 0;
}

#top .main_color .edc form.order_form input {
    margin-top: 0;
}

@media (max-width: 768px) {
    .edc.order-page .item .single_tariff {
        flex-direction: column;
    }

    .edc.order-page .item .single_tariff .main_info_wrapper {
        width: 100%;
    }

    .edc.order-page .item .single_tariff .tariff_characteristics_wrapper {
        width: 100%;
    }

    .edc.order-page .item .single_tariff .submit_group_wrapper {
        width: 100%;
    }

    #top .edc.order-page .order_form .sepa_iban input,
    #top .edc.order-page .order_form .sepa_bic input {
        padding: 20px 0px 4px 8px;
    }

    .edc.order-page .order_form .sepa_iban > div,
    .edc.order-page .order_form .sepa_bic > div {
        flex-wrap: wrap;
        padding-right: 5px;
    }

    .edc.order-page .order_form .agreements {
        padding: 40px 15px 0 15px;
    }

}

/* /Order page */

#top .edc .edc_select .options > ul li {
    height: 46px;
    display: flex;
    align-items: center;
}

.edc .after_form_checked {
    display: none;
}

.edc .after_form_checked.active {
    display: block;
}

#top .edc .input-text, #top .edc input[type="text"], #top .edc input[type="input"], #top .edc input[type="password"], #top .edc input[type="email"], #top .edc input[type="number"], #top .edc input[type="url"], #top .edc input[type="tel"], #top .edc input[type="search"], #top .edc textarea, #top .edc select {
    margin-bottom: 0;
}

.edc .guarantee {
    position: relative;
}

.edc .guarantee .info {
    display: none;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 100%;
    transform: translate(0, 14px);
    background: #eee;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
    padding: 6px 13px;
    z-index: 9;
}

.edc .guarantee:hover .info {
    display: block;
}

.edc .guarantee .info::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 14px solid #eee;
    top: -14px;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
}

.edc .detailed_link {
    text-align: center;
    margin-bottom: 25px;
    padding: 0 5px;
    margin-top: 15px;
}

.edc form .fields .fields_row.clients_type {
    justify-content: center;
    margin-bottom: 10px;
    display: none;
}

#top .main_color .edc form .fields_row.clients_type label {
    flex-direction: row;
}

.edc .edc_list > .items {
    justify-content: unset;
}
.edc form .field.not_valid.to_bottom .validate_error{ bottom: -6px !important; }
#top .main_color .edc form.order_form .select .options input{ height: 35px; }