.calculator-page {
    margin: 120px 0 120px 0;
}

.calculator-page .step-title {
    color: #00b9ee;
    font-size: 22px
}

.calculator-page .step-hint {
    margin-top: 10px;
    font-size: 16px
}

.calculator-page section.step {
    display: none
}

.calculator-page section.step.active {
    display: block
}

.calculator-page section.step .items {
    margin-top: 10px;
    text-align: center
}

.calculator-page section.step .items .item {
    vertical-align: top;
    margin: 10px 20px;
    display: inline-block
}

.calculator-page section.step .items .item:hover .item-title {
    color: #00b9ee
}

.calculator-page section.step .items .item .item-title {
    font-size: 17px;
    text-align: center;
    margin-bottom: 15px
}

.calculator-page section.step .items .item .img-block {
    overflow: hidden;
    text-align: center
}

.calculator-page section.step .items .item .img-block img {
    cursor: pointer;
    width: 130px;
    padding: 10px;
    border: 1px solid transparent
}

.calculator-page section.step .items .item .img-block input {
    display: none
}

.calculator-page section.step .items .item .img-block input:checked~label img {
    padding: 10px;
    border-color: #00b9ee
}

.calculator-page .step-3-2 .items {
    display: none
}

.calculator-page .step-3-2 .items.active {
    display: block
}

.calculator-page .step-2 .img-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative
}

.calculator-page .step-2 .img-block .input-block {
    position: absolute
}

.calculator-page .step-2 .img-block .input-block label,
.calculator-page .step-2 .img-block .input-block input {
    cursor: pointer
}

.calculator-page .step-2 .img-block .input-block label.white,
.calculator-page .step-2 .img-block .input-block input.white {
    color: #fff
}

.calculator-page .step-2.step-2-1 .img-block {
    width: 448px;
    height: 443px
}

.calculator-page .step-2.step-2-2 .img-block {
    width: 737px;
    height: 526px
}

.calculator-page .step-2.step-2-3 .img-block {
    width: 706px;
    height: 631px
}

.calculator-page .step-2.step-2-4 .img-block {
    width: 703px;
    height: 272px
}

.calculator-page .step-2.step-2-5 .img-block {
    width: 716px;
    height: 275px
}

.calculator-page .step-2.step-2-6 .img-block {
    width: 443px;
    height: 339px
}

.calculator-page .step-2 input[type=text] {
    width: 40px
}

.calculator-page .step-4 .img-block {
    width: 170px
}

.calculator-page .step-4 .item-title {
    margin-top: 5px
}

.calculator-page .step-6 {
    font-size: 20px
}

.calculator-page .step-6 .blocks {
    line-height: 1.5;
    text-align: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 465px;
    margin-top: 20px
}

.calculator-page .step-6 input {
    margin-right: 10px
}

.calculator-page .step-6 input[type=text] {
    width: 40px
}

.calculator-page .step-6 label {
    cursor: pointer
}

.calculator-page .step-7 {
    margin-bottom: 60px
}

.calculator-page .step-7 .required {
    color: red
}

.calculator-page .step-7 .blocks {
    text-align: center;
    margin-top: 20px
}

.calculator-page .step-7 label {
    display: block;
    text-align: left
}

.calculator-page .step-7 .input-block {
    display: inline-block;
    width: 250px
}

.calculator-page .step-7 .input-block:not(:first-of-type) {
    margin-left: 10px
}

.calculator-page .step-7 .input-block input {
    padding: 5px;
    box-sizing: border-box;
    margin-top: 5px;
    width: 100%;
    height: 40px
}

.calculator-page .step-7 .file-attach .file-name {
    width: 100%
}

.calculator-page .step-7 .file-attach input {
    top: 10px
}

.calculator-page .step-7 button {
    margin-top: 5px;
    display: inline-block;
    height: 40px;
    border-radius: 5px
}