/* ==========================================================================
   COMMON
   ========================================================================== */
.knob {
    height: 60px;
    font-family: Esqadero;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
    background: rgb(5, 86, 111);
    border: 1px solid rgb(5, 86, 111);
    padding: 0 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.2s ease-out;
}

.knob:focus {
    color: #fff;
}

.knob_outline {
    color: rgb(5, 86, 111);
    background: #fff;
}

.knob_outline:focus {
    color: rgb(5, 86, 111);
}

.knob_icon {
    font-size: 15px;
    display: flex;
    padding: 0;
}

.knob_icon:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    transition: all 0.2s ease-out;
}

.knob:hover {
    background: rgb(8, 31, 52);
    border-color: rgb(8, 31, 52);
    color: #fff;
}

.knob_full {
    display: flex;
    width: 100%;
}

.vertical-line {
    position: absolute;
    border-left: 1px dashed #BFBFBF;
}

.horizontal-line {
    position: absolute;
    border-top: 1px dashed #BFBFBF;
}

.vertical-line_solid,
.horizontal-line_solid {
    border-style: solid;
    border-width: 0.5px;
}

.vertical-line.active,
.horizontal-line.active {
    border-color: #05566F;
}

.triangle {
    position: absolute;
    right: 0;
    top: 0;
    border: 42px solid transparent;
    border-top: 81px solid #fff;
    border-right: 22px solid #fff;
}

.triangle-svg {
    position: absolute;
}

.diagonal {
    position: absolute;
    right: -36px;
    top: 61px;
    height: 1px;
    width: 137px;
    background: #BFBFBF;
    transform: rotate(62.6deg);
}

.diagonal.active {
    background: #1F1F1F;
}

.protractor {
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 139px;
    height: 146px;
    background: url(/local/templates/soberizavod/img/protractor.png) no-repeat;
    background-size: cover;
    display: none;
}

.protractor.active {
    display: block;
}

.corner {
    position: absolute;
    width: 47px;
    height: 21px;
    /*right: 0;*/
    /*top: 12px;*/
    background: url(/local/templates/soberizavod/img/corner-silver.svg) no-repeat;
    color: #BFBFBF;
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.corner span {
    position: absolute;
    left: 5px;
    top: -14px;
    transform: rotate(-18deg);
}

.corner.active {
    color: #1F1F1F;
    background-image: url(/local/templates/soberizavod/img/corner.svg);
}

.circle {
    position: absolute;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #6F6F6F;
    margin: auto 0;
    top: 0;
    bottom: 0;
}

.circle_increased {
    width: 32px;
    height: 32px;
}

.circle.active {
    border-color: #05566F;
    display: none;
}

.drilling-hole__item.active .circle.active {
    display: block;
}

.rectangle {
    position: absolute;
    background: #fff;
    border: 1px solid #6F6F6F;
    margin: auto 0;
    top: 0;
    bottom: 0;
}

.rectangle.active {
    border-color: #05566F;
    display: none;
}

.drilling-hole__item.active .rectangle.active {
    display: block;
}

.distance {
    position: absolute;
    left: 0;
    top: -16px;
    bottom: 50%;
    /*width: 100px;*/
    border-top: 1px dashed #05566F;
    border-right: 1px dashed #05566F;
    display: none;
}

.distance span {
    position: absolute;
    top: -26px;
    left: 0;
    right: 0;
    text-align: center;
    color: rgb(5, 86, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.distance:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 27px;
    border-left: 1px dashed #05566F;
}

.distance.active {
    display: none;
}

.drilling-hole__item.active .distance.active {
    display: block;
}

/* ==========================================================================
   POPUP
   ========================================================================== */
.popup-wrapper {
    background: #ECECEC;
    padding: 60px 0;
}

.popup {
    background: #FFF;
    position: relative;
    margin: 30px auto;
}

.popup__close {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    background: url(/local/templates/soberizavod/img/close.svg) no-repeat center;
    background-size: 41px 41px;
    transition: all 0.2s ease-out;
}

.popup__close:hover {
    background-image: url(/local/templates/soberizavod/img/close-hover.svg);
    background-color: #F3F3F3;
}

.popup__title {
    color: rgb(31, 31, 31);
    font-family: Esqadero;
    font-size: 22px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.popup__text {
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
}

/* ==========================================================================
   CUTTING-SELECTION
   ========================================================================== */
.popup_cutting-selection {
    width: 1004px;
    padding: 142px 30px 99px;
}

.cutting-selection {
    max-width: 680px;
    margin: auto;
}

.cutting-selection__row {
    display: flex;
    margin: -20px -15px 0;
    flex-wrap: wrap;
    justify-content: center;
}

.cutting-selection__col {
    padding: 0 15px;
    margin: 20px 0 0;
    width: 50%;
}

.cutting-selection__label {
    margin-top: 12px;
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
}

/* ==========================================================================
   ADDITIONAL-PROCESSING
   ========================================================================== */
.popup_additional-processing {
    width: 731px;
    padding: 65px 30px 74px;
}

.popup_additional-processing .popup__block {
    max-width: 360px;
    margin: auto;
}

.additional-processing {
    margin-top: 28px;
}

.additional-processing__item + .additional-processing__item {
    margin-top: 20px;
}

.knob_bevel-cutting:before {
    width: 26px;
    height: 26px;
    background-image: url(/local/templates/soberizavod/img/bevel-cutting.svg);
}

.knob_drilling-hole:before {
    width: 20px;
    height: 22px;
    background-image: url(/local/templates/soberizavod/img/drilling-hole.svg);
}

.knob_milling-for-din-912-screw:before {
    width: 26px;
    height: 26px;
    background-image: url(/local/templates/soberizavod/img/milling-for-din-912-screw.svg);
}

.knob_thread-cutting:before {
    width: 22px;
    height: 22px;
    background-image: url(/local/templates/soberizavod/img/thread-cutting.svg);
}

.knob_bevel-cutting.knob_outline:before {
    background-image: url(/local/templates/soberizavod/img/bevel-cutting-dark.svg);
}

.knob_drilling-hole.knob_outline:before {
    background-image: url(/local/templates/soberizavod/img/drilling-hole-dark.svg);
}

.knob_milling-for-din-912-screw.knob_outline:before {
    background-image: url(/local/templates/soberizavod/img/milling-for-din-912-screw-dark.svg);
}

.knob_thread-cutting.knob_outline:before {
    background-image: url(/local/templates/soberizavod/img/thread-cutting-dark.svg);
}

.knob_bevel-cutting:hover:before {
    background-image: url(/local/templates/soberizavod/img/bevel-cutting.svg);
}

.knob_drilling-hole:hover:before {
    background-image: url(/local/templates/soberizavod/img/drilling-hole.svg);
}

.knob_milling-for-din-912-screw:hover:before {
    background-image: url(/local/templates/soberizavod/img/milling-for-din-912-screw.svg);
}

.knob_thread-cutting:hover:before {
    background-image: url(/local/templates/soberizavod/img/thread-cutting.svg);
}

/* ==========================================================================
   PROFILE-CUTTING
   ========================================================================== */
.popup_profile-cutting {
    width: 1262px;
    padding: 56px 129px 61px;
}

.popup_profile-cutting .popup__text {
    max-width: 712px;
    margin: auto;
}

.profile-cutting {
    margin-top: 50px;
}

.profile-cutting__item:first-child {
    border-top: 1px solid rgb(191, 191, 191);
}

.profile-cutting__items {
    margin-bottom: 40px;
}

.profile-cutting__item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(191, 191, 191);
    padding: 20px 0;
}

.checkbox {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.checkbox > span {
    color: rgb(191, 191, 191);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-right: 10px;
    order: 1;
}

.checkbox .checked + span {
    color: #05566F;
}

.checkbox .jq-checkbox {
    width: 30px;
    height: 30px;
    display: block;
    border: 2px solid rgb(191, 191, 191);
    border-radius: 6.75px;
    background: transparent;
    box-shadow: none;
    position: relative;
    margin: 0;
    order: 2;
}

.checkbox_reverse > span {
    order: 2;
    margin-right: 0;
    margin-left: 10px;
}

.checkbox_reverse .jq-checkbox {
    order: 1;
}

.checkbox .jq-checkbox.checked {
    background: rgb(5, 86, 111);
    border-color: rgb(5, 86, 111);
}

.checkbox .jq-checkbox.checked:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 4.5px;
    width: 19px;
    height: 16px;
    background-image: url(/local/templates/soberizavod/img/check.svg);
}

.checkbox .jq-checkbox.checked .jq-checkbox__div {
    display: none;
}

.profile-cutting__number {
    color: rgb(31, 31, 31);
    font-family: Esqadero;
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    margin-left: 32px;
    width: 35px;
    flex-shrink: 0;
}

.profile-cutting__length {
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    align-items: center;
}

.profile-cutting__length input {
    margin: 0 11px 0 16px;
    width: 66px;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(234, 234, 234);
    height: 44px;
    display: block;
    flex-shrink: 0;
    color: rgb(31, 31, 31);
    font-family: Esqadero;
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    outline: none;
}

.profile-cutting__quantity {
    margin: 0 31px;
    display: flex;
    align-items: center;
}

.profile-cutting__quantity .quantity {
    margin: 0 9px 0 12px;
}

.quantity {
    display: flex;
}

.quantity__minus {
    flex-shrink: 0;
    width: 39px;
    height: 44px;
    background: rgb(224, 224, 224) url(/local/templates/soberizavod/img/minus.svg) no-repeat center;
    cursor: pointer;
}

.quantity input {
    width: 48px;
    height: 44px;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(234, 234, 234);
    flex-shrink: 0;
    color: rgb(31, 31, 31);
    font-family: Esqadero;
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    outline: none;
}

.quantity__plus {
    flex-shrink: 0;
    width: 39px;
    height: 44px;
    background: rgb(224, 224, 224) url(/local/templates/soberizavod/img/plus.svg) no-repeat center;
    cursor: pointer;
}

.profile-cutting__treatment {
    display: flex;
    margin-left: auto;
    align-items: center;
}

.profile-cutting__treatment .knob {
    font-size: 15px;
    width: 250px;
    height: 44px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-cutting__btns {
    margin-right: 24px;
    display: flex;
    align-items: center;
}

.profile-cutting__btns > * + * {
    margin-left: 10px;
}

.drilling-hole-btn {
    display: inline-block;
    flex-shrink: 0;
    cursor: pointer;
    width: 22px;
    height: 24px;
    background: url(/local/templates/soberizavod/img/drilling-hole-btn.svg);
}

.thread-cutting-btn {
    display: inline-block;
    flex-shrink: 0;
    cursor: pointer;
    width: 23px;
    height: 22px;
    background: url(/local/templates/soberizavod/img/thread-cutting-btn.svg);
}

.profile-cutting__row {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.profile-cutting__row + .profile-cutting__row {
    margin-top: 74px;
}

.profile-cutting__add-lines {
    color: #6F6F6F;
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    align-items: center;
    order: 2;
    margin-left: auto;
}

.profile-cutting__add-lines input {
    margin: 0 11px 0 16px;
    width: 66px;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(234, 234, 234);
    height: 48px;
    display: block;
    flex-shrink: 0;
    color: rgb(31, 31, 31);
    font-family: Esqadero;
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    outline: none;
}

.profile-cutting__add-lines .knob {
    height: 48px;
    padding: 0 15px;
}

.knob_add:before {
    width: 13px;
    height: 14px;
    background: url(/local/templates/soberizavod/img/add.svg) no-repeat;
}

.knob_add:hover:before {
    background-image: url(/local/templates/soberizavod/img/add-white.svg);
}

.profile-cutting__download {
    display: flex;
    align-items: center;
}

.profile-cutting__download a {
    text-decoration: none;
    color: rgb(5, 86, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -2%;
    display: inline-flex;
    align-items: center;
}

.profile-cutting__download a:before {
    content: '';
    width: 24px;
    height: 22px;
    flex-shrink: 0;
    background: url(/local/templates/soberizavod/img/download.svg) no-repeat;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.profile-cutting__download .tooltip {
    margin-left: 10px;
}

.tooltip {
    position: relative;
}

.tooltip__icon {
    cursor: pointer;
    width: 18px;
    height: 19px;
    display: block;
    background: url(/local/templates/soberizavod/img/tooltip.svg) no-repeat;
}

.tooltip__text {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 18px;
    top: 0;
    background: #fff;
    color: #6F6F6F;
    font-family: ProximaReg;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    width: 250px;
    transition: all 0.2s ease-out;
    padding: 0 10px;
}

.tooltip:hover .tooltip__text {
    opacity: 1;
    visibility: visible;
}

.profile-cutting__label {
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 11px;
}

.profile-cutting__edit {
    display: flex;
}

.profile-cutting__edit .knob {
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
}

.knob_delete {
    color: rgb(191, 191, 191);
    border-color: rgb(191, 191, 191);
}

.knob_delete:before {
    width: 24px;
    height: 24px;
    background: url(/local/templates/soberizavod/img/delete.svg) no-repeat;
}

.knob_delete:hover:before {
    background-image: url(/local/templates/soberizavod/img/delete-white.svg);
}

.profile-cutting__edit > * + * {
    margin-left: 34px;
}

.profile-cutting__right {
    margin-left: auto;
}

.profile-cutting__right .knob {
    width: 259px;
    height: 48px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==========================================================================
   PROFILE CUTTING
   ========================================================================== */
.popup_bevel-cutting {
    width: 1380px;
    padding: 65px 90px 116px;
}

.processing-tabs {
    display: flex;
    margin: 41px -10px 77px;
}

.processing-tabs__item {
    justify-content: space-between;
    padding: 0 10px;
}

.processing-tabs__item .knob {
    padding: 0 16px;
}

.bevel-cutting__title {
    color: rgb(31, 31, 31);
    font-family: Esqadero;
    font-size: 22px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 9px;
}

.bevel-cutting__text {
    max-width: 516px;
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 41px;
}

.bevel-cutting__row {
    display: flex;
}

.bevel-cutting__left {
    width: 240px;
    flex-shrink: 0;
}

.bevel-cutting__right {
    margin-left: 69px;
    flex-grow: 1;
    max-width: 774px;
}

.bevel-cutting .corner {
    /*background: none;*/
}

.steps {
    padding: 40px 20px;
    background: #F3F3F3;
}

.steps__img img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.steps__text {
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.steps__text b {
    font-family: ProximaNovaBold;
}

.list-additional-processing {
    margin-top: 67px;
}

.list-additional-processing__name {
    color: #1F1F1F;
    font-family: Esqadero;
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.list-additional-processing__name span {
    margin: 0 5px;
}

.list-additional-processing__item {
    color: #6F6F6F;
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.list-additional-processing__item b {
    font-family: ProximaNovaBold;
}

.list-additional-processing__btns {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 18px;
}

.list-additional-processing__edit {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 24px;
    height: 24px;
    background: url(/local/templates/soberizavod/img/list-additional-processing-edit.svg) no-repeat;
    transition: all 0.2s ease-out;
}

.list-additional-processing__delete {
    margin-left: 14px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 22px;
    height: 22px;
    background: url(/local/templates/soberizavod/img/list-additional-processing-delete.svg) no-repeat;
    transition: all 0.2s ease-out;
}

.list-additional-processing__edit:hover {
    background-image: url(/local/templates/soberizavod/img/list-additional-processing-edit-dark.svg);
}

.list-additional-processing__delete:hover {
    background-image: url(/local/templates/soberizavod/img/list-additional-processing-delete-dark.svg);
}

.list-additional-processing__service + .list-additional-processing__service {
    margin-top: 33px;
}

.list-additional-processing__item span {
    margin: 0 5px;
}

.list-additional-processing__service ol {
    margin: 0;
    padding: 0 0 0 23px;
    list-style-type: none;
    counter-reset: num;
    color: #6F6F6F;
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.list-additional-processing__service ol li {
    position: relative;
}

.list-additional-processing__service ol li + li {
    margin-top: 8px;
}

.list-additional-processing__service ol li:before {
    content: counter(num) '.';
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: -26px;
    width: 20px;
    text-align: right;
}

.list-additional-processing__back {
    margin-top: 30px;
}

.list-additional-processing__back .knob {
    font-size: 15px;
    width: 293px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bevel-cutting__z {
    width: 123px;
    flex-shrink: 0;
}

.bevel-cutting__label {
    color: rgb(191, 191, 191);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    margin-bottom: 43px;
}

.bevel-cutting__z img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
}

.bevel-cutting__item {
    display: flex;
    align-items: center;
}

.bevel-cutting__item:first-child .bevel-cutting__z {
    align-self: flex-start;
}

.bevel-cutting__item + .bevel-cutting__item {
    margin-top: 17px;
}

.radio .jq-radio {
    width: 36px;
    height: 36px;
    border: 2px solid rgb(111, 111, 111);
    background: transparent;
    margin: 0;
}

.radio .jq-radio.checked {
    border: 9px solid #05566F;
}

.radio .jq-radio.checked .jq-radio__div {
    display: none;
}

.bevel-cutting__corner {
    display: none;
    visibility: hidden;
}

.bevel-cutting__item.active .bevel-cutting__corner {
    visibility: visible;
}

.bevel-cutting__corner.active {
    display: block;
}

.bevel-cutting__corner_tr .triangle-svg {
    right: 0;
    top: 0;
}

.bevel-cutting__corner_tl .triangle-svg {
    left: 0;
    top: 0;
}

.bevel-cutting__corner_bl .triangle-svg {
    left: 0;
    bottom: 0;
}

.bevel-cutting__corner_br .triangle-svg {
    right: 0;
    bottom: 0;
}

.bevel-cutting__corner_tr .corner {
    right: -55px;
    right: 0;
    top: 12px;
    display: none;
}

.bevel-cutting__corner_tr .nook {
    top: 38px;
    right: 0;
}

.bevel-cutting__corner_br .nook {
    bottom: 38px;
    right: 0;
    transform: rotate(18deg);
}

.bevel-cutting__corner_tl .nook {
    top: 38px;
    left: 0;
    transform: rotate(18deg);
}

.bevel-cutting__corner_bl .nook {
    bottom: 38px;
    left: 0;
}

.nook {
    position: absolute;
    color: #1F1F1F;
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    transform: rotate(-18deg);
    text-align: center;
}

.bevel-cutting__corner_br .corner {
    right: -55px;
    bottom: 0;
}

.bevel-cutting__corner_tl .corner {
    left: -55px;
    top: 12px;
}

.bevel-cutting__corner_bl .corner {
    left: -55px;
    bottom: 0;
}

.bevel-cutting__radio {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.bevel-cutting__radio .radio {
    margin-right: 15px;
}

.bevel-cutting__item.active .bevel-cutting__radio span {
    color: #05566F;
}

.bevel-cutting__block {
    margin: 0 56px;
    flex-grow: 1;
}

.bevel-cutting__angles__wrapper {
    width: 363px;
}

.bevel-cutting__preview {
    margin: 20px 0;
    position: relative;
}

.bevel-cutting__schema img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.3;
}

.bevel-cutting__item.active .bevel-cutting__schema img {
    opacity: 1;
}

.bevel-cutting__right-line {
    right: 0;
    top: 0;
    bottom: 0;
}

.bevel-cutting__left-line {
    left: 0;
    top: 0;
    bottom: 0;
}

.bevel-cutting__item .vertical-line {
    visibility: hidden;
}

.bevel-cutting__item.active .vertical-line.active {
    visibility: visible;
}

.bevel-cutting__angles {
    display: flex;
    justify-content: space-between;
    visibility: hidden;
}

.bevel-cutting__item.active .bevel-cutting__angles {
    visibility: visible;
}

.bevel-cutting__angle {
    display: flex;
    align-items: center;
}

.bevel-cutting__angle_hidden {
    opacity: 0;
}

.bevel-cutting__angle.active .irs-bar-edge,
.bevel-cutting__angle.active .irs-bar,
.bevel-cutting__angle.active .irs-slider {
    background: #05566F;
}

.bevel-cutting__range {
    width: 80px;
}

.bevel-cutting__input {
    width: 50px;
    height: 36px;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(234, 234, 234);
    text-align: center;
    outline: none;
}

.bevel-cutting__input + .bevel-cutting__range {
    margin-left: 20px;
}

.bevel-cutting__range + .bevel-cutting__input {
    margin-left: 20px;
}

.bevel-cutting__description {
    color: rgb(31, 31, 31);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 15px;
}

.bevel-cutting__result {
    margin-top: 67px;
    display: none;
}

.bevel-cutting__result.active {
    display: block;
}

.bevel-cutting__result .knob {
    font-size: 15px;
    padding: 0 20px;
    height: 44px;
}

/* ==========================================================================
   DRILLING HOLE
   ========================================================================== */
.popup_drilling-hole {
    width: 1323px;
    padding: 62px 62px 128px;
}

.popup__links {
    display: flex;
    margin: 48px -10px 90px;
    justify-content: center;
}

.popup__link {
    padding: 0 10px;
}

.popup__link .knob {
    padding: 20px;
    font-size: 15px;
}

.drilling-hole__row {
    display: flex;
}

.drilling-hole__left {
    width: 240px;
    flex-shrink: 0;
}

.drilling-hole__right {
    max-width: 862px;
    flex-grow: 1;
    margin-left: 60px;
}

.additional-processing_add {
    margin-top: 50px;
    max-width: 368px;
}

.additional-processing_add .knob {
    height: 48px;
    justify-content: flex-start;
    padding: 0 20px;
}

.additional-processing__label {
    color: rgb(31, 31, 31);
    font-family: Esqadero;
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.drilling-hole__radio {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    width: 70px;
}

.drilling-hole__item_y .drilling-hole__radio {
    margin-top: 48px;
}

.drilling-hole__radio .radio {
    margin-right: 15px;
}

.drilling-hole__item {
    display: flex;
    align-items: center;
}

.drilling-hole__projection + .drilling-hole__projection {
    margin-top: 65px;
}

.drilling-hole__item.active .drilling-hole__radio span {
    color: #05566F;
}

.drilling-hole__block {
    margin-left: 111px;
}

.drilling-hole__block.active .drilling-hole__control.active {
    display: flex;
}

.drilling-hole__schema {
    position: relative;
    width: 408px;
}

.drilling-hole__schema img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.3;
}

.drilling-hole__x .corner {
    right: 0;
    top: 12px;
}

.drilling-hole__x .vertical-line {
    right: 0;
    top: 0;
    bottom: 0;
}

.drilling-hole__y {
    position: relative;
    flex-shrink: 0;
    width: 407px;
    height: 145px;
    background: url(/local/templates/soberizavod/img/drilling-hole-y.svg) no-repeat;
}

.drilling-hole__blueprints {
    display: flex;
    margin-left: 41px;
}

.drilling-hole__figure {
    position: relative;
    margin-left: 54px;
}

.drilling-hole__figure img {
    display: block;
    opacity: 0.3;
}

.drilling-hole__xz .distance {
    top: -14px;
}

.drilling-hole__xz .vertical-line {
    top: -9px;
    bottom: -13px;
}

.drilling-hole__xz .horizontal-line {
    left: -13px;
    right: -13px;
}

.drilling-hole__xz .horizontal-line_solid {
    left: -13px;
    right: auto;
}

.drilling-hole__item + .drilling-hole__item {
    margin-top: -3px;
}

.drilling-hole__yz {
    position: relative;
    width: 126px;
    height: 148px;
    margin-left: 110px;
    background: url(/local/templates/soberizavod/img/drilling-hole-yz.svg) no-repeat;
}

.drilling-hole__yz .vertical-line {
    top: -9px;
    bottom: -9px;
}

.drilling-hole__yz .horizontal-line {
    left: -25px;
    right: -25px;
}

.drilling-hole__params {
    display: flex;
}

.drilling-hole__param {
    display: flex;
    align-items: center;
    color: rgb(191, 191, 191);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-right: 17px;
}

.drilling-hole__param input[type="text"] {
    width: 50px;
    height: 36px;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(234, 234, 234);
    color: rgb(31, 31, 31);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    margin: 0 5px 0 10px;
    flex-shrink: 0;
}

.drilling-hole__length {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: url(/local/templates/soberizavod/img/drilling-hole-length.svg) no-repeat;
}

.drilling-hole__size {
    flex-shrink: 0;
    width: 20px;
    height: 21px;
    background: url(/local/templates/soberizavod/img/drilling-hole-size.svg) no-repeat;
}

.drilling-hole__thread-diameter {
    margin-right: -2px;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: url(/local/templates/soberizavod/img/drilling-thread-diameter.svg) no-repeat;
}

.drilling-hole__height {
    flex-shrink: 0;
    width: 9px;
    height: 24px;
    background: url(/local/templates/soberizavod/img/drilling-hole-height.svg) no-repeat;
}

.drilling-hole__width {
    flex-shrink: 0;
    width: 24px;
    height: 9px;
    background: url(/local/templates/soberizavod/img/drilling-hole-width.svg) no-repeat;
}

.drilling-hole__deep {
    flex-shrink: 0;
    width: 17px;
    height: 17px;
    background: url(/local/templates/soberizavod/img/drilling-hole-deep.svg) no-repeat;
}

.drilling-hole__rounding {
    flex-shrink: 0;
    width: 19px;
    height: 18px;
    background: url(/local/templates/soberizavod/img/drilling-hole-rounding.svg) no-repeat;
}

.select {
    position: relative;
}

.select__wrapper {
    display: flex;
}

.select__value {
    flex-shrink: 0;
    padding: 0 10px;
    height: 36px;
    min-width: 50px;
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(234, 234, 234);
    text-align: center;
    cursor: default;
}

.select__arrow {
    flex-shrink: 0;
    background: rgb(224, 224, 224);
    width: 32px;
    height: 36px;
    position: relative;
}

.select__arrow:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 8px;
    background: url(/local/templates/soberizavod/img/down.svg) no-repeat;
}

.drilling-hole__param .select {
    margin-left: 8px;
}

.drilling-hole__param_connector .select {
    margin-left: 0;
}

.drilling-hole__services {
    margin-top: 20px;
    display: none;
}

.drilling-hole__services.active {
    display: block;
}

.drilling-hole__service {
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.drilling-hole__service + .drilling-hole__service {
    margin-top: 11px;
}

.drilling-hole__delete {
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 22px;
    height: 22px;
    background: url(/local/templates/soberizavod/img/list-additional-processing-delete.svg) no-repeat;
    transition: all 0.2s ease-out;
}

.drilling-hole__delete:hover {
    background-image: url(/local/templates/soberizavod/img/list-additional-processing-delete-dark.svg);
}

.drilling-hole__depth {
    position: absolute;
    height: 24px;
    left: -13px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border-top: 1px solid #05566F;
    border-bottom: 1px solid #05566F;
    display: none;
}

.drilling-hole__depth.active {
    display: none;
}

.drilling-hole__item.active .drilling-hole__depth.active {
    display: block;
}

.drilling-hole__horizontal-line {
    height: 24px;
    position: absolute;
    left: -13px;
    right: -13px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border-top: 1px dashed #BFBFBF;
    border-bottom: 1px dashed #BFBFBF;
}

.select__items {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    right: 0;
    top: 36px;
    white-space: nowrap;
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(234, 234, 234);
    transition: all 0.2s ease-out;
}

.select__item {
    cursor: pointer;
    padding: 2.5px 10px;
    transition: all 0.2s ease-out;
}

.select__item:first-child {
    padding-top: 5px;
}

.select__item:last-child {
    padding-bottom: 5px;
}

.select__item:hover {
    background: rgb(224, 224, 224);
}

.select:hover .select__items {
    opacity: 1;
    visibility: visible;
}

.drilling-hole__error {
    margin-top: 19px;
    color: #FF6161;
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    display: none;
}

.drilling-hole__error.active {
    display: block;
}

.drilling-hole__control {
    display: none;
    flex-wrap: wrap;
    margin-top: 21px;
}

.drilling-hole__control .knob {
    height: 36px;
    font-size: 15px;
    padding: 2px 20px 0;
}

/* ==========================================================================
   THREAD CUTTING
   ========================================================================== */
.popup_thread-cutting {
    width: 1262px;
    padding: 62px 53px 149px;
}

.popup_thread-cutting .popup__text {
    max-width: 694px;
    margin: auto;
}

.thread-cutting__row {
    display: flex;
}

.thread-cutting__left {
    width: 240px;
    flex-shrink: 0;
}

.thread-cutting__right {
    flex-grow: 1;
    margin-left: 49px;
}

.thread-cutting {
    margin-top: 58px;
}

.thread-cutting__edge {
    width: 289px;
    height: 45px;
    background: url(/local/templates/soberizavod/img/thread-cutting-edge.svg) no-repeat;
    margin: 0 26px;
    position: relative;
}

.thread-cutting__edge_left:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 7px;
    height: 45px;
    background: #05566F;
}

.thread-cutting__wrapper-edge {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 52px;
}

.thread-cutting__label {
    color: rgb(191, 191, 191);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.thread-cutting__label.active {
    color: #05566F;
}

.thread-cutting__block {
    display: flex;
    align-items: center;
}

.thread-cutting-drawing {
    margin: 0 10px;
    width: 162px;
    height: 162px;
    background: url(/local/templates/soberizavod/img/thread-cutting-drawing.svg) no-repeat;
}

.thread-cutting__hole + .thread-cutting__hole {
    margin-top: 51px;
}

.thread-cutting__hole {
    position: relative;
}

.thread-cutting__hole.selected {
    opacity: 0.5;
}

.thread-cutting__hole.selected:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.thread-cutting__wrapper-holes {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 324px;
    align-content: space-between;
}

.thread-cutting__wrapper {
    margin-left: 23px;
    display: flex;
    flex-direction: column;
    max-width: 620px;
}

.thread-cutting__params {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.thread-cutting__param {
    display: flex;
    align-items: center;
}

.thread-cutting__param + .thread-cutting__param {
    margin-left: 25px;
}

.thread-cutting__thread {
    width: 33px;
    height: 22px;
    flex-shrink: 0;
    background: url(/local/templates/soberizavod/img/thread.svg) no-repeat;
}

.thread-cutting_add {
    margin-top: 62px;
}

.thread-cutting__service {
    text-align: center;
    color: rgb(111, 111, 111);
    font-family: ProximaReg;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.thread-cutting__service + .thread-cutting__service {
    margin-top: 11px;
}

.thread-cutting__delete {
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 22px;
    height: 22px;
    background: url(/local/templates/soberizavod/img/list-additional-processing-delete.svg) no-repeat;
    transition: all 0.2s ease-out;
}

.thread-cutting__delete:hover {
    background-image: url(/local/templates/soberizavod/img/list-additional-processing-delete-dark.svg);
}

.thread-cutting__add {
    margin-top: 21px;
}

.thread-cutting__add .knob {
    width: 253px;
    height: 36px;
    margin: auto;
    display: flex;
    padding: 0;
}

.thread-cutting__param .select__value {
    min-width: 110px;
    text-align: left;
}