/*=================================================
	layer banner
=================================================*/
.widget-top-rel {
	position: absolute;
	width: 100%;
	z-index: 2;
	background: transparent;
}
.top-banner-layer {
	background: rgba(8, 0, 0, 0.5);
}
.box1 {padding-top:30px;line-height: 1;font-size:62px;color:#fff;}
.box2 {padding-top:5px;line-height: 1;font-size:28px;color:#e6c790;}
.box3 {padding-top:20px;padding-bottom:30px;line-height: 1;font-size:64px;color:#e6c790;}
@media (max-width:1199px) {
}
@media (max-width:991px) {
	.box1 {font-size:42px;}
	.box2 {font-size:18px;}
	.box3 {font-size:32px;}
}
@media (max-width:767px) {
}
@media (max-width:480px) {
}

/*=================================================
	ding ding
=================================================*/
#roundit .item-wrap{
	text-align: center;
	margin-bottom: 40px;
}
#roundit i{
	width: 170px;
	height: 170px;

	border-radius: 100%;
	background-color: #e5e5e5;

	font-size: 60px;
	color: #FFFFFF;
	line-height: 150px;

	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
@media (max-width:991px) {
	#roundit i{
		width: 150px;
		height: 150px;
	}
}
#roundit i:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;

	box-shadow: 0 0 0 4px #e5e5e5;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	top: -7px;
	left: -7px;
	padding: 7px;

	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;

	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
#roundit i.grey{
	background-color : #e5e5e5;
}
#roundit i.grey:after{
	box-shadow: 0 0 0 4px #fff;
}
#roundit i:hover{
	font-size: 90px;
}
#roundit i:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
#roundit .item-title{
	margin: 20px 0 10px;
	color:#5b6c8c;
	font-family: 'Montserrat', 'Nanum Gothic';
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
#roundit h4{
	font-weight: bold;
}
.parent {
	padding: 48px;
	width: 100%;
	height: 100%;
}
.child {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

/*=================================================
	Custormer
=================================================*/
.cst-t1 { font-size:30px;line-height: 1;font-weight:bold;color:#265002;padding-bottom:0px; }
.cst-t2 { font-size:50px;line-height: 1;font-weight:bold;color:#a7c69b;padding-bottom:10px; }
.cst-t3, .cst-t4 { font-size:14px;line-height: 1.2;color:#939393; }
.cst-box { border: solid 8px #c5c5c5;padding: 10px;margin-top: 10px; }
.cst-box-l { font-size:18px;line-height: 1;color:#484848;padding-bottom:3px;line-height:1.5; }
.cst-box-r { text-align:center;font-size:24px;line-height: 1;font-weight:bold;color:#4f6ab5;padding:5px 0; letter-spacing: -2px; }
@media (max-width:767px) { .cst-t1 { font-size:28px; } .cst-t2 { font-size:46px; } .cst-box-r {padding:5px 0;} }