.extra-sale {
    padding: 50px 0;
    background-color: #f6f6f6;
}

.extra-sale .vocab-test__words__element_blue {
    background: none;
    margin: 0;
    cursor: pointer;
}

.extra-sale .vocab-test__words__element_blue.is-active {
    border-color: transparent;
}

.extra-sale__list-item {
    position: relative;
    margin-bottom: 45px;
}

.extra-sale__list-item-content {
    position: relative;
    background-color: #fff;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.extra-sale .vocab-test__words__element_blue.is-active .vocab-test__words__element__check {
    background-color: #71b26f;
    border-color: #71b26f;
}

.extra-sale__list-item #middle-wrap__right__discount__icon path {
    fill: #e34734;
}

.extra-sale__discount {
    position: relative;
}

.extra-sale__discount-percent {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.extra-sale__list-item-expand {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    margin-bottom: -30px;
    background-color: #fff;
    padding: 2px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.extra-sale__list-item-expand .puzzle-icon {
    margin-left: 10px;
    -webkit-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
}

.extra-sale__list-item.is-open .extra-sale__list-item-expand .puzzle-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.extra-sale__list-item-expand .puzzle-icon svg path {
    fill: #00a9ef;
}

.extra-sale__list-item-expand span {
    font-size: 14px;
    line-height: 1;
    color: #0a96d1;
    border-bottom: 1px dashed #0a96d1;
}

.extra-sale__list-item-product-name {
    max-width: 220px;
}

.extra-sale__list-item-product-more span {
    font-size: 14px;
    color: #0a96d1;
    border-bottom: 1px dashed;
    cursor: pointer;
}