#circle-container-3rd{
	width:50vw;
	height: 50vw;
	max-width:80vh;
	max-height:80vh;
	animation: grow-and-speen-22 0.5s ease-in-out;
}
.chars-3rd{
	font-size: 1.5vw;
	padding-top: 2vw;
}

.text-wrapper-3rd{	
	position: absolute;
	height: 100%;
	width:100%;
	display: flex;
    justify-content: center;
	border-radius: 50%;	
}
.text-wrapper-3rd:hover{
	cursor:pointer;
}

.flipped-title p{
	transform: scaleY(-1);
}


/***** INNER CIRCLE *****/
#circle-container-3rd .inner-circle{
	height: 50%;
    width: 50%;
    position: absolute;
    z-index: 100;
    border-radius: 50%;
	background: rgb(186,186,186);
	background: linear-gradient(328deg, rgba(186,186,186,1) 12%, rgba(252,252,252,1) 68%, rgba(255,255,255,1) 100%);
}
#circle-container-3rd .inner-circle,.inner-circle>div,.inner-circle>div>div,.inner-circle>div>div,.inner-circle>div>div>div{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
#circle-container-3rd .inner-circle>div{
	width:97%;
	height: 97%;
}
#circle-container-3rd .inner-circle>div>div{
	width:90%;
	height: 90%;
	background: rgb(204,204,204);
	background: linear-gradient(139deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
}
#circle-container-3rd .inner-circle>div>div>div{
	width:95%;
	height: 95%;
	background: rgb(186,186,186);
	background: linear-gradient(328deg, rgba(186,186,186,1) 12%, rgba(252,252,252,1) 68%, rgba(255,255,255,1) 100%);
	text-align: center;
	font-size: 2vw;
	color:#8F8F8F;
	display: flex;
	flex-direction: column;
}


/***** INFO TEXT *****/
.info-text{
	background: rgb(186,186,186);
	background: radial-gradient(circle, rgba(186,186,186,1) 30%, rgba(255,255,255,1) 60%);
    width: 85%;
    height: 85%;
	display: flex;
    justify-content: center;
    top: 7.5%;
    position: absolute;
    border-radius: 50%;
	text-align: center;
	color:#222;
	letter-spacing: 1px;
	font-size: 1vw;
}

.info-3rd{
	height: 50%;
	/* background:rgba(255,255,255,0.3); */
	position: absolute;
	transform-origin: bottom center;
	top: 0;
	
}
.info-3rd p{
	min-width: 0.3vw;
	letter-spacing: 2px;
}

.flipped-title .chars-3rd{
	padding-top: 1.8vw;
}



.text-wrapper-2nd.color-1:hover, .text-wrapper-3rd.color-1:hover, #matrices-tabs-wrapper .color-1:hover{
	background: var(--color1) ;
}
.text-wrapper-2nd.color-2:hover, .text-wrapper-3rd.color-2:hover, #matrices-tabs-wrapper .color-2:hover{
	background: var(--color2);
}
.text-wrapper-2nd.color-3:hover, .text-wrapper-3rd.color-3:hover, #matrices-tabs-wrapper .color-3:hover{
	background: var(--color3);
}



.color-1:hover .info-text{
	background: var(--color1);
	background: var(--gradient1);	
	color:#fff;
}
.color-2:hover .info-text{
	background: var(--color2);
	background: var(--gradient2);	
	color:#fff;
}
.color-3:hover .info-text{
	background: var(--color3);
	background: var(--gradient3);	
	color:#fff;
}

.no-hover{
	pointer-events: none !important;
}
.no-hover .info-text{
	background: #ddd !important;
}

/*****  *****/
/*****  *****/
/*****  *****/
/*****  *****/

#Modular.color-2{
	display: none !important;
}

.inner-circle h5{
	font-size: 0.6em;
	font-weight: 200;
}
.inner-circle span{
	font-size: 0.8em;
	font-weight: 100;
}