.xlx19-container {
	width: 100%;
	margin: 1px 0;
	padding: 40px 0;
	word-break: break-word;
}

.xlx19-inner-wrapper {
	width: 100%;
	text-align: center;
}

.xlx19-title-wrapper {
	font-size: 40px;
	color: black;
}

.xlx19-content-wrapper {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	margin: 30px 0 40px 0;
}

.xlx19-list-wrapper ul:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}

.xlx19-list-wrapper ul li {
	float: left;
	width: 25%;
	padding: 20px;
	box-sizing: border-box;
}

.xlx19-icon-wrapper {
	position: relative;
	width: 64px;
	height: 64px;
	line-height: 64px;
	margin: 0 auto 20px auto;
}

.xlx19-circle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: transform 1s;
	background: black;
}

.xlx19-item-wrapper:hover .xlx19-circle {
	transform: rotateY(180deg);
}

.xlx19-circle:before {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100.5%;
	height: 100.5%;
	z-index: 0;
    border-radius: 50%;
    background: white;
    transform: translate(-50%,-50%);
}
    

.xlx19-item-wrapper:hover .xlx19-circle:after {
	background: inherit;
}

.xlx19-circle:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: white;
	transition: transform 1s, background 1s;
	box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.16);
	z-index: 1;
}

.xlx19-icon-wrapper .backstage-blocksEditor-wrap {
	position: relative;
	z-index: 2;
}

.xlx19-icon-wrapper .sitewidget-common-fontIcon {
	border-radius: 50%;
	overflow: hidden;
}

.xlx19-icon-wrapper span {
	display: block;
}
/* .xlx19-icon-wrapper span,
.xlx19-icon-wrapper .backstage-blocksEditor-wrap,
.xlx19-icon-wrapper .sitewidget-common-fontIcon{
	width: 100%;
	height: 100%;
} */

.xlx19-icon-wrapper .icon_fa  {
	vertical-align: middle;
}
    
.xlx19-icon-wrapper span {
	line-height: 64px;
    text-align: center;
}
@keyframes disappear1 {
	from {transform: translate3d(0,0,0); }
	to {transform: translate3d(0,-100px,0); }
}

@keyframes appear1 {
	from {
		color: white;
		transform: translate3d(0,100px,0) rotateY(180deg); 
	}
	to {
		color: white;
		transform: translate3d(0,0,0) rotateY(180deg); 
	}
}

@keyframes disappear2 {
	from {
		color: white;
		transform: translate3d(0,0,0) rotateY(180deg); 
	}
	to {
		color: white;
		transform: translate3d(0,-100px,0) rotateY(180deg); 
	}
}

@keyframes appear2 {
	from {transform: translate3d(0,100px,0); }
	to {transform: translate3d(0,0,0); }
}

.disappear1 {
	animation: disappear1 .5s forwards;
}

.appear1 {
	animation: appear1 .5s forwards;
}

.disappear2 {
	animation: disappear2 .5s forwards;
}

.appear2 {
	animation: appear2 .5s ;
}

.xlx19-smtitle-wrapper {
	font-size: 20px;
	line-height: 26px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: 100;
}

.xlx19-smtext-wrapper {
	font-size: 13px;
	color: #a9a9a9;
	line-height: 18px;
}


@media screen and (max-width: 968px) {
	.xlx19-list-wrapper ul {
		display: flex;
		flex-wrap: wrap;
	}
	.xlx19-list-wrapper ul li {
		width: 50%;
	}

	.xlx19-title-wrapper {
		font-size: 28px;
	}

	.xlx19-smtitle-wrapper {
		font-size: 16px;
	}
}

@media screen and (max-width: 498px) {
	.xlx19-list-wrapper ul li {
		/* float: none; */
		/* width: 90%; */
		/* margin: 0 auto; */
	}

	.xlx19-title-wrapper {
		font-size: 24px;
	}
}

@media (min-width: 1px) and (max-width: 767px) {
	.siteblocks-setting-wrap .container>div[id^="location_"] .xlx19-container {
		padding-left: 10px;
		padding-right: 10px;
		width: calc(100% - 20px);
	}

	div[id^="location_"] .xlx19-container {
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px);
	}
}