.form-btn:focus,
.form-message:focus,
button,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

.form-btn,
body,
html,
input,
select,
textarea {
    font-family: 'WeblySleek UI', sans-serif
}

#toTop,
button {
    transition: .3s
}

#toTop,
.radio-text,
button,
label img {
    cursor: pointer
}

#toTop,
#toTop p,
input[type=radio] {
    display: none
}

@-ms-viewport {
    width: device-width
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
::after,
::before {
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.form-btn,
.form-name,
.form-phone {
    width: 200px;
    border-radius: 3px;
    margin: 7px
}

input,
select,
textarea {
    color: #444;
    border-top: 2px solid #d1c6af;
    border-left: 2px solid #d1c6af;
    border-bottom: 2px solid #e8e8e8;
    border-right: 2px solid #e8e8e8
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #444
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #444
}

input:-moz-placeholder,
input::-moz-placeholder,
select:-moz-placeholder,
select::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
    color: #444;
    opacity: 1
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder,
input:focus::-moz-placeholder,
select:focus:-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent
}

button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 0
}

.form {
    padding: 20px 30px 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.frame-form-1,
.frame-form-2 {
    display: inline-block;
    text-align: center;
    position: relative
}

.form-title {
    line-height: 1.3;
    font-weight: 600;
    padding-bottom: 10px;
    font-size: 24px
}

.form-name,
.form-phone {
    font-size: 18px;
    padding-left: 30px;
    height: 44px
}

.form-name {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.6 16.1' width='13.6' height='16.1'%3E%3Cg fill='%231f6028'%3E%3Cpath d='M6.7 8.6h.1a2.93 2.93 0 0 0 2.3-1 5.36 5.36 0 0 0 1-4.1 3.34 3.34 0 0 0-1.6-3A2.86 2.86 0 0 0 6.8 0h-.1a3.78 3.78 0 0 0-1.8.5 3.34 3.34 0 0 0-1.6 3c0 .2-.2 2.7 1 4.1a3.25 3.25 0 0 0 2.4 1zm-2.5-5c0-.1.1-.1 0 0C4.3 1.2 6 .9 6.7.9a2.39 2.39 0 0 1 2.5 2.6s.2 2.3-.8 3.5a2.06 2.06 0 0 1-1.7.7A2.06 2.06 0 0 1 5 7a5.45 5.45 0 0 1-.8-3.4z'%3E%3C/path%3E%3Cpath d='M13.6 12.7c0-.7-.1-2.3-1.5-2.8a8.93 8.93 0 0 1-2.8-1.3c-.2-.1-.5-.1-.6.1a.47.47 0 0 0 .1.7 11.89 11.89 0 0 0 3 1.4c.8.3.9 1.1.9 1.9v.1a3.08 3.08 0 0 1-.1 1 11.72 11.72 0 0 1-5.8 1.4A11.72 11.72 0 0 1 1 13.8a3.4 3.4 0 0 1-.1-1v-.1c0-.8.1-1.6.9-1.9a7.12 7.12 0 0 0 3-1.4.38.38 0 0 0 .1-.6.38.38 0 0 0-.6-.1A8.71 8.71 0 0 1 1.5 10 2.63 2.63 0 0 0 0 12.7v.1a4.42 4.42 0 0 0 .2 1.5.22.22 0 0 0 .2.2 12.21 12.21 0 0 0 6.5 1.6 12.21 12.21 0 0 0 6.5-1.6c.1 0 .1-.1.2-.2v-1.6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") 10px no-repeat #fff
}

.form-phone {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.03 16' width='16' height='16'%3E%3Cpath d='M15.52 11.6l-2-2a1.73 1.73 0 0 0-1.2-.6 2.08 2.08 0 0 0-1.2.5l-.1.2-1.1 1.1c-.1 0-.1-.1-.2-.1s-.3-.2-.5-.2a15 15 0 0 1-3-2.7 5.88 5.88 0 0 1-1-1.6l.9-.9.2-.2a1.63 1.63 0 0 0 0-2.4l-.7-.7L5 1.4 4.32.7a1.17 1.17 0 0 0-1.1-.7A2.08 2.08 0 0 0 2 .5l-.5.5-.7.7A2.49 2.49 0 0 0 0 3.4a5.67 5.67 0 0 0 .5 2.7 16.79 16.79 0 0 0 2.7 4.6 18.2 18.2 0 0 0 5.6 4.4 7.09 7.09 0 0 0 3.2.9h.2a2.88 2.88 0 0 0 2.1-.9 4.62 4.62 0 0 1 .7-.7l.4-.4a1.56 1.56 0 0 0 .1-2.4zm-.7 1.8l-.4.4a6 6 0 0 0-.8.8 2.11 2.11 0 0 1-1.6.6 7.07 7.07 0 0 1-2.9-.8 16.43 16.43 0 0 1-5.3-4.2 15 15 0 0 1-2.6-4.3 5.08 5.08 0 0 1-.4-2.3 1.61 1.61 0 0 1 .5-1.1A5 5 0 0 0 2 1.7l.5-.5a1.33 1.33 0 0 1 .7-.3.86.86 0 0 1 .6.3l.7.7.3.3 1 1a.75.75 0 0 1 0 1.2l-.2.2-1 1a.72.72 0 0 0-.2.8 4.72 4.72 0 0 0 1.2 1.8 14.26 14.26 0 0 0 3.2 2.9 2.19 2.19 0 0 1 .5.3c.1 0 .2.1.3.2s.2.1.4.1a.76.76 0 0 0 .5-.2l1.1-1.1.1-.1a.85.85 0 0 1 .6-.3.86.86 0 0 1 .6.3l2 2c.3.3.3.7-.1 1.1z' fill='%231f6028'%3E%3C/path%3E%3C/svg%3E") 10px no-repeat #fff
}

.form-btn {
    letter-spacing: -1px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    font-size: 18px;
    height: 42px;
    text-transform: uppercase;
    box-shadow: 1px 1px 2px rgba(127, 127, 127, .3);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .7);
    border-bottom: 3px solid #e29612;
    background: linear-gradient(to bottom, #f9e143, #ffbc3f 100%);
    color: #000
}

.header-title,
.logo-title,
.section-title {
    font-family: Gabriela, sans-serif
}

.form-btn:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    -webkit-animation: 3s infinite shine;
    animation-iteration-count: infinite
}

.form-btn:hover {
    background: linear-gradient(to bottom, #ead03f, #ffbc3f 100%)
}

.form-btn:active {
    background: linear-gradient(to bottom, #f9db43, #ffbc3f 100%)
}

.frame-form-1 {
    background: #fff;
    border: 4px solid #ffefc9;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(127, 127, 127, .5);
    padding: 10px 30px
}

.frame-form-2,
.frame-form-2:before {
    box-shadow: 3px 3px 4px rgba(127, 127, 127, .5);
    border-radius: 5px
}

.frame-form-3:after,
.frame-form-3:before {
    bottom: 12px;
    box-shadow: 0 15px 13px rgba(0, 0, 0, .6)
}

.frame-form-2 {
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAgBAMAAAALe/6GAAAAIVBMVEXMzMzg4ODZ2dni4uLe3t7h4eHi4uLk5OTj4+Pj4+Pk5OT2rDjDAAAAC3RSTlMDKRRHHzM9aFJchTl5lbsAAAFcSURBVBjTFco/b9NAAEDx52uS+c6OI9jOZ4fCZiuxEzbbOANbbGr+bDFuoGNEpBZ3IqAoHVshhYq1Q78mZXxPP4xI/jSaflI5GkSDl3IS8ybkMlet9mf3x8qEHB5Mwcu/2wiWhGg4kb1EP0Vk806PR1P1e7iiPmfyXS3yQdetkBAhNINdIKnyIMmMZXsqSvHut2WbDg53XiPp/dob8KciBYTEZIyHxjSQWlMKp26Xot0QaMhVphHbkP/WRTy9BprgOBwddi++lO83lNbVQ6uKt1f7+BYG36jB/+mtUyqvVIVjPsZ2sOFx7zf6+fVxIns/KF0Jc9uTeLecBdKlrYWnhiHzpfV6Wz6W/e5yiUSUmUK86mJJSu8zi7G3qIzkWeI6nZp9XWcRnN5UCv1pntiAL1GG1u6lGi4udubG2X24y+IV61HO5PpcSWu2oZ8iWp2BOAPlSlEX1mlT2PIfWrZLdfaO+WwAAAAASUVORK5CYII=) left top #fcf8ef;
    border: 4px solid #ffefc9;
    padding: 10px 20px 15px
}

.frame-form-2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 30px);
    width: calc(100% - 30px);
    background-color: rgba(255, 255, 255, .95);
    border: 4px solid #fccf9a;
    z-index: -1
}

.frame-form-3,
.frame-form-4 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.frame-form-3 {
    background-color: #fff;
    padding: 20px 40px
}

.frame-form-3:before {
    left: 5px;
    border-radius: 0 0 0 5px;
    transform: rotate(-3deg) skew(0)
}

.frame-form-3:after,
.frame-form-3:before,
.frame-form-4:after,
.frame-form-4:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 20%;
    max-width: 300px;
    z-index: -2
}

.frame-form-3:after {
    right: 5px;
    left: auto;
    transform: rotate(3deg) skew(0);
    border-radius: 0 0 5px
}

.frame-form-3 .form-title {
    font-size: 22px
}

.frame-form-3 .form-title:before,
.frame-form-4 .form-title:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.frame-form-3 .form-title:before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: linear-gradient(to bottom, #feeecf 0, #fcd09a 100%)
}

.frame-form-4 {
    background: #fff;
    border: 4px solid #ffefc9;
    border-radius: 5px
}

.frame-form-4:after,
.frame-form-4:before {
    bottom: 0;
    left: 5px;
    box-shadow: 0 15px 13px rgba(0, 0, 0, .3);
    border-radius: 0 0 0 5px;
    transform: rotate(-3deg) skew(0)
}

.frame-form-4:after {
    right: 5px;
    left: auto;
    transform: rotate(3deg) skew(0);
    border-radius: 0 0 5px
}

.frame-form-4 .form-title:before {
    background-color: #fff;
    width: calc(100% - 20px);
    height: calc(100% + 30px);
    border: 4px solid #fcce99;
    border-radius: 5px
}

.form-message {
    font-size: 18px;
    height: calc(42px + 66px);
    width: 220px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.6 15' width='15.6' height='15'%3E%3Cg fill='%231f6028'%3E%3Cpath d='M12.1 0H2.6A2.58 2.58 0 0 0 0 2.6v5.8A2.58 2.58 0 0 0 2.6 11h6l2.9 2.9c.1.1.2.1.4.1h.2a.55.55 0 0 0 .3-.5V11a2.49 2.49 0 0 0 2.2-2.5V2.7A2.47 2.47 0 0 0 12.1 0zm1.6 8.4a1.54 1.54 0 0 1-1.5 1.5H12a.47.47 0 0 0-.5.5v1.8L9.3 10c-.1-.1-.2-.1-.4-.1H2.7a1.54 1.54 0 0 1-1.5-1.5V2.6a1.54 1.54 0 0 1 1.5-1.5h9.5a1.54 1.54 0 0 1 1.5 1.5z'%3E%3C/path%3E%3Cpath d='M11.2 3.6H3.7a.47.47 0 0 0-.5.5.47.47 0 0 0 .5.5h7.5a.47.47 0 0 0 .5-.5.54.54 0 0 0-.5-.5zm0 2.8H3.7a.5.5 0 0 0 0 1h7.5a.47.47 0 0 0 .5-.5.64.64 0 0 0-.5-.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") 10px 15px no-repeat #fff;
    padding: 10px 0 0 30px;
    margin-bottom: 15px;
    border-radius: 3px;
    resize: none
}

.radio-text {
    position: relative;
    padding: 0 0 0 30px;
    margin-top: 15px
}

.radio-text:after,
.radio-text:before {
    content: '';
    position: absolute;
    border-radius: 50%
}

.radio-text:before {
    top: -2px;
    left: 0;
    right: 0;
    bottom: -2px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 2px solid #d0d0d0
}

.radio-text:after {
    top: 4px;
    left: 6px;
    width: 12px;
    height: 12px;
    background-color: #e90022;
    opacity: 0;
    transition: .2s
}

.form-height,
.form-length,
.form-material,
.form-service,
.form-width {
    width: 205px;
    font-size: 16px;
    height: 40px;
    border-radius: 3px;
    padding-left: 30px
}

.form-length {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.1 10.1' width='18' height='11' %3E%3Cpath d='M5 3V.1l-5 5 5 5v-3h7.1V10l5-5-5-5v2.9H5z'%3E%3C/path%3E%3C/svg%3E") 8px no-repeat #fff
}

.form-width {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.1 12.6' width='11' height='12.6'%3E%3Cpath d='M6.1 10.1L4 11.7l6.4.9.7-6.5L9 7.7 4.9 2.5 7 .9.6 0 0 6.5l2.1-1.6z'%3E%3C/path%3E%3C/svg%3E") 8px no-repeat
}

.form-height {
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 16" width="11" height="18"%3E%3Cpath d="M2.6 11.3H0L4.5 16 9 11.3H6.4V4.7H9L4.5 0 0 4.7h2.6z"%3E%3C/path%3E%3C/svg%3E') 10px no-repeat #fff
}

.form-material {
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="15" height="15"%3E%3Cpath d="M2.3 14h9.4a2.3 2.3 0 0 0 2.3-2.3V2.3A2.3 2.3 0 0 0 11.7 0H2.3A2.3 2.3 0 0 0 0 2.3v9.4A2.3 2.3 0 0 0 2.3 14zM1.7 2.3a.7.7 0 0 1 .7-.7h7.9a.7.7 0 0 1 .5 1.2l-7.9 7.9a.8.8 0 0 1-.5.2.7.7 0 0 1-.7-.7z"%3E%3C/path%3E%3C/svg%3E') 10px no-repeat #fff
}

.form-service {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.98 15.14' width='15' height='15'%3E%3Cpath d='M11.91 9c-.3 0-.5.1-.8.1L9 6.9l1.7-1.8 2.3-.8 1.7-2.8a.45.45 0 0 0 0-.5l-.9-.9a.3.3 0 0 0-.4 0l-2.9 1.6-.9 2.4-1.69 1.8-2-2.2c0-.2.1-.4.1-.7A2.93 2.93 0 0 0 2.31.1l1.1 1.1a1.45 1.45 0 0 1 0 2.1 1.45 1.45 0 0 1-2.1 0l-1.2-1a2.94 2.94 0 0 0 3.7 3.6L6 8.1l-.9.9a1.28 1.28 0 0 0-1.4.4l-3 3.1a1.56 1.56 0 0 0-.2 2.1 1.49 1.49 0 0 0 2.2.1l3.1-3.2a1.44 1.44 0 0 0 .3-1.4L7 9l2.2 2.2a2.2 2.2 0 0 0-.1.8 2.93 2.93 0 0 0 3.7 2.9l-1.1-1.1a1.48 1.48 0 0 1 2.1-2.1l1.1 1.1A3.13 3.13 0 0 0 11.91 9z'%3E%3C/path%3E%3C/svg%3E") 10px no-repeat #fff
}

#toTop:hover,
input[type=radio]:checked+.radio-text:after {
    opacity: 1
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

section {
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px
}

.section-title {
    position: relative;
    text-align: center;
    display: inline-block;
    color: #1f0f0a;
    font-size: 30px;
    font-weight: 400
}

.section-title-block {
    position: relative;
    text-align: center;
    margin-bottom: 70px;
    z-index: 1
}

.section-title-block:after,
section:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.section-title-block:after {
    width: 120px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 131 20.1' width='131' height='22'%3E%3Cg fill='%23ffcd36'%3E%3Cpath d='M6.66 10.63c1.74-2.5 1.22-6.15-.29-7.2C3.74 1.52.84 5.53 2.16 9.51a11.39 11.39 0 0 0 9.17 7.82c9.8 1.74 29.19-8.94 41.45-12.19 9.14-2.44 14.69 1.21 17.71 5.26C64.32 6 58.66 7.54 52.88 8.62c-13.32 2.47-27.09 13-41.68 11.31C4.39 18.91-.37 12.14 0 6.85a7.61 7.61 0 0 1 .25-1.39C1.14 2.31 2.72 1 4.1.63c3.81-1.05 7.56 5.89 2.56 10z'%3E%3C/path%3E%3Cpath d='M123.91 9.54c-1.88 2.5-1.28 6.18.33 7.26 2.82 1.94 5.88-2.1 4.47-6.14A12 12 0 0 0 119 2.77c-10.39-1.74-30.93 9-44 12.29-9.7 2.44-15.58-1.21-18.8-5.29 6.57 4.41 12.52 2.89 18.7 1.81C89 9.08 103.66-1.47 119.11.17 126.34 1.19 131.4 8 131 13.35a8.64 8.64 0 0 1-.23 1.38c-1 3.16-2.62 4.47-4.1 4.87-4.08 1.08-8.05-5.92-2.76-10.06z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
    bottom: -35px
}

.section-subtitle {
    font-size: 24px;
    font-weight: 300;
    color: #333;
    padding-top: 0
}

section:after {
    bottom: -34px;
    width: 106px;
    height: 34px;
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAAAiCAMAAACA9LykAAAAPFBMVEUAAAD7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PH7+PGajJxTAAAAE3RSTlMA9goU7V1K5CDZvy3Lo7KRg3E7K7BDWAAAAXJJREFUSMe9lAtywyAMBfkK8RWQ+9+12MkMrZ3WsQ3dC+y8RQOjFKzhj8nwkD2roHN0Vk2w8Qd/okwgEEwIibXZwvBp3NjgVlLMgIKtSA+F2rSBHmUdFb0AtXqUzfRCtGmUBnVciqWsK0opmmKPRCgxNBu/uydEKuD7kLc2v9xIMIrf2BOzhrXYEQKhlbxm463b8Z7G3Xdrotg8eOjZl0yWnxNRqb3bORkFxc8sqigEu4SspVX8zGRXEbuMQCBnPhhmXP8NLsu8jq3i4STtb4h6xXxQUYUMko1AoP6zonKlT7o9bK342zMljYKNQ0J26v2Nx328u+dRnHl3ELQ1CfR33ajT3mWpis18wAERddy6TNyZcExE2OxSaVePjeKniwct2SyE/n6HNiObhyxObR5qGp4sf+Vzk/L104jqNYo8mwtm+xyVYFq+fvFqMfWbmIfPy2upmaP6wSejVCgzR/VZztrYRs1HanIue/YfeE3xUr8v5WhYgrbTrIUAAAAASUVORK5CYII=) center center no-repeat;
    z-index: 1
}

body,
html {
    position: relative;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    margin: 0;
    font-weight: 300;
    line-height: 1.4;
    height: 100%
}

h1,
h2,
h3,
h4,
p {
    margin: 0
}

ul {
    padding-left: 30px
}

li {
    padding-top: 2px;
    padding-bottom: 2px
}

a {
    text-decoration: none;
    color: #000
}

.logo {
    text-align: center
}

.logo-img {
    width: 80px;
    height: 40px;
    margin: 0 auto;
}

.logo-title {
    font-size: 22px;
    font-weight: 400;
    color: #3d3d3d
}

.logo-title span {
    color: #e6b300
}

#toTop {
    opacity: .7;
    z-index: 999;
    position: fixed;
    bottom: 20px;
    right: 20px
}

#buttonTop {
    width: 40px;
    height: 40px
}

.top-bar {
    min-width: 320px;
    position: relative;
    z-index: 1000;
    top: 0;
    box-shadow: 0 3px 8px rgba(28, 28, 28, .4);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .95) 10%, rgba(242, 234, 236, .95));
    border-bottom: 4px solid #fcf1d4;
    padding: 10px 0
}

.top-bar-content,
.top-bar__contact {
    display: flex;
    justify-content: space-around
}

.top-bar-content {
    align-items: center;
    flex-wrap: wrap
}

.top-bar__contact {
    flex-direction: column;
    height: 60px;
    margin: 5px 0
}

.header-content-descr,
.header-content-img,
.header-form-inputs,
.top-bar-form,
.top-bar__contact:nth-child(3) {
    display: none
}

.top-bar__contact svg {
    margin: 0 5px
}

.top-bar__phones,
.top-bar__work {
    display: flex;
    align-items: center;
    font-size: 20px
}

.header-form-subtitle span,
.top-bar__phones {
    font-weight: 600
}

.top-bar__phones a {
    color: #555
}

.top-bar__phones a:hover,
.top-bar__work a:hover {
    color: #7f7f7f
}

.top-bar__work,
.top-bar__work a {
    color: #333
}

.icon-telegram {
    margin-right: 5px
}

.header {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    z-index: 2
}

.header-top-block {
    position: relative;
    background: url(../img/header/bg-header-sofa-sm.jpg) center bottom no-repeat #eaeaea;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    padding-left: 10px;
    padding-right: 10px;
    z-index: 0
}

.header-top-block-armchair {
    background: url(../img/header/bg-header-armchair-sm.jpg) center bottom no-repeat #eaeaea
}

.header-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    color: #1f0f0a
}

.header-subtitle {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.2;
    color: #333;
    padding-top: 3px
}

.header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0 240px
}

.header-content-title {
    position: relative;
    text-align: center;
    border-radius: 5px;
    background: #fdfdfd;
    padding: 20px 15px
}

.header-content-title:after,
.header-content-title:before {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 30px rgba(0, 0, 0, .4);
    top: 50%;
    bottom: 5px;
    left: 30px;
    right: 30px;
    border-radius: 30%
}

.header-content-title-lists {
    position: relative;
    border: 2px solid #fcce5a;
    border-radius: 5px;
    padding: 15px
}

.header-content-title-lists:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 138px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 131 20.1' width='131' height='22'%3E%3Cg fill='%23ffcd36'%3E%3Cpath d='M6.66 10.63c1.74-2.5 1.22-6.15-.29-7.2C3.74 1.52.84 5.53 2.16 9.51a11.39 11.39 0 0 0 9.17 7.82c9.8 1.74 29.19-8.94 41.45-12.19 9.14-2.44 14.69 1.21 17.71 5.26C64.32 6 58.66 7.54 52.88 8.62c-13.32 2.47-27.09 13-41.68 11.31C4.39 18.91-.37 12.14 0 6.85a7.61 7.61 0 0 1 .25-1.39C1.14 2.31 2.72 1 4.1.63c3.81-1.05 7.56 5.89 2.56 10z'%3E%3C/path%3E%3Cpath d='M123.91 9.54c-1.88 2.5-1.28 6.18.33 7.26 2.82 1.94 5.88-2.1 4.47-6.14A12 12 0 0 0 119 2.77c-10.39-1.74-30.93 9-44 12.29-9.7 2.44-15.58-1.21-18.8-5.29 6.57 4.41 12.52 2.89 18.7 1.81C89 9.08 103.66-1.47 119.11.17 126.34 1.19 131.4 8 131 13.35a8.64 8.64 0 0 1-.23 1.38c-1 3.16-2.62 4.47-4.1 4.87-4.08 1.08-8.05-5.92-2.76-10.06z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat #fdfdfd
}

.header-descr-img {
    margin-bottom: -40px
}

.header-form {
    width: 94%;
    padding: 10px 20px;
    margin: 20px auto 0
}

.header-form-title {
    font-size: 20px;
    color: #e90022;
    padding-bottom: 5px
}

.header-form-subtitle {
    font-size: 18px;
    margin-bottom: 5px
}

.header-form-note {
    font-size: 16px;
    color: #7f7f7f
}

@media (min-width:600px) {

    .form-height,
    .form-length,
    .form-width {
        width: 124px
    }

    .section-title {
        font-size: 36px
    }

    .section-title-block:after {
        width: 131px;
        height: 20px
    }

    #toTop {
        bottom: 50px
    }

    .top-bar-content {
        max-width: 690px;
        margin: 0 auto
    }

    .header-top-block {
        background: url(../img/header/bg-header-sofa-md.jpg) center bottom no-repeat #eaeaea
    }

    .header-top-block-armchair {
        background: url(../img/header/bg-header-armchair-md.jpg) center bottom no-repeat #eaeaea
    }

    .header-content {
        padding: 40px 0 305px
    }

    .header-content-title-lists {
        padding: 15px 15px 20px
    }

    .header-title {
        font-size: 30px
    }

    .header-form-title,
    .header-subtitle {
        font-size: 24px
    }

    .header-form {
        width: auto
    }

    .header-form-subtitle {
        font-size: 20px
    }
}

@media (min-width:900px) {
    .frame-form-1:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: calc(100% - 30px);
        width: calc(100% + 30px);
        background-color: rgba(255, 255, 255, .95);
        box-shadow: 0 4px 4px rgba(127, 127, 127, .5);
        border-radius: 5px;
        border: 4px solid #fcf1d4;
        z-index: -1
    }

    .form-height,
    .form-length,
    .form-width {
        width: 110px
    }

    .frame-form-2 {
        padding: 10px 30px 15px
    }

    .section-title {
        font-size: 38px
    }

    #toTop {
        bottom: 80px
    }

    #toTop p {
        display: block;
        text-align: center;
        color: #333;
        padding-top: 2px;
        font-weight: 400
    }

    #buttonTop {
        width: 60px;
        height: 60px
    }

    .top-bar {
        position: fixed;
        width: 100%;
        padding: 5px 0
    }

    .top-bar-content {
        max-width: 960px
    }

    .top-bar__phones {
        font-size: 18px
    }

    .top-bar-form {
        display: flex
    }

    .top-bar-form-btn,
    .top-bar-form-phone {
        width: 200px
    }

    .header {
        margin-top: 80px;
        margin-bottom: 60px
    }

    .header-top-block {
        height: 855px;
        background: url(../img/header/bg-header-sofa-lg.jpg) center bottom no-repeat #fff;
        box-shadow: none;
        z-index: -1
    }

    .header-top-block-armchair {
        background: url(../img/header/bg-header-armchair-lg.jpg) center bottom no-repeat #fff
    }

    .header-top-block:after {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        width: 100%;
        height: 60px;
        background: linear-gradient(to bottom, #d6d0cb, #fff 100%);
        bottom: -60px;
        z-index: 1
    }

    .header-title {
        font-size: 36px
    }

    .header-form-title,
    .header-subtitle {
        font-size: 28px
    }

    .header-content {
        padding: 55px 0 0
    }

    .header-content-title {
        padding: 20px 30px;
        margin-bottom: 93px
    }

    .header-content-title:after,
    .header-content-title:before {
        bottom: 0
    }

    .header-content-title-lists {
        border: 5px solid #fcce5a;
        padding: 20px 40px 25px
    }

    .header-content-title-lists:before {
        width: 166px;
        height: 22px
    }

    .header-content-img,
    .header-form-inputs {
        display: block
    }

    .header-content-img-armchair {
        transform: translateX(-224px)
    }

    .header-content-descr,
    .header-descr-gift p {
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .header-content-descr {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        bottom: 125px
    }

    .header-descr-gift {
        position: relative;
        align-items: center;
        padding-bottom: 15px;
        margin: 0 20px 15px 0
    }

    .header-descr-gift p {
        white-space: nowrap;
        top: 22px;
        font-size: 40px;
        line-height: 1;
        text-shadow: 1px 1px 2px rgba(255, 255, 255, .5)
    }

    .header-descr-gift span {
        font-size: 30px;
        font-weight: 600;
        color: #e90022
    }

    .header-descr-img {
        width: 530px
    }

    .header-form {
        margin: -130px auto 0;
        padding: 10px 30px
    }

    .header-form-subtitle {
        font-size: 22px
    }

    @-webkit-keyframes couchOver {

        0%,
        25% {
            opacity: 1
        }

        50% {
            opacity: .5
        }

        75%,
        to {
            opacity: 0
        }
    }

    @keyframes couchOver {

        0%,
        25% {
            opacity: 1
        }

        50% {
            opacity: .5
        }

        75%,
        to {
            opacity: 0
        }
    }
}

@media (min-width:1200px) {
    .section-title {
        padding: 0 20px
    }

    .section-title:after,
    .section-title:before {
        content: '';
        position: absolute;
        width: calc(490px - 50%);
        height: 5px;
        background: #ffc300;
        top: 55%
    }

    .section-title:before {
        left: 0;
        transform: translate(-100%, -50%)
    }

    .section-title:after {
        right: 0;
        transform: translate(100%, -50%)
    }

    .top-bar-content {
        max-width: 1180px
    }

    .top-bar__phones {
        font-size: 20px
    }

    .top-bar__contact:nth-child(3) {
        display: block
    }

    .header-top-block {
        background: url(../img/header/bg-header-sofa.jpg) center bottom no-repeat #fff
    }

    .header-top-block-armchair {
        background: url(../img/header/bg-header-armchair.jpg) center bottom no-repeat #fff
    }

    .header-title {
        font-size: 38px
    }

    .header-descr-gift {
        margin: 0 50px 15px 0
    }

    .header-descr-img {
        width: auto
    }
}