@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


/*html *,
body *{outline: none;}
html,
body{margin:0;padding:0;}*/



.calculator__block .flex{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;}
.calculator__block .btn{outline: none;}
.calculator__block a{text-decoration: none;}

/* Кнопки */
.calculator__block a.btn,
.calculator__block button.btn{box-sizing:border-box;display: inline-block;min-width:220px;font-size: 14px;line-height:1;text-align:center; text-transform: uppercase; color: #ffffff;background-color: #D53E2D;border: 1px solid #D53E2D;padding: 12px 60px;cursor: pointer;transition: opacity 0.3s linear;}

.calculator__block a.btn:hover,
.calculator__block button.btn:hover{opacity: 0.8;}


/* Элементы формы */
.calculator__block .form-group{position: relative;margin-bottom: 30px;}
.calculator__block .form-group .label_block{font-weight: 600;margin-bottom: 10px;}
.calculator__block .form-group .label_block>span{display: block;font-size: 12px;font-weight: 400;color: #8F8F8F;}

.calculator__block input[type="text"],
.calculator__block input[type="email"],
.calculator__block input[type="number"],
.calculator__block input[type="date"],
.calculator__block select,
.calculator__block textarea{box-sizing: border-box;width: 100%;height: 40px;font-family: 'Poppins', sans-serif;font-size: 16px;border:none;background-color: #F4F6FB;border-radius: 4px; padding: 0 0 0 20px;}
.calculator__block textarea{resize: none;height: 70px; padding-top: 12px;}

.calculator__block input[type="text"]::placeholder,
.calculator__block input[type="email"]::placeholder,
.calculator__block input[type="number"]::placeholder,
.calculator__block input[type="date"]::placeholder,
.calculator__block select::placeholder,
.calculator__block textarea::placeholder{font-family: 'Poppins', sans-serif;font-size: 16px;color: #152242;}


.calculator__block{font-family: 'Poppins', sans-serif;font-size: 14px;line-height:1.6;background-color:#ffffff;color:#555555;margin: 0 auto;}
.calculator__block h1{font-size: 30px;font-weight: 700;margin: 0 0 40px 0;text-align: center;text-transform: uppercase;}
.calculator__block h2{font-size: 18px;font-weight: 700;margin: 0 0 25px 0;text-transform: uppercase;}
.calculator__block .border__wrap{box-sizing: border-box;border: 1px solid #E5E5E5;padding: 35px;}

.calculator__block .border__wrap .calcForm.flex{flex-wrap: wrap;}
.calculator__block .border__wrap .calcForm{}

.calculator__block .border__wrap .calcForm .form-group{width: calc(50% - 10px);margin-right: 20px;}
.calculator__block .border__wrap .calcForm .form-group:nth-child(2n+2){margin-right: 0;}
.calculator__block .border__wrap .calcForm .form-group.btn__block{width: 100%;text-align: center;margin: 0 0 10px 0;}

.calculator__block .border__wrap .hr{height: 1px;background-color: #E5E5E5;margin: 30px 0;}
.calculator__block .border__wrap .error{border:1px solid #ff0000;/*color:#ff0000;*/}

.calculator__block .border__wrap .result_h2{margin-bottom: 15px;}
.calculator__block .border__wrap .result__item.flex{flex-wrap: wrap;}
.calculator__block .border__wrap .result__item{margin-bottom: 25px;}
.calculator__block .border__wrap .result__item .title{width:45%;font-size: 16px;}
.calculator__block .border__wrap .result__item .result{width:55%;font-size: 18px;font-weight: 600;color: #D53E2D;}
.calculator__block .border__wrap .result__item .text{width:100%;color: #8F8F8F;}

.calculator__block .border__wrap table{width: 100%;table-layout: fixed;text-align: center;margin-bottom: 50px;}
.calculator__block .border__wrap table tr{}
.calculator__block .border__wrap table tr td{background-color: #F4F6FB;padding: 9px 0;}
.calculator__block .border__wrap table tr:first-child td{font-weight: 600;background-color: #555555;color: #ffffff;}
.calculator__block .border__wrap table tr td:first-child{font-weight: 600;}

.calculator__block .border__wrap #chart_div {height: 500px;}

.calculator__block .border__wrap .btnPdf__block{margin-top: 50px;}
.calculator__block .border__wrap .btnPdf__block .btn.flex{display: flex;align-items: center;justify-content: center;}
.calculator__block .border__wrap .btnPdf__block .btn{background-color: transparent;margin: 0 auto;color: #D53E2D;}
.calculator__block .border__wrap .btnPdf__block .btn svg{margin-right: 15px;}

@media print{
	header,
	#sticky-header-with-topbar,
	.body__overlay,
	.offset__wrapper,
	footer,
	.bradcaump__inner,
	.col-md-2.col-lg-2.col-sm-12.col-xs-12,
	.blog-details-left-sidebar,
	#scrollUp{display:none!important;}
	
	.container,
	.col-md-8.col-lg-8.col-sm-12.col-xs-12{width:100%!important;}
	
	.calculator__block .border__wrap .btnPdf__block,
    .calculator__block .border__wrap .btn__calc{display: none!important;}
	.calculator__block .border__wrap .overflow{overflow-x: none;}
}


@media (max-width: 767px) {
    .calculator__block a.btn,
    .calculator__block button.btn{font-size: 12px;padding: 10px 20px;}

    .calculator__block input[type="text"],
    .calculator__block input[type="email"],
    .calculator__block input[type="number"],
    .calculator__block input[type="date"],
    .calculator__block select,
    .calculator__block textarea{height: 36px;font-size: 12px;}

    .calculator__block input[type="text"]::placeholder,
    .calculator__block input[type="email"]::placeholder,
    .calculator__block input[type="number"]::placeholder,
    .calculator__block input[type="date"]::placeholder,
    .calculator__block select::placeholder,
    .calculator__block textarea::placeholder{font-size: 12px;}

    .calculator__block{max-width: 100%;font-size: 12px;}
    .calculator__block h1{font-size: 20px;margin: 0 0 20px 0;}
    .calculator__block h2{font-size: 11px;margin: 0 0 10px 0;}
    .calculator__block .border__wrap{padding: 15px;}

    .calculator__block .border__wrap .calcForm .form-group{width: 100%;margin-right: 0!important;margin-bottom: 15px;}

    .calculator__block .border__wrap .result__item.flex{justify-content: space-between;}
    .calculator__block .border__wrap .result__item .title{width: 55%;font-size: 12px;line-height: 1.3;}
    .calculator__block .border__wrap .result__item .result{width: 40%;font-size: 15px;line-height: 1.3;}
    .calculator__block .border__wrap .result__item .text{font-size: 11px;margin-top: 5px;}

    .calculator__block .border__wrap table{font-size: 11px;margin-bottom: 20px;}
    .calculator__block .border__wrap .overflow{overflow-x: scroll;}
    .calculator__block .border__wrap #chart_div{height: 400px;}

    .calculator__block .border__wrap .btnPdf__block{margin-top: 20px;}
    .calculator__block .border__wrap .btnPdf__block .btn svg{margin-right: 10px;width: 12px;height: auto;}
}