.tl-wrap flex.flex-sp-ar.rel.aos-init.aos-animate {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.tl-box {
	width: 25vw;
	height: 25vw;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 10;
	-ms-flex-item-align: center;
	align-self: center;
	margin: 0 -20px;
}

.tl-box:nth-child(even) {
	width: 260px;
	height: 260px;
	z-index: 9;
}

.tl-box:hover {
/*	z-index: 11;*/
	transform: scale(1.3);
}

.tl-box-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
}

.tl-box-bg::after {
	content: '';
	position: absolute;
	left: 0;
	height: 50%;
	width: 100%;
	top: 0;
	opacity: 0.6;
}

.tl-box:nth-child(even) .tl-box-bg::after {
	top: auto;
	bottom: 0;
}

.tl-box:nth-child(6n + 1) .tl-box-bg::after {
	background-color: #a5aeba;
}

.tl-box:nth-child(6n + 2) .tl-box-bg::after {
	background-color: #acc8c7;
}

.tl-box:nth-child(6n + 3) .tl-box-bg::after {
	background-color: #f1ebe6;
}

.tl-box:nth-child(6n + 3) .tl-box-bg {
	transform: rotate(45deg);
}

.tl-box:nth-child(6n + 4) .tl-box-bg::after {
	background-color: #e4bd9b;
}

.tl-box:nth-child(6n + 5) .tl-box-bg::after {
	background-color: #ece1d9;
}

.tl-box:nth-child(6n + 6) .tl-box-bg::after {
	background-color: #ccd0d4;
}

.tl-box:nth-child(6n + 6) .tl-box-bg {
	transform: rotate(-45deg);
}


.tl-box-title,
.tl-box-text {
	height: 50%;
	position: relative;
	z-index: 15;
	padding: 10px 20px;
	text-align: center;
	width: 200px;
	margin: 0 auto;
	-ms-flex-item-align: center;
	align-self: center;
}

.tl-box:nth-child(even) h3 {
	transform: scale(1.5);
	padding-bottom: 5px;
}

.tl-box-text p {
	font-size: 1vw;
}

.tl-ico {
	position: absolute;
}

.tl-ico.ico-1 {
	height: 75px;
	width: 75px;
	top: -25px;
    left: 400px;
}

.tl-ico.ico-2 {
	height: 150px;
	width: 75px;
	bottom: -75px;
	left: 600px;
}





/*========== RESPONSIVENESS ==================*/

@media screen and (max-width: 1320px) {
	
	.tl-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-bottom: 50px;
	}
	
	.tl-box {
		width: 320px;
		height: 320px;
		margin: 0 -25px -50px;
	}

	.tl-box:nth-child(even) {
		width: 380px;
		height: 380px;
	}
	
	.tl-box:hover {
		transform: scale(1);
	}
	
	.tl-ico.ico-1,
	.tl-ico.ico-2 {
		display: none;
	}
	
	.tl-box-title, 
	.tl-box-text {
		width: 250px;
	}

	.tl-box-text p {
		font-size: 12px;
	}
	
}





@media screen and (max-width: 1024px) {
	
	.tl-wrap {
		padding-bottom: 100px;
	}
	
	.tl-box,
	.tl-box:nth-child(even) {
		width: 400px;
		height: 400px;
		margin: 0 -40px -60px;
	}

	.tl-box:nth-child(4n + 2),
	.tl-box:nth-child(4n + 3) {
		width: 450px;
		height: 450px;
	}
	
	.tl-box:hover {
		transform: scale(1);
	}
	
}




@media screen and (max-width: 768px) {
	
	.tl-wrap {
		padding-bottom: 100px;
		display: block;
	}
	
	.tl-box {
/*
		width: 300px !important;
		height: 300px !important;
*/
		width: 300px !important;
		height: 300px !important;
		margin: 0 auto -25px !important;
	}
	
	/*
	.tl-box:nth-child(even) {
		width: 350px !important;
		height: 350px !important;
	}
*/
	
	.tl-box-title, 
	.tl-box-text {
		width: 100%;
	}
	
	.tl-box h3 {
    	transform: scale(1.5);
	}
	
	.tl-box-text p {
		font-size: 1em;
	}
	

	
}