.containerEng{ max-width: 900px; margin: 0px auto; padding: 0 15px;}
.fulbody{ width: 100%; float: left;}
.grnBg{ width: 100%; float: left;}
.grnBg h1 {
	color: #000;
	margin: 0px;
	font-size: 22px;
	padding: 10px;
	font-weight:700;
}
.bottomExcessive{ clear:both; padding-top:22px;font-size: 15px;}
.bottomExcessive h3{ margin:0px; margin-top:20px;font-size: 18px;margin-bottom: 7px;}
.bottomExcessive p {
	margin: 0px;
	font-size: 13px;
	font-weight: normal;
}

.boxRt .BoxTitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.boxsB .BoxTitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.boxsB li img{ display:none;}
.boxsB li.actv img{ display:block;}
#energieA img {margin-top: -105px;position: relative;left: -2px;}
#energieB img {margin-top: -105px;position: relative;left: -2px;}
#energieC img {margin-top: -105px;position: relative;left: -2px;}
#energieD img {margin-top: -105px;position: relative;left: -2px;}
#energieE img {margin-top: -105px;position: relative;left: -2px;}
#energieF img {margin-top: -105px;position: relative;left: -2px;}

#energieG img{margin-top: -105px;position: relative;left: -2px;}

.boxleft{ width: 55%; float: left;}
.boxRt{ width: 40%; float: right;}
.boxsA{ width: 100%; float: left; border: 1px solid #c2def1; border-radius: 10px; padding: 15px;}
.boxsA h5{ color: #000; font: 400 15px/20px Arial, Helvetica, sans-serif; margin:0px;}
.boxsA h6 {
	color: #b2c3cf;
	font: 400 13px/20px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: 400;
	font-size: 12px;
}.boxsA ul li {
	width: 100%;
	margin-top: 3px;
	float: left;
	margin-left: 0px;
}
.boxsA ul li,.boxsB ul li{ padding:0px;}
.boxsA ul li:before,.boxsB ul li:before{ display:none;}
.boxsA ul li > div{ float: left; border-radius: 0 25px 25px 0; padding: 0px 5px;}
.boxsA ul li span{ color: #fff; font: 600 14px/15px Arial, Helvetica, sans-serif;}
.midpanl{ width: 100%; float: left; padding: 30px 10px;}
.boxsA ul li strong{ font: 400 12px/45px Arial, Helvetica, sans-serif; opacity: 0; display: none;}
.boxsA ul li strong em{ position: relative; font-weight: 600; font-size: 22px; line-height: 35px; display: inline-block; padding-left: 33px; font-style: normal;}
.boxsA ul li strong em::before {
    content: "";
    position: absolute;
    top: 19px;
    left:4px;
    width: 25px;
    height: 1px;
    background: #000;
}
.boxsA p{ color: #000; font: 400 12px/16px Arial, Helvetica, sans-serif;padding-top: 15px;}
.boxsA ul li.actv span {
    font-size: 39px;
    line-height: 41px;
}
.boxsA ul li.actv > div{ border: 3px solid #000;}


.boxsA ul li.actv strong{ opacity: 1; display: block;}

.boxsB{ width: 100%; float: left;}
.boxsB li{ width: 100%; float: left;margin-top: 3px; position: relative; list-style:none;}
.boxRt ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.bl{ width: 40%; float: left; display: none;min-height: 50px;
padding: 3px 2px;
border: 2px solid #000; border-right: none; border-radius: 5px 0 0 5px;}
.br{ width: 60%; float: right;}
.bn{ width: 50%; float: left; border-right: 1px solid #000;text-align: center;}
.bn p span{ color: #ccc;}
.bn:last-child{ border: none;}
.boxsB strong{  font: 700 20px/26px Arial, Helvetica, sans-serif;}
.boxsB p{  font:400 10px/11px Arial, Helvetica, sans-serif; margin:0px;}
.br > div{ float: left; padding: 2px 5px; position: relative;}
.actv .br > div::after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: -1px;
	left: 100%;
	border-width: 25px 0px 27px 19px;
	border-color: transparent #000 transparent #000;
	border-style: solid;
	margin-left: 0px;
	z-index: 2;
}

.br > div::before {
	content: '';
	width: 0;
		z-index:1;
	height: 0;
	position: absolute;
	top: 0px;
	left: 100%;
	border-width: 18px 0px 18px 10px;
	border-color: transparent #009d6b transparent #009d6b;
	border-style: solid;
	margin-left: 0px;
}
#energieA .br > div::before{	border-color: transparent #009d6b transparent #009d6b;}
#energieB .br > div::before{	border-color: transparent #53b153 transparent #53b153;}
#energieC .br > div::before{	border-color: transparent #77bd75 transparent #77bd75;}
#energieD .br > div::before{	border-color: transparent #f5e60f transparent #f5e60f;}
#energieE .br > div::before{	border-color: transparent #f0b60e transparent #f0b60e;}
#energieF .br > div::before{	border-color: transparent #eb8335 transparent #eb8335;}
#energieG .br > div::before{	border-color: transparent #da211f transparent #da211f;}

.br > div span{ color: #fff; font: 700 15px/20px Arial, Helvetica, sans-serif;}

.boxsB li.actv .br > div span {
    font-size: 35px;
line-height: 44px;-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
}
.boxsB li.actv .br > div::before { border-width:24px 0px 24px 15px;
}
.boxsB li.actv .br > div{ border-top: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #000;min-height: 50px;}
.boxsB li.actv .bl{ display: block;}
.apsu{ position: absolute; top: -30px; left: 0px;display: flex; align-items: flex-end;}
.bl{ position: relative;}
.tptx { width: 100%; float: left;}
.apsu .bn{ border: none;}

.bcTtx{ width: 73%;
float: right;}
.bcTtx p{ color: #00a479;font: 400 13px/20px Arial, Helvetica, sans-serif; padding: 15px;}
.rda p{ color: #d62320;}
.acTxza {
    color: #ccc;
    font: 400 11px/12px Arial, Helvetica, sans-serif;
    width: 23%;
    position: absolute;
    top: 16px;
    left: 0px;
    text-align: right;
}
.boxsB li:nth-child(6) .br::before, .boxsB li:nth-child(7) .br::before {
    width: 1px;
    height: 112%;
    background: #ccc;
    position: absolute;
    top: 0px;
    left: -6px;
    content: "";
}
.br{ position: relative;}

.midbd{ width: 100%; float: left;}
.pinks{ width: 100%; float: left; background: #e92f88; padding: 10px 15px; }
.pinks h3 {
	color: #fff;
	margin: 0px;
	font-size: 20px;
	font-weight:700;
}
.paracont{ width: 100%; float: left; padding: 10px 0;}
.paracont p{ color: #ccc;font: 400 13px/20px Arial, Helvetica, sans-serif; }
.textboxs{ width: 100%; margin: 0px auto; max-width: 500px;}
.textboxsInn{ width: 100%; float: left; margin-top: 10px; background: url(../images/brd.png) repeat-x bottom center;padding:0 0px 8px;}
.bx50{ width: 50%; float: left;}
.bx50 label {
    color: #000;
    font: 400 13px/31px Arial, Helvetica, sans-serif;
    width: 36%;
    float: left;g
    text-align: center;
}
.bx50 input[type="text"]{ width: 100%; float: left; border: none; color: #000; font:bold 20px/26px Arial, Helvetica, sans-serif;text-align: center; background: none;}
.bx50 input[type="text"]::placeholder{ opacity: 1;}
.text-center{ text-align: center; margin-top: 10px; float: left; width: 100%;}
.bx50{ position: relative;}
.apsuna {
	position: absolute;
	top: 7px;
	right: 0px;
	width: 32px;
	text-align: center;
}
.inpt::before {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 100%;
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	border: 2px solid #e92f88;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.inpt{ position: relative;width: 42%; float: left;}
.textboxsInn{ position: relative;}
.textboxsInn::before {
	width: 32%;
	position: absolute;
	bottom: 2px;
	left: 45%;
	background: #e92f88;
	height: 2px;
	content: "";
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	right: 50%;
}





@media (min-width: 992px) and (max-width: 1199px) {




}

@media only screen and (max-width: 991px) {

.boxRt {
    width: 40%;
    float: right;
}
.boxleft {
    width: 60%;
    float: left;
}
.boxsA ul li.actv span {
    font-size: 30px;
    line-height: 41px;
}
.boxsA ul li strong em{ font-size: 18px;}
.boxsA ul li strong{ font-size: 10px;}



}

@media only screen and (max-width: 767px) {
.boxsA ul li strong em{font-size: 17px;}
.boxsA ul li strong{ font-size: 11px; line-height: 35px;}
.boxsB strong{ font-size: 14px;}
.boxsB p{ font-size: 9px; line-height: 12px;}
.boxsA ul li strong em{padding-left: 27px;}
.boxsA ul li strong em::before {width: 17px;}

.boxsB li.actv .br > div span{ font-size: 27px;}
.boxsA ul li.actv span {
    font-size: 26px;
    line-height: 41px;
}
.boxsA{ padding: 9px;}

}
@media only screen and (max-width: 640px) {
.boxsA ul li strong em {
    padding-left: 17px;font-size: 14px;
}
.boxsA ul li strong em::before {
    width: 12px;left: 1px;
}
.boxsA ul li strong {
    font-size: 9px;
    line-height: 31px;
}
.boxsA ul li.actv span {
    font-size: 18px;
    line-height: 41px;
}
.midpanl{ padding: 30px 0;}

.boxleft{ width: 100%;}
.boxRt{ width: 100%;}
.pinks{ padding: 10px 0;}






}
@media only screen and (max-width: 599px) {
.boxsB li.actv .br > div span {
    font-size: 21px;
}
.boxsB strong {
    font-size: 12px;
}
.boxsB p {
    font-size: 8px;
    line-height: 10px;
}

.boxsA ul li strong em {

    padding-left: 14px;
    font-size: 11px;

}
.pinks h3{ font-size: 11px; line-height: 14px;}


}
@media only screen and (max-width: 699px) {
	.br > div::before {
	border-width: 13px 0px 13px 10px;
}
.bl{ padding:4px 2px;}

}
@media only screen and (max-width: 480px) {
.boxleft {
    width: 100%;
    float: left;
}
.boxRt {
    width: 100%;
    float: right; margin-top: 20px;
}

.br > div::before {
	border-width: 18px 0px 18px 10px;
}
.bl{ padding:4px 2px;}

}


@media only screen and (max-width: 400px) {

.textboxsInn{ padding: 0 9px 8px;}
.bx50 input[type="text"]{ font-size: 17px;}
.textboxsInn::before {
    width: 32%;}



}