body {  
font-family: 'Roboto Condensed';
font-size: 16px; 
font-weight:500;
background-color: rgb(24, 25, 26);
font-size: 13px; 
text-align: left;
text-justify: inter-word;
color: #fff;
}




h1 {  
font-size: 16px; 
color: #000;
}

td {  font-size: 14px; color: #000;
}

A:link, .minorcopy A:link { color:#fff;text-decoration: none;}
A:visited, .minorcopy A:visited { color:#fff;text-decoration: none;}
A:hover, .minorcopy A:hover { color:#fff;text-decoration: none;}
A:active, .minorcopy A:active { color:#fff;text-decoration: none;}

.minorcopy {  font-size: 14px; color: #000;}
td A:link, .minorcopy A:link { color:#000;text-decoration: none;}
td A:visited, .minorcopy A:visited { color:#000;text-decoration: none;}
td A:hover, .minorcopy A:hover { color:#000;text-decoration: none;}
td A:active, .minorcopy A:active { color:#000;text-decoration: none;}

.d-in { display:inline-block; }
.d-block { display:block; }
.d-none  { display:none;  }
.d-flex  { display:flex;  }

.p-rel { position:relative; } 
.p-fix { position:fixed; }
.p-abs { position:absolute; }


.c-point { cursor:pointer;}


.container  { width:100%;  }
.main_section { width:calc(100%-600px);  }

.top_wrapper { 	background: #5C005C; }


.topmenubtn { 	
				color: #fff;
				margin-right:40px; 
				border-radius:5px; 
		     	font-size:16px; }

.topmenu_logo { left:10px; 
			   rop:20px; }

.btn_menu_left { 
			width: 136px;
			height:60px;
			padding: 10px;
			border-left: 0px solid #000;
			border-right: 1px solid #000;
			border-top: 0px solid #000;
			border-bottom: 1px solid #1C9D30;
			border-radius: 0px 0px 0px 0px;
			display: inline-block;
			vertical-align: middle;
			font-family: 'Centuri', sans-serif;  
			font-size: 14px; 
			text-align:center;
			
			background: #1C9D30;
			color: #fff; 
			}
			
			
.btn_menu_leftp { 
			width: 136px;
			height:60px;
			padding: 10px;
			border-left: 0px solid #000;
			border-right: 1px solid #000;
			border-top: 0px solid #000;
			border-bottom: 1px solid #77a22f;
			border-radius: 0px 0px 0px 0px;
			display: inline-block;
			vertical-align: middle;
			font-family: 'Centuri', sans-serif;  
			font-size: 14px; 
			text-align:center;
			
			background: #77a22f;
			color: #000; 

			}

.btn_menu_left:hover,
.btn_menu_left:focus {
		    color: #77a22f; 
			background: #fff; 
}

.btn_menu_leftp:hover,
.btn_menu_leftp:focus {
		     color: #77a22f; 
			background: #fff; 
}
			

.close-icon
{
  display:block;
  margin-right:10px;
  box-sizing:border-box;
  width:20px;
  height:20px;
  border-width:3px;
  border-style: solid;
  border-color:red;
  border-radius:100%;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%);
  background-color:red;
  box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
}	


.first_image {

	border-radius: 12px;
    height:300px;
	width: 500px;
    border: 0px solid #fff;
	
	z-index: 999;


}


.extra_14 {  
font-family: "Helvetica Neue", "Helvetica", "Arial"; 
font-size: 14px; 

}



.hvr_bob { 
padding: 10px;
border: 1px solid #EDE157;
border-radius: 7px 7px 0px 1px;
display: inline-block;
vertical-align: middle;
background-color: #4D484A; 
color: #4D484A; 
font-family: 'Helvetica Neue', sans-serif;  
font-size: 14px; 
text-align:center;
width: 190px;}

.hvr_bob:hover, 
.hvr_bob:focus, 
.hvr_bob:active { 
 padding: 10px;
 color: #4D484A; 
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0);
border: 1px solid #EDE157;
border-radius: 7px 7px 0px 1px;
display: inline-block;
vertical-align: middle;
background-color: #EDE157; 
font-family: 'Helvetica Neue', sans-serif;  
font-size: 14px; 
text-align:center;
width: 190px;
}


.frm_upload_images_each_product_del_button {
    position: relative;
    left: 10;
    top: 60;
    float: left;
	border:0px;
    margin: 0px;
    z-index: 10;
    width: 10px;
	height: 15px;
    text-align: center;
	background: #ff0000;
	font-size: 12px;
	color: #fff;
}

.frm_upload_images_each_product_image {
    float: left;
	border:5px;
    margin: 5px;
    position: block;
    width: 80px;
	height: 80px;
    text-align: center;
	z-index: 10;
	background: rgba(255, 0, 0, 0.5);
	overflow: hidden;
}

.frm_upload_images_each_product_image_inner_image {
	border:5px;
    margin: 5px;
    position: block;
    width: 80px;
	height: 80px;
    text-align: center;
	z-index: 10;
	background: rgba(255, 0, 0, 0.5);
	overflow: hidden;
}

.frm_upload_images_label_warning {
    display: inline-block;
    position: relative;
	margin: 5px;
    text-align: center;
	background: #ff0000;
	font-size: 12px;
	color: #fff;
}


.hvr_bobp { 
padding: 10px;
border: 1px solid #EDE157;
border-radius: 7px 7px 0px 1px;
display: inline-block;
vertical-align: middle;
color: #000;
background-color: #EDE157; 
font-family: 'Helvetica Neue', sans-serif;  
font-size: 14px; 
text-align:center;
width: 190px;}

.hvr_bobp:hover, 
.hvr_bobp:focus { 
 padding: 10px;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0);
border: 1px solid #EDE157;
border-radius: 7px 7px 0px 1px;
display: inline-block;
vertical-align: middle;
background-color: #EDE157; 
font-family: 'Helvetica Neue', sans-serif;  
font-size: 14px; 
text-align:center;
width: 190px;
}




.hvr_bob3_btn { 
display: inline-block;
padding: 10px;
border: 0px solid #ff0000;
background-image: url('./images/btn_prosfores.jpg'); 
position:absolute;
top:160px;
left: 100%;
align:right;
margin-left:-40px;
width: 25px;
height:140px;
z-index:180000;

}



.bor_1  { 
padding:0px;
color: #000; 
text-decoration: none; 
font-weight: none; 
position: relative; 
 
background: #000;
border-radius: 14px;	
box-shadow: 2 2px 2 rgba(0,0,0,.7);	
}

.top_tip { 
padding:0px;
text-decoration: none; 
font-weight: none; 
position: relative; 
cursor: pointer; 
border-radius: 8px;	
background: #222222;
background: -webkit-gradient(linear, left top, left bottom, from(#222222),to(#222222));
background: -o-linear-gradient(top, #222222, #222222);
-webkit-box-shadow:1px 1px 1px #222222,0px 1px 1px #222222;
box-shadow: 2 2px 2 rgba(0,0,0,.7);
}


.category1_tip { 
padding:0px;
color: #fff; 
text-decoration: none; 
font-weight: none; 
position: relative; 
cursor: pointer; 
border-radius: 8px;	
background: #fff1d3;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(225,86,23)),to(rgb(225,86,23)));
background: -o-linear-gradient(top, #000, #000);
}		

.w1_tip { 
padding:0px;
color: #fff; 
text-decoration: none; 
font-weight: none; 

position: relative; 
cursor: pointer; 
border-radius: 8px;	
background: #fff1d3;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(225,86,23)),to(rgb(225,86,23)));
-webkit-box-shadow:1px 1px 1px #000,0px 1px 1px #000;
background: -o-linear-gradient(top, #000, #000);
box-shadow: 2 2px 2 rgba(0,0,0,.7);

}		

.window_right_tip { 

padding:0px;
color: #fff; 
text-decoration: none; 
font-weight: none; 
cursor: pointer; 
border-radius: 8px;	
background: #fff1d3;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(225,86,23)),to(rgb(225,86,23)));
background: -o-linear-gradient(top, #000, #000);
box-shadow: 2 2px 2 rgba(0,0,0,.7);
}	



#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: yellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px 'Helvetica Neue';
color:#000;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/

color: navy;
margin: 3px 8px;
font-size: 10px; 
}

div.debug_comments {     /* this will hide div with class div_class_name */
  display:none;
}


.product_contact_visible
{
display : inline-block; 
}


.product_contact_invisible
{
display : none;
}




.debug_window {  background: #b1b1b1 url() repeat-x; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; color: #000;}
.debug_window tr:nth-child(even) {background: #eee}
.debug_window tr:nth-child(odd) {background: #FFF}


.btn_add_record 

{ 

display: inline-block; 
padding: 5px; 
color: #fff; 
text-decoration: none; 
font-weight: none; 
line-height: 1; 
position: relative; 

border-radius: 5px;	
	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #484A57 0%, #E6E6E6 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #484A57 0%, #E6E6E6 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #484A57 0%, #E6E6E6 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #484A57), color-stop(1, #E6E6E6));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #484A57 0%, #E6E6E6 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #484A57 0%, #E6E6E6 100%);
box-shadow: 3 2px 3 rgba(0,0,0,.7);
}


.admin_button

{ 
background: #0000b1 url() repeat-x; 
display: inline-block; 
padding: 7px 7px 7px; 
color: #fff; 
text-decoration: none; 
font-weight: none; 
line-height: 1; 
position: relative; 
cursor: pointer; 
border-radius: 3px;	

			box-shadow: 0 0px 0 rgba(0,0,0,.7);
}




.button

{ 
background: #b1b1b1 url() repeat-x; 
display: inline-block; 
padding-left: 5px 5px 5px; 
color: #000; 
text-decoration: none; 
font-weight: none; 
line-height: 1; 
position: relative; 
cursor: pointer; 
border-radius: 2px;	
background: #fff1d3;
background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#fff));
background: -o-linear-gradient(top, #c0c0c0, #fff);
box-shadow: 1 1px 1 rgba(0,0,0,.7);
}




		.tooltip {
			display: none;
			width: 200px;
			cursor: hand;
			text-shadow: 0 1px 0 #fff;
			position: absolute;
			top: 1px;
			left: 50%;
			z-index: 999;
			margin-left:115px;
			padding:15px;
			color: #222;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			-webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			box-shadow: 0 3px 0 rgba(0,0,0,.7);
			opacity: 1;
			background: #fff1d3;
			background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ffdb90));
			background: -webkit-linear-gradient(top, #ff0000, #b1b1b1);
			background: -moz-linear-gradient(top, #ff0000, #ffdb90);
			background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
			background: -o-linear-gradient(top, #fff1d3, #ffdb90);
			background: linear-gradient(top, #fff1d3, #ffdb90);		
		
		}
		





.subnav {  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; color: #993333; }
.subnav A:link, .subnav: A:active, .subnav A:visited { color: #666666; font-weight:normal; text-decoration: none;}
.subnav A:hover {color : #993333; font-weight: normal; text-decoration: none;}
.ternav {  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; color: #993333; }
.ternav A:link, .ternav: A:active, .ternav A:visited { color: #669999; font-weight:normal; text-decoration: none;}
.ternav A:hover {color : #993333; font-weight: normal; text-decoration: none;}
input, select {  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px}
.prd-sticker{width:67px;height:52px;line-height:14px;font-size:14px;color:#000;text-align:center;text-decoration:none;z-index:999;
background-position:left bottom;
background:url(images/sticker-medium.png) 0 0 no-repeat;}
.prd-sticker-medium{width:67px;height:52px;line-height:14px;font-size:14px;color:#000;text-align:center;text-decoration:none;z-index:999;
background:url(images/sticker-medium.png) 0 0 no-repeat;}
.prd-sticker-large{width:67px;height:52px;line-height:14px;font-size:14px;color:#000;text-align:center;text-decoration:none;z-index:999;
background:url(images/sticker-large.png) 0 0 no-repeat;}
.pages-sticker{width:160px;height:150px;line-height:14px;font-size:14px;color:#000;text-align:bottom;text-decoration:none;z-index:999;
background-position:left bottom;
background:url(images/pages.png) 0 0 no-repeat;}
.pages-sticker-medium{width:67px;height:52px;line-height:40px;font-size:14px;color:#000;text-align:center;text-decoration:none;z-index:999;
background:url(images/pagespng) 0 0 no-repeat;}
.pages-sticker-large{width:67px;height:52px;line-height:40px;font-size:14px;color:#000;text-align:center;text-decoration:none;z-index:999;
background:url(images/pages-large.png) 0 0 no-repeat;}
.btnstyle A:link, 
.btnstyle A:active, 
.btnstyle A:hover,
.btnstyle A:visited { 
	font-family: Helvetica,  'Helvetica Neue', Arial, sans-serif; 
	font-size: 11px; 
	background-color: #EBDCBC;
	color: #000;
	
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	BORDER-RIGHT: #000 1px solid; 
    BORDER-TOP: #000 1px solid; 
    BORDER-LEFT: #000 1px solid; 
    BORDER-BOTTOM: #000 1px solid; 
}



.signature,	
.signature A,
.signature A:link, 
.signature A:active, 
.signature A:hover,
.signature A:visited { 
	font-family: Helvetica,  'Helvetica Neue', Arial, sans-serif; 

	color: #c1c1c1;
	
	PADDING-LEFT: 5px; 

}

.left_t1,	
.left_t1 A:link, 
.left_t1 A:active, 
.left_t1 A:hover,
.left_t1 A:visited { 
	font-family: Helvetica,  'Helvetica Neue', Arial, sans-serif; 
	font-size: 11px; 
	color: #fff;
	
	PADDING-LEFT: 5px; 

}	
	
.left_t3 A:link, 
.left_t3 A:active, 
.left_t3 A:hover,
.left_t3 A:visited { 
	font-family: Helvetica,  'Helvetica Neue', Arial, sans-serif; 
	font-size: 11px; 
	color: #fff;
	
	PADDING-LEFT: 5px; 

}


.w_chk { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #800080;
	
	PADDING-LEFT: 10px; 
	}
.btnstyle { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #000;
	
	}
.btn2style A:link, 
.btn2style A:active, 
.btn2style A:hover,
.btn2style A:visited { 
	font-family: Helvetica,  'Helvetica Neue', Arial, sans-serif; 
	font-size: 9px; 
	background-color: #EBDCBC;
	color: #000;
	
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	BORDER-RIGHT: #000 1px solid; 
    BORDER-TOP: #000 1px solid; 
    BORDER-LEFT: #000 1px solid; 
    BORDER-BOTTOM: #000 1px solid; 
}
.link1 { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 8px; 
	color: #fff;
	
	}
	
.page_text { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	
	color: #EDE157;
}	
	
.selected_page  { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000;
	background-color: #505050;
	PADDING: 5px;
	padding-left:10px;
	padding-right:10px;

}

.sel_page,
.sel_page A:link, 
.sel_page A:active, 
.sel_page A:hover,
.sel_page A:visited { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #EDE157;
	color: #000;
	
	PADDING: 5px;	

	}


.recently  { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #c0C0C0;
	background-color: #fff;
	PADDING-BOTTOM: 5px;
	BORDER-RIGHT: #006738 1px solid; 
    BORDER-TOP: #006738 1px solid; 
    BORDER-LEFT: #006738 1px solid; 
    BORDER-BOTTOM: #006738 1px solid; 
}


.show_edit_img {
  width:100px;
  height:auto;
  }



	
	
.bor_2  { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	BORDER-RIGHT: #bebebe 1px solid; 
	BORDER-TOP: #bebebe 1px solid; 
	BORDER-LEFT: #bebebe 1px solid; 
	BORDER-BOTTOM: #bebebe 1px solid; }
.state { 
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #C0C0C0;
	}

INPUT.orangetext{
		color: #000;
		border: 1px solid #C4AE83;
		font-size: 10px;
		height: 16px;
}


#mouseoverstyle A {COLOR: white}

.num_recs, 
.num_recs A:link, 
.num_recs A:active, 
.num_recs A:hover,
.num_recs A:visited { 
font-family: Helvetica,  'Helvetica Neue', Arial, sans-serif; 
font-size: 11px; 
background-color: #ff0000;
color: #fff;

PADDING-LEFT: 2px; 
PADDING-RIGHT: 2px; 
PADDING-TOP: 2px;
PADDING-BOTTOM: 2px;
	BORDER-RIGHT: #000 1px solid; 
    BORDER-TOP: #000 1px solid; 
    BORDER-LEFT: #000 1px solid; 
    BORDER-BOTTOM: #000 1px solid; 
}





.bottom_menu_table1
{  
padding: 30px;
border-radius: 7px 7px  7px 7px ;
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
font-size: 14px; 
background: #222222;
}


.bottom_menu_table2
{  

border-radius: 0px 0px 7px 7px ;
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
font-size: 14px; 
background: #222222;
}


#top_menu { 
border:0px solid #fff;

position:absolute;
width: 400px;
cursor: hand;
top:10px;
left: 50%;
margin-left:155px;
font:normal 9px Helvetica Neue;
color:#000;
z-index:0;
}

.subcat_menu_item0:hover,.subcat_menu_item0:focus, .subcat_menu_item0:active { 
border: 0px solid #fff;
height:20px;
display: inline-block;
vertical-align: middle;
background-image: url('./images/button2.png'); 
background-repeat: repeat-x; 
background-color: #c1c1c1; 
font-family: 'Helvetica Neue', sans-serif;  
font-size: 12px; 
padding: 5px;
padding-top: 9px;
}

.subcat_menu:hover,.subcat_menu:focus, .subcat_menu:active { 
border: 0px solid #fff;
height:20px;
display: inline-block;
vertical-align: middle;
background-image: url('./images/button1p.png'); 
background-repeat: repeat-x; 
background-color: #c1c1c1; 
font-family: 'Helvetica Neue', sans-serif;  
font-size: 12px; 
padding: 5px;
padding-top: 9px;
}



.subcat_menu { 
border: 0px solid #fff;
height:20px;
display: inline-block;
vertical-align: middle;
background-image: url('./images/button1.png'); 
background-repeat: repeat-x; 
background-color: #c1c1c1; 
font-family: sans-serif,'Helvetica Neue';  
font-size: 12px; 
text-align:center;
padding: 5px;
padding-top: 9px;
width:109px;
}


.subcat_menu_pressed { 
border: 0px solid #000;
height:20px;
display: inline-block;
vertical-align: middle;
background-image: url('./images/button1p.png'); 
background-repeat: repeat-x; 
background-color: #c1c1c1; 
color: #fff;
font-family: sans-serif,'Helvetica Neue'  #fff;   
font-size: 12px; 
text-align:center;
padding: 5px;
padding-top: 9px;
width:130px;
}

.subcat_menu_pressed_font { 
font-family: sans-serif,'Helvetica Neue' #000;   
font-size: 12px; 
}



.subcat_menu_pressed:hover,.subcat_menu_pressed:focus, .subcat_menu_pressed:active { 
border: 0px solid #fff;
height:20px;
display: inline-block;
vertical-align: middle;
background-image: url('./images/button1p.png'); 
background-repeat: repeat-x; 
background-color: #c1c1c1; 
font-family: sans-serif,'Helvetica Neue';  
font-size: 12px; 
padding: 5px;
padding-top: 9px;
}


.subcat_menu_item0 { 
border: 0px solid #fff;
height:20px;
border-radius: 7px 0px 0px 0px;
display: inline-block;
vertical-align: middle;
background-image: url('./images/button1.png'); 
background-repeat: repeat-x; 
background-color: #c1c1c1; 
font-family: sans-serif,'Helvetica Neue';   
font-size: 12px; 
text-align:center;
padding: 5px;
padding-top: 9px;
width:110px;
}


#position_subcat_menu{ 
display: inline-block;
background-image: url('./images/button1.png'); 
background-repeat: repeat-x; 
background-color: #c1c1c1; 
border-radius: 7px 7px 0px 0px;
border: 0px solid #fff;
left:0px;
top:0px;
height:35px;
width: 1100px;
font:normal 11px 'Helvetica Neue';
color:#000;
z-index:0;
}

#top_top_menu{ 
padding-top:9px;
position:absolute;
border: 0px solid #fff;
top:96px;
width: 1080px;
z-index:10;
}


.window_categories{ 
background: #000;
position:absolute;
border: 1px solid #EDE157;
text-decoration: none; 
font-weight: none; 
border-radius: 8px;	
padding: 10px 10px ; 
z-index:999;
}



.text10 {  
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
display: inline-block;
columns:2;
-webkit-column-count: 2; 
column-gap: 30px;
font-size: 13px; 
text-align: left;
text-justify: inter-word;
color: #000; }



.text10_new {  
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
display: inline-block;
columns:2;
-webkit-column-count: 2; 
column-gap: 30px;
font-size: 13px; 
text-align: left;
text-justify: inter-word;
color: #000; 

}


.btn_page_dot { 
background-image: url('./images/page_dot.png'); 
background-repeat: repeat-x; 
padding: 10px 8px ; 
display: inline-block; 
font:normal 9px 'Helvetica Neue';
color: #000;
width:18px;
height:30px;

}





#position_bgimage_left{ 
position:fixed;
left:0px;
top:150px;
font:normal 11px 'Helvetica Neue';
color:#000;
z-index:-999;
}



#position_bgimage_right{ 
position:fixed;
left:100%;
margin-left:-80px;
top:150px;
font:normal 11px 'Helvetica Neue';
color:#000;
z-index:-999;
}

.right_banner{ 
    display: block;
    margin-left: auto;
    margin-right: auto;
	border-radius: 7px;	
width:240px;
height:auto;
}


.more_products  img { 
    display: block;
    margin-left: auto;
    margin-right: auto;
	border-radius: 7px;	
width:240px;
height:140px;
}

.more_products h1 { 
text-align:left;
text-decoration: none; 
font-weight: none; 
margin-left:9px;
color: #000; 
font-family: Helvetica, sans-serif;  
font-size: 12px; 

}


.more_products div { 
margin-top:-10px;
margin-left:0px;
}


#xaraktiristika_eidous_0{ 
padding: 0px;
padding-left: 35px;
padding-top: 65px;
border: 0px solid #EDE157;

}


.prosfora { 
display: block;
margin-top:-1px;
margin-left:10px;
padding: 5px;
border: 1px solid #fff;
border-radius: 7px 7px 7px 7px;
display: inline-block;
vertical-align: middle;
background-image: url('./images/prosfortes_grad.png'); 
color: #fff;
background-color: #EDE157; 
font-family: 'Helvetica Neue', sans-serif;  
font-size: 13px; 
text-align:left;
width: 100px;
z-index: 700;
}


.btn_next_previous{ 
padding: 10px;
cursor:pointer;
border: 1px solid #EDE157;
border-radius: 7px 7px 7px 7px;

display: inline-block;
vertical-align: middle;
background-image: url('./images/product_large_degrante.png'); 
background-repeat: repeat-x; 
background-color: #c1c1c1; 
color: #000;
background-color: #EDE157; 
font-family: 'Helvetica Neue', sans-serif;  
font-size: 13px; 
text-align:center;
width: 148px;
}


#xaraktiristika_eidous{ 
padding-left: 10px;
padding-top: 10px;
border: 1px solid #EDE157;
border-radius: 7px 7px 7px 7px;

display: inline-block;
vertical-align: middle;
background-image: url('./images/product_large_degrante.png'); 
background-repeat: repeat-x; 
background-color: #c1c1c1; 
color: #000;
background-color: #EDE157; 
font-family: 'Helvetica Neue', sans-serif;  
font-size: 13px; 
text-align:left;
width: 290px;
}


#img_crop { 
overflow: hidden;
border: 1px solid #EDE157;
border-radius: 7px 7px 7px 7px;
width: 700px;
height: 400px;
}


.large_first{ 
display: absolute;
height: 400;
width: auto;
}




#img_crop_sm { 
overflow: hidden;
border: 1px solid #EDE157;
border-radius: 2px 2px 2px 2px;
width: 100px;
height: 50px;
}


#img_first_crop{ 
overflow: hidden;
border: 1px solid #ff0000;
border-radius: 2px 2px 2px 2px;
width: 100px;
height: 150px;
}



.large_first_sm{ 
display: absolute;
height: 50;
width: auto;
}


.tsql_record  { 
display: absolute;
BORDER-RIGHT: #000 1px solid; 
padding:10px;
width:1000px;
height:350px;
color: #000; 
text-decoration: none; 
font-weight: none; 
position: relative; 
cursor: pointer; 
background: #c1c1c1;
border-radius: 12px;	
overflow-y: scroll;
}


	
image_and_comments
{ 
 display:block;
 position:relative;
 z-index:800;
 }


div img
{ 
 display:block;
 position:relative;
 z-index:0;
 }

 

div .comments 
{ 

 display:block;
 position:absolute;
 top:-30px;
 z-index:80;
 }
 

#mainwrapper {
    
	font: 10pt normal Arial, sans-serif;
	height: auto;

	text-align: center;
	
}

/* Image Box Style */
#mainwrapper .box {
	border: 1px solid #F8CD3C;
	height: 200px;
	float: left;
	margin: 5px;
	position: relative;
	border-radius:7px;
	overflow: hidden;
	width: 230px;

		
}
#mainwrapper .box img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/* Caption Common Style */
#mainwrapper .box .caption {
	background-color: #F8CD3C;
	color: #000;
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}


/** Caption 1: Simple **/
#mainwrapper .box .simple-caption {
	height: 50px;
	width: 230px;
	color: #000;
	display: block;
	bottom: -50px;
	
	text-align: center;
}

/** Caption 2: Full Width & Height **/
#mainwrapper .box .full-caption {
	width: 170px;
	height: 170px;	
	top: -200px;
	text-align: left;
	padding: 15px;
}

/** Caption 3: Fade **/
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption  {
	opacity: 0;
	width: 250px;
	height: 150px;
	text-align: left;
	padding: 15px;
}

/** Caption 4: Slide **/
#mainwrapper .box .slide-caption {
	width: 170px;
	height: 170px;	
	text-align: left;
	padding: 15px;
	left: 200px;
}


/** Caption 6: Scale **/
#mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p {
	position: relative;
	left: -200px;
	width: 170px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

#mainwrapper .box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
}

#mainwrapper .box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
}

/** Simple Caption :hover Behaviour **/
#mainwrapper .box:hover .simple-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 1;
	transform: translateY(-100%);
}

/** Full Caption :hover Behaviour **/
#mainwrapper .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}

/** Fade Caption :hover Behaviour **/
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption  {
	opacity: 1;
}

/** Slide Caption :hover Behaviour **/
#mainwrapper .box:hover .slide-caption {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	opacity: 1;
	transform: translateX(-100%);
}
#mainwrapper .box:hover img#image-4 {
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;
}

/** Rotate Caption :hover Behaviour **/
#mainwrapper .box:hover .rotate {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/** Scale Caption :hover Behaviour **/
#mainwrapper .box:hover #image-6 {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

#mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
} 




@media all and (min-width:769px) and (max-width: 9999px) {   #div_pc  { display:block;}   #echo_top_narrow  { display:none;} #echo_left_menu { display:block;} }
@media all and (min-width:569px) and (max-width: 768px) {    #div_pc  { display:none;}    #echo_top_narrow  {display:block ;} #echo_left_menu { display:none;} }
@media all and (min-width:481px) and (max-width: 568px) {    #div_pc  { display:block;}   #echo_top_narrow  { display:none;} #echo_left_menu { display:none;} }
@media all and (min-width:321px) and (max-width: 480px) {    #div_pc  { display:none;}    #echo_top_narrow  { display:block;} #echo_left_menu { display:none;} }
@media all and (min-width:0px) and (max-width: 320px)     {  #div_pc  { display:none;}    #echo_top_narrow  { display:block;} #echo_left_menu { display:none;} }

@media all and (min-width:769px) and (max-width: 9999px)   {    #div_mob:after {  content: 'min-width:769px - max-width: 9999px'; }}
@media all and (min-width:569px) and (max-width: 768px)     {   #div_mob:after {  content: 'min-width:569px - max-width: 768px'; }}
@media all and (min-width:481px) and (max-width: 568px)     {   #div_mob:after {  content: 'min-width:481px - max-width: 568px'; }}
@media all and (min-width:321px) and (max-width: 480px)     {   #div_mob:after {  content: 'min-width:321px - max-width: 480px'; }}
@media all and (min-width:0px) and (max-width: 320px)         { #div_mob:after {  content: 'min-width:0px - max-width: 320px'; }}


@media all and (min-width:769px) and (max-width: 9999px) {   #div_tech_accordition_mob  { display:none;}   #div_tech_accordition_pc  { display:block;}  }
@media all and (min-width:569px) and (max-width: 768px) {    #div_tech_accordition_mob  { display:none;}   #div_tech_accordition_pc  { display:block;}  }
@media all and (min-width:481px) and (max-width: 568px) {    #div_tech_accordition_mob  { display:block;}  #div_tech_accordition_pc  { display:none;}  }
@media all and (min-width:321px) and (max-width: 480px) {    #div_tech_accordition_mob  { display:block;}  #div_tech_accordition_pc  { display:none;}  }
@media all and (min-width:0px) and (max-width: 320px)     {  #div_tech_accordition_mob  { display:block;}  #div_tech_accordition_pc  { display:none;}  }




@media all and (min-width:769px) and (max-width: 9999px) {   #div_up_padding_mob  { display:none;}   }
@media all and (min-width:569px) and (max-width: 768px) {    #div_up_padding_mob  { display:none;}   }
@media all and (min-width:481px) and (max-width: 568px) {    #div_up_padding_mob  { display:block;}  }
@media all and (min-width:321px) and (max-width: 480px) {    #div_up_padding_mob  { display:block;}  }
@media all and (min-width:0px) and (max-width: 320px)     {  #div_up_padding_mob  { display:block;}  }

@media all and (min-width:769px) and (max-width: 9999px) {   #div_menu_mob  { display:none;}   #div_menu_pc  { display:block;}  }
@media all and (min-width:569px) and (max-width: 768px) {    #div_menu_mob  { display:block;}   #div_menu_pc  { display:none;}  }
@media all and (min-width:481px) and (max-width: 568px) {    #div_menu_mob  { display:block;}  #div_menu_pc  { display:none;}  }
@media all and (min-width:321px) and (max-width: 480px) {    #div_menu_mob  { display:block;}  #div_menu_pc  { display:none;}  }
@media all and (min-width:0px) and (max-width: 320px)     {  #div_menu_mob  { display:block;}  #div_menu_pc  { display:none;}  }


@media all and (min-width:769px) and (max-width: 9999px) {   #div_header_video_mob  { display:none;}   #div_header_video_pc  { display:block;}  }
@media all and (min-width:569px) and (max-width: 768px) {    #div_header_video_mob  { display:block;}  #div_header_video_pc  { display:none;}  }
@media all and (min-width:481px) and (max-width: 568px) {    #div_header_video_mob  { display:block;}  #div_header_video_pc  { display:none;}  }
@media all and (min-width:321px) and (max-width: 480px) {    #div_header_video_mob  { display:block;}  #div_header_video_pc  { display:none;}  }
@media all and (min-width:0px) and (max-width: 320px)     {  #div_header_video_mob  { display:block;}  #div_header_video_pc  { display:none;}  }



@media all and (min-width:769px) and (max-width: 9999px){  #div_menu_mob  { extra_xreoseis:width:50%;}     }
@media all and (min-width:569px) and (max-width: 768px) {  #div_menu_mob  { extra_xreoseis:width:50%;}     }
@media all and (min-width:481px) and (max-width: 568px) {  #div_menu_mob  { extra_xreoseis:width:100%;}    }
@media all and (min-width:321px) and (max-width: 480px) {  #div_menu_mob  { extra_xreoseis:width:100%;}    }
@media all and (min-width:0px) and (max-width: 320px)   {  #div_menu_mob  { extra_xreoseis:width:100%;}    }


/* carousel */
#carousel3d .carousel-3d-slide {
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
#carousel3d .carousel-3d-slide.current {
  background-color: #333;
  color: #fff;
}
#carousel3d .carousel-3d-slide.current span {
  font-size: 20px;
  font-weight: 500;
}

/* End carousel */



button_small {
    background: #fff;
    color: #000;
    font-family: Sans-serif;
    font-size: 14px;
    height: auto;
    width: 120px;
    line-height: 30px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
}




button {
    background: #1C502B;
    color: #fff;
    text-shadow: 1px 1px 1px #ccc;
    font-family: Sans-serif;
    font-size: 18px;
    height: 58px;
    width: auto;
    line-height: 46px;
    text-align: center;
	vertical-align: middle;
    border: 0;
    transition: all 0.3s ease 0s; 
}

button:hover {
	background: #1C9D30;
    box-shadow: inset 0 0 0 0px #1C9D30;  
	color: #f1f1f1;
}



/*3*/

/* generic css */

.view {
  margin: 10px;
  float: left;
  border: 0px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  * box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
  background: #fff url(../images/bgimg.jpg) no-repeat center center
}

.view .mask,
.view .content { 
  dispaly:flex;	 
  width:100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  color : #000;
  font-size: 15px;
  top: 0;
  left: 0
}

.view img {
  display: block;
  position: relative;
  padding: 20px;
}

.view h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  font-family: Raleway, serif;
  padding: 10px;
  /*background: rgba(0, 0, 0, 0.8);*/
  margin: 20px 0 0 0
}

.view p {
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 0px 20px 0px;
  text-align: center
}

.view a.info {
  display: inline-block;
	position:relative;display: inline-block; margin:0 auto;text-align:center;
	width:100px;height:40px;font: 18px  sans-serif;color: #fff;line-height: 40px;
	background:#1C9D30;border-radius:7px;
}

.view a.info:hover {
  * box-shadow: 0 0 5px #000
}


.view-tenth img {
  transform: scaleY(1);
  transition: all .7s ease-in-out;
}

.view-tenth .mask {
  background-color: #f1f1f1;
  transition: all 0.5s linear;
  opacity: 0;
}

.view-tenth h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  margin: 20px 40px 0px 40px;
  transform: scale(0);
  color: #333;
  transition: all 0.5s linear;
  opacity: 0;
}

.view-tenth p {
  color: #333;
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s linear;
  padding-
}

.view-tenth a.info {
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s linear;
}

.view-tenth:hover img {
  -webkit-transform: scale(3);
  transform: scale(3);
  opacity: 0;
}

.view-tenth:hover .mask {
  opacity: 1;
}

.view-tenth:hover h2,
.view-tenth:hover p,
.view-tenth:hover a.info {
  transform: scale(1);
  opacity: 1;
}


.button_checkout {
		width:100%;
		color: rgb(255, 255, 255);
		font-size: 16px;
		padding: 10px;
		text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
		background: rgb(210, 20, 20);
		background: -moz-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
		background: -webkit-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
		background: -o-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
		background: -ms-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
		background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
		-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
		border-radius:8px;
}


.strikediag{
  color:#ff0000;
  font-size:12px;  
  position:absolute;
  right:20px;
  top:20px;
  background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
}


.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.9;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("<?php echo WPIMG_PATH;?>parallax2.png");
  min-height: 550px;
}

.bgimg-2 {
  background-image: url("<?php echo WPIMG_PATH;?>parallax3.png");
  min-height: 350px;
}

.bgimg-3 {
  background-image: url("<?php echo WPIMG_PATH;?>parallax4.png");
  min-height: 350px;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #fff;
}

.caption span.border {
  background-color: #111;
  color: #000;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}



/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}


.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.9;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("<?php echo WPIMG_PATH;?>LASER KING_parallax2.jpg");
  min-height: 550px;
}

.bgimg-2 {
  background-image: url("<?php echo WPIMG_PATH;?>LASER KING_parallax5.jpg");
  min-height: 350px;
}

.bgimg-3 {
  background-image: url("<?php echo WPIMG_PATH;?>LASER KING_parallax4.jpg");
  min-height: 350px;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #fff;
}

.caption span.border {
  background-color: #111;
  color: #000;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}