HOME

.section {	
	position:relative;
	padding:60px 0;
	overflow:hidden;
}
.aboutwrap {
	padding: 80px 0 95px 0;
}
.aboutwrap .section-title {
/*	text-align: left;*/
	margin-bottom:10px;
	padding-bottom:20px;
}
.aboutwrap .sitebtn {
	margin-top: 40px;
}
.aboutwrap .abimage {
	position: relative;
	display: inline-block
}
.aboutwrap .abimage:before {
	border: 10px solid #0f2d69;
	width: 100%;
	height: 100%;
	content: '';
	top: 35px;
	right: -35px;
	position: absolute;
}
#about .about-desc {
	margin-bottom: 32px;
}
.section .container{z-index:1; position:relative}
.section-title .subtitle {
	font-size: 24px;
	font-weight: 400;
	color: #0f2d69;
	font-family: 'Playfair Display', serif;
}
.section-title {
	margin: 0;
	padding-bottom: 50px;
	text-align: center;
}
.section-title h3 {
	position: relative;
	font-size: 48px;
	margin-bottom:20px;
	font-weight: 400;
	line-height: 42px;
	margin-top:0;
}
.section-title h3:after {
	content: '';
	background: #0f2d69;
	height: 2px;
	width: 60px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -30px;
}
.section-title h3:before {
	    content: '';
    background: #ffffff;
    height: 11px;
    width: 11px;
    position: absolute;
    bottom: -34px;
    left: 50%;
    margin-left: -5px;
    border: 2px solid #0f2d69;
    z-index: 1;
}
.section-title h3 span {
	color: #0f2d69;
	font-weight: 400;
}
.section-title p {
	max-width: 800px;
	margin: auto;
	padding-top:40px;
}
.aboutwrap {
	padding: 80px 0 95px 0;
}
.aboutwrap .section-title {
/*	text-align: left;*/
	margin-bottom:10px;
	padding-bottom:20px;
}
.aboutwrap .sitebtn {
	margin-top: 40px;
}
.aboutwrap .abimage {
	position: relative;
	display: inline-block
}
.aboutwrap .abimage:before {
	border: 10px solid #0f2d69;
	width: 100%;
	height: 100%;
	content: '';
	top: 35px;
	right: -35px;
	position: absolute;
}

.circleList{list-style:none; margin-top:20px;}
.circleList li{text-align:center; margin-top:30px;}
.circleList li .cricle{width:80px; height:80px;background-color: #0f2d69; border-radius:50%; color:#fff; font-size:32px; text-align:center; line-height:80px; margin:0 auto; margin-bottom:20px; transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-ms-transition: ease-in-out 0.3s;}
.circleList li .title{font-size:14px; margin-top:5px; font-weight:600; margin-bottom:5px;}
.circleList li:hover .cricle{-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH"; background:#333}

.circleList li p{color:#666;}