@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:#074d93; line-height:36px; border-bottom:1px #ccc solid; text-transform:uppercase; text-align:left;}
.sub-heading2{font-weight:bold; Font-size:18px; color:#074d93; line-height:30px; text-align:left; text-transform:uppercase;}
.sub-heading{font-weight:bold; Font-size:16px; color:#074d93; line-height:30px; text-align:left;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:24px; text-align:left;}

.box-top{width:320px; height:170px; background:rgba(1,37,73,0.9);}
.box-top h2{font-family:Helvetica, Arial; font-size:24px; font-weight:normal; text-align:center; color:#ccc; line-height:30px; margin-top:10px;}
.box-top p{font-size:14px; font-family:Helvetica; color:#eee; line-height:20px; padding:0 10px;}
.box-top p img{float:left; margin-right:5px; width:70px; border-radius:50px; border:5px #f5be62 solid;}
.box-top a{color:#ccc; font-weight:bold; 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:#eee; text-align:left; border-bottom:1px #226199 dashed; text-transform:uppercase;}
.f-ul{margin-top:10px; list-style-image:url(image/bullets1.png);}
.f-ul li a{text-decoration:none; color:#009ccf; font-size:13px;}
.f-ul li a:hover{ color:#eee;}

.f-social{list-style:none; margin-top:15px; font-size:16px;}
.f-social li a{line-height:35px; text-decoration:none; color:#009ccf;}
.f-social li a:hover{ color:#eee;}
.footer a{text-decoration:none; color:#09F;}
.footer a:hover{ color:#eee;}
.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:#074d93;}
.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);
	
}
@media(max-width:767px){
.ser-box, .serv-bx, .td-banner, .three-bx{width:98%; text-align:center;    margin-left:0px; margin:0 auto;}
.col-three, .hm-cnt-rht, .hm-cnt-lft, .ft-cont, .bann-lft, .bann-rht, .ser-bx, .team-lft, .team-rht, footer .footer-brand, .footer-nav, .footer-social, .footer-ns, .container-middle, .home-container, .tp-colthree-inner, .service-box.ser-lft, .service-box.ser-rht, .team-col, .sep-dv{width:98%; margin:0 auto;}
#HeaderControl_C table{width:100% !important; height: initial !important;}
#widgetsControl table, #widgetsControl div{ width: 100% !important;}
.ser-cnt p{text-align:center !important;}
.fl-head h2, .header h1{ font-size: 18px;  margin-left: 5px;}
.fl-head h4, .header h2{ font-size: 15px;  margin-left: 5px;}
.fr-head{float:inherit;}
}