@charset "UTF-8";
/*************************************************************************

text_normal: #838487; //858585
text_link1: #777; /hover #999; bg: #151515

*************************************************************************/


 /* Button group */
 .pick_months {
	margin:0px auto; clear:both; table-layout:fixed; 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	border:#000 1px solid !important; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
 	background-color:#191919;
 	
 	/* .radius_shadow */
	-webkit-box-shadow: rgba(0,0,2, 0.4) 1px 1px 1px 0px inset, rgba(0,0,2, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
	-moz-box-shadow: rgba(0,0,2, 0.4) 1px 1px 1px 0px inset, rgba(0,0,2, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
	box-shadow: rgba(0,0,2, 0.4) 1px 1px 1px 0px inset, rgba(0,0,2, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
 }
 .pick_months .pick_month { width:100%; height:100%; display:table; clear:both; }
 
 .pick_months .pick_month .months { 
 	position:relative;
 	width:auto; *height:100%; margin:0px auto; top:0px; bottom:0px; position:relative; vertical-align:top; display:table-cell; float: none; *float:left; 
 	border-left:1px solid #212121; border-right:1px solid #000; 
 }
 .pick_months .pick_month .first_month { border-left:0px !important; }
 .pick_months .pick_month .last_month { border-right:0px !important; }

 .pick_months .pick_month .first_month .month_set { border-top-left-radius:7px; -moz-border-top-left-radius:7px; -webkit-border-top-left-radius:7px; border-bottom-left-radius:7px; -moz-border-bottom-left-radius:7px; -webkit-border-bottom-left-radius:7px; }
 .pick_months .pick_month .last_month .month_set { border-top-right-radius:7px; -moz-border-top-right-radius:7px; -webkit-border-top-right-radius:7px; border-bottom-right-radius:7px; -moz-border-bottom-right-radius:7px; -webkit-border-bottom-right-radius:7px; }
 
 
.pick_month .months .month_set { overflow: hidden !important; }
.pick_month .months .month_set .month { color:#ddd; text-shadow: #000 0px 1px 0px; font-size:14px; }
.pick_month .months .month_set:hover,
.pick_month .months .month_set.active { background:#151515; } /* url("../images/hover_plus.png") no-repeat top right*/
.pick_month .months .month_set.active .month strong { color:#e57515 !important; } /* url("../images/hover_plus.png") no-repeat top right*/
.pick_month .months .month_set .hover_icon { 
	opacity:0; -khtml-opacity:0; -moz-opacity:0; filter: alpha(opacity=0); 
	width:25px; max-width:25px; margin:70px 0px 0px 24px;
	-webkit-transition:150ms ease-in-out !important; -moz-transition:150ms ease-in-out !important; transition:150ms ease-in-out !important; -ms-transition:150ms ease-in-out !important; -o-transition:150ms ease-in-out !important;
	
}
.pick_month .months .month_set:hover .hover_icon { opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }

.pick_month .months .month_set .photo img { opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }
.pick_month .months .month_set:hover .photo img { opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }


.pick_color { 
 	z-index:950; cursor:default; text-align:center; position:absolute; top:-233px; width:100%; clear:both; margin:0px auto; display:block !important;
	-webkit-transition:150ms ease-in-out !important; -moz-transition:150ms ease-in-out !important; transition:150ms ease-in-out !important; -ms-transition:150ms ease-in-out !important; -o-transition:150ms ease-in-out !important;
 }
 .pc_show 			{ visibility:visible; opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }
 .pc_hide 			{ visibility:hidden; opacity:0; -khtml-opacity:0; -moz-opacity:0; filter: alpha(opacity=0); top:-250px !important; }

.pick_color_bg1 {
	background:url("../images/product-tile-bg.png") repeat;
	clear:both;
	float:left;
	position:relative;
}
.pick_color_bg .photo:hover { background:#000; }

 #checkout_process ul H3 { color:#999; }
 #checkout_process ul.active H3 { color:#fff; }


/************************************************************************
*      FONTS
*************************************************************************/
 i { font-family:"FontAwesome",'Sans-serif','Serif'; }
 
 B, STRONG, .strong, caption, th { color:#ccc; font-weight:bold; -webkit-text-stroke-width: 0.2px; -webkit-user-select:text; } /* -webkit-text-stroke-width:.02em !important; (for mobile) */
 
 /* small */
 span.small { color:#999; } /*text-overflow:clip; */
 .small,
 .link { color:#e57515; } /*text-overflow:clip; */
 A.small:hover { color:#fff !important; text-decoration:underline !important; }
 A.link:hover { color:#fff !important; text-decoration:underline !important; }

 /* Info~Danger color set */
 .info { color:#999 !important; }
 .primary { color:#4488CC !important; }
 .success { color:#5D883D !important; }
 .warning { color:#e57515 !important; }
 .danger { color:#b11727 !important; }
 
 H3 {
	text-transform:uppercase;
	font-size:22px;
	font-weight:bold;
	color:#eee;
	margin-bottom:5px;
}
 

/*************************************************************************
*      INPUT, RADIO, CHECKBOX, SELECT, TEXTAREA
	input[type="text"] { }
	:invalid { }
	:not(.box) { } :not(span) { }
**************************************************************************/
 input, select, textarea, .textarea, .checkbox, .radio { 
 	margin:0px auto; vertical-align:middle; outline:none; outline-offset:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
 	-webkit-transition:200ms ease-in-out; -moz-transition:200ms ease-in-out; -o-transition:200ms ease-in-out; -ms-transition:200ms ease-in-out; transition:200ms ease-in-out;
 	font-weight:normal;
 }
 select			{ letter-spacing:-0.2px; display:inline-block; border:#000 1px solid; }
 .textarea { display:block; width:90%; line-height:150%; text-overflow:clip; word-break:keep-all; word-wrap:break-word; overflow-y:visible; overflow:visible; cursor:text; overflow: auto !important; resize:vertical; ime-mode:active; }

 /* type */
 [type=file] { border:none; width:auto; font-size:0.85em; *width:95%; background: transparent !important; }
 [type=radio] { border:none; outline:2px; -webkit-appearance:radio; width:20px; }
 [type=checkbox] { margin:0px auto; vertical-align:middle; outline:none; outline-offset:none; margin-right:5px; margin-bottom:3px; width:15px; height:15px; }
 [type=number]:invalid { }

 #colorpicker { border-right-width:20px !important; }
 
 /* first */
 [onclick] { cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0, 0); -webkit-user-select: none; }
 :not(:disabled)[placeholder]::-webkit-input-placeholder { color:#555; } /* #b2061a */
 :not(:disabled)[placeholder]:-moz-placeholder { color:#555; } /* Firefox 18- */
 :not(:disabled)[placeholder]::-moz-placeholder { color:#555; } /* Firefox 19+ */
 :not(:disabled)[placeholder]:-ms-input-placeholder { color:#555; }
 :not(:disabled)[required]::-webkit-input-placeholder { color:#555; } /* #b2061a */
 :not(:disabled)[required]:-moz-placeholder { color:#555; } /* Firefox 18- */
 :not(:disabled)[required]::-moz-placeholder { color:#555; } /* Firefox 19+ */
 :not(:disabled)[required]:-ms-input-placeholder { color:#555; }
 
 /* start */
 input			{ outline:none; outline-offset:none; border:none; display:inline-block; }
 input:hover	{ outline:none; }
 input:focus	{ outline:none; }
 input:active	{ outline:none; }
 
 .input, select { width:250px; height:35px; }
 .input, select, textarea, .textarea { margin:3px 5px 3px 0px; padding:6px 10px 6px 10px; line-height:150%; *line-height:120%; }
 .input, select, textarea, .textarea, *[required] { color:#797979; } /* required */
 .input, select, textarea, .textarea, .tagit-input { background-color:#1a1a1a; }
 .tagit-input { background: transparent !important; }
 
 .input, .textarea, .input_box { border:1px solid #090909; }
 .input, .textarea {
	-moz-box-shadow: rgba(0,0,0, 0.8) 0px 1px 5px 0px inset, 0 1px 0 #444;
	-webkit-box-shadow: rgba(0,0,0, 0.8) 0px 1px 5px 0px inset, 0 1px 0 #444;
	box-shadow: rgba(0,0,0, 0.8) 0px 1px 5px 0px inset, 0 1px 0 #444;
 }
 .input:hover, .textarea:hover, select:hover, input:not([type="file"]):hover,
 .input:focus, .textarea:focus, select:focus, input:not([type="file"]):focus	{ background-color:#111; border:#000 1px solid; }
 
 :not(:disabled)[required] { background-repeat:no-repeat; background-position: right top; }
 
 
 /* Label for input ========================================================================= */
 label { /* for input */
	display:inline-block; cursor: pointer;
	margin-bottom: 5px;
	margin-top:0px !important; /* important */
	-webkit-touch-callout: none; outline: none;
	-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	font-size:14px; font-weight: bold;
 }
 label.checkbox { /* for checkbox */
	font-size:12px; font-weight: bold; margin-right:5px;
 }
 
 /* Disabled */
 input:disabled, textarea:disabled, label.disabled, .selectBox.selectBox-disabled {
	 cursor: not-allowed !important;
	 opacity:0.7; -khtml-opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);
 }
 
 /* input group - bootstrap ========================================================================= */
 .input-group, .form-group { position: relative; margin-bottom: 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
 .input-group label { display:block; }
 .input-group .input-group-addon {
	display: block; position: absolute; top:4px; left:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	width:35px; height:33px; padding-top:7px;
	
	color: #999; font-weight:bold; text-align: center;
	background:#252525;
	border-right:1px solid #111;
	border-top-left-radius:3px; -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px;
	border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px;
 }
 .input-group .input-group-addon + input { padding-left:45px; }
 
 /* inputgroup - large */
 .input-group.large .input-group-addon { height:40px; width:43px; }
 .input-group.large .input-group-addon + input { width:250px; height:42px; font-size:16px; font-weight:normal; padding-left:52px !important; }
 
 /* inputgroup - Nav search */
 .input-group.search input { padding-left:28px; }
 .input-group.search .input-group-addon {
	background: none !important;
	border-right-width:0px !important;
	width:25px; height:31px; padding-top:2px;
 }

 /* @jquery CSS - jquery.form-validator.min.js ========================================================================= */
 span.help-block { color:#737373; font-size:12px; display:block; clear:both; }
 span.help-block.help:before {
    content: "\f00c";
    font-style: normal;
    font-weight: normal;
    padding-right: 0.5em;
 }
 span.help-block.form-error { color:#DE2685; }
 span.help-block.form-error:before {
    content: "\f00d";
    font-style: normal;
    font-weight: normal;
    padding-right: 0.5em;
 }
 span.jquery_form_help_name { }
 
 input.valid, textarea.valid { border:#339900 1px solid !important; background-color:#000;  }
 input.error, textarea.error { border:#DE2685 1px solid !important; background-color:#000; }
 input.error:hover, input.error:focus { border:#DE2685 1px solid !important; background-color:#000; -webkit-box-shadow:0px 1px 4px 0px #DE2685; -moz-box-shadow:0px 1px 4px 0px #DE2685; box-shadow:0px 1px 4px 0px #DE2685;}


/*************************************************************************
*      #TABLE
**************************************************************************/
 TABLE { clear:both; margin:0px auto; border:0px; text-align:left; display:table; }
 CAPTION { font-size:18px; text-align:left; padding:0px 0px 10px 1px; }
 THEAD { width:100%; }
 tr, th { overflow: hidden !important; }
 
 th, .th_title, .th_bottom { 
 	padding:11px 14px 11px 14px; overflow:hidden;
 	font-size:12px !important; font-weight:bold !important; letter-spacing:-0.2px; white-space:nowrap;
 	border-bottom:1px solid #000 !important;
 }
 .th_bottom { border-bottom:0px !important; }
 
 /* table start */
 .table_wrap, .table_box	{ clear:both; margin:0px auto; position:relative; table-layout:fixed; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  }
 .table_wrap	{ padding:30px; }
 .table_box		{ width:100%; margin:5px 0px 5px 0px; -webkit-border-radius:8px; border-radius:8px; -moz-border-radius:8px; }
 
 .table_box tr	{ background-color: transparent; }
 /*.table_box tr:first-of-type th:first-of-type:empty { border-color: #fff #eee #eee #fff; visibility: hidden }*/
 .table_box tr:first-child td { border-top-width:0px; }
 
 .table_box tr>td			{ width:auto; font-size:13px; padding:5px 14px 5px 14px; position:relative; vertical-align:middle; text-align:left; } /* All */
 .table_box tr>td.sec1		{ width:25%; font-weight:bold; padding-left:15px; padding-right:15px; border-right:1px solid #000; } /* Left Section */
 .table_box tr td.sec1 label { margin:0px !important; width: 100%; padding:8px 0px 8px 5px; }
 .table_box tr td .input-group { margin:0px; }
 .table_box th>a,
 .table_box tr>td span, 
 .table_box tr>td A { font-size:12px; text-decoration:none; }
 .table_box tr>td A.subject { font-size:13px; text-decoration:none; }
 
 .table_buttons	{ display:inline-block; clear:both; margin:0px auto; position:relative; vertical-align:middle; padding-top:5px; padding-bottom:5px; width:100%; }
 
 .table_box tr.notice { background-color:#131315; }
 
 table tr td { color:#ccc; }
 
 /* setting */
 .table_box_set,
 .table_box tr:nth-of-type(even),
 div.table_box_div ul.list:nth-child(even) { background: #212121; } /* .table_box tr:nth-of-type(even/odd) */
 
 .table_box_set tr	{ background: transparent !important; }
 .table_box_set tr td { }
  
 /* icon for subject */
 .listing-icon { opacity:0.5; -khtml-opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } /* icon infront of subject */
 
 
 /* Lines */
 .box_line		{ border:1px solid #050505 !important; }
 .box_line1		{ border-top:1px solid #050505 !important; }
 .box_line2		{ border-right:1px solid #050505; }
 .box_line3,
 .table_box tr>td		{ border-bottom:1px solid #050505; }
 .box_line4		{ border-left:1px solid #050505; }
 
 .box_line5		{ border-bottom:2px solid #DE2685; } /* Site special1 */
 .box_line6		{ border-bottom:2px solid #6BCB3D; } /* Site special2 */
 .box_line7		{ border-bottom:2px solid #A69260; } /* Site special3 */
 .box_line1w	{ border-top:1px solid #fff; } /* brighter */
 
 .box_singleline { display:block; clear:both; margin:0px auto; border-top:1px dotted #454545; border-bottom:1px dotted #000; width:100%; height:1px; margin-top:25px; margin-bottom:25px; }
 

/*************************************************************************
*      KONZ Control
**************************************************************************/
 /* DIV */
 .clear_both	{ clear:both; margin:0px auto; white-space: normal; column-span:all; -webkit-column-span:all; }
 .inline_block	{ display:table; overflow:hidden; table-layout:fixed; width:100%; margin:0px auto; clear:both; position:relative; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* white-space:nowrap;*/
 .block			{ display:block; }
 
 .overflow 		{ overflow:visible !important; }
 .overflow_hide { overflow:hidden !important; }
 
 .left			{ float:left; *float:left; width:auto; *height:100%; position:relative; vertical-align:top; display:table-cell; }
 .right			{ float:right; *float:right; width:auto; *height:100%; position:relative; vertical-align:top; display:table-cell; text-align:right; }
 
 .text_left 	{ text-align:left !important; }
 .text_right 	{ text-align:right !important; }
 .text_center 	{ text-align:center !important; }
 .justify		{ text-align:justify; text-justify:inter-word; } /* text-indent: 7px; */
 
 /* show/hide */
 .show 			{ visibility:visible; opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }
 .hide 			{ visibility:hidden; opacity:0; -khtml-opacity:0; -moz-opacity:0; filter: alpha(opacity=0); top:-350px !important; }
 
 .show2 		{ display:block !important; }
 .hide2 		{ display:none !important; }
 
 .menu_transit_show { position:absolute; width:100%; top:0px; left:0px; } /* general.php */
 .menu_transit_hide { position:absolute; width:100%; top:0px; left:-120%; } /* general.php */
 
 /* Padding */
 .padding5		{ padding:5px; }
 .padding10		{ padding:10px; }
 .padding15		{ padding:15px; }
 .padding20		{ padding:20px; }
 .padding30		{ padding:30px; }
 .padding35		{ padding:35px; }
 .padding40		{ padding:40px; }
 .padding50		{ padding:50px; }
 
 /* Radius */
 .radius8, .radius8_tl, .radius8_tr, .radius8_bl, .radius8_br, .radius7, .radius10, .radius15 { overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 .radius4			{ -webkit-border-radius:4px; border-radius:4px; -moz-border-radius:4px; } /*system*/
 .radius5			{ -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; } /*system*/
 .radius7			{ -webkit-border-radius:7px; border-radius:7px; -moz-border-radius:7px; } /*system*/
 .radius8			{ -webkit-border-radius:8px; border-radius:8px; -moz-border-radius:8px; } /*system*/
 .radius8_tl		{ border-top-left-radius:7px; -moz-border-top-left-radius:7px; -webkit-border-top-left-radius:7px; }
 .radius8_tr		{ border-top-right-radius:7px; -moz-border-top-right-radius:7px; -webkit-border-top-right-radius:7px; }
 .radius8_bl		{ border-bottom-left-radius:7px; -moz-border-bottom-left-radius:7px; -webkit-border-bottom-left-radius:7px; }
 .radius8_br		{ border-bottom-right-radius:7px; -moz-border-bottom-right-radius:7px; -webkit-border-bottom-right-radius:7px; }
 .radius10			{ border-radius:10px !important; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; } /*system*/
 .radius15			{ border-radius:15px !important; -moz-border-radius:15px !important; -webkit-border-radius:15px !important; } /*system*/

 /* Absolute Pop up */
 .absolute_pop_wrap	{ position:relative; z-index:300; clear:both; margin:0px auto; }
 .absolute_pop		{ position:absolute; Z-INDEX:300; } /* top:0px; left:0px;*/

 /* Transition */
 .Transit200_in		{ -webkit-transition:150ms ease-in; -moz-transition:150ms ease-in; transition:150ms ease-in; -o-transition: 150ms ease-in-out; }
 .Transit200_out	{ -webkit-transition:200ms ease-out; -moz-transition:200ms ease-out; transition:200ms ease-out; -o-transition:200ms ease-in-out; }
 .Transit300_out	{ -webkit-transition:300ms ease-out; -moz-transition:300ms ease-out; transition:300ms ease-out; -o-transition:300ms ease-in-out; }

 /* Transparent */
 .opacity_100	{ opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }
 .opacity_0		{ opacity:0; -khtml-opacity:0; -moz-opacity:0; filter: alpha(opacity=0); }
 .opacity_60	{ opacity:0.60; -khtml-opacity:0.60; -moz-opacity:0.60; filter: alpha(opacity=60); }
 .opacity_80	{ opacity:0.85; -khtml-opacity:0.85; -moz-opacity:0.85; filter: alpha(opacity=85); }


/*************************************************************************
*      Column - Layout
**************************************************************************/
 .column_all {
	margin:0px auto; clear:both; overflow:hidden; table-layout:fixed; 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	border:#000 1px solid !important; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
 	background-color:#191919;
 	
 	/* .radius_shadow */
	-webkit-box-shadow: rgba(0,0,2, 0.4) 1px 1px 1px 0px inset, rgba(0,0,2, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
	-moz-box-shadow: rgba(0,0,2, 0.4) 1px 1px 1px 0px inset, rgba(0,0,2, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
	box-shadow: rgba(0,0,2, 0.4) 1px 1px 1px 0px inset, rgba(0,0,2, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
 }
 .column_title {
 	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 	clear:both; margin:0px auto; display:inline-block; overflow:hidden; width:100%; table-layout:fixed; vertical-align:middle;
 	border-top-left-radius:7px; -moz-border-top-left-radius:7px; border-top-right-radius:7px; -moz-border-top-right-radius:7px;
 	white-space: nowrap;
 	
 	/* .bg_sys1 */
 	text-shadow:#000 0px 1px 0px;
	border-bottom:1px solid #050505;
	background-color:#191919; 
	background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#191919));
	background: -webkit-linear-gradient(top, #313131, #191919);
	background: -moz-linear-gradient(top, #313131, #191919);
	background: -ms-linear-gradient(top, #313131, #191919);
	background: -o-linear-gradient(top, #313131, #191919);
	background: linear-gradient(top, #313131, #191919); /* W3C */
	
	 -webkit-box-shadow: rgba(0,0,0, 1.0) 0px 5px 20px 0px inset; -moz-box-shadow: rgba(0,0,0, 1.0) 0px 5px 20px 0px inset; box-shadow: rgba(50,50,50, 1.0) 0px 5px 30px 0px inset;
 }
 
 .column { width:100%; height:100%; display:table; clear:both; border-top:1px solid #212121; }
 
 .column .allitem { width:auto; *height:100%; margin:0px auto; top:0px; bottom:0px; position:relative; vertical-align:top; display:table-cell; float: none; border-top:0px !important; border-bottom:0px !important; }
 .column .item_left { *float:left; border-left:1px solid #212121; border-right:1px solid #000; }
 .column .item_main { *float:left; border-left:1px solid #212121; }  /* background:transparent !important; background: url("images/icons/bg_layout_right.png") repeat-y left top;*/
 .column .item_right { *float:left; border-left:1px solid #000; background:url('../images/sys/bg_right_section.png') no-repeat left top; background-size:5px 100%; background-repeat:no-repeat; }


/************************************************************************
*      BOX - system
*************************************************************************/
 .bg_sys1, .bg_sys2, .bg_sys3, .bg_strong, .bg_blacks, .bg_black_bar	{ margin:0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align:middle; table-layout:fixed; }
 
 .bg_sys1		{
 	text-shadow:#000 0px 1px 0px;
	border-top:1px solid #252525;
	border-bottom:1px solid #050505;
	background-color:#191919; 
	background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#191919));
	background: -webkit-linear-gradient(top, #313131, #191919);
	background: -moz-linear-gradient(top, #313131, #191919);
	background: -ms-linear-gradient(top, #313131, #191919);
	background: -o-linear-gradient(top, #313131, #191919);
	background: linear-gradient(top, #313131, #191919); /* W3C */
 }
 .bg_sys2		{
 	background-color:#151515; /* table_box tr */
 }
 .bg_sys3		{ 
 	background-color:#191919; /* white */
 }
 .bg_strong {
 	text-shadow:#000 0px 1px 0px;
	border-top:1px solid #252525;
	background-color:#E1E1E2;
	background: -webkit-gradient(linear, left top, left bottom, from(#191919), to(#050505));
	background: -webkit-linear-gradient(top, #191919, #050505);
	background: -moz-linear-gradient(top, #191919, #050505);
	background: -ms-linear-gradient(top, #191919, #050505);
	background: -o-linear-gradient(top, #191919, #050505);
	background: linear-gradient(top, #191919, #050505); /* W3C */
 }
 ul.bg_sys2, ul.bg_sys3, li.bg_sys2, li.bg_sys3 { border-top:#252525 1px solid; border-bottom:#050505 1px solid;  }
 
 
 
/************************************************************************
*      BOX - Black bg for photo OR custom
*************************************************************************/
 .bg_blacks		{ 
 	color:#999; text-shadow:#000 0px 1px 0px; font-weight:bold; letter-spacing:-0.2px !important; 
 	border-top:#313131 1px solid; border-bottom:#000000 1px solid; 
	background-color:#171717; 
	background: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#171717));
	background: -webkit-linear-gradient(top, #292929, #171717);
	background: -moz-linear-gradient(top, #292929, #171717);
	background: -ms-linear-gradient(top, #292929, #171717);
	background: -o-linear-gradient(top, #292929, #171717);
	background-image: -ms-linear-gradient(top, #292929 0%, #171717 100%);
	background: linear-gradient(top, #292929, #171717); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#292929, endColorstr=#171717, GradientType=0);
 }
 
 /* in black bg */
 .bg_black_bar {
    background-color: #1a1a1a;
    padding: 8px; margin: 0px 0 20px 0;			
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0, 0.8) 0px 1px 5px 0px inset, 0 1px 0 #444;
	-webkit-box-shadow: rgba(0,0,0, 0.8) 0px 1px 5px 0px inset, 0 1px 0 #444;
	box-shadow: rgba(0,0,0, 0.8) 0px 1px 5px 0px inset, 0 1px 0 #444;
 }

 /* font color for special bgs */
 .bg_blacks H4	{ color:#B1B1B1 !important; text-shadow:#000 0px 1px 0px; letter-spacing:-0.2px !important; }
 .bg_blacks, .bg_blacks a, .bg_blacks span, .bg_blacks strong, .bg_blacks ul, .bg_black_bar	{ color:#999; text-shadow:#000 0px 1px 0px; }
  
  
  
/*************************************************************************
*      BOX - Shadows
**************************************************************************/
 /* system box */
 .radius_shadow	{
 	border-bottom-left-radius:8px; -moz-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px;
 	border-bottom-right-radius:8px; -moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px;
 	border:1px solid #191919;
	-webkit-box-shadow: rgba(253,253,250, 0.15) 1px 1px 1px 0px inset, rgba(0,0,0, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
	-moz-box-shadow: rgba(253,253,250, 0.15) 1px 1px 1px 0px inset, rgba(0,0,0, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
	box-shadow: rgba(253,253,250, 0.15) 1px 1px 1px 0px inset, rgba(0,0,0, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
	-webkit-transition:200ms ease-in-out !important; -moz-transition:200ms ease-in-out !important; -ms-transition:200ms ease-in-out !important; -o-transition:200ms ease-in-out !important; transition:200ms ease-in-out !important;
 }
 .radius_shadow:hover {
	border:1px solid #151515;
 }
 
 /* popups */
 .box_shadow 	{
 	border:1px solid #191919;
 	-webkit-box-shadow: rgba(253,253,250, 0.15) 1px 1px 1px 0px inset, rgba(0,0,0, 0.2) -1px -1px 1px 0px inset, rgba(0,0,0, 0.8) 0px 1px 7px -1px; 
 	-moz-box-shadow: rgba(253,253,250, 0.15) 1px 1px 1px 0px inset, rgba(0,0,0, 0.2) -1px -1px 1px 0px inset, rgba(0,0,0, 0.8) 0px 1px 7px -1px; 
 	box-shadow: rgba(253,253,250, 0.15) 1px 1px 1px 0px inset, rgba(0,0,0, 0.2) -1px -1px 1px 0px inset, rgba(0,0,0, 0.8) 0px 1px 7px -1px; 
 }
 /* reflection */
 .reflect_out	{ -webkit-box-shadow: rgba(253,253,250, 0.2) 1px 1px 3px 0px inset; -moz-box-shadow: rgba(253,253,250, 0.2) 1px 1px 3px 0px inset; box-shadow: rgba(253,253,250, 0.2) 1px 1px 3px 0px inset; }
 .reflect_in	{ -webkit-box-shadow: rgba(0,0,0, 0.8) 0px 1px 5px 0px inset; -moz-box-shadow: rgba(0,0,0, 0.8) 0px 1px 5px 0px inset; box-shadow: rgba(0,0,0, 0.8) 0px 1px 5px 0px inset; }
 
 
 /* focus */
 .box_focus		{ -webkit-box-shadow: rgba(2,1,3, 0.30) 0px 1px 45px 0px inset; -moz-box-shadow: rgba(2,1,3, 0.30) 0px 1px 45px 0px inset; box-shadow: rgba(2,1,3, 0.30) 0px 1px 45px 0px inset; }

 /* N.U for parallax */
 .box_tint {
 	z-index:10; opacity:0.9; -khtml-opacity:0.9; -moz-opacity:0.9; filter: alpha(opacity=90);
 	-moz-box-shadow: inset 0 -50px 50px rgba(0,0,0, .7); -webkit-box-shadow: inset 0 -50px 50px rgba(0,0,0, .7); box-shadow: inset 0 -50px 50px rgba(0,0,0, .7); /*box-shadow: inset 0 -100px 100px rgba(0,0,0, .7);*/
 	-webkit-transition:200ms ease-in-out !important; -moz-transition:200ms ease-in-out !important; -ms-transition:200ms ease-in-out !important; -o-transition:200ms ease-in-out !important; transition:200ms ease-in-out !important;
 }
 .box_tint:hover {
 	z-index:10; opacity:0.9; -khtml-opacity:0.9; -moz-opacity:0.9; filter: alpha(opacity=90);
 	-moz-box-shadow: inset 0 -50px 50px rgba(0,0,0, .6); -webkit-box-shadow: inset 0 -50px 50px rgba(0,0,0, .6); box-shadow: inset 0 -50px 50px rgba(0,0,0, .6); /*box-shadow: inset 0 -100px 100px rgba(0,0,0, .7);*/
 }
 /* N.U - post_shadow tale img */
 .bg-sticker-shadow { background: url("../images/icons/bg_post_shadow.png") no-repeat center center; width: 100%; height: 10px; display: block; background-size: 100% 10px; }

 
 
 
/*************************************************************************
*      Photo box box-shadow: 0 0 0 15px #ddd; 
**************************************************************************/
 img[align=top] { vertical-align:top; margin:10px; }
 img[align=middle] { vertical-align:middle; margin:10px; }
 img[align=bottom] { vertical-align:bottom; margin:10px; }
 img[align=center] { clear:both; margin:0px auto; }
 a.center { clear:both; margin:10px auto 20px auto !important; }
 
 img { }
 img.img-rounded, img.img-circle, img.img-thumbnail, .img-photobox { 
 	margin:5px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout:fixed;
 	border:1px solid #000;
 	background-color:#111; background-size:100% 100%; 
 	-webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px;
 	-webkit-transition:150ms ease-in-out !important; -moz-transition:150ms ease-in-out !important; -ms-transition:150ms ease-in-out !important; -o-transition:150ms ease-in-out !important; transition:150ms ease-in-out !important;
 }
 img.img-rounded { width:125px; height:125px; }
 img.img-circle { width:125px; height:125px; -webkit-border-radius:50% !important; border-radius:50% !important; -moz-border-radius:50% !important; }
 img.img-thumbnail { width:125px; height:125px; padding:4px; background-color:#393939; }
 
 img.img-rounded:hover, img.img-circle:hover, img.img-thumbnail:hover, .img-photobox:hover, .gallery_box_in:hover > a .img-photobox { 
 	border-color:#777;
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
 }
 
 /* gallery_box */
 .gallery_box_in { border:1px solid #000; background: #111; padding:5px 5px 5px 5px;
 	background-color:#050505; background-size:100% 100%;
 	-webkit-transition:150ms ease-in-out !important; -moz-transition:150ms ease-in-out !important; -ms-transition:150ms ease-in-out !important; -o-transition:150ms ease-in-out !important; transition:150ms ease-in-out !important;
 }
 .gallery_box_in:hover { border-color:#353535; }
 .gallery_box {
	z-index:1; display: inline-block; position: relative;
	margin:0px 5px 30px 5px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout:fixed;
    	
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
 }
 .gallery_box:before {
 	z-index: -10;
    content: "";
    position: absolute; left: 50px; right: 50px; top: 50%; bottom: 0;
    
    -moz-border-radius: 100px/10px;
    -webkit-border-radius: 100px/10px;
    border-radius: 100px/10px;
    -moz-box-shadow: 0 0 20px rgba(255,255,255, .5);
    -webkit-box-shadow: 0 0 20px rgba(255,255,255, .5);
    box-shadow: 0 0 20px rgba(255,255,255, .5);
 }
 .img-photobox { margin:0px; border:0px; -webkit-border-radius:0px !important; border-radius:0px !important; -moz-border-radius:0px !important; }
 
 /* USER */
 .img-user-small, .img-user-normal, .img-user-large { 
 	width:26px; height:26px; margin:3px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout:fixed;
 	background-color:#111; background-size:100% 100%;
 	-webkit-border-radius:50%; border-radius:50%; -moz-border-radius:50%; 
 	-webkit-box-shadow:rgba(0,0,0, 0.4) 0px 1px 2px 0px; -moz-box-shadow:rgba(0,0,0, 0.4) 0px 1px 2px 0px; box-shadow:rgba(0,0,0, 0.4) 0px 1px 2px 0px; 
 	-webkit-transition:150ms ease-in-out !important; -moz-transition:150ms ease-in-out !important; -ms-transition:150ms ease-in-out !important; -o-transition:150ms ease-in-out !important; transition:150ms ease-in-out !important;
 }
 .img-user-small>img, .img-user-normal>img, .img-user-large>img { border:0px; -webkit-border-radius:50%; border-radius:50%; -moz-border-radius:50%; }

 .img-user-small	{ width:28px; height:28px; border:2px solid #F5F5F5; }
 .img-user-small:hover	{ border:2px solid #258CFB !important; }
 .img-user-normal	{ width:50px; height:50px; border:0px solid #F5F5F5; }
 .img-user-normal:hover	{ border:0px solid #258CFB !important; }
 .img-user-large	{ width:100px; height:100px; border:3px solid #F5F5F5; }
 .img-user-large:hover	{ border:3px solid #258CFB !important; } /* background-size:130% 130% !important; */
 /*
 .img-user-small:hover, .img-user-normal:hover, .img-user-large:hover { 
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
 }
 */
 .dropshot-container { background-color: #191919 !important; }
 
 
/*************************************************************************
*      System Messages
**************************************************************************/
 #system_msg { 
 	display: block; clear:both; margin:0px auto; margin-bottom:10px; overflow: hidden; position: relative;
 	padding:16px 40px 5px 40px;
 	border: 1px solid #797979; border: 1px solid rgba(0,0,0, 0.20);
 	-webkit-transition:150ms ease-in-out !important; -moz-transition:150ms ease-in-out !important; -ms-transition:150ms ease-in-out !important; -o-transition:150ms ease-in-out !important; transition:150ms ease-in-out !important;
 	/*headerInfo filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#668EE4, endColorstr=#557CD1, GradientType=0);*/
 }
 #system_msg .close { /* <button> */
	position: absolute; top: 0px; right: 0px; padding: 5px;
	background-image: none; background: transparent;
	border: 0;
	color: #000; text-shadow: 0 1px 0 #fff; font-size: 21px; font-weight: bold; line-height: 1;
	opacity:0.5; -khtml-opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);
	-webkit-appearance: none; cursor: pointer;
 }
 #system_msg .close:hover { opacity:0.8; -khtml-opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); }

 #system_msg span.msg { display: block; *display: inline; position: relative; font-size:14px; color:#ECECEC; text-shadow:rgba(0,0,0, 0.4) 0px 1px 0px; font-weight: bold; text-align:left; padding:0px 0px 10px 0px; }
 #system_msg span.msg:before { position: absolute; left: -25px; opacity:0.5; -khtml-opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); }

 #system_msg span.msg a { color:#fff; text-decoration: underline; }
 #system_msg span.msg a:hover { color:#fff; text-decoration: none; }
 
 /* Tron */
 H2.default, H2.primary, H2.success, H2.warning, H2.danger { display: block; *display: inline; position: relative; }
 H2:before { position: absolute; left: -35px; }
 /* Tron & system_msg icons */
 H2.info:before	{ content: "\f05a"; }
 H2.primary:before, .bg_primary_sys span.msg:before	{ content: "\f138"; }
 H2.success:before, .bg_success span.msg:before	{ content: "\f058"; }
 H2.warning:before, .bg_warning span.msg:before	{ content: "\f06a"; }
 H2.danger:before, .bg_danger span.msg:before	{ content: "\f057"; }
 
 
 

/*************************************************************************
*	BUTTONS
**************************************************************************/
 A[class|="ibutton"], input[class|="ibutton"], button[class|="ibutton"] {
	display:inline-block; cursor:pointer; overflow:hidden; vertical-align:middle; -webkit-box-align: center; width:auto; white-space:nowrap;
	padding:10px 17px 6px 17px; height:35px; margin:3px 0px 3px 0px;
	font-size:12px; font-weight:bold; -webkit-text-stroke-width:.02em !important; letter-spacing:-0.3px; font-style:normal; text-align:center; text-decoration:none; line-height:15px;
	
	color:#717171; text-shadow:rgba(255,255,255, 0.3) 0px 1px 0px; /*color:rgba(250, 250, 250, 0.90) !important; rgba(0,0,0, 0.5) 0px -1px 0px, */
 	border: 1px solid #C1C1C1; border: 1px solid rgba(0, 0, 0, 0.25);
 	background-color:#F1F1F1; 
	
	box-shadow: rgba(255,255,255, 0.25) 0px 1px 0px inset, rgba(0,0,0, .60) 0px 1px 0px;
	-webkit-box-shadow: rgba(255,255,255, 0.25) 0px 1px 0px inset, rgba(0,0,0, .60) 0px 1px 0px;
	-moz-box-shadow: rgba(255,255,255, 0.25) 0px 1px 0px inset, rgba(0,0,0, .60) 0px 1px 0px;
	
    
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
	
	-webkit-transition-delay: 0s; -webkit-transition-duration: 0.1s; -webkit-transition-property: all; -webkit-transition-property: color;
	-webkit-transition-timing-function: linear; /*cubic-bezier(0.25, 0.1, 0.25, 1);*/

	-webkit-transition:200ms ease-out !important; -moz-transition:200ms ease-out !important; transition:200ms ease-out !important; -ms-transition:200ms ease-out !important; -o-transition:200ms ease-out !important;
 }

 A[class|="ibutton"]:hover, input[class|="ibutton"]:hover, button[class|="ibutton"]:hover {
	color:#454545; text-shadow:rgba(255,255,255, 0.3) 0px 1px 0px;
 	border: 1px solid #B1B1B1; border: 1px solid rgba(0, 0, 0, 0.40);
 	background-color:#FEFEFE; 
 	
	box-shadow: rgba(255,255,255, 0.4) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) 0px 1px 2px;
	-webkit-box-shadow: rgba(255,255,255, 0.4) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) 0px 1px 2px;
	-moz-box-shadow: rgba(255,255,255, 0.4) 0px 1px 2px inset, rgba(0, 0, 0, 0.5) 0px 1px 2px;
 }
 A[class|="ibutton"]:focus, input[class|="ibutton"]:focus, button[class|="ibutton"]:focus { outline:none; }
 
/*************************************************************************
*      Button Hover Effect
**************************************************************************/
 /* Default */
 .ibutton-secondary, A.ibutton-secondary, input.ibutton-secondary, button.ibutton-secondary { color:#717171 !important; border: 1px solid #C1C1C1; border: 1px solid rgba(0, 0, 0, 0.25); }
 A.ibutton-secondary:hover, input.ibutton-secondary:hover, button.ibutton-secondary:hover { color:#454545 !important; border: 1px solid #C1C1C1; border: 1px solid rgba(0,0,0,0.40);  }
 
 /* Primary */
 .ibutton-primary, A.ibutton-primary, input.ibutton-primary, button.ibutton-primary { color: #EAEAEA !important; border: 1px solid #122242; border: 1px solid rgba(0, 0, 0, 0.25); text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 0px !important; }
 A.ibutton-primary:hover, input.ibutton-primary:hover, button.ibutton-primary:hover { color: #FFF !important; border: 1px solid #122242; border: 1px solid rgba(0, 0, 0, 0.40); text-shadow:rgba(0, 0, 0, 0.5) 0px 1px 0px !important; }
 
 /* Success */
 .ibutton-success, A.ibutton-success, input.ibutton-success, button.ibutton-success { color: #405000 !important; border: 1px solid #818181; border: 1px solid rgba(0, 0, 0, 0.25); }
 A.ibutton-success:hover, input.ibutton-success:hover, button.ibutton-success:hover { color: #405000 !important; border: 1px solid #818181; border: 1px solid rgba(0, 0, 0, 0.40); }
 
 /* Warning */
 .ibutton-warning, A.ibutton-warning, input.ibutton-warning, button.ibutton-warning { color: #904010 !important; border:1px solid #818181; border: 1px solid rgba(0, 0, 0, 0.25); }
 A.ibutton-warning:hover, input.ibutton-warning:hover, button.ibutton-warning:hover { color: #904010 !important; border:1px solid #818181; border: 1px solid rgba(0, 0, 0, 0.40); }
 
 /* Danger */
 .ibutton-danger, A.ibutton-danger, input.ibutton-danger, button.ibutton-danger { color: #EAEAEA !important; border: 1px solid #818181; border: 1px solid rgba(0, 0, 0, 0.25); text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 0px !important; }
 A.ibutton-danger:hover, input.ibutton-danger:hover, button.ibutton-danger:hover { color: #FFF !important; border: 1px solid #818181; border: 1px solid rgba(0, 0, 0, 0.40); text-shadow:rgba(0, 0, 0, 0.5) 0px 1px 0px !important; }
 
 /* Checkbox */
 .ibutton-checkout, A.ibutton-checkout, input.ibutton-checkout, button.ibutton-checkout { color: #EAEAEA !important; border: 1px solid #818181; border: 1px solid rgba(0, 0, 0, 0.25); text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 0px !important; }
 A.ibutton-checkout:hover, input.ibutton-checkout:hover, button.ibutton-checkout:hover { color: #FFF !important; border: 1px solid #818181; border: 1px solid rgba(0, 0, 0, 0.40); text-shadow:rgba(0, 0, 0, 0.5) 0px 1px 0px !important; }
 
 /* Black */
 .ibutton-black, A.ibutton-black, input.ibutton-black, button.ibutton-black { color: #B1B1B1 !important; border: 1px solid #122242; border: 1px solid rgba(0, 0, 0, 1); text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 0px !important; }
 A.ibutton-black:hover, input.ibutton-black:hover, button.ibutton-black:hover { color: #FFF !important; border: 1px solid #122242; border: 1px solid rgba(0, 0, 0, 1); text-shadow:rgba(0, 0, 0, 0.5) 0px 1px 0px !important;
 }
 
 
 
 
/*************************************************************************
*      System Messages & Buttons BG / primary, info, success, warning, danger
**************************************************************************/
 /* Primary */
 .bg_primary_sys { 
	background-color:#5F86D7; 
	background: -webkit-gradient(linear, left top, left bottom, from(#668EE4), to(#557CD1));
	background: -webkit-linear-gradient(top, #668EE4, #557CD1);
	background: -moz-linear-gradient(top, #668EE4, #557CD1);
	background: -ms-linear-gradient(top, #668EE4, #557CD1);
	background: -o-linear-gradient(top, #668EE4, #557CD1);
	background-image: -ms-linear-gradient(top, #668EE4 0%, #557CD1 100%);
 }
 .ibutton-primary, A.ibutton-primary, input.ibutton-primary, button.ibutton-primary, .label.label-primary, .bg_primary {
	background-color:#3060ae;
	background: -webkit-gradient(linear, left top, left bottom, from(#415DA1), to(#305090));
	background: -webkit-linear-gradient(top, #3060ae, #305090);/* #3A5689 #334A78 , #4F70AE #3F5C94 */
	background: -moz-linear-gradient(top, #415DA1, #305090);
	background: -ms-linear-gradient(top, #415DA1, #305090);
	background: -o-linear-gradient(top, #415DA1, #305090);
	background: linear-gradient(top, #415DA1, #305090); /* W3C */
 }
 A.ibutton-primary:hover, input.ibutton-primary:hover, button.ibutton-primary:hover {
	background-color:#386fc5; 
	background: -webkit-gradient(linear, left top, left bottom, from(#386fc5), to(#305090));
	background: -webkit-linear-gradient(top, #386fc5, #305090);
	background: -moz-linear-gradient(top, #386fc5, #305090);
	background: -ms-linear-gradient(top, #386fc5, #305090);
	background: -o-linear-gradient(top, #386fc5, #305090);
	background: linear-gradient(top, #386fc5, #305090); /* W3C */
 }
 
 /* Success */
 .ibutton-success, A.ibutton-success, input.ibutton-success, button.ibutton-success, .label.label-success, .bg_success { 
	background-color: #85BB50;
	background: -webkit-gradient(linear, left top, left bottom, from(#85BB50), to(#5D883D));
	background: -webkit-linear-gradient(top, #85BB50, #5D883D);
	background: -moz-linear-gradient(top, #85BB50, #5D883D);
	background: -ms-linear-gradient(top, #85BB50, #5D883D);
	background: -o-linear-gradient(top, #85BB50, #5D883D);
	background: linear-gradient(top, #85BB50, #5D883D); /* W3C */
 }
 A.ibutton-success:hover, input.ibutton-success:hover, button.ibutton-success:hover {
	background-color: #95CC5E;
	background: -webkit-gradient(linear, left top, left bottom, from(#95CC5E), to(#5D883D));
	background: -webkit-linear-gradient(top, #95CC5E, #5D883D);
	background: -moz-linear-gradient(top, #95CC5E, #5D883D);
	background: -ms-linear-gradient(top, #95CC5E, #5D883D);
	background: -o-linear-gradient(top, #95CC5E, #5D883D);
	background: linear-gradient(top, #95CC5E, #5D883D); /* W3C */
 }
 
 /* Warning */
 .ibutton-warning, A.ibutton-warning, input.ibutton-warning, button.ibutton-warning, .label.label-warning, .bg_warning { 
	background-color:#ffa936; 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa936), to(#e57515));
	background: -webkit-linear-gradient(top, #ffa936, #e57515);
	background: -moz-linear-gradient(top, #ffa936, #e57515);
	background: -ms-linear-gradient(top, #ffa936, #e57515);
	background: -o-linear-gradient(top, #ffa936, #e57515);
	background: linear-gradient(top, #ffa936, #ffa936); /* W3C */
 }
 A.ibutton-warning:hover, input.ibutton-warning:hover, button.ibutton-warning:hover {
	background-color:#ffC161; 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbd59), to(#e57515));
	background: -webkit-linear-gradient(top, #ffbd59, #e57515);
	background: -moz-linear-gradient(top, #ffbd59, #e57515);
	background: -ms-linear-gradient(top, #ffbd59, #e57515);
	background: -o-linear-gradient(top, #ffbd59, #e57515);
	background: linear-gradient(top, #ffbd59, #e57515); /* W3C */
 }
 
 /* Danger */
 .ibutton-danger, A.ibutton-danger, input.ibutton-danger, button.ibutton-danger, .label.label-danger, .bg_danger { 
	background-color:#d33d3d; 
	background: -webkit-gradient(linear, left top, left bottom, from(#d33d3d), to(#b11727));
	background: -webkit-linear-gradient(top, #d33d3d, #b11727);
	background: -moz-linear-gradient(top, #d33d3d, #b11727);
	background: -ms-linear-gradient(top, #d33d3d, #b11727);
	background: -o-linear-gradient(top, #d33d3d, #b11727);
	background: linear-gradient(top, #d33d3d, #b11727); /* W3C */
 }
 A.ibutton-danger:hover, input.ibutton-danger:hover, button.ibutton-danger:hover {
	background: #e74545;
	background: -webkit-gradient(linear, left top, left bottom, from(#e74545), to(#c51628));
	background: -webkit-linear-gradient(top, #e74545, #c51628);
	background: -moz-linear-gradient(top, #e74545, #c51628);
	background: -ms-linear-gradient(top, #e74545, #c51628);
	background: -o-linear-gradient(top, #e74545, #c51628);
	background: linear-gradient(top, #e74545, #b11727); /* W3C */
 }
	
 /* Black */
 .ibutton-black, A.ibutton-black, input.ibutton-black, button.ibutton-black, .label.label-default, .bg_black {
	background-color: #222222;
	background: -webkit-gradient(linear, left top, left bottom, from(#353535), to(#222222));
	background: -webkit-linear-gradient(top, #353535, #222222);
	background: -moz-linear-gradient(top, #353535, #222222);
	background: -ms-linear-gradient(top, #353535, #222222);
	background: -o-linear-gradient(top, #353535, #222222);
	background: linear-gradient(top, #353535, #222222); /* W3C */
	}
 A.ibutton-black:hover, input.ibutton-black:hover, button.ibutton-black:hover {
	background-color: #353535;
	background: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#222222));
	background: -webkit-linear-gradient(top, #515151, #222222);
	background: -moz-linear-gradient(top, #515151, #222222);
	background: -ms-linear-gradient(top, #515151, #222222);
	background: -o-linear-gradient(top, #515151, #222222);
	background: linear-gradient(top, #515151, #222222); /* W3C */
	}

 /* Checkout */
 .ibutton-checkout, A.ibutton-checkout, input.ibutton-checkout, button.ibutton-checkout, .bg_checkout {
	background-color:#44A9D0; 
	background: -webkit-gradient(linear, left top, left bottom, from(#60C0DC), to(#1e92bc));
	background: -webkit-linear-gradient(top, #60C0DC, #1e92bc);
	background: -moz-linear-gradient(top, #60C0DC, #1e92bc);
	background: -ms-linear-gradient(top, #60C0DC, #1e92bc);
	background: -o-linear-gradient(top, #60C0DC, #1e92bc);
	background: linear-gradient(top, #60C0DC, #1e92bc); /* W3C */
 }
 A.ibutton-checkout:hover, input.ibutton-checkout:hover, button.ibutton-checkout:hover {
	background-color: #8490A4;
	background: -webkit-gradient(linear, left top, left bottom, from(#8490A4), to(#5C6A80));
	background: -webkit-linear-gradient(top, #8490A4, #5C6A80);
	background: -moz-linear-gradient(top, #8490A4, #5C6A80);
	background: -ms-linear-gradient(top, #8490A4, #5C6A80);
	background: -o-linear-gradient(top, #8490A4, #5C6A80);
	background: linear-gradient(top, #8490A4, #5C6A80); /* W3C */
 }

 /* Default - column_title */
 .ibutton-secondary, A.ibutton-secondary, input.ibutton-secondary, button.ibutton-secondary, button:disabled, .bg_secondary {
	background-color:#F1F1F1;
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E1E1E1));
	background: -webkit-linear-gradient(top, #F9F9F9, #E1E1E1);
	background: -moz-linear-gradient(top, #F9F9F9, #E1E1E1);
	background: -ms-linear-gradient(top, #F9F9F9, #E1E1E1);
	background: -o-linear-gradient(top, #F9F9F9, #E1E1E1);
	background: linear-gradient(top, #F9F9F9, #E1E1E1); /* W3C */
 }
 A.ibutton-secondary:hover, input.ibutton-secondary:hover, button.ibutton-secondary:hover {
	background-color:#FEFEFE; 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E1E1E1));
	background: -webkit-linear-gradient(top, #FFF, #E1E1E1);
	background: -moz-linear-gradient(top, #FFF, #E1E1E1);
	background: -ms-linear-gradient(top, #FFF, #E1E1E1);
	background: -o-linear-gradient(top, #FFF, #E1E1E1);
	background: linear-gradient(top, #FFF, #E1E1E1); /* W3C */
 }
 
 /* video play button */
 .gallery_button { font-size:60px; color:#c1c1c1; text-align:center; width:100%; opacity:0.7; -khtml-opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70); -webkit-transition:200ms ease-out; -moz-transition:200ms ease-out; transition:200ms ease-out; -o-transition:200ms ease-in-out; }
 a.videopop:hover .gallery_button, .gallery_button:hover { font-size:60px; color:#E2302F; opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }
 
 
 /* Default - column_title */
 button:disabled, button:disabled:hover {
	color:#777 !important; text-shadow:#fff 0px 1px 0px !important;
 	background:#D1D1D1; border:#999 1px solid;
 	cursor: not-allowed !important;
	
	box-shadow: rgba(255,255,255, 0.25) 0px 1px 0px inset, rgba(0,0,0, .60) 0px 1px 0px;
	-webkit-box-shadow: rgba(255,255,255, 0.25) 0px 1px 0px inset, rgba(0,0,0, .60) 0px 1px 0px;
	-moz-box-shadow: rgba(255,255,255, 0.25) 0px 1px 0px inset, rgba(0,0,0, .60) 0px 1px 0px;
 }
 
/*************************************************************************
*      Button - Large / Small / Round / Shadow
**************************************************************************/
 A.large_button, button.large_button, input.large_button { padding:12px 20px 15px 20px !important; font-size: 15px !important; line-height:15px !important; height:44px !important; min-width: 110px !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
 button.large_button, input.large_button { padding:12px 20px 15px 20px !important; }

 A.small_button, button.small_button, input.small_button { padding:6px 7px 4px 7px !important; font-size: 11px !important; line-height:13px !important; height:27px !important; }
 button.small_button, input.small_button { padding:4px 7px 5px 7px !important; }
 
 A.icon_button, button.icon_button, input.icon_button { padding:4px 7px 4px 7px !important; font-size: 11px !important; line-height:13px !important; width:24px !important; height:24px !important; }
 
 /* round */
 A.round_button, button.round_button, input.round_button { border-radius:30px !important; -webkit-border-radius:30px !important; -moz-border-radius:30px !important; }

 A.shadow_button:hover, button.shadow_button:hover, input.shadow_button:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px inset, #39AAD4 0px 0px 7px 0px !important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px inset, #39AAD4 0px 0px 7px 0px !important;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px inset, #39AAD4 0px 0px 7px 0px !important;
 }
 .shadow_button_active, .shadow_button_active:hover { background:#9e0d4c !important; }


 
/*************************************************************************
*      Button Group & Pagination
**************************************************************************/
 #page_bottom { display:inline-block; width:100%; margin:0px auto; clear:both; position:relative; vertical-align:middle; }


 /* Button group */
 .btn-group { position:relative; display:inline-block; max-width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
 
  /* btn-group */
 .btn-group > .buttons,
 .btn-group > .buttons > li > button {
	background-color:#171717;
	background: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#171717));
	background: -webkit-linear-gradient(top, #292929, #171717);
	background: -moz-linear-gradient(top, #292929, #171717);
	background: -ms-linear-gradient(top, #292929, #171717);
	background: -o-linear-gradient(top, #292929, #171717);
	background: linear-gradient(top, #292929, #171717); /* W3C */
 }
 .btn-group > .buttons {
 	display:inline-table;
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
	margin:3px 5px 3px 0px;
	height:35px;
	
	border: 1px solid #000; /*border: 1px solid rgba(0, 0, 0, 0.25);*/
	
	box-shadow: rgba(255,255,255, 0.15) 0px 1px 0px inset, rgba(0,0,0, .75) 0px 1px 0px;
	-webkit-box-shadow: rgba(255,255,255, 0.15) 0px 1px 0px inset, rgba(0,0,0, .75) 0px 1px 0px;
	-moz-box-shadow: rgba(255,255,255, 0.15) 0px 1px 0px inset, rgba(0,0,0, .75) 0px 1px 0px;
    overflow: hidden;

 }
 .btn-group > .buttons > li {
	display:table-cell; width:auto; position:relative; float:left; *float:left; list-style:none; padding:0px;
 }
 .btn-group > .buttons > li > a, 
 .btn-group > .buttons > li > button {
 	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
 	display:table-cell; cursor:pointer; overflow:hidden; vertical-align:middle; -webkit-box-align: center; width:auto; white-space:nowrap;
	padding:8px 17px 8px 17px; height:35px; margin:3px 0px 3px 0px;
	font-size:12px; font-weight:bold; letter-spacing:-0.3px; font-style:normal; text-align:center; text-decoration:none; line-height:15px;
	
	color:#777; text-shadow:#000 0px 1px 0px; /*color:rgba(250, 250, 250, 0.90) !important; rgba(0, 0, 0, 0.5) 0px -1px 0px, */
	border:0; border-left: 1px solid #000;
	
	min-width:35px; height:100% !important;

	padding:10px 10px 9px 10px; margin:0;
	/*
	background-image: none;
	background: transparent;
	*/
	-webkit-appearance: none; cursor: pointer;
	
	-webkit-transition-delay: 0s; -webkit-transition-duration: 0.1s; -webkit-transition-property: all; -webkit-transition-property: color;
	-webkit-transition-timing-function: linear; /*cubic-bezier(0.25, 0.1, 0.25, 1);*/
	-webkit-transition:150ms ease-out !important; -moz-transition:150ms ease-out !important; transition:150ms ease-out !important; -ms-transition:150ms ease-out !important; -o-transition:150ms ease-out !important;
 }
 
 .btn-group > .buttons > li > a:hover, 
 .btn-group > .buttons > li > button:hover {
	color:#999; text-shadow:#000 0px 1px 0px;
	background-color:#151515;
	
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset;
 }
 .btn-group > .buttons > li > .active {
	color:#fff !important; text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 0px !important;
	background-color:#4789F4; 
	background: -webkit-gradient(linear, left top, left bottom, from(#2f74e3), to(#4789F4));
	background: -webkit-linear-gradient(top, #2f74e3, #4789F4);
	background: -moz-linear-gradient(top, #2f74e3, #4789F4);
	background: -ms-linear-gradient(top, #2f74e3, #4789F4);
	background: -o-linear-gradient(top, #2f74e3, #4789F4);
	background: linear-gradient(top, #2f74e3, #4789F4); /* W3C */
	
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset;
 } 
 .btn-group > .buttons > li > .active2 {
	color:#555; text-shadow:#000 0px 1px 0px;
	background:#292929 !important;
 }
 
 .btn-group > .buttons > li:first-child > a, 
 .btn-group > .buttons > li:first-child > button { 
 	border-left: 0px;
 	border-top-left-radius:3px; -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; 
 }
 .btn-group > .buttons > li:last-child > a, 
 .btn-group > .buttons > li:last-child > button { 
 	border-right: 0px;
 	border-top-right-radius:3px; -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px;
 }


/*************************************************************************
*      Fancybox IDs (Modify for New ID)
**************************************************************************/
 #fancybox_overlay	{ 
 	z-index:900; cursor:default; text-align:center; position:absolute; top:0px; width:100%; height:100%; background-color:#000; visibility:hidden;
	-webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease;
 }
 #flashBk { z-index:-10; overflow:hidden; position: absolute; width:100%; min-width: 100%; top:0; bottom:0; right:0; left:0; -webkit-transition: opacity 2000ms; transition: opacity 2000ms; -webkit-backface-visibility: hidden; }
 .ikonz_pop { 
 	z-index:950; cursor:default; text-align:center; position:fixed; top:10%; width:100%; clear:both; margin:0px auto; display:block !important;
	-webkit-transition:150ms ease-in-out !important; -moz-transition:150ms ease-in-out !important; transition:150ms ease-in-out !important; -ms-transition:150ms ease-in-out !important; -o-transition:150ms ease-in-out !important;
 }
 
 /* Chrome, Safari¿ë transperacy scroll bar */
 #ikonz_compare { overflow-y: auto; overflow-x:hidden;
	scrollbar-face-color:#000;
	scrollbar-3dlight-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-arrow-color:#000;
	scrollbar-track-color:#000;
	filter:chroma(color=#000);
	/*background-color:transparent;*/
 }
 #ikonz_compare::-webkit-scrollbar {width: 0px; height: 0px; border: 0px solid #fff; }



/*************************************************************************
*      tooltip_value for nouislider.js
**************************************************************************/
.tooltip_value {
	display: block; position: absolute;
	bottom:-25px; left: -9px;
	opacity:0.7; -khtml-opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);
	text-align: center;
	padding: 5px;
	min-width: 50px;
}

