.section {
	position:relative;
}
::selection {
	background-color:rgba(0,0,0,0.1) !important;
	/* color: rgba(0,0,0,1) !important; */
}
.bg-color-black ::selection,
#footer-menu-section::selection {
	background-color:rgba(255,255,255,0.1) !important;
	/* color: rgba(0,0,0,1) !important; */
}

.container,
[class*="container-"] {	
	padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}
.container {}
.container-larger,
.container-medium,
.container-small,
.container-extra-small {
	max-width:100% !important;
}
.container-larger {
	width:950px !important;
}
.container-medium {
	width:700px !important;
}
.container-small {
	width:500px !important;
}
.container-extra-small {
	width: 400px !important;
}

#page-section {
    height: 100%;
}
#main-section {
    display: flex;
    width: 100% !important;
    /* height: calc(100% - 310px); /* 110 + 550 = 660 */
	min-height: calc(100% - 855px);
	height: calc(100% - 855px);
}
#main-section.align-y-top {
	align-items: flex-start;
}
#main-section.align-y-center {
	align-items: center;
}
#main-section.align-y-bottom {
	align-items: flex-end;
}
#main-section > .main-inside {
    position: relative;
    width: 100%;
}
.content-section, .content-inside, .content-container, .content-row {
    position: relative;
}

#main-section > .main-inside,
.pd-content {
	padding-top: 60px;
	padding-bottom: 60px;
}
.pd-content-top {
	padding-top: 60px;
}
.pd-content-bottom {
	padding-bottom: 60px;
}
.pd-content-haft {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pd-content-haft-top {
	padding-top: 30px;
}
.pd-content-haft-bottom {
	padding-bottom: 30px;
}

.fade {
    transition: opacity .2s linear;
}

/* content group section */
.content-group-section {
	position: relative;
}
.content-group-section .title-row + .content-row {
	margin-top: 30px;
}
.content-group-section .title-row + .btn-row,
.content-group-section .content-row + .btn-row {
	margin-top: 50px;
}
.content-group-section [class*="font-icon-"] {
	margin-top: 15px;
	margin-bottom: 15px;	
}
.content-group-section .bg-icon {
	position: relative;
	background-color: rgba(0,0,0,0.05);
	box-shadow: 0 0 0 10px rgba(0,0,0,0.02);
    border-radius: 100%;
    width: 150px;
    height: 150px;
	line-height: 150px;
	text-align: center;
	justify-content: center;
	align-items: center;
	margin: 20px auto;
}
.content-group-section .bg-icon [class*="font-icon-"] {
	margin: 0 !important;
	z-index: 3;
}
.content-group-section .img-content {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
}
.content-group-section .img-content.img-coupon-not-found,
.content-group-section .img-content.img-product-not-found {
	width: 300px !important;
	height: 150px !important;
}
.content-group-section .img-content.img-coupon-not-found {
	background-image: url(../../images/sites/other/coupon-not-found.png);
}
.content-group-section .img-content.img-product-not-found {
	background-image: url(../../images/sites/other/product-not-found.png);
}

.sub-title .index-circle {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 40px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0;
	margin-right: 15px;
}
.text-color-black .index-circle{
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}

/* ********** CONTENT SPLIT FORMAT ********** */

.content-section+.content-section.mg-top {
	margin-top: 50px;
}

.content-section.content-split-format+.content-section.content-split-format {
	margin-top: 40px;
}

/* ********** CONTENT TABLE ********** */

.content-table,
.content-table>[class*="-row"],
table.content-table {
    position: relative;
}

.content-table>[class*="-row"] {
    display: table;
	width:100%;
}
table.content-table,
table.content-table [class*="-row"] {
	width: 100%;
}
.content-table>[class*="-row"]>[class*="-col"] {
    position: relative;
    display: table-cell;
    vertical-align: top;
}
.content-table>[class*="-row"]>[class*="-col"],
table.content-table td, table.content-table th {
	padding: 15px 15px;
}
.content-table>[class*="-row"]>.label-col {
    text-align:center;
}
.content-table>[class*="-row"]>.detail-col {
	width:150px;
	text-align:center;
	/* border-left:1px solid rgba(255,255,255,1); */
}

/* head row */
.content-table>.content-head-row {
    color:rgba(0,0,0,1) !important;	
}
.content-table>.content-head-row.border-top-theme {
	border-top: 1px solid rgba(0,0,0,1);
}
.content-table>.content-head-row.border-bottom-theme {
	border-bottom: 1px solid rgba(0,0,0,1);
}
.content-table>.content-head-row>[class*="-col"] {
	font-weight:600;
	letter-spacing:0.5px;
}
.content-table>[class*="-row"]>[class*="-col"]+[class*="-col"] {
    border-left: 1px solid rgba(0,0,0,0.05);
}
/* .content-table>.head-row>.detail-col {
	border-color:rgba(255,255,255,0.2);
} */

.content-table>.content-head-row.bg-theme {
	background-color: rgba(0,0,0,1);
    color: rgba(255,255,255,1) !important;
}
.content-table>.content-head-row.bg-theme>[class*="-col"]+[class*="-col"] {
    border-color:rgba(255,255,255,1);
}

/* list row */
.content-table>.content-list-row {
	overflow:hidden !important;
}
.content-table>.content-list-row+.content-list-row{
    border-top: 1px solid rgba(0,0,0,0.05);
}
.content-table>.content-list-row:nth-child(odd)>[class*="-col"] {
}
.content-table>.content-list-row:nth-child(even)>[class*="-col"] {
}
.content-table>.content-list-row.hover>.detail-col,
.content-table>.content-list-row.hover>.label-col,
.content-table>.content-list-row>.detail-col.hover {
	background-color:rgba(0,0,0,0.05);
}
.content-table>.content-list-row>.detail-col.hover.this {
	color: rgba(0,0,0,1);
	background-color:rgba(0,0,0,0.1);
}
.content-table>.head-row > .detail-col.hover {
    background-color:rgba(0,0,0,1);
    color:rgba(255,255,255,1);
}
.content-table>[class*="-row"]>[class*="-col"] {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.2s ease;
}

.content-table.border-black .content-list-row {
    border-bottom: 1px solid rgba(0,0,0,1);
}
.content-table.border-black .content-list-row>[class*="-col"]+[class*="-col"] {
    border-color:rgba(0,0,0,1);
}

/* table tag */
table.content-table.border-black,
table.content-table.border-black th,
table.content-table.border-black td {
	border: 1px solid rgba(0,0,0,1);
}
table.content-table.border-black tr.content-head-row.bg-gray {
	background-color: rgba(0,0,0,0.15);
}

/* ********** BREADCRUMB ********** */

.container .nav-breadcrumb-row .container {
	padding-left:0;
	padding-right:0;
}
.nav-breadcrumb-row {
	position:relative;
	padding:20px 0;
}
.nav-breadcrumb-row[class*="border"] {
	border: none !important;
}
.breadcrumb-path-group {
	position:relative;
	display:table;
}
.breadcrumb-path-group > .label-path,
.breadcrumb-path-group > .path {
	position:relative;
	display:inline-block;
	float:left;
}
.breadcrumb-path-group > .label-path,
.breadcrumb-path .path {
	font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1px;
	font-weight:500;
}
.breadcrumb-path-group > .label-path {
	padding-right:20px;
}
.breadcrumb-path-group > .label-path:before {
	position:absolute;
	content:":";
	top:0;
	right:0;
	font-size:10px;
	line-height:15px;
	width:20px;
	text-align:center;
}

.breadcrumb-path {
	position:relative;
	/*margin:30px 0;*/
	line-height:0;
}
.breadcrumb-path .path {
	position:relative;
	padding:0;
	margin:0;
	background:none !important;
	/*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
    display: inline-block;
	/*text-transform: uppercase;*/
	text-transform: capitalize !important;
}
.breadcrumb-path .path > li {
	position:relative;
    width: auto;
    display: inline-block;
	float:left;
    line-height: 20px !important;
    /*vertical-align: middle;*/
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
}
.breadcrumb-path .path > li + li {
    padding-left:22px;
	margin-left:0;
}
.breadcrumb-path .path > li + li:before {
    position: absolute;
	width:10px;
	height:20px;
	text-align:center;
	padding:1px 0 0 0 !important;
	top: 0;
	left:7px;
    color: rgba(0,0,0,0.5);    
	font-size:10px !important;

	display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
	-webkit-font-smoothing: antialiased;
	content: "\f280";
}
.breadcrumb-path .path > li .menu {
	display:block;
	line-height:20px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*.breadcrumb-path .path > li.w-custom {
	max-width:250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}*/
.breadcrumb-path .path,
.breadcrumb-path .path a {
	color:rgba(12,12,12,0.5) !important;
}
.breadcrumb-path .path > li.active {
	/*color:rgba(180,150,81,1) !important;*/
	color:rgba(12,12,12,1) !important;
}

/* border top */
.nav-breadcrumb-row.border-top .breadcrumb-path {
	border-top:1px solid rgba(10,10,10,0.1);
	padding-top:20px;
}

/* border bottom */
.nav-breadcrumb-row.border-bottom .breadcrumb-path {
	border-bottom:1px solid rgba(10,10,10,0.1);
	padding-bottom:20px;
}

/* border center */
.nav-breadcrumb-row.border-center .breadcrumb-path:before {
	position: absolute;
	display: block;
    content: "";
    width: 100%;
	height:1px;
    left: 0;
    top: 7.5px;
	z-index:1;
}
.breadcrumb-path.border-center:before,
[ data-theme="white" ] .breadcrumb-path.border-center:before {
	background-color: rgba(0,0,0,0.07);
}
[ data-theme="gray" ] .breadcrumb-path.border-center:before {
	background-color: rgba(0,0,0,0.04);
}
.breadcrumb-path.border-center .path {
	z-index:2;
	padding-right:10px;
}
.breadcrumb-path.border-center .path,
[ data-theme="white" ] .breadcrumb-path.border-center .path {
	background-color:rgba(255,255,255,1) !important;
}
[ data-theme="gray" ] .breadcrumb-path.border-center .path {
	background-color:rgba(240,240,240,1) !important;
}

.nav-breadcrumb-row.text-color-white .breadcrumb-path .path > li .menu {
    color: rgba(255,255,250.5,1) !important;
}
.nav-breadcrumb-row.text-color-white .breadcrumb-path .path > li.active .menu {
    /* color: rgba(180,150,81,1) !important; */
    color: rgba(255,255,255,1) !important;
}
.nav-breadcrumb-row.text-color-white  .breadcrumb-path .path > li + li:before {
    color: rgba(255,255,250,0.2) !important;
}

.nav-breadcrumb-row.breadcrumb-on-bottom {
	display: none !important;
}

/* ***** COLOR ***** */

.bg-color-white {
    background-color: rgba(255,255,255,1);
}
.bg-color-gray {
    background-color: rgba(242,242,242,1);    
}
.bg-color-light-gray {
	/* background-color: rgba(248,248,248,1);     */
	background-color: rgba(250,250,250,1);
}
.bg-color-green {
	background-color: rgba(130,170,2,1);
}
.bg-color-light-green {
	background-color: rgba(130,170,2,0.1);
}
.bg-color-red {
	background-color: rgba(212,22,48,1);
}
.bg-color-light-red {
	background-color: rgba(212,22,48,0.1);
}
.bg-color-orange {
	background-color: rgba(223,110,0,1);
}
.bg-color-light-orange {
	background-color: rgba(223,110,0,0.1);
}
.bg-color-installments {
	background-color: rgba(0,123,255,0.1) !important;
}

.text-color-white {
	color: rgba(255,255,255,1) !important;
}
.text-color-black {
    color: rgba(0,0,0,1) !important;
}
.text-color-gray {
    color: rgba(128,128,128,1) !important;
}
.text-color-light-gray {
    color: rgba(173,173,173,1) !important;
}
.text-color-red {
	color: rgba(212,22,48,1) !important;
}
.text-color-green {
	color: rgba(130,170,2,1) !important;
}
.text-color-orange {
	color: rgba(223,110,0,1) !important;
}
.text-color-blue,
.text-color-installments {
	color: rgba(0,123,255,1) !important;
}


/* ***** TITLE ***** */

.title-row {
	position: relative;
}
.title-row.mg-bottom {
	margin-bottom: 40px;
}
.title-row.underline {
	border-bottom: 1px solid rgba(0,0,0,1);
	padding-bottom: 40px;
	margin-bottom: 40px;
}

/* .title-row.d-flex>.col-title {
	flex: 1 0 0%;
}
.title-row.d-flex>.col-page {}
.title-row.d-flex>.col-text {}
.title-row.d-flex>.col-btn {} */

/* has main title */
/* .title-row.d-flex.has-main-title>.col-title+[class*="col-"] {
	line-height: 45px;
} */

/* has sub title */
/* .title-row.d-flex.has-sub-title>.col-title+[class*="col-"] {
	line-height: 40px;
}
.title-row.d-flex.has-sub-title>.col-title+.col-btn {
	position: relative;
	top: 3px;    
} */

/* btn view */
/* .title-row.d-flex .btn-view-more {
	margin-left: 15px;
    padding-bottom: 5px;
} */


/* ***** TEXT ***** */

/* --- slot text --- */

.slot-text-row {
	position:relative;
}
.slot-text-row.text-center ul.slot-text-group {
	margin:0 auto;
}
ul.slot-text-group, ul.slot-text-group > li {
	position:relative;
	list-style:none !important;
	margin:0;
	padding:0;
}
ul.slot-text-group {
	/* display:table; */
	display: flex;
	align-items: baseline;
	flex-wrap: nowrap;
}
ul.slot-text-group > li {
	/* display:inline-block;
	float:left; */
	padding:0 15px;
}
ul.slot-text-group > li:before,
ul.slot-text-group > li:after {	
	position:absolute;
	content:"";
	height:15px;
	top:50%;
	margin-top:-8px;
}
ul.slot-text-group > li:before {
	left:0;
	border-left-style:solid;
	border-left-width:thin;
}
ul.slot-text-group > li:after {
	right:0;
	border-right-style:solid;
	border-right-width:thin;
}
ul.slot-text-group > li:before,
ul.slot-text-group > li:after,
.text-color-black ul.slot-text-group > li:before,
.text-color-black ul.slot-text-group > li:after,
ul.slot-text-group.text-color-black > li:before,
ul.slot-text-group.text-color-black > li:after {
	border-color:rgba(10,10,10,0.3);
}
[class*="text-color-gray"] ul.slot-text-group > li:before,
[class*="text-color-gray"] ul.slot-text-group > li:after,
ul.slot-text-group[class*="text-color-gray"] > li:before,
ul.slot-text-group[class*="text-color-gray"] > li:after {
	border-color:rgba(10,10,10,0.1);
}
.text-color-white ul.slot-text-group > li:before,
.text-color-white ul.slot-text-group > li:after,
ul.slot-text-group.text-color-white > li:before,
ul.slot-text-group.text-color-white > li:after {
	border-color:rgba(255,255,255,0.3);
}

ul.slot-text-group > li:first-child {
	padding-left:0 !important;
}
ul.slot-text-group > li:first-child:before {
	display:none !important;
}
ul.slot-text-group > li:last-child {
	padding-right:0 !important;
}
ul.slot-text-group > li:last-child:after {
	display:none !important;
}
ul.slot-text-group > li + li:before {
	display:none;
}

ul.slot-text-group.mg-auto {
	justify-content: center;
}

/* inline word wrap */
ul.slot-text-group.inline-word-wrap {
	display:block !important;
}
ul.slot-text-group.inline-word-wrap > li {
	display:inline;
	float:none;
}
ul.slot-text-group.inline-word-wrap > li + li {
	padding-left:7px;
}

/* wrap */
ul.slot-text-group.wrap {
    display: flex !important;
	flex-wrap: nowrap;
	width: 100%;
}
ul.slot-text-group.wrap > li {
	display:inline;
    float:none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
ul.slot-text-group.wrap > li + li {
	padding-left:12px;
}
ul.slot-text-group.wrap > li.none-wrap {
	text-overflow: initial;
	white-space: initial;
}

/* none border */

ul.slot-text-group > li.none-border {
	padding:0 !important;
}
ul.slot-text-group > li.none-border + li.none-border {
	padding-left:15px !important;
}
ul.slot-text-group.min-spacing > li.none-border + li.none-border {
	padding-left:8px !important;
}
ul.slot-text-group > li.none-border.zero-spacing + li.none-border.zero-spacing {
	padding:0 !important;
}
ul.slot-text-group > li.none-border:before,
ul.slot-text-group > li.none-border:after {
	display:none !important;
}
ul.slot-text-group > li.none-border-left.zero-spacing {
	padding-left:0 !important;
}
ul.slot-text-group > li.none-border-left:before {
	display:none;
}
ul.slot-text-group > li.none-border-right.zero-spacing {
	padding-right:0 !important;
}
ul.slot-text-group > li.none-border-right:after {
	display:none !important;
}

/* min pacing */
ul.slot-text-group.min-spacing > li {
	padding:0 10px;
}
ul.slot-text-group.wrap.min-spacing > li + li {
	padding-left:10px;
}

/* extra min spacing */
ul.slot-text-group.extra-min-spacing > li {
	padding:0 7px;
}
ul.slot-text-group.wrap.extra-min-spacing > li + li {
	padding-left:7px;
}

/* list style border short */
ul.slot-text-group.list-style-border-short > li:before,
ul.slot-text-group.list-style-border-short > li:after {
	height:10px;
	margin-top:-5.5px;
}

/* list style dot */
ul.slot-text-group.list-style-dot > li {
	padding:0 10px;
}
ul.slot-text-group.list-style-dot > li:before,
ul.slot-text-group.list-style-dot > li:after {
	border:none !important;
}
ul.slot-text-group.list-style-dot > li:before,
ul.slot-text-group.list-style-dot > li:after {
	width:5px !important;
	height:5px !important;
	border-radius:100%;
	margin-top:-3px !important;
}
ul.slot-text-group.list-style-dot > li:before {
	left:-2.5px;
}
ul.slot-text-group.list-style-dot > li:after {
	right:-2.5px;
}

ul.slot-text-group.list-style-dot > li:before,
ul.slot-text-group.list-style-dot > li:after,
.text-color-black ul.slot-text-group.list-style-dot > li:before,
.text-color-black ul.slot-text-group.list-style-dot > li:after,
ul.slot-text-group.list-style-dot.text-color-black > li:before,
ul.slot-text-group.list-style-dot.text-color-black > li:after {
	background-color:rgba(10,10,10,1);
}
.text-color-white ul.slot-text-group.list-style-dot > li:before,
.text-color-white ul.slot-text-group.list-style-dot > li:after,
ul.slot-text-group.list-style-dot.text-color-white > li:before,
ul.slot-text-group.list-style-dot.text-color-white > li:after {
	background-color:rgba(255,255,255,1);
}

ul.slot-text-group.list-style-dot.dot-transparent > li:before,
ul.slot-text-group.list-style-dot.dot-transparent > li:after,
.text-color-black ul.slot-text-group.list-style-dot.dot-transparent > li:before,
.text-color-black ul.slot-text-group.list-style-dot.dot-transparent > li:after,
ul.slot-text-group.list-style-dot.dot-transparent.text-color-black > li:before,
ul.slot-text-group.list-style-dot.dot-transparent.text-color-black > li:after,
.text-color-white ul.slot-text-group.list-style-dot.dot-transparent > li:before,
.text-color-white ul.slot-text-group.list-style-dot.dot-transparent > li:after,
ul.slot-text-group.list-style-dot.dot-transparent.text-color-white > li:before,
ul.slot-text-group.list-style-dot.dot-transparent.text-color-white > li:after {
	opacity:0.2;
}

/* --- label tag --- */

.label-tag-row {
	position: relative;
}
.label-tag-group {
	position:relative;
	display: flex;
	/* flex-wrap: nowrap; */
	flex-wrap: wrap;
	align-items: center;
}
.label-tag-group.justify-content-flex-end {
	justify-content: flex-end;
}
/* .label-tag-group.multi-tag > .label-tag {
	display: inline-block;
	float:left;
} */
.label-tag {
    display: block;
    height: 23px;    
	font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2px;
    border-radius: 3px;
	text-transform:capitalize !important;
	margin-bottom:5px;
	overflow: hidden !important;
}
.label-tag.en {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform : uppercase !important;	
}
.label-tag.th {
	font-size: 11.5px;
}
.label-tag + .label-tag {
	margin-left:5px;
}
.label-tag.tag-fill {
	line-height: 20px;
	padding: 2px 8px 0 8px;
}
.label-tag.tag-outline {
	line-height: 20px;
	padding: 1px 8px 0 8px;
    border-style: solid;
    border-width: 1px;
    background: none;
}
.label-tag.tag-fill.en {
	padding-top: 2px;
}
/*.label-tag.none-hover:hover {
	background-color:inherit !important;
	color:inherit !important;
}*/
.label-tag .icon {
	font-size: 10px !important;
	line-height: 0 !important;
}

/* ***** ITEM ***** */

/* item container */
.item-container {
    position: relative;
    display: flex !important;
    flex-wrap: nowrap;
	align-items: center;
	width:100% !important;
}
.item-container.align-items-flex-start {
	align-items: flex-start;
}
.item-container.align-items-baseline {
	align-items:baseline
}
.item-container > .item {
    position: relative;
}
.item-container > .item.flex-full {
	flex: 1 0 0% !important;
}
.item-container > .item.this-label,
.item-container > .item.this-space,
.item-container > .item.w-full-flex {
    flex: 1 0 0% !important;
}
.item-container > .item.this-icon {
}
.item-container > .item.this-icon.icon-size-small {
    font-size: 10px;
}
.item-container > .item.this-label+.item.this-icon,
.item-container > .item.this-icon+.item.this-label {
    margin-left: 15px;
}

.item-container > .item.this-icon.hover-opacity {
	opacity: 0.4;
	transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}
.item-container:hover > .item.this-icon.hover-opacity {
	opacity: 1;
}


/* ***** CARD DEFAULT ***** */

.hover-img-zoom {}
.hover-img-zoom .this-img-zoom {
	transform: scale(1);
	transition: transform 1s ease;
	-webkit-transition: transform 1s ease;
	-moz-transition: transform 1s ease;
	-o-transition: transform 1s ease;
	-ms-transition: transform 1s ease;
} 
.hover-img-zoom:hover .this-img-zoom {
	transform: scale(1.03);
} 

.hover-img-zoom .img-banner-bg.this-img-zoom {
	transition: transform 1s ease, opacity 1s ease;
	-webkit-transition: transform 1s ease, opacity 1s ease;
	-moz-transition: transform 1s ease, opacity 1s ease;
	-o-transition: transform 1s ease, opacity 1s ease;
	-ms-transition: transform 1s ease, opacity 1s ease;
} 

.default-card,
.default-card-header,
.default-card-body,
.default-card-footer {
	position: relative;
}
.default-card {
	width: 100%;
	border-radius: 5px;
}
.default-card.pd {
	padding: 0 25px;
}
.default-card-header,
.default-card-body,
.default-card-footer {
	padding: 25px;
}
.default-card.pd .default-card-header,
.default-card.pd .default-card-body,
.default-card.pd .default-card-footer {
	padding-left: 0;
	padding-right: 0;
}

/* header */
.default-card-header.underline {
	border-bottom: 1px solid rgba(0,0,0,1);
}
.default-card-header.underline-gray {
	border-color: rgba(0,0,0,0.1);
}
.default-card-header.underline-light-gray {
	border-color: rgba(0,0,0,0.05);
}
.default-card-header.underline-white {
	border-color: rgba(255,255,255,1);
}

/* short distance */
.default-card-header.short-distance-top-header,
.default-card-body.short-distance-top-body,
.default-card-footer.short-distance-top-footer {
	padding-top: 15px !important; 
}
.default-card-header.short-distance-bottom-header,
.default-card-body.short-distance-bottom-body,
.default-card-footer.short-distance-bottom-footer {
	padding-bottom: 15px !important;
}

/* outlined */
.default-card.outlined {
	border: 1px solid rgba(0,0,0,1);
}
/* .default-card-header.outlined {

} */

/* bg */
.default-card.bg {}

/* not found */
.not-found-card {
	padding: 40px 30px;
}

/* video */

.video-card {}
.video-card>.video-cover,
.video-card>.video-cover>.video-cover-inside {
	position: relative;
}
.video-card>.video-cover:before,
.video-card>.video-cover:after {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.video-card>.video-cover:before {
	background-color: rgba(0,0,0,0);
	transition:background-color 1s ease;
	-webkit-transition:background-color 1s ease;
	-moz-transition:background-color 1s ease;
    z-index: 3;
}
.video-card:hover>.video-cover:before {
	background-color: rgba(0,0,0,0.5);
}
.video-card>.video-cover:after {
    background-image: url(../../images/sites/bg-border-vertical.png);
    background-repeat: repeat;
    z-index: 2;
}
.video-card>.video-cover>.video-cover-inside {
	z-index: 1;
}

/* icon play video */
.icon-play-video,
.icon-play-video:before , .icon-play-video:after {
	border-radius:100%;
}
.icon-play-video {
	position: absolute;
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin:-25px auto auto -25px;
	color:rgba(255,255,255,1) !important;
	text-align:center;
	font-size:20px;
	line-height:50px;
	z-index:5;
}
.icon-play-video i {
	position:relative;
	z-index:3;
	margin-left:4px;
}
.icon-play-video:before {
	position:absolute;
	content:"";
	top:-5px;
	left:-5px;
	width:calc( 100% + 10px );
	height:calc( 100% + 10px );
	background-color:rgba(0,0,0,0.7);
	z-index:1;
}
.icon-play-video:after {
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:2px solid rgba(255,255,255,1);
	z-index:2;
}

.video-cover .icon-play-video {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.video-cover:hover .icon-play-video {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.video-cover .icon-play-video,
.video-cover:hover .icon-play-video {
	transition:transform 1s ease;
	-webkit-transition:-webkit-transform 1s ease;
	-moz-transition:-moz-transform 1s ease;
}
.video-cover.hover-icon-show .icon-play-video {
	opacity:0;
	margin-top:-50px;
}
.video-cover.hover-icon-show:hover .icon-play-video {
	opacity:1;
	margin-top:-30px;
}
.video-cover.hover-icon-show .icon-play-video,
.video-cover.hover-icon-show:hover .icon-play-video {
	-moz-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	transition:opacity 0.3s ease, margin-top 0.3s ease;
	-webkit-transition:opacity 0.3s ease, margin-top 0.3s ease;
	-moz-transition:opacity 0.31s ease, margin-top 0.3s ease;
}

/* ----- loading card -----*/

.loading-card {
	position: relative;
}
.loading-card .title-loading-bar,
.loading-card .text-loading-bar,
.loading-card .description-loading-bar {
	position: relative;	
	height: 10px;
}
.loading-card [class*="-loading-bar"]+[class*="-loading-bar"] {
	margin-top: 10px;
}
.loading-card [class*="-loading-bar"].w-100-per {
	width: 100%;
}
.loading-card [class*="-loading-bar"].w-90-per {
	width: 90%;
}
.loading-card [class*="-loading-bar"].w-80-per {
	width: 80%;
}
.loading-card [class*="-loading-bar"].w-70-per {
	width: 70%;
}
.loading-card [class*="-loading-bar"].w-60-per {
	width: 60%;
}
.loading-card [class*="-loading-bar"].w-50-per {
	width: 50%;
}
.loading-card [class*="-loading-bar"].w-40-per {
	width: 40%;
}
.loading-card [class*="-loading-bar"].w-30-per {
	width: 30%;
}
.loading-card [class*="-loading-bar"].w-20-per {
	width: 20%;
}
.loading-card [class*="-loading-bar"].w-10-per {
	width: 10%;
}

.loading-card .title-loading-bar {
	height: 20px;
	background-color: rgba(0,0,0,0.05);
}
.loading-card .text-loading-bar {
	height: 10px;
	background-color: rgba(0,0,0,0.03);
}
.loading-card .description-loading-bar {
	height: 10px;
	background-color: rgba(0,0,0,0.01);
}

.animate-skeleton-loading {
	position: relative;
	overflow: hidden;
}
.animate-skeleton-loading::before {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	opacity: 0.1;
	background-image: linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0));
	animation-duration: 1.5s;
    animation-name: skeletonAnimate;
    animation-iteration-count: infinite;
    /* animation-direction: alternate; */
}
.animate-skeleton-loading::before {}

/* animate slide */
.animate-element-section {
	display: none;
}
.animate-element-section.d-block {
	display: block;
}

@keyframes skeletonAnimate {
    from {
        transform: translateX(-100%);
    }  
    to {
        transform: translateX(100%);
    }
}

/* ***** MESSAGE BLOCK ***** */

.message-card {
    position: relative;
	padding: 70px 30px;
	border-radius: 5px;
}
.message-card.outlined {
    border-width: 1px;
    border-style: solid;
}
.message-card.message-for-info {
    border-color: rgba(214,214,214,0.4);
    background-color:rgba(214,214,214,0.2);
}
.message-card.message-for-success {
    border-color: rgba(214,214,214,0.4);
    background-color:rgba(214,214,214,0.2);
}
.message-card.message-for-fail {
    border-color: rgba(214,214,214,0.4);
    background-color:rgba(214,214,214,0.2);
}
.message-card.text-color-red {
    border-color: rgba(209,42,74,0.4);
    background-color:rgba(209,42,74,0.2);
}

/* .message-card.message-for-info .icon {
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 100%;
	background-color: rgba(0,0,0,0.03);
	margin: 0 auto 20px auto;
} */

/* ***** CARD BLOCK ***** */

.card-block-section,
.card-block-wrapper,
.card-block-row,
.card-block,
.card-block > .inside {
    position: relative;
}
.card-block > .inside {
    display: block;
}
.card-block-title+.card-block-row {
	z-index: 1;
}
.card-block-row.inline {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
}
.card-block-row.inline .card-block {
	padding: 0 10px;
	margin-bottom: 20px;
}

/* card slide */
.card-block-row.splide .splide-track {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

/* card title */ 
.card-block-title {
	position: relative;
	padding-bottom: 20px;
	z-index: 2;
}
.card-block-title .title-row.flex {
	position: relative;
}
.card-block-title .title-row.flex {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
}
/* .card-block-title .title-row.flex > .col-title {
	flex: 1 0 0%;
}
.card-block-title .title-row.flex > .col-dot-slide {}
.card-block-title .title-row.flex > .col-title.flex {
	flex: 1 0 0%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
} */
/* .card-block-title .title+.btn-view-more,
.card-block-title .title+.text {
	margin-left: 15px;
	padding-bottom: 5px;
} */

.card-slide-format .card-block-title {
	padding-bottom: 0;
}
.card-slide-format .card-block-row {
	margin-top: -5px;
}

/* card dialog */
.card-dialog-wrapper,
.card-dialog {
	position: relative;
}
.card-dialog-wrapper {
	border-radius: 5px;
}
.card-dialog {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 15px 20px;
}
.card-dialog>.col-icon {
	width: 25px;
	margin-right: 10px;
	font-size: 23px;
	line-height: 25px;
}
.card-dialog>.col-dialog {
	flex: 1 0 0%;
}
.card-dialog>.col-icon+.col-dialog {
	width: calc(100% - 35px);
}

/* ***** CARD SELECT ***** */

.card-select-section,
.card-select-group,
.card-select-item,
.card-select-item>.inside {
	position: relative;
}

/* ouline */
.card-select-section.outline {

}
.card-select-section.outline .card-select-group {
	padding: 0 !important;
}
.card-select-section.outline .card-select-item {
	margin: 0 !important;
	padding: 0 !important;
}
.card-select-section.outline .card-select-item+.card-select-item {
	margin-top: 10px !important;
}
.card-select-section.outline .card-select-item>.inside {
	display: flex;
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 25px;
	line-height: 25px;
}
.card-select-section.outline .card-select-item>.inside.align-items-center {
	align-items: center;
}
.card-select-section.outline .card-select-item>.inside.active {
	border-color:rgba(0,0,0,1);
}
.card-select-section.outline .card-select-item>.inside>[class*="col-"] {
	position: relative;
}
.card-select-section.outline .card-select-item>.inside>.col-check {
	width: 25px;
	margin-right: 15px;
}
.card-select-section.outline .card-select-item>.inside>.col-left {
	text-align: left;
	flex: 1 0 0%;
}
.card-select-section.outline .card-select-item>.inside>.col-right {
	text-align: right;
}
.card-select-section.outline .card-select-item>.inside .text-min {
	font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
	padding: 0;
	margin: 0;
	width: 100%;
}

/* disable */
.card-select-section.outline .card-select-item>.inside.disable {
	cursor: no-drop !important;	
	background-color: rgba(242,242,242,1) !important;
	opacity: 0.5 !important;
}
.card-select-section.outline .card-select-item>.inside.disable>.col-check .icon {
	font-size: 22px;
	opacity: 0.3 !important;
}

/* ***** PAGE NUMBER ***** */

.page-num-section .page-num-row {
	margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,1);
}
.page-num-row {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}
.page-num-row.on-top {
	align-items: flex-start;
}
.page-num-row.on-bottom {
	align-items: flex-end;
}
.page-num-row>.col-status {
	flex: 1 0 0%;
}
.page-num-row>.col-btn {	
}

ul.page-num-btn-group,
ul.page-num-btn-group>li {
	position: relative;
	list-style: none !important;
	margin: 0;
	padding: 0;
}
ul.page-num-btn-group {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
ul.page-num-btn-group>li+li {
	margin-left: 5px;
}
.page-num-btn {
	position: relative;
	display: block;	
	width: 35px;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	font-weight: 600;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
	outline: none !important;
	background-color: rgba(235,235,235,0);
	border:1px solid rgba(230,230,230,1);
	color:rgba(0,0,0,0.7);
	border-radius: 5px;	
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.page-num-btn:hover {
	background-color: rgba(235,235,235,1);
	border-color:rgba(235,235,235,1);
}
.page-num-btn>i {
	line-height: 33px;
}
.page-num-btn.num {}
.page-num-btn.num.active {
	background-color: rgba(0,0,0,1);
	border-color:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}
.page-num-btn.dot {
	font-size: 13px;
}
.page-num-btn.next,
.page-num-btn.prev {
	font-size: 10px;
}
.page-num-btn.next {}
.page-num-btn.prev {}

/* ***** SCROLL FIXED BOX ***** */

.scroll-fixed-box {
    position: relative;
    width: 100%;
}
.scroll-fixed-box>.sf-box-inside {
    position: relative;
    display: flex !important;
	flex-wrap: nowrap !important;
	/* align-items: flex-start !important; */
	align-items: stretch !important;
    width: 100%;
    height: 100%;
}
.scroll-fixed-box>.sf-box-inside>.sf-box-col {
	position: relative;
	/* background-color: rgba(0,255,0,0.1); */
}
.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
	flex: 1 0 0%;
	/* background-color: rgba(0,0,255,0.1); */
}
.scroll-fixed-box .sf-box-fixed {
	/* background-color: rgba(255,0,0,0.1); */
	opacity: 0;
}
.scroll-fixed-box .sf-box-fixed.in {
	opacity: 1;
}
.scroll-fixed-box .sf-box-fixed,
.scroll-fixed-box .sf-box-fixed.in {
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
}
.scroll-fixed-box .sf-box-fixed.fixed {
	position: fixed;
	top: 0;
}
.scroll-fixed-box .sf-box-fixed.moveup {
    bottom: 0!important;
    position: absolute!important;
    top: auto!important;
}

/* default */
.scroll-fixed-box.default>.sf-box-inside>.sf-box-col.col-fixed,
.scroll-fixed-box.default .sf-box-fixed {
	width: 305px;
}
.scroll-fixed-box.default>.sf-box-inside>.sf-box-col.col-content {
	width: calc(100% - 305px);
	padding-left: 20px;
}
.scroll-fixed-box.default .sf-box-fixed.pd-right {
	padding-right: 20px;
}

/* left menu */
#scroll-fixed-left-menu-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed,
#scroll-fixed-left-menu-section .sf-box-fixed {
	width: 305px;
}
#scroll-fixed-left-menu-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
	width: calc(100% - 305px);
	padding-left: 20px;
}

/* share */
.scroll-fixed-box.share-scroll>.sf-box-inside>.sf-box-col.col-fixed,
.scroll-fixed-box.share-scroll .sf-box-fixed {
	width: 50px;
}
.scroll-fixed-box.share-scroll>.sf-box-inside>.sf-box-col.col-content {
	width: calc(100% - 50px);
	padding-left: 50px;
}

.offset-target {
	height: 50px;
    position: absolute;
    top: -50px;
    width: 1px;
    z-index: 2000;
	/* background-color: rgba(255,0,0,0.5); */
}

ul.menu-scrolling-group>li {
	cursor: pointer !important;
}
ul.menu-scrolling-group>li.active,
ul.menu-scrolling-group>li.active .menu,
ul.menu-scrolling-group>li.active .menu.active {
	color: rgba(0,0,0,1);
	/* background-color: rgba(0,0,255,0.5); */
}

/* ***** MENU ONPAGE ***** */

#menu-onpage-section,
#menu-onpage-section>.menu-onpage-inside,
#menu-onpage-section .menu-onpage-title,
#menu-onpage-section .menu-onpage-row {
	position: relative;
}

ul.main-menu-onpage-group,
ul.main-menu-onpage-group>li,
ul.sub-menu-onpage-group,
ul.sub-menu-onpage-group>li {
	position: relative;
	list-style: none !important;
	margin: 0;
	padding: 0;
}

/* main menu onpage  */
ul.main-menu-onpage-group>li {
	border: 1px solid rgba(0,0,0,0.2);
	border-left: none !important;
	border-right: none !important;
}
ul.main-menu-onpage-group>li+li {
	border-top: none !important;
}
ul.main-menu-onpage-group>li>.title,
ul.main-menu-onpage-group>li>.menu {
	position: relative;
	display: block;
	padding: 15px 0;
	font-size: 15px;
	line-height: 25px;
	font-weight: 600;
}
ul.main-menu-onpage-group>li>.menu {
	cursor: pointer;
	color: rgba(0,0,0,0.5);
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
ul.main-menu-onpage-group>li>.title,
ul.main-menu-onpage-group>li.active>.menu,
ul.main-menu-onpage-group>li>.menu.active,
ul.main-menu-onpage-group>li>.menu:hover {
	color: rgba(0,0,0,1);
}

/* sub menu onpage  */
ul.main-menu-onpage-group ul.sub-menu-onpage-group {
	padding-bottom: 10px !important;
}
ul.sub-menu-onpage-group>li {
	border-top: 1px dotted rgba(0,0,0,0.12);
}
ul.sub-menu-onpage-group>li>.menu {
	position: relative;
	display: block;
	padding: 8px 0;
	/* font-size: 13px; */
	line-height: 25px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
}
ul.sub-menu-onpage-group>li>.menu.active {
	/* color: rgba(0,0,0,0.6); */
	color: rgba(0,0,0,1);
}

/* select format */
.main-menu-onpage-group.select-format>li.menu,
.sub-menu-onpage-group.select-format>li.menu {
	padding-right: 30px !important;
}
.main-menu-onpage-group.select-format>li>.menu:before,
.sub-menu-onpage-group.select-format>li>.menu:before {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
	content: "\f633";
	font-size: 10px;
	line-height: 20px;
	width: 30px;
	height: 20px;
	text-align: center;
	opacity: 0;
	color: rgba(0,0,0,1);
	transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
}
.main-menu-onpage-group.select-format>li>.menu:hover:before,
.sub-menu-onpage-group.select-format>li>.menu:hover:before {
	opacity: 0.2;
}
.main-menu-onpage-group.select-format>li>.menu.active:before,
.sub-menu-onpage-group.select-format>li>.menu.active:before {
	opacity: 1 !important;
}

/* desktop */
#menu-onpage-section .menu-onpage-title .title-on-desktop {
	position: relative;
	padding-bottom: 20px;
}

/* mobile */
#menu-onpage-section .menu-onpage-title .title-on-mobile {
	position: relative;
	display: none;	
}


/* ----- */
ul.main-menu-onpage-group>li>.title.onclick-dropdown-menu {
	
}


/* ***** RESULT NOT FOUND ***** */

.result-not-found {
	position: relative;
	text-align: center;
	padding: 30px 0;
}
.result-not-found .icon {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}
/* .result-not-found .title {
	font-size: 20px;
	line-height: 25px;
	font-weight: 600;
} */

/* ***** LOADING ***** */

.loading-page {
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,1);
    z-index: 3000 !important;
    opacity: 1;
}
.loading-result {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 1;
}
.loading-result.fade-out,
.loading-result.fade-out,
.loading-page.fade-out {
    opacity: 0;    
}
.icon-loading> .inside,
.icon-loading> .inside > .sec-table {
    height: 100%;
}
.loading-page-message {
    position: relative;
    text-align: center;
    top: 0;
    opacity: 1;   
}
.loading-page-message > .img {
    margin-bottom: 30px;
}
.loading-page-message > .title {}
.loading-page-message > .text {}

.loading-page.fade-out .loading-page-message {
    top: -100px;
    opacity: 0;   
}

.loading-page,
.loading-page.fade-out,
.loading-page-message,
.loading-page.fade-out .loading-page-message {
    transition: opacity 0.5s ease, top 0.5s ease;
    -webkit-transition: opacity 0.5s ease, top 0.5s ease;
    -ms-transition: opacity 0.5s ease, top 0.5s ease;
    -moz-transition: opacity 0.5s ease, top 0.5s ease;
    -o-transition: opacity 0.5s ease, top 0.5s ease;
}

.loading-result,
.loading-result.fade-out,
.loading-page,
.loading-page.fade-out {
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
}

.icon-loading-animate {
    position: relative;
    border: 5px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    border-top: 5px solid rgba(0,0,0,0.5);
    width: 60px;
    height: 60px;
    -webkit-animation: loading 2s linear infinite; /* Safari */
    animation: loading 2s linear infinite;
    margin: 0 auto;
}
.icon-loading-animate.white {
    border:  5px solid  rgba(255,255,255,0.8);
    border-top: 5px solid  rgba(255,255,255,1);
}

/* Safari */
@-webkit-keyframes loading {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes loading {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ***** TAB ***** */

.tab-section,
.tab-section .tab-menu-section,
.tab-section .tab-content-section {
	position:relative;
}

.tab-menu-group,
.tab-menu-group .tab-menu-item {
	position:relative;
}

ul.tab-content-group,
ul.tab-content-group > li {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
ul.tab-content-group {
	display:block;
	clear:both;
	width:100%;
}
ul.tab-content-group > li {
	display:none;
}
ul.tab-content-group > li.active {
	display:block !important;
}

/* ***** MENU DRAG SLIDE ***** */

.menu-drag-slide-section,
.menu-drag-slide-inside,
.menu-drag-slide,
.menu-drag-slide-btn {
	position: relative;
}
.menu-drag-slide-section,
.menu-drag-slide-inside,
.menu-drag-slide,
.menu-drag-slide .menu-drag-slide-btn {
	height: 50px;
}
.menu-drag-slide-inside {
	border-bottom:1px solid rgba(0,0,0,0.1);
	/* background-color: rgba(0,0,0,0.02); */
}
.menu-drag-slide-inside>.container {
	height: 100%;
}
.menu-drag-slide.slide-off {
	display: flex;
	flex-wrap: wrap;
}
.menu-drag-slide-btn {
	display: flex;
	align-items: center;	
}
.menu-drag-slide-btn>.inside {
	display: block;
	font-size: 15px;
	line-height: 25px;
	font-weight: 600;
	padding: 5px 0;
	cursor: pointer;
	color: rgba(0,0,0,0.5);
	transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
}
.menu-drag-slide-btn:before {
	position: absolute;
	content: "";
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	opacity: 0;
	background-color: rgba(0,0,0,1);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.menu-drag-slide-btn.active:before {
	/* height: 3px; */
	opacity: 1;
}
.menu-drag-slide-btn + .menu-drag-slide-btn {
	margin-left: 25px;
}
.menu-drag-slide-btn>.inside:hover,
.menu-drag-slide-btn.active>.inside {
	color: rgba(0,0,0,1) !important;
}

/* ********** FORM ********** */

.form-row + .btn-row {
	margin-top: 30px;
}

/* ********** BANNER CONTENT ********** */

.banner-content-site-section,
.banner-content-site-inside {
    position: relative;
}
.banner-content-site-section .text-banner-sec {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}
.banner-content-site-section .text-banner-sec:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,0.3);
    z-index: 1;
}
.banner-content-site-section .text-banner-sec>.text-banner-group {
    position: relative;
    text-align: center;
    color: rgba(255,255,255,1);
    z-index: 2;
}
.banner-content-site-section .text-banner-sec>.text-banner-group .description.mg-top {
    margin-top: 20px;
}

/* ********** PANEL ********** */

.panel-group {
	position: relative;
}

/* ----- theme ----- */
.panel-border-theme .panel-group {
	border: 1px solid rgba(0,0,0,1);
	border-left: none !important;
	border-right: none !important;
}
.panel-border-theme .panel-group+.panel-group {
	border-top: none !important;
}



/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

#main-section {
	min-height: calc(100% - 735px);
	height: calc(100% - 735px);
}

#main-section > .main-inside,
.pd-content {
	padding-top: 50px;
	padding-bottom: 50px;
}
.pd-content-top {
	padding-top: 50px;
}
.pd-content-bottom {
	padding-bottom: 50px;
}
.pd-content-haft {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pd-content-haft-top {
	padding-top: 30px;
}
.pd-content-haft-bottom {
	padding-bottom: 30px;
}

/* ********** SCROLL FIXED BOX ********** */

/* default */
.scroll-fixed-box.default>.sf-box-inside>.sf-box-col.col-fixed,
.scroll-fixed-box.default .sf-box-fixed {
	width: 260px;
}
.scroll-fixed-box.default>.sf-box-inside>.sf-box-col.col-content {
	width: calc(100% - 260px);
}

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

#main-section {
	min-height: calc(100% - 685px);
	height: calc(100% - 685px);
}

.container-larger {
	width:960px !important; /* จาก 950 */
}
/* .container-medium {
	width:700px !important;
}
.container-small {
	width:500px !important;
}
.container-extra-small {
	width: 400px !important;
} */

#main-section > .main-inside,
.pd-content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.pd-content-top {
	padding-top: 40px;
}
.pd-content-bottom {
	padding-bottom: 40px;
}
.pd-content-haft {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pd-content-haft-top {
	padding-top: 20px;
}
.pd-content-haft-bottom {
	padding-bottom: 20px;
}

.content-group-section .title-row + .btn-row,
.content-group-section .content-row + .btn-row {
    margin-top: 40px;
}

/* ********** SCROLL FIXED BOX ********** */

/* default */
.scroll-fixed-box.default>.sf-box-inside>.sf-box-col.col-fixed,
.scroll-fixed-box.default .sf-box-fixed {
	width: 293px;
}
.scroll-fixed-box.default>.sf-box-inside>.sf-box-col.col-content {
	width: calc(100% - 293px);
}


}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

#main-section {
	min-height: calc(100% - 740px);
	height: calc(100% - 740px);
}

.container-larger {
	width:720px !important; /* จาก 950 */
}
.container-medium {
	width:720px !important; /* จาก 700 */
}
/* .container-small {
	width:500px !important;
}
.container-extra-small {
	width: 400px !important;
} */

#main-section > .main-inside,
.pd-content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.pd-content-top {
	padding-top: 40px;
}
.pd-content-bottom {
	padding-bottom: 40px;
}
.pd-content-haft {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pd-content-haft-top {
	padding-top: 20px;
}
.pd-content-haft-bottom {
	padding-bottom: 20px;
}

.content-group-section .title-row + .btn-row,
.content-group-section .content-row + .btn-row {
    margin-top: 30px;
}

/* ********** SCROLL FIXED BOX ********** */


}

/* sm - xs */
@media (max-width: 767.98px) {

.title-row .col-dot-slide {
	display: none !important;
}

/* ********** BREADCRUMB ********** */

.nav-breadcrumb-row.breadcrumb-on-top {
	display: none !important;
}
.nav-breadcrumb-row.breadcrumb-on-bottom {
	background-color: rgba(0,0,0,0.05) !important;
}
.nav-breadcrumb-row.breadcrumb-on-bottom .breadcrumb-path {
	border: none !important;
}


/* ********** CARD BLOCK ********** */

.card-block-title .title-row.flex.title-and-num-result {
	display: block;
}

/* ***** PAGE NUMBER ***** */

.page-num-row {
	display: block;
	text-align: center;
}
.page-num-row>.col-btn {
	padding-top: 10px !important;
}
ul.page-num-btn-group {
	justify-content: center;
}

/* ***** MENU ONPAGE ***** */

#menu-onpage-section {
	background-color: rgba(20,20,20,1) !important;
	color: rgba(255,255,255,1) !important;
	width: calc(100% + 40px);
	margin: 0 -20px;
}
#menu-onpage-section .menu-onpage-title {
	height: 60px;
}
#menu-onpage-section .menu-onpage-title .title-on-desktop {
	display: none;
}
#menu-onpage-section .menu-onpage-title .title-on-mobile {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 60px;
	padding: 0 20px !important;
}
#menu-onpage-section .menu-onpage-row {
	display: none;
	background-color: rgba(0,0,0,0.5);
}
ul.main-menu-onpage-group>li>.menu,
ul.main-menu-onpage-group>li>.title,
ul.sub-menu-onpage-group>li>.menu {
	padding: 15px 20px !important;
	color: rgba(255,255,255,0.3) !important;
	font-size: 13px;
	font-weight: 500;
	background-color: rgba(0,0,0,0);
}
ul.main-menu-onpage-group>li>.menu.active,
ul.main-menu-onpage-group>li>.title,
ul.sub-menu-onpage-group>li>.menu.active {
	color: rgba(255,255,255,1) !important;
}
ul.main-menu-onpage-group>li>.menu:hover,
ul.sub-menu-onpage-group>li>.menu:hover {
	background-color: rgba(0,0,0,1);
}
ul.main-menu-onpage-group>li {
    border-color:rgba(255,255,255,0.05);
}

ul.main-menu-onpage-group>li.panel-group.open {
	background-color: rgba(0,0,0,1);
}
ul.main-menu-onpage-group>li.panel-group.open ul.sub-menu-onpage-group>li>.menu:hover {
	background-color: rgba(255,255,255,0.02);
}
ul.main-menu-onpage-group>li.panel-group.open ul.sub-menu-onpage-group>li {
    border-color:rgba(255,255,255,0.02);
}

}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {

.container-larger,
.container-medium,
.container-small,
.container-extra-small {
	width:540px !important;
}
	
#main-section > .main-inside,
.pd-content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.pd-content-top {
	padding-top: 40px;
}
.pd-content-bottom {
	padding-bottom: 40px;
}
.pd-content-haft {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pd-content-haft-top {
	padding-top: 20px;
}
.pd-content-haft-bottom {
	padding-bottom: 20px;
}

.content-group-section .title-row + .btn-row,
.content-group-section .content-row + .btn-row {
    margin-top: 40px;
}

/* ********** CARD BLOCK ********** */

.card-block-row.splide .splide-track {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}


/* ********** CONTENT SPLIT FORMAT ********** */

.content-section.content-split-format+.content-section.content-split-format {
	margin-top: 30px;
}

}

/* xs */
@media (max-width: 575.98px) {
	
.container-larger,
.container-medium,
.container-small,
.container-extra-small {
	width:100% !important;
}

#main-section > .main-inside,
.pd-content {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pd-content-top {
	padding-top: 30px;
}
.pd-content-bottom {
	padding-bottom: 30px;
}
.pd-content-haft {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pd-content-haft-top {
	padding-top: 20px;
}
.pd-content-haft-bottom {
	padding-bottom: 20px;
}

.title-row.mg-bottom {
	margin-bottom: 20px;
}

.content-group-section .title-row + .btn-row,
.content-group-section .content-row + .btn-row {
    margin-top: 30px;
}

.content-group-section .img-content.img-coupon-not-found,
.content-group-section .img-content.img-product-not-found {
	width: 250px !important;
	height: 125px !important;
}

/* ********** LABEL TAG ********** */

.label-tag {
	height: 20px;
}

.label-tag.tag-fill {
    line-height: 18px;
    padding: 2px 6px 0 6px;
}

.label-tag.en {
    letter-spacing: 0;
}
.label-tag.tag-fill.en {
    padding-top: 2px;
}

/* ********** CARD BLOCK ********** */

.card-block-title .title+.btn-view-more,
.card-block-title .title+.text {
	margin-left: 15px;
	padding-bottom: 0;
}

/* slide */
.card-block-row.splide .splide-track {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* ********** CONTENT SPLIT FORMAT ********** */

.content-section.content-split-format+.content-section.content-split-format {
	margin-top: 30px;
}

.content-section.content-split-format[class*="mobile-line-"] {
	margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
}
.content-section.content-split-format[class*="mobile-line-"]>.content-container {
    padding: 20px;
}

.content-section.content-split-format.mobile-line-top-format {

}
.content-section.content-split-format.mobile-line-bottom-format {

}
.content-section.content-split-format.mobile-line-middle-format+.content-section.content-split-format.mobile-line-middle-format {
	margin-top: 0;
	border-top: 5px	 solid rgba(242,242,242,1);
}
.default-card.clear-card-format-xs {
	background: none !important;
	padding: 0 !important;
}
.default-card.clear-card-format-xs .default-card-header,
.default-card.clear-card-format-xs .default-card-body,
.default-card.clear-card-format-xs .default-card-footer {
	padding: 0;
}

/* ***** SLIDE ***** */

.splide.padding-custom .splide-slide,
.splide.padding-custom .splide-slide.is-visible-update {
	opacity: 1 !important;
}

/* ***** SCROLL FIXED BOX ***** */

/* .scroll-fixed-box.xs-clear-format>.sf-box-inside {
	display: block !important;
}
.scroll-fixed-box.xs-clear-format>.sf-box-inside>.sf-box-col {
	width: 100% !important;
	padding: 0 !important;
	flex: none !important;
}
.scroll-fixed-box.xs-clear-format>.sf-box-inside>.sf-box-col .sf-box-fixed {
	width: 100% !important;
	padding: 0 !important;
}
.scroll-fixed-box.xs-clear-format>.sf-box-inside>.sf-box-col.col-content {
	margin-top: 30px !important;
} */

/* ********** MENU DRAG ********** */

.scroll-fixed-box .menu-drag-slide-section {
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px;
}
 
}

/* xs custom */
@media (max-width: 399.98px) {}