@charset "utf-8";



*{ 
	/* font-smooth:none; */
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* remove black overlay for links & buttons on touch */
	-webkit-font-smoothing: antialiased;
	text-rendering:optimizelegibility;
	font-feature-settings: none;
	
	font-family:"Abel",sans-serif;
	font-weight:400;

}

html, body{ width:100%; height:100%;  margin:0; padding:0; font-family:"Abel",sans-serif; font-weight:400; }

body{
	font-family:"Abel",sans-serif;
	font-weight:400;
	height:100%;
	font-size:14px;
	font-weight:600;
	color:#fff !important;
	height:100%;
	overflow-y: scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	background:#000;
}

h1, h2, h3, h4{ font-family:"Abel",sans-serif; font-weight:400; }

h1{ font-family:"Abel",sans-serif; font-weight:400; color:#fff; font-size:18px; line-height: 140%; letter-spacing:1px;  margin:0 0 20px 0; }
h2{ font-family:"Abel",sans-serif; font-weight:400; color:#fff; font-size:21px; line-height: 90%; letter-spacing:1.5px; font-weight: 400; }
h3{ font-size:15px; color:#888; letter-spacing:1.5px; }
h4{ }
h5{ }
h6{ }

p{ font-family:"Abel",sans-serif; font-weight:400; color:#fff !important; margin:0 0 15px 0; text-align:left; }

b, strong{ font-weight:bold !important; }
i, em{ font-style:italic; color:#888; }

/* links */
a{	text-decoration:none; cursor:pointer; color:#57E9E7; font-weight:600; }

/* img */
img{ max-width:100%; }

hr{
	display: block; 
	height: 1px;
    border: 0; 
	border-top: 1px solid #666;
    margin: 1em 1em; 
	padding: 0;
}
hr.line_vertical{
	width:5px;
    transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
	top:-35px;
    left:-35px;
}

/* form */
/* buttons */

/* form */
input{ width:100%; box-sizing:border-box; }
input[type="submit"], input[type="button"],  button[type="submit"], button, .button, .read-more-btn, .newsItem a, .product-link, .back_btn, .product-details, .showcart, .continue_link, div.show_cart > a{
	background: #222 !important;
	width:100%; 
	background: #bc925a !important; /* Old browsers */
	background: #222222 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #222222 0%, #111111 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #222222 0%,#111111 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #222222 0%,#111111 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #222222 0%,#111111 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, #222222 0%,#111111 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111',GradientType=0 ) !important; /* IE6-9 */
	border:none !important; 
	padding:10px 8px;
	cursor:pointer;
			
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:10px 0 10px 0;
	color:#fff;
	box-sizing:border-box;
	display:block;
	text-align:center !important;
	
	font-family:"Quicksand",Arial,Helvetica,sans-serif !important;
	font-size:14px !important;
}



input[type="submit"]:hover, input[type="button"]:hover, button[type="submit"]:hover, button:hover, .button:hover, .read-more-btn:hover, .newsItem a:hover, .product-link:hover, .back_btn:hover, .product-details:hover,.showcart:hover, .continue_link:hover, div.show_cart > a:hover{
	background: #222 !important;
}





input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], #jform_email, .inputbox{
	border:none;
	margin:0 0 5px 0;
	padding:10px;
	
	box-sizing: border-box !important;

	-moz-box-sizing: border-box !important;
	width: 100% !important;


    
	border-radius: 0;
	background:#222;
	border:1px solid #333;
	color:#fff;
}

select{
	width:100%;
}

textarea{
	border:none;
	margin:0 0 5px 0;
	padding:10px;
	
	width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
	
    border-radius: 0;
	font: 13px Arial, Helvetica, sans-serif normal;
	letter-spacing:0.2px;
	line-height:16px;
	resize:vertical;
	background:#222;
	border:1px solid #333;
	color:#fff;
}

input:focus, textarea:focus, select:focus {
    border:1px solid #666;
}



/* form */
form{}
fieldset{}
label{}

/* tables */
table{ width:100%; }
tbody{}
tr{}
table.cont-table strong{ font-weight:normal !important; }
table.cont-table tr:nth-child(even) {
  background-color: #111;
}
table.cont-table tr:nth-child(odd) {
  background-color: #333;
}
th, td{ padding:5px !important; }
th{}
td{  }






/* error */
.error-msg{
	background-color:transparent;
	border:none;
	width:320px;
	color:#f00;
	margin:0 0 30px 0;
	font-size:12px;
	padding:10px;
}


/* overlay */
#overlay{
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	margin:0;
	padding:0;
	display:table;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	overflow:hidden;
	text-align:center;
	vertical-align: middle;
	display:none;
}

#overlay-content{
	text-align:center;
	vertical-align: middle;
	display:table-cell;
}


/* popup */
#popup{
	position:fixed;
	z-index:9999;
	top:0px;
	left:0;
	width:100%;
	padding:0;
	height:100%;
	background:rgba(255,255,255,0.9);
	overflow:hidden;
	text-align:center;
	vertical-align: middle;
	display:none;
	cursor:pointer;
}


#popup-content{
	text-align:center;
	vertical-align: middle;
	display:table-cell;
	padding:15px;
	width:calc(100% - 30px);
	max-width:600px;
	overflow-y:scroll;
	height:calc(80%);
	display:inline-block;
	background:rgba(255,255,255,1);
	border:1px solid #e1e1e1;
	margin-top:80px;
	color:#5d5d5d;
}

#popup div.close-btn{ 
	width:calc(100% - 30px);
	text-align:center;
	top:10px;
	height:30px;
	width:30px; 
	padding:15px;
	cursor:pointer; 
	display:inline-block;
}


/* loader */
#ajax-loader{ position:absolute; width:32px; height:32px; top:45%; left:50%; display:none; }

/* helper */
.clear{ float:none !important; clear:both !important; height:0; width:0; padding:0; margin:0; }

/* copyright */
#copyright-block{ display:none; }

video{ width:100%; background:#000; }


@media only screen and (max-width: 1200px){
/* Screen resolutions below 1200px wide
Suitable for tablets in landscape mode (i.e. iPad 1 & 2, Blackberry Playbook) and netbooks (i.e. HP Mini, Acer Aspire One) */

}


@media only screen and (max-width: 960px){
/* Screen resolutions below 960px wide
Suitable for tablets in portrait mode (i.e. iPad 1 & 2, Blackberry Playbook, Motorola Xoom) and large res smartphones (i.e. Motorola Atrix in landscape mode) */

}

@media only screen and (max-width: 728px){
/* Screen resolutions below 728px wide 
Suitable for iPhone */


}