.clr {
	clear:both;
}
.woocommerce .step_title{
	color: #13B4E8;
    text-transform: uppercase;
    font-weight: bold;
    /*margin-bottom: 25px;*/
    border-bottom: 1px solid #13B4E8;
    padding: 10px;
}
.woocommerce .form_body{
	padding: 20px;
}
.woocommerce .form_body input, .woocommerce .form_body select, .woocommerce .form_body textarea {
	background: #fdfdfd;
	color: #333;
}
.woocommerce .form_body .os_btn {
	background: #289ccb;
	color: #fff;
	padding: 10px 15px;
	border-radius: 3px;
	border: none;
	font-weight: normal;
	display: inline-block;
    line-height: 25px;
	cursor: pointer;
}
.woocommerce .form_body .not_validate {
	border: 1px solid red;
}
.woocommerce .btn_next {
	padding: 12px 50px;
    border: none;
    background: #F7F7F7;
    border-radius: 2px;
    color: #289CCB;
	border: 1px solid #eee;
	background: linear-gradient(to top, #F7F7F7, #FFFFFF);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 1);
}
.woocommerce .btn_next:hover{
	box-shadow: 0px 1px 1px 1px rgba(180, 180, 180, 1);
}
.modal_box {
	display: none;
	position: fixed;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
}
.modal_box .modal_body {
	position: absolute;
    width: 200px;
    height: 210px;
    background: #fdfdfd;
    padding: 35px;
    border-radius: 8px;
    left: 50%;
    top: 50%;
    margin-left: -135px;
    margin-top: -140px;
	text-align: center;
}
.modal_box .modal_body label {
	width: 100%;
}
.modal_box .modal_body .os_btn_close {
	position: absolute;
    top: 0;
    right: 11px;
    font-size: 22px;
    cursor: pointer;
}
.modal_box .modal_body .os_btn_close:hover {
	color: #E20909;
}
.modal_box .modal_body input[type=submit]{
	width: 70%;
}
.progress_wizard {
	/*width: 100%;*/
	margin-bottom: 40px;
	padding: 10px 10px 5px 10px;
    background: #fdfdfd;
    border: 1px solid #eee;
    border-radius: 5px;
}
.progress_wizard ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
.progress_wizard ul li{
	float: left;
	width: 33%; 
	text-align:center;
	border-bottom: 3px solid #E9E9E9;
	color: #ccc;
	font-weight: bold;
}
.progress_wizard .stepActived {
	border-bottom: 3px solid #65d074;
	color: #65d074;
}
.progress_wizard .stepActive {
	border-bottom: 3px solid #5C9ED2;
	color: #5C9ED2;
}
.progress_wizard ul:after{
	content: '';
	display: block;
	clear: both;
}

.woocommerce .form_body .service_block {
	border: 1px solid #d4d4d4;
	position: relative;
	border-radius: 2px;
	font-weight: normal;
	padding-top: 20px;
	cursor: pointer;
	transition: 0.3s;
}

.woocommerce .form_body .service_block:hover{
	box-shadow: inset 0 -15px 0px -8px #289DCC;
}

.woocommerce .form_body .service_block img {
	width: 100%;
	border-radius: 2px 2px 0 0;
	
	transition: 0.3s;
}

.woocommerce .form_body .service_block:hover img{
	box-shadow: 0 7px #289DCC;
}

.woocommerce .form_body .service_block .text {
	padding: 25px;
}
.woocommerce .form_body .service_block .shade {
	position: absolute;
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
	display:none;
}
.woocommerce .form_body .service_block.active {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.woocommerce .form_body .service_block.active img {
	box-shadow: none;
}
.woocommerce .form_body .service_block.no_active .shade {
	display: block;
}
.woocommerce .form_body input[name="what_service"] {
	display: none;
}

.woocommerce .form_body #email_icon, .woocommerce .form_body #v_pass_1, .woocommerce .form_body #v_pass_2 {
	position:relative;
}

.woocommerce .form_body .email_icon:after {
    content: '';
	background-image: url('../img/email3.png');
	position: absolute;
    right: 6px;
    bottom: 6px;
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
}

.woocommerce .form_body .email_icon_load:after {
	content: '';
	background-image: url('../img/email_loader.gif');
    position: absolute;
    right: 8px;
    bottom: 8px;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
}

.woocommerce .form_body .email_icon_check:after {
	content: '';
	background-image: url('../img/email_check.svg');
    position: absolute;
    right: 6px;
    bottom: 6px;
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
}

.woocommerce .form_body .email_icon_nocheck:after {
	content: '';
	background-image: url('../img/email_nocheck.png');
    position: absolute;
    right: 6px;
    bottom: 6px;
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
}

.woocommerce .form_body .pass1_valid:after, .woocommerce .form_body .pass2_valid:after {
	content: '';
	background-image: url('../img/email_check.svg');
    position: absolute;
    right: 6px;
    bottom: 6px;
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
}

.woocommerce .form_body .pass2_invalid:after {
	content: '';
	background-image: url('../img/email_nocheck.png');
    position: absolute;
    right: 6px;
    bottom: 6px;
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
}

.woocommerce .form_body #pswd_info {
	position:absolute;
	top: 75px;
	top: 115px\9; /* IE Specific */
	left:5px;
	width:218px;
	padding:15px;
	background:#fefefe;
	font-size:.875em;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
	z-index: 999;
	display:none;
}
.woocommerce .form_body #pswd_info ul, .woocommerce .form_body #pswd_info li {
	margin:0;
	padding:0;
	list-style-type:none;
}
.woocommerce .form_body #pswd_info h4 {
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
	font-size: 14px;
	line-height: 1.2;
}
.woocommerce .form_body #pswd_info::before {
	content: "\25B2";
	position:absolute;
	top:-12px;
	left:45%;
	font-size:14px;
	line-height:14px;
	color:#ddd;
	text-shadow:none;
	display:block;
}

.woocommerce .form_body #pswd_info .invalid {
	background:url(../img/status_invalid.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#ec3f41;
}
.woocommerce .form_body #pswd_info .valid {
	background:url(../img/status_valid.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#3a7d34;
}

.c_left_btn {
	text-align: left;
	float: left;
	width: 30%
}
.c_center_btn {
	display: inline-block;
	text-align: center;
	width: 40%;
}
.c_right_btn {
	text-align: right;
	float: right;
	width: 30%;
}
#go_step2_load_box {
	display: none;
	position: fixed;
    z-index: 1000;
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
	padding-top: 200px;
}
#go_step2_load_box img {
	height: 80px;
}
#go_step2_load_box p {
	font-size: 16px;
}
	
	@media only screen and (max-width: 767px){
		.woocommerce .form_body .form-row{
			width: 100%;
		}
		.success_box {
			padding-top: 75px;
			text-align: center;
		}
		
		.c_left_btn {
			text-align: center;
			float: none;
			width: 100%;
			margin-bottom: 15px;
		}
		.c_center_btn {
			display: inline-block;
			text-align: center;
			width: 100%;
			margin-bottom: 15px;
		}
		.c_right_btn {
			text-align: center;
			float: none;
			width: 100%
		}
	}
.tooltips a{
	width: 280px;
	float: left;
	color: black !important;
	text-align: left;
	padding: 8px 0px;}

.tooltips a.lines2{
	padding:0px;}

#case_div .wpcf7-submit, #case_div2 .wpcf7-submit, #case_div3 .wpcf7-submit{
	float: right;}

.casestepbuttons{
	position: relative;
	top: 7px;}

#case_div3 span.failure-circumstances, #case_div3 span.required-files, #case_div3 span.comments, #case_div3 span.diagnostics_level,
#case_div3 span.magento{
	height: auto !important;
	clear:both;}

#case_div3 span.failure-circumstances .wpcf7-not-valid-tip, #case_div3 span.required-files .wpcf7-not-valid-tip,
#case_div3 span.comments .wpcf7-not-valid-tip, #case_div3 span.magento .wpcf7-not-valid-tip{
	margin-left: 140px;
	margin-bottom: 10px;}

#case_div3 .case-2lines .first-name, #case_div3 .case-2lines .last-name{
	z-index:400;}

#Steplist{
	list-style-type: none;
	margin: 0;
	padding: 0;}

#Steplist li{
	float: left;
	padding: 0px;
	background:#E9E9E9;
	color: #A0A0A0;}

#Steplist li a{
	display: block;
	padding: 7px 27px;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#Steplist li a{
		padding: 7px 15px;}
}

@media only screen and (max-width: 767px) {
	#Steplist li a{
		padding: 7px 12px;}
}

@media only screen and (max-width: 479px){
	#Steplist li a{
		padding: 7px 8px;
		font-size: 13px;}
}

#Steplist li.stepActive{
	background: #5C9ED2 url('../img/stepPointer.jpg') no-repeat bottom right;
	color: white;}

#Steplist li.stepActive:hover{
	background: #333333 url('../img/stepPointer2.jpg') no-repeat bottom right;
	color: white;}

#Steplist li.stepActive:hover a, #Steplist li:hover a{
	color: white;}

#Steplist li.stepActived{
	border-radius: 0px;
	background: #5C9ED2;
	color: white;}

#Steplist li.stepActived:hover{
	background: #333333;}

#Steplist li.stepFirst{
	border-radius: 9px 0px 0px 9px !important}

#Steplist li.stepLast{
	border-radius: 0px 9px 9px 0px !important;}

#case_div2 table{
	width:100%;}

#case-label-form-image{
	display: block;
	height: 230px;
	width: 317px;
	background: url('../img/shipping-page-img.jpg') 0px -16px;
	float:left;}

.packagingPhoto1{
	display: block;
	height: 148px;
	width: 161px;
	background: url('../img/download-and-install.jpg');
	float:left;
	margin: 20px 30px;}

.packagingHardship{
	background: url('../img/hardship.png') no-repeat;}

.packagingEsdrive{
	background: url('../img/esdrive.png') no-repeat;}

.packagingBuddrive{
	background: url('../img/bubdrive.png') no-repeat;}

.packagingSignedconcent{
	background: url('../img/signedconcent.png') no-repeat;}

.packagingBoxeddrive{
	background: url('../img/boxeddrive.png') no-repeat;}

.packagingCouriers{
	background: url('../img/couriers.png') no-repeat;}

.packagingText1{
	display: block;
	height: 148px;
	width: 640px;
	text-align: left;
	float:left;
	margin: 20px 30px;}

#case-label-form-text{
	text-align: left;
	width: 548px;
	float:right;}

.case-header{
	font-size: 26px;
	color:#289dcc !important;
	line-height:34px;}

.case-text{
	text-align: left;
	width: 548px;}

.fright{
	float:right;}

#case-print .teaserbox .border{
	height:240px;}

.teaserbox #case-teaserbox-border{
	height:240px !important;}

#case-text1{
	position: relative;
	top:-15px;}

#case-teaserbox{
	margin-bottom: 15px;}

#case-print #tabs ul{
	list-style: none;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}

#case-print #tabs ul li{
	border: 1px solid #d6d6d6;
	border-top: 3px solid #289DCF;
	border-bottom: none;
	float:left;}

#case-print #tabs ul li{
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	padding: 5px 46px;
	border-bottom: 1px solid #d6d6d6;}

.case-first-tab-text{
	margin-left: 50px;
	padding-top: 20px;
	display: block;
	clear: both;}

.wpcf7 #case_div .step1-alert{
	margin: 0px 0px 10px 140px !important;
	display:none;
	text-align: right;}

.wpcf7 #case_div .display-show-important{
	display:block !important;}

.wpcf7 #case_div .display-hide-important{
	display:none !important;}

#casereq{
	font-weight: normal;
	position: relative;
	top: 5px;}

.casestep2alert{position: relative;
	top: 20px;}

.casesteptooltip2{
	font-weight:normal;}

.casesteptoolspan{
	height:0px !important;}

.casesteptooltiplabel{
	position: relative;
	top: -20px;}

.casesteptooltip{
	padding: 25px 0px 0px 0px !important;
	width: auto !important;
	font-weight:normal;
}

.log-in-click{
	display: inline;
	text-decoration: underline;
	text-underline: red;
	cursor: pointer;
}

.log-in-click:hover{
	color: blue;
}

.ui-autocomplete {
	border: solid 1px var(--mainblue);
	width: 100%;
	background-color: white;
	margin: -3px auto 0 auto;
	border-radius: 0 0 5px 5px;
	list-style: none;
	padding: 0;
	max-width: 382px;
	border-top: none;
	left: 208.5px !important;
}
.autocomplete-address-li {
	line-height: 36px;
	cursor: pointer;
	padding: 0 15px;
}
.autocomplete-address-li:hover {
	background-color: #F2F2F4;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid var(--mainblue);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: var(--mainblue) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



/* responsive success page submit service */

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.packagingText1{width:530px;}
	.success_responsive_path_1{width:355px !important;}
	.success_responsive_path_1 .case-text, .success_responsive_path_1 #case-label-form-text{width:355px !important;}
	#case-print #tabs ul li{padding:5px 16px;}
}
@media(max-width: 870px) {
	.packagingPhoto1 {
		float: none !important;
		clear: both;
	}
	.packagingText1 {
		float: none !important;
		width: auto !important;
	}
}
@media only screen and (min-width: 420px) and (max-width: 768px) {
	.packagingText1{width:380px;}
	.success_responsive_path_1{width:348px !important;}
	.success_responsive_path_1 .case-text, .success_responsive_path_1 #case-label-form-text{width:348px !important;}
	.success_responsive_path_1 a.button{display: inline !important; float:left !important;}
	.teaserbox #case-teaserbox-border{width:347px !important; height:388px !important;}
	.packagingText1{height:auto !important;}
	.packagingText1 p{height:auto !important;}
	#case-print #tabs ul li{width:100%; padding:5px 0px;}
}

@media only screen and (max-width: 479px){
	.packagingText1{width:260px;}
	.success_responsive_path_1{width:229px !important;}
	.success_responsive_path_1 .case-text, .success_responsive_path_1 #case-label-form-text{width:229px !important;}
	.teaserbox #case-teaserbox-border{width:228px !important; height:370px !important;}
	#case-label-form-image{width:229px !important; height:179px !important;}
	#case-label-form-image img{height:178px !important;}
	.success_responsive_path_1 a.button{display: inline !important; float:left !important;}
	.packagingText1{height:auto !important;}
	.packagingText1 p{height:auto !important;}
}

@media only screen and (max-width: 420px) {
	.packagingText1{width:260px;}
	.success_responsive_path_1{width:229px !important;}
	.success_responsive_path_1 .case-text, .success_responsive_path_1 #case-label-form-text{width:229px !important;}
	.teaserbox #case-teaserbox-border{width:228px !important; height:370px !important;}
	#case-label-form-image{width:229px !important; height:179px !important;}
	#case-label-form-image img{height:178px !important;}
	.success_responsive_path_1 a.button{display: inline !important; float:left !important;}
	.packagingText1{height:auto !important;}
	.packagingText1 p{height:auto !important;}
	.ui-autocomplete {
		border: solid 1px var(--mainblue);
		width: 100%;
		background-color: white;
		margin: -3px auto 0 auto;
		border-radius: 0 0 5px 5px;
		list-style: none;
		padding: 0;
		max-width: 299px;
		border-top: none;
		left: -0.5px !important;
	}
}