
.main_beauty_section, .choice_heading_section, .tech_bottom_section{	
	box-shadow:5px 5px 5px rgba(0,0,0,0.08);
	background-size:auto 100%;
}
.tech_circle_section{
	position:relative;
	margin-bottom:150px;
}

.tech_circle{
	position:absolute;
	left:50%;
	top:49%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:50;
}

.tech_circle img{
	-webkit-animation:rotate 5s linear infinite;
	animation:rotate 5s linear infinite;
}

@keyframes rotate{
	0%{
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	
	100%{
		-webkit-transform:rotate(0);
		transform:rotate(360deg);
	}
}

@-webkit-keyframes rotate{
	0%{
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	
	100%{
		-webkit-transform:rotate(0);
		transform:rotate(360deg);
	}
}

.tech_padding{
	padding-left:6px;
	padding-right:6px;
	padding-bottom:15px;
}

.tech_box{
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto 100%;
	height:432px;
	height:0;
	padding-bottom:100%;
	position:relative;
	overflow:hidden;
}

.tech_box:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
}

.tech_box02.tech_box:before, .tech_box03.tech_box:before{	
	background:rgba(99,102,104,0.75);
}

.tech_box01.tech_box:before, .tech_box04.tech_box:before{
	background:rgba(81,108,139,0.75);
}

.tech_box01.tech_box:before{	
	//border-top-left-radius:100%;
	left:0;
}

.tech_box02.tech_box:before{	
	//border-top-right-radius:100%;
	left:0;
}

.tech_box03.tech_box:before{	
	//border-bottom-left-radius:100%;
	right:0;
}

.tech_box04.tech_box:before{	
	//border-bottom-right-radius:100%;
	left:0;
	width:100%;	
}

.tech_title{
	position:absolute;
	width:100%;
	left:0;
	padding-left:15px;
	padding-right:15px;
}

.tech_title h2{
	font-size:45px;
	line-height:1;
	color:#000;
	margin:0;
}

.tech_title .bigger{
	font-size:83px;
}

.tech_title h3{
	width:60%;
	font-size:16px;
	line-height:1.5;
	color:#fff;
	margin:0;
	margin-top:15px;
}
@media(max-width:767px) {
	.tech_title h2{
		font-size:22px;
	}
	.tech_title h3{
		font-size:14px;
	}
}
.tech_box01 h3, .tech_box02 h3{	
	margin-bottom:10px;
}

.tech_con{
	font-size:21px;
	line-height:30px;
	color:#fff;
}

.tech_box03 .tech_con, .tech_box04 .tech_con{
	margin-bottom:15px;
}

.tech_box01{
	background-image:url(../images/tech_box01.png);
	text-align:right;
	border-top-left-radius:100%;
}

.tech_box01 .tech_title, .tech_box02 .tech_title{
	top:100px;
}

.tech_box02{
	background-image:url(../images/tech_box02.png);
	text-align:left;
	border-top-right-radius:100%;
}

.tech_box03{
	background-image:url(../images/tech_box03.png);
	text-align:right;
	border-bottom-left-radius:100%;
}

.tech_box04{
	background-image:url(../images/tech_box04.png);
	text-align:left;
	border-bottom-right-radius:100%;
}

.tech_box03 .tech_title, .tech_box04 .tech_title{
	bottom:80px;
}
.tech_box .tech_title h2{
	border: 5px solid rgba(55, 117, 143, 0.45);
    color: rgba(55, 117, 143, 0.45);
	border-radius:50%;
	background-color:#ffffff;
	width:130px;
	height:130px;
	font-size:30px;
	font-weight: 300;
	line-height:120px;
	text-align:center;
}
@media (max-width:767px)
{
	.tech_box .tech_title h2{
		width:80px;
		height:80px;
		line-height:70px;
		font-size:16px;
	}
}
.tech_box01 .tech_title h2,.tech_box03 .tech_title h2{
	float:right;
}
.tech_box02 .tech_title h2,.tech_box04 .tech_title h2{
	float:left;
}

@media(min-width:992px) {
	
	.tech_box .tech_title h3{
		display:none;
		transition: all 0.2s ease 0s;
	}
	.tech_box:hover .tech_title h3{
		display:block;
	}

	.tech_box:before{
		width:0;
		-webkit-transition:all 0.3s cubic-bezier(.6,0,.3,1);
		transition:all 0.3s cubic-bezier(.6,0,.3,1);
	}

	.tech_box:hover:before{
		width:100%;
	}

	.tech_box04:before{
		height:0;
	}

	.tech_box04:hover:before{
		height:100%;	
	}

}


.tech_box01:before{
	-webkit-animation:tech_box_fade 8s linear infinite;
	animation:tech_box_fade 8s linear infinite;
}

.tech_box02:before{
	-webkit-animation:tech_box_fade 8s linear infinite 2s;
	animation:tech_box_fade 8s linear infinite 2s;
}

.tech_box04:before{
	-webkit-animation:tech_box_fade 8s linear infinite 4s;
	animation:tech_box_fade 8s linear infinite 4s;
}

.tech_box03:before{
	-webkit-animation:tech_box_fade 8s linear infinite 6s;
	animation:tech_box_fade 8s linear infinite 6s;
}

@keyframes tech_box_fade{
	0%,20%{
		opacity:0;
	}
	
	25%,100%{
		opacity:1;
	}
}

@-webkit-keyframes tech_box_fade{
	0%,20%{
		opacity:0;
	}
	
	25%,100%{
		opacity:1;
	}
}

.tech_box01.tech_box:before{	
	border-top-left-radius:100%;
}

.tech_box02.tech_box:before{	
	border-top-right-radius:100%;
}

.tech_box03.tech_box:before{	
	border-bottom-left-radius:100%;
}

.tech_box04.tech_box:before{	
	border-bottom-right-radius:100%;
}



@media (max-width:767px)
{
	.tech_title h2{
		font-size:18px;
	}
	.tech_box01 .tech_title, .tech_box02 .tech_title{
		top:30px;
	}
	
	.tech_box03 .tech_title, .tech_box04 .tech_title{
		top:30px;
	}
	.tech_title h3{
		width:80%;
		margin-top:10px;
	}
}