<?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:99;
width:100%;
left:0;
top:0;
}

.fix_header {
position:fixed;
z-index:99;
width:100%;
left:0;
top:0;
height:75px;
z-index:98;
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: 0;
right: 0;
margin: auto;
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:auto;
right:25px;
top:22px;
}
.top_right_menu ul {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -30px;
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;
background-size: 32px 32px; /* Atur ukuran gambar latar sesuai keinginan */
padding-left: 40px !important; /* Tambah padding kiri untuk memberi ruang pada gambar yang lebih besar */
}



.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:20px;
top:24px;
padding-right:10px;
}
.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(6) a{ margin-top:20px; padding-top:20px; border-top:1px solid white;}

.bottom_left_menu ul li:nth-child(n+6) 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;
left: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 {

margin-top: 70px;
background:<?= $p_color ?>;
position:relative;
}

@media only screen and (max-width: 968px) {
.home_sec1 {

margin-top: 0px;

}
}
/* .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:99;}
.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;}

@media (min-width:1200px) {
.categoryPage ul.browse_list_product > li {height:350px}
}


.home .product_browse ul > li { margin-bottom:0; height:400px;}


@media (max-width:768px) {
.categoryPage ul.browse_list_product > li { height:300px;}
}

.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;
margin-top:35px;
}
.total_box_fix {
position:fixed;
left:0;
top:0;
height: 120px;
z-index:999;
margin-top:0px;
width:100%;
z-index: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;
}
}

@media only screen and (max-width: 768px) {
.total_box {
margin-top:0px;
}
}

.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;
}