
.contaner-capa * {
	margin: 0;
	padding: 0;
	font-family: "Open sans", sans-serif;
}

.main-capa {
	width: 90%;
	background-color: white;
	color: #063c4a;
	box-shadow: 0 0 10px #d6d8e6;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 25px;
	position: relative;
}

.calculator-section {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.calc-heading {
	font-size: 30px;
	text-align: center;
	color: #1e98d5;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 30px;
}

.calc-heading img {
	width: auto;
	max-width: 100px;
}

.calc-heading h2 {
	font-size: 30px;
}

.resSection {
	border-bottom: 1px solid #d6d8e6;
	margin-bottom: 10px;
	padding: 10px;
}

.resSection:last-child {
	border-bottom: none;
}

.sliders {
	width: 50%;
	margin-right: 50px;
}

.slider {}

.label-sli {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

.label-sli span {
	color: #1e98d5;
	font-weight: bold;
}

.jw-input {
	height: 35px;
	font-size: 16px !important;
	width: 100%;
	border: 1px solid #dae0e8;
	padding: 3px 0 8px 3px !important;
}

.results {
	width: 50%;
}

.label-sli {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	margin-bottom: 10px;
}

.pdq-res-hading div {
	text-align: center;
	color: #0e1312;
}

.label-res {
	font-size: 20px;
	color: #000;
	font-weight: 400;
	display: inline-flex;
	width: 100%;
	justify-content: center;
	text-align: center;
}

.result {
	text-align: center;
}

.pdq-res-hading {
	margin-top: 35px;
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #d6d8e6;
}

.res {
	font-size: 45px;
	font-weight: bold;
	color: #1e98d5;
}

.calc-section {}

.irs--big .irs-handle {
	top: 4.5px;
	width: 23px;
	height: 23px;
	background: #fa6900;
}

.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
	background: #fa6900;
	cursor: pointer;
}

.irs--big .irs-bar {
	background: #fa6900;
	top: 12px;
}

.irs--big .irs-grid-pol {
	background-color: #879197;
}

.irs--big .irs-line {
	top: 12px;
	border: 1px solid #879197;
}

.irs--big .irs-grid-text {
	color: #879197;
	top: 0px;
}

.irs-grid-pol {
	top: -11px;
}

.irs--big.irs-with-grid {
	height: 55px;
}

.irs--big .irs-line, .irs--big .irs-bar {
	height: 10px;
}

.inline-res {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 !important;
	padding: 8px 0 !important;
	margin: 0px 0 !important;
}

.inline-res .label-res {
	display: inline-flex;
	width: auto;
	position: relative;
}

.inline-res .label-res span {
	font-size: 13px;
	position: absolute;
	left: 0;
	top: 22px;
}

.mt20 {
	margin-top: 20px;
}

.m0 {
	margin: 0 !important;
}

.p0 {
	padding: 0 !important;
}

.top-info-text {
	font-size: 17px;
}

.calc-info-heading {
	font-size: 20px;
	line-height: 1;
	color: #fa6900;
	margin-bottom: 10px;
}

.calc-info-text {
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	color: #3e3e3e;
	margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
	.main-capa {
		width: 100%;
		padding: 25px;
	}
	
	.calc-heading img {
		width: 70%;
	}
	
	.label-sli {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.main-capa {
		width: 100%;
	}
	
	.calc-heading img {
		width: 70%;
	}
	
	.label-sli {
		font-size: 16px;
	}
}

@media screen and (max-width: 600px) {
	.main-capa {
		width: 100%;
		padding: 25px 40px;
	}
	
	.sliders {
		width: 100%;
	}
	
	.results {
		margin: 0;
		margin-top: 10px;
		width: 100%;
	}
	
	.calc-heading h2 {
		font-size: 25px;
	}
	
	.pdq-res-hading {
		margin-top: 0px;
	}
	
	.calculator-section {
		flex-direction: column;
	}
	
	.label-sli {
		font-size: 16px;
	}
	
	.jw-input {
		font-size: 13px !important;
	}
	
	.inline-res {
		padding: 10px 0 !important;
	}
}

/* input append/prepend group styles */
.append-input-group, .prepend-input-group {
	display: flex;
	margin-bottom: 7px;
}

.append-input-group input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: none !important;
	padding-right: 0 !important;
}

.prepend-input-group input {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-left: none !important;
	padding-left: 0 !important;
}

.append-input-group span, .prepend-input-group span {
	background-color: #fff;
	color: #000;
	border: 1px solid #dae0e8;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	min-width: 28px;
	justify-content: center;
	height: 35px;
	width: 80px;
}

.append-input-group span {
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.prepend-input-group span {
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
