<?php header("Content-type: text/css; charset: UTF-8"); ?>
<?php 
$p_color = "#7a4397";
$p_rgbcolor= "rgb(122, 67, 151, 0.7)";

 ?>
@font-face {
    font-family: 'din_next_lt_proregular';
    src: url('../fonts/dinnextltpro_regular-webfont.woff2') format('woff2'),
         url('../fonts/dinnextltpro_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din_next_lt_prolight';
    src: url('../fonts/dinnextltpro_light-webfont.woff2') format('woff2'),
         url('../fonts/dinnextltpro_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din_next_lt_proLtCn';
    src: url('../fonts/dinnextltpro_lightcondensed-webfont.woff2') format('woff2'),
         url('../fonts/dinnextltpro_lightcondensed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_next_lt_pro_ultralight_Rg';
    src: url('../fonts/dinnextltpro_ultralightcond-webfont.woff2') format('woff2'),
         url('../fonts/dinnextltpro_ultralightcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* GENERAL */
body {
	font-family: 'din_next_lt_proregular';
	color:#000;
	background-repeat:no-repeat;
}
.underlie { text-decoration:underline;}
.gold { color:#CAA677;}
.relative { position:relative;}
.margin_bot_40 { margin-bottom:40px!important;}
.padding_bot_140 { padding-bottom:140px!important;}
.font_14 { font-size:14px;}
.margin_top15 { margin-top:15px;}
a:focus { outline:none;}
.no_margin { margin:0!important;}

.wrapp_all { width:100%; margin:0 auto; position:relative;}
.wrapp { width:97%; margin:0 auto;}
.wrapp2 { width:1200px; margin:0 auto; position:relative;}
.wrapp4 { margin:0 auto; padding:0 200px;}
.content_innner { margin:60px 0;}
a:hover { text-decoration:none;}
.margin_bottom_48px { margin-bottom:48px;}
.margin_top_48px { margin-top:48px;}
.margin_top_78px { margin-top:38px;}
.height_48 { height:48px; display:block; width:100%;}
/* HEADER */
.header {
	position:absolute; 
	z-index:991;
	width:100%;
	left:0;
	top:0;
}

.fix_header {
	position:fixed;
	z-index:99;
	width:100%;
	left:0;
	top:0;
	height:75px;
	z-index:999;
	background:#7a4397;
	/*background:url(../images/fix-header-bg.png) repeat-x top;*/
}
	/* Fix Nav */
	.fix_header .main_nav ul li a { padding: 5px 12px;}
	.fix_header .main_nav ul li ul li a { padding:5px 0;}
	.fix_header .main_nav ul li a,
	.fix_header .top_right_menu ul li a,
	.fix_header .top_right_menu ul li span { color:#fff; font-size:90%;}
	.fix_header .top_search { display:none!important;}
	
	.fix_header .top_right_menu ul li { display:inline-table;}
	.fix_header .top_right_menu ul li a {}
	
/*.browse_product .fix_header,*/
.browse_product .header {
	position:static;
	background:#7a4397;
	height:75px;
}

.trans_header .header { background:none!important;}

	/* browse fix header */
	.browse_product .fix_header { 
		position:fixed;
		z-index:99;
		width:100%;
		left:0;
		top:0;
		height:75px;
		z-index:999;
		background:#7a4397!important;
	}
	.detail_product .fix_header {
		position:static;
		background:#000;
		height:190px;
	}

.header .wrapp { position:relative; height:120px; z-index:99;}
.main_nav { position:absolute; z-index:999;}

.logo a {
    left: 20px;
    position: absolute;
    display: block;
    text-indent: -9000px;
    top: 30px;
    width: 200px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: top center;
}

.logo_black a { background-image:url(../images/logo-black.svg);}
	.fix_header .logo a {
		background-position:top center;
		top:12px;
	}
	
.top_alert {
	text-align:center;
	margin:0;
	padding:8px 0;
	position:relative;
	z-index:99;
	background:#fff;
	font-size:14px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.top_alert button {
	position:absolute;
	right:20px;
	top:7px;
	opacity:1;
	color:#000;
}

	/* Top Right Menu */
	.top_right_menu {
		position:absolute;
		right:25px;
		top:22px;	
	}
	.top_right_menu ul { margin:0; padding:0;}
	.top_right_menu ul li { list-style:none; display:inline-table;}
	.top_right_menu ul li a,
	.top_right_menu ul li span { color:#fff; display:block; padding: 5px 10px; position:relative; cursor:pointer; font-size:14px;}
	.top_right_menu ul li a i,
	.top_right_menu ul li span i { position:absolute; left:-6px; font-size:16px; top:8px;}
	.top_right_menu ul li:hover a { color:#f662f6;}
	
	.top_right_menu ul li.crt a {
		background:url(../images/cart-icon.svg) no-repeat left center;
		padding-left:24px!important;
	}

	
	.fix_header .top_right_menu { top:21px; right:20px;}
	.fix_header .top_right_menu ul li a,
	.fix_header .top_right_menu ul li span { padding: 5px 13px; }
	.fix_header .top_right_menu ul li a i,
	.fix_header .top_right_menu ul li span i { left:-6px;}

	.top_right_menu ul li:hover a,
	.top_right_menu ul li:hover span { color:#f662f6;}
	.top_right_menu ul li:hover span i { color:#fff;}
	
		/* Res */
		.top_right_menu_res {
			display:none;
			position:absolute;
			right:60px;
			top:24px;
			padding-right:10px;
			border-right:1px solid #fff;
		}
		.top_right_menu_res ul { margin:0; padding:0;}
		.top_right_menu_res ul li { display:inline-table;}
		.top_right_menu_res ul li a { display:block; padding:5px 5px; color:#fff;}
		.top_right_menu_res ul li.crt a { background:url(../images/cart-icon.svg) no-repeat left center; padding-left:24px!important;}
	
	/* Bottom Left Menu */
	.bottom_left_menu {
		position:absolute;
		left:30px;
		bottom:80px;
		/*width:140px;*/
		z-index:99;
	}
	.normal_page .bottom_left_menu  { left:0; /* bottom:30px */ top:155px;}
	
		/* Res */
		.bottom_left_menu_res { display:none; text-align:center;}
		.bottom_left_menu_res { margin:60px 0; padding:30px 0; border-top:1px solid #000;}
		.bottom_left_menu_res li { display:inline-table;}
		.bottom_left_menu_res li a {
			display:block;
			padding:5px;	
			color:#000;
			font-size:12px;
			
		}
	
	.browse_product .bottom_left_menu { width:190px;}
	.bottom_left_menu ul { margin:0; padding:0;}
	.bottom_left_menu ul li { list-style:none;}
	.bottom_left_menu ul li a {
		color:#fff;
		padding:3px 0;
		display:block;	
	} 

	.bottom_left_menu ul li:nth-child(5) a{ margin-top:20px; padding-top:20px; border-top:1px solid white;}  

    .bottom_left_menu ul li:nth-child(n+5) a{font-size: 13px;} 



	



	.bottom_left_menu ul li:hover a { color:#f662f6;}
	.bottom_left_menu.lt_scroll ul li a,
	.browse_product .bottom_left_menu ul li a { color:#000;}
	.bottom_left_menu.lt_scroll ul li:hover a,
	.browse_product .bottom_left_menu ul li:hover a { color:#f662f6;}
	
	.product_browse_img_hover_price { margin-bottom:10px;}
	
	/*.browse_product .bottom_left_menu { position:fixed; bottom:auto; top:265px;}*/
		
		@media only screen and (max-width: 1200px) {
			.browse_product .bottom_left_menu { position:absolute; bottom:auto; top:280px;}
		}
		
		/* Check Box Style */
		.check_box {
			display: block;
			position: relative;
			padding-left: 35px;
			margin-bottom: 8px;
			font-size:12px;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.check_box input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
		}
		.checkmark {
			position: absolute;
			top: 3px;
			left: 17px;
			height: 13px;
			width: 13px;
			background:url(../images/checked.svg) no-repeat center center;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		.check_box:hover input ~ .checkmark {
			
		}
		.check_box input:checked ~ .checkmark {
			
		}
		.checkmark:after {
			content: "";
			position: absolute;
			display: none;
		}
		.check_box input:checked ~ .checkmark:after {
			display: block;
		}
		.check_box .checkmark:after {
			left: 0;
			top: 0;
			height: 13px;
			width: 13px;
			background:url(../images/check.svg) no-repeat center center;
		}
		
		/* Search */
		.top_search {
			position:absolute;
			top:110px;
			left:0;
			width:100%;
			display:none;
		}
		.top_search input {
			width:100%;
			border:none;
			background:none;
			padding:8px 0;
			font-size:12px;
			border-bottom:1px solid #fff;
			color:#fff;
		}
		
	/* Filter Product */
	.home .product_filter,
	.detail_product .product_filter { display:none;}
	.filter_wrapp { margin:10px 0 100px; padding-left: 10px;}
		.bottom_left_menu ul li.filter_icon {
			background:url(../images/plus-icon.svg) no-repeat left center;
			padding-left:15px;
		}
	
	.filter_wrapp h4 { font-size:16px; margin:0;}
	.filter_wrapp h4 a { color:#000; display:block; padding:5px 0;}
	.filter_wrapp h4 a.accordion-toggle {
		background:url(../images/plus-icon.svg) no-repeat left center;
		padding-left:15px;	
	}
	.filter_wrapp h4 a.accordion-toggle.collapsed {
		background:url(../images/min-icon.svg) no-repeat left center;
	}
	
	#accordion h2 {
	  margin:0px;
	  font-size:16px;
	  position:relative;
	  font-weight:normal;
	  margin: 12px 0;
	  padding-left:17px;
	}
	
	.accordion-toggle {cursor: pointer;}
	.accordion-content {
	  display: none;
	  color: black;
	}
	.accordion-content.default { display: block;}
	
	.accordion-toggle .view{
		font-size:14px;
		line-height:200%;
		font-weight:normal;
		text-align:left;
	 
	}
	.arrow {
		position:absolute;
		left:0;
		top:-3px;
		font-size:18px;
		display:inline-block;
	}
	.arrowUp:before{content:"-";}
	.arrowDown:before{content:"+";}
	
	ul.product_filter { margin:0; padding:0;}
	ul.product_filter li { list-style:none;}
	
	.product_filter_box {
		position:absolute;
		left:0;
		top:0;	
	}
	
	.product_filter_box ul {list-style: circle; padding-left: 0; margin-left: 0;}
	.product_filter_box ul li a {color:#7a4397;}
	
	/* Arrow Down */
	.arrow_down a {
		position:absolute;
		left:170px;
		bottom:90px;
		color:#fff;
		/*width:50px;
		height:50px;*/
		z-index:991;
		width:25px;
		height:25px;
		background-size:100% auto;
		display:block;
		text-indent:-9000px;
		background-repeat:no-repeat;
		background-position:center center;
		background-image:url(../images/arrow-down.svg);
	}
	.chat_dwn a {
		position:absolute;
		right:0;
		bottom:80px;
		background:#323232;
		color:#fff;
		z-index:991;
		display:block;	
		z-index:991;
		padding:10px 30px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}
	.chat_dwn a:hover { background:<?= $p_color; ?>;}

/* NAVIGASI */
.main_nav { margin:0; left:170px; top:20px;}
.main_nav ul { margin:0; padding:0;}
.main_nav ul li { display:inline-table; /*position:relative;*/}
.main_nav ul li a {
	display:block;
	padding:5px 12px;
	color:#fff;
}
/*.main_nav ul li:first-child a { padding-left:0;}*/
.main_nav ul li:last-child a  { padding-right:0;}
.main_nav ul li.active a,
.main_nav ul > li:hover > a {
	 color:#CAA677;
}
.main_nav ul > li:hover > a { font-weight:normal;}
.nav_masking {
	position:absolute;
	height:330px;
	/* background: rgba(0, 0, 0, 0.7); */
	background: <?= $p_rgbcolor ?>;

	left:0;
	top:0;
	z-index:99;
	display:none;
	width:100%;
}

	/* Sub Level 1 */ 
	.main_nav ul li ul {
		position:absolute;
		background:url(../images/sub-nav-bg.png) no-repeat left 10px;
		width:200px;
		padding:60px 12px 30px;
		left:-9000px;
	}
	.main_nav ul li ul h4 { margin:0 0 3px; color:#fff; font-size:100%;}
	.main_nav ul > li:hover > ul { left:auto;}
	.main_nav ul li ul li { display:block;}
	.main_nav ul li ul li a {
		padding:3px 0;
		text-transform:none;
	}
	
		/* Sub Level 2 */
		.main_nav ul li ul li ul {
			left:-9000px;
			background:#1843b1;
			padding:20px;
			z-index:999;
			border-top:3px solid #0a3193;
		}
		.main_nav ul li ul li:hover ul {
			left:100px;
			top:31px;
		}
		
		/* Masking */
		.nav_masking {
			position:absolute;	
		}
	
	/* Responsive Nav */
	.toggle_menu {
		font-size:24px;
		cursor:pointer;
		right:20px;
		top:26px;
		position:absolute;
		display:none;
		color:#fff;
	}
	.res_nav {
		/* background:#252525; */
		background:#7a4397;
		padding:20px;
		display:none;
		position:relative;
		z-index:99;
	}
	.res_nav ul { padding:0;}
	.res_nav ul li { display:block; position:relative;}
	.res_nav ul li.have_sub {}
	.res_nav ul li a {
		display:block;
		padding:10px 0;
		font-size:14px;
		color:#fff;
		text-transform:uppercase;
	}
	.res_nav ul li ul { padding-left:15px; display:block; display:none;}
	.res_nav ul li ul li {}
	.res_nav ul li ul li a { text-transform:none; padding:7px 0;}
	.res_nav ul li.active a { color:#1843b1;}
	
	.accordion_toggle_nv {	
		position:absolute;
		right:10px;
		top:5px;
		color:#fff;
		font-size:20px!important;
	}
	
	.toggle_menu .fa-close { 
		background:url(../images/res-close.svg) no-repeat center center;
		width:25px;
		height:25px;
	}
	.toggle_menu .fa-bars {
		width:25px;
		height:25px;
		background:url(../images/res-bar.svg) no-repeat center center;	
	}
	
	.toggle_menu .fa-bars:before,
	.toggle_menu .fa-close:before { display:none;}
	
/* HOME SECTION 1 */
.home_sec1 {
	background:<?= $p_color; ?>;
	position:relative;
}
/* .home_sec1:after {
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	content:" ";
	background-color: rgba(0, 0, 0, 0.5);
} */
.home_sec1 h1 {
	font-family: din_next_lt_prolight;
	font-size:80px;
	color:#fff;
	padding-top:250px;
	position:relative;
	z-index:9;
}
.home_sec1 h1 span { display:block;}
	
	/* Carrousel */
	.carousel-indicators { bottom:80px; z-index:991;}
	.carousel-indicators li {
		/*width:18px;
		height:18px;*/
		width:10px;
		height:10px;
		margin:0 8px;
		background:none;
		border:2px solid #fff;
		cursor:pointer;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;	
	}
	.home_top_wrapp { width:100%; height:100%; position:absolute; left:0; top:0;}
	.home_top_wrapp .wrapp2 { height:100%;}
	.home_cation {
		position:absolute;
		left:160px;
		bottom:0;
		height:100%;
		color:#fff;
		z-index:99;
		font-size:70px;
		width:400px;
		z-index:99;
		line-height:80px;
		font-family: 'din_next_lt_pro_ultralight_Rg';
	}
	.home_cation span { display:block;}
	.home_cation_in1 { display:table; width:100%; height:100%;}
	.home_cation_in2 { display:table-cell; vertical-align:middle;}

/* HOME SECTION 2 */
.home_sec2 {
	background:#fff;
}

/* BROWSE PRODUCT PAGE */
.wrapp3 { padding:0 50px 0 170px;}
.product_browse_intro {
	height:800px;
	overflow:hidden;
	background:#033;
	margin-top:-190px;
	background:<?= $p_color; ?>;
	position:relative;
}
.cat_intro_img img {
	width:100%;
	opacity:0.5;
	position:absolute;
	left:0;
	top:0;
}

.product_browse_intro_desc {
	padding:230px 0 40px;
	color:#fff;
}
.product_browse_intro_desc h1 { font-family: din_next_lt_prolight; font-size:70px;}
.product_browse_intro_desc h4 { font-size:100%; margin:30px 0 10px;}
.product_browse_intro_desc ul { margin:0; padding:0;}
.product_browse_intro_desc ul li { display:block;}
.product_browse_intro_desc ul li a { color:#fff; padding:3px 0; display:block;}
.product_browse_intro_desc ul li:hover a,
.product_browse_intro_desc ul li.active a { color:#CAA677;}  

.product_browse { margin:0;}
.product_browse h2,
h2.blog_top_heading {  font-family: 'din_next_lt_prolight'; font-size:34px; display:block;}
.product_browse ul { margin:0 -0.5%; padding:0; }
.product_browse ul li { float:left; width:23.6%; list-style:none; margin:0 0.5% 28px;}
.home .product_browse ul li { margin-bottom:0; height:400px;}


@media (max-width:768px) {
	.categoryPage ul li { height:250px;}
}
	
	.product_browse_img { position:relative;}
	.product_browse_img img { width:100%; height:auto;}
	.product_browse_img_hover {
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		opacity:0;
		top:0;
		background: rgba(0, 0, 0, 0.5);
		color:#fff;
		font-size:12px;
		padding:20px;
	}
	.product_browse_img:hover .product_browse_img_hover { opacity:1;}
	.product_browse_img_hover strong { display:block;}
	.product_browse_img_hover_mid { margin:12px 0;}
	.product_browse_name { font-size:12px; color:#000; margin:10px 0 0; min-height:65px;}
	.home .product_browse_name { min-height:0;}
	.product_browse_name h3 { font-size:18px; margin:0;}
	.product_browse_name h3 a { color:#000; font-family: din_next_lt_prolight; display:block;}
	.product_browse_name h3 a:hover { color:#f662f6;}
	
	.spacer { margin:28px 0; width:100%; height:1px; background:<?= $p_color; ?>;}
	
	.dtl_price ul { margin:0; padding:0; display: inline-block;}
	.dtl_price ul li { display:inline-table;font-weight:bold; width:auto; margin:0 8px 0 0;}
	.dtl_price ul li span { display:inline-block; font-weight:normal; font-size:100%;}
	.dtl_price ul li.jrett { text-decoration:line-through;}
	
	/* Browse Sub */
	.product_browse_sub { margin-bottom:48px; border-bottom:1px solid #000; padding-bottom:12px;}
	.product_browse_sub h3 { font-size:14px;}
	.product_browse_sub ul li { width:auto; margin-right:25px; font-size:14px;}
	.product_browse_sub ul li:last-child { margin-right:0;}
	.product_browse_sub ul li a {
		color:#000;
		display:inline-block;
		padding:0;
		border-bottom:1px solid #fff;
		line-height: 15px;
	}
	.product_browse_sub ul li:hover a,
	.product_browse_sub ul li a.active { color:#CAA677;}
	
		/* Fix */
		.product_browse_sub_fix { position:fixed; top:0; background:#fff; z-index:99; width:100%; left:0; padding:20px 0;}

/* PRODUCT DETAIL */
.product_main { position:relative;}
.product_detail { min-height:800px;}
.product_detail_title h3 { font-size:22px; margin:0 0 5px; font-weight:bold;}
.product_detail_title h4 { font-size:12px;}
/* .product_detail_desc { margin:70px 0;} */
/* .product_detail_desc { margin:28px 0;} */
.product_detail_desc .readon {
	border: 1px solid #000;
    color: inherit;
    display: inline-block;
    text-align: center;
    padding: 8px 30px;
	margin-top:30px;
}

.total_box {
	background:#e6e5e6;
	padding:20px 0;
	width:100%;
	z-index:99;
}
	.total_box_fix {
		position:fixed;
		left:0;
		top:0;
		z-index:999;
		width:100%;	
	}

.product_detail_handler,
.product_detail_handler2 {
	height:135px;
	width:100%;
}
.product_detail_handler2 { height:40px;}

	@media only screen and (max-width: 1170px) {
		.total_box {
			position:relative;
		}
	}

.product_main_image_img { position:relative; cursor:pointer;}
	.product_main_image_img_masking {
		width:100%;
		height:100%;
		opacity:0;
		position:absolute;
		left:0;
		top:0;
		background:url(../images/plus-img.svg) no-repeat center center rgba(0, 0, 0, 0.5);
		z-index:99;
	}
	.product_main_image_img:hover .product_main_image_img_masking { opacity:1;}
	
.product_main_image img { width:100%; height:auto;}
.product_detail_desc { font-size:14px;}

	/* Select Option */
	ul.blok_select { margin:2px -8px; padding:0;}
	ul.blok_select li { display:inline-table; margin:0 8px; text-align:center; width:55px; position:relative; float:none;}
	ul.blok_select li span {
		display:block;
		width:55px;
		height:55px;
		background:#666;	
	}
	ul.blok_select.have_sst li { padding-top:25px; }
	ul.blok_select li .select {
		position:absolute;
		left:0px;
		top:0;
		width:100%;
		text-align:left;
	}
	.select_col { margin:5px 0;}

.dtl_list { margin-bottom:20px;}
.dtl_select img { width:100%; height:auto; margin:5px 0;}
.dtl_select { margin-bottom:15px;}
.total_price {
	right:0;
	bottom:0;
}
.total_price { position:absolute; left:52%; bottom:0;}
.total_price h5 { margin:0; font-size:12px;}
.total_price h2,
.total_price_intotal h2,
.title_intotal { font-family: din_next_lt_prolight;}
.title_intotal { padding-top:20px; font-size:18px; font-weight:bold;}
.total_price_intotal { display:inline-block;}
.total_price_intotal h2 { font-size:24px; padding-top:5px; font-weight:bold;}
.total_box .row { position:relative;}
.total_box span { font-size:12px;}
.qty_intotal,
.cart_intotal { position:absolute; top:0;}
	.cart_intotal { right:25px;}
	.qty_intotal { right:212px; width:50px;}
	.qty_intotal input { display:block; width:100%; border:1px solid #000; background:none; height:35px; text-align:center;}
	.cart_intotal { width:170px; top:23px;}
	.cart_intotal input {
		border:1px solid #000;
		text-align:center;
		width:100%;
		padding:5px 10px;
		height:36px;
		background:none;
	}
	
	/* Product Detail Nav */
	.product_detail_nv_box { position:fixed; top:280px;}
	.product_detail_nv_box ul { padding-left:0;}
	.product_detail_nv_res { display:none;}
	.product_detail_nv_box_fix { top:135px;}
	.product_detail_nv { display:none;}
	.detail_product .product_detail_nv { display:block;}
	.product_detail_nv ul { margin:0; padding:0;}
	.product_detail_nv ul li { list-style:none; margin-bottom:0;}
	.product_detail_nv ul li a {
		font-size:12px;
		color:#000;
	}
	.product_detail_nv ul li:hover a,
	.product_detail_nv ul li a.active { color:#CAA677;}
	.product_detail_nv ul li:last-child a { margin:0;}
	
	.product_detail_nv_res { position:static!Important; margin:20px 0; border-bottom:1px solid #000; margin-bottom:20px; padding-bottom:15px;}
	.product_detail_nv_res ul li { display:block; float:none;}
	.no_pading_right { padding-right:0;}
	
	/* Image Slide */
	ul.slides { margin:0; padding:0;}
	ul.slides li { margin:0;}

/* Modal Bootsrap Hack */
.modal_right {
	position:fixed;
	right:-1px;
	margin:0;
	left:auto;
	top:-1px;
	width:500px;
	background:<?= $p_color; ?>;
	color:#fff;
}
.modal_right .modal-dialog { margin:0;}
.modal_right .modal-content {
	background:none;
	border:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.modal_right .modal-header { border:none;}
.modal_right .modal-body {
	padding:0 30px 30px;
}
.modal_right .modal-body h4 {
	font-size:16px;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	margin-bottom:25px;
}
.modal_right .modal-body h2 {
	font-size:40px;
	margin:20px 0;
	padding-right:30%;
}
.close { opacity:1; text-shadow:none; color:#fff;}
.close:hover { color:#fff;}

	/* Button Close */
	button.close,
	.close_search {
		width:25px;
		height:25px;
		background-image:url(../images/close-button.svg);
		background-repeat:no-repeat;
		background-position:top center;
	}
	.modal-header button.close { background-position:bottom center; position:absolute; right:30px; top:30px; z-index:999;}
	button.close span,
	.close_search i { display:none}
	.close_search { background-position:bottom center;}

.form_register_button {
	margin:20px 0 0;
}
.form_register_button  ul,
.customer_info_button ul { margin:0; padding:0;}
.form_register_button ul li,
.customer_info_button ul li { display:inline-table; width:49.3%;}

.continue_link {
	text-align: center;
    background: none;
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    width: 100%;
    padding: 10px 10px;
}

.form_register_button ul li input {
	text-align:center;
	background:none;
	border:2px solid #fff;
	color:#fff;
	cursor:pointer;
	width:100%;
	padding: 8px 10px;
}

.input,
.dp_input_r input,
.form_register input,
.cart_promo_item input,
.form_item input,
.form_item select,
select,
textarea { width:100%; border:none; padding:8px 10px;}
textarea { min-height:120px;}
.form_item select,
select { 
	height:40px;
	border: 1px solid #d5d5d5;
	background:url(../images/arrow-down-select.svg) no-repeat right center #fff;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.input_bg { background:#fff; color:#333;}

.form_item { margin:0 0 10px; position:relative;}
.error_txt { color:#F00; font-size:14px; position:absolute; top:10px; right:20px;}
.dp_input_m .error_txt { top:6px;}
.forgot_pass a { color:#fff; border-top:1px solid #fff; margin-top:20px; padding-top:10px; display:block;}
.forgot_pass a:hover,
.social_media_login a:hover { opacity:0.8;}
.social_media_login { margin:50px 0;}
.social_media_login a {
	display:block;
	padding:5px 10px;
	margin-bottom:5px;
	color:#fff;
	font-size:120%;
	text-align:center;
}
.login_fb { background:#3d5183;}
.login_google { background:#d05443;}

	/* Cart Box */
	.cart_box_header { border-bottom:1px solid #fff; margin-bottom:20px; padding-bottom:10px;}
	.cart_box_body_item { font-size:12px; padding-bottom:20px; border-bottom:1px solid #fff; margin-bottom:20px;}
	.crt_img,
	.crt_desc,
	.crt_price { float:left;}
	
	.crt_img { width:10%;}
	.crt_img img { width:100%; height:auto;}
	
	.have_sub { border:none; padding:0; margin-bottom:0;}
	
	.crt_desc { float:left; width:40%; margin-left:3%;}
	.crt_desc strong { margin:0; font-size:16px; font-weight:normal;}
	.crt_desc a { color:#ffff;}
	.crt_desc a:hover { opacity:0.8;}
	
	.crt_qtyx_box { margin:10px 0;}
	.crt_qtyx_box span { display:block;}
	
	.crt_price { float:right; width:47%; font-size:16px; font-weight:normal; text-align:right;}
	.crt_price_small { font-size:12px;}
	
	.total {}
	.total .crt_desc { margin-left:0;}
	
	.cart_promo_item input.btnc {
		text-align:center;
		color:#fff;
		border:2px solid #fff;
		padding:6px 10px;
		background:none;	
	}
	
	.cart_promo { border-bottom:1px solid #fff; padding-bottom:15px;}
	.cart_promo_item { margin-bottom:10px;}
	.cart_promo_item_left { width:72%; float:left;}
	.cart_promo_item_right { width:25%; float:right;}
	
	.total_all { margin-top:15px; /* border-top:1px solid #fff;*/ padding-top:5px;}
	.total_all .crt_price { font-size:22px;}

/* NORMAL PAGE */
body.nrm { background:#7d7d7d;}
.normal_page {
	background:#7d7d7d;
	min-height:400px;
	position:relative;
	color:#fff;
}
.normal_page_content { padding-top:10%;}
.normal_page .wrapp2 {
	padding:100px 0 30px;
}
.overflow_hidden { overflow:hidden;}
.normal_page_content h3 { font-size:22px;}
.normal_page_content ul { padding-left:15px;}

.customer_info_button { margin:70px 0 20px;}
.customer_info_button li a {
	border:2px solid #fff;
	color:#fff;
	display:block;
	text-align:center;
	padding:8px 10px;
}
.customer_info_button li a.noborder { border:none;}
.note_input { margin-top:5px;}
h3.title-page { margin-bottom:20px;}

/* BLOG */
body.blog {}
.blog_page { padding:50px 0 30px;}
.blog_filter { position:absolute; left:0px; top:0; width:150px;}
.blog_filter .filter_wrapp { padding-left:0;}
ul.blog_archive_right { margin:0; padding:0 0 0 18px;}
ul.blog_archive_right li { display:block;}
ul.blog_archive_right li a { color:#000; font-size:13px; line-height:18px; display:block; padding:5px 0;}
.blog_date, .blog_pro { font-size:13px;}
.blog_title { font-size:24px; font-weight:bold;}
.blog_share { margin:10px 0; font-size:13px;}
.blog_share a {
	display:inline-block;
	font-size:13px;
	color:#fff;
	padding:2px 3px;
}
.blog_share a:hover { opacity:0.6;}
.blog_content img { margin-bottom:25px; width:100%; height:auto;}
.blog .top_alert {
	background: #fff;
	color:#000;
}
.item_blognya { margin-bottom:35px;}

.blog .top_alert .close { color:#000;}
.blog_item_list { margin-bottom:75px;}

.pagination ul { margin:30px 0; padding:0; text-align:center; width:100%;}
.pagination ul li { display:inline-table;}
.pagination ul li a {
	display:inline-block;
	padding:3px 5px;
	width:35px;
	height:35px;
	color:#000;
	text-align:center;
	border:2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.pagination ul li.active a,
.pagination ul li:hover a { background:#fff; color:#CAA677;}
	
	@media only screen and (max-width: 980px) {
		.blog_page { padding:20px;}	
		.blog_filter { position:static; padding:20px; width:100%;}
	}

	/* Blog Detail */
	.blog_top_section { padding:40px 0 0;}
	.blog_top_section_title .wrapp2 { text-align:center; padding:0 201px;}
	.blog_top_section_title h2 { font-size:22px;}
	.blog_top_section_author { margin-top:50px; padding-bottom:50px;}
	.blog_top_section_author p { margin:0;}
	.blog_top_section_intro { background:#fbf4f4;}
	.blog_top_section_img img,
	.blog_section img { margin:0!important;}
	.blog_top_section_intro .wrapp2 { padding:70px 201px;}
	.blog_section .wrapp2 { padding:50px 201px;}
	.blog_section_img_caption { background:#fbf4f4; text-align:center; padding:40px 60px;}
	.blog_section_img_caption h3 { font-size:24px;}
	.blog_section_desc { padding:50px 50px 0;}
	.blog_section_desc strong { display:block;}
	.related_blog h3 { text-align:center; margin:10px 0 30px;}
	.related_blog .item_blognya h3 { text-align:left; font-size:22px!important; margin-bottom:15px!important;}
	.related_blog .item_blognya { font-size:14px;}
	
	@media only screen and (max-width: 980px) {
		.blog_top_section_title .wrapp2,
		.blog_top_section_intro .wrapp2,
		.blog_section .wrapp2 {
			padding-left:0;
			padding-right:0;	
		}
		.related_blog { padding-left:20px; padding-right:20px;}
		.blog_section_desc { padding:20px 20px 0}
		.blog_section .wrapp2 { padding-bottom:30px;}
		.blog_section_img_caption { padding:20px 30px;}
	}


/* FOOTER */
.footer {
	padding:40px 0;
-webkit-box-shadow: 0px -3px 17px -8px rgba(0,0,0,0.3);
-moz-box-shadow: 0px -3px 17px -8px rgba(0,0,0,0.3);
box-shadow: 0px -3px 17px -8px rgba(0,0,0,0.3);
}
.footer h3 { font-size:22px; margin-bottom:20px;}
.footer ul { margin:0; padding:0;}
.footer ul li a:hover { opacity:0.6;}
.footer_menu ul li { display:block; list-style:none;}
.footer_menu ul li a { display:block; color:#939598; padding:5px 0;}
.footer_logo_last { margin-top:20px;}

.footer_logo ul li { display:inline-table;}
.footer_logo ul li a { display:block;}
.footer_copyright { text-align:left; font-size:13px; padding:10px 0 20px; border-top:1px solid #e1e1e1; margin-top:25px;}

/* Search Box */
.search_box {
	background:<?= $p_color; ?>;
	position:fixed;
	width:100%;
	left:0;
	top:0;
	padding:50px 0;
	z-index:999;
	display:none;
}
.search_box input {
	background:none;
	border:none;
	width:100%;
	text-align:center;
	border-bottom:1px solid #fff;
	color:#999;
	padding:5px 10px;
}
input.search_button {
	background:none;
	border:none;
	border:2px solid #fff;
	color:#fff;
	display:block;
	padding:10px 10px;
	text-transform:uppercase;
	margin-top:20px;
}
.close_search {
	position:absolute;
	right:20px;
	top:20px;
	font-size:18px;
	color:#fff;
	cursor:pointer;
}
.search_box .logo a { left:10px;}

/* Blog */
.blog img { width:100%; height:auto; margin:0 0 20px;}
.blog .blog_desc h3 { font-size:24px; margin-bottom:5px;}

/* Footer */
.myfooter { background:#f2f2f2; padding:60px 0 30px; /* margin-top:40px; */}
.myfooter h3 {
	border-bottom:1px solid #b9b9b9;
	font-weight:bold;
	font-size:18px;
	padding-bottom:15px;
	margin-bottom:25px;
}
.myfooter ul { margin:0; padding:0;}
.myfooter ul li { list-style:none;}
.myfooter ul li a {
	color:inherit;
	display:block;
	padding:2px 0;
}
.myfooter ul li a:hover { color:#f662f6;}
.ctp span { display:block;}
.social_footer li { display:inline-table;}
.social_footer li a {
	/*font-size:26px;
	padding: 5px 10px!important;
	display:block;*/
	width:30px;
	height:30px;
	margin-right:10px;
	background-repeat:no-repeat;
	background-position:center center;
}
.social_footer li a.fb { background-image:url(../images/fb-icon.png);}
.social_footer li a.instagram { background-image:url(../images/ig-icon.png);}
.social_footer li a.youtube { background-image:url(../images/youtube-icon.svg);}

.social_footer li:nth-child(1) a { padding-left:0!important;}
.footer_bottom { text-align:center; /* padding:70px 0 0; */}


/* Add CSS */
ul.slides_top li .msk { position:relative;}
ul.slides_top li .msk:after {
	width:100%;
	height:100%;
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	content:" ";
	background:url(../images/plus-img.svg) no-repeat center center rgba(0, 0, 0, 0.5);
	z-index:99;
}
ul.slides_top li .msk:hover:after { opacity:1;}

.blog_desc a {color:black;}
.blog_desc a:hover {color:#f662f6;}


.form-control {
	border:1px solid black !important;
	border-radius:0 !important;
}

.btn-primary {
	background-color: white;
	color:black !important;
	border:1px solid black;
	border-radius:0;
}

.btn-primary:hover {background-color: white;}

a {color:black;}

#crumbs li {width: 9%; }
#crumbs a {font-size: 0.8rem;}

.list-group-item.active {border-color:black !important;}

.list-group-item {border:1px solid black !important; border-radius:0 !important;}

.btn-secondary {background:black !important; border-radius:0 !important;}



#testimonial {min-height: 100px; background:#dcdee0; padding-top:20px; padding-bottom: 10px;}

.testimony p {color:<?= $p_color; ?>; font-size: 0.9rem;}
.testimony p strong {font-size: 1rem;}
 
.tooltip {
  
  font-size: 11px !important;
  background: <?= $p_color; ?> !important;
}

.tooltip-inner {
  font-size: 11px !important;
  background: <?= $p_color; ?> !important;
}

.tooltip.in{opacity:1!important;}

::ng-deep .tooltip.show {
    opacity: 1!important;
}