/*=================================================
	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:#fff;}
.box3 {padding-top:20px;padding-bottom:30px;line-height: 1;font-size:64px;color:#fff;}
.box4 {padding-top:20px;padding-bottom:30px;line-height: 1;font-size:40px;color:#fff;}
@media (max-width:1199px) { 
}
@media (max-width:991px) { 
	.box1 {font-size:42px;}
	.box2 {font-size:18px;}
	.box3 {font-size:34px;}
}
@media (max-width:767px) { 
	.box3 {font-size:26px;}
}
@media (max-width:480px) { 
}

/*=================================================
	ding ding
=================================================*/
#roundit .item-wrap{
	text-align: center;
	margin-bottom: 40px;
}
#roundit i{
	width: 200px;
	height: 200px;
	
	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 #e5e5e5;
}
#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:#596a3a;
	font-family: 'Montserrat', 'Nanum Gothic';
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
#roundit h4{
	font-weight: bold;
}
.parent {
	padding: 40px;
	width: 100%;
	height: 100%;
}
.child {
	width: 100%; 
	height: 100%;
	background-position: center;
	background-size: cover;
}

/*=================================================
	Custormer
=================================================*/
.cst-t1 { font-size:16px;line-height: 1;color:#f7f7f7;padding:20px;text-align: right; }
.cst-box { background: #f7f7f7;border: solid 5px #cac7c6; 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:36px;line-height: 1;font-weight:bold;color:#e12006;padding:20px 0; letter-spacing: -2px; }
@media (max-width:767px) { .cst-box-r {padding:5px 0;} }