@charset "UTF-8";
/* Module */

.clear {
	clear: both;
	height: 1px;
}
.Standards {
	border: 1px solid #000;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-bottom: 40px;
}
.StandardsIndex {
	padding: 10px;
}
.PRCalc,.PRCalc2 {
	border: 1px solid #000;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-bottom: 20px;
}
.PRCalc2 {
	margin-top: 20px;
}
.SubHeaderIndex {
	background-color: #000000;
	font-size: 16px;
	color: #6abf4b;
	width: 100%;
	padding: 10px;
	font-weight: 400;
}
.SubHeaderPrimary {
	background-color: #00443d;
	font-size: 16px;
	color: #fff;
	width: 100%;
	padding: 10px;
	font-weight: 400;
}
.SubHeaderSecondary {
	background-color: #C8C8C8;
	font-size: 16px;
	color: #00443d;
	width: 100%;
	padding: 10px;
	font-weight: 400;
}
.radioContainer {
	padding: 16px 0 0 0;
}
.CellPR {
	width: 16.66%;
	float: left;
}
.height15 {
	min-height: 20px;
}
.height30 {
	min-height: 30px;
}
.height60 {
	min-height: 60px;
}
.Con-kw-kva {
	width: 49%;
	border: 1px solid #000;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
.Con-kva-kw {
	width: 49%;
	border: 1px solid #000;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}
.Cell3 {
	width: 33.33%;
	float: left;
}
.Con-kw-HP {
	width: 49%;
	border: 1px solid #000;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
.Con-DOL-kw {
	width: 49%;
	border: 1px solid #000;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}

span.label {
	font-weight: bold;
}

.Lcontainer {
	background-color: #FFF;
}
div.PRCalc div.wrapper {
	float: left;
	width: 15%;
	padding: 10px;
}

div.PRCalc2 div.wrapper {
	float: left;
	width: 15%;
	padding: 10px;
}

div.PRCalc2 div.wrapper.calculate span.label { margin-bottom:18px; }

div.Con-DOL-kw { background-color:#FFF; }

div.Con-DOL-kw center div.wrapper.calculate span.label { padding-bottom:15px;}

div.Con-kva-kw div.wrapper, div.Con-kw-kva div.wrapper, div.Con-kw-HP div.wrapper, div.Con-DOL-kw div.wrapper {
	float: left;
	width: 30%;
	padding: 10px 8px 20px 8px;
}

div.Con-kva-kw div.wrapper, div.Con-kw-kva div.wrapper, div.Con-kw-HP div.wrapper { padding-bottom:15px; }

div.Con-DOL-kw div.wrapper { padding-bottom:20px; }

@media screen and (max-width:960px) {
div.PRCalc div.wrapper {
	float: left;
	width: 30%;
}

div.Con-kva-kw div.wrapper.calculate, div.Con-kw-kva div.wrapper.calculate, div.Con-kw-HP div.wrapper.calculate { padding-top:0px;}

div.PRCalc2 div.wrapper {
	float: left;
	width: 49%;
}
.radioContainer {
	padding: 6px 0 0 0;
}
}

@media screen and (max-width:960px) {
.Standards {
	border: 1px solid #000;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-bottom: 20px;
}
.PRCalc {
	width: 100%;
}

.PRCalc2 {
	width: 100%;
}

div.PRCalc2 div.wrapper { float:none;width:75%;margin: 0px auto 0px auto; }

div.PRCalc div.wrapper {
	margin: 10px 0px 10px 1%;
	width: 48%;
}
div.PRCalc div.wrapper.calculate {
	valign: middle;width:75%;margin:0px auto 0px auto !important;float:none;clear:both;
}

.Standards {
	width: inherit;
}

.Con-kw-kva, .Con-kva-kw, .Con-kw-HP, .Con-DOL-kw {
	width: 100%;
	float: none;
}
.PRCalc2 {
	margin-top: 0;
}
}

/* Grid */

.grid-wrapper {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 10px;
	grid-auto-rows: minmax(70px, auto);
	padding: 10px;
}
.grid-one {
	grid-column: 1/13;
	grid-row: 1;
}
.grid-two {
	grid-column: 1/ 13;
	grid-row: 2;
}
@media screen and (min-width:960px) {
	.grid-one {
		grid-column: 1 / 4;
		grid-row: 1;
	}
	.grid-two {
		grid-column: 4 / 13;
		grid-row: 1 / 3;
	}
}

/* 5 column grid */

.five-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	grid-auto-rows: minmax(70px, auto);
	padding: 10px;
}
.five-grid-one {
	grid-column: 1;
	grid-row: 1;
}
.five-grid-two {
	grid-column: 2;
	grid-row: 1;
}
.five-grid-three {
	grid-column: 3;
	grid-row: 1;
}
.five-grid-four {
	grid-column: 4;
	grid-row: 1;
}
.five-grid-five {
	grid-column: 5;
	grid-row: 1;
}
@media screen and (max-width:960px) {
	.five-grid-wrapper {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 10px;
		grid-auto-rows: minmax(10px, auto);
		padding: 10px;
	}
	.five-grid-one {
		grid-column: 1/5;
		grid-row: 1;
	}
	.five-grid-two {
		grid-column: 1/5;
		grid-row: 2;
	}
	.five-grid-three {
		grid-column: 1/5;
		grid-row: 3;
	}
	.five-grid-four {
		grid-column: 1/5;
		grid-row: 4;
	}
	.five-grid-five {
		grid-column: 1/5;
		grid-row: 5;
	}
}

/* 3 column grid */

.three-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	grid-auto-rows: minmax(70px, auto);
	padding: 10px;
}
.three-grid-one {
	grid-column: 1;
	grid-row: 1;
}
.three-grid-two {
	grid-column: 2;
	grid-row: 1;
}
.three-grid-three {
	grid-column: 3;
	grid-row: 1;
}
@media screen and (max-width:960px) {
	.three-grid-wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		grid-auto-rows: minmax(10px, auto);
		padding: 10px;
	}
	.three-grid-one {
		grid-column: 1/3;
		grid-row: 1;
	}
	.three-grid-two {
		grid-column: 1/3;
		grid-row: 2;
	}
	.three-grid-three {
		grid-column: 1/3;
		grid-row: 3;
	}
}

input[type="text"] {
	width: 100%;
	padding: 6px 15px!important;
}

input[type="button"] {
	margin: 9px 0 0 0;
	padding: 6px 20px;
	background-color: #6abf4b!important;
	border: 1px solid #6abf4b!important;
	color: #fff;
	font-size: 14px;
}
@media screen and (max-width:960px) {
	input[type="button"] {
		margin: 0;
	}
}

.btn-no-margin {
	margin: 0!important;
}

.hide-mobile {
	display: none;
}
@media screen and (min-width:960px) {
	.hide-mobile {
		display: block;
	}
}

.footnote {
	color: #c8c8c8;
	font-size: 16px;
	text-align: center;
}

.advert-container {
	text-align: center;
	margin: 20px auto 10px;
	width: 100%;
}

.advert {
	width: 100%;
}

.advert-desktop {
	display: none;
}
.advert-tablet {
	display: none;
}
.advert-mobile {
	display: block;
	margin: auto;
}
@media screen and (min-width:650px) {
	.advert-desktop {
		display: none;
	}
	.advert-tablet {
		display: block;
		margin: auto;
	}
	.advert-mobile {
		display: none;
	}
}
@media screen and (min-width:960px) {
	.advert-desktop {
		display: block;
		margin: auto;
	}
	.advert-tablet {
		display: none;
	}
	.advert-mobile {
		display: none;
	}
}