/*=============================================================================================================================
	MAIN LOGO
=============================================================================================================================*/

@media (min-width: 801px)
{
	.logo_big { display: block; position: absolute; top: -60px; left: -20px; }
	.logo_small { display: none; }
	.top_search_form { display: inline-block; }
	.search_form_2 { display: none; }
	.item_thumbs_list { text-align: left; padding-left: 10px; }
}

@media (max-width: 800px)
{
	.logo_big { display: none; }
	.logo_small { display: block; position: absolute; top: -35px; left: 3px; }
	.top_search_form { display: none; }
	.search_form_2 { display: inline-block; float: right; margin-top: -10px!important; margin-bottom: -10px!important; }
	.item_thumbs_list { text-align: center; padding-left: 0px; }
}


/*=============================================================================================================================
	SITE CSS
=============================================================================================================================*/

.title_navi
{
	font-size: 15px;
	text-decoration: none;
	color: #333333;
}

.title_navi_wrapper
{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	margin-bottom: 10px;
	
	width: 100%; color: #333333;
	font-size: 15px;
	
	-moz-border-radius: 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px; 
	
	/*
	background: #333333; 
	opacity: 0.6; 
	*/
	text-align: left;
}

.article_text_1
{
	font-size: 15px;
	text-align: justify;
	letter-spacing: 2px;
	background: #FFFFFF;

	/*	
	width: 100%; padding: 10px; background: rgba( 51, 51, 51, 0.7 ); border: 0px solid red; color: #FFFFFF; font-size: 15px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;
	*/
}

.images_wrapper
{
	text-align: center;
	/*padding-left: 15px;*/
	margin-top: -40px;
}

.overlay_image_holder
{
	position: relative;
	display: inline-block;
	width: 240px;
	height: 150px;
	border: 0px solid gray;
	margin: 6px;
	background: whitesmoke;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	/*box-shadow: 5px 5px 5px #888888;*/
	cursor: hand;
	cursor: pointer;
	vertical-align: top;
	text-align: center;
	overflow: hidden;
}

.overlay_image_large
{
	width: 100%;
	height: 100%;
	
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

.overlay_image_large:hover
{
	-moz-transform: scale(1.2);
  	-webkit-transform: scale(1.2);
  	transform: scale(1.2);
}

.overlay_image_height
{
	height: 175px;
}

.overlay_text_holder
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border: 0px solid gray;
	background: #000000;
	background-color:rgba(0,0,0,0.60);
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;

	
}

.overlay_title
{
	color: #FFFFFF;
	font-size: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.overlay_button_holder
{
	display: block;
	position: absolute;
	top: -15px;
	left: 140px;
}

.index_html
{
	display: inline-block;
	width: 49%;
	text-align: justify;
	vertical-align: top;
	
	background: rgba( 51, 51, 51, 0.7 ); 
	border: 0px solid red; color: #FFFFFF; font-size: 15px; 
	-moz-border-radius: 8px 8px 8px 8px; 
	border-radius: 8px 8px 8px 8px;
}

.index_video
{
	display: inline-block;
	width: 49%;
}



@media (max-width: 400px) { /* Extra small screens. */
	.overlay_image_holder { width: 45%; height: 90px; }
	.overlay_title { font-size: 11px; }
	
	.index_video { width: 100%; }
	.index_html { width: 100%; margin-left: -20px; margin-bottom: 20px; }
}

@media (min-width: 400px) { /* Extra small screens. */
	.overlay_image_holder { width: 45%; height: 120px; }
	.overlay_title { font-size: 11px; }
	
	.index_video { width: 100%; }
	.index_html { width: 100%; margin-left: -20px; margin-bottom: 20px; }
}

@media (min-width: 480px) { /* Extra small screens. */
	.overlay_image_holder { width: 45%; height: 130px; }
	.overlay_title { font-size: 11px; }
	
	.index_video { width: 100%; }
	.index_html { width: 100%; margin-left: -20px; margin-bottom: 20px; }
}

@media (min-width: 600px) { /* Small screens. */
	.overlay_image_holder { width: 45%; height: 130px; }
	.overlay_title { font-size: 13px; }
	
	.index_video { width: 100%; }
	.index_html { width: 100%; margin-left: -20px; margin-bottom: 20px; }
}

/* Desktop Screens */

@media (min-width: 768px) { /* Medium screens. */
	.overlay_image_holder { width: 45%; height: 150px; }
	.overlay_title { font-size: 15px; }
	
	.index_video { width: 49%; display: inline-block; }
	.index_html { width: 49%; display: inline-block; }
}

@media (min-width: 992px) { /* Large screens. */
	.overlay_image_holder { width: 23%; height: 150px; }
	.overlay_title { font-size: 15px; }
	
	.index_video { width: 49%; display: inline-block; }
	.index_html { width: 49%; display: inline-block; }
}

@media (min-width: 1200px) { /* Extra large screens. */
	.overlay_image_holder { width: 240px; height: 150px; }
	.overlay_title { font-size: 15px; }
	
	.index_video { width: 49%; display: inline-block; }
	.index_html { width: 49%; display: inline-block; }
}

/*=============================================================================================================================
	PRODUCT CATEGORIES CSS
=============================================================================================================================*/

.categories_page_content
{
	width: 100%; padding-top: 20px; text-align: left; font-size: 15px;
}

.item_cell_wrapper
{
	display: inline-block;
	text-align: center;
	width: 24%;
	margin-right: 5px;
}

.overlay_image_holder_cat
{
	position: relative;
	display: inline-block;
	width: 360px;
	height: 360px;
	border: 1px solid gray;
	margin: 10px;
	background: #BABCBE;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	/*box-shadow: 5px 5px 5px #888888;*/
	cursor: hand;
	cursor: pointer;
	vertical-align: top;
	text-align: center;
	overflow: hidden;
}

.overlay_image_large_cat
{
	background-size: cover;
  	background-repeat: no-repeat;
  	height: 100%;
	
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

.overlay_image_items_list
{
	background-size: cover;
  	background-repeat: no-repeat;
  	border: 0px;
  	vertical-align: middle;
 	
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

.overlay_image_items_list.portrait
{
	height: 100%;
}

.overlay_image_items_list.landscape
{
	width: 100%;
	margin-top: 30px;
}

.overlay_image_items_list.square
{
	width: 100%;
	height: 100%;
}

.overlay_image_items_list:hover
{
	-moz-transform: scale(1.2);
  	-webkit-transform: scale(1.2);
  	transform: scale(1.5);
}

.overlay_image_height_cat
{
	height: 175px;
}

.overlay_text_holder_cat
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border: 0px solid gray;
	background: #000000;
	background-color:rgba(0,0,0,0.60);
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;

	
}

.overlay_title_cat
{
	color: #FFFFFF;
	font-size: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.overlay_image_holder_empty
{
	position: relative;
	display: inline-block;
	width: 360px;
	height: 360px;
	margin: 10px;
	border: 0px solid silver;
}




@media only screen and (min-width: 1200px)
{
	.overlay_image_holder_cat { width: 220px; height: 220px; }
	.overlay_image_holder_empty { width: 220px; height: 220px; }
	.overlay_title_cat { font-size: 15px; }
	.item_cell_wrapper { width: 24%; }
}

@media only screen and (max-width: 1200px) and (min-width: 1001px)
{
	.overlay_image_holder_cat { width: 200px; height: 200px; }
	.overlay_image_holder_empty { width: 200px; height: 200px; }
	.overlay_title_cat { font-size: 15px; }
	.item_cell_wrapper { width: 24%; }
}

@media only screen and (max-width: 1000px) and (min-width: 801px)
{
	.overlay_image_holder_cat { width: 200px; height: 200px; margin: 5px; }
	.overlay_image_holder_empty { width: 200px; height: 200px; margin: 5px; }
	.overlay_title_cat { font-size: 15px; }
	.item_cell_wrapper { width: 30%; }
}

@media only screen and (max-width: 800px) and (min-width: 601px)
{
	.overlay_image_holder_cat { width: 280px; height: 280px; margin: 5px; }
	.overlay_image_holder_empty { width: 280px; height: 280px; margin: 5px; }
	.overlay_title_cat { font-size: 15px; }
	.categories_page_content { text-align: center; }
	.item_cell_wrapper { width: 45%; }
}

@media only screen and (max-width: 600px) and (min-width: 481px)
{
	.overlay_image_holder_cat { width: 200px; height: 200px; margin: 5px; }
	.overlay_image_holder_empty { width: 200px; height: 200px; margin: 5px; }
	.overlay_title_cat { font-size: 15px; }
	.categories_page_content { text-align: center; }
	.item_cell_wrapper { width: 45%; }
}

@media only screen and (max-width: 480px) and (min-width: 321px)
{
	.overlay_image_holder_cat { width: 130px; height: 130px; }
	.overlay_image_holder_empty { width: 130px; height: 130px; }
	.overlay_title_cat { font-size: 12px; }
	.categories_page_content { text-align: center; }
	.item_cell_wrapper { width: 45%; }
}

@media only screen and (max-width: 320px)
{
	.overlay_image_holder_cat { width: 100px; height: 100px; }
	.overlay_image_holder_empty { width: 100px; height: 100px; }
	.overlay_title_cat { font-size: 11px; }
	.categories_page_content { text-align: center; }
	.item_cell_wrapper { width: 45%; }
}



@media (min-width: 801px)
{
	.items_cat_image { max-width: 1051px; }
	.items_cat_image_3_cell
	{ 
		display: inline-block;
		width: 20%;
		text-align: center;
		padding: 10px;
	}
}


@media (max-width: 800px)
{
	.items_cat_image { width: 100%; }
	.items_cat_image_3_cell
	{ 
		display: inline-block;
		width: 33%;
		padding: 10px;
	}
}

.items_cat_image_3
{
	width: 100%;
	border: 1px solid #999999;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;	
}

.items_cat_image_3:hover
{
	border: 1px solid #0E008C;
	
}

/*=============================================================================================================================
	PRODUCT DETAIL CSS
=============================================================================================================================*/

.item_detail_desktop
{
	display: block;
}

.item_detail_mobile
{
	display: none;
}

.item_detail_images
{
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.item_detail_title
{
	display: inline-block;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: green;
}

.item_detail_text
{
	display: inline-block;
	width: 100%;
	text-align: left;
	vertical-align: top;
	font-size: 15px!important;
	/*border: 1px solid silver;*/
	padding: 10px;
	
	margin-left: -5px;
	
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}

.item_detail_dynamic_text
{
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-top: 0px;
	font-size: 20px;
}

.item_image_mobile
{
	width: 95%;
	max-width: 450px;
}

.item_image_mobile_text
{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding-bottom: 30px;
}

.item_thumb_holder
{
	display: inline-block;
	text-align: center;
	margin: 3px;
}

.item_detail_prices
{
	display: block; width: 100%; text-align: center; padding-bottom: 20px; font-size: 25px; color: blue;
}

@media (max-width: 768px) { /* Medium screens. */
	.item_detail_desktop { display: none; }
	.item_detail_mobile { display: block; }
}

/*=============================================================================================================================
	SUPPORT
=============================================================================================================================*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #333;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 0px 21px;
	height: 31px;
	line-height: 31px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #666;
	color: #ccc;
	overflow: hidden;
	position: relative;
}

.tab_last { border-right: 1px solid #333; }

ul.tabs li:hover {
	background-color: #ccc;
	color: #333;
	
	border-right: 1px solid #333;
}

ul.tabs li.active {
	background-color: #fff;
	color: #333;
	border-bottom: 1px solid #fff;
	display: block;
	
	border-right: 1px solid #333;
}

.tab_container {
	border: 1px solid #333;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 20px;
	display: none;
	padding-bottom: 100px;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 800px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 20px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #666;
		color: #fff;
		border-right: 1px solid #333;
	}
}

.desktop_image
{
	display: block;
	max-width: 1000px;
}

.mobile_image
{
	display: block;
	width: 95%;
}

/*=============================================================================================================================
	CSS for responsive IFRAME
=============================================================================================================================*/

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe_tabs
{
	width: 100%;
	height: 100%;
	border: 0;
	overflow: hidden;
}

.support_tabs_content_left
{
	display: inline-block;
	width: 30%;
	text-align: center;
	vertical-align: top;
}

.support_tabs_content_right
{
	display: inline-block;
	width: 69%;
}

.support_tabs_content_image
{
	width: 300px;
}

.support_tabs_content_image_mobile
{
	display: none;
}

@media screen and (max-width: 800px)
{
	.iframe_tabs
	{
		height: 300px;
	}	
	
	.support_tabs_content_left
	{
		display: none;
	}
	
	.support_tabs_content_right
	{
		width: 100%;
	}
	
	.support_tabs_content_image_mobile
	{
		display: block;
		margin-bottom: 20px;
		width: 95%;
		max-width: 300px;
	}
	
}

/*=============================================================================================================================
ARTICLES CSS
=============================================================================================================================*/

.article_title_rows
{
	display: block;
	width: 95%;
	text-align: left;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted gray;
	padding-top: 10px;
	padding-bottom: 5px;
}

.article_title
{
	display: block;
	width: 100%;
	text-align: left;
	font-size: 25px;
	letter-spacing: 2px;
	line-height: 30px;
}

/*=============================================================================================================================

	Credits: BitRepository.com
	
=============================================================================================================================*/

/* Pagination Link */

#page-pagination a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	text-decoration: none;
	color: gray;
	border: 1px solid #6E990D;
	padding: 5px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#page-pagination a:hover 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #6E990D;
	background-color: #8DBA29;
	padding: 5px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Pagination Current Page */

#page-pagination a.current 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
	color: white;
	border: 1px solid #6E990D;
	background-color: #8DBA29;
	padding: 5px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Pagination Disabled Page */

#page-pagination span.disabled 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	text-decoration: none;
	color: #C6C7C7;
	border: 1px solid silver;
	background-color: white;
	padding: 5px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*=============================================================================================================================
	SEARCH CSS
=============================================================================================================================*/

.search_result_title
{
	font-size: 17px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.search_result_code
{
	font-size: 15px;
	color: blue;
	text-decoration: none;
}

.search_result_intro
{
	font-size: 13px;
	color: gray;
	text-decoration: none;
}

.article_top_image
{
	display: block;
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	
}

/*=============================================================================================================================
	CONTACT
=============================================================================================================================*/

.buttons
{
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid gray!important;
	background-image: url('images/bg_menu_05.gif')!important;
	font-size: 17px!important;
	min-width: 100px;
	min-height: 40px;
	margin-left: 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	cursor: hand;
	cursor: pointer;
	color: #333333!important;
}

.buttons:hover
{
	font-weight: normal;
	letter-spacing: 1px;
	background-image: url('images/bg_menu_05_rev.gif')!important;
}

@media (min-width: 801px)
{
	.ct_col_left
	{
		display: inline-block;
		width: 100%;
		text-align: left;
		vertical-align: bottom;
		color: #333333;
		text-decoration: none;
		font-size: 15px!important;
	}
	
	
	.ct_col_right
	{
		display: inline-block;
		width: 100%;
		text-align: left;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.ct_col_right_secucode
	{
		display: inline-block;
		width: 100%;
		text-align: left;
		padding-top: 10px;
	}
	
	.ct_input
	{
		padding: 5px;
		width: 75%;
		border: 1px solid #0E008C!important;
		font-size: 15px;
		/*
		background-color: #FFFFFF;
		/*
	  	opacity:0.6;
	  	filter:alpha(opacity=60); /* For IE8 and earlier */
	  	*/
	}
	
	.ct_input:hover
	{
		background-color: silver;
	}
	
	.ct_input.message
	{
		width: 95%;
		height: 150px;
	}
	
	.ct_input.subject
	{
		width: 400px;
	}
	
	.ct_input.tel_ext
	{
		width: 50px;
	}
	
	.ct_input.tel
	{
		width: 50%;
	}
	
	.ct_input.mobile
	{
		width: 50%;
	}
	
	.ct_form_buttons
	{
		text-align: center;
		font-size: 30px;
	}
	
	.ct_deux_points
	{
		display: none;
		font-weight: bold;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.ct_text_1
	{
		display: none;
	}
	
	.ct_panel_left
	{
		display: inline-block;
		width: 59%;
		vertical-align: top;
	}
	
	.ct_panel_right
	{
		display: inline-block;
		width: 40%;
		vertical-align: top;
	}
}

@media (max-width: 800px)
{
	.ct_col_left
	{
		width: 100%;
		text-align: left;
		vertical-align: bottom;
		line-height: 30px;
		color: #333333;
		text-decoration: none;
		font-size: 17px!important;
		margin-top: 10px;
	}
	
	.ct_col_right
	{
		width: 100%;
		text-align: left;
		line-height: 30px;
	}
	
	.ct_col_right_secucode
	{
		width: 100%;
		text-align: left;
		line-height: 30px;
	}
	
	.ct_input
	{
		padding: 10px;
		width: 97%;
		border: 1px solid #666666!important;
		font-size: 15px;
	}
	
	.ct_input.message
	{
		width: 97%;
		height: 150px;
	}
	
	.ct_input.subject
	{
		width: 97%;
	}
	
	.ct_form_buttons
	{
		width: 100%;
		text-align: center;
		padding-left: 0;
	}
	
	.ct_deux_points
	{
		display: none;
		font-weight: bold;
		padding-left: 0px;
	}
	
	.ct_text_1
	{
		display: block;
		padding-top: 30px;
		font-size: 15px!important;
		letter-spacing: 1px;
	}
	
	.ct_panel_left
	{
		display: block;
		width: 100%;
		vertical-align: top;
	}
	
	.ct_panel_right
	{
		display: none;
	}
	
}

/*=============================================================================================================================
	FORM CSS
=============================================================================================================================*/

.ct_form_wrapper { width: 100%; margin-top: 30px; background: #FFFFFF; }
.ct_tbl { width: 100%; padding: 3px; border: 1px solid  silver; }
.ct_tr {  }
.ct_td_lt { font-size: 15px;  white-space: nowrap; }
.ct_td_rt {  }

.input.email { width: 60%; }
.input.address { width: 90%; }

@media (max-width: 800px)
{
	.input { width: 100%; }
	.input.bday { width: 25%; }
	.input.email { width: 100%; }
	.input.address { width: 100%; }
}

/*=============================================================================================================================
	FACEBOOK LOGIN BUTTON CSS
=============================================================================================================================*/

div.social-wrap button 
{
    padding-right: 45px;
    height: 35px;
    background: none;
    border: none;
    display: block;
    background-size: 35px 35px;
    background-position: right center;
    background-repeat: no-repeat;
    border-radius: 4px;
    color: white;
    font-family:Arial, "Merriweather Sans", sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
    min-width: 205px;
    width: auto;
    border-bottom: 2px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    box-shadow: 0 4px 2px -2px gray;
    text-shadow: rgba(0, 0, 0, .5) -1px -1px 0;
}

button#facebook 
{
    border-color: #2d5073;
    background-color: #3b5998;
    letter-spacing: 2px;
    background-image: url(images/facebook-icon.png);
    cursor: pointer;
    cursor: hand;
}

button#facebook_ie
{
    border-color: #2d5073;
    background-color: #3b5998;
    letter-spacing: 2px;
    /*background-image: url(images/facebook-icon.png);*/
    cursor: pointer;
    cursor: hand;
}

div.social-wrap button:active 
{
    background-color: #222;
}

/*=============================================================================================================================
	CART CSS
=============================================================================================================================*/

.cart_bar_title { display: block; padding-top: 20px; padding-bottom: 20px; }

@media (max-width: 800px) { .cart_bar_title { display: none; }	}