@charset "UTF-8";
/*************************************************************************
text_normal: #393939;
text_link1: #555; /hover #222; bg: #fff
*************************************************************************/
BODY { /*, table, th, tr, td, caption, select, input, form, textarea, div, ol, ul, li, pre, p, font, span, a*/
	vertical-align: normal; word-break:keep-all; word-wrap: break-word; text-decoration:none; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased;
	background-color: #fff;
}
i {  font-family:"FontAwesome",'Sans-serif','Serif'; border: none !important; }

/* DIV */
.overflow 		{ overflow:visible !important; }
.overflow_hide 	{ overflow:hidden !important; }

.show2 			{ display:block !important; }
.hide2 			{ display:none !important; }
.hidden 		{ visibility:hidden; opacity: 0; transition: opacity 150ms ease-out 150ms, top 150ms ease-out 150ms, visibility 150ms ease-out 150ms; -webkit-transform: translate(-70%, 0); transform: translate(-70%, 0); }
.visible 		{ visibility:visible; opacity: 1; transition: opacity 150ms ease-out 150ms, top 150ms ease-out 150ms, visibility 150ms ease-out 150ms; -webkit-transform: translate(-0%, 0); transform: translate(-0%, 0); }

.clearfix 		{ zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix:before, .clearfix:after, .row:before, .row:after { height: 0; content: ""; overflow: hidden }
.clearfix:after, .row:after { clear: both }
.clear_both		{ clear:both; margin:0px auto; white-space: normal; column-span:all; -webkit-column-span:all; }

/* 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;*/
.block			{ display:block; }
.inline_block	{ display:table; overflow:hidden; width:100%; line-height: 100%; margin:0px auto; clear:both; position:relative; table-layout:fixed; vertical-align:middle; } /* white-space:nowrap;*/
.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; }
.middle 		{ vertical-align: middle !important; }

/* DIV - 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; }
.vpadding		{ padding-top: 15px; padding-bottom: 15px; } /* padding for listing */
.no-padding		{ padding:0px; }
.no-margin		{ margin:0px; }

/* DIV - 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*/
.radius4_tl		{ border-top-left-radius:3px; -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; }
.radius4_tr		{ border-top-right-radius:3px; -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; }
.radius4_bl		{ border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; }
.radius4_br		{ border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; }
.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*/
.radius100		{ border-radius:100px !important; -moz-border-radius:100px !important; -webkit-border-radius:100px !important; } /*system*/

.radius0,
.radius0 td,
.radius0 ul { -webkit-border-radius:0px !important; border-radius:0px !important; -moz-border-radius:0px !important; } /*system*/
 


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

/* Object - Transition */
/* transition-timing-function: ease-in-out; -webkit-transition-timing-function: linear; ease; ease-in; ease-out; ease-in-out; */
.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; -moz-transition:200ms ease; transition:200ms ease; -o-transition:200ms ease-out; }
.Transit300_out	{ -webkit-transition:300ms ease-out; -moz-transition:300ms ease-out; transition:300ms ease-out; -o-transition:300ms ease-in-out; }

.rotate:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

/* blur */
.blur4 { 
	filter: url(blur.svg#blur); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); 
	filter: blur(4px) brightness(0.9);
	-webkit-filter: blur(4px) brightness(0.9);
	-moz-filter: blur(4px) brightness(0.9);
	-o-filter: blur(4px) brightness(0.9);
	-ms-filter: blur(4px) brightness(0.9);
}
.blur8 { 
	filter: url(blur.svg#blur); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='7'); 
	filter: blur(8px) brightness(0.7);
	-webkit-filter: blur(8px) brightness(0.7);
	-moz-filter: blur(8px) brightness(0.7);
	-o-filter: blur(8px) brightness(0.7);
	-ms-filter: blur(8px) brightness(0.7);
}
.blur0 { filter: url(blur.svg#blur); -webkit-filter: blur(0px); filter: blur(0px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); }



/*************************************************************************
*      Fonts
**************************************************************************/
BODY {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif,'Serif', 'FontAwesome';
	/*ProximaNova-Regular,"Segoe UI", "Helvetica Neue", 'Helvetica', 'Myriad Pro', 'AppleGothic','LeagueGothic','Droid Sans',NanumGothic, Malgun Gothic, Dotum, 'Arial','Sans-serif','Serif', "FontAwesome";*/
	color:#616161; font-size:0.875em; /* 14px/16 = 0.875em */ line-height: 140%; 
}
U, underline { text-decoration:underline; }
I, .italic { font-style: italic; }
S { text-decoration: line-through; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

/* Strong */
light, .light { font-weight: 200 !important; }

/* Strong */
B, STRONG, .strong, .bold, caption, th { color:#414141; font-weight: 600 !important; -webkit-text-stroke-width: 0.2px; -webkit-user-select:text; } /* font-weight:600; -webkit-text-stroke-width: 0.2px;  -webkit-text-stroke-width:.02em !important; (for mobile) */

/* Small / smaller / large */
span.small, a.small, small, .small { font-size:0.83em !important; text-decoration:none !important; }
span.smaller, a.smaller, smaller, .smaller	{ font-size:0.8em !important; text-decoration:none !important; }
span.large, a.large, large, .large { font-size:16px !important; text-decoration:none !important; }

/* Normal - color */
span.normal, a.normal, .span.normal>a,
span.default, a.default, .default>a { color:#616161; /* 14px/16=0.875em */ } /* semi bold */



/* Link */
A[href^=tel] { color:inherit; text-decoration:none !important; }
A, area		{ behavior:expression(this.hideFocus=true); }
A:active, A:focus, area:active, area:focus { outline:none; outline-offset:none; -webkit-focus-ring-color:rgba(0,0,0,0); }

A { word-break:keep-all; word-wrap:break-word; text-decoration:none; border:none; outline-offset:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-select: none; }
A, A:link { color:#417fec; text-decoration:none; outline:none; outline-style:none; outline-color:invert; outline-width:medium; } /* , A:visited */
A:active, A:focus { color:#008ade; text-decoration:none; outline:none; }
A:hover,
.H1:hover,.H2:hover,.H3:hover,.H4:hover,.H5:hover { color:#0055ff; text-decoration:none; }
A.active { color:#0055ff !important; } 
A strong, a .strong, a, a b { color:#417fec; }

/* Head-text */
H1, H2, H3, H4, H5, H6 { display: block; position: relative; clear:both; line-height:1.2; letter-spacing:0px; padding:0px;  margin:0px; text-decoration:none; font-size-adjust:none; border-width:thin thick medium; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; column-span:all; -webkit-column-span:all; }

H1, H2, H3	{ font-family:Lato, "Segoe UI", "Helvetica Neue", "Helvetica", GillSansRegular, "Gill Sans MT", "Gill Sans", 'Helvetica Neue', Lato, 'Helvetica', 'Myriad Pro', 'AppleGothic','LeagueGothic','Droid Sans', 'Arial','Sans-serif','Serif', "FontAwesome"; }
H4, H5, H6	{ font-family:Lato, "Segoe UI", "Helvetica Neue", 'Helvetica', 'AppleGothic','LeagueGothic','Droid Sans','Arial','Sans-serif','Serif', "FontAwesome"; }

H1,.H1		{ font-size:2.6em; color:#434447; font-weight:300; -webkit-text-stroke-width: 0.1px !important; } /* Heading */
H2,.H2		{ font-size:2.3em; color:#36CDBD; font-weight:300; -webkit-text-stroke-width: 0.1px !important; margin-bottom: 30px; } /* Category */
H3,.H3		{ font-size:1.6em; color:#434447; font-weight:300; padding:0px 0px 5px 0px; -webkit-text-stroke-width: 0.1px !important; margin-bottom: 20px; margin-top: 20px; } /* Large title */
H4,.H4		{ font-size:1.5em; color:#434447; font-weight:400; padding:0px 0px 5px 0px; -webkit-text-stroke-width: 0.3px !important; margin-bottom: 10px; } /* Mid title & description */
H5,.H5		{ font-size:1.3em; color:#434447; font-weight:400; padding:0px 0px 5px 0px; -webkit-text-stroke-width: 0.3px !important; margin-bottom: 10px; } /* Sitemap */

H3 a:link, H3 a:visited,
H4 a:link, H4 a:visited,
H5 a:link, H5 a:visited	{ color:#434447; }

.H1,.H2,.H3,.H4,.H5 { margin: 0px; }


/* Heading small */
H1 small, H2 small, H3 small, H4 small, H5 small,
H1 .small, H2 .small, H3 .small, H4 .small, H5 .small,
.H1 small,.H2 small,.H3 small,.H4 small,.H5 small,
.H1 .small,.H2 .small,.H3 .small,.H4 .small,.H5 .small { color:#434447; font-size:0.6em !important; opacity:0.7; -khtml-opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70); }

/* H2 title */
H2 { position: relative; text-transform: uppercase1; }
H2:after {
	content: "";
	position: absolute; left: 0; bottom: -20px;
	width: 30px; height: 1px;
	margin-bottom:5px;
	background: #E1E1E1;
	background: rgba(150, 150, 150, 0.3); /* modern browser */
}
/* H2 Tron */
.tron { padding-left: 35px; }
.tron .detail { padding: 0px 0px 20px 0px; }
H2.default, H2.primary, H2.success, H2.warning, H2.danger { display: block; *display: inline; position: relative; }
H2:before { position: absolute; left: -35px; top: 5px; font-size: 0.8em; }

/* H2 Tron & system_msg icons */
H2.info:before, .bg_primary span.msg:before	{ content: "\f05a"; }
H2.primary:before, .bg_primary1 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"; }


/* H4 title */
H3.title,
H4.title,
H5.title { 
	position: relative; text-transform: uppercase1; quotes: "\f138" ""; 
	padding: 10px; margin-bottom: 10px;
	border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
	border: 1px solid rgba(150, 150, 150, 0.3); 
	border-left: 4px solid #36CDBD;
}
H3.title:before,
H4.title:before,
H5.title:before { content: open-quote; font-size:18px; color:#36CDBD; padding-left: 0px; padding-right: 10px; } /* "\f10e \201C" "\201D"; */


/* nickname */
.nickname, A.nickname, A.nickname:visited { color:#414141; font-weight:500 !important; letter-spacing:-0.1px; text-decoration:none; } /*#4f8fce*/
A.nickname:hover		{ color:#414141; text-decoration:none; }


/* price */
span.price			{ font-weight:500; letter-spacing:-0.1px !important; text-decoration:none; font-family:"ProximaNova", "Helvetica Neue","Helvetica","Droid Sans","Arial","Tahoma","Sans-serif","Serif"; }
span.price.now		{ color:#393939 !important; } /* body */
span.price.old		{ color:#999999 !important; }
span.price.sp		{ color:#DE2685 !important; }


.required	{ color:#DD4B39 !important; }
.required_star:after { color: #DD4B39; content: "\f069"; font-size:50%; padding-left:3px; }

.breadcrumb:before {  color: #C1C1C1; content: "\007C"; font-size:110%; line-height: 1.1; padding-right:7px; padding-left:4px; }
A.breadcrumb:hover { text-decoration: none !important; }


/*************************************************************************
*      Color
**************************************************************************/
/* white fonts */
.f_white		{ color:#e1e1e1 !important; text-shadow:rgba(0,0,0, 0.3) 0px 1px 0px !important; }
.f_white strong, 
.f_white small,
.f_white:hover { color:#fff !important; text-decoration: none; }


/* Info~Danger color set */
.info { color:#616161 !important; }
.primary { color:#4488CC !important; }
.success { color:#5D883D !important; }
.warning { color:#e57515 !important; }
.danger { color:#b11727 !important; }


/* text-Shadow */
H1, H2, H3, H4, H5, H6, 
.info, .primary, .success, .warning, .danger,
span.price,
.smaller,
.smaller,
.smaller,
.smaller primary,
.smaller primary,
.f_white,
.required_star:after,
.breadcrumb:before,
.description,
.strong-bold,
.subject,.nickname,
.input-group .input-group-addon,
td.sec1 label,
th, .th_title, .th_bottom,
.table_box tr>td A.subject,
.listing-icon { text-shadow:rgba(255, 255, 255, 0.9) 0px 1px 0px; }




/*************************************************************************
*      Paragraph
**************************************************************************/
.column_view2 { -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px; }
.column_view3 { -moz-column-count:3; -webkit-column-count:3; column-count:3; -moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px; }
.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; */
.nowrap			{ white-space: nowrap; overflow: hidden; }

/* Dropcap */
p.dropcap:first-letter {
    text-transform: uppercase;
    font-size: 65px;
    line-height: 65px;
    
    position: relative;
    float: left;
    padding: 10px;
    margin-right: 15px;
    
    color: #7f7664; background-color: #e5e4e2; 
    
    box-shadow:  5px 5px 0px 0px rgba(87, 78, 60, 0.3);
    border-left: 5px solid #7f7664;
    border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
}
p.dropcap.small_cap:first-letter {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    
    position: relative;
    float: left;
    padding: 10px;
    margin-right: 15px;
    
    color: #7f7664; background-color: #e5e4e2; 
    
    box-shadow:  5px 5px 0px 0px rgba(87, 78, 60, 0.3);
    border-left: 5px solid #7f7664;
    border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
}

/* Description */
.description	{
	display:block; clear:both; 
	padding:2px 0px 3px 0px; 
	word-break:keep-all; word-wrap: break-word; text-decoration:none; 
	font-family:"Century Gothic","Trebuchet MS",'Helvetica Neue','Helvetica', 'Myriad Pro', 'AppleGothic','LeagueGothic','Droid Sans','Open Sans', NanumGothic,"�������",ng, Malgun Gothic,"������",Dotum,"����", 'Arial','Sans-serif','Serif';
	font-size:1.1em; line-height: 1.2em;
	color:#60301b; font-style: italic; letter-spacing:-0.2px !important; 
}

/* blockquote */
blockquote { display:block; position: relative; quotes: "\f10d" ""; clear:both; width:100%; margin:20px 0px 20px 0px; padding: 10px 20px 10px 60px; font-style: italic; border:0px; } /* "\201C" "\201D"; */
blockquote.blockleft:before { content: open-quote; font-size:24px; color:#DDD; } /* "\f10e \201C" "\201D"; */
blockquote.blockleft:after { content: close-quote; font-size:24px; color:#DDD; }
blockquote.blockleft:before { position:absolute; left:10px; }

blockquote.blockcenter {
	background: url("../images/icons/icon_quote.png") no-repeat top center !important; 
	display:inline-block;
	text-align: center; font-size: 20px; line-height: 130%;
	padding: 25px 20px 20px 20px;
	margin-top: 20px;
}

blockquote small { display: block; margin-top:10px; font-size:12px !important; }






/*************************************************************************
*      Badge Label - with bg_primary
**************************************************************************/
.badge-label {
	text-align: center; vertical-align: baseline; white-space: nowrap;
	margin: 0px auto;
	margin-left:5px;
	
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 600;
	line-height: 30px;
	color: #fff; text-shadow:rgba(0,0,0, 0.2) 0px 1px 0px !important; 
	
	
	background-color: #252525;
	background-color: rgba(40, 40, 40, 0.9);
	
	border-radius:.25em; -webkit-border-radius:.25em; -moz-border-radius:.25em;
}
 
 /*************************************************************************
 *      Badge Number - with bg_primary
 **************************************************************************/
.badge {
	display: inline-block; min-width: 10px;
	vertical-align: middle;
	padding: 3px 5px !important; 
	
	font-family:"ProximaNova", "Helvetica Neue","Helvetica","Droid Sans","Arial","Tahoma","Sans-serif","Serif";
	font-size: 9px !important; font-weight: bold; letter-spacing:-0.2px; line-height: 1; text-align: center; white-space: nowrap;
	color: #fff !important; text-shadow:rgba(0,0,0, 0.1) 0px 1px 0px !important; 
	
	background-color: #252525;
	background-color: rgba(40, 40, 40, 0.9);
	
	-webkit-border-radius:20px; border-radius:20px; -moz-border-radius:20px;
}
.badge:empty { display: none; }




 
/*************************************************************************
	Components - 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;
 	font-family:Lato, 'Helvetica', 'Myriad Pro', 'AppleGothic','LeagueGothic','Droid Sans', 'Arial','Sans-serif','Serif', FontAwesome;
 	font-size: 15px;
 }
 
 select			{ letter-spacing:-0.2px; display:inline-block; }
 .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.83em; *width:95%; background: transparent !important; }
 [type=radio] { border:none; outline:2px; -webkit-appearance:radio; }
 [type=checkbox] { margin:0px auto; vertical-align:middle; outline:none; outline-offset:none; margin-right:5px; margin-bottom:3px; width:14px; height:14px; }
 [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; }
 .placeholder { color:#a1a1a1; }
 :not(:disabled)[placeholder]::-webkit-input-placeholder, /* #b2061a */
 :not(:disabled)[placeholder]:-moz-placeholder, /* Firefox 18- */
 :not(:disabled)[placeholder]::-moz-placeholder, /* Firefox 19+ */
 :not(:disabled)[placeholder]:-ms-input-placeholder { color:#a1a1a1; padding-left:1px; }
 
 :not(:disabled)[required]::-webkit-input-placeholder, /* #b2061a */
 :not(:disabled)[required]:-moz-placeholder, /* Firefox 18- */
 :not(:disabled)[required]::-moz-placeholder, /* Firefox 19+ */
 :not(:disabled)[required]:-ms-input-placeholder { color:#a1a1a1; padding-left:1px; }
 
 /* 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, ul.tagit { width:100%; max-width: 350px; height:40px; }
 .input, select, textarea, .textarea, ul.tagit { margin:3px 5px 3px 0px; padding:6px 10px 6px 10px; line-height:150%; *line-height:120%; }
 .input, select, textarea, .textarea, *[required] { color:#333; } /* required */
 .input, select, textarea, .textarea, .tagit-input { background-color:#FCFCFC; }
 
 .input, .textarea, .input_box { border:1px solid #C1C1C1; }
 .input, .textarea {
    -moz-box-shadow: 0 1px 0px rgba(255,255,255, .60), inset 0 1px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 0px rgba(255,255,255, .60), inset 0 1px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0px rgba(255,255,255, .60), inset 0 1px 4px rgba(0, 0, 0, 0.15);
 }
 .input:hover, .textarea:hover, select:hover, input:not([type="file"]):hover	{ background-color:#fff; border:1px solid #999999; }
 .input:focus, .textarea:focus, select:focus, input:not([type="file"]):focus	{ background-color:#fff; border:1px solid #999999; 
	 -webkit-box-shadow:0 0 0 3px rgba(0, 136, 204, 0.3); -moz-box-shadow:0 0 0 3px rgba(0, 136, 204, 0.3); box-shadow:0 0 0 3px rgba(0, 136, 204, 0.3);
 }

 
 :not(:disabled)[required] { background-repeat:no-repeat; background-position: right top; } /* background-image: url("images/icons/img_require1.png"); */
 :not(:disabled)[required]:hover { border:#2684AD 1px solid; }
 :not(:disabled)[required]:focus { border:#2684AD 1px solid; }
 
 
 /*  ========================================================================= */
 /* Custom jquery components  */
 /*  ========================================================================= */
 /* jquery.selectbox.css */
.selectBox-dropdown { 
	min-width: 200px !important;
	height:40px !important;
	margin:3px 5px 3px 0px;
}
/* jquery.onoff.css */
.onoffswitch { 
	position: relative;
	width: 78px !important;
	height:40px !important;
	margin:3px 5px 3px 0px;
}
.onoffswitch-label {
	height:40px !important;
	line-height: 40px !important;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	height: 40px !important;
}
.onoffswitch-switch {
	width: 36px !important;
	height: 36px !important;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	padding-top:5px !important;
}
 
 
 
 /* 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; }
 .input-group label { display:block; }
 .input-group .input-group-addon {
	display: block; position: absolute; left:1px;
	margin: 3px 0px 3px 0px;
	width:40px; height:40px; line-height:40px;
		
	color: #777; font-weight:bold; text-align: center;
	border-top-left-radius:4px; -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px;
	border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px;
 }
 .tags .input-group-addon { top: -3px; } /* tagit.js */
 
 .input-group .input-group-addon + input { padding-left:40px; }
 .input-group label.input-group-caption { color: #777; font-size:13px; display: block; margin-bottom:-5px; font-weight: normal; }
 
 /* inputgroup - large */
 .input-group.large .input-group-addon { height:40px; line-height:40px; width:40px; }
 .input-group.large .input-group-addon + input { width:100%; max-width: 350px; height:40px; font-size:16px; font-weight:normal; padding-left:40px !important; }
 
 /* inputgroup - Nav search */
 .input-group.search input { padding-left:28px; margin: 0px; }
 .input-group.search .input-group-addon {
	background: none !important;
	border-right-width:0px !important;
	width:25px; height:32px; line-height: 32px;
 	margin: 0px;
 	vertical-align: middle;
 	font-size: 12px;
 }
  
 /* @jquery CSS - jquery.form-validator.min.js ========================================================================= */
 .input-group[class*="has-"] { border: none !important; text-shadow: none !important; }
 
 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;
    width: 15px !important;
    display: inline-block;
 }
 span.help-block.form-error { color:#DE2685; }
 span.help-block.form-error:before {
    content: "\f00d";
    font-style: normal;
    font-weight: normal;
    width: 15px !important;
    display: inline-block;
     }
 span.jquery_form_help_name { }
 
 input.valid, textarea.valid { border:#5D883D 1px solid !important; }
 input.error, textarea.error { border:#DE2685 1px solid !important; }
 input.error:hover, input.error:focus { border-bottom:#DE2685 1px solid !important;
 	-webkit-box-shadow:0 0 0 3px rgba(222, 38, 133, 0.4); -moz-box-shadow:0 0 0 3px rgba(222, 38, 133, 0.4); box-shadow:0 0 0 3px rgba(222, 38, 133, 0.4);
 }
 
/* range */
input[type=range]{
	-webkit-appearance: none;
	border: none;
	background: none;
	padding: 0px;
	
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
input[type=range]:hover {
	border: none;
	background: none;
}
input[type=range]::-webkit-slider-runnable-track {
	height: 6px;
	background: #E1E1E1;
	border: none;
	border-radius: 5px;
}
input[type=range]::-webkit-slider-runnable-track:hover {
	background: #D1D1D1;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: 1px solid #c1c1c1;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	margin-top: -4px;
	
	color:#FFF; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	background: #6aa436;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
	background: -webkit-linear-gradient(top, #8dc059, #6aa436);
	background: -moz-linear-gradient(top, #8dc059, #6aa436);
	background: -ms-linear-gradient(top, #8dc059, #6aa436);
	background: -o-linear-gradient(top, #8dc059, #6aa436);
	background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
}
input[type=range]:focus { outline: none; }
 
 
 /************************************************************************
 *      Components system popup
 *************************************************************************/
 .system_pop { 
 	z-index:950; cursor:default; text-align:center; position:absolute; width:100%; clear:both; margin:0px auto; display:block !important;
 	
 	-webkit-transition:250ms ease-out !important; -moz-transition:250ms ease-out !important; -ms-transition:250ms ease-out !important; -o-transition:250ms ease-out !important; transition:250ms ease-out !important;
 	
 	-webkit-backface-visibility: hidden;
 	-webkit-perspective: 1000;
 	-webkit-transform: translate3d(0, -350px, 0);
 }
 .system_pop H3,
 .system_pop_icon {
 	color: #999;
 	text-shadow:rgba(0,0,0, 0.3) 0px 1px 0px !important;
 	font-size: 40px;
 	padding-bottom: 15px;
 	width: 100%; text-align: center;
 }
 .system_pop_icon {
 	background-color: rgba(255,255,255, 0.2);
 	display: inline-block;
 	width: 100px;
 	height: 100px;
 	line-height: 100px;
 	-webkit-border-radius:50% !important; border-radius:50% !important; -moz-border-radius:50% !important;
 }
 .system_pop_title {
 	color: #ccc;
 	font-size: 15px;
 	text-shadow:rgba(0,0,0, 0.5) 0px 1px 0px !important;
 	text-align: center;
 	padding: 10px 30px 15px 30px;
 }
 .system_pop_msg {
 	color: #aaa;
 	font-size: 13px;
 	text-shadow:rgba(0,0,0, 0.5) 0px 1px 0px !important;
 	text-align: center;
 	padding: 0px 30px 15px 30px;
 }
 .system_pop_msg span {
 	text-shadow:rgba(0,0,0, 0.5) 0px 1px 0px !important;
 }
 
 .system_pop_box {
 	z-index: 3000;
 	vertical-align: middle; text-align: center;
 	position: relative;
 	max-width: 330px !important;
 	width: 80% !important;
 	display: inline-block;
 }
 
 .system_pop_box { margin:0px auto; text-shadow:rgba(0,0,0, 0.3) 0px 1px 0px !important; }
 .system_pop_box .icon_error { background: url('../images/icons/ms_error_large1.png') no-repeat -12px -12px; }
 .system_pop_box .icon_info { background: url('../images/icons/ms_info.png') no-repeat 12px 12px; }
 .system_pop_box .icon_write { background: url('../images/icons/ms_write_large.png') no-repeat 12px 12px; }
 .system_pop_box .icon_image { background: url('../images/icons/ms_image_large.png') no-repeat -12px -12px; }
 .system_pop_box .icon_setting { background: url('../images/icons/ms_setting.png') no-repeat 12px 5px; }
 .system_pop_box .icon_cart { background: url('../images/icons/ms_cart.png') no-repeat 12px 5px; }
 .system_pop_box .icon_login { background: url('../images/icons/ms_setting.png') no-repeat 12px 5px; }
 .system_pop_box .icon_msg { background: url('../images/icons/ms_stamp.png') no-repeat -10px -20px; }
 
 .system_pop .input-group .input-group-addon {
     color: #555;
     text-shadow:rgba(0,0,0, 0.3) 0px 1px 1px;
     margin: 0px;
 }
 
 /* check_pop.php (.system_pop) */
 .popup_show 			{ visibility:visible; opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 70px, 0); }
 .popup_hide 			{ visibility:hidden; opacity:0; -khtml-opacity:0; -moz-opacity:0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 50px, 0); }
 
 /*************************************************************************************/
 /* system_pop START */
 /*************************************************************************************/
 .system_pop *[class|="ibutton"] {
 	-moz-box-shadow: 0 1px 0px rgba(0,0,0, .80) !important;
 	-webkit-box-shadow: 0 1px 0px rgba(0,0,0, .80) !important;
 	box-shadow: 0 1px 0px rgba(0,0,0, .80) !important;
 	margin-bottom: 5px;
 }
 
 .system_pop .input-group.large .input-group-addon {
 	height:50px; line-height:50px; width:40px;
 }
 .system_pop .top-input {
 	display: block;
 	width: 100%;
 	height: 50px !important;
 	color: #c1c1c1 !important;
 	text-shadow:rgba(0,0,0, 0.3) 0px 1px 1px;
 	background-color: #212121 !important;
 	
 	box-shadow: 0 1px 3px rgba(0,0,0, .80) inset !important;
 	-moz-box-shadow: 0 3px 5px rgba(0,0,0, .80) inset !important;
 	-webkit-box-shadow: 0 3px 5px rgba(0,0,0, .80) inset !important;
 }
 .system_pop .top-input:hover,
 .system_pop .top-input:focus {
 	outline: 0;
 	background-color: #292929 !important;
 	border: none !important;
 	padding-right: 10px;
 }
 .system_pop .top-input:not(:disabled)[placeholder]::-webkit-input-placeholder,
 .system_pop .top-input:not(:disabled)[required]::-webkit-input-placeholder {
 	color: #555;
 }
 
 #top-login-email {
     border: 1px solid #121212;
     border-width:0px 0px 1px 0px !important;
     border-top-left-radius:4px !important; -moz-border-top-left-radius:4px !important; -webkit-border-top-left-radius:4px !important;
     border-top-right-radius:4px !important; -moz-border-top-right-radius:4px !important; -webkit-border-top-right-radius:4px !important;
     border-bottom-left-radius:0px !important; -moz-border-bottom-left-radius:0px !important; -webkit-border-bottom-left-radius:0px !important;
     border-bottom-right-radius:0px !important; -moz-border-bottom-right-radius:0px !important; -webkit-border-bottom-right-radius:0px !important;
     margin: 0px;
 }
 #top-login-password {
     border-width:0px 0px 0px 0px !important;
     border-top-left-radius:0px !important; -moz-border-top-left-radius:0px !important; -webkit-border-top-left-radius:0px !important;
     border-top-right-radius:0px !important; -moz-border-top-right-radius:0px !important; -webkit-border-top-right-radius:0px !important;
     border-bottom-left-radius:4px !important; -moz-border-bottom-left-radius:4px !important; -webkit-border-bottom-left-radius:4px !important;
     border-bottom-right-radius:4px !important; -moz-border-bottom-right-radius:4px !important; -webkit-border-bottom-right-radius:4px !important;
     margin: 0px;
 }
 #system_pop_login2 .ibutton-glass,
 #system_pop_login .ibutton-glass {
 	text-shadow:0px 0px 0px rgba(0,0,0, 0.6);
	line-height: 36px;
	border: 1px solid #333;
 }
 #top-login-box,
 #top-login2-box,
 #top-search-box {
     border: 1px solid #121212;
 	-webkit-border-radius:6px !important; border-radius:6px !important; -moz-border-radius:6px !important;
 	-moz-box-shadow: 0 1px 5px rgba(0,0,0, .80) inset, 0 1px 2px rgba(50,50,50, .60);
 	-webkit-box-shadow: 0 1px 5px rgba(0,0,0, .80) inset, 0 1px 2px rgba(50,50,50, .60);
 	box-shadow: 0 1px 5px rgba(0,0,0, .80) inset, 0 1px 2px rgba(50,50,50, .60);
 }
 
 /*************************************************************************************/
 /* Components END */
 /*************************************************************************************/
 
 
 
 
 
 
 
  
/************************************************************************
*      BOXes - system
*************************************************************************/ 

/* DIV - Lines */
.border,
.box_line		{ border:1px solid #D1D1D1 !important; }

.border1,
.box_line1,
.line1			{ border-top:1px solid #D1D1D1 !important; }

.border2,
.box_line2,
.line2			{ border-right:1px solid #D1D1D1; }

.border3,
.box_line3,
.line3			{ border-bottom:1px solid #C9C9C9; }

.border4,
.box_line4,
.line4			{ border-left:1px solid #D1D1D1; }

.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_normal, .bg_title, .bg_sys1, .bg_sys2, .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; }

.box_normal {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	display:table; clear:both; overflow:hidden; table-layout:fixed; position:relative;
	width:100%; height:100%;
	background-color:#FFFFFF;
	border:#CDCDCC 1px solid !important; 
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
	-webkit-box-shadow: rgba(0,0,0, 0.9) 0px 5px 5px -5px; -moz-box-shadow: rgba(0,0,0, 0.9) 0px 5px 5px -5px; box-shadow: rgba(0,0,0, 0.9) 0px 5px 5px -5px;
}

.bg_title		{
	text-shadow:#fff 0px 1px 0px;
	border-top:#fff 1px solid;
	border-bottom:#C9C9C9 1px solid; 
	background-color:#EAEAEB; 
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#E1E1E1));
	background: -webkit-linear-gradient(top, #FDFDFD, #E1E1E1);
	background: -moz-linear-gradient(top, #FDFDFD, #E1E1E1);
	background: -ms-linear-gradient(top, #FDFDFD, #E1E1E1);
	background: -o-linear-gradient(top, #FDFDFD, #E1E1E1);
	background: linear-gradient(top, #FDFDFD, #E1E1E1); /* W3C */
}
.bg_sys1		{
	background-color:#F7F7F8; /* table_box tr */
}
.bg_sys2		{ 
	background-color:#FFFFFF; /* white */
}
.bg_strong {
	text-shadow:#fff 0px 1px 0px;
	border-top:#f1f1f1 1px solid;
	background-color:#E1E1E2;
	background: -webkit-gradient(linear, left top, left bottom, from(#E7E7E8), to(#D7D7D8));
	background: -webkit-linear-gradient(top, #E7E7E8, #D7D7D8);
	background: -moz-linear-gradient(top, #E7E7E8, #D7D7D8);
	background: -ms-linear-gradient(top, #E7E7E8, #D7D7D8);
	background: -o-linear-gradient(top, #E7E7E8, #D7D7D8);
	background: linear-gradient(top, #E7E7E8, #D7D7D8); /* W3C */
}
ul.bg_sys1, ul.bg_sys2, li.bg_sys1, li.bg_sys2 { border-top:#fff 1px solid; border-bottom:#C9C9C9 1px solid;  }

/*************************************************************************
*      Shadows/Effect
**************************************************************************/
/* system box */
.box_shadows	{
	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 #BCBCBC;
	-webkit-box-shadow: rgba(253,253,250, 0.4) 1px 1px 1px 0px inset, rgba(253,253,250, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
	-moz-box-shadow: rgba(253,253,250, 0.4) 1px 1px 1px 0px inset, rgba(253,253,250, 0.2) -1px -1px 1px 0px inset, rgb(0,0,0) 0px 5px 5px -5px;
	box-shadow: rgba(253,253,250, 0.4) 1px 1px 1px 0px inset, rgba(253,253,250, 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;
}

/* popups */
.box_shadow_pop 	{
	border:1px solid #BCBCBC;
	-webkit-box-shadow: rgba(253,253,250, 0.5) 1px 1px 1px 0px inset, rgba(253,253,250, 0.2) -1px -1px 1px 0px inset, rgba(0,0,0, 0.5) 0px 1px 7px -1px; 
	-moz-box-shadow: rgba(253,253,250, 0.5) 1px 1px 1px 0px inset, rgba(253,253,250, 0.2) -1px -1px 1px 0px inset, rgba(0,0,0, 0.5) 0px 1px 7px -1px; 
	box-shadow: rgba(253,253,250, 0.5) 1px 1px 1px 0px inset, rgba(253,253,250, 0.2) -1px -1px 1px 0px inset, rgba(0,0,0, 0.5) 0px 1px 7px -1px; 
}

/* releif */
.box_out	{ -webkit-box-shadow: rgba(253,253,250, 0.5) 1px 1px 3px 0px inset; -moz-box-shadow: rgba(253,253,250, 0.5) 1px 1px 3px 0px inset; box-shadow: rgba(253,253,250, 0.5) 1px 1px 3px 0px inset; }
.box_in	{ -webkit-box-shadow: rgba(0,0,0, 0.15) 0px 1px 3px 0px inset; -moz-box-shadow: rgba(0,0,0, 0.15) 0px 1px 3px 0px inset; box-shadow: rgba(0,0,0, 0.15) 0px 1px 3px 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);*/
}
/* ribbon shadow of box */
.box_sticker_left { background:url('../images/sys/bg_right_section.png') no-repeat left top; background-size:5px 100%; background-repeat:no-repeat; border-left:1px solid #D1D1D1; }
.box_sticker { background: url("../images/icons/bg_post_shadow.png") no-repeat center center; width: 100%; height: 10px; display: block; background-size: 100% 10px; }
.box_singleline { display:block; clear:both; margin:0px auto; border-top:1px dotted #D1D1D1; border-bottom:1px dotted #FFFFFF; width:100%; height:1px; margin-top:25px; margin-bottom:25px; }



   
/************************************************************************
*      Boxes - 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);
}
/* font in blacks */
.bg_blacks H4	{ color:#B1B1B1 !important; text-shadow:#000 0px 1px 0px; letter-spacing:-0.1px !important; }
.bg_blacks, .bg_blacks a, .bg_blacks span, .bg_blacks strong, .bg_blacks ul, .bg_black_bar	{ color:#777; text-shadow:#000 0px 1px 0px; }

/* components in blacks */
.bg_blacks .input, .bg_blacks .textarea, .bg_blacks .selectBox-dropdown {
   -moz-box-shadow: 0 1px 0px rgba(0,0,0, .80);
   -webkit-box-shadow: 0 1px 0px rgba(0,0,0, .80);
   box-shadow: 0 1px 0px rgba(0,0,0, .80);
}

/* black bar in blacks */
.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: 0 1px 5px #000 inset, 0 1px 0 #444;
	-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}
    




/************************************************************************
*      Systems Messages
*************************************************************************/
#system_messages { z-index: 1000; position: relative; clear: both; }
#system_msg {
	z-index: 1900; display: block; clear:both; overflow: hidden;
	position: relative;
	width: 100%;
	margin:0px auto; padding:16px 40px 5px 40px;
	border-bottom: 1px solid #797979; border-bottom: 1px solid rgba(0,0,0, 0.20);
	-webkit-transition: 350ms ease-out; -moz-transition: 350ms ease-out; -o-transition: 350ms ease-out; transition: 350ms ease-out;
}
#system_msg .msg { 
	display: block; *display: inline; 
	position: relative; 
	padding:0px 0px 10px 0px; 
	color:#EAEAEA; text-shadow:rgba(0,0,0, 0.3) 0px 1px 0px; font-size:14px; font-weight: 600; text-align:left; 
}
#system_msg .msg:before { position: absolute; left: -25px; }
#system_msg .msg a { color:#fff; text-decoration: underline; }
#system_msg .msg a:hover { color:#fff; text-decoration: none; }
#system_msg .close { 
	position: absolute; right: 20px; -webkit-appearance: none; cursor: pointer;  
	padding: 0px;
	line-height: 100%;
	vertical-align: middle;
	color: rgba(0,0,0, 0.4);
	text-shadow:rgba(255,255,255, 0.25) 1px 1px 0px;
	background: transparent;
	border: none;
	
	-webkit-transition:200ms ease-in-out !important; -moz-transition:200ms ease-in-out !important; transition:200ms ease-in-out !important; -ms-transition:200ms ease-in-out !important; -o-transition:200ms ease-in-out !important;
}

#system_msg .close:hover { 
	color: rgba(0,0,0, 0.6);
	text-shadow:rgba(255,255,255, 0.25) -1px -1px 0px;
	background: transparent;
	border: none;
	font-size: 20px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

 
 
 
  
 
 
 /*************************************************************************
 *      Listing & View Detail & Layout
 **************************************************************************/
 .vdetail { width:100%; display:table; table-layout:fixed; }
 .vdetail>dl { position:relative; vertical-align:top; display:table-cell; }
 
 .vdetail dl.detail>dt.title { padding-bottom:4px; }
 .vdetail dl.detail>dt.title>a, dl.detail>dt.title>span { margin:0px; padding:0px; } /* for what? */
 .vdetail dl.detail>dt.title>a:hover { }
 .vdetail dl.detail>dd.text { display:inline-block; }
 
 /* COLUMN Layout */
 .vdetail>.vallitem { width:auto; max-width:100%; *height:100%; position:relative; overflow:hidden; vertical-align:top; display:table-cell; }
 .vdetail>.vitem_left { *float:left; }
 .vdetail>.vitem_main { *float:left; width:auto; }
 .vdetail>.vitem_right { *float:right; width:auto; }
 
 
 
 
 
 
 
 /*************************************************************************
 *      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 { /*max-width:100%;*/ }
  img.img-rounded, img.img-circle, img.img-thumbnail, img.img-normal, .img-photobox { 
  	text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; table-layout:fixed;
  	border:1px solid #D1D1D1;
  	background-color:#000; background-size:100% 100%; 
  	-webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px;
  	-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:#FFF; }
  img.img-normal { padding:4px; background-color:#FFF; margin:0px; }
  
  img.img-rounded:hover, img.img-circle:hover, img.img-thumbnail:hover, img.img-normal:hover, .img-photobox:hover, .gallery_box_in:hover > a .img-photobox { 
  	border-color:#999;
  }
  img.img-rounded:hover, img.img-circle:hover, img.img-thumbnail:hover, .img-photobox:hover, .gallery_box_in:hover > a .img-photobox { 
  	border-color:#999;
     -moz-filter: brightness(0.6);
     -ms-filter: brightness(0.6);
     -o-filter: brightness(0.6); /* Not yet supported in Gecko, Opera or IE */ 
 	-webkit-filter: brightness(0.6);
 	filter: brightness(0.6);
     /*filter: gray; /* IE */
  }
  
  .img-photobox { margin:0px; border:0px; -webkit-border-radius:0px !important; border-radius:0px !important; -moz-border-radius:0px !important; }
    
  /* USER Profile */
  .img-user-small, .img-user-normal, .img-user-large { 
 	display:inline-block; overflow:hidden; white-space:nowrap; -webkit-box-align: center; vertical-align:middle;
  	text-align: center; 
  	background-color:#EEEEEF; background-size:100% 100%;
  	-webkit-border-radius:50%; border-radius:50%; -moz-border-radius:50%; 
  	-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:32px; height:32px; line-height:32px; border:0px solid #F5F5F5; }
  .img-user-normal	{ width:42px; height:42px; line-height:42px; border:0px solid #F5F5F5; }
  .img-user-large	{ width:100px; height:100px; line-height:100px; border:0px solid #F5F5F5; }
  /*
  .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);
  }
  */
  
  
  
  /* gallery_box */
  .gallery_box {
  	z-index:1; display: inline-block; position: relative;
  	margin:0px 0px 30px 0px; 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(0, 0, 0, .5);
     -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
     box-shadow: 0 0 20px rgba(0, 0, 0, .5);
  }
  .gallery_box_in { border:1px solid #D1D1D1; background: #fff; padding:5px 5px 5px 5px;
  	background-color:#FFFFFE; 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;
  	-webkit-border-radius:2px; border-radius:2px; -moz-border-radius:2px;
  }
  
  .gallery_box_in:hover { border-color:#999; }
  
  
  /* video play button */
  .gallery_button { 
  	font-size:60px !important; line-height: 60px;
  	color:#c1c1c1; text-align:center; vertical-align: middle;
  	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 { color:#E2302F; opacity:1; -khtml-opacity:1; -moz-opacity:1; filter: alpha(opacity=100); }
  

/*************************************************************************
*      Card
**************************************************************************/
.card {
	z-index:1; display: inline-block; position: relative; table-layout:fixed;
	overflow:hidden;
	width:270px; /* 16:9 = 152px */
	margin:0px 10px 30px 0px; text-align: center; 
	-webkit-border-radius:4px; border-radius:4px; -moz-border-radius:4px;
		
	-webkit-box-shadow: rgba(0,0,0, 0.8) 0px 5px 5px -5px;
	-moz-box-shadow: rgba(0,0,0, 0.8) 0px 5px 5px -5px;
	box-shadow: rgba(0,0,0, 0.8) 0px 5px 5px -5px;
}
.card_media { 
	height:152px; /* 16:9 = 270px */
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	
	border-top-left-radius:4px; -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px;
	border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px;
	
	-webkit-transition:200ms ease; -moz-transition:200ms ease; transition:200ms ease; -o-transition:200ms ease-out;
}
.card:hover .card_media { 
	-webkit-background-size: 130% 130% !important;  
	-moz-background-size: 130% 130% !important;  
	-o-background-size: 130% 130% !important;  
	background-size: 130% 130% !important;
	  
  filter: brightness(0.7);
	-webkit-filter: brightness(0.7);
	-moz-filter: brightness(0.7);
	-o-filter: brightness(0.7);
	-ms-filter: brightness(0.7);
}
.card_pop {
	position:absolute;
	top:0px; right:0px; padding:9px; text-shadow:rgba(0,0,0, 0.5) 0px 1px 0px !important;
    overflow: hidden;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -moz-transition: -moz-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -o-transition: -o-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(20px, -50px, 0);
    -webkit-transform-style: flat;
}
.card:hover .card_pop { 
	-webkit-transform: translate3d(0px, 0, 0) !important;
}
.card_pop .badge { padding:5px !important; margin:0px !important;}

.card_subtext { padding:24px 20px 12px 20px; position: relative; }

.card_actions { padding:8px 12px 8px 12px; position: relative; }
.card_actions>ul li { display: inline; }
.card_actions>ul li a.actions { padding-left:8px; }
.card_actions>ul:first-child > li a.actions { padding-left:8px; }

 
 



/*************************************************************************
*      System - 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:rgba(0, 0, 0,0.8); visibility:hidden;
	-webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 150ms ease; transition: all 250ms ease;
	opacity:0; -khtml-opacity:0; -moz-opacity:0; filter: alpha(opacity=0);
}
#fancybox_overlay_btn {
	position: absolute; right: 10px; top: 0px;
	background: #000;
	opacity:0; -khtml-opacity:0; -moz-opacity:0; filter: alpha(opacity=0);
	-webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;
}

#fancybox_overlay_btn a {
	display: block;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	
	width: 40px;
	height: 40px;
	line-height: 38px;
	
	color: #c1c1c1; font-size: 14px;
	
	border: 1px solid #555; -webkit-border-radius:50%; border-radius:50%; -moz-border-radius:50%;
}
#fancybox_overlay_btn a:hover { color: #fff !important; background: #555; }
#video_bg { z-index:-10; overflow:hidden; position: absolute; width:100%; min-width: 100%; height:100%; top:0; bottom:0; right:0; left:0; -webkit-transition: opacity 2000ms; transition: opacity 2000ms; -webkit-backface-visibility: hidden; }
 
.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; }
  

/*************************************************************************
*      System - Drawe slider - ImageBox (Drwer.js)
**************************************************************************/
.snapjs-right .snap-drawer-left { display: block; right: 0; left: auto; border-left:1px solid #000; background-color:#191919; }
.snapjs-right .snap-drawer-right { display: none; background-color:#191919; }
    
      

/*************************************************************************
*      Setting (Dropshot.js - write.php or Edit)
**************************************************************************/
.dropshot-container { background-color: #FEFEFE !important; }





/*************************************************************************
*      View contents
**************************************************************************/
#view { }
#view .content	{ margin:0px auto; position:relative; clear:both; table-layout:fixed;
	overflow:hidden; text-decoration:none;
	word-break:keep-all; word-wrap:break-word; /* Internet Explorer 5.5+ */
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
}
#view .aview, #listing .aview { font-size:14px; line-height:150%; white-space:normal; word-break:keep-all; word-wrap:break-word; text-overflow:ellipsis; padding-bottom:50px; } /* text-indent: 10px;*/
#view .nview, #listing .nview { font-size:15px; line-height:170%; white-space:normal; word-break:keep-all; word-wrap:break-word; text-overflow:clip; padding-top:10px; padding-bottom:20px; }


/* img */
#view img[align=left] { }
#view img[align=right] { }
#view img[align=center] { }
#view a.left { float:left; margin:5px 20px 20px 0px; }
#view a.right { float:right; margin:5px 0px 20px 20px; }
#view a.center { float:none; margin:10px 0px 20px 0px; display:table; clear:both; }
#view a.center img { margin:0px auto; clear:both; }

#konz_image_resizebox { width:100%; height:0px; clear:both; }

/* comment */
#view_comments { }
.comment_box { }
.comment_image { width:75px !important; padding-left:0px; padding-bottom:5px; }
.comment_text { font-size:1.1em; line-height:150%; white-space:normal; word-break:break-all; word-wrap:break-word; text-overflow:ellipsis; } /* text-indent: 10px;*/

#like { }
.vote { text-decoration: none !important; margin:0px !important; }

/* Subject */
#view H3.sucject { color:#333; margin:0px !important; padding:0px !important; } 
#view H3.sucject span.label { font-size: .2em; }

/* modify */
#modify_buttons #modify_button { z-index:1000; position:absolute; left:0px; margin-top:0px; top:4px !important; left:0px !important;
	 -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;
}
#modify_buttons #modify_button.visible { top:5px !important; left:7px !important; }


/*************************************************************************
*      Contact.php
**************************************************************************/
.f_contactus_title, .f_contactus_text { 
	font-family:'Helvetica Neue-Light', 'Helvetica Neue', Lato, 'Helvetica', 'Myriad Pro', 'AppleGothic','LeagueGothic','Droid Sans', 'Arial','Sans-serif','Serif', FontAwesome; 
	letter-spacing:-0.1px; display:block;
}
A[href^=tel].f_contactus_title, .f_contactus_title		{ font-size:20px; color:#2684AD; line-height: 150%; font-weight:200; padding:30px 0px 5px 0px; } /* Large title */
A[href^=tel].f_contactus_text, .f_contactus_text, .f_contactus_text a, .social_text .f_contactus_text		{ font-size:16px; color:#555; line-height: 150%; font-weight:400; } /* Mid title & description */

.social_text .f_contactus_text {
display: inline-block;
	 margin-right: 20px;
}


/*************************************************************************
*      Profile_box & Message
**************************************************************************/
.img_profile_box { padding-bottom:10px; margin:0px auto; } 
.img_profile_box .img_profile_image { padding-bottom: 10px; } 
.img_profile_box dl { text-align: center; -webkit-transition:300ms ease-out; -moz-transition:300ms ease-out; transition:300ms ease-out; -o-transition:300ms ease-in-out; }

#messages {
  display: inline-block;
  width: 100%;
}
.profile_box {
	float: left;
	width: 33.33%;
	padding: 10px 10px 10px 10px;
}
.profile_box_bg {
	overflow:hidden; height:150px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.profile_box .male .profile_box_bg {
	background-color: #1e88e5;
	border-bottom: 5px solid #1e88e5;
}
.profile_box .female .profile_box_bg {
	background-color: #D62161;
border-bottom: 5px solid #D62161;
}
.profile_box_image {
	width: 100%; margin-top: -50px;
}
.profile_box_tool {
  padding-top:90px; padding-bottom: 20px;
  text-align: center;
}

	
/* Mobile & Tablet */
@media all and (max-width: 1023px) { /* iphone6, iphone6p landscapes and tablets */
	.profile_box {
		width: 50%;
	}
}
/* @media */
@media all and (max-width: 768px) { /* ipad portrait */
	.profile_box {
		width: 50%;
	}
}
/* @media */
@media all and (max-width: 735px) { /* ipad portrait */
	#btn-tool {
		padding: 0px;
	}
	.profile_box {
		width: 100%;
		float: none !important;
		padding: 10px 0px 10px 0px !important;
	}
}


/*************************************************************************
*      Message
**************************************************************************/
.message_box {
float: left;
width: 50%;
padding: 10px 10px 10px 10px;
}
.message_box_bg {
overflow:hidden; min-height:175px;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}

.message_box_bg:before	{ 
content: "\f10d"; 
font-size: 20px;
margin-right: 5px;
margin-left: -50px;
position: absolute;
}
.message_box_tool {
display: inline-block;
width: 100%;
height: 80px;
}

/* Mobile & Tablet */
@media all and (max-width: 1023px) { /* iphone6, iphone6p landscapes and tablets */
.message_box {
	width: 50%;
}
}
/* @media */
@media all and (max-width: 768px) { /* ipad portrait */
.message_box {
	width: 50%;
}
}
/* @media */
@media all and (max-width: 735px) { /* ipad portrait */
.message_box {
	width: 100%;
	float: none !important;
	padding: 10px 0px 10px 0px !important;
}
.message_box_bg {
	min-height: 50px;
}
}  




/**** Member photo level Badge ***/ 


.member_badge {
	display: inline-block; min-width: 10px; cursor: default;
	padding: 3px 7px 3px 7px; 
	margin-left:5px;
	
	color: #ffffff !important; text-shadow:rgba(0,0,0, 0.3) 0px 1px 0px !important; font-size: 12px !important; font-weight: bold; letter-spacing:-0.2px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline;
	font-family:"Arial","Sans-serif","Serif";
	
	background-color: #151515;
	background-color: rgba(40, 40, 40, 0.9);
	
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	-webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px;
	box-shadow: rgba(0,0,0, 0.4) 0px 1px 0px inset, rgba(0,0,0, .60) 0px 2px 0px;
	-webkit-box-shadow: rgba(0,0,0, 0.4) 0px 1px 0px inset, rgba(0,0,0, .60) 0px 1px 0px;
	-moz-box-shadow: rgba(0,0,0, 0.4) 0px 1px 0px inset, rgba(0,0,0, .60) 0px 1px 0px;
}
.member_large_profile .member_badge { position:absolute; z-index: 300; right:0px; top:20%; width:15%; min-width:20px; }
.member_badge:empty { display: none; }



  
  
  
  
  
  
  /*** Badge style ********************************************************/
A[class|="ibutton"] .badge, input[class|="ibutton"] .badge, button[class|="ibutton"] .badge {
	position: absolute;
	opacity: 1 !important;
	margin-top: 5px;
	margin-left: -5px;
} 
 A.large_button .badge, button.large_button .badge, input.large_button .badge {
	position: absolute;
	opacity: 1 !important;
	margin-top: 10px;
	margin-left: -5px;
} 
 A.small_button .badge, button.small_button .badge, input.small_button .badge {
	position: absolute;
	opacity: 1 !important;
	margin-top: 1px;
	margin-left: -5px;
} 

.tabs .tabs_menu a .badge {
  	position: absolute;
  	opacity: 1 !important;
	margin-top: 10px;
  	margin-left: -5px;
  } 
  
  .btn-group > .buttons > li > a .badge {
  	position: absolute;
  	opacity: 1 !important;
  	margin-top: 3px;
  	margin-left: -5px;
  } 
  .btn-group > .tools > ul a .badge {
  	position: absolute;
  	opacity: 1 !important;
  	margin-top: 10px;
  	margin-left: -5px;
  }