@import url(http://fonts.googleapis.com/css?family=Raleway:300,600);

/*	==========================================================================
	General
	==========================================================================	*/

html,body {min-height:100%;width:100%;margin:0;padding:0;}
body, /*.woocommerce*/ {background:#fff;font-family:Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
/* *{outline:0 !important;-webkit-appearance:none;} */
p {color:#555;font-size:1em;line-height:1.5em;}
a, td a, #coupon-open a, #login-customer a {color:#3366ff;cursor:pointer;outline:none;}
a:hover, td a:hover, #coupon-open a:hover, #login-customer a:hover {color:#000;}
td a {
	font-weight: 700;
}
section.content{text-align:center;}
hr {border-color:#ddd;border-style:dotted;}

/* H tags */
h1,.h1,h2,.h2, .h2.checkout__heading, h3,.h3,h4,.h4, #login-page h4, .shipping_method_wrapper h4, .table .h4, .woocommerce-checkout-payment h4, h5,.h5, .h5 span, .h5.checkout__heading, h6,.h6 {
	color: #333;
	letter-spacing: 0.01em;
	font-weight: 300;
	font-family: Raleway,Helvetica Neue,arial;
}
h1,.h1 {font-size:48px;}
h2,.h2, .h2.checkout__heading {font-size:54px;}
h3,.h3 {font-size:32px;}
h4,.h4, .shipping_method_wrapper h4, #login-page h4, .woocommerce-checkout-payment h4, .table .h4 {font-size:24px;}
h5,.h5, .h5 span, .h5.checkout__heading {font-size:18px;}
h6,.h6 {font-size:14px;}

.woocommerce-account .woocommerce .h2.checkout__heading,
.woocommerce-checkout .woocommerce .h2.checkout__heading {
	margin-top: 20px;
	margin-bottom: 10px;
}

.woocommerce-account .woocommerce .h2.checkout__heading.mt-10,
.woocommerce-checkout .woocommerce .h2.checkout__heading.mt-10 {
	margin-top: -10px;
}

#coupon-open .h5 {
	margin-top: 10px;
	margin-bottom: 10px;
}


/* Margins */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt80 {margin-top:80px;}
.mt-10 {margin-top:-10px;}
.mt-40 {margin-top:-40px;}
.mb40 {margin-bottom:40px;}

/*	==========================================================================
	Loading Elements
	==========================================================================	*/

/* Page Load Progress Bar */
.pace {
	pointer-events:none;
	-webkit-pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
.pace-inactive {
	display:none;
}
.pace .pace-progress {
	top:0;
	right:100%;
	width:100%;
	height:2px;
	z-index:9999;
	background:#29d;
	position:fixed;
}
/* Dark Overlay */
#loading,#ovelay {
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-height:100%;
	z-index:9999;
	display:block;
	position:fixed;
	background:rgba(0,0,0,0.7);
	-webkit-animation:fadeIn;
	-moz-animation:fadeIn;
	-o-animation:fadeIn;
	animation:fadeIn;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}
@-webkit-keyframes fadeIn {0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn {0%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes fadeIn {0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn {0%{opacity:0;}
100%{opacity:1;}
}
/* Spinning Layer */
.spin {
	left:50%;
	top:50%;
	width:82px;
	height:82px;
	color:#7db701;
	cursor:default;
	position:fixed;
	overflow:hidden;
	border-radius:50%;
	text-align:center;
	margin:-70px 0 0 -45px;
	background:rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 7px 1px #d0d0d0;
	-webkit-box-shadow:0 0 7px 1px #d0d0d0;
	box-shadow:0 0 7px 1px #d0d0d0;
}
.spin:before {
	font-size:60px;
	content:'\f021';
	line-height:82px;
	font-family:FontAwesome;
}

/*	================================================================================
	Content
	================================================================================	*/

.content {
	width:100%;
	padding:60px 0 60px 0;
}
.content.bg,
.content .bg {
	background:#eee;
}

/*	==========================================================================
	Payment Icons
	==========================================================================	*/

.pay-type1,.pay-type2,.pay-type3,.pay-type4 {
	width:100%;
	background:url(../img/pay-icons.png) no-repeat center 0;
}
.pay-type1 {
	height:25px;
	margin:15px 0 0;
}
.pay-type2 {
	height:25px;
	margin:17px 0 0;
	background-position: center -36px;
}
.pay-type3 {
	height:36px;
	margin:10px 0 0;
	background-position:center -72px;
}
.pay-type4 {
	height:36px;
	margin:10px 0 0;
	background-position:center -126px;
}
.type-box {
	height:80px;
}
.type-box2 {
	height:100px;
}

/*	==========================================================================
	Table
	==========================================================================	*/
table.table {
	background: transparent;
}

.table, .table th, .table td {
	background: transparent;
}

.table td {
	font-size: 14px;
	font-family: Raleway,Helvetica Neue,arial;
	color: rgb(51, 51, 51);
	vertical-align: middle;
}

table th {
	color: rgb(51, 51, 51);
}
.table > tbody > tr:hover {
	 background-color:rgba(144,227,255,0.1);
}
.table .currency {
	color:#999;
}
.table > thead > tr > th > a {
	color:#777;
}
.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > td,
.table-bordered {
	border-bottom:0;
	border-top:0;
}

.table>tbody>tr>td {
	vertical-align: middle;
}
.table-bordered > tbody > tr > td {
	border-bottom:1px solid #ddd;
}
.table-bordered > tfoot > tr > td {
	vertical-align: middle;
	border-bottom:1px solid #eee;
}
.table-bordered > thead > tr > th:first-child,
.table-bordered > tbody > tr > td:first-child,
.table-bordered > tfoot > tr > td:first-child,
.table-bordered {
	border-left:0;
}
.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > td:last-child,
.table-bordered > tfoot > tr > td:last-child,
.table-bordered {
	border-right:0;
}
.table-bordered > tfoot > tr:last-child > td {
	border-bottom:0;
}
.table-bordered > tfoot > tr:first-child > td {
	border-top:4px solid #ddd;
}

/*	================================================================================
	Form Elements
	================================================================================	*/

form,input,textarea,select {font-weight:300;}
select option {color:#555;}
select option:first-child {color:#c8c8c8;}
select option[disabled]:first-child {color:#c8c8c8;}
form label {
/*	width:100%;
	color:#ccc;
	*/
}
.btn-primary {
	background-color:#7db701;
	border-color:#72a701;
}
form input.input-lg {
	color:#333;
	overflow:hidden;
	background:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	font-size: 18px;
	font-weight: 300;
	font-family: Raleway,Helvetica Neue,arial;
}
form input.input-lg,
form label.select:before {
	height:46px; /* Original height for Input & Select */
}
/* Remove Active Border */
.form-control,
.form-control:focus,
input.form-control[type="text"]:focus,
input.form-control[type="password"]:focus,
input.form-control[type="email"]:focus,
input.form-control[type="url"]:focus,
input.form-control[type="tel"]:focus,
input.form-control[type="search"]:focus {
	outline:none;
	-webkit-box-shadow:none;
	-webkit-appearance:none;
}

textarea.form-control {
	font-size: 18px;
	font-weight: 300;
	font-family: Raleway,Helvetica Neue,arial;
}
/* Select/Label Hack */
form select.form-control {
	outline:none;
	cursor:pointer;
}
form select.input-lg {
	color:#999;
	padding:0 0 0 12px !important;
	font-size: 18px;
	font-weight: 300;
	font-family: Raleway,Helvetica Neue,arial;
	background-image:-webkit-gradient(linear,0%0%,0%100%,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0)));
	background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));
}
form label.select {
	margin:0;
	position:relative;
}
form label.select:before {
	top:0;
	right:0;
	border:0;
	width:36px;
	color:#ccc;
	display:block;
	background:#888;
	font-size:16px;
	content:'\f0d7';
	padding-top:12px;
	position:absolute;
	text-align:center;
	pointer-events:none;
	font-family:FontAwesome;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
form label.select:hover:before {
	color:#eee;
	background:#555;
}

input[type="submit"].btn {
	padding: 11px 16px;
	font-size: 18px;
	font-family:Raleway,Helvetica Neue,arial;
}

/*	================================================================================
	Radio and Checkboxes
	================================================================================	*/

input[type="radio"] + label,
input[type="checkbox"] + label {
	margin:0 15px 0 0;
	color:#777;
}
input[type="radio"] + label a,
input[type="checkbox"] + label a {
	color:#777;
	text-decoration:underline;
}
input[type="radio"] + label:hover a,
input[type="checkbox"] + label:hover a {
	color:#337ab7;
}
input.form-control[type="radio"],
input.form-control[type="checkbox"] {
	display:none;
}
input.form-control[type="radio"] + label,
input.form-control[type="checkbox"] + label,
.list-inline input[type="radio"] + label,
.list-inline input[type="checkbox"] + label,
.list-unstyled input[type="radio"] + label,
.list-unstyled input[type="checkbox"] + label {
	cursor:pointer;
	font-size:18px;
	line-height:20px;
	font-weight:300;
}
input.form-control[type="radio"] + label span,
input.form-control[type="checkbox"] + label span {
	width:21px;
	height:21px;
	cursor:pointer;
	background:#fff;
	line-height:14px;
	text-align:center;
	margin:-4px 8px 0 0;
	display:inline-block;
	vertical-align:middle;
	border:#bbb 1px solid;
}
input.form-control[type="radio"] + label span {
	border-radius:50%;
	margin-left:-1px;
}
input.form-control[type="checkbox"] + label span {
	border-radius:3px;
}
input.form-control[type="radio"] + label span:hover,
input.form-control[type="checkbox"] + label span:hover {
	border-color:#337ab7;}
input.form-control[type="radio"] + label:hover,
input.form-control[type="checkbox"] + label:hover {
	color:#000;
}
input.form-control[type="radio"]:checked + label span:after,
input.form-control[type="checkbox"]:checked + label span:after {
	color:#337ab7;
	text-align:center;
	font-family:FontAwesome;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
input.form-control[type="radio"]:checked + label span:after {
	font-size:10px;
	content:'\f111';
}
input.form-control[type="checkbox"]:checked + label span:after {
	font-size:20px;
	content:'\f00c';
}
input.form-control[type="radio"]:checked + label span:hover:after,
input.form-control[type="checkbox"]:checked + label span:hover:after {
	color:#333;
}

/* by alex */

.checkout .content.bg.mt-40 {
    margin-top: -50px;
}

form.checkout.after-submit-click  .input-required:invalid{
	border:solid red 1px;
}


/*DEBUG*/
.product-compatible{}
.compatible-boxes{
	xborder: solid red 1px;
}

.compatible-box{
	vertical-align:top;
	xborder:solid green 1px;
	display: inline-block;
	margin:20px;
}



/* blog links */
.blog-links a{
	text-transform:uppercase;
	text-decoration:underline;
}

.blog-links a.active{
	color:green;
	text-decoration:none;
}

.bd-login-links{
	xborder:solid red 1px;
	color:#154096;
	float:right;
	margin-top:20px;
	margin-left:10px;
	cursor:pointer;
}



/*	==========================================================================
	Log In
	==========================================================================	*/
	
#user {
  position:relative;
  z-index:10000;
  top:100%;
  float:right;
  margin:0px 20px 0 0;
  width:100%;
}
#user form {
  float:right;
  padding:10px 20px 0 20px;
  background-color:#ffffff;
  border:1px solid #cccccc;
  border:1px solid rgba(0, 0, 0, 0.15);
  border-top:1px solid transparent;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  -webkit-box-shadow:0 8px 8px rgba(0, 0, 0, 0.175);
          box-shadow:0 8px 8px rgba(0, 0, 0, 0.175);
  background-clip:padding-box;
	opacity:0.95;
}
#user form .input-group {
  width:260px;
  padding:5px 0;
}
/* extra  */
.input-group-btn .btn-default {
  color:#044170;
  width:40px;
  text-align:center;
  cursor:default;
}
.pass-help {margin:-35px 0 35px 0;}
.reg-link {margin:-10px 0 15px 0;}




.widget_shopping_cart_content p.total{background-color:transparent}
.widget_shopping_cart_content p.buttons{background-color:transparent}