/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2022 | 09:03:03 */
.pogkp h4 {
	color:#F3BC65;
}
.kalculator {
	max-width: 560px;
	margin: 0 auto;
}
.kalculator h2 {
	text-align:center;
	color:#F3BC65;
	margin-bottom:20px;
}
.kal_input > div {
	display:flex;
	margin:2px 0;
}
.kal_input > div:nth-child(odd) {
	background:#eee;
}
.kal_input > div:nth-child(even) {
	background:#eee;
}
.kal_input > div > span {
	min-width: 250px;
	display:inline-block;
	padding: 8px 5px;
}
.kal_input > div > input {
	flex: 1;
	text-align: right;
	background-color: #fff;
	outline: none;
	border: 1px solid #ccc;
}
.kal_output > div {
	display:flex;
	margin:2px 0;
}
.kal_output > div:nth-child(odd) {
	background:#eee;
}
.kal_output > div:nth-child(even) {
	background:#eee;
}
.kal_output > div > span {
	display:inline-block;
	min-width: 250px;
	padding: 8px 5px;
	font-weight:bold;
}
.kal_output > div > input {
	flex: 1;
	text-align: right;
	background-color: #fff;
	outline: none;
	border: 1px solid #ccc;
	color: #444;
	font-weight: bold;
}
.kal_calc {
	text-align:right;
}
.kal_calc > span {
	background: #F3BC65;
	color: #fff;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
	border-radius: 2px;
	font-weight: bold;
}
.kal_calc > span:first-child {
	background: #ccc;
	padding: 7px 7px 4px;
}
.kal_calc > span:last-child:hover {
	background: #f6cc88;
}
.kal_calc > span:first-child:hover {
	background: #ddd;
}
.kal_info {
	text-align: center;
	font-size: 12px;
	color: #999;
	margin-top: 6px;
}



.op_kred_forma .wpcf7 {
	margin:0;
	border:0;
	line-height:1.2em;
}
.op_kred_forma .wpcf7-form {
    padding: 0;
    background: #fff;
    margin: 0 auto;
}
.op_kred_forma .wpcf7-form textarea{
	height:120px;
}

@media all and (max-width:768px) {
	.op_kred_forma .wpcf7-form {
    	padding: 0 20px;
	}
	.kalculator {
		padding:0 20px;
	}
	.kal_input > div {
		flex-wrap:wrap;
	}
	.kal_output > div {
		flex-wrap:wrap;
	}
	.kal_input > div > input {
		padding: 7px;
	}
	.kal_output > div > input {
		padding: 7px;
	}
	.kal_input > div > span {
		padding: 4px 5px 0;
	}
	.kal_output > div > span {
		padding: 4px 5px 0;
	}
	.kal_input > div {
		margin: 10px 0;
	}
	.kal_output > div {
		margin: 10px 0;
	}
}

@media all and (min-width:768px) and (max-width:980px) {
	.kal_output > div > span {
		min-width: auto;
	}
	.kal_input > div > span {
		min-width: auto;
	}
}