/*****************/
/** QapTcha CSS **/


@-webkit-keyframes swing {
  15% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  30% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  40% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  50% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  65% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
 
@keyframes swing {
  15% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  30% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  40% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  50% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  65% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
 
.swing:hover .Slider {
  -webkit-animation: swing 0.6s ease;
  animation: swing 0.6s ease;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
}
  @-webkit-keyframes go-left-right {
    from {
      left: 4px;
    }
    to {
      left: 9px;
    }
  }
.QapTcha:hover .Slider {
	animation: go-left-right 0.5s  ease;
    -webkit-animation: go-left-right  0.5s ease;
}



	.QapTcha {width: 100%;float: left;position:relative;margin-bottom: 30px;}
	.QapTcha .clr{display:none}
	.QapTcha .bgSlider {width:235px;height:39px;float:left;border:1px solid #cccccc;background-color:#fff;padding: 2px;}
	.QapTcha .Slider {z-index:10;width:39px;height:39px;background:transparent url('slide_handle2.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0}

	.QapTcha .TxtStatus {    
	text-transform:uppercase;
	font-size: 14px;
    float: left;
    margin-left: 42px;
    width: 250px;
    line-height: 20px;
    padding-top: 2px;
    position: absolute;
    left: 230px;
	z-index:8;}
	.QapTcha .dropSuccess {color:#000;}
	.QapTcha .dropError {color:#000;}
	
	
	
	.QapTcha2 {width: 171px;float: left;position:relative;margin-bottom: 30px;}
	.QapTcha2 .clr{display:none}
	.QapTcha2 .bgSlider {width:235px;height:39px;float:left;border:1px solid #cccccc;background-color:#fff;padding: 2px;}
	.QapTcha2 .Slider {width:39px;height:39px;background:transparent url('slide_handle2.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0}

	.QapTcha2 .TxtStatus {    
	text-transform:uppercase;
	font-size: 14px;
    float: left;
    margin-left: 35px;
    width: 370px;
    line-height: 20px;
    padding-top: 2px;
    position: absolute;
    left: 230px;z-index:8;}
	.QapTcha2 .dropSuccess {color:#000;}
	.QapTcha2 .dropError {color:#000;}

	#form-cons .qtfun .bgSlider,#form_fordealers .qtfun .bgSlider,.form-pop .qtfun .bgSlider,.full-width .bgSlider{
		width:100%;
		margin-bottom:0px;
		box-sizing: border-box;
		height: 45px;		
	}
	#form-cons .qtfun .TxtStatus,#form_fordealers .qtfun .TxtStatus,.form-pop .qtfun .TxtStatus,.full-width .TxtStatus 	{    
	text-transform:uppercase;
	font-size: 14px;
		text-align: center !important;
		left: auto;
		width: 100%;
		top: 10px;
		margin-left: 0px;
		text-transform: uppercase;
		}
.full-width .TxtStatus{
		font-size: 14px !important;
		text-align: center !important;
		left: auto !important;	
		top: 10px !important;
		text-transform: uppercase!important;
}
.qtfun .TxtStatus 	{    
	text-transform:uppercase;
	font-size: 14px;
    left: 0px;
    top: 10px;
    margin-left: 0px;
	    text-align: center;
	}
.qtfun  .bgSlider {position:relative;}
	.QapTcha.qline {float:none}
	.QapTcha.qline .bgSlider{ width: 100%;float:none;}
	.QapTcha.qline .TxtStatus{	text-transform:uppercase;
	font-size: 14px; z-index:8; width: 100%;float:none;margin-top: 10px;margin-left: 0px;position: relative;left:0px}
	@media (max-width:999px) {
.full-width .TxtStatus{
		font-size: 20px !important;
		text-align: center !important;
		left: auto !important;	
		top: 10px !important;
		text-transform: uppercase!important;
}		
		
#form-cons .qtfun .bgSlider, #form_fordealers .qtfun .bgSlider, .form-pop .qtfun .bgSlider {
    width: 100%;
    margin-bottom: 0px;
    box-sizing: border-box;
    height: 60px;
}		
#form-cons .qtfun .TxtStatus, #form_fordealers .qtfun .TxtStatus, .form-pop .qtfun .TxtStatus {
    font-size:20px;
    text-align: center;
    left: auto;
    width: 100%;
    top: 10px;
    text-transform: uppercase;
}		

.QapTcha {width: 100%;float:none;position:relative;margin-bottom: 30px;}
		.QapTcha .clr{display:none}
		.QapTcha .bgSlider {width:100%;height:54px;float:none;border:1px solid #cccccc;background-color:#fff;padding: 2px;}
		.QapTcha .Slider {width:50px;height:50px;background:transparent url('slide_handle2mob.png') no-repeat;cursor:e-resize;position:relative;top:2px;left:2px}

		.QapTcha .TxtStatus {    
		z-index:8;
		font-size: 16px;
		float: none;
		margin-left: 0px;
		margin-top: 10px;
		width: 100%;
		line-height: 20px;
		padding-top: 2px;
		position: relative;
		left: 0px;
		}
.qtfun .TxtStatus 	{    
	text-transform:uppercase;
	font-size: 14px;
    left: 0px;
    top: 8px;
    margin-left: 0px;
    position: absolute;
    text-align: center;
	z-index:8;
	}	
		.QapTcha .dropSuccess {color:#000;}
		.QapTcha .dropError {color:#000;}
		
		
.full-width .bgSlider {
    width: 100%;
    height: 60px;
    float: none;
    border: 1px solid #cccccc;
    background-color: #fff;
    padding: 2px;
}	
			
	}