@charset "utf-8";
/* header Style */

.main-table{font-family:Arial; font-weight:normal; Font-size:13px; color:#333; line-height:22px; text-align:justify;}
.main-heading{font-weight:bold; Font-size:20px; color:#0567a4; line-height:36px; border-bottom:1px #ccc solid; text-transform:uppercase; text-align:left;}
.sub-heading2{font-weight:bold; Font-size:18px; color:#0567a4; line-height:30px; text-align:left; text-transform:uppercase;}
.sub-heading{font-weight:bold; Font-size:16px; color:#0567a4; line-height:30px; text-align:left; text-transform:uppercase;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:24px; text-align:left;}

.box-top{width:320px; height:170px; background:rgba(5,100,165,0.9);}
.box-top h2{font-family:Helvetica, Arial; font-size:24px; font-weight:normal; text-align:center; color:#fff; line-height:30px; margin-top:10px;}
.box-top p{font-size:14px; font-family:Helvetica; color:#fff; line-height:20px; padding:0 10px;}
.box-top p img{float:left; margin-right:5px; width:70px; border-radius:50px; border:5px #0567a4 solid;}
.box-top p img:hover{ transform: rotate(180deg);}
.box-top a{ color:#fff; font-weight:normal; text-decoration:none; float:right; margin-right:20px;}

.p-txt{font-family:Arial; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}
.p-txt p{ margin:0; padding:0;}
.p-txt img{float:right; margin-left:10px; border:1px #ccc solid; padding:2px;}

.footer{font-family:Arial; font-weight:normal; Font-size:13px; color:#fff; line-height:22px; text-align:justify;}
.f-head{ font-size:18px; line-height:30px; color:#fff; text-align:left; border-bottom:1px #ccc dashed; text-transform:uppercase;}
.f-ul{margin-top:10px; list-style-image:url(image/bullet-1.png);}
.f-ul li a{text-decoration:none; color:#fff; font-size:13px;}
.f-ul li a:hover{ color:#ccc;}

.f-social{list-style:none; margin-top:15px; font-size:16px;}
.f-social li a{line-height:35px; text-decoration:none; color:#fff;}
.f-social li a:hover{ color:#ccc;}
.footer a{text-decoration:none; color:#fff;}
.footer a:hover{ color:#ccc;}

.footer-sub{width:1000px; line-height:36px; height:40px; margin:0 auto; padding:0 5px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}

.footer-sub b{float:right; font-weight:normal;}
.footer-sub b a{color:#fff; text-decoration:none;}

.ibsbox{ width:235px; height:auto; float:left;}
.ibspanel {
    width: 230px;
    height: 230px;
    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;
}
.ibscard h3{color:#fff; line-height:30px; font-size:18px; margin:0;}

.ibsfront{ background:#0567a4;}
.ibsfront img {border-radius:10px; margin-top:15px;}

.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);
	
}