.section,
.section-inner {
	position:relative;
}
::selection {
	background-color:rgba(var(--custom-rgb-color-black),0.1) !important;
}
.bg-color-black ::selection,
#footer-menu-section::selection {
	background-color:rgba(255,255,255,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;
}

.ss-content {
	overflow-x: hidden !important;
}

#page-section {
	height: 100%;
	display: flex;
	flex-direction: column;
}
#main-section {
	display: flex;
	flex: 1 0 0;
    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%;
	display: flex;
    flex-direction: column;
}
.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;
}
[class*="pd-content"].disable {
	padding: 0 !important;
	padding-bottom: 0 !important;
}

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

/* --------------------------------------------------------------- */
/* -------------------------- BREADCRUMB ------------------------- */
/* --------------------------------------------------------------- */

.container .nav-breadcrumb-row .container {
	padding-left:0;
	padding-right:0;
}
.nav-breadcrumb-row {
	position:relative;
	padding:15px 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: 17px;
    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: flex;
	flex-wrap: wrap;
	align-items: baseline;
    /* display: inline-block; */
	/*text-transform: uppercase;*/
	text-transform: capitalize !important;
}
.breadcrumb-path .path > li {
	position:relative;
	width: auto;
	list-style: none !important;
    /* display: inline-block;
	float:left; */
	padding-right: 5px;
    line-height: 20px !important;
    /*vertical-align: middle;*/
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
}
.breadcrumb-path .path > li::marker {
	display: none !important;
}
.breadcrumb-path .path > li + li {
    padding-left:15px;
	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:0;
    color: rgba(var(--custom-rgb-color-black),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: "\f285";
}
.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(12,12,12,0.5) !important;
}

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

/* border bottom */
.nav-breadcrumb-row.border-bottom .breadcrumb-path {
	border-bottom:1px solid rgba(var(--custom-rgb-color-black),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(var(--custom-rgb-color-black),0.07);
}
[ data-theme="gray" ] .breadcrumb-path.border-center:before {
	background-color: rgba(var(--custom-rgb-color-black),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.5) !important;
}

/* --------------------------------------------------------------- */
/* ---------------------------- BG ------------------------------- */
/* --------------------------------------------------------------- */

.bg-tree {
	position: relative;
	background-color: rgba(var(--custom-rgb-color-primary-light),1) !important;
}
.bg-tree>.img-on-bg-tree {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	overflow: hidden;
}
.bg-tree>.img-on-bg-tree>.pos-left,
.bg-tree>.img-on-bg-tree>.pos-right {
	position: absolute;
	width: 700px;
	height: 700px;
	/* background-color: rgba(0,0,0,0.2); */
	top: 0;
}
.bg-tree>.img-on-bg-tree>.pos-left {
	left: 0;
	background-image: url(../../images/sites/background/bg-tree-left.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-tree>.img-on-bg-tree>.pos-right {
	right: 0;
	background-image: url(../../images/sites/background/bg-tree-right.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-tree>.container-on-bg-tree {
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	z-index: 2;
}

/* --------------------------------------------------------------- */
/* --------------------------- TITLE ----------------------------- */
/* --------------------------------------------------------------- */

.title-section,
.title-container,
.title-row,
.title-row>[class*="col-"],
.title-row>.title-col {
	position: relative;
}
.title-row.mg-bottom {
	margin-bottom: 30px;
}

.title-row>[class*="col-"].w-flex,
.title-row>.title-col.w-flex {
	flex: 1 0 0;
}

.title-row>.title-col {
	position: relative;
}
.title-row>.title-col.this-icon-col {
	padding-right: 15px;
}
.title-row>.title-col.this-icon-col .icon-for-title {
	position: relative;
	width: 30px;
}
.title-row>.title-col.this-icon-col .icon-for-title.bg {
	width: 35px;
	height: 35px;
	font-size: 18px;
	line-height: 35px;
	border-radius: var(--custom-border-radius-card);
	text-align: center;
}
.title-row>.title-col.this-icon-col .icon-for-title.bg.color-gray {
	background-color: rgba(var(--custom-rgb-color-gray),1);
	color: rgba(var(--custom-rgb-color-dark-gray),1);
}
.title-row>.title-col.this-icon-col .icon-for-title.bg.color-light-gray {
	background-color: rgba(var(--custom-rgb-color-gray-light),1);
	color: rgba(var(--custom-rgb-color-gray),1);
}
.title-row>.title-col.this-icon-col .icon-for-title.bg.color-primary {
	background-color: rgba(var(--custom-rgb-color-primary),1);
	color: rgba(var(--custom-rgb-color-white),1);
}


/* .title-row>.col-full {
	width: 100% !important;
	flex: none !important;
}
.title-row>.col-icon.icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}
.title-row>.col-icon.icon-box {
	width: 60px;
	height: 60px;
}
.title-row>.col-icon.icon-box+.col-title {
	margin-left: 20px;
} */

.title-row>.col-action.is-view-more {
	margin-left: 15px;
}

/* --------------------------------------------------------------- */
/* --------------------------- TEXT ------------------------------ */
/* --------------------------------------------------------------- */

.text-separator-line {
	position: relative;
}
.text-separator-line::before {
	position: absolute;
	content: "";
	height: 80%;
	left: 0;
	top: 10%;
	bottom: 10%;
	border-left-style: solid;
	border-left-width: 1px;
}
.text-separator-line::before {

}
.text-separator-dot {}

/* --- 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(12,12,12,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(12,12,12,0.3);
}
.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;
} */

ul.slot-text-group.flex-wrap {
	flex-wrap: wrap !important;
}

/* 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 , dot */
ul.slot-text-group > li.none-border,
ul.slot-text-group > li.none-dot {
	padding:0 !important;
}
ul.slot-text-group > li.none-border + li.none-border,
ul.slot-text-group > li.none-dot + li.none-dot {
	padding-left:15px !important;
}
ul.slot-text-group.min-spacing > li.none-border + li.none-border,
ul.slot-text-group.min-spacing > li.none-dot + li.none-dot {
	padding-left:8px !important;
}
ul.slot-text-group > li.none-border.zero-spacing + li.none-border.zero-spacing,
ul.slot-text-group > li.none-dot.zero-spacing + li.none-dot.zero-spacing {
	padding:0 !important;
}
ul.slot-text-group > li.none-border:before,
ul.slot-text-group > li.none-border:after,
ul.slot-text-group > li.none-dot:before,
ul.slot-text-group > li.none-dot:after {
	display:none !important;
}
ul.slot-text-group > li.none-border-left.zero-spacing,
ul.slot-text-group > li.none-dot-left.zero-spacing {
	padding-left:0 !important;
}
ul.slot-text-group > li.none-border-left:before,
ul.slot-text-group > li.none-dot-left:before {
	display:none;
}
ul.slot-text-group > li.none-border-right.zero-spacing,
ul.slot-text-group > li.none-dot-right.zero-spacing {
	padding-right:0 !important;
}
ul.slot-text-group > li.none-border-right:after,
ul.slot-text-group > li.none-dot-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;
}

/* --------------------------------------------------------------- */
/* --------------------------- TEXT ------------------------------ */
/* --------------------------------------------------------------- */


/* item container */
.item-container-row {
	position: relative;
	padding: 0 !important;
}
.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.is-label-item {
	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;
}

.item-container-row.border-on-top .item-container {
	border-top: 1px solid rgba(var(--custom-rgb-color-black),0.05);	
	padding: 5px 0;
}
.item-container-row.border-on-bottom .item-container {
	border-bottom: 1px solid rgba(var(--custom-rgb-color-black),0.05);
	padding: 5px 0;	
}
.item-container-row.border-on-top-bottom .item-container {
	border-top: 1px solid rgba(var(--custom-rgb-color-black),0.05);	
	border-bottom: 1px solid rgba(var(--custom-rgb-color-black),0.05);	
	padding: 5px 0;
}
.item-container-row.border-on-top-bottom .item-container+.item-container {
	border-top: none;
}
.item-container-row.border-on-between .item-container {	
	padding: 5px 0;
}
.item-container-row.border-on-between .item-container+.item-container {
	border-top: 1px solid rgba(var(--custom-rgb-color-black),0.05);	
}

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

.label-tag-row {
	position: relative;
}
.label-tag-group {
	position:relative;
	display: flex;
	/* flex-wrap: nowrap; */
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.label-tag-group.nowrap {
	flex-wrap:nowrap
}
.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: 22px;    
	font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.1px;
    border-radius: 3px;
	text-transform:capitalize !important;
	margin-bottom:5px;
	overflow: hidden !important;
}
.label-tag.inline {
	display: inline-block;
	margin: 0 !important;
}
/* .label-tag.en {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-transform : uppercase !important;	
} */
.label-tag.th {
	font-size: 17px;
}
.label-tag + .label-tag {
	margin-left:5px;
}
.label-tag.tag-fill {
	line-height: 20px;
	padding: 1px 8px 1px 8px;
}
.label-tag.tag-outline {
	line-height: 20px;
	padding: 0 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;
}
.label-tag .text+.icon,
.label-tag .icon+.text {
	margin-left: 5px;
}

/* tag product */
.label-tag.tag-product-new {
	background-color: rgba(23,111,191,0.1);
	color: rgba(23,111,191,1);	
}
.label-tag.tag-product-recommend {
	background-color: rgba(237,28,36,0.1);
	color: rgba(237,28,36,1);	
}
.label-tag.tag-product-best-seller {
	background-color: rgba(237,28,36,0.1);
	color: rgba(237,28,36,1);	
}
.label-tag.tag-product-sale,
.label-tag.tag-product-flash-sale,
.label-tag.tag-product-promotion {
	background-color: rgba(237,28,36,0.1);
	color: rgba(237,28,36,1);	
}

.label-tag.special-promotion-tag {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.label-tag.special-promotion-tag.promotion-flash-sale {
	margin-bottom: 0;
	/* color: rgba(212,22,48,1) !important;
	background-color: rgba(212,22,48,0.05) !important; */
	color: rgba(212,22,48,1) !important;
    border-color: rgba(212,22,48,1) !important;
}

/* --------------------------------------------------------------- */
/* ------------------------ POST AND SHARE ----------------------- */
/* --------------------------------------------------------------- */

.post-and-share-row,
.post-row,
.share-row {
	position: relative;
}
.post-and-share-row.inline,
.post-row.inline,
.share-row.inline {
	display: flex;
	flex-wrap: nowrap;
}
.post-and-share-row.inline>.col-left {
	flex: 1 0 0;
}
.post-and-share-row.border-on-top {
	border-top: 1px solid rgba(var(--custom-rgb-color-black),1);
	padding-top: 20px;
	margin-top: 20px;
}

/* --------------------------------------------------------------- */
/* ----------------------------- 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.tab-content-item {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
ul.tab-content-group {
	display:block;
	clear:both;
	width:100%;
}
ul.tab-content-group > li.tab-content-item {
	display:none;
}
ul.tab-content-group > li.tab-content-item.active {
	display:block !important;
}


/* --------------------------------------------------------------- */
/* --------------------------- PANEL ----------------------------- */
/* --------------------------------------------------------------- */

.panel-group {
	position: relative;
}
.panel-group>.panel-header {
	cursor: pointer;
}

/* ----- theme ----- */
.panel-border-theme .panel-group {
	border-left: none !important;
	border-right: none !important;
}
.panel-border-theme .panel-group+.panel-group {
	border-top: none !important;
}
.panel-border-theme.border-color-black .panel-group {
	border: 1px solid rgba(var(--custom-rgb-color-black),1);
}
.panel-border-theme.border-color-gray .panel-group {
	border: 1px solid rgba(var(--custom-rgb-color-black),0.1);
}

/* ----- theme ----- */
.panel-card-border-theme .panel-group {
	/* border-left: none !important;
	border-right: none !important; */
	border-radius: 10px;
	overflow: hidden;
}
.panel-card-border-theme .panel-group+.panel-group {
	margin-top: 15px;
}
.panel-card-border-theme.border-color-black .panel-group {
	border: 1px solid rgba(var(--custom-rgb-color-black),1);
}
.panel-card-border-theme.border-color-gray .panel-group {
	border: 1px solid rgba(var(--custom-rgb-color-black),0.1);
}

/* --------------------------------------------------------------- */
/* -------------------------- BANNER ----------------------------- */
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* --------------------- 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 {
	opacity: 0;
	/* background-color: rgba(255,var(--custom-rgb-color-black).1); */
	/* position: relative;
	top: 0; */
}
.scroll-fixed-box .sf-box-fixed.in {
	opacity: 1;
}
.scroll-fixed-box .sf-box-fixed,
.scroll-fixed-box .sf-box-fixed.in {
    /* transition: top 1s ease, bottom 1s ease, opacity 1s ease;
    -webkit-transition: top 1s ease, bottom 1s ease, opacity 1s ease;
	-moz-transition: top 1s ease, bottom 1s ease, pacity 1s ease; */
	transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    -moz-transition: pacity 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: 264px;
}
.scroll-fixed-box.default>.sf-box-inside>.sf-box-col.col-content {
	width: calc(100% - 264px);
	padding-left: 60px;
}
.scroll-fixed-box.default .sf-box-fixed.pd-right {
	padding-right: 60px;
}

/* 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: 264px;
}
#scroll-fixed-left-menu-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
	width: calc(100% - 264px);
	padding-left: 60px;
}

/* 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: 60px;
}

.offset-target {
	height: 65px;
    position: absolute;
    top: -65px;
    width: 10px;
	z-index: 2000;
	/* background-color: #ff0; */
	/* background-color: rgba(255,var(--custom-rgb-color-black).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(var(--custom-rgb-color-black),1);
	/* background-color: rgba(0,0,255,0.5); */
}

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


#menu-onpage-section,
#menu-onpage-section>.menu-onpage-container,
#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(var(--custom-rgb-color-black),0.1);
	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(var(--custom-rgb-color-black),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(var(--custom-rgb-color-black),1);
}
ul.main-menu-onpage-group>li.active>.menu,
ul.main-menu-onpage-group>li>.menu.active {
	color: rgba(var(--custom-rgb-color-primary),1);
}

ul.main-menu-onpage-group>li>.menu.inline {
	display: flex;
	flex-wrap: nowrap;
}
ul.main-menu-onpage-group>li>.menu.inline>.text {
	flex: 1 0 0;
}
ul.main-menu-onpage-group>li>.menu.inline>.icon {
	position: relative;
	width: 25px;
	height: 25px;
	font-size: 10px;
	line-height: 25px;
	text-align: center;
}
ul.main-menu-onpage-group>li>.menu.inline>.icon>i {
	line-height: 0 !important;
}
ul.main-menu-onpage-group>li>.menu.inline>.text+.icon {
	margin-left: 10px;
}
ul.main-menu-onpage-group>li>.menu.inline>.icon+.text {
	margin-right: 10px;
}

ul.main-menu-onpage-group.arrow-active-format>li>.menu.inline>.icon.right {
	opacity: 0;
}
ul.main-menu-onpage-group.arrow-active-format>li.active>.menu.inline>.icon.right {
	opacity: 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(var(--custom-rgb-color-black),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(var(--custom-rgb-color-black),0.4);
}
ul.sub-menu-onpage-group>li>.menu.active {
	/* color: rgba(var(--custom-rgb-color-black),0.6); */
	/* color: rgba(var(--custom-rgb-color-black),1); */
	color: rgba(0,126,244,1) !important;
}

/* 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(var(--custom-rgb-color-black),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;	
}


/* --------------------------------------------------------------- */
/* --------------------- CONTENT LOAD MORE ----------------------- */
/* --------------------------------------------------------------- */

.content-loadmore-section,
.content-loadmore-section>.content-loadmore-container {
	position: relative;
}
.content-loadmore-section {
	transition: height 0.3s ease;
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
}
.content-loadmore-section.off {
	visibility: hidden;
	margin: 0 !important;
	padding: 0 !important;
}
.content-loadmore-section {
	overflow: hidden;
	height: 0;
	/* background-color: rgba(255,var(--custom-rgb-color-black).2); */
}
.content-loadmore-section.on {}
.content-loadmore-section>.loadmore {
	position: absolute;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	z-index: 2;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 150px;
	opacity: 0;
	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;
}
.content-loadmore-section>.loadmore.on {
	opacity:1;
}
.content-loadmore-section>.loadmore.fix-btn-on-left {
	justify-content: flex-start;
}
.content-loadmore-section>.loadmore.fix-btn-on-center {
	justify-content: center;
}
.content-loadmore-section.on-bg-white>.loadmore {
	background: linear-gradient( to top, rgba(var(--custom-rgb-color-white),1), rgba(var(--custom-rgb-color-white),0.95), rgba(var(--custom-rgb-color-white),0) );
}
.content-loadmore-section.on-bg-light-gray>.loadmore {
	background: linear-gradient( to top, rgba(var(--custom-rgb-color-gray-light),1), rgba(var(--custom-rgb-color-gray-light),0.95), rgba(var(--custom-rgb-color-gray-light),0) );
}

.content-loadmore-section .btn-content-loadmore {
	opacity: 1;
	transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
}
.content-loadmore-section .btn-content-loadmore.off {
	opacity: 0;
}

/* container */
.content-loadmore-section>.content-loadmore-container {
	z-index: 1;
	/* background-color: rgba(0,255,0,0.2); */
}

/* --------------------------------------------------------------- */
/* ---------------------------- IMG ------------------------------ */
/* --------------------------------------------------------------- */

.expand-img-btn {
    cursor: pointer !important;
}
.expand-img-btn .expand-img-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: rgba(var(--custom-rgb-color-black),1);
    background-color: rgba(255,255,255,0.3);
    border-radius: 5px;
    z-index: 10;
}
.expand-img-btn.expand-img-hover .expand-img-icon {
    opacity: 0;
    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;
}
.expand-img-btn.expand-img-hover:hover .expand-img-icon {
    opacity: 1;
}
.expand-img-btn .expand-img-icon.pos-top-left {
    top: 10px;
    left: 10px;
}
.expand-img-btn .expand-img-icon.pos-top-right {
    top: 10px;
    right: 10px;
}

/* --------------------------------------------------------------- */
/* ----------------------- MESSAGE CONTENT ----------------------- */
/* --------------------------------------------------------------- */


.message-content-section {
	position: relative;
}
.message-content-group,
.message-content-img,
.message-content-btn {
	position: relative;
}


.message-content-btn {
	margin-top: 25px;
}




.message-content-img {
	display: inline-block;
	margin-bottom: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* blog */
.message-content-img.is-blog-not-found {
	width: 80px;
	height: 80px;
}
.message-content-img.is-blog-not-found.gray {
	background-image: url(../../images/sites/icon/blog-not-found-gray.png);
}
.message-content-img.is-blog-not-found.color {
	background-image: url(../../images/sites/icon/blog-not-found-color.png);
}

/* data-not-found */
.message-content-img.is-data-not-found {
	width: 80px;
	height: 80px;
}
.message-content-img.is-data-not-found {
	background-image: url(../../images/sites/icon/data-not-found.png);
}
.message-content-img.is-data-not-found.gray {
	background-image: url(../../images/sites/icon/data-not-found-gray.png);
}
.message-content-img.is-data-not-found.color {
	background-image: url(../../images/sites/icon/data-not-found-color.png);
}

.message-content-img.is-img-not-found {
	width: 104px;
	height: 80px;
}
.message-content-img.is-img-not-found {
	background-image: url(../../images/sites/icon/img-not-found.png);
}


/* basket */
.message-content-img.is-basket {
	width: 100px;
	height: 80px;
}
.message-content-img.is-basket {
	background-image: url(../../images/sites/icon/basket.png);
}
.message-content-img.is-basket.gray {
	background-image: url(../../images/sites/icon/basket-gray.png);
}
.message-content-img.is-basket.color {
	background-image: url(../../images/sites/icon/basket-color.png);
}

/* --------------------------------------------------------------- */
/* --------------------- WINDOW SLIDE POPUP ---------------------- */
/* --------------------------------------------------------------- */

.modal.info-window-slide-popup {
    overflow: hidden !important;
}
/* .modal.info-window-slide-popup.scroll-enable {
	overflow-x: hidden !important;
	overflow-y: auto !important;
}
.modal.info-window-slide-popup.scroll-enable .modal-dialog {
	height: auto !important;
} */
.modal.info-window-slide-popup .modal-dialog {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
	min-height: auto !important;
	margin: 0 !important;
	overflow: hidden !important;
}
.modal.info-window-slide-popup .modal-dialog>.modal-content {
    width: 100% !important;
    height: 100% !important;    
    border: 0 !important;
	border-radius: 0 !important;
	overflow: hidden !important;
}
.modal.info-window-slide-popup .modal-content-section {
    display: flex !important;
    flex-wrap: nowrap !important;
	flex-direction: row !important;
	height: 100%;
	overflow: hidden !important;
}
.modal.info-window-slide-popup .this-container-scrollbar {
	padding-left: inherit;
	padding-right: inherit;
	margin-left: inherit;
	margin-right: inherit;
}
.modal.info-window-slide-popup.non-slide-format .scrollbar.ss-container .modal-content-section.this-container-scrollbar {
	display: block !important;
    height: auto !important;
}

.modal.info-window-slide-popup.non-slide-format .modal-dialog>.modal-content .container {
	margin-left: auto;
	margin-right: auto;
	padding: 100px 20px;
}
.modal.info-window-slide-popup.non-slide-format .modal-dialog>.modal-content.scrollbar-for-content {
	flex-direction: row;
}

.modal.info-window-slide-popup.slide-format .modal-dialog,
.modal.info-window-slide-popup.slide-format.fade .modal-dialog,
.modal.info-window-slide-popup.slide-format.show .modal-dialog {
	transform: none !important;
}
.modal.info-window-slide-popup.slide-format .modal-dialog>.modal-content {
	background: none !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
    position: relative;
    width: 50%;
    transition: left 0.4s ease, right 0.4s ease;
    -webkit-transition: left 0.4s ease, right 0.4s ease;
    -moz-transition: left 0.4s ease, right 0.4s ease;
    -ms-transition: left 0.4s ease, right 0.4s ease;
    -o-transition: left 0.4s ease, right 0.4s ease;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left.scroll {
    overflow-y: auto;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-right.scroll {
    overflow-y: auto;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .container,
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-right .container {
	/* padding: 120px !important; */
	padding: 100px !important;
    width: 100% !important;
    max-width: 100% !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left {
    left: -102%;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-right {
    right: -102%;
}
.modal.info-window-slide-popup.slide-format.show .modal-content-section>.modal-content-left {
    left: -0;
}
.modal.info-window-slide-popup.slide-format.show .modal-content-section>.modal-content-right {
    right: -0;
}

.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section {
	position: relative;
	width: 100%  !important;
	height: 100% !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.img-banner-section {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	display: flex;
	align-items: flex-end;
	padding: 0 120px 120px 120px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section:before {
	position: absolute;
	content:"";
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient( to top, rgba(0,0,0,0.6) , rgba(0,0,0,0));
	height: 500px;
	z-index: 1;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section>.text-group {
	position: relative;
	color: rgba(var(--custom-rgb-color-white),1);
	text-align: left;
	line-height: 25px;
	text-shadow: 2px 2px 5px rgba(var(--custom-rgb-color-black),0.5);
	z-index: 2;
}

.modal.info-window-slide-popup.slide-format .modal-dialog>.modal-content.scrollbar-for-content {
	flex-direction: row;
}
.modal.info-window-slide-popup.slide-format .modal-dialog>.modal-content.scrollbar-for-content .modal-content-section {
	height: auto;
	min-height: 100%;
}

/* banner on left */
.modal.info-window-slide-popup.slide-format.banner-on-left-format {}

/* xxl */
@media (min-width: 1400px) {

/* --------------------------------------------------------------- */
/* --------------------------- TITLE ----------------------------- */
/* --------------------------------------------------------------- */

.title-row>[class*="col-"].w-xxl-full {
	flex: none;
	width: 100% !important;
}
.title-row>[class*="col-"].w-xxl-flex {
	flex: 1 0 0;
}
.title-row>[class*="col-"].w-xxl-auto {
	flex: none;
	width: auto;
}

}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {

/* --------------------------------------------------------------- */
/* --------------------- WINDOW SLIDE POPUP ---------------------- */
/* --------------------------------------------------------------- */

.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section {
    padding: 0 80px 80px 80px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .container,
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-right .container {
    padding: 80px !important;
}

}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {

/* --------------------------------------------------------------- */
/* --------------------- WINDOW SLIDE POPUP ---------------------- */
/* --------------------------------------------------------------- */

.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section {
    padding: 0 80px 80px 80px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .container,
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-right .container {
    padding: 80px !important;
}

}

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

/* --------------------------------------------------------------- */
/* --------------------------- TITLE ----------------------------- */
/* --------------------------------------------------------------- */

.title-row>[class*="col-"].w-xl-flex {
	flex: 1 0 0;
}

.title-row>[class*="col-"].w-xl-auto {
	flex: none;
	width: auto;
}

/* --------------------------------------------------------------- */
/* --------------------- WINDOW SLIDE POPUP ---------------------- */
/* --------------------------------------------------------------- */

.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section {
    padding: 0 80px 80px 80px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .container,
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-right .container {
    padding: 80px !important;
}

}

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

/* --------------------------------------------------------------- */
/* --------------------------- TITLE ----------------------------- */
/* --------------------------------------------------------------- */

.title-row>[class*="col-"].w-lg-flex {
	flex: 1 0 0;
}

.title-row>[class*="col-"].w-lg-auto {
	flex: none;
	width: auto;
}

/* --------------------------------------------------------------- */
/* --------------------- WINDOW SLIDE POPUP ---------------------- */
/* --------------------------------------------------------------- */

.modal.info-window-slide-popup.slide-format .modal-dialog {
	align-items: flex-start !important;
	/* overflow-y: scroll !important; */
}
.modal.info-window-slide-popup.slide-format .modal-content {
	display: block !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section {
	flex-direction: column !important;
}
.modal.info-window-slide-popup.slide-format .modal-dialog .modal-content-section {
	display: block !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	width: 100%;
}

.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	left: 0 !important;
	right: auto !important;
	overflow: hidden !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	height: auto !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left>.container,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right>.container {
	padding: 50px 20px !important;
	max-width: var(--custom-container-md) !important;
	margin: 0 auto;
}

/* banner on left */
.modal.info-window-slide-popup.slide-format.banner-on-left-format .modal-content-section .modal-content-left {
	height: 500px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section {
	padding: 0 50px 50px 50px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section>.text-group {
	text-align: center;
	max-width: var(--custom-container-md) !important;
	margin: 0 auto;
}

}

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

/* --------------------------------------------------------------- */
/* --------------------------- TITLE ----------------------------- */
/* --------------------------------------------------------------- */

.title-row>[class*="col-"].w-md-flex {
	flex: 1 0 0;
}

.title-row>[class*="col-"].w-md-auto {
	flex: none;
	width: auto;
}

/* --------------------------------------------------------------- */
/* --------------------- WINDOW SLIDE POPUP ---------------------- */
/* --------------------------------------------------------------- */

.modal.info-window-slide-popup.slide-format .modal-dialog {
	align-items: flex-start !important;
	/* overflow-y: scroll !important; */
}
.modal.info-window-slide-popup.slide-format .modal-content {
	display: block !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section {
	flex-direction: column !important;
}
.modal.info-window-slide-popup.slide-format .modal-dialog .modal-content-section {
	display: block !important;
	height: auto !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	width: 100%;
}

.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	left: 0 !important;
	right: auto !important;
	overflow: hidden !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	height: auto !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left>.container,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right>.container {
	padding: 50px 20px !important;
	max-width: var(--custom-container-md) !important;
	margin: 0 auto;
}

/* banner on left */
.modal.info-window-slide-popup.slide-format.banner-on-left-format .modal-content-section .modal-content-left {
	height: 500px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section {
	padding: 0 50px 50px 50px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section>.text-group {
	text-align: center;
	max-width: var(--custom-container-md) !important;
	margin: 0 auto;
}

}

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

.modal.info-window-slide-popup.slide-format .ss-content {
	width: 100% !important;
}

}

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

/* --------------------------------------------------------------- */
/* --------------------------- TITLE ----------------------------- */
/* --------------------------------------------------------------- */

.title-row>[class*="col-"].w-sm-full {
	flex: none;
	width: 100% !important;
}
.title-row>[class*="col-"].w-sm-flex {
	flex: 1 0 0;
}
.title-row>[class*="col-"].w-sm-auto {
	flex: none;
	width: auto;
}

/* --------------------------------------------------------------- */
/* --------------------- WINDOW SLIDE POPUP ---------------------- */
/* --------------------------------------------------------------- */

.modal.info-window-slide-popup.slide-format .modal-dialog {
	align-items: flex-start !important;
	/* overflow-y: scroll !important; */
}
.modal.info-window-slide-popup.slide-format .modal-content {
	display: block !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section {
	flex-direction: column !important;
}
.modal.info-window-slide-popup.slide-format .modal-dialog .modal-content-section {
	display: block !important;
	height: auto !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	width: 100%;
}

.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	left: 0 !important;
	right: auto !important;
	overflow: hidden !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	height: auto !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left>.container,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right>.container {
	padding: 50px 20px !important;
	max-width: var(--custom-container-sm) !important;
	margin: 0 auto;
}

/* banner on left */
.modal.info-window-slide-popup.slide-format.banner-on-left-format .modal-content-section .modal-content-left {
	height: auto;
	padding-top: 100%;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section {
	padding: 0 50px 50px 50px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section>.text-group {
	text-align: center;
	max-width: var(--custom-container-sm) !important;
	margin: 0 auto;
}

}

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

.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 ----------------------------- */
/* --------------------------------------------------------------- */

.title-row>[class*="col-"].w-xs-full {
	flex: none;
	width: 100% !important;
}
.title-row>[class*="col-"].w-xs-flex {
	flex: 1 0 0;
}
.title-row>[class*="col-"].w-xs-auto {
	flex: none;
	width: auto;
}

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

/* --------------------------------------------------------------- */
/* --------------------- WINDOW SLIDE POPUP ---------------------- */
/* --------------------------------------------------------------- */

.modal.info-window-slide-popup.slide-format .modal-dialog {
	align-items: flex-start !important;
	/* overflow-y: scroll !important; */
}
.modal.info-window-slide-popup.slide-format .modal-content {
	display: block !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section {
	flex-direction: column !important;
}
.modal.info-window-slide-popup.slide-format .modal-dialog .modal-content-section {
	display: block !important;
	height: auto !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	width: 100%;
}

.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	left: 0 !important;
	right: auto !important;
	overflow: hidden !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right {
	height: auto !important;
}
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-left>.container,
.modal.info-window-slide-popup.slide-format .modal-content-section .modal-content-right>.container {
    padding: 30px 20px !important;
}

/* banner on left */
.modal.info-window-slide-popup.slide-format.banner-on-left-format .modal-content-section .modal-content-left {
	height: auto;
	padding-top: 100%;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section {
	padding: 0 50px 50px 50px;
}
.modal.info-window-slide-popup.slide-format .modal-content-section>.modal-content-left .banner-section>.text-banner-section>.text-group {
	text-align: center;
}

/* --------------------------------------------------------------- */
/* -------------------------- BREADCRUMB ------------------------- */
/* --------------------------------------------------------------- */

.breadcrumb-path-group > .label-path, .breadcrumb-path .path {
	font-size: 15px;
    letter-spacing: 0;
}

}

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