.form-control--float .form-label, .form-control--input input, .form-control--select select, .form-control--textarea textarea, .form-control-checkbox__icon, .form-control-checkbox__icon:before {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.form-label:before {
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px
}

.form-footer__text, div.error, label.error {
    font-weight: 400
}

.form-control--input-border .form-label, .form-control--input input, .form-control--textarea .form-label, .form-control--textarea textarea, .form-footer__text, div.error, label.error {
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.42857em;
    --lh: 1.42857em;
    letter-spacing: 0
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .form-footer__text, div.error, label.error {
        font-size: calc(var(--scale-rem) * 1.4);
        line-height: 1.42857em;
        --lh: 1.42857em;
        letter-spacing: 0;
        font-weight: 400
    }

    .form-control--input-border .form-label, .form-control--input input, .form-control--textarea .form-label, .form-control--textarea textarea {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: -.02em
    }
}

.tabs-contents {
    position: relative;
    overflow: visible !important;
    width: 50%;
    height: 150%;
}

.tabs-contents__content[aria-hidden=true] {
    display: none
}

.tabs-contents__content--animating-in {
    position: absolute !important;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.tabs-height-test .tabs-contents__content--animating-in {
    min-height: 0
}

.tabs-contents__content--animating-top {
    z-index: 2
}

.tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in) ~ .tabs-contents__content[aria-hidden=false] {
    position: absolute !important;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.tabs-height-test .tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in) ~ .tabs-contents__content[aria-hidden=false] {
    min-height: 0
}

.map {
    position: relative;
    height: 100%
}

.map .gmnoprint, .map .gmnoprint + .gm-style-cc, .map img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"] {
    opacity: 0 !important;
    pointer-events: none !important
}

.map__route {
    position: absolute;
    bottom: calc(var(--spacing) * 1.5);
    left: calc(var(--spacing) * 1.5)
}

.map__content {
    position: relative;
    height: 100%
}

.map__buttons {
    position: absolute;
    right: calc(var(--spacing) * 1.5);
    bottom: calc(var(--spacing) * 1.5);
    display: flex;
    flex-direction: column
}

.map__buttons .btn + .btn {
    margin-top: calc(var(--scale-px) * 10)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .map__route {
        bottom: var(--spacing);
        left: calc(var(--spacing) * 1)
    }

    .map__buttons {
        bottom: var(--spacing);
        right: var(--spacing);
        left: 0;
        margin: 0 auto;
        display: flex;
        align-items: flex-end
    }
}

.form-control[readonly], .readonly.form-control {
    pointer-events: none
}

.form-control--input input, .form-control--select select, .form-control--textarea textarea {
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid;
    border-bottom-color: var(--t-line);
    border-radius: 0;
    min-width: 0
}

.form-control--input .no-hover input, .form-control--select .no-hover select, .form-control--textarea .no-hover textarea, .no-hover .form-control--input input, .no-hover .form-control--select select, .no-hover .form-control--textarea textarea {
    -webkit-appearance: none;
    border-radius: 0
}

.form-control--input input.readonly, .form-control--input input[readonly], .form-control--select select.readonly, .form-control--select select[readonly], .form-control--textarea textarea.readonly, .form-control--textarea textarea[readonly] {
    pointer-events: none;
    box-shadow: none
}

.form-control--input input, .form-control--select select, .form-control--textarea textarea {
    line-height: normal;
    outline: none;
    vertical-align: middle
}

.form-control--input input:-webkit-autofill, .form-control--input input:-webkit-autofill:active, .form-control--input input:-webkit-autofill:focus, .form-control--input input:-webkit-autofill:hover, .form-control--select select:-webkit-autofill, .form-control--select select:-webkit-autofill:active, .form-control--select select:-webkit-autofill:focus, .form-control--select select:-webkit-autofill:hover, .form-control--textarea textarea:-webkit-autofill, .form-control--textarea textarea:-webkit-autofill:active, .form-control--textarea textarea:-webkit-autofill:focus, .form-control--textarea textarea:-webkit-autofill:hover {
    -webkit-transition: color .4s cubic-bezier(.25, .74, .22, .99), border-color .4s cubic-bezier(.25, .74, .22, .99), background-color 1ms ease-in-out 5000s !important;
    transition: color .4s cubic-bezier(.25, .74, .22, .99), border-color .4s cubic-bezier(.25, .74, .22, .99), background-color 1ms ease-in-out 5000s !important
}

.form-control--input input, .form-control--select select, .form-control--textarea textarea {
    transition-property: color, background-color, border-color
}

.form-control--input input:invalid, .form-control--select select:invalid, .form-control--textarea textarea:invalid {
    box-shadow: none
}

.form-control--input input::-ms-clear, .form-control--select select::-ms-clear, .form-control--textarea textarea::-ms-clear {
    display: none
}

::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

::-ms-reveal {
    display: none
}

.form-label {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input[disabled] + .form-label, select[disabled] + .form-label, textarea[disabled] + .form-label {
    opacity: .5
}

.form-label:before {
    content: ""
}

.form-control--float {
    position: relative
}

.form-control--float .form-label {
    position: absolute;
    padding: 0;
    width: auto;
    left: 0;
    top: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    transform-origin: 0 0;
    transition-property: transform, color
}

.form-control--float input::-webkit-input-placeholder, .form-control--float textarea::-webkit-input-placeholder {
    color: transparent !important
}

.form-control--float input::-moz-placeholder, .form-control--float textarea::-moz-placeholder {
    color: transparent !important
}

.form-control--float input:-ms-input-placeholder, .form-control--float textarea:-ms-input-placeholder {
    color: transparent !important
}

.form-control--float.is-focused:not(.form-control--select) .form-label, .form-control--float.is-not-empty:not(.form-control--select) .form-label, .form-control--float input:focus ~ .form-label, .form-control--float textarea:focus ~ .form-label {
    transform: translateY(-120%) scale(.875);
    color: var(--t-small)
}

.form-control--float.is-focused:not(.form-control--select) textarea ~ .form-label, .form-control--float.is-not-empty:not(.form-control--select) textarea ~ .form-label, .form-control--float textarea:focus ~ .form-label {
    transform: translateY(-7px) scale(.7)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .form-control--float.is-focused:not(.form-control--select) textarea ~ .form-label, .form-control--float.is-not-empty:not(.form-control--select) textarea ~ .form-label, .form-control--float textarea:focus ~ .form-label {
        transform: translateY(-10px) scale(.7)
    }
}

.form-group {
    margin: calc(var(--scale-px) * 20) 0
}

.form-group:first-child {
    margin-top: 0
}

.form-control--input-border input {
    height: calc(var(--scale-px) * 60);
    border: 1px solid;
    border-color: var(--t-border);
    padding: calc(var(--scale-px) * 20) calc(var(--scale-px) * 20) 0
}

.form-control--input-border .form-label {
    transform: translateY(-50%);
    top: 50%;
    left: calc(var(--scale-px) * 20)
}

.form-control--input-border .form-label__requared {
    color: var(--t-primary)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .form-control--input-border input {
        height: calc(var(--scale-px) * 80);
        padding: calc(var(--scale-px) * 20) calc(var(--scale-px) * 30) 0
    }

    .form-control--input-border .form-label {
        left: calc(var(--scale-px) * 30)
    }
}

.form-control--textarea textarea {
    border: 1px solid;
    border-color: var(--t-border);
    padding: calc(var(--scale-px) * 30) calc(var(--scale-px) * 20) 0;
    min-height: calc(var(--scale-px) * 160);
    resize: vertical
}

.form-control--textarea .form-label {
    top: calc(var(--scale-px) * 20);
    left: calc(var(--scale-px) * 20)
}

.form-control--textarea .form-label__requared {
    color: var(--t-primary)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .form-control--textarea .form-label {
        top: calc(var(--scale-px) * 30);
        left: calc(var(--scale-px) * 30)
    }

    .form-control--textarea textarea {
        padding: calc(var(--scale-px) * 38) calc(var(--scale-px) * 30) 0;
        min-height: calc(var(--scale-px) * 200)
    }
}

.form-control--select select {
    width: 100%;
    -webkit-appearance: menulist-button
}

.form-control-checkbox {
    display: flex;
    align-items: center
}

.form-control-checkbox input {
    position: absolute;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0)
}

.form-control-checkbox input _:-ms-input-placeholder, :root .form-control-checkbox input {
    opacity: 0
}

.form-control-checkbox__icon, .form-control-checkbox__label {
    position: relative;
    min-height: 20px;
    cursor: pointer
}

.form-control-checkbox__icon:after, .form-control-checkbox__label:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: -5px;
    bottom: -10px;
    left: -5px
}

.form-control-checkbox__icon {
    height: 20px;
    width: 20px;
    background: transparent;
    border: 1px solid;
    border-color: var(--t-primary);
    flex-shrink: 0;
    transition-property: border-color
}

.form-control-checkbox__icon:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: -1px;
    top: -1px;
    background: url(https://erenplastik.com/assets/images/common/checkbox.svg);
    background-size: cover;
    transition-property: opacity;
    opacity: 0
}

.form-control-checkbox__label {
    flex-grow: 1;
    padding: 0 0 0 10px
}

input[disabled] ~ .form-control-checkbox__icon, input[disabled] ~ .form-control-checkbox__label {
    opacity: .5;
    pointer-events: none
}

input:checked ~ .form-control-checkbox__icon:before {
    opacity: 1
}

.form-control-checkbox a {
    position: relative;
    z-index: 1
}

.is-ie .form-control-checkbox a {
    vertical-align: top
}

.has-error .form-control-checkbox__icon {
    border-color: var(--c-error)
}

.has-error .form-control-checkbox__label {
    color: var(--c-error)
}

.grecaptcha-badge {
    display: none !important
}

.form-footer {
    margin-top: var(--spacing);
    margin-bottom: var(--spacing)
}

.form-footer:first-child {
    margin-top: 0
}

.form-footer:last-child {
    margin-bottom: 0
}

.form-footer__text {
    padding-top: calc(var(--scale-px) * 40);
    color: var(--t-small)
}

.form-footer__text a {
    border-bottom: 1px solid;
    border-bottom-color: var(--t-line)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .form-footer {
        padding-top: calc(var(--scale-px) * 40);
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .form-footer__text {
        padding: 0;
        max-width: 50%
    }
}

.form-success {
    margin-top: calc(var(--spacing) * 2)
}

.error-message {
    color: var(--c-error)
}

div.error, label.error {
    display: block;
    margin: calc(var(--scale-px) * 15) 0 calc(var(--scale-px) * 35);
    color: var(--c-error)
}

.form-control--error input, .form-control--error textarea {
    border-color: var(--c-error)
}

.form-control--error .form-label {
    color: var(--c-error)
}

@media (max-width: 567px) and (max-aspect-ratio: 13/9),(max-width: 667px) and (min-aspect-ratio: 13/9),(max-width: 979px) and (max-height: 415px) and (min-aspect-ratio: 13/9) {
    .scrollable {
        overflow-x: auto;
        overflow-y: hidden;
        overflow-y: clip;
        touch-action: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-left: calc(30px * -1);
        margin-right: calc(30px * -1);
        padding-left: 30px
    }

    .scrollable__list:after {
        content: "";
        display: block;
        height: 1px
    }

    .scrollable::-webkit-scrollbar {
        display: none
    }

    .scrollable__list:after {
        flex: 0 0 30px;
        width: 30px
    }

    .scrollable__list:after _:-ms-input-placeholder, :root .scrollable__list:after {
        min-width: 30px;
        max-width: 30px
    }

    @-moz-document url-prefix() {
        .scrollable__list:after {
            max-width: 30px
        }
    }
}

@media (max-width: 567px) and (max-aspect-ratio: 13/9) and (min-aspect-ratio: 13/9),(max-width: 567px) and (max-aspect-ratio: 13/9) and (min-width: 568px),(max-width: 667px) and (min-aspect-ratio: 13/9) and (min-aspect-ratio: 13/9),(max-width: 667px) and (min-aspect-ratio: 13/9) and (min-width: 568px),(max-width: 979px) and (max-height: 415px) and (min-aspect-ratio: 13/9) and (min-aspect-ratio: 13/9),(max-width: 979px) and (max-height: 415px) and (min-aspect-ratio: 13/9) and (min-width: 568px) {
    .scrollable {
        margin-left: calc(60px * -1);
        margin-right: calc(60px * -1);
        padding-left: 60px
    }

    .scrollable__list:after {
        flex: 0 0 60px;
        width: 60px
    }

    .scrollable__list:after _:-ms-input-placeholder, :root .scrollable__list:after {
        min-width: 60px;
        max-width: 60px
    }

    @-moz-document url-prefix() {
        .scrollable__list:after {
            max-width: 60px
        }
    }
}

.title-intro {
    padding-top: calc(var(--header-height) * 2 - var(--spacing) * 1.5);
    position: relative;
    z-index: 1
}

.title-intro h1 {
    font-size: calc(var(--scale-rem) * 6.9);
    line-height: 1.01449em;
    --lh: 1.01449em;
    letter-spacing: -.04em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .title-intro h1 {
        font-size: calc(var(--scale-rem) * 16.4);
        line-height: .97561em;
        --lh: 0.97561em;
        letter-spacing: -.04em
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .title-intro {
        padding-top: calc(var(--header-height) + var(--spacing) * 2.8)
    }
}

.title-border {
    border-bottom: 1px solid;
    border-bottom-color: var(--t-line);
    padding-bottom: 16px;
    display: flex;
    position: relative;
    z-index: 1;
    color: var(--t-title)
}

.title-border h2 {
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.14286em;
    --lh: 1.14286em;
    letter-spacing: -.02em;
    color: var(--t-title)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .title-border h2 {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: -.02em;
        font-weight: 400
    }
}

.title-border__counter {
    margin-left: auto;
    color: rgba(var(--t-small-rgb), .6);
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.14286em;
    --lh: 1.14286em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .title-border__counter {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: -.02em;
        font-weight: 400
    }
}

.title-border--grey h2 {
    color: var(--t-text)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .title-border--border-md-top {
        border-bottom: 0;
        border-top: 1px solid;
        border-top-color: var(--t-line);
        padding-bottom: 0;
        padding-top: 23px
    }
}

.contacts-intro__title {
    margin-bottom: calc(var(--scale-px) * -20);
    margin-left: calc(var(--scale-px) * -6)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .contacts-intro__title {
        margin-bottom: calc(var(--scale-px) * -40);
        margin-left: calc(var(--scale-px) * -14)
    }
}

.contacts-tabs {
    position: relative;
    padding-top: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--scale-px) * 480)
}

.contacts-tabs__organization {
    padding-top: calc(var(--spacing) * 6.6);
    padding-bottom: calc(var(--spacing) * 2.5);
    position: relative;
    z-index: 1
}

.contacts-tabs__link {
    margin-top: calc(var(--scale-px) * 20)
}

.contacts-tabs__link a {
    position: relative;
    display: inline-block
}

.contacts-tabs__link a:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(var(--t-text-rgb), .3)
}

.contacts-tabs__background {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 69.44444vw
}

.contacts-tabs__background picture {
    width: 100%;
    height: 100%
}

.contacts-tabs__background img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.ie-ie .contacts-tabs__background img {
    min-height: 480px
}

.contacts-tabs__map {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.contacts-tabs__map__wrap {
    height: calc(var(--scale-px) * 480)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .contacts-tabs {
        padding-top: calc(var(--scale-px) * 140);
        margin-bottom: calc(var(--scale-px) * 270)
    }

    .contacts-tabs__background {
        left: 50%;
        right: 50%;
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        bottom: auto;
        background: var(--t-primary);
        top: 0
    }

    .contacts-tabs__background img {
        margin-left: auto;
        max-width: calc(50% - calc(var(--scale-px) * 20))
    }

    .contacts-tabs__map {
        z-index: 1;
        top: calc(var(--scale-px) * 510);
        left: 0;
        padding-left: 0;
        margin-left: calc(var(--scale-px) * 140);
        margin-right: 0
    }

    .contacts-tabs__map:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: calc(50% - calc(var(--scale-px) * 20));
        width: 100vw;
        height: 50%;
        background: var(--t-heading);
        z-index: -1
    }

    .contacts-tabs__map__wrap {
        height: calc(var(--scale-px) * 540)
    }

    .contacts-tabs__organization {
        padding-top: calc(var(--spacing) * 1.9);
        padding-bottom: calc(var(--scale-px) * 370)
    }

    .contacts-tabs__link {
        margin-top: calc(var(--scale-px) * 33)
    }

    .contacts-tabs__link a:after {
        top: calc(100% - 2px)
    }
}

@media (min-width: 1440px) and (min-height: 600px) {
    .contacts-tabs__map {
        width: calc(100vw - calc(var(--scale-px) * 140));
        margin: 0;
        padding: 0;
        left: auto;
        right: inherit
    }

    .contacts-tabs__map .map {
        max-width: calc(50% + calc(var(--scale-px) * 770))
    }
}

.feadback__title {
    margin-bottom: calc(var(--scale-px) * 46);
    color: var(--t-primary);
    font-size: calc(var(--scale-rem) * 3.6);
    line-height: .97222em;
    --lh: 0.97222em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .feadback__title {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: 0;
        font-weight: 400
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .feadback__form-wrap {
        padding-left: calc(var(--scale-px) * 20)
    }
}

.hot-line-heading {
    padding-bottom: calc(var(--scale-px) * 80)
}

.hot-line-heading__phone {
    color: var(--t-primary);
    display: inline-block;
    margin-top: calc(var(--scale-px) * 20);
    font-size: calc(var(--scale-rem) * 3.6);
    line-height: .97222em;
    --lh: 0.97222em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .hot-line-heading__phone {
        font-size: calc(var(--scale-rem) * 16.4);
        line-height: .97561em;
        --lh: 0.97561em;
        letter-spacing: -.04em
    }
}

.hot-line-heading__details {
    margin-top: calc(var(--scale-px) * 52);
    margin-bottom: calc(var(--scale-px) * 20);
    font-size: calc(var(--scale-rem) * 2);
    line-height: 1.25em;
    --lh: 1.25em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .hot-line-heading__details {
        font-size: calc(var(--scale-rem) * 2.6);
        line-height: 1.15385em;
        --lh: 1.15385em;
        letter-spacing: -.02em
    }
}

.hot-line-heading__text {
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.42857em;
    --lh: 1.42857em;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: calc(var(--scale-px) * 40)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .hot-line-heading__text {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: -.02em;
        font-weight: 400
    }
}

.hot-line-heading:after {
    content: "";
    display: block;
    height: 1px;
    background: var(--t-line);
    position: absolute;
    bottom: 1px;
    width: 100%
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .hot-line-heading {
        padding-bottom: calc(var(--scale-px) * 200)
    }

    .hot-line-heading__phone {
        margin-top: calc(var(--scale-px) * 23)
    }

    .hot-line-heading__details {
        margin-top: calc(var(--scale-px) * 90)
    }

    .hot-line-heading__text {
        margin-top: calc(var(--scale-px) * 100);
        margin-bottom: calc(var(--scale-px) * 65);
        padding-left: calc(var(--scale-px) * 20)
    }

    .hot-line-heading__link {
        display: inline-block;
        margin-left: 20px;
        font-size: calc(var(--scale-rem) * 1.4);
        line-height: 1.42857em;
        --lh: 1.42857em;
        letter-spacing: -.02em
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9) and (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 568px) and (max-aspect-ratio: 13/9) and (min-width: 668px) and (min-height: 416px),(min-width: 568px) and (max-aspect-ratio: 13/9) and (min-width: 980px),(min-width: 668px) and (min-height: 416px) and (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px) and (min-width: 668px) and (min-height: 416px),(min-width: 668px) and (min-height: 416px) and (min-width: 980px),(min-width: 980px) and (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 980px) and (min-width: 668px) and (min-height: 416px),(min-width: 980px) and (min-width: 980px) {
    .hot-line-heading__link {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: -.02em;
        font-weight: 400
    }
}