#interestCalculator,
#interestCalculator * {
	box-sizing: border-box;
}
.nowrap_line{
	white-space: nowrap;
}

#interestCalculator h1 {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 25px;
}

.interestCalc_block {
	overflow: hidden;
	border: 1px solid #8bda69;
	margin: 0 0 10px;
}

.interestCalc_block__header {
	padding: 20px 25px 15px 35px;
	overflow: hidden;
}

.interestCalc_block__name {
	font-size: 20px;
	color: #67c041;
	float: left;
}

.interestCalc__reset {
	float: right;
	font-size: 14px;
	color: #f8bbc4;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.interestCalc__reset:before {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	top: 4px;
    left: -20px;
	background: url(../images/page-interest-calculator/icons-43x43.png) no-repeat;
	background-position: -15px -101px
}

.interestCalc_block__body {
	padding: 20px 25px 15px 35px;
	overflow: hidden;
	background-color: #fafafa;
}

.interestCalc_form { overflow: hidden; }

.interestCalc_inputs {
	font-size: 16px;
	color: #000;
	float: left;
	line-height: 50px;
}

.interestCalc_inputs input {
	border: none;
	background-color: transparent;
	outline: none;
	border-bottom: 1px solid #a6a6a6;
	box-shadow: none;
    text-align: center;
	color: #c4c4c4;
	font-weight: bold;
	font-size: 20px;
}

.interestCalc_inputs input:focus,
.interestCalc_inputs input.completed {
	color: #478dd7;
	border-bottom-color: #478dd7;
}

.interestCalc_inputs input.interest { width: 60px; }
.interestCalc_inputs input.number { width: 90px; }

.calculateButton {
	float: right;
	position: relative;
	display: block;
	background-color: #e1e1e1;
	border-radius: 2px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	padding: 15px 35px 15px 45px;
}

.calculateButton:before {
	content: '→';
    position: absolute;
    top: 50%;
    left: 12px;
    font-size: 18px;
    font-weight: 700;
    margin-top: -10px;
}

.calculateButton:hover {
	background-color: #62ca36;
	cursor: pointer;
}

.interestCalc_result {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	padding: 15px 0 0;
	margin: 15px 0 0;
	border-top: 1px solid #ececec;
}

#saveCalculation {
	display: block;
	background-color: #f58f52;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding: 20px 0;
	margin: 25px 0 0;
	border-radius: 3px;
	cursor: pointer;
}

.interestCalc_settings {
	overflow: hidden;
	margin: 30px 0;
}

.interestCalc_fixed {
	float: left;
	color: #000;
	font-size: 14px;
}

.interestCalc_fixed select {
	border: none;
	color: #000;
	outline: none;
	padding: 4px 20px 4px 6px;
	margin: 0 5px;
	cursor: pointer;
	font-size: 14px;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	background: #f6f6f6 url(../images/page-interest-calculator/icons-43x43.png) no-repeat;
    background-position: 10px -182px;
}

.otherCalculators {
	margin: 0 0 15px;
}

.otherCalculators__header {
	height: 115px;
	margin: 0 -20px;
	background: #e7f4ff;
	background: -moz-linear-gradient(top, #e7f4ff 0%, #ffffff 85%);
	background: -webkit-linear-gradient(top, #e7f4ff 0%,#ffffff 85%);
	background: linear-gradient(to bottom, #e7f4ff 0%,#ffffff 85%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f4ff', endColorstr='#ffffff',GradientType=0 );
	line-height: 115px;
	color: #000;
	font-size: 24px;
	font-weight: 700;
	padding: 0 0 0 115px;
	position: relative;
}

.otherCalculators__header:before {
	content: '';
	position: absolute;
	width: 85px;
    height: 100px;
	top: 50%;
	margin-top: -45px;
    left: 20px;
	background: transparent url(../images/img-recommend-calc.png) no-repeat;
	background-size: contain;
}

.otherCalculators__body {
	padding: 20px 0;
	overflow: hidden;
}

a.otherCalculator {
	display: block;
	float: left;
	width: 305px;
	border: 1px solid #eeeeee;
	padding: 25px 0 25px 80px;
	margin: 0 80px 0 0;
	font-size: 16px;
	font-weight: 700;
	border-radius: 2px;
	position: relative;
	color: #000;
	text-decoration: none;
	
}
a.otherCalculator:last-child { margin: 0; }

a.otherCalculator:before {
	content: '';
	position: absolute;
	width: 43px;
	height: 43px;
	top: 50%;
	margin-top: -21.5px;
	left: 20px;
	background: transparent url(../images/page-interest-calculator/icons-43x43.png) no-repeat;
}

a.otherCalculator_interestLoan:before { background-position: 0 -43px; }
a.otherCalculator_interestDeposit:before { background-position: 0 0; }

.descriptionText {
	font-size: 16px;
	color: #000;
	margin: 0 0 20px;
}

#interestCalc_resultBox {
	border: 1px solid #f58f52;
	background-color: #fff6f0;
	border-radius: 4px;
	padding: 20px 20px;
	margin: 0 20px 20px;
	text-align: center;
	color: #f58f52;
	display: none;
}

.interestCalc_resultBox__success {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}

a.interestCalc_resultBox__link:link, a.interestCalc_resultBox__link:visited {
	display: inline-block;
	vertical-align: top;
	color: #f58f52;
	font-size: 14px;
	text-decoration: underline;
}
a.interestCalc_resultBox__link:hover, a.interestCalc_resultBox__link:active {
	text-decoration: none;
}

#copyLink {
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 18px;
	background: transparent url(../images/page-interest-calculator/icons-43x43.png) no-repeat;
	background-position: -13px -142px;
	margin: 0 0 0 10px;
	cursor: pointer;
}

@media (max-width: 768px) {
	.otherCalculators__body { text-align: center; }
	a.otherCalculator {
		float: none;
		display: inline-block;
		margin: 0 10px 0 0;
		text-align: left;
	}
	
	.interestCalc_inputs {
		float: none;
	}
	
	.calculateButton {
		float: none;
		width: 134px;
		margin: 20px auto 0;
	}
}

@media (max-width: 650px) {
	a.otherCalculator {
		display: block;
		margin: 0 auto 20px;
	}
	a.otherCalculator:last-child { margin: 0 auto; }
	
	#copyLink {
		display: block;
		margin: 20px auto 0;
		position: relative;
	}
	
	#copyLink:after {
		content: 'Скопировать';
		position: absolute;
		right: -90px;
		top: -1px;
		border-bottom: 1px dashed;
	}
}

@media (max-width: 450px) {
	.interestCalc_block__header { padding: 20px 15px 15px 15px; }
	.interestCalc_block__name {
		float: none;
		text-align: center;
		margin: 0 0 15px 0;
	}
	
	.interestCalc_block__body { padding: 20px 15px 15px 15px; }
	.interestCalc_result { font-size: 14px; }
	
	
	.interestCalc_settings { text-align: center; }
	.interestCalc_fixed {
		float: none;
		margin: 0 0 20px;
	}
	.interestCalc_settings .interestCalc__reset { margin: 0 40px 0 0; }
}

@media (max-width: 375px) {
	.otherCalculators__header {
		padding: 0 0 0 95px;
		font-size: 22px;
	}
	
	.otherCalculators__header:before {
		width: 70px;
		height: 85px;
	}
	
}