/*checkout step by step*/

/*hide extend columns*/
.com-virtuemart.view-cart #sp-left,
.com-virtuemart.view-user #sp-left {
	display: none;
}
.com-virtuemart.view-cart #sp-component,
.com-virtuemart.view-user #sp-component {
	width:100%;
}
/*psudo bootstrap*/
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-sm-6, .col-md-12 {
  min-height: 1px;
 /* padding-left: 15px;
  padding-right: 15px;*/
  position: relative;
  float:left;
}
  #vm-login.col-md-12,
#registerform ,
#registerform .col-md-12,
.col-md-12  {
  width: 100%;
}
#vm-login .row,
#registerform .row {
  margin-left: -15px;
  margin-right: -15px;
}
#vm-login .col-sm-6 ,
#registerform .col-md-6,
.col-md-6{
  width: 50%;
  float:left;
}
.vm-preloader {
 background-color:rgba(255,255,255,0.9);
 bottom:0;
 height:100%;
 left:0;
 position:absolute;
 right:0;
 top:0;
 width:100%;
 text-align:center;
 border:1px solid #ddd;
 z-index:100;
}
.vm-preloader img {
 position:relative;
 top:45%;
}
.vm-preloader.hidden {
	display: none;
}
/*basic*/
button, .button, .btn {
  margin: 0 !important;
}
select.form-control {
  width: auto;
}
input.form-control {
  max-width: 240px;
}
#fancybox-content h4, #fancybox-content > div > h4 + div {
	text-align: left;
}
/*icons*/
.vmicon,
.vmiconFE {
  background-image: none !important;
}
.form-control.vm_qty_input {
	width: 60px;
	height: 26px;
	float: left;
	padding: 3px 6px;
	line-height: 26px;
}
.vm_cartbtn {
	display: inline;
	float: right;
}
.fa.fa-trash-o, .fa.fa-refresh {
	color: #333;
}
/*table*/
#checkoutForm .vm-fieldset-pricelist {
	width: 100%;
	margin: 30px 0 30px 0 !important;
}
#checkoutForm .cart-summary .cart-images {
	width: 160px !important;
	float: left;
	padding: 10px 40px 10px 0 !important;
	text-align: left !important;
}
#checkoutForm .cart-summary tbody td {
	border: 1px solid #ddd!important;
	vertical-align: middle;
	text-align:left!important;
}
.cart.customer-note label{
	width:100%;
}

.cart_product_name {
	padding: 70px 10px 0;
	/* float: right; */
}
/*for cc expiration date selects*/
.vmpayment_cardinfo select.form-control {
  display: inline;
}
.vm-mobile-total {
	display:none;
}
.reddd {
	color: #2fb5e2;
}
.vmLoadingDiv {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.3) url('../images/vm-preloader.gif') 50% 45% no-repeat;
}

/* Anytime the body has the loading class, our
   modal element will be visible */

.vmLoading .vmLoadingDiv {
  display: block;
}

.vmLoadingDiv .vmLoadingDivMsg {
  position: relative;
  top: 50%;
}
span.round {
	background: #2fb5e2;
	color: #fff;
	border-radius: 50%;
	/* padding: 10px; */
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	line-height:30px;
}
.clearboth {
	clear:both;
}
.page-header.cart_h1 {
	margin: 0;
}
.text-right, .right {
  text-align: right !important;
}
.cart-summary .vm-price-desc {
  display: inline;
  width: 0;
}
.cart-summary .vm-price-desc + span {
  display: inline-block;
  text-align: right;
  width: 100%;
}
label {
		font-weight:400;
		font-size:100%;
}
.billto-shipto label {
  clear: left;
  font-size: 100%;
  font-weight: 400;
}
.table.cart-summary th {
  font-size: 115% !important;
  font-weight: bold !important;
  padding: 5px 5px 15px !important;
}
.table-bordered tbody:first-child tr:first-child th {
	border-left:1px solid #ddd;
}
.cart-summary td, .cart-summary th {
  border: 0 none;
}

#shipmentForm input[type="radio"] {
	line-height: normal;
	margin: 15px 10px 0;
	vertical-align: middle;
	float: left;
	width: 20px;
	padding-top: 20px !important;
	display: inline-block;
}
#shipmentForm label {
	float: left;
	width: 90%;
	margin: 10px 0 10px 40px;
}
.cart-summary .vmCartShipmentLogo {
	float: left;
	width: 180px;
}
.cart-summary .vmshipment_weights {
	margin-left: 20px;
}
.gjcvmshipchoose .vmCartShipmentLogo {
	display: inline-block;
	width: 100px;
	float: left;
	margin-bottom: 30px;
}
.gjcvmshipchoose .vmshipment_name {
	clear: none;
	display: inline;
}
.vmshipment_description {
	margin-left: 20px;
	max-width: 70%;
}
.gjcvmshipchoose .vmshipment_cost::before {
		content:' - ';
}
.gjcvmshipchoose .vmshipment_cost {
  float: none;
  padding-left:0px;
}
.gjcvmshipchoose .vmCartShipmentLogo {
  display: inline-block;
  width:100px;
}
.vmshipment_weights {
  margin-left: 100px;
}
.vm-fieldset-yourshipper .form-control {
  box-shadow: none;
  width: 150px;
}

.cart-view h1.page-header {
  border-bottom: 0 none;
  float: left;
  margin: 20px 0 10px;
  width: 60%;
}
#checkoutForm .vm-continue-shopping {
	width: 50%;
	float: left;
	padding-bottom: 0;
	text-align: left !important;
}
#progress {
	height: 36px;
	margin: 10px 0 10px 10px;
	padding: 0;
	position: relative;
	width: 100%;
	clear: both;
}
#progress.completeyes {
	background: #2fb5e2;
}
.main-wrapper.col-md-9 #progress {
  width: 100.5%;
}
  #progress .progressbar {
  height:36px;
  width:20%;
  float:left;
  text-align:center;
  background:url("../images/progress.png") repeat-x scroll 100% 0 rgba(0, 0, 0, 0);
  border: 0px solid rgba(10, 114, 112, 1);
  position: relative;
  line-height:36px;
  color:#333;  
  position:relative;
  margin:0 0 0 -1%;
  }
  .main-wrapper.col-md-9  #progress .progressbar {
  width:21%;
  }
 
  #progress .progressbar#step2 {
    z-index:9;
	margin:0;
  }
  #progress .progressbar#step3 {
    z-index: 8;
  }
   #progress .progressbar#step3 {
    color:#333;
  }
  #progress .progressbar#step4 {
    z-index: 7;
  }
   #paymentForm #progress .progressbar#step4 {
	color:#fff;
  }
  #progress .progressbar#step5 {
    background:url("../images/progress5.png") repeat-x scroll 0% 0 rgba(0, 0, 0, 0);
  border-radius:0 0px 0px 0;
  }
  #progress .progressbar a{
  display:block;
  color:#333;
  }
  #progress .progressbar a:hover,
  #progress .progressbar a:focus,
  #progress .progressbar a:active{
  color:#2fb5e2;
  background: transparent;
  }

/*css bar*/
  #progress .progressbar {
  height:36px;
  width:20%;
  float:left;
  text-align:center;
  background:#ddd;
  border: 0px solid rgba(10, 114, 112, 1);
  position: relative;
  line-height:36px;
  color:#333;  
  position:relative;
  margin:0 0 0 -1%;
  }
 #progress .progressbar:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #ddd;
	border-left-color: #ddd;
	border-width: 18px;
	margin-top: -18px;
}
 #progress #step5.progressbar:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #ddd;
	border-left-color: #ddd;
	border-width: 0px;
	margin-top: 0px;
}
#progress .progressbar#step1 {
	position: relative;
	background: #2fb5e2;
	z-index: 10;
	color:#fff;
	border-radius:0px 0 0 0px;
}
#progress #step1.progressbar a {
  color: #fff;
  display: block;
}
#progress #step1 a:hover {
	color:#333 !important;
  }
#progress .progressbar#step1:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 26, 48, 0);
	border-left-color: #2fb5e2;
	border-width: 18px;
	margin-top: -18px;
}

 #progress .progressbar.addressyes#step2 {
    background: #2fb5e2;
	color:#fff;
	}
#progress .progressbar.addressyes#step2 a {
	color:#fff;
	}
#progress .progressbar.addressyes#step2 a:hover {
	color:#333;
	}
#progress .progressbar.addressyes#step2:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 26, 48, 0);
	border-left-color: #2fb5e2;
	border-width: 18px;
	margin-top: -18px;
}
 #progress .progressbar.shipyes#step3 {
    background: #2fb5e2;
	color:#fff;
	}
 #progress .progressbar.shipyes#step3 a{
	color:#fff;
	}
 #progress .progressbar.shipyes#step3 a:hover{
	color:#333;
	}
#progress .progressbar.shipyes#step3:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 26, 48, 0);
	border-left-color: #2fb5e2;
	border-width: 18px;
	margin-top: -18px;
}

 #progress .progressbar.payyes#step4 {
    background: #2fb5e2;
	color:#fff;
	}
 #progress .progressbar.payyes#step4 a{
	color:#fff;
	}
 #progress .progressbar.payyes#step4 a:hover{
	color:#333;
	}
#progress .progressbar.payyes#step4:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 26, 48, 0);
	border-left-color: #2fb5e2;
	border-width: 18px;
	margin-top: -18px;
}
  #progress .progressbar#step5 {
    background:#ddd;

  }
#progress .progressbar.completeyes#step5 {
    background: #2fb5e2;
	color:#fff;
	}
/****/
 /* #progress .progressbar.addressyes#step2 {
    background:url("../images/progress.png") repeat-x scroll 100% 100% rgba(0, 0, 0, 0);
	color:#fff;
	}*/
	.progressbar.addresscart#step1 a,

	.progressbar.addressyes#step2 a,
	.chooseShipmentRate #step1 a,
	#paymentForm #step1 a{
	color:#fff;
	}
  }
  #progress .progressbar.addressyes#step2 a:hover{
  color:#333;
  }
  /*
  #progress .progressbar.shipyes.addressyes#step3 {  
    background:url("../images/progress.png") repeat-x scroll 100% 100% rgba(0, 0, 0, 0);
	color:#fff;
	}*/
  #progress .progressbar.shipyes.addressyes#step3  a{ 
	color:#fff;
	}
  }
  #progress .progressbar.shipyes.addressyes#step3 a:hover{
  color:#333;
  }
  /*
  #progress .progressbar.payyes.addressyes#step4 {
    background:url("../images/progress.png") repeat-x scroll 100% 100% rgba(0, 0, 0, 0);
	}*/
	#progress .progressbar.payyes.addressyes#step4 a{
	color:#fff;
	}
  }
  #progress .progressbar.payyes.addressyes#step4 a:hover{
  color:#333;
  }
  /*
  #progress .progressbar.completeyes#step5 {
    background:url("../images/progress5.png") repeat-x scroll 0% 100% rgba(0, 0, 0, 0);
	color:#fff;
  }*/
  #progress .progressbar.completeyes#step5 a{
	color:#fff;
	}
  /*ship*/
  form.chooseShipmentRate #progress .progressbar#step2 ,form.chooseShipmentRate #progress .progressbar#step3 {
  background:url("../images/progress.png") repeat-x scroll 100% 100% rgba(0, 0, 0, 0);
  color:#fff;
  }
  form.chooseShipmentRate #progress .progressbar a:hover{
  color:#333;
  }
  form.chooseShipmentRate #progress .progressbar#step4 a:hover{
  color:#F3273B;
  }
  /*payment*/
  form#paymentForm #progress .progressbar#step2 ,
  form#paymentForm #progress .progressbar#step3,
  form#paymentForm #progress .progressbar#step4  {
 /* background:url("../images/progress.png") repeat-x scroll 100% 100% rgba(0, 0, 0, 0);*/
  }
  form#paymentForm #progress .progressbar a:hover,
  .progressbar.addresscart a:hover{
  display:block;
  color:#333 !important;
  }

  #chknow {
  /*margin:10px 0 10px 0;*/
  height:30px;
  }
  #chknowst #addship {
  margin-top: 10px;
}
  #chknow  a.button{
  margin:0 20px 0px 0;
  float:right;
  }
  .chknow, .incart {
  display:none;
  }
  .chknow.shownext, .incart.incartyes {
  display: inline-block;
 /* margin: 10px 0;*/
}
.incart.incartyes {
	display: inline-block;
	clear: both;
	float: left;
}
  #loginpre {
  text-align:center;
  color:#ff0000;
  font-weight:bold;
  }
  #userForm .control-buttons {
    margin:0px 15px 0 0;
  }
 #addship {
  float: right;
  margin: 30px 0 10px 0;
}
  .floatleft.contshop {
  margin:10px 0 0 0;
  }
  .btnxxxst {
  display:none !important;
  }
.cart-view fieldset {
	box-shadow: 0 0;
	border: 0;
	padding: 0;
}
  /*user address*/
#registerform label {
	display: block;
	margin-bottom: 2px;
}
#registerform input {
	display: block;
	width:90%;
}
/*emailchk*/
#vmemailchkreg {
    position: relative;
}
#vmemailchkreg #gjc_status2 {
	color: red;
	padding: 1px 0 0 0px;
	position: relative;
	top: -10px;
}
#vmemailchkreg #gjc_status2.free {
    color: green;
    padding: 1px 0 0 0px;
}
#vmemailchkreg #gjc_status {
	display: block !important;
	height: 13px;
	left: 85%;
	position: absolute;
	top: 36px;
	width: 13px;
	z-index: 999999;
}
#vmemailchkreg > #gjc_status.free {
    background: transparent url("../images/yes_no.png") no-repeat scroll 0 0;
}
#vmemailchkreg > #gjc_status.taken {
    background: transparent url("../images/yes_no.png") no-repeat scroll 0 -13px;
}
#registerform .form-group {
  margin-bottom: 10px;
}
  .slidex, .hidethisfirst {
  display:none;
  }
  .inner50 {
  border-radius:5px;
  border:1px solid #ccc;
  padding:10px;
  min-height:195px;
  position:relative;
  }
  .inner50.leftgjc {
  margin:0 10px 0 0;
  }
  .inner50.rightgjc {
  margin:0 0 0 10px;
  }
  a#registeraddress, a#loginaddress {
 /* position:absolute;*/
  bottom:10px;
  left:10px;
  }
  .inner50 .innerimg {
  position:absolute;
  bottom:10px;
  right:10px;
   border-radius:5px; 
  }
  
  button#checkoutFormSubmit {
  width: auto;
}
.checkout-button-top.text-right {
  height: 50px;
  margin-top: 10px;
  padding: 0 0 20px;
}
.secure {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  margin: 0 0 20px;
  padding: 10px;
}
.secure.onpayment {
  margin: 20px 0 20px;
  width: 60%;
}
label.name, input#name_field {
  display: none;
}
#completemessage {
  color: #f3273b;
  margin:10px 0 0 0;
}

.orderdone iframe {
  border: 0 none;
}
.orderdone.well {
  background: #fff none repeat scroll 0 0;
}

.s5_wrap #s5_menu_wrap.s5_wrap {
  z-index: 30 !important;
}
@media (max-width: 992px){
#progress {
  width: 100%;
	 }
#progress .progressbar {
  margin:0 0 0 -1.5%;
  }

}
@media (max-width: 800px){
	#progress {
  width: 100%;
}
#progress .progressbar {
  margin:0 0 0 -2%;
  }
}
@media (max-width: 767px){
	#vm-login .row,
	#registerform .row {
		margin:0;
	}
	.col-md-12,
	.col-md-6,
	#vm-login .col-sm-6 ,
	#registerform .col-md-6 {
	    width: 100%;
		padding:0;
		margin:0 0 20px 0;
		float: none;
	}
	.inner50.rightgjc,
	.inner50.leftgjc {
	  margin: 0 0px 0 0;
	}	

}

@media (max-width: 640px){
	#s5_component_wrap_inner {
	  padding-left: 0 !important;
	  padding-right: 0 !important;
	}
#progress {
	margin: 0;
	width: 100%;
	height: auto;
	background: #fff !important;
}
#progress .progressbar {
	margin: 0 0 1px 0 !important;
	width: 90%;
	float: none;
}
}
@media (max-width: 480px){
	#progress {
  width: 108%;
	 }
	#progress .progressbar {
	  margin:0 0 0 -2.5%;
	  }
	.vm-mobile-total {
  display: table;
}
	.vm-cart-hide {
	  display: none;
	}
#checkoutForm .cart-summary .cart-images {
	width: 100% !important;
	float: left;
	padding: 10px 10px 10px 0 !important;
	text-align: left !important;
	display: block;
}
}
@media (max-width: 360px){
	#progress .progressbar {
		display:none;
	}
}