html {
    font-size: 15px;
    font-family: Futura PT, Arial, Helvetica, sans-serif;
    font-weight: 400;
}
* {
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}
.hide {
    display: none !important;
}
.calc {
    max-width: 1062px;
    border: 1px solid #E7E7E7;
    border-radius: 15px;

    padding: 40px 35px 23px 32px;
}

@font-face {
    font-family: 'Futura PT';
    src: url('./fonts/FuturaPT-Medium.woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('./fonts/FuturaPT-Book.woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Futura PT';
    src: url('./fonts/FuturaPT-Light.woff');
    font-weight: 300;
    font-style: normal;
}
.container {
    max-width: 1392px;
    margin: 0 auto;

}
.header {
    display: flex;
    justify-content: space-between;

    margin-top: 49px;
    margin-bottom: 49px;
}
.header__bottom h2 {
    font-size: 2rem;
}
.header__controls {
    display: flex;
    column-gap: 50px;
}
.header__controls .header__help {

    border-radius: 7px;

    width: auto;
    padding-left: 45px;
    padding-right: 25px;
    background-image: url('./imgs/calc.svg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    height: 50px;
}

.header__controls .header__goToSite {
    background-image: url('./imgs/arrowF.svg');
    background-repeat: no-repeat;
    background-position: 138px 21px;

    padding-right: 50px;
}

.header__contacts .header__phone{
    font-weight: 700;
    font-size: 1.534rem;
}
.header__contacts .header__email{
    font-size: 1.35rem;
    text-align: right;
}
.main {
    display: flex;

    justify-content: space-between;

}
.header__bottom {
    max-width: 1062px;
    display: flex;
    justify-content: space-between;

    padding-left: 2px;
    padding-right: 2px;

    margin-top: 4em;
}
.header__bottom .returnBtn {
    background-image: url('./imgs/arrowB.svg');
    background-repeat: no-repeat;

    background-position: 0px 36px;
    padding-left: 60px;
    padding-right: 36px;

    color: #888888;


}
.calcHeader {
    margin-top: 1.54em;
}
.calc .calcHeader__row {

    padding-bottom: 0.7em;

    display: flex;
    justify-content: flex-start;
    column-gap: 1em;
}
.calc h3 {
    font-size: 1.35rem;
}
.calcHeader__row select, .calcHeader__row input[type="text"], .cheaperForm input[type="text"], input[type="phone"]{
    background-color: #fff;

	border: 0;
	border: 1px #CCCCCC solid;
    border-radius: 2px;
	
    min-width: 100px;

    font-size: 1.07rem;

    padding: 9px 15px;
    
    border-radius: 5px;

    font-family: Futura PT, Arial, Helvetica, sans-serif;
}

.inputBlock {
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.calcHeader__row .inputBlock {
    width: 162px;
}

.calcHeader__row select:required:invalid {
    color: #9e9e9e;
}
option:not(:first-of-type) {
    color: #000;
}
.calcHeader__type {
    width: 207px;
}

.calc .calc__row select option {
    padding: 5px 10px 5px 20px;
}
.calcHeader {
    font-size: 1.1rem;
}

.calcResults__item {
    border: 1px solid #E7E7E7;
}

.calc__total {
    padding-top: 1em;
    padding-bottom: 1em;
}

.calc__row .calc__total label{
    width: 6.2em;
}

.itemsTable__table {
    border: 0;
}

.calcTable {
    margin-top: 2em;
    margin-bottom: 4.5em;
}

.calcTable th {
    font-weight: 400;

}

.calcTable th ,.itemsTable__table td{
    border: 0;
    border-bottom: 1px solid #EDEDED;
    padding: 10px;
    text-align: center;

    font-weight: 400;

    padding: 12px 2px;
}

.calcTable .itemsTable__table td:first-child {
    font-weight: 300;
}

.calcTable .itemsTable__removeRow {
    text-decoration: none;
    font-weight: 700;

    display: block;

    width: 21px;
    height: 21px;
    background-color: #E84E22;
    border-radius: 100%;
    color:#fff;
    position: relative;
}
.btn {
    display: block;
    padding: 10px;

    font-size: 1.2rem;
    font-family: Futura PT, Arial, Helvetica, sans-serif;

    background: #E84E22;
    color: #ffffff;

    cursor: pointer;

    border: 0 none;
    border-radius: 4px;



    

    width: 162px;
}
.opBtn {
    background-color: rgba(255, 255, 255, 0);
    border: 0;

    font-size: 1.2rem;
    font-family: Futura PT, Arial, Helvetica, sans-serif;

    cursor: pointer;
}
.calcTable .itemsTable__removeRow::before {
    content: '';
    border-radius: 100%;
    border: 1px solid #F2F2F2;

    display: block;
    width: 33px;
    height: 33px;

    position: absolute;
    top: -7px;;
    left: -7px;
}
.calcTable .itemsTable__removeRow::after {
    content: '';
    border-radius: 2px;

    display: block;
    height: 1px;
    width: 11px;

    position: absolute;

    background-color: #fff;
    top: 10px;
    left: 5px;
}
.calcHeader__add {
    width: 162px;

    
}

.itemsTable .itemsTable__sum, .itemsTable .calc__curr {
    font-size: 24px;
    font-weight: 700;
}

.calcResults {
    display: flex;
    column-gap: 8px;
    
    margin-bottom: 2em;
}
.calcResults__item {
    padding: 13px 19.9px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    border-radius: 8px;

    max-width: 173px;
}
.calcResults__caption {
    max-width: 150px;
    margin-bottom: 5px;
}

.calcResults__res {
    font-size: 1.3rem;
    font-weight: 500;

}

.calcGeneratePdf {
    background-color: #333;
    background-image: url('savePdf.svg');
    background-repeat: no-repeat;
    background-position: 20px 15px;

    text-align: center;

    width: 200px;
    

    margin: 0 auto;
}


.cheaperForm {
    max-width: 300px;
    border: 1px solid #E7E7E7;
    border-radius: 15px;

    
}

.cheaperForm__inner {
    display: flex;
    flex-direction: column;

    padding: 60px 23px 60px 25px;
}

.cheaperForm__inner h3 {
    font-size: 1.4em;
    margin: 0;
}

.cheaperForm input[type="text"] {
    margin-bottom: 1em;
}

.cheaperForm__inner .note {
    font-size: 0.87rem;
    font-weight: 300;
}

.cheaperForm__btn {
    width: 100%;
}

.footer__label {
    text-align: center;
    font-weight: 400;
}

body.calcList .calcList {
    display: flex;
    justify-content: space-between;

    column-gap: 1em;
    
    
}

body.calcList .calcList .calcList__item {
    border: 1px solid #E7E7E7;
    border-radius: 8px;

    height: 240px;
    width: 394px;

    font-size: 1.7rem;
    background-repeat: no-repeat;


}
body.calcList .calcList .calcList__link {
    color: inherit;
    text-decoration: none;
}
body.calcList .calcList .calcList__item .calcList__name {
    display: block;
    max-width: 250px;
    padding-left: 30px;
    padding-top: 36px;

    cursor: pointer;
}

body.calcList .calcList .typeItem-pipes {
    background-image: url("./imgs/typePipes.png");
    
    background-position: 246px 70px;
}

body.calcList .calcList .typeItem-rolls {
    background-image: url("./imgs/typeRolls.png");
    background-position: 204px 85px;
}

body.calcList .calcList .typeItem-pipes:hover{background-color: #E84E22;color:#fff;transition: 0.5s;transform: scale(1.05);}
body.calcList .calcList .typeItem-rolls:hover{background-color: #E84E22;color:#fff;transition: 0.5s;transform: scale(1.05);}