.suj_hvconfigurator {
    float: left;
    width: 100%;
	margin-top: 50px;
}
.suj_hvconfigurator_top {
    text-align: right;
	float: left;
	width: 100%;
	position: relative;
}
.suj_hvconfigurator_top_create {
    float: right;
    background: #df0c0c;
    color: #fff;
    padding: 5px;
    width: 270px;
    text-align: left;
    cursor: pointer;
	clear: both;
	margin-top: 2px;
}
.suj_wishlist_top_create{
	float: right;
    background: #F98E00;
    color: #fff;
    padding: 5px;
    width: 270px;
    text-align: left;
    cursor: pointer;
	height: 35px;
	line-height: 30px;
	clear: both;
	margin-top: 2px;
}
.suj_wishlist_top_create2{
	float: right;
    background: #F98E00;
    color: #fff;
    padding: 5px;
    width: 270px;
    text-align: left;
    cursor: pointer;
	height: 35px;
	line-height: 30px;
	clear: both;
	margin-top: 2px;
}
.suj_hvconfigurator_top_request {
    float: right;
    clear: both;
    background: #46a546;
    color: #fff;
    padding: 5px;
    width: 270px;
    text-align: left;
    cursor: pointer;
    margin-top: 2px;
	margin-bottom: 10px;
}
.suj_wishlist_top_request {
    float: right;
    clear: both;
    background: #46a546;
    color: #fff;
    padding: 5px;
    width: 270px;
    text-align: left;
    cursor: pointer;
    margin-top: 2px;
	margin-bottom: 10px;
}
.suj_hvconfigurator_left {
    float: left;
    width: 30%;
	position: relative;
}
.suj_hvconfigurator_right {
    float: left;
    width: 70%;
}
.suj_hvconfigurator_left_head {
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-weight: 500;
}
.suj_hvconfigurator_select_title {
    float: left;
    width: 100%;
    font-weight: 600;
    padding-left: 5px;
	text-transform: uppercase;
}
.suj_hvconfigurator_select_head {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding: 6px;
	cursor: pointer;
	opacity: 0.5;
	border: 1px solid #FF0000;
}
.suj_hvconfigurator_select_head .fa-angle-down {
    color: #7d7d7d;
    font-size: 30px;
    float: left;
    margin-right: 20px;
}
.suj_hvconfigurator_select_head.active {
    opacity: 1;
}
.suj_hvconfigurator_left_manu {
    float: left;
    width: 100%;
    position: relative;
}
.suj_hvconfigurator_select_content {
    position: absolute;
    border: 1px solid #f0f0f0;
    width: 100%;
	display: none;
	z-index: 99;
	background: #fff;
	overflow-y: auto;
	padding-left: 0;
}
.suj_hvconfigurator_left_manu_select{
	top: 70px;
	height: auto;
	max-height: 250px;
}
.suj_hvconfigurator_select_content li {
    border-bottom: 0 !important;
    padding-left: 10px;
	margin-top: 10px;
	cursor: pointer;
	list-style: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.suj_hvconfigurator_select_content li .fa-angle-right {
    color: #F98E00;
    font-size: 20px;
    margin-right: 22px;
	float: left;
}
.suj_hvconfigurator_select_content li img {
    float: left;
    height: 50px;
    margin-right: 10px;
	width: 50px;
}
.suj_hvconfigurator_left_product_select li{
	height: 50px;
	line-height: 50px;
}
.suj_hvconfigurator_select_content li:hover {
    color: #F98E00;
}
.suj_hvconfigurator_right_head {
    color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
}
.suj_hvconfigurator_right_content {
    float: left;
    width: 100%;
}
.suj_hvconfigurator_right_content_step1 {
    float: left;
    width: 100%;
    height: 100%;
    padding: 30px;
    box-sizing: border-box;
}
.suj_hvconfigurator_left_conn {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.suj_hvconfigurator_left_product {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.sujspin {
    float: right;
    margin-top: 5px;
}
.suj_hvconfigurator_left_product_select {
    top: 70px;
	height: auto;
	min-height: 150px;
	bottom: 0;
}
.suj_hvconfigurator_right_head.show {
    color: #7d7d7d;
	font-weight: 500;
	padding-left: 30px;
}
.suj_hvconfigurator_right_content_step2 {
    float: left;
    width: 100%;
    height: 100%;
	display: none;
}
.suj_hvconfigurator_right_content_step2_left {
    float: left;
    width: 55%;
	padding: 30px;
	box-sizing: border-box;
}
.suj_hvconfigurator_right_content_step2_right {
    float: right;
    width: 45%;
	position: relative;
}
.suj_hvconfigurator .bx-pager-link {
    background: #eee !important;
    text-indent: unset !important;
    width: 25px !important;
    height: 25px !important;
    color: #717171;
	text-align: center;
	margin: 1px !important;
	border-radius: 0 !important;
}
.suj_hvconfigurator .bx-wrapper .bx-pager-item {
    font-size: 13px !important;
    line-height: 25px !important;
}
.suj_hvconfigurator .bx-pager-link.active {
    background: #F98E00 !important;
    color: #fff !important;
}
.suj_hvconfigurator .bx-pager {
    top: 0;
    right: 0;
    bottom: auto !important;
    padding: 0 !important;
    text-align: right !important;
}
.suj_hvconfigurator .bx-next {
    background: none !important;
    color: #eee !important;
	left: auto !important;
	right: 0 !important;
}
.suj_hvconfigurator .bx-prev {
    background: none !important;
    color: #eee !important;
	left: 0 !important;
}
.suj_hvconfigurator .bx-next:hover {
    color: #F98E00 !important;
}
.suj_hvconfigurator_help {
    float: left;
    width: 100%;
	margin-top: 20px;
}
.suj_hvconfigurator_help_head {
    box-sizing: border-box;
	float: left;
	width: 100%;
	height: 38px;
}
.suj_hvconfigurator_help_content_item {
    border: 1px solid #eee;
    padding: 10px;
    box-sizing: border-box;
	display: none;
	float: left;
	width: 100%;
}
.suj_hvconfigurator_help_content_item_close {
    color: #F98E00;
    cursor: pointer;
}
.suj_hvconfigurator .bx-wrapper {
    margin: 0;
    box-shadow: none;
	border: 0;
}
.suj_hvconfigurator .bx-wrapper img{
	margin: 0 auto;
	width: 100%;
}
.suj_hvconfigurator_left_conn_select {
    top: 70px;
	height: 115px;
}
.suj_hvconfigurator_help_head_right {
    float: left;
    width: 30%;
}
.suj_hvconfigurator_left_step2 .suj_hvconfigurator_help_head_right{
	width: 100%;
}
.suj_hvconfigurator_help_head_left {
    padding: 0px;
    color: #F98E00;
    float: left;
    cursor: pointer;
}
.suj_hvconfigurator_selectconfirm {
    background: red;
    padding: 5px;
    float: left;
    color: #fff;
	cursor: pointer;
	position: relative;
	width: 100%;
}
.suj_hvconfigurator_selectconfirm:hover{
	background: #7d7d7d;
}
.suj_hvconfigurator_selectconfirm .fa-circle-o {
    position: absolute;
    right: 0;
    background: #52C252;
    width: 38px;
    text-align: center;
    height: 38px;
    top: 0;
    line-height: 38px;
    font-size: 25px;
	display: none;
}
.suj_hvconfigurator_selectconfirmed {
    background: #46a546;
    padding: 5px;
    float: left;
    color: #fff;
	cursor: pointer;
	position: relative;
	width: 100%;
	display: none;
}
.suj_hvconfigurator_selectconfirmed .fa-check-circle-o {
    position: absolute;
    right: 0;
    background: #60c860;
    width: 38px;
    text-align: center;
    height: 38px;
    top: 0;
    line-height: 38px;
    font-size: 25px;
}
.suj_hvconfigurator_left_overlay {
    position: absolute;
    background: rgba(238, 238, 238, 0.5);
    color: #fff;
    left: 0;
    width: 100%;
    bottom: 0;
    text-align: center;
    top: 0;
    font-size: 30px;
	cursor: pointer;
	display: none;
}
.suj_hvconfigurator_left_overlay .fa-times-circle-o {
	margin-bottom: 15px;
	margin-top: 20px;
}
.suj_hvconfigurator_left_overlay .fa.fa-times-circle-o::before{
	font-size: 70px;
}
.suj_hvconfigurator_left_overlay span {
    background: #F98E00;
	width: 200px;
	height: 200px;
	display: inline-block;
	color: #fff;
	border-radius: 200px;
	text-transform: uppercase;
	font-size: 22px;
	margin: auto;
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
}
.suj_hvconfigurator_right_content_step3 {
	float: left;
	width: 100%;
	height: 100%;
	padding: 30px;
	box-sizing: border-box;
}
.suj_hvconfigurator_left_cable {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.suj_hvconfigurator_left_cablelen {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.suj_hvconfigurator_left_cf {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 30px;
}
.suj_hvconfigurator_left_cablelength_select_head_lb {
    position: absolute;
    background: #7d7d7d;
    color: #fff !important;
    top: 0;
    left: 0;
    width: 38px;
    height: 44px;
    text-align: center;
    line-height: 43px;
}
.suj_hvconfigurator_left_cablelength_select_head.suj_hvconfigurator_select_head {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 45px;
}
.suj_hvconfigurator_left_cablelength_ip {
    width: 100%;
	background: #f8f8f8 !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	height: 34px !important;
	min-height: 34px !important;
	padding: 6px 12px !important;
	font-size: 16px !important;
	line-height: 1.42857143 !important;
	color: #7D7D7D !important;
	outline: none !important;
	box-sizing: border-box;
}
.suj_hvconfigurator_left_cablelength_ip:focus,
.suj_hvconfigurator_left_cablelength_ip:active {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}
.suj_hvconfigurator_right_content_step4 ,
.suj_hvconfigurator_right_content_step6 {
    float: left;
    width: 100%;
    height: 100%;
	display: none;
}
.suj_hvconfigurator_right_content_step4_left ,
.suj_hvconfigurator_right_content_step6_left {
    float: left;
    width: 50%;
	padding: 30px;
	box-sizing: border-box;
}
.suj_hvconfigurator_right_content_step4_right ,
.suj_hvconfigurator_right_content_step6_right {
    float: right;
    width: 45%;
	position: relative;
}
.suj_hvconfigurator_selectconfirm .fa-spin.sujspin {
    margin-right: 50px;
}
.suj_hvconfigurator_left_cable_select {
    top: 69px;
}
.suj_hvconfigurator_left2_overlay {
    position: absolute;
    background: rgba(238, 238, 238, 0.5);
    color: #fff;
    left: 0;
    width: 100%;
    bottom: 0;
    text-align: center;
    top: 0;
    font-size: 30px;
	cursor: pointer;
	display: none;
}
.suj_hvconfigurator_left2_overlay span {
    background: #F98E00;
	width: 200px;
	height: 200px;
	display: inline-block;
	color: #fff;
	border-radius: 200px;
	text-transform: uppercase;
	font-size: 22px;
	margin: auto;
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
}
.suj_hvconfigurator_left2_overlay .fa-times-circle-o {
    margin-bottom: 15px;
	margin-top: 20px;
}
.suj_hvconfigurator_left2_overlay .fa.fa-times-circle-o::before{
	font-size: 70px;
}

.suj_hvconfigurator_right_content_step5 {
    float: left;
    width: 100%;
    height: 100%;
	padding: 30px;
}
.suj_hvconfigurator_left_step1.disable .suj_hvconfigurator_left_overlay {
    color: transparent;
	opacity: 0.5;
	background: #fff;
}
.suj_hvconfigurator_right_content_step5_head {
    font-size: 20px;
    margin-bottom: 10px;
	padding: 10px;
}
.suj_hvconfigurator_right_content_step5_box1 {
    float: left;
    width: 100%;
	border: 1px solid #eee;
	padding: 10px;
	box-sizing: border-box;
}
.suj_hvconfigurator_right_content_step5_box2 {
    float: right;
    width: 100%;
	position: relative;
	margin-top: 30px;
	border: 1px solid #eee;
	padding: 10px;
	box-sizing: border-box;
}
.suj_hvconfigurator_right_content_step5_box1_des {
    float: left;
    width: 60%;
	margin-bottom: 0;
}
.suj_hvconfigurator_right_content_step5_box1_head ,
.suj_hvconfigurator_right_content_step5_box2_head {
    font-weight: 600;
}
.suj_hvconfigurator_right_content_step5_box1_head span ,
.suj_hvconfigurator_right_content_step5_box2_head span {
    color: #F98E00;
}
.suj_hvconfigurator_right_content_step5_box1_but {
    background: #F98E00;
	color: #fff;
	padding: 5px;
	cursor: pointer;
	margin-top: 12px;
	float: right;
	width: 35%;
	margin-bottom: 0;
}
.suj_hvconfigurator_right_content_step5_box1_but .fa-angle-double-right ,
.suj_hvconfigurator_right_content_step5_box2_but .fa-angle-double-right {
    float: right;
    margin-top: 4px;
}
.suj_hvconfigurator_right_content_step5_box2_des span {
    float: left;
}
.suj_hvconfigurator_right_content_step5_box2_ip {
    float: right;
    width: 70px;
	border-radius: 0 !important;
	border: none !important;
	background: #eee !important;
	display: none !important;
}
.suj_hvconfigurator_right_content_step5_box2_des {
    float: left;
    width: 60%;
}
.suj_hvconfigurator_right_content_step5_box2_but {
    float: right;
    width: 35%;
    background: #F98E00;
    color: #fff;
    padding: 5px;
    cursor: pointer;
}
.suj_hvconfigurator_left_manu_select_head span ,
.suj_hvconfigurator_left_product_select_head span ,
.suj_hvconfigurator_left_conn_select_head span ,
.suj_hvconfigurator_left_cable_select_head span {
    font-size: 15px;
    float: right;
    color: #F98E00;
}
.suj_hvconfigurator_left_manu_select_head span.active ,
.suj_hvconfigurator_left_product_select_head span.active ,
.suj_hvconfigurator_left_conn_select_head span.active ,
.suj_hvconfigurator_left_cable_select_head span.active {
	position: absolute;
	left: 44px;
	background: #f8f8f8;
	height: 40px;
	top: 29px;
	line-height: 40px;
	width: calc(100% - 45px);
	box-sizing: border-box;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.suj_hvconfigurator_right_content_step5_box2_alert {
    background: red;
    color: #fff;
    position: absolute;
    width: 100%;
    top: 107px;
    padding: 5px;
    display: none;
}
.suj_hvconfigurator_right_content_step5_box2_ip.required {
    border: 1px solid red !important;
}
.suj_hvconfigurator_cnn2 {
    float: left;
    width: 100%;
    height: 100%;
	display: none;
	padding: 50px;
	background: #f8f8f8;
	margin-top: 50px;
	margin-bottom: 45px;
	position: relative;
	text-align: center;
	padding-top: 10px;
	overflow: visible;
}
.suj_hvconfigurator_cnn2_des span {
    display: inline-block;
	margin-top: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
.suj_hvconfigurator_cnn2_ip {
    width: 70px;
	margin-left: 30px;
	border-radius: 0 !important;
	border: none !important;
	background: #fff !important;
	box-shadow: none !important;
	height: 38px !important;
	border: 1px solid red !important;
	display: inline-block !important;
	float: none;
}
.suj_hvconfigurator_cnn2_des {
    display: inline-block;
    width: 420px;
}
.suj_hvconfigurator_cnn2_but {
    display: inline-block;
    width: 300px;
    background: red;
    color: #fff;
    padding: 5px;
    cursor: pointer;
	text-align: center;
}
.suj_hvconfigurator_cnn2_alert {
    background: red;
    color: #fff;
    position: absolute;
    width: 350px;
    top: calc(100% + 8px);
    padding: 5px;
    display: none;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.suj_hvconfigurator_cnn2_ip.required {
    border: 1px solid red !important;
}
.sujrequired {
    border: 1px solid red !important;
}

/* responsive */
@media (max-width: 768px) {
	.suj_hvconfigurator_left,
	.suj_hvconfigurator_right,
	.suj_hvconfigurator_right_content_step2_left,
	.suj_hvconfigurator_right_content_step2_right,
	.suj_hvconfigurator_right_content_step4_left,
	.suj_hvconfigurator_right_content_step6_left,
	.suj_hvconfigurator_right_content_step4_right,
	.suj_hvconfigurator_right_content_step6_right,
	.suj_hvconfigurator_right_content_step5_box1,
	.suj_hvconfigurator_right_content_step5_box2{
		width: 100%;
	}
	.suj_hvconfigurator_right{
		margin-top: 20px;
	}
	.suj_hvconfigurator_help_head_right{
		width: 100%;
	}
	.suj_hvconfigurator_right_content_step5_box2 {
		margin-top: 30px;
	}
	.suj_hvconfigurator_cnn2{
		margin-top: 20px;
	}
	.suj_hvconfigurator_cnn2_alert{
		top: calc(100% + 8px);
		width: 250px;
	}
	.suj_hvconfigurator_cnn2_but{
		margin-top: 45px;
		width: 250px;
	}
	.suj_hvconfigurator_left_overlay span,
	.suj_hvconfigurator_left2_overlay span{
		margin-top: 75%;
	}
	.suj_hvconfigurator_step3.ad .suj_hvconfigurator_right{
		top: 180px !important;
	}
	.suj_hvconfigurator_right_content_step5_box1_des,
	.suj_hvconfigurator_right_content_step5_box1_but,
	.suj_hvconfigurator_right_content_step5_box2_des,
	.suj_hvconfigurator_right_content_step5_box2_but{
		width: 100%;
	}
	.suj_hvconfigurator_step4_firstoption_item{
		margin-right: 0px;
		width: 100%;
		margin-top: 10px;
	}
	.suj_hvconfigurator_step4_secondoption_left{
		width: 100% !important;
	}
	.suj_hvconfigurator_step4_secondoption_right{
		width: 100% !important;
		margin-top: 10px;
	}
	.suj_hvconfigurator_cnn2 {
		padding: 20px !important;
	}
	.suj_hvconfigurator_cnn2_des {
		max-width: 100%;
	}
	.suj_hvconfigurator_cnn2_des .suj_hvconfigurator_stepcount{
		width: 100%;
		margin: 0;
		font-size: 16px;
	}
	.suj_hvconfigurator_cnn2_des span{
		float: left;
		font-size: 13px;
	}
	.suj_hvconfigurator_cnn2_ip {
		margin-left: 10px;
	}
	.suj_hvconfigurator_cnn2_but {
		margin-top: 30px;
	}
	.suj_hvconfigurator_cnn2_alert {
		top: calc(100% + 8px);
		width: 250px;
		font-size: 12px;
		padding: 0;
	}
	.suj_hvconfigurator_step3.ad .suj_hvconfigurator_right .suj_hvconfigurator_right_head{
		width: 100% !important;
	}
}
@media (max-width: 768px) {
	.suj_hvconfigurator_step3.ad{
		height: 1200px;
	}
}
@media (max-width: 480px) {
	.suj_hvconfigurator_step3.ad{
		height: 1200px;
	}
}
@media (max-width: 447px) {
	.suj_hvconfigurator_step3.ad{
		height: 1400px;
	}
}
.suj_hvconfigurator_step2 ,
.suj_hvconfigurator_step3 {
    margin-top: 50px;
    float: left;
    width: 100%;
	display: none;
	position: relative;
}
.suj_hvconfigurator_left_manu_select .disable ,
.suj_hvconfigurator_left_manu_select .disable2 ,
.suj_hvconfigurator_left_cable_select .disable {
    display: none !important;
}
.suj_hvconfigurator_right_content_step5_box1.disable ,
.suj_hvconfigurator_right_content_step5_box2.disable {
    opacity: 0.5;
}
.suj_hvconfigurator_right_content_step5_box1_but.disable ,
.suj_hvconfigurator_right_content_step5_box2_but.disable {
    cursor: not-allowed;
}
@media (max-width: 1024px) and (min-width: 641px) {
	
}

.suj_hvconfigurator_right_content_step5_text {
    display: none;
	float: left;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.suj_hvconfigurator_step1 .suj_hvconfigurator_left_conn:nth-child(5) .suj_hvconfigurator_left_conn_select {
	bottom: auto;
    height: auto;
    max-height: 272px;
}
.suj_hvconfigurator_step2 .suj_hvconfigurator_left_conn:nth-child(5) .suj_hvconfigurator_left_conn_select {
    top: auto;
    bottom: 30px;
    height: auto;
    max-height: 272px;
}
.suj_hvconfigurator_select_content li.disabled {
    display: none;
}

.suj_hvconfigurator_step4 {
    float: left;
    width: 100%;
    margin-top: 50px;
	box-sizing: border-box;
	display: none;
}
.suj_hvconfigurator_step4_head1 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.suj_hvconfigurator_step4_firstoption {
    float: left;
    width: 100%;
	margin-top: 10px;
}
.suj_hvconfigurator_step4_firstoption_item {
    float: left;
    margin-right: 50px;
}
.suj_hvconfigurator_step4_firstoption_item.op2025 {
  display: none;
}
.suj_hvconfigurator_step4_firstoption_item img {
    width: 70px;
	display: inline-block;
	margin-left: 15px;
    margin-top: -5px;
	cursor: pointer;
}
.suj_hvconfigurator_step4_firstoption_item input {
    float: left;
	display: none;
}
.suj_hvconfigurator_step4_firstoption_item label {
    float: left;
	padding-left: 40px;
	position: relative;
	cursor: pointer;
}
.suj_hvconfigurator_step4_secondoption {
    float: left;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}
.suj_hvconfigurator_step4_secondoption_left {
    float: left;
    width: 50%;
}
.suj_hvconfigurator_step4_secondoption_right {
    float: left;
    width: 50%;
}
.suj_hvconfigurator_step4_secondoption_left_head1 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.suj_hvconfigurator_step4_secondoption_left_options {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.suj_hvconfigurator_step4_secondoption_left_options_item {
    float: left;
    margin-right: 50px;
}
.suj_hvconfigurator_step4_secondoption_left_options_item input {
    float: left;
    margin-top: 7px;
	display: none;
}
.suj_hvconfigurator_step4_secondoption_left_options_item label {
    float: left;
	padding-left: 40px;
	position: relative;
	cursor: pointer;
}
.suj_hvconfigurator_step4_secondoption_right_item {
    float: left;
    width: 100%;
	margin-bottom: 5px;
}
.suj_hvconfigurator_step4_secondoption_right_item_label {
    float: left;
    width: 20%;
}
.suj_hvconfigurator_step4_secondoption_right_item_ip {
    float: left;
    width: 80%;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f7f7f7 !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
    font-size: 16px !important;
    line-height: 1.42857143 !important;
    color: #7D7D7D !important;
    outline: none !important;
    box-sizing: border-box;
}
.suj_hvconfigurator_step4_secondoption_right_item_ip:focus,
.suj_hvconfigurator_step4_secondoption_right_item_ip:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
.suj_hvconfigurator_step4_secondoption_right_item_lasttext {
    width: 80%;
    margin-left: 20%;
    display: inline-block;
}
.suj_hvconfigurator_step4_firstoption_item label::before{
	content: "";
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 0;
	border: 1px solid red;
}
.suj_hvconfigurator_step4_firstoption_item input:checked ~ label::after{
	content: "";
	height: 17px;
	width: 17px;
	background-color: #46a546;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 4px;
	top: 4px;
}
.suj_hvconfigurator_step4.ok .suj_hvconfigurator_step4_firstoption_item label::before{
	border: none;
}
.suj_hvconfigurator_step4.ok .suj_hvconfigurator_step4_firstoption_item input:checked ~ label::before{
	border: 1px solid green;
}
.suj_hvconfigurator_step4_secondoption.ok .suj_hvconfigurator_step4_secondoption_left_options_item label::before{
	border: none;
}
.suj_hvconfigurator_step4_secondoption.ok .suj_hvconfigurator_step4_secondoption_left_options_item input:checked ~ label::before{
	border: 1px solid green;
}
.suj_hvconfigurator_step4_secondoption_left_options_item label::before{
	content: "";
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 0;
	border: 1px solid red;
}
.suj_hvconfigurator_step4_secondoption_left_options_item input:checked ~ label::after{
	content: "";
	height: 17px;
	width: 17px;
	background-color: #46a546;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 4px;
	top: 4px;
}
.suj_hvconfigurator_step4_secondoption_right.disabled {
    opacity: 0.4;
}
.suj_hvconfigurator_step4_secondoption_right.disabled input {
    pointer-events: none;
}
.sujpopup_step4_popup {
    padding: 0 !important;
	background: none !important;
}
.sujpopup_step4_popup #swal2-title {
    font-size: 12px;
    color: #fff;
    text-align: left;
    padding: 0;
    font-weight: normal;
}
.sujpopup_step4_popup #swal2-html-container {
    margin: 0;
}
.sujpopup_step4_popup .swal2-close {
    display: none !important;
}
.sujpopup_step4_container #swal2-html-container .fa-times-circle-o {
    float: right;
    background: #F98E00;
    width: 10%;
    height: 100%;
    color: #fff;
    cursor: pointer;
	font-size: 25px;
	padding-top: 25%;
	text-align: center;
}
.sujpopup_step4_container #swal2-html-container img{
	float: left;
	width: 90%;
}
.sujpopup_alert_popup #swal2-html-container {
    font-size: 16px;
}
.sujpopup_alert_popup .swal2-confirm.swal2-styled {
    background: #F98E00;
    font-size: 16px;
    font-weight: normal;
	border-radius: 0;
}
.sujpopup_alert_popup .swal2-cancel.swal2-styled {
    background: #7d7d7d;
    font-size: 16px;
    font-weight: normal;
	border-radius: 0;
}
.sujpopup_alert_popup .swal2-styled.swal2-confirm:focus,
.sujpopup_alert_popup .swal2-styled.swal2-cancel:focus {
    box-shadow: none;
}
.sujpopup_alert_popup {
    border-radius: 0 !important;
    border: 5px solid #F98E00 !important;
}
.suj_hvconfigurator_select_title2 {
    padding-left: 5px;
}
.suj_hvconfigurator_step3 {
    position: relative;
}
.suj_hvconfigurator_step3.ad .suj_hvconfigurator_right {
    position: absolute;
    width: 100%;
    top: 180px;
    left: 0;
	background: #fff;
}
.suj_hvconfigurator_step3.ad .suj_hvconfigurator_right .suj_hvconfigurator_right_head {
    width: 70%;
    float: right;
}
.suj_hvconfigurator_step3.ad .suj_hvconfigurator_right .suj_hvconfigurator_right_content_step5 {
    background: #fff;
}
.suj_hvconfigurator_stepcount {
    float: left;
    color: #FF0000;
    margin-right: 15px;
}
.suj_hvconfigurator_stepcount.ok {
    color: #46A546;
}
.suj_hvconfigurator_help_head_right .suj_hvconfigurator_stepcount {
    color: #fff;
    text-transform: uppercase;
}
.suj_hvconfigurator_select_head.ok {
    border: 1px solid #46A546 !important;
}
.suj_hvconfigurator_help.haspace{
	margin-top: 30px;
}
.suj_hvconfigurator_select_head.ok span {
    color: #46a546;
}
.suj_hvconfigurator_selectconfirm.ok {
    background: #46a546;
}
.suj_hvconfigurator_selectconfirm.ok .fa-circle-o {
    display: block;
}
.suj_hvconfigurator_cnn2_des .suj_hvconfigurator_stepcount {
    text-transform: uppercase;
	font-weight: bold;
}
.suj_hvconfigurator_step4_secondoption.ok .suj_hvconfigurator_stepcount,
.suj_hvconfigurator_step4.ok .suj_hvconfigurator_step4_head1 .suj_hvconfigurator_stepcount,
.suj_hvconfigurator_cnn2.ok .suj_hvconfigurator_stepcount{
    color: #46a546;
}
.suj_hvconfigurator_cnn2.ok .suj_hvconfigurator_cnn2_ip {
    border: 1px solid green !important;
}
.suj_hvconfigurator_cnn2.ok .suj_hvconfigurator_cnn2_but {
    background: #46a546;
}
.suj_hvconfigurator_step3 .suj_hvconfigurator_selectconfirm {
    display: none;
}
.pulse-button {
	box-shadow: 0 0 0 0 rgba(232, 76, 61, 50%);
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.5, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.5, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.5, 0, 0, 1);
	animation: pulse 2s infinite cubic-bezier(0.5, 0, 0, 1);
	background: rgba(232,76,61,10%);
}
.pulse-button:hover{
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 7px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 7px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 7px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 7px rgba(232, 76, 61, 0);}}

.suj_hvconfigurator_step1 {
    position: relative;
    float: left;
    width: 100%;
}
.suj_hvconfigurator_step3.ad .suj_hvconfigurator_left_head {
    background: #fff;
    color: #fff;
}
.suj_hvconfigurator_step3.ad .suj_hvconfigurator_right_content_step5 {
    padding: 0;
    margin-top: 15px;
}
.suj_hvconfigurator_step3.ad .suj_hvconfigurator_help.haspace{
	margin-top: 50px;
}
.suj_hvconfigurator_cnn2_desf {
    margin-bottom: 10px;
}
.suj_hvconfigurator_help .pulse-button {
    box-shadow: 0 0 0 0 rgba(48, 210, 43, 0.5);
}
.suj_hvconfigurator_step3.ad .suj_hvconfigurator_left .suj_hvconfigurator_left_conn{
    opacity: 0;
}
.suj_hvconfigurator_cnn2.ok {
  background: #E3F2E3;
  border: 1px solid #46A546;
}
.suj_hvconfigurator_step2_des {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.suj_hvconfigurator_top_process {
  float: left;
  width: calc(100% - 270px);
}

.suj_hvcprocess_content {
    text-align: center;
    position: relative;
	margin-top: 59px;
}
.suj_hvcprocess_content_progressbar {
    overflow: hidden;
    color: #6a6666;
	padding-left: 0;
}
.suj_hvconfigurator_top_button {
  float: right;
}
.suj_hvcprocess_content_progressbar .active {
    color: #000000;
}
.suj_hvcprocess_content_progressbar_item.passed {
  cursor: pointer;
}
.suj_hvcprocess_content_progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 16.5%;
    float: left;
    position: relative
}
.suj_hvcprocess_content_progressbar li:after {
    font-family: FontAwesome;
    content: "\f111";
	font-size: 34px;
}
.suj_hvcprocess_content_progressbar li:after {
    width: 35px;
	height: 35px;
	line-height: 27px;
	display: block;
	font-size: 26px;
	color: #ffffff;
	background: #fff;
	border-radius: 50%;
	margin: 0 auto 10px 0;
	padding: 2px;
	border: 2px solid #888;
}
.suj_hvcprocess_content_progressbar li:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #888;
    position: absolute;
    left: 0;
    top: 75px;
    z-index: -1
}
.suj_hvcprocess_content_progressbar li.active:after{
	background: #fff;
	color: #F98E00;
	border: 2px solid #F98E00;
}
.suj_hvcprocess_content_progressbar li.active:before {
    background: #F98E00;
}
.suj_hvcprocess_content_progressbar li.passed:after{
	background: #fff;
	color: #46a546;
	border: 2px solid #46a546;
}
.suj_hvcprocess_content_progressbar li.passed:before {
    background: #46a546;
}
.suj_hvcprocess_content_progressbar_item strong{
	line-height: 19px;
	display: inline-block;
	font-weight: normal;
	font-size: 15px;
	position: relative;
	margin-bottom: 20px;
}
.suj_hvcprocess_content_progressbar_item.step1 {
  width: 18%;
}
.suj_hvcprocess_content_progressbar_item.step2 {
  width: 18%;
}
.suj_hvcprocess_content_progressbar_item.step3 {
  width: 20%;
}
.suj_hvcprocess_content_progressbar_item.step4 {
  width: 23%;
}
.suj_hvcprocess_content_progressbar_item.step5 {
  width: 13%;
}
.suj_hvcprocess_content_progressbar_item.step6 {
  width: 8%;
  cursor: pointer;
}
.suj_hvcprocess_content_progressbar_item.step1::after {
  margin: 0 auto 10px 25%;
}
.suj_hvcprocess_content_progressbar_item.step1 strong{
	left: -20px;
	width: 110px;
}
.suj_hvcprocess_content_progressbar_item.step2 strong{
	left: -58px;
	width: 110px;
}
.suj_hvcprocess_content_progressbar_item.step3 strong{
	left: -66px;
	width: 155px;
}
.suj_hvcprocess_content_progressbar_item.step4 strong{
	left: -77px;
	width: 175px;
}
.suj_hvcprocess_content_progressbar_item.step5 strong{
	left: -66px;
	width: 175px;
}
.suj_hvcprocess_content_progressbar_item.step6 strong{
	left: -18px;
	width: 55px;
	height: 37px;
	top: 15px;
}
.suj_hvcprocess_content_progressbar_item.step6 span {
  background: #F98E00;
font-size: 23px;
color: #fff;
width: 27px;
display: inline-block;
height: 27px;
border-radius: 27px;
line-height: 26px;
}
.suj_hvcprocess_content_progressbar_item.active strong::after{
	content: "|";
	position: absolute;
	bottom: -19px;
	color: #F98E00;
	left: 0;
	margin: auto;
	right: 0;
	font-weight: bold;
	font-size: 20px;
}
.suj_hvcprocess_content_progressbar_item.passed strong::after{
	content: "|";
	position: absolute;
	bottom: -19px;
	color: #46a546;
	left: 0;
	margin: auto;
	right: 0;
	font-weight: bold;
	font-size: 20px;
}
.suj_hvcprocess_content_progressbar_item.step6 strong::after{
	content: "|";
	position: absolute;
	bottom: -6px;
	color: #46a546;
	left: 0;
	margin: auto;
	right: 0;
	font-weight: bold;
	font-size: 20px;
}
.suj_hvcprocess_content_progressbar li.step6::after {
  font-family: Roboto, sans-serif;
  font-size: 17px;
  background: #46a546;
  border: 2px solid #46a546;
}

.suj_hvcprocess_content_progressbar li.step5::before {
  background: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%2346A546FF' stroke-width='6' stroke-dasharray='6%2c 24' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.suj_hvcprocess_content_progressbar li.step6::before {
	background: #46a546;
}
.suj_hvconfigurator_top_info {
  background: #46a546;
  color: #fff;
  right: 0;
  position: absolute;
  bottom: 10px;
  top: 0;
  width: calc(34% - 27px);
  display: none;
}
.suj_hvconfigurator_top_info_nb {
  float: left;
  width: 20%;
  height: 100%;
  text-align: center;
  position: relative;
}
.suj_hvconfigurator_top_info_nb_ct {
  border: 1px solid #fff;
  width: 40px;
  display: inline-block;
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
  font-size: 20px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.suj_hvconfigurator_top_info_text {
  float: left;
  width: 80%;
}
.suj_hvconfigurator_top_info_close {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 22px;
  cursor: pointer;
}
.suj_hvconfigurator_top_info_text {
  float: left;
  width: 80%;
  height: 100%;
  line-height: 30px;
  text-align: left;
  padding-top: 27px;
}
.suj_hvcprocess_content_progressbar_item.active strong {
  color: #F98E00;
}
.suj_hvcprocess_content_progressbar_item.passed strong {
  color: #46a546;
}

@media (max-width: 1280px) {
	.suj_hvconfigurator_top_process {
  display: none;
}
}
.suj_step3_nopros {
  display: inline-block;
  padding: 10px;
  width: 100%;
}
.bx-viewport.bx-viewport { min-height: 350px !important; }
.sujdm {
  width: 350px !important;
}
.suj_imgxpl {
  margin-top: 10px;
}
.suj_hvconfigurator_left_conn_agro {
  float: left;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
.suj_hvconfigurator_left_conn_agro_head {
  color: #7d7d7d;
  font-weight: bold;
}
.suj_hvconfigurator_left_conn_agro_ip {
  width: 100%;
  height: 42px !important;
	border-radius: 0 !important;
	padding-left: 42px !important;
}
.li_noagro {
  white-space: normal !important;
}
.suj_hvconfigurator_left_conn_agro::after {
  content: "mm";
  background: #7d7d7d;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
}
.suj_hvconfigurator_left_conn_agro_ip.scwrequired {
  border: 1px solid red;
}

.suj_wishlist_top_create2:hover ,
.suj_wishlist_top_create2:focus {
  color: #fff;
}
.suj_wishlist_top_create:hover ,
.suj_wishlist_top_create:focus {
  color: #fff;
}
.suj_wishlist .suj_hvcprocess_content {
  margin-top: 69px;
}

.suj_wishlist .suj_hvcprocess_content_progressbar_item.step4{
	width: 79%;
}
.suj_wishlist .suj_hvcprocess_content_progressbar_item.step4 strong{
	display: none;
}
.suj_wishlist .suj_hvcprocess_content_progressbar li.passed::after{
	opacity: 0;
}
.suj_wishlist .suj_hvconfigurator_top.step2 .suj_hvcprocess_content {
  margin-top: 19px;
}
.suj_wishlist .suj_hvconfigurator_top.opendes .suj_hvcprocess_content{
	margin-top: 32px;
}