@font-face {
    font-display: swap;
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot?');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Regular.woff2') format('woff2'),url('fonts/Roboto-Regular.woff') format('woff'),url('fonts/Roboto-Regular.ttf') format('truetype'),url('fonts/Roboto-Regular.svg#svgFontName') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Bold.woff2') format('woff2'),url('fonts/Roboto-Bold.woff') format('woff'),url('fonts/Roboto-Bold.ttf') format('truetype'),url('fonts/Roboto-Bold.svg#svgFontName') format('svg')
}

.grid_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 26px
}

.grid_3 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 4px
}

.calc-input-wrapper {
    width: 100%
}

.calculator-section {}

.calc-head {
    background: linear-gradient(108.09deg,#07080d 20.89%,#0a0a0d 71.63%);
    padding: 22px 53px
}

.calc-title {
    color: #fff;
    font-size: 1.714rem;
    line-height: 1.167em
}

.calc-body {
    padding: 30px 32px 25px;
    background-color: #f2f2f2;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    color: #000
}

.calc-input-wrapper {
    width: 100%;
    margin-bottom: 30px
}

.calc-input-wrapper label {
    font-family: 'Roboto-Bold',sans-serif;
    line-height: 1.143em;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase
}

.calc-form-element {
    width: 100% !important;
    border-radius: 0 !important;
    background: #f2f2f2 !important;
    filter: drop-shadow(0 0 2px rgba(0,0,0,.14)),drop-shadow(0 2px 2px rgba(0,0,0,.12)),drop-shadow(0 1px 3px rgba(0,0,0,.2)) !important
}

.calc-input {
    height: 36px;
    border: 1px solid rgba(0,0,0,.42);
    border-radius: 4px;
    padding: 0 16px;
    background: #f2f2f2 !important;
    color: #6f6f6f
}

.calc-input-volume,.calc-input-power {
    height: 36px;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 4px;
    padding: 0 16px;
    background: #f2f2f2 !important;
    color: rgba(0,0,0,.87)
}

.calc-price-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 20px
}

.calc-price-wrapper {
    margin-bottom: 30px
}

.calc-price-wrapper .calc-input-wrapper {
    margin-bottom: 0
}

.calc-item-price {
    font-size: 1.714rem;
    line-height: 1.167em;
    color: #666;
    font-family: 'Roboto-Bold',sans-serif;
    align-self: flex-end;
    text-align: right
}

.calc-table__item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.calc-table__item-key {
    display: flex;
    align-items: center;
    font-family: 'Roboto-Bold',sans-serif;
    line-height: 1.143em;
    text-transform: uppercase
}

.calc-table__item-key small {
    color: #666;
    text-transform: none;
    margin-left: 15px;
    font-size: 14px;
    font-family: 'Roboto',sans-serif
}

.calc-table__item__value {
    align-self: center
}

.calc-table {
    background: #e4e4e4;
    padding: 0 15px
}

.calc-table__item {
    padding: 15px 0
}

.calc-table__item:not(:last-child) {
    border-bottom: 1px solid #c4c4c4
}

.calc-footer {
    background: linear-gradient(108.09deg,#07080d 20.89%,#0a0a0d 71.63%);
    padding-left: 53px;
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.calc-footer__info {
    max-width: 950px;
    padding: 12px 0
}

.calc-footer__info .calc-title {
    margin-bottom: 10px
}

.calc-footer-text {
    color: #c4c4c4
}

.calc-footer__control {
    display: flex;
    margin-left: 50px
}

.calc-total-price {
    color: #FFD800;
    font-size: 3.429rem;
    line-height: 1.167em;
    font-family: 'Roboto-Bold',sans-serif;
    margin-right: 80px;
    align-self: center
}

.calc-submit {
    height: 100%;
    background: #FFD800;
    border: 1px solid rgba(238,191,131,.5);
    border-radius: 100px 0 0 0;
    width: 290px;
    min-height: 88px;
    color: #fff;
    font-family: 'Roboto-Bold',sans-serif;
    font-size: 1.714rem;
    line-height: 1.167em
}

.calc-submit:hover {
	background: #FFC400;
}

.calc-tab {
    color: #fff;
    font-family: 'Roboto-Bold',sans-serif;
    width: 181px;
    height: 30px;
    background: #ee7237;
    border: 3px solid #ee7237;
    border-radius: 8px;
    margin: 47px auto 0;
    transition: all .3s ease;
    text-transform: uppercase
}

.calc-tab:hover {
    width: 200px
}

.calc-go-back {
    color: #fff;
    font-family: 'Roboto-Bold',sans-serif;
    width: 181px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background: #ee7237;
    border: 3px solid #ee7237;
    border-radius: 8px;
    margin: 47px auto 0;
    transition: all .3s ease;
    text-transform: uppercase
}

.color_orange {
	color: #FFC400;
}

.calc-form-element .icon::before {
	font-family: Dropdown!important;
}

.engine-motorcycle-volume {
    display: none;
}