/*==================================Start TT-CMS aAboutUs Block=====================*/
#ttcmsaboutus{
	background:#f2f8ec;
	position:relative;
	z-index:1;
	overflow:hidden;
}
@media (min-width: 1300px) {
	#ttcmsaboutus .container{
		max-width:1250px;
	}
}
#ttcmsaboutus:before{
	content:'';
	position:absolute;
	background-image:url("../img/cms-bg.png");
	top:auto;
	right:0;
	left:0;
	bottom:0;
	height:420px;
}
#ttcmsaboutus::after{
	position: absolute;
	background-image: url("../img/bg-img-01.png");
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	top: -20px;
	bottom: auto;
	left: auto;
	right: 6%;
	margin: auto;
	width: 100px;
	height: 136px;
	z-index: 1;
	-webkit-animation: diving-rotate 3s ease-in-out infinite;
	animation: diving-rotate 3s ease-in-out infinite;
}
#ttcmsaboutus .about-section{
	position:relative;
	float:left;
	width:100%;
	padding:80px 30px;
}
#ttcmsaboutus .about-section .about-left{	
	position:relative;
}
#ttcmsaboutus .about-section .about-left:after{
	position: absolute;
	content: '';
	background-image: url("../img/tag.png");
	background-repeat: no-repeat;
	top: auto;
	bottom: -40px;
	left: -32px;
	right: auto;
	margin: auto;
	height: 145px;
	width: 145px;
	-webkit-animation: spin 10s linear infinite;
	-moz-animation: spin 10s linear infinite;
	animation: spin 10s linear infinite;
	background-size:cover;
}
@keyframes spin{
	0% {
    	transform: rotate(0deg);
	}
	100% {
    	transform: rotate(360deg);
	}
}
#ttcmsaboutus .about-section::before{
	position: absolute;
	background-image: url("../img/bg-img-02.png");
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	top: auto;
	bottom: -60px;
	left: auto;
	right: 20%;
	margin: auto;
	width: 160px;
	height: 204px;
	z-index: 1;
	-webkit-animation: diving-rotate 3s ease-in-out infinite;
	animation: diving-rotate 3s ease-in-out infinite;
}
#ttcmsaboutus .about-section::after{
	position: absolute;
	background-image: url("../img/bg-img-03.png");
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	top: -6%;
	bottom: auto;
	left: -22%;
	right: auto;
	margin: auto;
	width: 180px;
	height: 149px;
	z-index: 1;
	-webkit-animation: diving-rotate 3s ease-in-out infinite;
	animation: diving-rotate 3s ease-in-out infinite;
}
@keyframes diving-rotate {
    0% {
         transform:rotate(0deg); 
    }
    50% {
         transform:rotate(30deg); 
    }
    100% {
        transform:rotate(0deg); 
    }
}
#ttcmsaboutus .about-section .about-left img{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
} 
#ttcmsaboutus .about-right .about-icon{
	background:var(--body-background-color);
	width:150px;
	height:160px;
	margin:0 0 30px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	border-radius:border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;	
	transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
}
#ttcmsaboutus .about-right .about-icon:last-child{
	margin:0;
}
#ttcmsaboutus .about-right .about-icon:hover,
#ttcmsaboutus .about-right .about-icon.active{
	background:var(--secondary-bg-color);
}
#ttcmsaboutus .about-right .about-icon:nth-child{
	margin:0;
}
#ttcmsaboutus .about-right .about-icon::before{
	content:'';
	position:absolute;
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    margin: auto;
	background-color: var(--secondary-bg-color);
	transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	mask-size: 100%;
	-webkit-mask-size:100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat:no-repeat;
}
#ttcmsaboutus .about-right .about-icon:hover::before,
#ttcmsaboutus .about-right .about-icon.active::before{
	background-color:var(--body-background-color);
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}
#ttcmsaboutus .about-right .about-icon1::before{
	mask-image: url(../img/01.png);
    -webkit-mask-image: url(../img/01.png);
}
#ttcmsaboutus .about-right .about-icon2::before{
	mask-image: url(../img/02.png);
    -webkit-mask-image: url(../img/02.png);
}
#ttcmsaboutus .about-right .about-icon3::before{
	mask-image: url(../img/03.png);
    -webkit-mask-image: url(../img/03.png);
}
#ttcmsaboutus .about-section .about-right{
	text-align:left;
	display: flex;
	align-items: center;
	justify-content: center;
}
#ttcmsaboutus .about-right .about-subtitle{
	font:400 24px/26px var(--main-title-font);
	color:var(--secondary-bg-color);
	margin:0 0 15px;
}
#ttcmsaboutus .about-right .about-title{
	font:700 40px/42px var(--primary-font);
	color:var(--primary-bg-color);
	margin:0 0 20px;
}
#ttcmsaboutus .about-right .about-dec{
	font:400 14px/22px var(--secondary-font);
	color:var(--body-text-color);
	margin:0 0 20px;
}
#ttcmsaboutus .about-right .about-counter-section{
	margin:0 0 30px;
}
#ttcmsaboutus .about-right .about-counter{
	width:145px;
	text-align:left;
	display: inline-block;
	vertical-align: top;
}
#ttcmsaboutus .about-counter .counter-title{
	font:400 46px/48px var(--main-title-font);
	color:var(--secondary-bg-color);
	margin:0 0 4px;
}
#ttcmsaboutus .about-counter .counter-subtitle{
	font:400 14px/16px var(--primary-font);
	color:var(--body-text-color);
	text-transform:uppercase;
}
@media( max-width:1299px){
	#ttcmsaboutus .about-right .about-title{
		font-size:36px;
		line-height:40px;
	}
	#ttcmsaboutus .about-right .about-icon{
		margin:0 0 26px;
	}
}
@media( max-width:1199px){
	#ttcmsaboutus .about-right .about-icon{
		width:110px;
		height:122px;
	}
	#ttcmsaboutus .about-right .about-counter{
		width:125px;
	}
	#ttcmsaboutus .about-section::after{
		left:0;
		width:130px;
		height:110px;
	}
	#ttcmsaboutus .about-section::before{
		width:130px;
		height:160px;
	}
}
@media( max-width:991px){
	#ttcmsaboutus .about-right .about-icon{
		width:80px;
		height:86px;
	}
	#ttcmsaboutus .about-right .about-icon::before{
		width:40px;
		height:40px;
	}
	#ttcmsaboutus .about-right .about-subtitle{
		font-size:20px;
		line-height:24px;
		margin:0 0 8px;
	}
	#ttcmsaboutus .about-right .about-title{
		font-size:26px;
		line-height:28px;
		margin:0 0 10px;
	}
	#ttcmsaboutus .about-right .about-dec{
		font-size:12px;
		line-height:16px;
		margin:0 0 10px;
	}
	#ttcmsaboutus .about-counter .counter-title{
		font-size:36px;
		line-height:40px;
	}
	#ttcmsaboutus .about-counter .counter-subtitle{
		font-size:12px;
		line-height:14px;
	}
	#ttcmsaboutus .about-right .about-counter{
		width:94px;
	}
	#ttcmsaboutus .about-right .about-counter-section{
		margin:0 0 20px;
	}
	#ttcmsaboutus .about-section .about-left::after{
		width:100px;
		height:90px;		
	}
	#ttcmsaboutus .about-section::before{
		width:130px;
		height:150px;
	}
	#ttcmsaboutus::after{
		width:80px;
		height:100px;
	}
	#ttcmsaboutus .about-section .about-right{
		padding-left:0;
	}
	#ttcmsaboutus .about-section::after{
		width:100px;
		height:80px;
	}
}
@media( max-width:767px){
	#ttcmsaboutus .about-section::before{
		width:110px;
		height:130px;
	}
}
@media( max-width:700px){
	#ttcmsaboutus .about-section .about-block{
		width:100%;
	}
	#ttcmsaboutus .about-section .about-left{
		margin:0 0 30px;
	}
}
@media( max-width:543px){
	#ttcmsaboutus::after{
		width:60px;
		height:80px;
	}
	#ttcmsaboutus .about-section{
		padding:50px 10px;
	}
	#ttcmsaboutus .about-section .about-right{
		display:block;
		text-align:center;
		padding:0;
	}
	#ttcmsaboutus::before {
		background:none;
	}
	#ttcmsaboutus .about-section #v-pills-tab{
		width:100%;
		display:inline-block;
		vertical-align:top;
		padding:0;
	}
	#ttcmsaboutus .about-right .about-icon{
		display:inline-flex;
		vertical-align:top;
	}
	#ttcmsaboutus .about-section .about-left::after {
		left:8%;
	}
	#ttcmsaboutus .about-right .about-icon{
		margin:0 10px 15px 0;
	}
	#ttcmsaboutus .about-section::after{
		top:-3%;
	}
	#ttcmsaboutus .about-right .about-counter{
		text-align:center;
	}
}
@media( max-width:480px){
	#ttcmsaboutus .about-right .about-subtitle{
		font-size:16px;
		line-height:20px;
	}
	#ttcmsaboutus .about-right .about-title{
		font-size:22px;
		line-height:26px;
	}
	#ttcmsaboutus .about-right .about-counter{
		width:80px;
	}
	#ttcmsaboutus .about-counter .counter-title{
		font-size:26px;
		line-height:28px;
	}
	#ttcmsaboutus .about-section .about-left::after {
		left:-3%;
		bottom:-5%;
		width: 80px;
		height: 70px;
	}
	#ttcmsaboutus .about-section::before{
		width:90px;
		height:100px;
	}
	#ttcmsaboutus::after{
		width:50px;
		height:70px;
	}
	#ttcmsaboutus .about-section::after{
		width:70px;
		height:60px;
	}
}
/* ---------------------- End TT - CMS Aboutus block  --------------*/