@charset "utf-8";
/* CSS Document */
#main-table {
    width: 230px;
    margin: 0px;
    padding: 0px;
}
#main-table h2 {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #333;
}
#main-table p {
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
    color: #333;
    padding: 0px 5px;
	text-align:justify;

}
#main-table a {
    font-size: 13px;
    text-decoration: none;
    color: #0263b0;
    text-transform: uppercase;
}

.round-img{ width:70px; border-radius:50%; border:5px #ccc solid; padding:2px;}
.round-img:hover{border:5px #0f5d9d solid;}
  

.list {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(255, 255, 255);
	line-height: 27px;
	padding-left: 10px;
	background-color: #4b9ce3;
}
.list a {
	COLOR: #01325a;
	text-decoration: none;
}
.body {
	font-size: 13px;
	line-height: 28px;
	padding: 5 5 0 5;
	color: #3E3E3E;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right:0px;
}
.body_h {
	font-size: 13px;
	line-height: 30px;
	padding: 5 5 0 5;
	color: #3E3E3E;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right:0px;
}
.body_h ul li {
	font-size: 13px;
	line-height: 23px;
	padding: 5 5 0 5;
	color: #3E3E3E;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right:0px;
}
.body_box {
	font-size: 13px;
	line-height: 28px;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-LEFT: 0px;
}
.contact_body {
	font-size: 13px;
	line-height: 28px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-LEFT: 0px;
}


.heading_h {
	font-size: 18px;
	line-height: 33px;
	color: #333;
	padding: 0 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px #dad9d9 SOLID	;
}
.heading_s {
	font-size: 19px;
	line-height: 30px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: LEFT;
	border-bottom: 1px #014065 dashed;
}
.conatct_h {
	font-size: 18px;
	line-height: 25px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left:10px;
	border-bottom: 1px #014065 SOLID;
}
.conatct_t {
	font-size: 16px;
	line-height: 25px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left:10px;
	border-bottom: 1px #014065 SOLID;
}
.blank{border-bottom: 1px #dad9d9 dashed;
}
.heading_sub {
	font-size: 16px;
	line-height: 25px;
	color: #333;
	padding: 8 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:8px;
}
.heading_p {
	font-size: 13px;
	line-height: 25px;
	color: #012d8e;
	text-align: justify;
	padding-left: 8px;
	padding: 10 8 0 8;
	font-family: Arial, Helvetica, sans-serif;
}
.heading_ul {
	font-size: 13px;
	line-height: 25px;
	color: #333;
	text-align: justify;
	list-style-type: decimal;
	padding: 10 8 0 8;
	font-family: Arial, Helvetica, sans-serif;
}
.heading_ul_li {
	font-size: 13px;
	line-height: 13px;
	color: #333;
	text-align: justify;
	padding-top: 5px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px #484848 dashed;
}
.banner-box {
	width: 320px;
	height: 200px;
	background: rgba(70,150,70,0.7);
}
.banner-box h2 {
	font-family: Helvetica, Arial;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	line-height: 30px;
	margin-top: 15px;
}
.banner-box p {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: justify;
	line-height: 25px;
	padding: 0 10px;
}
.banner-box a {
	color: #fff;
	text-decoration: none;
	float: right;
	margin-right: 20px;
}
<!-----------------------------------------------------body box------------------------------------------>  .ibsbox {
width:235px;
height:auto;
float:left;
}
.ibspanel {
	width: 230px;
	height: 220px;
	margin: auto;
	position: relative;
	text-align: center;
}
.ibscard {
	width: 100%;
	height: 100%;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 10px;
}
.ibsfront {
	background: #fff;
}
.ibsfront img {
	border-radius: 10px;
}
.ibsback {
	-webkit-transform: rotatey(-180deg);
	-ms-transform: rotatey(-180deg);
	-moz-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
	background: #FFF;
	font-family: Arial;
	font-size: 14px;
	text-align: justify;
	color: #4E4E4E;
	line-height: 26px;
	padding-left: 3px;
	padding-right: 3px;
}
.ibspanel:hover .ibsfront {
	-webkit-transform: rotatey(180deg);
	-ms-transform: rotatey(180deg);
	-moz-transform: rotatey(180deg);
	transform: rotatey(180deg);
}
.ibspanel:hover .ibsback {
	-webkit-transform: rotatey(0deg);
	-ms-transform: rotatey(0deg);
	-moz-transform: rotatey(0deg);
	transform: rotatey(0deg);
}
.wecom {
	background: #fff;
	font-family: arial;
	font-size: 12px;
	line-height: 25px;
}
.ibsbox-heading {
	font-family: arial;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 5px 0px;
	font-weight: bolder;
"
}
.ibsback ibscard p {
	padding-left: 5px;
	padding-right: 5px;
}
.ibsback ibscard a {
	float: left;
	padding-right: 0px;
}
.myButton {
	
	background-color:#082b5e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:10px 5px;
	
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	width:70px;
	height:10px;
	
}
.myButton:hover {
	
	background-color:#2561b7;
}
.myButton:active {
	position:relative;
	top:1px;
}
.hexagon {
	width: 100px;
	height: 55px;
	background: red;
	position: relative; font-family:arial; color:#FFF; text-align:center; line-height:25px;
}
.hexagon:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 25px solid red;
}
.hexagon:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 25px solid red;
}
.boxes a{color:#fff; font-size:12px; padding:9px 10px; width:76	px;  text-decoration:none;  margin-right:0px; background:#0f5d9d; border:1px #000 solid; line-height:28px;
	text-shadow: 1px 4px 3px rgba(0,0,0,0.4);
	
	}
	.boxes a:hover{background:#2a81c9		; color:#fff;}

<!-----------------------------conatct us page------------------------------->