
.shell {
    max-width: 1142px;
    margin: auto;
}

h2 {
    font-size: 32px;
    font-weight: 900;
    color: #000;
    line-height: 1;
    text-transform: uppercase;
}

h2:after {
    display: inline-block;
    content: '';
    width: 50px;
    height: 2px;
    background: #f00;
    vertical-align: middle;
    margin-left: 44px;
}

.btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-weight: 900;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-red {
    background: #f00;
    border-radius: 35px;
    border: none;
    transition: all .3s;
    font-weight: 700;
    color: #fff;
}

.btn-red-small {
    line-height: 57px;
    height: 57px;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 21px 0 16px;
}

.btn-red:hover {
    background: #000;
}

.btn-border {
    line-height: 60px;
    height: 57px;
    border: 2px solid #000;
    padding: 0 62px 0 56px;
    border-radius: 30px;
    transition: all .3s;
}

.btn-border:hover {
    background: #000;
    color: #fff;
}

/* BEGIN CALCULATOR */

*:focus{outline: none;}

.calculator {
    position: relative;
    height: auto;
    width: 100%;
}

.shell__two {
    max-width: 600px;
    margin: auto;
}

.calculator__title {
    position: relative;
    height: auto;
    width: 100%;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
}

.calculator__list {
    position: relative;
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
}

.calculator__item {
    display: inline-block;
    float: left;
    padding: 20px 104px;
}

.table-numbers td {
    background-color: #F0F0F0;
}

.table__title,
.table__body {
    position: relative;
    width: 100%;
    height: auto;
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

/*.table__title {
    margin-bottom: 30px;
}*/

.table__title__bm {
    margin-top: 30px;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.table__title .table__th,
.table__body .table__th {
    padding: 20px 60px;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}

.table__th--sz {
    font-size: 20px;
}

.table__input-center {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.table__title td,
.table__body td {
    padding: 10px;
    background-color: #F0F0F0;
    text-align: left;
}

.table__input {
    background-color: #F0F0F0;
    border: none;
    width: 100%;
    height: 30px;
    text-align: center;
}

.table__row1,
.table__row2,
.table__row3,
.table__row4 {
    position: relative;
    height: auto;
    width: 100%;
}

.calculator-btn {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 70px;
}

.txt-gray {
    color: #a5a5a5;
}

.btn-medium {
    padding: 0 70px 0 70px;
}

.btn-border__reset {
    float: right;
    display: inline-block;
}
