/* --- CUSTOM STYLE --- */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&display=swap');
@import url('../fonts/font-awesome-4.6.3/css/font-awesome.css');

h1,
h2,
h3,
strong {
}

body {
}

header {
    padding-top: 10px;
	border-bottom: 1px #eee solid;
}

header .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

strong {
    font-weight: 600 !important;
}

.navbar-user-help {
    display:  none;
    padding: 3px 8px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #44a1bc;
    color: #fff;
}

.navbar-text {
    margin: 0;
    padding: 0;
}

.navbar-text li {
    list-style: none;
    margin-right: 15px;
}

.navbar-text>li,
.navbar-text>li.nav-button>a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar-text>li.nav-button,
.navbar-text>li>a {
    padding: 0;
}

.navbar-text>li>a:hover,
.navbar-text>li>a:focus {
    text-decoration: none;
}

.navbar-text>li.nav-button>a {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-right.navbar-text li {
    margin-left: 15px;
    margin-right: 0;
}

.navbar-right.navbar-text {
    margin-right: 0;
}

.navbar-text>li.dropdown>.dropdown-menu li,
.navbar-right.navbar-text>li.dropdown>.dropdown-menu li {
    margin-left: 0;
}

.navbar-text>li.dropdown>.dropdown-menu li>a,
.navbar-right.navbar-text>li.dropdown>.dropdown-menu li>a {
    padding-left: 15px;
    padding-right: 15px;
}

.login-fb img {
    width: 14px;
    height: auto;
}

.login-fb span {
    margin-left: 10px;
}

.login-fb {
    width: auto;
    margin: 0;
    padding: 5px;
    background-color: #3b5998 !important;
    color: #fefefe;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.login-fb:focus,
.login-fb:hover {
    background-color: #2f477a !important;
    color: #fefefe;
}

.banner {
	/*
		background: #453727 url('../image/bg-banner-repeated.jpg') repeat-x center center;
		background: #42b3d2 url('../image/bg_banner3.jpg') no-repeat center center;
	*/
	/* background: url('../image/bg_banner3.jpg') no-repeat center center; */
	background-size: cover;
}
.carousel-control.left,.carousel-control.right {
	background-image: none;
}

.main-content {
    height: auto;
    min-height: 500px;
    padding-bottom: 60px;
	/*
    border-bottom: 1px #362f2d solid;
	*/
}

body.front_page .main-content {
    padding-top: 0;
}

body.product_page .main-content {
    padding-top: 0;
}

.bottom-content {}

.parallax-window {
    min-height: 700px;
    background: transparent;
    overflow: hidden;
}

.navbar-gwoods {
    color: #42b3d2;
    background: #fff;
    border-radius: 0;
    margin: 0;
	min-height: 36px;
}

.navbar-gwoods>li>a {
    color: #fff;
    text-transform: uppercase;
}

.navbar-gwoods>li.nano-nav>a {
    color: #fdc689;
}

.navbar-gwoods>li>a:hover,
.navbar-gwoods>li>a:focus {
    color: rgba(255, 255, 255, .70);
    background: transparent;
}

.navbar-gwoods>li.nano-nav>a:hover,
.navbar-gwoods>li.nano-nav>a:focus {
    color: #c99e6d;
}

.navbar-gwoods.nav .open>a,
.navbar-gwoods.nav .open>a:focus,
.navbar-gwoods.nav .open>a:hover {
    background-color: transparent;
    border-color: #337ab7;
}

.outer-wrapped {
	padding-top   : 3rem;
	padding-bottom: 3rem;
}


.feature-block {
	padding-top: 15px;
	padding-bottom: 15px;
}
.featured-col {
    text-transform: uppercase;
}
.featured-col p iframe {
    max-width: 100% !important;
}

.feature-head {
    overflow: hidden;
    zoom: 1;
	padding-left : .5rem;
	padding-right: .5rem;
	margin-bottom: 1rem;
}

.feature-head h3,
.feature-head .feature-sub {
    display: table-cell;
    width: 1000px;
}

.feature-head h3 {
    font-size: 18px;
}

.feature-head .feature-sub {
    width: 135px;
    padding-left: 15px;
    text-align: center;
}

.breadcrumb {
    padding: 8px 0;
    margin-bottom: 0;
    list-style: none;
    background-color: unset;
    border-radius: 0;
}

footer .navbar {
    margin-bottom: 0;
}
footer h4 {
	font-weight: 600;
	text-transform: uppercase;
	color: #cc942c;
}
.btn-whatsapp {
	width        : 46px;
	height       : 46px;
	border-radius: 46px;
	line-height  : 48px;
	background: #129c0d;
	text-align: center;
	color: #fff;
	font-size: 34px;
	position: fixed;
	bottom: 80px;
	right : 10px;
	z-index: 1020;
}
.btn-whatsapp:hover,.btn-whatsapp:focus {
	color: #fff;
	background: #1ab414;
}


/* --- OWL CAROUSEL OVERIDE --- */

.owl-stage-outer {
    /* background: transparent; */
}
.owl-stage {
    /* display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
}
.owl-stage .owl-item {
	/* background: #fff;
	border: 1px #ddd solid;
	border-radius: 6px;
	
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important; */
}
.owl-stage .owl-item .owl_wrap {
	/* width: 100%;
	
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column; */
}
.owl-stage .owl-item .item {
	/* padding: 1rem; */
}
.owl-stage.card-deck {
	/* margin-left : 10px;
	margin-right: 10px; */
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	/* background: #5fbbd2; */
}

.btn.btn-prev,
.btn.btn-next {
    background: #fed95e;
    position: absolute;
    margin-bottom: -16px;
    bottom: 48%;
    left: 0;
    z-index: 999;
    box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, .25);
    border-radius: 0;
    padding-bottom: 4px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn.btn-prev .fa,
.btn.btn-next .fa {
	color: #fff;
}

.btn.btn-next {
    left: auto;
    right: 0;
    box-shadow: -2px 0px 1px 0px rgba(0, 0, 0, .25);
    -moz-box-shadow: -2px 0px 1px 0px rgba(0, 0, 0, .25);
    -webkit-box-shadow: -2px 0px 1px 0px rgba(0, 0, 0, .25);
}

.item-gwoods p {
    margin-bottom: 0;
}
.item-gwoods p:first-child {
    margin-bottom: 6px !important;
}

.item-gwoods p a,
.item-gwoods p a:hover,
.item-gwoods p a:focus {
    color: #121212;
    text-decoration: none;
	font-weight: 500;
}

.item-gwoods .item-price {
    color: #a3620a;
	display: block;
}

.item-gwoods .item-price-old {
    text-decoration: line-through;
    color: rgba(0, 0, 0, 0.5);
}

.navbar-gwoods>li>a {
    color: #42b3d2;
    text-transform: uppercase;
	font-weight: 600;
}

.navbar-gwoods>li.nano-nav>a {
    color: #fdc689;
}

.navbar-gwoods>li>a:hover,
.navbar-gwoods>li>a:focus {
    color: #cc942c;
    background: transparent;
}

.navbar-gwoods>li.nano-nav>a:hover,
.navbar-gwoods>li.nano-nav>a:focus {
    color: #c99e6d;
}

.navbar-gwoods.nav .open>a,
.navbar-gwoods.nav .open>a:focus,
.navbar-gwoods.nav .open>a:hover {
    background-color: transparent;
    border-color: #337ab7;
}

.carousel img {
    margin: 0 auto;
}

#featured-categories .owl-item {
	background: unset;
	border: unset;
	border-radius: unset;
}
#featured-categories .owl-item div a {
	overflow: hidden;
}

.category-main-icon {
	border: 1px #ccc solid;
	border-radius: 4px;
	margin-bottom: .5rem;
	background: #fff;
	display: block;
	padding: 5px;
}
.category-main-icon .img_icon_wrap,
.category-main-icon .text_icon_wrap {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack: center !important;
	justify-content: center !important; 
	-ms-flex-align: center !important;
	align-items: center !important;
}
.category-main-icon .img_icon_wrap img {
	width: auto;
	height: 40px;
	margin: 5px auto;
}
.category-main-icon .text_icon_wrap {
	height: 32px;
	text-align: center;
}
.category-main-icon .text_icon_wrap small {
	font-size: 9px;
	line-height: 1.2;
}
button.owl-dot:focus {
	outline: 0 transparent solid;
	outline-offset: 0;
}

.d-none {
	display: none;
}

.bg_topstore {
	background: rgb(85,38,47);
	background: -moz-linear-gradient(150deg, rgba(85,38,47,1) 50%, rgba(138,94,32,1) 100%);
	background: -webkit-linear-gradient(150deg, rgba(85,38,47,1) 50%, rgba(138,94,32,1) 100%);
	background: linear-gradient(150deg, rgba(85,38,47,1) 50%, rgba(138,94,32,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#55262f",endColorstr="#8a5e20",GradientType=1);
}
.bg_topstore .feature-head h3 {
	color: #fff;
}
.bg_topstore .feature-head .feature-sub a {
	color: #fed968;
}
.bg_topstore .feature-head .feature-sub a:hover,
.bg_topstore .feature-head .feature-sub a:focus {
	color: #fff;
}
.bg_topstore99 {
	background: url("../image/bg_topstore99.jpg") no-repeat;
	background-size: cover;
}

.list-category {}

.list-category li {
    display: block;
    position: relative;
}

.list-category a {
    display: block;
    text-decoration: none;
}

.list-category a span {
    background: #fff;
    color: #44a1bc;
    padding-top: 10px;
    padding-right: 10px;
    display: table;
}

.list-category li::after {
    content: " ";
    display: block;
    border-bottom: 1px #d7d7d7 dashed;
    width: 100%;
    position: absolute;
    top: 26px;
    z-index: -999;
}


/*.list-category  li.list-sub-cat > a::after {	content: " ";	display: inline-block;	width: 0;	height: 0;	margin-left: 2px;	vertical-align: top;	border-top: 4px dashed;	border-top: 4px solid\9;	border-right: 4px solid transparent;	border-left: 4px solid transparent;	position: absolute;	right: 0;	top: 16px;}*/

.list-category li .list-unstyled {
    padding-left: 15px;
}

.list-category li .collapse.in {
    padding-bottom: 10px;
}

.product-filter h4 {
    text-transform: uppercase;
    margin-bottom: 0;
}

.header-sidebar {
	margin-top: 0;
}
.header-sidebar,
.header-mainbar {
    border-bottom: 1px #cc942c solid;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #cc942c;
    margin-bottom: 0;
}

.header-mainbar {
    margin-top: 14px;
}

.header-mainbar .form-group {
    display: table-cell;
    float: right;
    margin-bottom: 0;
}

.header-mainbar .form-group .bootstrap-select {
    top: -10px;
}

.label-disc {
    width: 40px;
    height: 40px;
    line-height: 1;
    background: #f26522;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    padding-top: 9px;
}

.label-favorite,
.label-limited,
.label-new {
    color: #fff;
    padding: 6px 10px;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    right: -16px;
}

.label-favorite::after,
.label-limited::after,
.label-new::after {
    content: "";
    display: table;
    height: 1px;
    position: absolute;
    right: 0;
    border-width: 4px;
    border-style: solid;
    bottom: -8px;
}

.label-favorite {
    background: #0054a6;
}

.label-limited {
    background: #ed1c24;
}

.label-new {
    background: #8dc63f;
}

.label-favorite::after {
    border-color: #00468c transparent transparent #00468c;
}

.label-limited::after {
    border-color: #d41920 transparent transparent #d41920;
}

.label-new::after {
    border-color: #7cad37 transparent transparent #7cad37;
}

.product-price .dl-horizontal {
    margin-bottom: 0;
}

.product-price .dl-horizontal dt {
    width: 90px;
    text-align: left;
}

.product-price .dl-horizontal dd {
    margin-left: 100px;
    text-align: right;
}

.product-price .dl-horizontal dd span {
    font-size: 24px;
}

.product-price .dl-horizontal dd .old-price {
    height: auto;
    min-height: 21px;
    font-size: 14px;
    opacity: .30;
    line-height: .75em;
    display: block;
}

.old-price {
    text-decoration: line-through;
}

.store-locator{
    height: 135px;
}
.store-locator .label-ready,
.store-locator .label-notice {
    font-size: 12px;
}

.store-locator .label-ready {
    color: #8dc63f;
}

.store-locator .label-notice a {
    color: #00bff3;
}

.store-locator .label-notice a:hover,
.store-locator .label-notice a:focus {
    color: #00468c;
}

.store-locator .list-unstyled li {
    border-bottom: 1px #e1e1e1 dashed;
    padding: 2px 0;
    font-size: 12px;
}
/*.store-locator .list-unstyled li:last-child {
    border-bottom: 1px #f1e6d3 solid;
    padding: 1rem 0;
}*/

.rating-input .glyphicon {
    color: #ffbb33;
    font-size: 18px;
}

.btn-favorite input[type="checkbox"] {
    display: none;
}

.btn-favorite {
    margin-left: 2em;
    position: relative;
    cursor: pointer;
}

.btn-favorite .fa {
    color: #ed1c24;
    position: absolute;
    top: 2px;
    left: -1.25em;
}

.btn-favorite .fa-heart-o {
    color: #ed1c24;
}

.btn-favorite .fa-heart {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.btn-favorite:hover .fa-heart {
    opacity: 0.5;
}

.btn-favorite input[type="checkbox"]:checked~.fa-heart {
    opacity: 1;
}

.nav-footer {
    padding-left: 12px;
    margin-bottom: 0;
}

.nav-footer li {
    list-style-image: url('../image/list-image.png') !important;
}

.nav-footer>li>a {
    position: relative;
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #362f2d;
}

.nav-footer>li>a:hover,
.nav-footer>li>a:focus {
    color: #44a1bc;
}

.slider-selection {
    background: #f90;
}

.slider-handle.round {
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px #ccc solid;
}

.col-product-item {
    margin-bottom: 30px;
    border: 1px #f1e6d3 solid;
    padding: 10px;
    margin: 0 10px 30px 10px;
}

.current_point {
	border: 1px #ae7319 solid;
	border-radius: 10px;
	text-align: center;
	padding: 1rem;
	margin-bottom: 2.75rem;
	width: auto;
	color: #707070;
}
.current_point h5 {
	font-size: 17px;
	margin-top: 0;
	border-bottom: 1px #ccc solid;
	padding-bottom: 1rem;
}
.current_point p {
	margin-bottom: 0;
}
.current_point p strong {
	color: #ae7319;
	font-weight: 700;
}
.current_point p strong.lead {
	font-size: 28px;
}

.product-detail,
.voucher-detail {
    border: 1px #ccc solid;
    padding: 0 15px 30px;
}

.product-detail-price .normal-price {
    color: #999;
}

.product-detail-price .current-price {
    font-size: 24px;
    margin-bottom: 5px;
    color: #f26522;
}

.product-detail-price p small {
    color: #00a99d;
}

.item-specification .dl-horizontal dt {
    width: 130px;
    text-align: left;
    position: relative;
}

.item-specification .dl-horizontal dt::after {
    content: " ꞉ ";
    display: inline;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
}

.item-specification .dl-horizontal dd {
    margin-left: 135px;
}

.social-media p a {
    margin: 0 10px;
}

body.order_page .page-header h3 {
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
}

.table-shoping-cart {
    border-spacing: 2px;
    border-collapse: separate;
}

.table-shoping-cart thead tr th {
	background: #42b3d2;
	color: #fff;
    text-transform: uppercase;
    border-bottom: 0 none !important;
    padding: 1rem !important;
    border-top: none !important;
}

.table-shoping-cart thead tr th td {
    border-bottom: 0 none !important;
    border-top: none !important;
}

table.table-shoping-cart {
    border-spacing: 1px !important;
}

.table-shoping-cart tbody tr td {
    border-top: 0 none;
    border-bottom: 1px #eee solid;
}

.item-summary dl {
    margin-bottom: 0;
}

.item-summary dl p {
    overflow: hidden;
}

.item-summary dl img {
    float: left;
}


.cart-summary-header {
    font-size: 18px;
    margin-bottom: 15px;
}

.cart-summary {
    background: #f9f9f9;
    border: 1px #eee solid;
    padding: 10px;
}

.cart-summary a:hover,
.cart-summary a:focus {
    text-decoration: none;
}

.cart-summary hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.cart-summary .dl-horizontal {
    margin-bottom: 0;
}

.cart-summary .dl-horizontal dt {
    width: 200px;
    text-align: left;
    font-weight: normal;
}

.cart-summary .dl-horizontal dd {
    margin-left: 200px;
    text-align: right;
}

.cart-summary .collapse,
.cart-summary .collapsing {
    padding: 15px 10px;
}

.panel-profile {
    border-color: #ccc;
    padding: 15px;
}

.panel-profile,
.panel-profile .panel-heading {
    border-radius: unset;
}

.panel-profile .panel-heading {
    background: #e7e7e7;
}

.panel-profile .panel-heading a {
    color: #909090;
}

.panel-profile .panel-heading a:hover,
.panel-profile .panel-heading a:focus {
    color: #333;
    text-decoration: none;
}

.panel-topsabis > .panel-heading {
	color: #fff;
	background-color: #5fbbd2;
	border-color: #a3620a;
	font-weight: 700;
	text-transform: uppercase;
}
.panel-topsabis {
	border-color: #5fbbd2;
}
.panel-topsabis .sub-title::before,
.panel-topsabis .next-sub-title::before {
	content: "";
	width : 18px;
	height: 18px;
	background: rgb(204,153,51);
	background: linear-gradient(40deg, rgba(204,153,51,1) 0%, rgba(255,255,255,1) 65%);
	border: 1px #a3620a solid;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 1px;
}
.panel-topsabis .next-sub-title::before {
	background: rgb(212,212,212);
	background: linear-gradient(40deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 65%);
	border: 1px #888 solid;
}
.panel-topsabis .sub-title,
.panel-topsabis .next-sub-title {
	position: relative;
	padding-left: 24px;
	color: #a3620a;
	text-transform: uppercase;
}
.panel-topsabis .next-sub-title {
	color: #888;
}

.table-topsabis > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #5fbbd2;
	color: #42b3d2;
}

.table-summary {
	margin-bottom: 7rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #5fbbd2;
}
.not-table-summary {
	border: 4px #fff solid;
	box-shadow: 0 3px 5px 0px rgba(0,0,0,.25);
	border-radius: 4px;
	margin-bottom: 2rem;
}

.table-striped.table-topsabis > tbody > tr:nth-of-type(2n+1) {
	background-color: #f7f5f1;
}

.img-upload {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.img-upload input[type="file"] {
    width: 250px;
    height: 100px;
    display: block;
    background: transparent;
    position: absolute;
    top: 0;
    left: -80px;
    font-size: 0;
    color: transparent;
}

.gwoods-stories .story-content .container {
    position: relative;
}

.gwoods-stories .story-content .container::after {
    content: "";
    width: 1px;
    background: #c7b299;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 9;
}

.title-pointed {
    position: relative;
}

.title-pointed::before {
    content: "";
    width: 20px;
    height: 20px;
    background: #c7b299;
    display: block;
    position: absolute;
    top: 3px;
    left: -92px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 3px #fff solid;
    z-index: 99;
}

#gwoods_story {
    min-height: 450px;
    padding-top: 150px;
    padding-bottom: 100px;
}

hr.main-content {
    min-height: 0;
    border-top-color: #c7b299;
    border-bottom: 0 none;
    margin: 0;
}

.dg-container {
    width: 100%;
    height: auto;
    min-height: 500px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 60px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
    background: #f6f8f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
    /* IE6-9 */
    border-top: 1px #c7b299 solid;
    border-bottom: 1px #c7b299 solid;
}

.dg-container h2 {
    margin-bottom: 30px;
}

.dg-wrapper {
    width: 482px;
    height: 360px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}

.dg-wrapper a {
    width: 482px;
    height: 300px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #197b30;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}

.dg-wrapper a.dg-transition {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.dg-wrapper a img {
    display: block;
    padding: 21px 0px 0px 1px;
}

.dg-wrapper a div {
    font-style: italic;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    color: #333;
    font-size: 16px;
    width: 100%;
    bottom: -55px;
    display: none;
    position: absolute;
}

.dg-wrapper a.dg-center div {
    display: block;
}

.dg-container nav {
    width: 58px;
    position: absolute;
    z-index: 1000;
    bottom: 40px;
    left: 50%;
    margin-left: -29px;
}

.dg-container nav span {
    text-indent: -9000px;
    float: left;
    cursor: pointer;
    width: 24px;
    height: 25px;
    opacity: 0.8;
    background: transparent url("../image/arrows.png") no-repeat top left;
}

.dg-container nav span:hover {
    opacity: 1;
}

.dg-container nav span.dg-next {
    background-position: top right;
    margin-left: 10px;
}

.promotion h3 {
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.promotion h3 .feature-sub {
    width: auto;
    float: right;
    font-size: 14px;
    padding-top: 4px;
}

.counter-block {
    text-align: center;
    background: moccasin;
    padding: 15px;
}


/* --- BOOTSTRAP OVERIDE --- */

a {
    color: #222529;
}

a:hover,
a:focus {
    color: #44a1bc;
}

.navbar-brand {
    height: auto;
    padding: 0;
    margin: 0;
    float: none;
    display: table;
}

.navbar-brand img {
    width: 100%;
    max-width: 204px;
    height: 64px;
}
@media ( max-width: 767.89px ){
	.navbar-brand img {
		max-width: 164px;
	}
}

.navbar-toggle {
	background-color: #42b3d2 !important;
	margin: 10px 0 ;
}

.dropdown a:hover,
.dropdown a:focus {
    text-decoration: none;
}

.slider.slider-horizontal {
    width: 100%;
    height: 20px;
}

.breadcrumb>li+li::before {
    padding: 0 5px;
    color: #000;
	content: "\f105";
    font-style: normal;
    line-height: 0;
	font-family: 'FontAwesome';
}

.pagination {
    margin: 0;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack  : center !important;
	justify-content: center !important;
}
.pagination li {
    margin: 0 1px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
	margin-left: 0;
	border-radius: 0;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #5fbbd2;
	border-color: #5fbbd2;
}
.pagination > li > a, .pagination > li > span {
	background-color: #fff;
	color: #5fbbd2;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #44a1bc;
}

.breadcrumb li a {
    color: #41a3b8 ;
}

.breadcrumb li a:hover,
.breadcrumb li a:focus {
    color: #44a1bc;
    text-decoration: none;
}

.breadcrumb>.active {
    color: #999;
    font-style: italic;
}

.page-header h4 {
    text-transform: uppercase;
    margin: 0;
}
.page-header {
	color: #42b3d2;
}

.tab-pane {
    padding: 30px 15px 0;
}

.product-review dd {
    text-align: right;
}

.product-review .rating-input {
    text-align: left;
}

.product-review a {
    color: #8dc63f;
}

.product-review a:hover,
.product-review a:focus {
    color: #7aad37;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #42b3d2;
    border: 1px solid #42b3d2;
    border-bottom-color: transparent;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    color: #999;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:hover {
    color: #666;
}

.item-summary .dl-horizontal {}
.item-summary .dl-horizontal dt {
	width: 85px;
}

@media ( min-width: 768px ){
	.item-summary .dl-horizontal dt {
		width: 115px;
	}
}

.item-summary .dl-horizontal dd {
	margin-left: 85px;
}

@media ( min-width: 768px ){
	.item-summary .dl-horizontal dd {
		margin-left: 115px;
	}
}

.item-summary .dl-horizontal .c-nama-produk {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
}



.order-summary {
	padding-left : 0!important;
	padding-right: 0!important;
}
.order-summary-thumb {
	flex: 1 0 30%;
}
@media( min-width: 768px ){
	.order-summary-thumb {
		flex: 1 0 10%;
	}
}

.order-summary-desc {
	flex: 1 0 70%;
}
.order-summary-desc-title .h4 {
	margin-top: 0;
	border-bottom: 1px #ddd solid;
	padding-bottom: 1rem;
    color: #343a40 !important;
}
.order-summary-desc-title {
	margin-left : 5px;
	margin-right: 5px;
}
.order-summary-desc .flex-boxed > div {
	padding-left : 5px;
	padding-right: 5px;
}
@media ( min-width: 768px ){
	.order-summary-desc-title {
		margin-left : 10px;
		margin-right: 10px;
	}
	.order-summary-desc-title .h4 {
		font-size: 16px;
	}
	.order-summary-desc .flex-boxed {
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.order-summary-desc .flex-boxed > div {
		padding-left : 10px;
		padding-right: 10px;
	}
	.order-summary-desc .flex-boxed div + div,
	.order-summary-desc .flex-boxed div + div + div {
		border-left: 1px #ddd solid;
	}
}
table.table-order-summary thead tr th.last-td-action {
	width: 30px;
	text-align: center;
}

.order-summary-desc p {
	margin-bottom: 5px;
	font-weight: 400;
}
@media ( max-width: 767.98px ){
	.order-summary-desc p,
	.order-summary-desc-title .h4 {
		font-size: 12px;
	}
	.order-summary-desc small {
		font-size: 75%;
	}
	.last-td-action .fa-2x {
		font-size: 1.4rem
	}
	.order-summary-desc p {
		font-weight: 600;
	}
}
.order-summary-desc .label-qty label {
	margin-right: 10px;
	margin-bottom: 0;
}
.order-summary-desc .form-select {
	width: 65px;
}
.td-sub-total {
	width: 100px;
	text-align: right;
}

img.order-summary-thumb {
	max-width: 70px;
}
@media ( min-width: 768px ){
	img.order-summary-thumb {
		max-width: 100px;
	}
}

.btn-action-left,
.btn-action-right {
	text-align: left;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.btn-action-right {
	text-align: right;
}
@media ( min-width: 768px ){	
	.btn-action-left {}
	.btn-action-right {}
}

.btn-order {
    background: #f26522;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
}

.btn-order:hover,
.btn-order:focus {
    background: #d9591e;
    color: #fff;
}

.navbar-toggle-gwoods {
    background: #5e4b35;
    color: #fff;
    padding: 5px 10px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.well {
    box-shadow: unset;
    border-radius: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.d-none {
	display: none;
}


/* --- FLEXBOX --- */
.d-flex,
.voucher-summary-point {
	display: -ms-flexbox !important;
	display: flex !important;
}
.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}
.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important; 
}
.justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
}
.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
}
.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}
.flex-column,
.voucher-summary-point {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.flex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
}
.flex-fill {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
}
.card-deck,
.card-deck-product {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-right: -15px;
	margin-left	: -15px;
}
@media( min-width: 768px ){
	.card-deck-voucher {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
}
.card-deck .card,
.card-deck-product .card-product {
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
	margin-right : 10px;
	margin-bottom: 20px;
	margin-left  : 10px;
}
.card-deck-product .card-product {
	-ms-flex: 0 1 calc( 33% - 20px );
	flex    : 0 1 calc( 33% - 20px );
}
.card-deck-product .col-xs-6.card-product,
.card-deck-product .col-sm-3.card-product {
	margin: 0 10px 20px;
}
@media( min-width: 768px ){	
	.card-deck-product .col-sm-3.card-product {
		-ms-flex: 0 1 calc( 20% - 20px )!important;
		flex    : 0 1 calc( 20% - 20px )!important;
	}
}
@media( max-width: 767.98px ){
	.card-deck-product .col-xs-6.card-product {
		-ms-flex: 0 1 calc( 50% - 20px )!important;
		flex    : 0 1 calc( 50% - 20px )!important;
	}	
}
@media( min-width: 768px ){	
	.card-deck-voucher .card-voucher {
		-ms-flex: 0 0 30%;
		flex    : 0 0 30%;
		margin-right : 10px;
		margin-bottom: 20px;
		margin-left  : 10px;
	}
}
.card-product,
.card-voucher {
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #f1e6d3;
	border-radius: .25rem;
}
.card-voucher {
	border: 0 none;
	border-bottom: 2px solid #f1e6d3;
}
.card-voucher:hover .voucher-img img {
	box-shadow: 0 0 10px -5px rgba(0,0,0,.5);
}
.card-product,.card-voucher {
	padding: .75rem .75rem 0;
}
.card,
.card-product .product-items {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	word-wrap: break-word;
	height: 100%;
}
.card {
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
.card-img, .card-img-bottom, .card-img-top {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
}
.card-body,
.card-product .product-items .product-name {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
}
.card-product .product-items .product-name {
	min-height: 5.5rem;
	padding: 1rem 0 .5rem;
}
@media ( max-width: 767.98px ){
	.card-product .product-items .product-name {
		min-height: 4.25rem;
		padding: 1rem 0 0;
	}
}
.card-product .product-items .product-name h4 {
	margin: 0;
	font-size: 15px;
}
@media ( max-width: 767.98px ){
	.card-product .product-items .product-name h4 {
		font-size: 13px;
	}
	.card-product .product-items p.text-center {
		line-height: 3;
	}
}
.card-product .product-items .product-sold {
	font-size: 12px;
	border-bottom: 1px #f1e6d3 solid;
	color: #cc942c;
	padding: 0 0 2px;
	margin-bottom: 4px;
}
.card-product .product-items .product-price {
	line-height: 1.25;
	padding-bottom: .5rem;
}

.voucher-img {
	grid-area: penampakan;
}
.voucher-summary {
	grid-area: keterangan;
}
.voucher-action {
	grid-area: eksekusi;
}
.card-voucher {
	display: grid;
	grid-template-columns: 50% auto;
	grid-template-areas:
		'penampakan keterangan';
	grid-gap: 10px;
}

@media( min-width: 768px ){	
	.card-voucher {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		word-wrap: break-word;
	}
}

.voucher-img img {
	border-radius: 8px;
	margin: 0;
}

@media( max-width: 767.98px ){
	.voucher-img img {
		margin: .25rem 0 1rem;
	}
}

@media( min-width: 768px ){	
	.card-voucher .voucher-summary {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		min-height: 1px;
		padding: 1.25rem;
		padding-top: .25rem;
	}
}

.voucher-summary h4 {
	margin-top: 0;
	margin-bottom: 0;
}

.voucher-summary h4,
.voucher-summary-point {
	line-height: 1.25;
}
.voucher-summary h4 a {
	font-weight: 600;
}
@media( min-width: 768px ){	
	.voucher-summary h4 a {
		font-size: 17px;
	}
}
@media ( max-width: 767.98px ){
	.voucher-summary h4 a {
		font-size: 13px;
	}
}
.voucher-summary h4 a:hover,
.voucher-summary h4 a:focus {
	text-decoration: none;
}
.voucher-summary-point {
	/*
	text-align: right;
	*/
}
.voucher-summary p {
	font-size: 13px;
}
@media( min-width: 768px ){	
	.voucher-summary p {
		font-size: 15px;
	}
}
.voucher-summary-point strong {
	font-size: 16px;
	font-weight: 700;
	color: #e89903;
}
.voucher-summary p,
.voucher-summary-point .text-muted {
	color: #909090;
}
.voucher-action p {
	text-align: left;
	margin-bottom: 10px;
}

@media( min-width: 768px ){	
	.voucher-action p {
		text-align: center;
		margin-bottom: 30px;
	}
}

@media ( max-width: 767.98px ){
	.card-product .product-items .store-locator {
		display: none;
	}
}

.voucher-detail {
    border: 0 none;
    border-bottom: 1px #ccc solid;
}
.voucher-detail h3 {
    margin: 20px 0;
	text-align: center;
}
.perbatasan {
	width: 1px;
	background: #ccc;
}
.voucher-terms ul {
	padding-left: 1.75rem;
}
.redeem-confirmed {
	border-radius: 15px;
	border: 1px #41a3b8  solid;
	margin-top: 3rem;
	padding: 3rem 1rem;
}

.voucher-detail.edisi-2 {
	font-size: 80%;
}
.voucher-detail.edisi-2 .d-flex {
    border-bottom: 1px #ccc solid;
}
.voucher-detail.edisi-2 p {
    margin-bottom: 0;
}
.voucher-detail.edisi-2 p.lead {
	font-size: inherit;
	color: #f00;
}
.voucher-detail.edisi-2 strong > em {
    display: block;
	color: #666;
	font-weight: normal!important;
}
.voucher-detail.edisi-2 strong {
    font-weight: 500 !important;
	color: #00f;
}

.card-deck-product.affiliate-product>.card-product {
	-ms-flex: 0 1 calc( 100% - 30px ) !important;
	flex    : 0 1 calc( 100% - 30px ) !important;
	margin: 0 15px 30px;
	padding: 15px;
	border-radius: 6px;
	box-shadow: 0 2px 4px 0px rgba(0,0,0,.15);
}

@media ( min-width: 768px ){
	.card-deck-product.affiliate-product>.card-product {
		-ms-flex: 0 1 calc( 50% - 30px ) !important;
		flex    : 0 1 calc( 50% - 30px ) !important;
	}
}

.card-deck-product.affiliate-product>.card-product .padding-0 img {
	border: 1px #42b3d2 solid;
}

.card-deck-product.affiliate-product>.card-product .border-bottom {
	border-bottom: 1px #ccc dashed;
	padding: .25rem 1rem;
}

.card-deck-product.affiliate-product>.card-product .form-label {
	padding: .25rem 1rem;
}

.card-deck-product.affiliate-product>.card-product .btn-primary {
	background: rgba( 204,153,51, 0.9 );
	border-color: #a67920;
}
.card-deck-product.affiliate-product>.card-product .btn-primary:hover,
.card-deck-product.affiliate-product>.card-product .btn-primary:focus {
	background: rgba( 204,153,51, 1 );
	border-color: #a67920;
}


/* --- QUICK CSS --- */

.margin-0,
.margin-top-0,
.margin-group-0 *,
.margin-group-top-0 * {
    margin-top: 0px;
}

.margin-top-10,
.margin-group-top-10 * {
    margin-top: 10px;
}

.margin-top-20,
.margin-group-top-20 * {
    margin-top: 20px;
}

.margin-top-30,
.margin-group-top-30 * {
    margin-top: 30px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-0,
.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.padding-0,
.padding-top-0 {
    padding-top: 0px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-0,
.padding-bottom-0 {
    padding-bottom: 0px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.img-center {
	margin: 0 auto!important;
}
.padding-10 {
	padding: 10px !important;
}

/* border overide */

.radius-none {
    border-radius: 0;
}

.border-none {
    border: 0 none;
}

.border-clean {
    border-color: transparent !important:
}

.shadow-none {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bottom-borderless {
	border-bottom: 0 none !important;
}

.text-bold,.text-bold * {
	font-weight: 600;
}

/* bground overide */

.bg-default {
    color: inherit;
    background-color: #f5f5f5;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

.bg-success {
    color: #3c763d;
    background-color: #dff0d8;
}

.well.bg-success {
    border-color: #d6e9c6;
}

.bg-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

.well.bg-warning {
    border-color: #faebcc;
}

.bg-info {
    color: #31708f;
    background-color: #d9edf7;
}

.well.bg-info {
    border-color: #bce8f1;
}

.bg-danger {
    color: #a94442;
    background-color: #f2dede;
}

.well.bg-danger {
    border-color: #ebccd1;
}

.bg-none {
    color: inherit;
    background-color: transparent;
}

.well p:last-child {
    margin-bottom: 0;
}


/* color overide */

.color-default {
    color: #666;
}

.color-light {
    color: #999;
}

.color-primary {
    color: #337ab7;
}

.color-success {
    color: #3c763d;
}

.color-warning {
    color: #8a6d3b;
}

.color-info {
    color: #31708f;
}

.color-danger {
    color: #a94442;
}
.topsabis, .topsabis * {
	border-color: #44a1bc !important;
}

.centered,
.centered * {
    margin: 0 auto;
}

.plist {
    margin: 0;
}

/* .newsgoth_btroman {
    font-family: 'newsgoth_btroman', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.newsgoth_btitalic {
    font-family: 'newsgoth_btitalic', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.newsgoth_btbold {
    font-family: 'newsgoth_btbold', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.newsgoth_btbold_italic {
    font-family: 'newsgoth_btbold_italic', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.newsgoth_lt_btlight {
    font-family: 'newsgoth_lt_btlight', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.newsgoth_cn_btregular {
    font-family: 'newsgoth_cn_btregular', Helvetica Neue, Helvetica, Arial, sans-serif;
} */

.showed_stocks {
    position: absolute;
    border: 1px #dcb56e solid;
    background-color: #f9f9f9;
    z-index: 90;
    width: 96%;
    color: #44a1bc;
    left: 2%;
}
.store-locator .showed_stocks li {
    padding: 5px;
}
.col-product {
    padding: 0px;
}
/*.showed_stocks .show_all_stock{	color: ;}*/
ul.dropdown-cart {
    min-width: 250px;
    border: 1px #44a1bc solid !important;
}
ul.dropdown-cart li.item {
	padding: 10px;
	border-bottom: 1px #eee dashed;
}
ul.dropdown-cart li.item:hover {
    background-color: #f3f3f3;
}
ul.dropdown-cart li.item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


ul.dropdown-cart li.item .media {
	display: -ms-flexbox !important;
	display: flex !important;
}
ul.dropdown-cart li.item .thumbnail {
	margin-bottom: 0;
}
ul.dropdown-cart li.item .media-heading {
	font-size: 15px;
	font-weight: 600;
}
ul.dropdown-cart li.item .media-body {
	width: unset;
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
}

.ui-effects-transfer {
    border: 2px dotted gray;
}
.shopping-cart {
    white-space: nowrap;
}
.shopping-cart.episode-2 {
    white-space: normal;
	padding: 1rem 1rem 0;
}
.shopping-cart.episode-2 .d-flex {
	margin-left : -5px;
	margin-right: -5px;
	margin-bottom: 10px;
	border-bottom: 1px #ccc dashed;
	padding: 5px 0 0;
}
.shopping-cart.episode-2 .d-flex .flex-box {
	padding-left : 5px;
	padding-right: 5px;
}
.shopping-cart.episode-2 .d-flex img.flex-box {
	width: 30px;
	height: auto;
}
.flex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
}

.login-form-container {
    border: 1px #44a1bc solid !important;
}
.login-form-dropdown {
    min-width: 300px;
    padding: 10px;
}
@media ( max-width: 767.89px ){
	.login-form-dropdown {
		max-width: 100%;
		min-width: unset;
	}
}
ul.nav-wizard {
    background-color: #FFFFFF;
    border: 1px solid #41a3b8 ;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
	margin: 0 15px;
}
@media ( max-width: 767.89px ){
	ul.nav-wizard {
		display: flex;
		overflow-x: auto;
	}
}

ul.nav-wizard:before {
    position: absolute;
}
ul.nav-wizard:after {
    content: '';
    display: block;
    height: 47px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 138px;
    z-index: 11;
}
ul.nav-wizard li {
    position: relative;
    float: left;
    height: 46px;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 0;
    font-size: 14px;
    line-height: 46px;
}
ul.nav-wizard li a {
    color: rgba(255, 255, 255, .70);
    padding: 0 20px 0 30px;
    z-index: 100;
}
ul.nav-wizard li a:hover {
    background-color: transparent;
}
ul.nav-wizard li:before,
ul.nav-wizard li.active:before,
ul.nav-wizard li.disabled:before,
ul.nav-wizard li a:before,
ul.nav-wizard li.disabled a:before,
ul.nav-wizard li.done a:after {
    content: '';
    display: block;
    border: 24px solid transparent;
    border-left: 16px solid #ffffff;
    border-right: 0;
    position: absolute;
    top: -1px;
    right: -16px;
    z-index: 99;
}
ul.nav-wizard li a:before,
ul.nav-wizard li.disabled:before {
    border-left: 16px solid #41a3b8 ;
	margin-right: 0;
}
ul.nav-wizard li:after {
    position: absolute;
    display: block;
    border: 24px solid transparent;
    border-left: 16px solid #f1f1f1;
    border-right: 0;
    top: -1px;
    z-index: 10;
    content: '';
    right: -14px;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
    color: #468847;
    background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
    border-left: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
    color: #468847;
    background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active~li {
    color: #999999;
    background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active~li:after {
    border-left: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active~li a,
ul.nav-wizard.nav-wizard-backnav .active~li a:active,
ul.nav-wizard.nav-wizard-backnav .active~li a:visited,
ul.nav-wizard.nav-wizard-backnav .active~li a:focus {
    color: #999999;
    background: #ededed;
}
ul.nav-wizard li.done {
    color: #ffffff;
    background: #44a1bc;
}
ul.nav-wizard li.done a:after {
    border-left: 16px solid #44a1bc;
	margin-right: 0;
}
ul.nav-wizard li.done a,
ul.nav-wizard li.done a:done,
ul.nav-wizard li.done a:visited,
ul.nav-wizard li.done a:focus {
    color: #999999;
    background: #f9f9f9;
}
ul.nav-wizard li.active {
    color: #fff!important;
    background: #41a3b8 !important;
}
ul.nav-wizard li.active:after {
    border-left: 16px solid #41a3b8  !important;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
    color: #fff;
    background: #41a3b8 ;
}
ul.nav-wizard .active~li {
    color: #999999;
    background: #ffffff;
}
ul.nav-wizard .active~li:after {
    border-left: 16px solid #f9f9f9;
}
ul.nav-wizard .active~li a,
ul.nav-wizard .active~li a:active,
ul.nav-wizard .active~li a:visited,
ul.nav-wizard .active~li a:focus {
    color: #44a1bc;
    /*background: #f9f9f9;*/
}
.signup-form h1,
.signup-form h2,
.signup-form h3,
.signup-form h4,
.signup-form h5,
.signup-form h6 {
    font-weight: 600;
    color: #301c1e;
    /* font-family: 'Hind Siliguri', sans-serif; */
    margin: 0px 0px 15px 0px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}
.signup-form a {
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.signup-form a:focus,
.signup-form a:hover {
    text-decoration: none;
    color: #f25b6a;
}
/*------------------------ Account--------------------------*/
.account-holder {
    border: 1px solid #ededed;
    padding: 30px;
}
.social-btn {
    margin-bottom: 20px;
}
.fb-btn {
    border: 1px solid #ededed;
    padding: 7px 18px;
    display: inline-block;
    color: #3a549e;
    font-size: 14px;
    margin-bottom: 20px;
}
.fb-btn-text {
    padding-left: 8px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    color: #301c1e;
    font-weight: 700;
}
.google-btn {
    border: 1px solid #ededed;
    padding: 7px 18px;
    display: inline-block;
    color: #f04c42;
    font-size: 14px;
    margin-left: 10px;
}
.google-btn-text {
    padding-left: 8px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    color: #301c1e;
    font-weight: 700;
}
.forgot-password {
    color: #f25b6a;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: block;
    margin-bottom: 16px;
}
/*.signup-form .btn { font-family: 'Hind Siliguri', sans-serif; font-size: 15px; text-transform: uppercase; font-weight: 600; padding: 14px 24px; margin-bottom: 4px; letter-spacing: 2.2px; border-radius: 0px; line-height: 1.6; border: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; word-wrap: break-word; white-space: normal !important; }*/
.signup-form .btn {
    /* font-family: 'Hind Siliguri', sans-serif; */
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 4px;
    border-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    word-wrap: break-word;
    white-space: normal !important;
}
.signup-form .bootstrap-select .btn.dropdown-toggle {
    /* font-family: 'Hind Siliguri', sans-serif; */
    font-size: 15px;
    text-transform: capitalize;
    font-weight: normal;
    /*padding: 14px 24px; */
    
    margin-bottom: 4px;
    letter-spacing: 2.2px;
    border-radius: 0px;
    line-height: 1.6;
    border-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    word-wrap: break-word;
    white-space: nowrap !important;
    background-color: transparent;
}
.signup-form .btn-primary {
    background-color: #44a1bc;
    color: #fff;
}
.signup-form .btn-primary:hover {
    background-color: #0f7282 !important;
    color: #fff;
    border: none !important;
}
/*-----------------------    Form Elements:-------------------------*/
.control-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #301c1e;
    margin-bottom: 10px;
}
.form-control:focus {}
.textarea.form-control {}
.required {}
.signup-form .form-control {
    border-radius: 0px;
    text-transform: capitalize;
    /*color: #aca5a5; */
    
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    /*height: auto; */
    
    padding: 14px;
    line-height: 1.42857143;
    background-image: ;
    border-color: #f4f4f4;
    background-color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
.signup-form select.form-control {
    border-radius: 0px;
    text-transform: capitalize;
    /*color: #aca5a5; */
    
    font-size: 12px !important;
    font-weight: 500;
    width: 65px;
    /*height: auto; */
    
    padding: 2px;
    line-height: 1.42857143;
    background-image: ;
    border-color: transparent;
    background-color: #f1f1f1;
    margin-bottom: 10px;
    text-transform: capitalize;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
.signup-form textarea.form-control {
    border-radius: 0px;
    text-transform: capitalize;
    /*color: #aca5a5; */
    
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    height: auto;
    padding: 14px;
    line-height: 1.42857143;
    background-image: ;
    border-color: transparent;
    background-color: #f1f1f1;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
.signup-form .form-control.normal-text {
    border-radius: 0px;
    text-transform: none;
    /*color: #aca5a5; */
    
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    height: auto;
    padding: 14px;
    line-height: 1.42857143;
    background-image: ;
    border-color: transparent;
    background-color: #f1f1f1;
    letter-spacing: 1px;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
.signup-form .bootstrap-select {
    border-radius: 0px;
    text-transform: capitalize;
    /*color: #aca5a5; */
    
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    height: auto;
    padding: 0;
    line-height: 1.42857143;
    background-image: ;
    border-color: transparent;
    background-color: #f1f1f1;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
.signup-form .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.signup-form input[type=checkbox],
.signup-form input[type=radio] {
    margin-top: 1px\9;
    line-height: normal;
}
.signup-form input::-webkit-input-placeholder {
    color: #595857 !important;
}
.signup-form textarea::-webkit-input-placeholder {
    color: #595857 !important;
}
select.selectpicker.form-control,
select.selectpickerx.form-control {
	width: 100% !important;
}

.form-row-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

@media ( min-width: 768px ){
	.form-row-flex > .col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

.wizard > div.wizard-inner {
	position: relative;
	text-align: center;
}
.connecting-line {
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	width: 75%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 35px;
	z-index: 1;
}

.wizard .nav-tabs {
	position: relative;
	margin-bottom: 0;
	border-bottom-color: transparent;
	margin-left: 5%;
    margin-right: -5%;
}
.wizard .nav-tabs > li {
	width: 30%;
}

.wizard .nav-tabs > li a {
	width: 30px;
	height: 30px;
	margin: 20px auto;
	border-radius: 100%;
	padding: 0;
	background-color: transparent;
	position: relative;
	top: 0;
}
.wizard .nav-tabs > li.active > a, 
.wizard .nav-tabs > li.active > a:hover, 
.wizard .nav-tabs > li.active > a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}

.wizard .nav-tabs > li a i {
	position: absolute;
	top: -15px;
	font-style: normal;
	font-weight: bold;
	white-space: nowrap;
	left: 15px;
	transform: translate(-50%, -50%);
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

span.round-tab {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
	border-radius: 50%;
	background: #fff;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 16px;
	color: #0e214b;
	font-weight: bold;
	border: 1px solid #ddd;
}

.wizard li.active span.round-tab {
	background: #0db02b;
	color: #fff;
	border-color: #0db02b;
}
.wizard .nav-tabs > li.active > a i {
	color: #0db02b;
}

.wizard li::after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: red;
	transition: 0.1s ease-in-out;
}

.form-upload .custom-file {	
	position: relative;
}
.form-upload .custom-file-input {
	width: 100%;
	height: 36px;
	margin: 0;
	opacity: 0;
}
.form-upload .custom-file-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: -1;
	height: 32px;
	padding: .375rem .75rem;
	font-weight: 400;
	line-height: 1.4;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}
.form-upload .custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: block;
	height: 32px;
	padding: .375rem .75rem;
	line-height: 1.4;
	color: #495057;
	content: "Browse";
	background-color: #e9ecef;
	border-left: inherit;
	border-radius: 0 .25rem .25rem 0;
}

.sekrolan {
    overflow: auto;
    position: relative;
    height: 256px;
    margin: 0 auto 15px;
    border-radius: 6px;
    border: 1px #ccc solid;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.25) inset;
}
.sekrolan ul {
    padding-left: 10px;
}
.sekrolan ul label {
    font-weight: 500;
}
.sekrolan ul li ol {
    padding-left: 20px;
}

.thumb-preview {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    margin-left : -5px;
    margin-right: -5px;
}
.thumb-preview .flex-box {
    position: relative;
    margin: 0 5px 10px;
    flex: 0 0 calc( 25% - 10px );
}
.thumb-preview .flex-box.flex-box-vendor {
    position: relative;
    margin: 0 5px 10px;
    flex: 0 0 calc( 33% - 10px );
    min-height: 100px;
}
.thumb-preview .flex-box.flex-box-main {
    position: relative;
    margin: 0 5px 10px;
    flex: 0 0 calc( 33% - 10px );
    min-height: 100px;
    height: 200px;
}
.thumb-preview .flex-box img {
    border: 1px #ccc solid;
    padding: 3px;
    border-radius: 4px;
}
.thumb-preview .flex-box .btn-delete {
    position: absolute;
    top: 0;
    right: 0;
}

.tambah-lagi {
    /*position: relative;*/
    max-height: auto;
    width: 100%;
}

.tambah-foto-baru {
    width: 100%;
    height: 100%;
    background: #f90;
    opacity: 0;
}
.tambah-foto-baru.photo-product-detail {
    position: absolute;
}
.tambah-label-baru {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px #ccc solid;
    top: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
}
.tambah-label-baru .fa {
    align-self: center;
}

@media ( min-width: 768px ){    
    .form-group-inline {
        margin-left : -15px;
        margin-right: -15px;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .form-group-inline .form-group {
        padding-left : 15px;
        padding-right: 15px;
        flex: 1 1 1%;
    }
}

.checkbox-flex {
    margin-top: 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.checkbox-flex label {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.checkbox-flex .form-control {
    width: 20%;
    padding: 6px;
}
@media ( min-width: 768px ){
    .checkbox-flex .form-control {
        width: 15%;
    }   
}

.card {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    background-color: #fff;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 1px;
    border: 0 none;
}
.card-header:first-child {
    border-radius: 0;
}
.card-header {
    background-color: #f7f7f9;
    margin-bottom: 0;
    padding: 20px 1.25rem;
    border: 0 none;
}
.card-header a i {
    float: left;
    font-size: 25px;
    padding: 5px 0;
    margin: 0 25px 0 0px;
    color: #195C9D;
}
.card-header i {
    float: right;
    font-size: 30px;
    width: 1%;
    margin-top: 8px;
    margin-right: 10px;
}
.card-header a {
    width: 97%;
    float: left;
    color: #565656;
}
.card-header p {
    margin: 0;
}
.card-header h3 {
    margin: 0 0 0px;
    font-size: 20px;
    /* font-family: 'Slabo 27px', serif; */
    font-weight: bold;
    color: #3fc199;
}
.card-block {
    -moz-box-flex: 1;
    flex: 1 1 auto;
    padding: 20px;
    color: #232323;
    box-shadow: inset 0px 4px 5px rgba(0, 0, 0, 0.1);
    border-top: 1px soild #000;
    border-radius: 0;
}
.address-form {
    border: 1px #44a1bc solid;
    padding: 10px 15px;
    min-height: 250px;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.navbar-nav.navbar-gwoods .dropdown-menu {
    background-color: #44a1bc;
    border: 1px #44a1bc solid;
}
.navbar-nav.navbar-gwoods .dropdown-menu>li a {
    color: #fff;
    text-transform: uppercase;
}
.navbar-nav.navbar-gwoods .dropdown-menu>li a:hover {
    color: rgba(255, 255, 255, .70);
    background: transparent;
}
.navbar.navbar-gwoods .navbar-toggle .icon-bar {
    background-color: #fff;
}

.section-categories {
	padding-top   : 1.5rem;
	padding-bottom: 1rem;
	background: #f7f5f1;
	box-shadow: 0 10px 10px -10px #ccc inset;
}

.banner_after_category img {
	border-radius: 8px;
	/*
	border: 1px #dfd3c1 solid;
	*/
	border: 1px #fff solid;
}

@media ( min-width:1000px ){
	.section-categories {
		padding-top   : 4.5rem;
		padding-bottom: 4rem;
	}
}

@media ( min-width: 990px ){
	.mobile_footbar {
		display: none;
	}
}
@media ( max-width: 991px ){
	body {
		margin-bottom: 50px;
	}
	.mobile_footbar {
		height: auto;
		min-height: 50px;
		background: #42b3d2;
		color: #fff;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1030;
		border-top: 1px #111 solid;
	}
	.mobile_nav_footer {
		list-style: none;
		padding: 0;
		margin: 0;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	.mobile_nav_footer li > .dropdown-toggle {
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.mobile_nav_footer li > .btn,
	.mobile_nav_footer li > .dropdown-toggle {
		min-width: 86px;
		background: transparent;
		border: none;
		color: #fff;
		padding: 8px 12px;
	}
	.mobile_nav_footer li > .btn:hover,
	.mobile_nav_footer li > .btn:focus {
		background: transparent;
		border: none;
		color: #fff;
		outline: unset;
		outline-offset: unset;
	}
	.mobile_nav_footer li .btn .fa {
		font-size: 18px;
	}
	.mobile_nav_footer li .btn small {
		display: block !important;
		font-size: 80%;
		padding-top: 0.25rem;
	}
	#mobile-modal-signin {
		top: 30%;
	}
	.mobile_nav_footer li.shopping-cart .dropdown-toggle,
	.mobile_nav_footer li.shopping-cart .dropdown-toggle .fa {
		color: #fff;
	}
	.mobile_nav_footer li.shopping-cart .dropdown-toggle .fa {
		display: block;
		text-align: center;
		padding: 4px 0;
	}

    .mobile_footbar .dropdown-menu{
        min-width: 150px;
        max-height: 80%;
        border: 1px #44a1bc solid !important;
        right: 0px !important;
        left: 0px !important;
        width: 100%;
        position: fixed;
        margin: 0px !important;
        bottom: 60px !important;
        overflow: auto;
        color: #5c2534;
    }

    .mobile_footbar .dropdown-menu > li > a{
        padding: 10px;
    }
}
.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}

.btn-top-abis {
	background: rgb(120, 95, 65, 1);
	color: #fff;
}
.btn-top-abis:hover,
.btn-top-abis:focus {
	background: rgb(165, 125, 80, 1);
	color: #fff;
}


.loading {
    color: #333;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    display: :none;
}

.gwoods_stock_container{
    max-height: 350px;
    overflow-y: auto;
}


/* ===== VENDOR AREA ===== */

.vendor_area .row .form-group {
	margin-bottom: 0;
}
.vendor_area textarea.min-height-1 {
	min-height: 196px;
}
.vendor_area .input-group-btn:last-child > .btn,
.vendor_area .input-group-btn:last-child > .btn-group {
	z-index: 2;
	margin-left: -1px;
}
.vendor_area .input-group-action {
	min-width: 125px;
}
.table-product-supplier {}
.vendor_area fieldset {
	padding-bottom: 15px;
	margin-bottom : 15px;
	position: relative;
}
.vendor_area fieldset.required > label:after {
	content: "*";
	display: inline;
	color: #f00;
}
.vendor_area fieldset .max-chars {
	position: absolute;	
	bottom: -1px;
	right: 1px;
	color: #999;
}

.vendor_area .next-img-item {
	flex-basis: 100px;
	margin-right: 2px;
}
.vendor_area .next-img-item:last-child {
	margin-right: 0;
}
.vendor_area .form-upload::before {
	content: "\f055";
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background: #eee;
	font: normal normal normal 40px/1 FontAwesome;
	color: #fff;
	text-align: center;
}
.vendor_area .form-upload {
	position: relative;
	overflow: hidden;
}
.vendor_area .form-upload input[type="file"] {
	position: absolute;
	height: calc( 100% + 10px );
	line-height: 0;
	font-size: 0;
	top: -10px;
	display: block;
	width: 100%;
}
.vendor_area .portlet-title-button .btn {
	margin-top: 10px;
	margin-bottom: 10px;
}
@media ( min-width: 768px ){	
	.vendor_area .stok-tersedia {
		display: flex;
		flex-flow: wrap;
	}
	.vendor_area .stok-tersedia .flex-box {
		flex: 0 1 calc( 33.33% - 30px );
		margin-left: 15px;
		margin-right: 15px;
	}
	.vendor_area .portlet-title-button {
		display: flex;
		justify-content: space-between;
	}
}
.vendor_area .stok-tersedia .flex-box fieldset {
	display: flex;
}
.vendor_area .stok-tersedia .flex-box fieldset {
	justify-content: space-between;
	padding: 10px 10px 5px;
	border: 1px #ccc solid;
}
.vendor_area .stok-tersedia .flex-box:nth-child(odd) fieldset {
	background: #f9f9f9;
}
.vendor_area .stok-tersedia .flex-box:nth-child(event) fieldset {
	background: #fff;
}
.vendor_area .stok-tersedia .flex-box fieldset label {
	line-height: 1.3;
}
.vendor_area .stok-tersedia .flex-box fieldset label small {
	display: block;
	font-weight: 400;
}
.vendor_area .stok-tersedia .flex-box fieldset input {
	width: 80px;
}
.vendor_area .input-group.d-flex select {
	border-top-right-radius   : 0 !important;
	border-bottom-right-radius: 0 !important;
	background: #f9f9f9;
}
.vendor_area .input-group.d-flex input {
	border-top-left-radius   : 0 !important;
	border-bottom-left-radius: 0 !important;
}

.vendor_area .slimScrollCategory {
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.vendor_area .nav-style-1.nav-tabs {
	border-bottom: 4px solid #42b3d2;
}
.vendor_area .nav-style-1 li a {
	border: 1px #42b3d2 solid;
	font-weight: 600;
}
.vendor_area .nav-style-1 li:not(.active) a {
	color: #42b3d2;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1 !important;
	filter: "alpha(opacity=100)" !important;
	-ms-filter: "alpha(opacity=100)" !important;
}

.input-group input:not(input:first-child),
.input-group input:not(input:last-child) {
	border-radius: 0;
}
.input-group button:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.form-select {
	width: 100% !important;
}
.form-select .btn {
	border: 1px #ccc solid;
	height: 34px;
	background: #eee;
}
.input-group > .form-select {
	float: left;
}

.table-scrollable {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid #e7ecf1;
	margin: 10px 0 !important;
}

/**
===== MEDIA SCREEN ===== **/

@media (max-device-width: 480px) and (orientation: landscape) {}
@media (max-width: 767px) {
    .center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: center;
    }
    .pull-right-sm {
        float: none;
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .navbar-brand {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .navbar-text li a {
        font-size: 12px;
    }
    .navbar-right.navbar-text li {
        margin: 0 .5rem;
		padding: 0;
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #44a1bc;
        white-space: nowrap;
    }
    .dropdown-menu>li {
        border-bottom: 1px #efefef solid;
    }
	.navbar-nav.navbar-guest .open .dropdown-menu,
	.navbar-nav.navbar-guest .shopping-cart.open .dropdown-menu {
		position: absolute;
		background: #fff;
		z-index: 999;
		left: 0;
		right: auto;
	}
	.navbar-nav.navbar-guest .shopping-cart.open .dropdown-menu {
		left: auto;
		right: 0;
	}
}

@media (min-width: 768px) {
	.navbar-nav>li>a {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.text-right-xs {
    text-align: right;
}

.pull-right-sm {
    float: right;
}


}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 991px) {
    .text-right-mobile {
        text-align: center;
    }
    #mySidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 30px;
    }
    .sidebar-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }
    .sidebar-wrap .closebtn {
        position: absolute;
        top: 10px;
        right: -10px;
    }
    .sidebar.padding-top-60 {
        padding-top: unset;
    }    
    .open-sidenav {
        position: fixed;
        z-index: 999;
        cursor: pointer;
        top: 10px;
        left: -10px;
        transition: 0.5s;
    }
}
@media (min-width: 992px) {
    #mySidenav {
        height: unset;
        width: unset;
        position: unset;
        z-index: unset;
        top: unset;
        left: unset;
        background-color: unset;
        overflow-x: unset;
        transition: unset;
        padding-top: unset;
    }
    
    .sidebar-wrap {
        padding-left: unset;
        padding-right: unset;
    }
    
    .sidebar-wrap .closebtn,
    .open-sidenav {
        display: none;
    }
	.btn-whatsapp {
		width        : 58px;
		height       : 58px;
		border-radius: 58px;
		line-height  : 60px;
		font-size: 38px;
		bottom: 80px;
	}
}
.featured-col img { 
    border-radius: 8px;
}

@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) {}
@media screen and (-webkit-min-device-pixel-ratio: 0) {}