@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------
	Checkout page
---------------------------------------------------------------------------*/

.text-field, .checkout-textfield, .checkout-select {
	width: 43%;
	border: 1px solid #9b9b9b;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}



/*--------------------------------------------------------------------------
	Checkout page
---------------------------------------------------------------------------*/

/*.checkout-textfield, .checkout-select {width:43%; margin-bottom:0}*/
.inner-main-section .checkout-form h3 {margin-bottom:40px}
.checkout-form-row {width:100%; display:inline-block; margin-bottom:3px; position:relative}
.checkout-form label {
	width: 35%;
	float: left;
	margin: 3px 0px 0 0;
	padding-right: 15px;
	display: block;
	font-size: 16px;
	color: #787878;
	text-align: right
}
.checkout-form label span {color:#f03d38}
.checkout-form-right-row {width:70.5%; float:left}
.middle-select, .short-textfield {width:27%; float:left; margin-right:1%}
.short-select {width:15%; float:left}
.help-btn {position:relative; float:left; width:25px; height:25px}
.checkout-form-row .help-btn a {display:block;}
.checkout-form-row .help-btn a i {font-size:27px; color:#1a9df9; margin-top:10px; transition: all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;}
.checkout-form-row a:hover i {color:#e12a25}

.tooltip, .arrow:after {
  background:#000;
  border: 2px solid white;
}

.help-popup {pointer-events: none; opacity: 0; display: inline-block; position: absolute; padding: 10px; color:#fff; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; -moz-border-radius:10px; margin-top: 20px; text-align: center; font-stretch: condensed; text-decoration: none; width:200px;
  box-shadow:0 0 3px rgba(0, 0, 0, 0.75); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.75); -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.75); -o-box-shadow:0 0 3px rgba(0, 0, 0, 0.75); font-size:14px; background:#000; top:-125px!important; left:-88px}
.arrow {width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px}
.arrow:after {content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.checkout-submit-btn {width:270px; text-transform:uppercase; font-size:20px}
p.checkout-para {width:800px; font-size:15px; line-height:22px; text-align:center; margin:20px auto}
.cvd-help .help-popup a.close {position:absolute; top:-12px; right:-2px}
.cvd-help .help-popup a.close i {font-size:20px; color:#fff; text-shadow:2px 1px 0 #000; transition: all .0s ease-in-out; -webkit-transition:all .0s ease-in-out; -moz-transition:all .0s ease-in-out; -o-transition:all .0s ease-in-out;}


.invalid input:required:invalid {
  background: #ff9f9f;
  color:#fff;
}
.invalid input:required:valid {
  background: #fff;
}

.submit_button {
	font-weight: bold;
	color: #da5508;
	font-size: 18px;
}

.space40 {
	height: 40px;
}

@media only screen and (max-width: 980px) {
	
.right-content {margin:3px 3px 3px 15px}

.checkout-textfield, .checkout-select {width:60%}
.middle-select, .short-textfield {width:35%}
.short-select {width:24%}
p.checkout-para {width:100%}
	
}




@media only screen and (max-width: 768px) {
	
.text-field, .checkout-textfield, .checkout-select {width:74%}

.checkout-form label {font-size:14px; width:30%;}
.text-field, .checkout-textfield, .checkout-select, .checkout-form-right-row {width:70%}
.middle-select, .short-textfield {width:45%}
.short-select {width:24%}
.help-popup {left:-168px}
.arrow {left:90%}


}
  

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

.text-field, .checkout-textfield, .checkout-select {width:100%; float:none; margin-bottom:5px}
.proceed-btn a, .checkout-submit-btn {width:100%; margin-top:20px; font-size:16px}
.checkout-form label {width:100%; float:none; text-align:left; margin:0}
.inner-main-section .checkout-form h3 {margin-bottom:20px}
.middle-select, .short-textfield {width:70%; float:left}
.short-select {width:29%}
.checkout-form-right-row {width:100%}
.checkout-form-right-row img {width:100%}
.checkout-submit-btn {margin-top:0}

}