.vcx-block-sub-footer-a {
	padding-top: var(--margin-top);
	padding-bottom: var(--margin-bottom);
	margin-top: var(--footer-top-margin);
}

.vcx-block-sub-footer-a > .ux-layout {
	position: relative;
	max-width: min(1340px, 87vw);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	column-gap: 60px;
	container-type: inline-size;
	font-size: clamp(14px, 1cqw, 16px);
}

.vcx-block-sub-footer-a .col-left {
	max-width: 280px;
	min-width: 220px;
	flex: 1;
}

.vcx-block-sub-footer-a .col-left .vcx-image {
	margin: 0;
	transform-origin: top left;
	transform: scale(var(--ratio));
}

.vcx-block-sub-footer-a .col-right {
	max-width: 940px;
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
}

.vcx-block-sub-footer-a h6 {
	color: var(--title-color);
	font-family: var(--title-font-family);
}

.vcx-block-sub-footer-a .col-right h6 {
	font-size: 1.05em;
	margin-bottom: 10px;
}

.vcx-block-sub-footer-a .col-right .col-c h6 {
	text-align: right;
}

.vcx-block-sub-footer-a .col-right .item {
	position: relative;
}

.vcx-block-sub-footer-a .col-right p {
	margin: 0;
	line-height: 1.48em;
	color: var(--text-color);
}

.vcx-block-sub-footer-a .col-right ul {
	list-style: none;
	padding: 0;
	line-height: 1.65em;
	margin: 0;
	--link-color: var(--text-color);
	color: var(--text-color);
}

.vcx-block-sub-footer-a .col-right i {
	width: 1.2em;
	text-align: center;
}

.vcx-block-sub-footer-a .col-right > .col-a {
	flex-basis: 360px;
}

.vcx-block-sub-footer-a .ux-social-icons {
	display: flex;
	gap: 10px;
	font-size: 22px;
	justify-content: flex-end;
}

.vcx-block-sub-footer-a .ux-social-icons a::before {transition: all 0.3s;}
.vcx-block-sub-footer-a .ux-social-icons a.icon-facebook::before {color: #274A9D;}
.vcx-block-sub-footer-a .ux-social-icons a.icon-wechat::before,
.vcx-block-sub-footer-a .ux-social-icons a.icon-whatsapp::before,
.vcx-block-sub-footer-a .ux-social-icons a.icon-line::before {color: #00BA00;}
.vcx-block-sub-footer-a .ux-social-icons a.icon-email::before,
.vcx-block-sub-footer-a .ux-social-icons a.icon-google-map::before,
.vcx-block-sub-footer-a .ux-social-icons a.icon-youtube::before {color: #F00000;}
.vcx-block-sub-footer-a .ux-social-icons a.icon-instagram::before {color: #D42F87;}
.vcx-block-sub-footer-a .ux-social-icons a.icon-tripadvisor::before {color: #30D599;}
.vcx-block-sub-footer-a .ux-social-icons a.icon-twitter::before {color: #1C93E4;}
.vcx-block-sub-footer-a .ux-social-icons.ux-color-solid a::before {color: var(--icon-color);}
.vcx-block-sub-footer-a .ux-social-icons.ux-color-solid a:hover::before {color: var(--icon-color-hover);}
.vcx-block-sub-footer-a .ux-social-icons span {display: none;}

.vcx-block-sub-footer-a .ux-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	mask-repeat: no-repeat;
	mask-size: cover;
	mask-position: top center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	-webkit-mask-position: top center;
}

.vcx-block-sub-footer-a.ux-style-a .ux-mask {mask-image: url(images/mask-01.png);-webkit-mask-image: url(images/mask-01.png);}
.vcx-block-sub-footer-a.ux-style-b .ux-mask {mask-image: url(images/mask-02.png);-webkit-mask-image: url(images/mask-02.png);}
.vcx-block-sub-footer-a.ux-style-c .ux-mask {mask-image: url(images/mask-03.png);-webkit-mask-image: url(images/mask-03.png);}
.vcx-block-sub-footer-a.ux-style-d .ux-mask {mask-image: url(images/mask-04.png);-webkit-mask-image: url(images/mask-04.png);}
.vcx-block-sub-footer-a.ux-style-e .ux-mask {mask-image: url(images/mask-05.png);-webkit-mask-image: url(images/mask-05.png);}
.vcx-block-sub-footer-a.ux-style-f .ux-mask {mask-image: url(images/mask-06.png);-webkit-mask-image: url(images/mask-06.png);}
.vcx-block-sub-footer-a.ux-style-g .ux-mask {mask-image: url(images/mask-07.png);-webkit-mask-image: url(images/mask-07.png);}

.vcx-block-sub-footer-a .col-right a.api[data-action="edit"] {
	width: 14px !important;
	height: 14px !important;
	top: 3px !important;
	right: -25px !important;
}

.vcx-block-sub-footer-a .command-button.settings {
	right: -54px !important;
	top: 0px !important;
	background: url(../../css/images/icon-gear-24x24.png);
	width: 16px;
	height: 16px;
	box-shadow: none;
}

.vcx-block-sub-footer-a .command-button.settings::before {
	display: none;
}

@media screen and (min-width: 775px) and (max-width: 1190px) {
	.vcx-block-sub-footer-a > .ux-layout {
		column-gap: 20px;
	}

	.vcx-block-sub-footer-a .col-right .col-a {
		display: none;
	}	
}

@media screen and (min-width: 481px) and (max-width: 774px) {
	.vcx-block-sub-footer-a > .ux-layout {
		display: block;
		font-size: 13px;
	}

	.vcx-block-sub-footer-a .col-left {
		display: none;
	}

	.vcx-block-sub-footer-a .col-right .col-a {
		display: none;
	}	
}

@media screen and (max-width: 480px) {
	.vcx-block-sub-footer-a > .ux-layout {
		display: block;
		font-size: 13px;
	}

	.vcx-block-sub-footer-a .col-left {
		max-width: 100%;
	}

	.vcx-block-sub-footer-a .col-left .vcx-image {
		transform-origin: center;
		transform: scale(1);
		margin: 0 auto 20px;
		max-width: 50%;
	}

	.vcx-block-sub-footer-a .col-right {
		display: block;
	}

	.vcx-block-sub-footer-a .col-right .col-a,
	.vcx-block-sub-footer-a .col-right .col-b {
/*		display: none;*/
		margin-bottom: 2em;
	}	

	.vcx-block-sub-footer-a .col-right .col-c h6 {
		text-align: center;
	}

	.vcx-block-sub-footer-a .ux-social-icons {
		justify-content: center;
	}
}


@media screen and (max-width: 775px) {
	.vcx-block-sub-footer-a.ux-style-a {
		--margin-top: 80px !important;
	}

	.vcx-block-sub-footer-a.ux-style-b {
		--margin-top: 60px !important;
	}

	.vcx-block-sub-footer-a.ux-style-c {
		--margin-top: 60px !important;
	}

	.vcx-block-sub-footer-a.ux-style-d {
		--margin-top: 80px !important;
	}

	.vcx-block-sub-footer-a.ux-style-e {
		--margin-top: 80px !important;
	}

	.vcx-block-sub-footer-a.ux-style-f {
		--margin-top: 80px !important;
	}

	.vcx-block-sub-footer-a.ux-style-g {
		--margin-top: 80px !important;
	}
}