.pc-component {
	position:relative;
}
.pc-component-container.published {
	overflow:hidden;
}
/* 2020-1-17 - TK: fix android cannot scroll */
.pc-component-container.published .grid-stack-item .ui-draggable-handle {
	touch-action: auto !important;
}
.pc-component-container:not(.published) .grid-stack-item {
	/* background-color: none; */
	/* border: 1px solid transparent; */
	padding:1px !important;
}
.pc-component-container:not(.published) .grid-stack-item:hover {
	/* background-color: none; */
	/* border: 1px solid #008edd; */
	box-shadow: inset 0 0 0 1px #008edd;
}
.pc-component-container:not(.published) .grid-line {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
}
.pc-component-container:not(.published) .grid-line > .grid-column {
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	flex:0 1 1.66666667%;
}
.pc-component-container:not(.published) .grid-line > .grid-column {
	border-right:1px dashed #aaa;
}
.pc-component-container:not(.published) .grid-line > .grid-column:nth-child(5n) {
  border-color: #000 !important;
}
.pc-component-container:not(.published) .grid-line > .grid-column:first-child {
	border-left:1px dashed #aaa;
}
.pc-component-container:not(.published) .grid-line > .grid-column > .cell {
	height:50px;
	border-bottom:1px dashed #aaa;
}
.pc-component-container:not(.published) .grid-line > .row > div > .cell:first-child {
	border-top:1px dashed #aaa;
}
.pc-component > .pc-toolbox {
	position:absolute;
	top:0;
	right:0;
	background-color:#008edd;
	padding:0;
	display:none;
	z-index:1000;
}
.pc-component > .pc-toolbox > button {
	width:30px;
	height:30px;
	padding:0;
	font-size:16px;
	background-color: transparent;
	color: #fff;
	z-index:10;
	border:none;
	display:inline-block;
}
.pc-component:hover > .pc-toolbox, .grid-stack-item:hover .pc-component > .pc-toolbox {
	display:inline-block;
}
.pc-component > .pc-toolbox > .margin-inputs {
	position:absolute;
	top:30px;
	right:0;
	background-color:#008edd;
	width:200px;
	border-top:1px solid #ccc;
	transition:.3s ease-in-out;
	display:none;
}
.pc-component > .pc-toolbox > .margin-inputs > div {
	flex:1 1 auto;
	margin:5px;
}
.pc-component > .pc-toolbox > .margin-inputs > div > label {
	font-weight:normal;
	font-size:9px;
	color:#fff;
	text-align:center;
	display:block;
}
.pc-component > .pc-toolbox > .margin-inputs > div > input[type="number"] {
	text-align:center;
	padding:5px 2px;
	-moz-appearance:textfield;
	height:22px;
}
.pc-component > .pc-toolbox > .margin-inputs > div > input[type="number"]::-webkit-inner-spin-button, 
.pc-component > .pc-toolbox > .margin-inputs > div > input[type="number"]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin: 0;
}
.grid-stack-item-content.edit-mode-img {
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
}
.grid-stack-item-content.edit-mode-img img {
	width:100%;
}
.pc-component .slider-wrapper {
	width:100%;
}
.pc-component-container.edit-mode .component-dropping {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.2);
}
.pc-component-container.edit-mode .container-dropping-before,
.pc-component-container.edit-mode .container-dropping-after {
	position:absolute;
	left:0;
	width:100%;
	height:20px;
	background-color:rgba(0, 0, 0, 0.2);
	text-align:center;
}
.pc-component-container.edit-mode .container-dropping-before {
	top:-20px;
}
.pc-component-container.edit-mode .container-dropping-after {
	bottom:-20px;
}
.pc-component-container.edit-mode .container-dropping-before > i,
.pc-component-container.edit-mode .container-dropping-after > i {
	font-weight:bold;
	transform:scale(2.5, 1);
	color:#fff;
}

/********************************************************************************
* generic css for location component
********************************************************************************/
.pc-component-location .locations-header {
	text-align:center;
}
.pc-component-location .locations-search {
	margin-bottom:15px;
}
.pc-component-location .locations-search-advance {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 10px;
}
.pc-component-location .locations-search-advance .loc-item {
	margin: 0 10px; 
    flex: 1 1 auto;
}
.pc-component-location .location-map-wrapper {
	position:relative;
	height:440px;
	background-color:#ccc;
	margin-bottom:15px;
}
.pc-component-location .location-map-wrapper .location-map-search {
	position:absolute;
	top:15px;
	left:15px;
	background-color:#ccc;
	padding:15px;
	width:250px;
}
.pc-component-location .location-map-wrapper .location-map-search .form-group {
	width:100% !important;
	margin-bottom:5px !important;
}
.pc-component-location .location-map-wrapper .location-map-search h1 {
	font-size:14px;
	line-height:1;
}
.pc-component-location .location-map-wrapper .location-map {
	width:100%;
	height:100%;
}
.pc-component-location .location-map-wrapper .location-map-search .search-form {
	height:280px;
}
.pc-component-location .location-map-wrapper .location-map-search .search-result {
	overflow:auto;
	height:calc(100% - 280px);
	padding-top:15px;
}
.pc-component-location .location-map-wrapper .location-map-search.has-result {
	height:calc(100% - 30px);
}
.pc-component-location .location-map-wrapper .location-map-search .search-result .result-item {
	cursor:pointer;
	border-top:1px solid #fff;
	padding:15px 0 5px 0;
}
.pc-component-location .location-map-wrapper .location-map-search .search-result .result-item h3 {
	padding-bottom:5px;
}
.pc-component-location .location-filter-container {
	border-bottom:1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.pc-component-location .location-filter-container h3.region-title {
	font-size:16px;
}
.pc-component-location .location-filter-container .district-container {
	display:flex;
	flex-wrap:wrap;
	padding-bottom:20px;
}
.pc-component-location .location-filter-container .district-container .district-option {
	flex:0 1 auto;
	background-color:#888;
	color:#fff;
	cursor:pointer;
	/* opacity:0.7; */
	padding:2px 16px;
	border-radius:5px;
	margin:0 10px 10px 0;
	font-size:12px;
}
.pc-component-location .location-filter-container .district-container .district-option.selected {
	background-color:#3C8DBC;
}

/********************************************************************************
* generic css for blog component
********************************************************************************/
.pc-component-blog .blog-container {
	margin:0;
}

/********************************************************************************
* generic css for facebook component
********************************************************************************/
.pc-component-facebook {
	min-height:100px !important;
	position:relative;
}
.pc-component-facebook.edit-mode {
}
.pc-component-facebook.edit-mode .blocker {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.pc-component-facebook .fb-container > .placeholder {
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#999;
}

/********************************************************************************
* generic css for location component
********************************************************************************/
.pc-component-location {
	min-height:200px !important;
}
.pc-component-location.edit-mode {
	/* background-color:#ccc; */
}
.pc-component-location .location-list-container > .placeholder {
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#999;
}
.pc-component-location .location-list-container > iframe {
	border:none;
	width:100%;
	pointer-events:none;
}
@media only screen and (max-width: 767px) {
	.pc-component-location .location-map-wrapper .location-map-search {
		top:0;
		left:0;
		width:100%;
	}
	.pc-component-location .location-map-wrapper {
		height:1000px;
	}
	.pc-component-location .location-map-wrapper .location-map-search.has-result {
		height:calc(100% - 330px);
	}
}

/********************************************************************************
* generic css for form component
********************************************************************************/
.pc-component-form {
	min-height:400px !important;
}
@media only screen and (max-width: 768px) {
	.pc-component-form {
		min-height:0 !important;
	}
}
.pc-component-form.edit-mode {
}
.pc-component-form.edit-mode .blocker {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.pc-component-form .form-container > .placeholder {
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#999;
}
.pc-component-form .form-container > iframe {
	border:none;
	width:100%;
	pointer-events:none;
}

/********************************************************************************
* generic css for slideshow component
********************************************************************************/
.pc-component-slideshow {
	/*min-height:300px !important;*/
}
.pc-component-slideshow.edit-mode {
}
.pc-component-slideshow .slideshow-container > .placeholder {
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#999;
}
.pc-component-slideshow .slideshow-container > .img-preview {
	width:100%;
}
.pc-component-slideshow .slideshow-container > .sp-buttons > .sp-button {
	width:12px;
	height:12px;
	margin:2px;
}
/* 2020-7-7 - TK: try to make background image for FCP/LCP big enough */
.pc-component-slideshow:not(.edit-mode) .slideshow-container:not(.sp-horizontal) {
	min-height:200px;
}

/********************************************************************************
* generic css for tab component
********************************************************************************/
.pc-component-tab.edit-mode {
	min-height:100px !important;
}
.pc-component-tab.edit-mode {
	/* background-color:#ccc; */
}
.pc-component-tab .tab-content-container > .placeholder {
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#999;
}
.pc-component-tab.edit-mode .tabs {
	height:100px;
}
.pc-component-tab.edit-mode .tab-content-container {
	/*PMS21844*/
	/*height:270px;*/
	height:fit-content;
	background-color:#eaeaea;
	position:relative;
}
.pc-component-tab.edit-mode .tab-content-container > .placeholder {
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#999;
}
.pc-component-tab.edit-mode .tab-content-container > iframe {
	border:none;
	width:100%;
	pointer-events:none;
}

/********************************************************************************
* generic css for share component
********************************************************************************/
.pc-component-share {
	min-height:50px !important;
}
.pc-component-share.edit-mode {
	/* background-color:#ccc; */
}
.pc-component-share .share-container > .placeholder {
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#999;
}
.pc-component-share .jssocials-share-viber i {
	font-size:1em;
}

/********************************************************************************
* generic css for category/brand/blog component
********************************************************************************/
.pc-component .list-container-placeholder {
	width:100%;
}
.pc-component .list-container-placeholder .item {
	text-align:center;
}
.pc-component .list-container-placeholder .item img {
	width:80%;
	margin-bottom:10px;
}
.pc-component .product-list-container.single-item .item,
.pc-component .blog-container.single-item .item {
	width:100% !important;
}
.pc-component .product-list-container > iframe,
.pc-component .blog-container > iframe {
	border:none;
	width:100%;
	pointer-events:none;
}
.pc-component .slide-pagination {
	background-color:#fff;
	display:flex;
	justify-content:center;
	width:100%;
}
.pc-component .slide-pagination > .page {
	flex:0 1 12px;
	width:12px;
	height:12px;
	margin:5px 7px;
	background-color:#869791;
	border-radius:20px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.4) inset;
	opacity:0.5;
}
.pc-component .slide-pagination > .page.active {
	opacity:1;
}
/* 2020-12-11 - TK: update css for OwlCarousel2 */
.owl-dots {
	margin-left:auto;
	margin-right:auto;
}
.owl-dots.show-number {
	counter-reset:dots;
}
.owl-dots.show-number .owl-dot {
	position:relative;
}
.owl-dots.show-number .owl-dot span {
	width:20px;
	height:20px;
}
.owl-dots.show-number .owl-dot:before {
	counter-increment:dots;
	content:counter(dots);
	position:absolute;
	left:0;
	top:0;
	line-height:30px;
	width:34px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}

/********************************************************************************
* generic css for tab component
********************************************************************************/
.pc-component-image .image-container > img {
	width:100%;
}
.pc-component-image .image-container > img.fit-as-banner {
	width:auto;
	max-width:none;
}

/********************************************************************************
* generic css for youtube
********************************************************************************/
.pc-component-youtube .edit-mode-img img {
	/*width:auto;
	height:100%;*/
	width:100%;
	height:auto;	
}

/********************************************************************************
* generic css for category/brand group
********************************************************************************/
.group-grid-wrapper {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	/* gap: 15px; */
}
.group-grid-wrapper .item {
	flex:0 1 33.333333%;
	/* max-width: 33.33333%; */
	/* margin:15px; */
	height:250px;
	/* box-shadow:0px 0px 4px 0px rgba(153,153,153,0.4); */
	padding:15px;
	text-align:center;
	overflow:hidden;
	margin-bottom: 0;
}
.group-grid-wrapper .item.no-overlay {
	padding:0;
	height:auto !important;
}
.group-grid-wrapper .item a {
	display:block;
	height:100%;
}
.group-grid-wrapper .item .title {
	margin-top:30px;
	font-size:1.7em;
	color:#fff;
	font-weight:bolder;
	line-height:1;
}

.group-grid-wrapper .item.no-overlay .title {
	color: var(--color-primary);
	margin-top: 20px;
	margin-bottom: 10px;
}

.group-grid-wrapper.image-with-text-list .item {
	padding: 15px;
}

.group-grid-wrapper.image-with-text-list .item:hover img {
	transform: translateY(-10px);
}

.group-grid-wrapper.image-with-text-list .item:hover .title {
	color: var(--color-minor);
}
.group-grid-wrapper .item .count {
	margin-top:20px;
	font-size:1.2em;
	color:#fff;
	position:relative;
	padding-top:15px;
}
.group-grid-wrapper .item .count::before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	width:24px;
	height:1px;
	background-color:#fff;
}
.group-grid-wrapper .item img {
	width:100%;
	transition: all 0.2s linear;
}
@media only screen and (max-width: 767px) {
	.group-grid-wrapper .item {
		flex:0 1 calc(50% - 20px);
		margin:10px;
		height:120px;
		padding:5px;
	}
  .group-grid-wrapper.image-with-text-list .item {
    padding: 0;
  }
	.group-grid-wrapper .item .title {
		margin-top:25px;
		font-size:1.6em;
	}
	.group-grid-wrapper .item .count {
		margin-top:10px;
		font-size:1.2em;
		color:#fff;
	}
}
.group-slider-wrapper.edit-mode {
	height:180px;
	overflow:hidden;
	white-space:nowrap;
}
.group-slider-wrapper.edit-mode .item {
	display:inline-block;
	margin-right:15px;
	width:180px;
}
.group-slider-wrapper .item {
	height:180px;
	position:relative;
}
.group-slider-wrapper .item img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.group-slider-wrapper .item a {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.8);
	text-align:center;
}
.group-slider-wrapper .item:not(.item-2):hover a {
	display:block;
}
.group-slider-wrapper .item .title {
	margin-top:60px;
	font-size:1.6em;
	color:#000;
	font-weight:bolder;
}
.group-slider-wrapper .item .count {
	margin-top:15px;
	font-size:1.4em;
}
.group-slider-wrapper .item .flex-column {
	display:flex;
	flex-direction:column;
	height:100%;
}
.group-slider-wrapper .item .flex-column .flex-item {
	flex:0 1 auto;
	position:relative;
}
.group-slider-wrapper .item.item-2 {
	height:200px;
}
.group-slider-wrapper .item.item-2 .flex-column .flex-item {
	flex:0 0 90px;
	margin-bottom:20px;
}
.group-slider-wrapper .item.item-2 .flex-column .flex-item img {
	position:static;
	height:90px;
}
.group-slider-wrapper .item .flex-item:hover a {
	display:block;
}
.group-slider-wrapper .item.item-2 .title {
	margin-top:15px;
	font-size:1.6em;
	color:#000;
	font-weight:bolder;
}
.group-slider-wrapper .item.item-2 .count {
	margin-top:15px;
	font-size:1.4em;
}


.group-tree-wrapper .title {
	padding:0 0 5px 15px;
	border-bottom:4px double #f1f1f1;
	margin-bottom:5px;
	font-weight:bold;
	font-size:1.2em;
}
.group-tree-wrapper ul {
	padding-left:15px;
}
.group-tree-wrapper li {
	line-height:35px;
}
.group-tree-wrapper li span.expandable {
	width:50px;
	text-align:right;
	padding-right:10px;
	cursor:pointer;
}
/* 2021-3-5 - TK: handle mobile */
@media only screen and (max-width: 767px) {
	.pc-component-category-group:not(.edit-mode) .group-tree-wrapper .title {
		text-align:center;
		cursor:pointer;
	}
	.pc-component-category-group:not(.edit-mode) .group-tree-wrapper ul {
		opacity:0;
		height:0;
		transition:opacity .25s ease-in-out;
	}
	.pc-component-category-group:not(.edit-mode) .group-tree-wrapper.active ul {
		opacity:1;
		height:auto;
	}
}

/********************************************************************************
* generic css for button
********************************************************************************/
.pc-component-button .button-container a {
	cursor:pointer;
}
.pc-component-button .button-container a::before {
  content:'';
  display:inline-block;
  height:100%;
  vertical-align:middle;
}
.pc-component-button .button-container a > * {
	vertical-align:middle;
}

/********************************************************************************
* 2021-1-27 - TK: add css for grid-stack-60
********************************************************************************/
.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="1"] {
	width: 1.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="2"] {
	width: 3.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="3"] {
	width: 5%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="4"] {
	width: 6.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="5"] {
	width: 8.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="6"] {
	width: 10%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="7"] {
	width: 11.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="8"] {
	width: 13.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="9"] {
	width: 15%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="10"] {
	width: 16.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="11"] {
	width: 18.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="12"] {
	width: 20%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="13"] {
	width: 21.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="14"] {
	width: 23.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="15"] {
	width: 25%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="16"] {
	width: 26.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="17"] {
	width: 28.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="18"] {
	width: 30%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="19"] {
	width: 31.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="20"] {
	width: 33.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="21"] {
	width: 35%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="22"] {
	width: 36.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="23"] {
	width: 38.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="24"] {
	width: 40%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="25"] {
	width: 41.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="26"] {
	width: 43.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="27"] {
	width: 45%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="28"] {
	width: 46.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="29"] {
	width: 48.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="30"] {
	width: 50%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="31"] {
	width: 51.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="32"] {
	width: 53.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="33"] {
	width: 55%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="34"] {
	width: 56.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="35"] {
	width: 58.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="36"] {
	width: 60%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="37"] {
	width: 61.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="38"] {
	width: 63.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="39"] {
	width: 65%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="40"] {
	width: 66.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="41"] {
	width: 68.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="42"] {
	width: 70%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="43"] {
	width: 71.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="44"] {
	width: 73.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="45"] {
	width: 75%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="46"] {
	width: 76.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="47"] {
	width: 78.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="48"] {
	width: 80%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="49"] {
	width: 81.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="50"] {
	width: 83.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="51"] {
	width: 85%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="52"] {
	width: 86.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="53"] {
	width: 88.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="54"] {
	width: 90%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="55"] {
	width: 91.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="56"] {
	width: 93.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="57"] {
	width: 95%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="58"] {
	width: 96.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="59"] {
	width: 98.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-w="60"] {
	width: 100%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="1"] {
	min-width: 1.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="2"] {
	min-width: 3.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="3"] {
	min-width: 5%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="4"] {
	min-width: 6.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="5"] {
	min-width: 8.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="6"] {
	min-width: 10%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="7"] {
	min-width: 11.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="8"] {
	min-width: 13.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="9"] {
	min-width: 15%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="10"] {
	min-width: 16.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="11"] {
	min-width: 18.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="12"] {
	min-width: 20%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="13"] {
	min-width: 21.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="14"] {
	min-width: 23.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="15"] {
	min-width: 25%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="16"] {
	min-width: 26.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="17"] {
	min-width: 28.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="18"] {
	min-width: 30%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="19"] {
	min-width: 31.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="20"] {
	min-width: 33.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="21"] {
	min-width: 35%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="22"] {
	min-width: 36.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="23"] {
	min-width: 38.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="24"] {
	min-width: 40%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="25"] {
	min-width: 41.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="26"] {
	min-width: 43.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="27"] {
	min-width: 45%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="28"] {
	min-width: 46.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="29"] {
	min-width: 48.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="30"] {
	min-width: 50%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="31"] {
	min-width: 51.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="32"] {
	min-width: 53.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="33"] {
	min-width: 55%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="34"] {
	min-width: 56.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="35"] {
	min-width: 58.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="36"] {
	min-width: 60%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="37"] {
	min-width: 61.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="38"] {
	min-width: 63.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="39"] {
	min-width: 65%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="40"] {
	min-width: 66.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="41"] {
	min-width: 68.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="42"] {
	min-width: 70%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="43"] {
	min-width: 71.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="44"] {
	min-width: 73.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="45"] {
	min-width: 75%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="46"] {
	min-width: 76.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="47"] {
	min-width: 78.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="48"] {
	min-width: 80%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="49"] {
	min-width: 81.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="50"] {
	min-width: 83.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="51"] {
	min-width: 85%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="52"] {
	min-width: 86.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="53"] {
	min-width: 88.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="54"] {
	min-width: 90%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="55"] {
	min-width: 91.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="56"] {
	min-width: 93.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="57"] {
	min-width: 95%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="58"] {
	min-width: 96.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="59"] {
	min-width: 98.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-min-w="60"] {
	min-width: 100%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="1"] {
	max-width: 1.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="2"] {
	max-width: 3.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="3"] {
	max-width: 5%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="4"] {
	max-width: 6.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="5"] {
	max-width: 8.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="6"] {
	max-width: 10%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="7"] {
	max-width: 11.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="8"] {
	max-width: 13.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="9"] {
	max-width: 15%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="10"] {
	max-width: 16.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="11"] {
	max-width: 18.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="12"] {
	max-width: 20%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="13"] {
	max-width: 21.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="14"] {
	max-width: 23.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="15"] {
	max-width: 25%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="16"] {
	max-width: 26.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="17"] {
	max-width: 28.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="18"] {
	max-width: 30%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="19"] {
	max-width: 31.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="20"] {
	max-width: 33.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="21"] {
	max-width: 35%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="22"] {
	max-width: 36.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="23"] {
	max-width: 38.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="24"] {
	max-width: 40%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="25"] {
	max-width: 41.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="26"] {
	max-width: 43.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="27"] {
	max-width: 45%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="28"] {
	max-width: 46.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="29"] {
	max-width: 48.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="30"] {
	max-width: 50%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="31"] {
	max-width: 51.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="32"] {
	max-width: 53.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="33"] {
	max-width: 55%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="34"] {
	max-width: 56.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="35"] {
	max-width: 58.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="36"] {
	max-width: 60%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="37"] {
	max-width: 61.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="38"] {
	max-width: 63.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="39"] {
	max-width: 65%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="40"] {
	max-width: 66.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="41"] {
	max-width: 68.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="42"] {
	max-width: 70%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="43"] {
	max-width: 71.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="44"] {
	max-width: 73.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="45"] {
	max-width: 75%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="46"] {
	max-width: 76.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="47"] {
	max-width: 78.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="48"] {
	max-width: 80%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="49"] {
	max-width: 81.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="50"] {
	max-width: 83.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="51"] {
	max-width: 85%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="52"] {
	max-width: 86.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="53"] {
	max-width: 88.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="54"] {
	max-width: 90%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="55"] {
	max-width: 91.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="56"] {
	max-width: 93.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="57"] {
	max-width: 95%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="58"] {
	max-width: 96.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="59"] {
	max-width: 98.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-max-w="60"] {
	max-width: 100%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="1"] {
	left: 1.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="2"] {
	left: 3.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="3"] {
	left: 5%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="4"] {
	left: 6.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="5"] {
	left: 8.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="6"] {
	left: 10%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="7"] {
	left: 11.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="8"] {
	left: 13.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="9"] {
	left: 15%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="10"] {
	left: 16.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="11"] {
	left: 18.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="12"] {
	left: 20%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="13"] {
	left: 21.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="14"] {
	left: 23.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="15"] {
	left: 25%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="16"] {
	left: 26.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="17"] {
	left: 28.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="18"] {
	left: 30%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="19"] {
	left: 31.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="20"] {
	left: 33.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="21"] {
	left: 35%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="22"] {
	left: 36.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="23"] {
	left: 38.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="24"] {
	left: 40%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="25"] {
	left: 41.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="26"] {
	left: 43.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="27"] {
	left: 45%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="28"] {
	left: 46.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="29"] {
	left: 48.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="30"] {
	left: 50%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="31"] {
	left: 51.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="32"] {
	left: 53.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="33"] {
	left: 55%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="34"] {
	left: 56.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="35"] {
	left: 58.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="36"] {
	left: 60%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="37"] {
	left: 61.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="38"] {
	left: 63.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="39"] {
	left: 65%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="40"] {
	left: 66.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="41"] {
	left: 68.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="42"] {
	left: 70%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="43"] {
	left: 71.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="44"] {
	left: 73.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="45"] {
	left: 75%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="46"] {
	left: 76.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="47"] {
	left: 78.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="48"] {
	left: 80%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="49"] {
	left: 81.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="50"] {
	left: 83.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="51"] {
	left: 85%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="52"] {
	left: 86.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="53"] {
	left: 88.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="54"] {
	left: 90%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="55"] {
	left: 91.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="56"] {
	left: 93.33333333%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="57"] {
	left: 95%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="58"] {
	left: 96.66666667%;
}

.grid-stack.grid-stack-60 > .grid-stack-item[gs-x="59"] {
	left: 98.33333333%;
}

/********************************************************************************
* 2021-2-1 - TK: try to render page with yii widget to improve performance
********************************************************************************/
.php-component-container {
	display:flex;
	flex-wrap: wrap;
	position:relative;
	overflow:hidden;
}
.php-component-container .container-background-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* z-index:-1; */
}
.php-component {
}
.php-component-image img {
	width:100%;
	height: 100%;
	object-fit: contain;
}
.php-component-image img[data-url] {
	cursor:pointer;
}
.php-component-image .overlay {
	position:absolute;
	line-height:normal;
}
.php-component-image .overlay.overlay-hover {
	opacity:0;
}
.php-component-image:hover .overlay.overlay-hover {
	opacity:1;
}
.php-component-image .overlay .text-content {
	position: relative;
	top: 0;
	left: 0;
	/* text-align: center; */
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.php-component .slider-wrapper {
  width: 100%;
  position:relative;
}
.php-component .has-arrow .slider-wrapper {
	padding-left:70px;
	padding-right:70px;
}
.php-component .slider-wrapper .owl-prev,
.php-component .slider-wrapper .owl-next {
	position:absolute;
	top:20%;
	left:5px;
	width:36px;
	height:36px;
	background-color:rgba(255, 255, 255, 0.5) !important;
	border-radius:50%;
	font-size:28px !important;
}
.php-component .slider-wrapper .owl-next {
	left:auto;
	right:5px;
}
.php-component .slider-wrapper .owl-prev > span,
.php-component .slider-wrapper .owl-next > span {
	display:block;
	width:100%;
	height:100%;
	line-height:30px;
	
}
.php-component-button .button-container a {
	text-align:center;
	white-space:nowrap;
}
.php-component-button .button-container a i {
	margin-right:5px;
}
/* 
.php-component-facebook .fb-container {
	min-height:500px;
}
 */

.php-component-container > .php-component[gs-w="1"] {
	flex: 0 0 1.66666667%;
	width: 1.66666667%;
}

.php-component-container > .php-component[gs-w="2"] {
	flex: 0 0 3.33333333%;
	width: 3.33333333%;
}

.php-component-container > .php-component[gs-w="3"] {
	flex: 0 0 5%;
	width: 5%;
}

.php-component-container > .php-component[gs-w="4"] {
	flex: 0 0 6.66666667%;
	width: 6.66666667%;
}

.php-component-container > .php-component[gs-w="5"] {
	flex: 0 0 8.33333333%;
	width: 8.33333333%;
}

.php-component-container > .php-component[gs-w="6"] {
	flex: 0 0 10%;
	width: 10%;
}

.php-component-container > .php-component[gs-w="7"] {
	flex: 0 0 11.66666667%;
	width: 11.66666667%;
}

.php-component-container > .php-component[gs-w="8"] {
	flex: 0 0 13.33333333%;
	width: 13.33333333%;
}

.php-component-container > .php-component[gs-w="9"] {
	flex: 0 0 15%;
	width: 15%;
}

.php-component-container > .php-component[gs-w="10"] {
	flex: 0 0 16.66666667%;
	width: 16.66666667%;
}

.php-component-container > .php-component[gs-w="11"] {
	flex: 0 0 18.33333333%;
	width: 18.33333333%;
}

.php-component-container > .php-component[gs-w="12"] {
	flex: 0 0 20%;
	width: 20%;
}

.php-component-container > .php-component[gs-w="13"] {
	flex: 0 0 21.66666667%;
	width: 21.66666667%;
}

.php-component-container > .php-component[gs-w="14"] {
	flex: 0 0 23.33333333%;
	width: 23.33333333%;
}

.php-component-container > .php-component[gs-w="15"] {
	flex: 0 0 25%;
	width: 25%;
}

.php-component-container > .php-component[gs-w="16"] {
	flex: 0 0 26.66666667%;
	width: 26.66666667%;
}

.php-component-container > .php-component[gs-w="17"] {
	flex: 0 0 28.33333333%;
	width: 28.33333333%;
}

.php-component-container > .php-component[gs-w="18"] {
	flex: 0 0 30%;
	width: 30%;
}

.php-component-container > .php-component[gs-w="19"] {
	flex: 0 0 31.66666667%;
	width: 31.66666667%;
}

.php-component-container > .php-component[gs-w="20"] {
	flex: 0 0 33.33333333%;
	width: 33.33333333%;
}

.php-component-container > .php-component[gs-w="21"] {
	flex: 0 0 35%;
	width: 35%;
}

.php-component-container > .php-component[gs-w="22"] {
	flex: 0 0 36.66666667%;
	width: 36.66666667%;
}

.php-component-container > .php-component[gs-w="23"] {
	flex: 0 0 38.33333333%;
	width: 38.33333333%;
}

.php-component-container > .php-component[gs-w="24"] {
	flex: 0 0 40%;
	width: 40%;
}

.php-component-container > .php-component[gs-w="25"] {
	flex: 0 0 41.66666667%;
	width: 41.66666667%;
}

.php-component-container > .php-component[gs-w="26"] {
	flex: 0 0 43.33333333%;
	width: 43.33333333%;
}

.php-component-container > .php-component[gs-w="27"] {
	flex: 0 0 45%;
	width: 45%;
}

.php-component-container > .php-component[gs-w="28"] {
	flex: 0 0 46.66666667%;
	width: 46.66666667%;
}

.php-component-container > .php-component[gs-w="29"] {
	flex: 0 0 48.33333333%;
	width: 48.33333333%;
}

.php-component-container > .php-component[gs-w="30"] {
	flex: 0 0 50%;
	width: 50%;
}

.php-component-container > .php-component[gs-w="31"] {
	flex: 0 0 51.66666667%;
	width: 51.66666667%;
}

.php-component-container > .php-component[gs-w="32"] {
	flex: 0 0 53.33333333%;
	width: 53.33333333%;
}

.php-component-container > .php-component[gs-w="33"] {
	flex: 0 0 55%;
	width: 55%;
}

.php-component-container > .php-component[gs-w="34"] {
	flex: 0 0 56.66666667%;
	width: 56.66666667%;
}

.php-component-container > .php-component[gs-w="35"] {
	flex: 0 0 58.33333333%;
	width: 58.33333333%;
}

.php-component-container > .php-component[gs-w="36"] {
	flex: 0 0 60%;
	width: 60%;
}

.php-component-container > .php-component[gs-w="37"] {
	flex: 0 0 61.66666667%;
	width: 61.66666667%;
}

.php-component-container > .php-component[gs-w="38"] {
	flex: 0 0 63.33333333%;
	width: 63.33333333%;
}

.php-component-container > .php-component[gs-w="39"] {
	flex: 0 0 65%;
	width: 65%;
}

.php-component-container > .php-component[gs-w="40"] {
	flex: 0 0 66.66666667%;
	width: 66.66666667%;
}

.php-component-container > .php-component[gs-w="41"] {
	flex: 0 0 68.33333333%;
	width: 68.33333333%;
}

.php-component-container > .php-component[gs-w="42"] {
	flex: 0 0 70%;
	width: 70%;
}

.php-component-container > .php-component[gs-w="43"] {
	flex: 0 0 71.66666667%;
	width: 71.66666667%;
}

.php-component-container > .php-component[gs-w="44"] {
	flex: 0 0 73.33333333%;
	width: 73.33333333%;
}

.php-component-container > .php-component[gs-w="45"] {
	flex: 0 0 75%;
	width: 75%;
}

.php-component-container > .php-component[gs-w="46"] {
	flex: 0 0 76.66666667%;
	width: 76.66666667%;
}

.php-component-container > .php-component[gs-w="47"] {
	flex: 0 0 78.33333333%;
	width: 78.33333333%;
}

.php-component-container > .php-component[gs-w="48"] {
	flex: 0 0 80%;
	width: 80%;
}

.php-component-container > .php-component[gs-w="49"] {
	flex: 0 0 81.66666667%;
	width: 81.66666667%;
}

.php-component-container > .php-component[gs-w="50"] {
	flex: 0 0 83.33333333%;
	width: 83.33333333%;
}

.php-component-container > .php-component[gs-w="51"] {
	flex: 0 0 85%;
	width: 85%;
}

.php-component-container > .php-component[gs-w="52"] {
	flex: 0 0 86.66666667%;
	width: 86.66666667%;
}

.php-component-container > .php-component[gs-w="53"] {
	flex: 0 0 88.33333333%;
	width: 88.33333333%;
}

.php-component-container > .php-component[gs-w="54"] {
	flex: 0 0 90%;
	width: 90%;
}

.php-component-container > .php-component[gs-w="55"] {
	flex: 0 0 91.66666667%;
	width: 91.66666667%;
}

.php-component-container > .php-component[gs-w="56"] {
	flex: 0 0 93.33333333%;
	width: 93.33333333%;
}

.php-component-container > .php-component[gs-w="57"] {
	flex: 0 0 95%;
	width: 95%;
}

.php-component-container > .php-component[gs-w="58"] {
	flex: 0 0 96.66666667%;
	width: 96.66666667%;
}

.php-component-container > .php-component[gs-w="59"] {
	flex: 0 0 98.33333333%;
	width: 98.33333333%;
}

.php-component-container > .php-component[gs-w="60"] {
	flex: 0 0 100%;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.php-component-container {
		justify-content:center;
	}
	.php-component-container > .php-component[gs-w="1"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="2"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="3"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="4"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="5"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="6"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="7"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="8"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="9"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="10"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component[gs-w="11"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="12"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="13"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="14"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="15"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="16"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="17"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="18"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="19"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="20"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component[gs-w="21"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="22"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="23"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="24"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="25"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="26"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="27"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="28"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="29"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="30"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="31"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="32"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="33"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="34"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="35"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="36"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="37"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="38"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="39"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="40"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="41"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="42"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="43"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="44"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="45"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="46"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="47"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="48"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="49"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="50"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="51"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="52"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="53"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="54"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="55"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="56"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="57"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="58"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="59"] {
		flex: 0 0 100%;
		width: 100%;
	}

	.php-component-container > .php-component[gs-w="60"] {
		flex: 0 0 100%;
		width: 100%;
	}
	/* 2021-7-26 - TK: #23610 let text component 100% on mobile */
	.php-component-container > .php-component-text {
		flex: 0 0 100% !important;
		width: 100% !important;
	}
	/* 2023-11-29 - TK: let slideshow component 100% on mobile */
	.php-component-container > .php-component-slideshow {
		flex: 0 0 100% !important;
		width: 100% !important;
	}
	.php-component-container > .php-component-form {
		flex: 0 0 100% !important;
		width: 100% !important;
	}
	/* 2023-8-17 - TK: allow 1 row 5 image....*/
	.php-component-container > .php-component-image[gs-w="0"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="1"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="2"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="3"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="4"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="5"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="6"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="7"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="8"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="9"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="10"] {
		flex: 0 0 20%;
		width: 20%;
	}
	.php-component-container > .php-component-image[gs-w="11"] {
		flex: 0 0 25%;
		width: 25%;
	}

	.php-component-container > .php-component-image[gs-w="12"] {
		flex: 0 0 25%;
		width: 25%;
	}

	.php-component-container > .php-component-image[gs-w="13"] {
		flex: 0 0 25%;
		width: 25%;
	}

	.php-component-container > .php-component-image[gs-w="14"] {
		flex: 0 0 25%;
		width: 25%;
	}

	/* 2022-7-29 - TK: allow 1 row 3 image....*/
	.php-component-container > .php-component-image[gs-w="15"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component-image[gs-w="16"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component-image[gs-w="17"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component-image[gs-w="18"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component-image[gs-w="19"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component-image[gs-w="20"] {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.php-component-container > .php-component-image[gs-w="21"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component-image[gs-w="22"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component-image[gs-w="23"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component-image[gs-w="24"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component-image[gs-w="25"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component-image[gs-w="26"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component-image[gs-w="27"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component-image[gs-w="28"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component-image[gs-w="29"] {
		flex: 0 0 50%;
		width: 50%;
	}

	.php-component-container > .php-component-image[gs-w="30"] {
		flex: 0 0 50%;
		width: 50%;
	}
}
.php-component-singleitem > .product-list-container .item {
	width: 100% !important;
}

.reset-this-wrapper .reset-this [style*="text-align: justify"] {
	text-align-last: justify;
}
/* 2021-9-10 - TK: add min-height to make sure resize handler is visible */
.pc-component.edit-mode {
	min-height:60px;
}
/* 2022-1-10 - TK: default css for accordin */
.pc-component-accordin .panel {
	border:none;
	box-shadow:none;
}
.pc-component-accordin .panel .panel-heading {
	border:none;
	background-color:transparent;
}
.pc-component-accordin .panel .panel-heading .panel-title a {
	display:block;
	font-weight:bold;
}
.pc-component-accordin .panel .panel-heading .panel-title a::after {
	content:'\f077';
	float:right;
	font:normal normal normal 14px/1 FontAwesome;
	text-rendering:auto;
}
.pc-component-accordin .panel .panel-heading .panel-title a.collapsed::after {
	content:'\f078';
}
.pc-component-accordin .panel .panel-body {
	border:none !important;
}



.locations-slide-show {
	display: flex;
	padding: 15px;
	align-content: center;
	--swiper-theme-color: var(--color-primary);
}

.locations-slide-title {
	width: 33.33333%;
	display: flex;
	align-items: center;
}

.locations-slide-title h2 {
	max-width: 100%;
	width: 400px;
	margin: 0 auto;
	padding: 15px;
	color: var(--color-primary);
}

.locations-slide-list {
	width: 66.66666%;
	overflow: hidden;
	position: relative;
}

.locations-slide-list .swiper-button-prev,
.locations-slide-list .swiper-button-next {
  --swiper-theme-color: #776345;
  width: 34px;
  height: 74px;
  background-color: #b3b798;
  opacity: .75;
  transition: all 0.1s linear;
}

.locations-slide-list .swiper-button-prev:hover,
.locations-slide-list .swiper-button-next:hover {
  opacity: 1;
}

.locations-slide-list .swiper-button-next:after,
.locations-slide-list .swiper-button-prev:after {
  --swiper-navigation-size: 22px;
}


.locations-slide-list .image-wrapper {
	width: 100%;
	padding-bottom: 100%;
	position: relative;

}

.locations-slide-list .slide-wrapper {
	display: flex;
	flex-direction: column;
	padding: 0 15px;
}

.locations-slide-list .image-wrapper .slide-image {
	width: calc(100% - 30px);
	height: 100%;
	left: 15px;
	top: 0;
	position: absolute;
	object-fit: cover;
}

.locations-slide-list .slide-wrapper h4,
.locations-slide-list .slide-wrapper p {
	color: var(--color-primary);
	line-height: 1.5;
}

.locations-slide-list .slide-wrapper h4 {
	padding-bottom: 0;
	margin-top: 5px;
}

.locations-slide-list .swiper-slide:hover .slide-wrapper h4 {
	color: var(--link-color-hover);
}

.location-item {
  display: flex;
  padding: 60px 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.location-item .location-info {
	width: 42%;
}

.location-item .location-info, .location-item .location-image-wrapper {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.4s linear;
}

.location-item .location-info.show, .location-item .location-image-wrapper.show {
	opacity: 1;
	transform: translateY(0);
}


.location-image-item {
	flex: 1;
}

.location-item.right-text .location-info {
  text-align: right;
}

.location-image-item {
  text-align: center;
}

.location-image-item .location-image-wrapper {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
	padding: 0 30px;
}

.location-image-item .location-image-wrapper .location-image {
	background-color: #f7f7f7;
	padding-top: 72%;
	position: relative;
}

.location-image-item .location-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.location-item.right-text .location-image-wrapper {
  border-right: 1px solid rgba(119, 99, 69, .5);
}

.location-item.left-text .location-image-wrapper {
  border-left: 1px solid rgba(119, 99, 69, .5);
}

.location-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-primary);
	font-family: Avenir Next Rounded,sans-serif !important;
}

.location-info-wrapper {
  width: 400px;
  max-width: 100%;
	margin: 0 auto;
}

.location-title,
.location-subtitle {
  font-weight: normal;
}

.location-title {
  font-size: 36px;
	line-height: 1.3;
}

.location-subtitle {
  font-size: 22px;
}

.location-meta span {
  display: block;
}

.location-meta span:first-child {
  font-size: 10px;
}

.location-meta span:last-child {
  font-size: 22px;
	line-height: 1.4;
}

.location-info .items {
  display: flex;
  gap: 30px;
}

.location-item.right-text .location-info .items {
  justify-content: flex-end;
}

@media (max-width: 768px) {
	.locations-slide-list .image-wrapper .slide-image {
		width: calc(100% - 15px);
		left: 7.5px;
	}
	.locations-slide-show {
		flex-wrap: wrap;
		padding: 0;
	}
	.locations-slide-list {
		overflow: visible;
	}

	.locations-slide-show .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 0;
		transform: translateY(100%);
	}

	.locations-slide-show .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}

	.locations-slide-title {
			width: 100%;
			text-align: center;
	}

	.locations-slide-list {
			width: 100%;
	}
  .location-item {
    flex-direction: column;
		padding: 30px 0;
  }

  .location-image-item {
    order: 1;
  }

  .location-info {
    order: 2;
  }

  .location-image-item,
  .location-info {
    width: 100%;
  }

	.location-list {
		margin-top: 30px;
	}

  .location-list .location-item .location-image-item .location-image-wrapper  {
    border: none;
		padding: 0;
  }

  .location-info-wrapper {
    text-align: center;
  }

	.location-list .location-item .location-info {
		width: 100%;
		margin-top: 15px;
	}

  .location-list .location-item .location-info .items {
    justify-content: center;
  }
	.locations-slide-list .slide-wrapper h4 {
		font-size: 14px;
		white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	.locations-slide-list .slide-wrapper .slide-image {
		width: calc(100% - 10px);
	}
}

/********************************************************************************
* 2021-12-16 - TK: comeback again 10 months later....flex is not working on vertically
********************************************************************************/
@media only screen and (min-width: 768px) {
	.php-component-container.absolute > .php-component[gs-x="0"] {
		position:absolute;
		left:0%;
	}

	.php-component-container.absolute > .php-component[gs-x="1"] {
		position:absolute;
		left:1.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="2"] {
		position:absolute;
		left:3.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="3"] {
		position:absolute;
		left:5%;
	}

	.php-component-container.absolute > .php-component[gs-x="4"] {
		position:absolute;
		left:6.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="5"] {
		position:absolute;
		left:8.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="6"] {
		position:absolute;
		left:10%;
	}

	.php-component-container.absolute > .php-component[gs-x="7"] {
		position:absolute;
		left:11.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="8"] {
		position:absolute;
		left:13.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="9"] {
		position:absolute;
		left:15%;
	}

	.php-component-container.absolute > .php-component[gs-x="10"] {
		position:absolute;
		left:16.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="11"] {
		position:absolute;
		left:18.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="12"] {
		position:absolute;
		left:20%;
	}

	.php-component-container.absolute > .php-component[gs-x="13"] {
		position:absolute;
		left:21.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="14"] {
		position:absolute;
		left:23.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="15"] {
		position:absolute;
		left:25%;
	}

	.php-component-container.absolute > .php-component[gs-x="16"] {
		position:absolute;
		left:26.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="17"] {
		position:absolute;
		left:28.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="18"] {
		position:absolute;
		left:30%;
	}

	.php-component-container.absolute > .php-component[gs-x="19"] {
		position:absolute;
		left:31.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="20"] {
		position:absolute;
		left:33.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="21"] {
		position:absolute;
		left:35%;
	}

	.php-component-container.absolute > .php-component[gs-x="22"] {
		position:absolute;
		left:36.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="23"] {
		position:absolute;
		left:38.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="24"] {
		position:absolute;
		left:40%;
	}

	.php-component-container.absolute > .php-component[gs-x="25"] {
		position:absolute;
		left:41.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="26"] {
		position:absolute;
		left:43.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="27"] {
		position:absolute;
		left:45%;
	}

	.php-component-container.absolute > .php-component[gs-x="28"] {
		position:absolute;
		left:46.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="29"] {
		position:absolute;
		left:48.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="30"] {
		position:absolute;
		left:50%;
	}

	.php-component-container.absolute > .php-component[gs-x="31"] {
		position:absolute;
		left:51.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="32"] {
		position:absolute;
		left:53.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="33"] {
		position:absolute;
		left:55%;
	}

	.php-component-container.absolute > .php-component[gs-x="34"] {
		position:absolute;
		left:56.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="35"] {
		position:absolute;
		left:58.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="36"] {
		position:absolute;
		left:60%;
	}

	.php-component-container.absolute > .php-component[gs-x="37"] {
		position:absolute;
		left:61.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="38"] {
		position:absolute;
		left:63.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="39"] {
		position:absolute;
		left:65%;
	}

	.php-component-container.absolute > .php-component[gs-x="40"] {
		position:absolute;
		left:66.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="41"] {
		position:absolute;
		left:68.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="42"] {
		position:absolute;
		left:70%;
	}

	.php-component-container.absolute > .php-component[gs-x="43"] {
		position:absolute;
		left:71.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="44"] {
		position:absolute;
		left:73.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="45"] {
		position:absolute;
		left:75%;
	}

	.php-component-container.absolute > .php-component[gs-x="46"] {
		position:absolute;
		left:76.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="47"] {
		position:absolute;
		left:78.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="48"] {
		position:absolute;
		left:80%;
	}

	.php-component-container.absolute > .php-component[gs-x="49"] {
		position:absolute;
		left:81.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="50"] {
		position:absolute;
		left:83.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="51"] {
		position:absolute;
		left:85%;
	}

	.php-component-container.absolute > .php-component[gs-x="52"] {
		position:absolute;
		left:86.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="53"] {
		position:absolute;
		left:88.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="54"] {
		position:absolute;
		left:90%;
	}

	.php-component-container.absolute > .php-component[gs-x="55"] {
		position:absolute;
		left:91.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="56"] {
		position:absolute;
		left:93.33333%;
	}

	.php-component-container.absolute > .php-component[gs-x="57"] {
		position:absolute;
		left:95%;
	}

	.php-component-container.absolute > .php-component[gs-x="58"] {
		position:absolute;
		left:96.66667%;
	}

	.php-component-container.absolute > .php-component[gs-x="59"] {
		position:absolute;
		left:98.33333%;
	}

	.php-component-container.absolute > .php-component[gs-y="0"] {
		position:absolute;
		top:0px;
	}

	.php-component-container.absolute > .php-component[gs-y="1"] {
		position:absolute;
		top:10px;
	}

	.php-component-container.absolute > .php-component[gs-y="2"] {
		position:absolute;
		top:20px;
	}

	.php-component-container.absolute > .php-component[gs-y="3"] {
		position:absolute;
		top:30px;
	}

	.php-component-container.absolute > .php-component[gs-y="4"] {
		position:absolute;
		top:40px;
	}

	.php-component-container.absolute > .php-component[gs-y="5"] {
		position:absolute;
		top:50px;
	}

	.php-component-container.absolute > .php-component[gs-y="6"] {
		position:absolute;
		top:60px;
	}

	.php-component-container.absolute > .php-component[gs-y="7"] {
		position:absolute;
		top:70px;
	}

	.php-component-container.absolute > .php-component[gs-y="8"] {
		position:absolute;
		top:80px;
	}

	.php-component-container.absolute > .php-component[gs-y="9"] {
		position:absolute;
		top:90px;
	}

	.php-component-container.absolute > .php-component[gs-y="10"] {
		position:absolute;
		top:100px;
	}

	.php-component-container.absolute > .php-component[gs-y="11"] {
		position:absolute;
		top:110px;
	}

	.php-component-container.absolute > .php-component[gs-y="12"] {
		position:absolute;
		top:120px;
	}

	.php-component-container.absolute > .php-component[gs-y="13"] {
		position:absolute;
		top:130px;
	}

	.php-component-container.absolute > .php-component[gs-y="14"] {
		position:absolute;
		top:140px;
	}

	.php-component-container.absolute > .php-component[gs-y="15"] {
		position:absolute;
		top:150px;
	}

	.php-component-container.absolute > .php-component[gs-y="16"] {
		position:absolute;
		top:160px;
	}

	.php-component-container.absolute > .php-component[gs-y="17"] {
		position:absolute;
		top:170px;
	}

	.php-component-container.absolute > .php-component[gs-y="18"] {
		position:absolute;
		top:180px;
	}

	.php-component-container.absolute > .php-component[gs-y="19"] {
		position:absolute;
		top:190px;
	}

	.php-component-container.absolute > .php-component[gs-y="20"] {
		position:absolute;
		top:200px;
	}

	.php-component-container.absolute > .php-component[gs-y="21"] {
		position:absolute;
		top:210px;
	}

	.php-component-container.absolute > .php-component[gs-y="22"] {
		position:absolute;
		top:220px;
	}

	.php-component-container.absolute > .php-component[gs-y="23"] {
		position:absolute;
		top:230px;
	}

	.php-component-container.absolute > .php-component[gs-y="24"] {
		position:absolute;
		top:240px;
	}

	.php-component-container.absolute > .php-component[gs-y="25"] {
		position:absolute;
		top:250px;
	}

	.php-component-container.absolute > .php-component[gs-y="26"] {
		position:absolute;
		top:260px;
	}

	.php-component-container.absolute > .php-component[gs-y="27"] {
		position:absolute;
		top:270px;
	}

	.php-component-container.absolute > .php-component[gs-y="28"] {
		position:absolute;
		top:280px;
	}

	.php-component-container.absolute > .php-component[gs-y="29"] {
		position:absolute;
		top:290px;
	}

	.php-component-container.absolute > .php-component[gs-y="30"] {
		position:absolute;
		top:300px;
	}

	.php-component-container.absolute > .php-component[gs-y="31"] {
		position:absolute;
		top:310px;
	}

	.php-component-container.absolute > .php-component[gs-y="32"] {
		position:absolute;
		top:320px;
	}

	.php-component-container.absolute > .php-component[gs-y="33"] {
		position:absolute;
		top:330px;
	}

	.php-component-container.absolute > .php-component[gs-y="34"] {
		position:absolute;
		top:340px;
	}

	.php-component-container.absolute > .php-component[gs-y="35"] {
		position:absolute;
		top:350px;
	}

	.php-component-container.absolute > .php-component[gs-y="36"] {
		position:absolute;
		top:360px;
	}

	.php-component-container.absolute > .php-component[gs-y="37"] {
		position:absolute;
		top:370px;
	}

	.php-component-container.absolute > .php-component[gs-y="38"] {
		position:absolute;
		top:380px;
	}

	.php-component-container.absolute > .php-component[gs-y="39"] {
		position:absolute;
		top:390px;
	}

	.php-component-container.absolute > .php-component[gs-y="40"] {
		position:absolute;
		top:400px;
	}

	.php-component-container.absolute > .php-component[gs-y="41"] {
		position:absolute;
		top:410px;
	}

	.php-component-container.absolute > .php-component[gs-y="42"] {
		position:absolute;
		top:420px;
	}

	.php-component-container.absolute > .php-component[gs-y="43"] {
		position:absolute;
		top:430px;
	}

	.php-component-container.absolute > .php-component[gs-y="44"] {
		position:absolute;
		top:440px;
	}

	.php-component-container.absolute > .php-component[gs-y="45"] {
		position:absolute;
		top:450px;
	}

	.php-component-container.absolute > .php-component[gs-y="46"] {
		position:absolute;
		top:460px;
	}

	.php-component-container.absolute > .php-component[gs-y="47"] {
		position:absolute;
		top:470px;
	}

	.php-component-container.absolute > .php-component[gs-y="48"] {
		position:absolute;
		top:480px;
	}

	.php-component-container.absolute > .php-component[gs-y="49"] {
		position:absolute;
		top:490px;
	}

	.php-component-container.absolute > .php-component[gs-y="50"] {
		position:absolute;
		top:500px;
	}

	.php-component-container.absolute > .php-component[gs-y="51"] {
		position:absolute;
		top:510px;
	}

	.php-component-container.absolute > .php-component[gs-y="52"] {
		position:absolute;
		top:520px;
	}

	.php-component-container.absolute > .php-component[gs-y="53"] {
		position:absolute;
		top:530px;
	}

	.php-component-container.absolute > .php-component[gs-y="54"] {
		position:absolute;
		top:540px;
	}

	.php-component-container.absolute > .php-component[gs-y="55"] {
		position:absolute;
		top:550px;
	}

	.php-component-container.absolute > .php-component[gs-y="56"] {
		position:absolute;
		top:560px;
	}

	.php-component-container.absolute > .php-component[gs-y="57"] {
		position:absolute;
		top:570px;
	}

	.php-component-container.absolute > .php-component[gs-y="58"] {
		position:absolute;
		top:580px;
	}

	.php-component-container.absolute > .php-component[gs-y="59"] {
		position:absolute;
		top:590px;
	}
}
/* 2022-2-26 - TK: youtube responsive 16:9 */
.pc-component .video-container .youtube {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.pc-component .video-container .youtube img {
    width: 100%;
    top: -16.84%;
    left: 0;
}
.pc-component .video-container .youtube.four-to-three {
	padding-top:75%;
}
.pc-component .video-container .youtube.four-to-three img {
	top:0;
}
.pc-component .video-container .youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.pc-component .video-container .youtube .play-button:hover {
	background-color:#f00;
}
.pc-component .video-container .youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.pc-component .video-container .youtube img,
.pc-component .video-container .youtube .play-button {
    cursor: pointer;
}
.pc-component .video-container .youtube img,
.pc-component .video-container .youtube iframe,
.pc-component .video-container .youtube .play-button,
.pc-component .video-container .youtube .play-button:before {
    position: absolute;
}
.pc-component .video-container .youtube .play-button,
.pc-component .video-container .youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.pc-component .video-container .youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.pc-component .video-container .video-title {
	margin-top: 14px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
	font-weight: bold;
}
.php-component-download-center .header {
	font-weight:bold;
	border-bottom:1px solid #000;
	line-height:50px;
}
.php-component-download-center .body {
	border-bottom:1px solid #000;
	line-height:40px;
}
.php-component-member-center .guest-greeting {
	font-size:32px;
}
.php-component-member-center .component-wrapper:after {
	content:'';
	clear:both;
}

/********************************************************************************
* generic css for recent notification
********************************************************************************/
.notification-slider-wrapper.edit-mode {
	height:100px;
	overflow:hidden;
	white-space:nowrap;
}
.notification-slider-wrapper.edit-mode .item {
	display:inline-block;
	width:100%;
	margin:0;
}
.notification-slider-wrapper .item {
	/* height:100px; */
	position:relative;
}
.notification-slider-wrapper .item .title {
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
}
.notification-slider-wrapper .item .content {
	color:#666;
}

/********************************************************************************
* generic css for hashtag group
********************************************************************************/
.hastag-group {
	display:flex;
	flex-wrap:wrap;
}
.hastag-group .hashtag {
	flex:0 1 auto;
	margin:0 5px 5px 0;
	background-color:#575757;
	padding:0 20px;
	line-height:30px;
	border-radius:15px;
}
.hastag-group .hashtag a {
	color:#fff;
}

/********************************************************************************
* generic css for hashtag group
********************************************************************************/
.marquee-container {
	background-color:#ccc;
	line-height:40px;
	padding:0 16px;
}
.marquee-container a {
	color:#fff;
}

.grid-page {
	width: 100%;
	justify-content: flex-start;
}

.footer-bottom {
	font-size: 8px;
}
.footer-bottom li {
	line-height: 1;
}

.footer-bottom li a {
	font-size: inherit;
	display: block;
}

@media only screen and (max-width: 768px) {
	.pc-component .video-container .youtube .play-button {
		width: 45px;
		height: 30px;
	}

	.pc-component .video-container .youtube .play-button:before {
		border-width: 8px 0 8px 14px;
	}

}