.about-box{

	padding: 70px 0px;

}



.title-box{

	text-align: center;

	margin-bottom: 30px;

}

.title-box h2{

	font-size: 42px;

	font-family: 'Catamaran', sans-serif;

	color: #222222;

	font-weight: 500;

	position: relative;

	padding-bottom: 30px;

	margin-bottom: 15px;

}



.title-box h2::after{

	content: "";

	position: absolute;

	background: url(../images/tag-line.png)no-repeat center;

	width: 120px;

	height: 20px;

	bottom: 0;

	left: 0;

	right: 0;

	margin: 0 auto;

}



.title-box h2 span{

	color: #00cb86;

	text-decoration: underline;

}

.about-main-info h2{

	font-size: 40px;

	font-family: 'Catamaran', sans-serif;

}

.about-main-info h2 span{

	color: #00cb86;

	text-decoration: underline;

}

.about-main-info{

	margin-bottom: 30px;

}



.about-m{


	box-shadow: 0 10px 25px 0 rgba(0,0,40,.4);

}



.about-m ul#banner {

  position: relative;

  width: 100%;

  height: 250px;

  overflow: hidden;

  margin: 0 auto;

}



.about-m ul#banner li {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}



.about-m ul#banner li img { 

	visibility: hidden; 

	width: auto;

}



.about-m ul#banner li canvas {

  position: absolute;

  top: 0;

  left: 0;

}





.about-img{

	padding: 30px 0px;

}



.about-img img{

	border-radius: 10px;

}



.about-m ul{

	display: block;

	text-align: center;

	padding-bottom: 30px;

}

.about-m ul li{

	display: inline-block;

	text-align: center;

}

.about-m ul li a{

	background: #528780;

	color: #ffffff;

	width: 38px;

	height: 38px;

	text-align: center;

	line-height: 38px;

	display: block;

	border-radius: 50px;

	margin: 0px 5px;

}



.about-m ul li a:hover{

	background: #333333;

	color: #ffffff;

}



.about-main-info h2{

	font-size: 32px;

	color: #333333;

	font-weight: 500;

}



.about-main-info a{

	border-radius: 2px;

	transition: .2s;

	letter-spacing: 1px;

	padding: 10px 18px;

	background: #ffffff;

	color: #6c7275;

	display: inline-block;

	line-height: 24px;

}



.about-main-info a.new-btn-d.br-2{

	border: 2px solid #6c7275;

}



.about-main-info a.new-btn-d::before{

	background: rgba(18,85,127,0.2);

}



.about-main-info a:hover{

	color: #ffffff;

	background-color: #6c7275;

}



@media (max-width:768px) {

	.about-m ul#banner {

	    position: relative;

	    width: 100%;

	    height: 152px;

	    overflow: hidden;

	    margin: 0 auto;

	}

}