body{margin:0 ; padding:0 ; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222; line-height: 24px;}


.container-middle{ margin:0 auto; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222; line-height: 24px;}
/*
.container{ padding-left: 15px !important; padding-right: 15px !important;}
*/
 p{ margin-bottom: 10px; margin-top:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222; line-height: 24px; text-align:justify;}	

.cl{clear:both;}



/*banner*/

.banner-blw{position: relative; top:-40px; z-index:0;}

.td-banner{ background: #063b67; width: 100%; min-height:170px; position: relative;	overflow: hidden; border: 2px dashed transparent;}

.td-banner h2{ font-family: Helvetica, Arial; font-size: 24px; font-weight: normal; text-align: center; color: #fff; line-height: 30px; margin-top:0;
padding: 10px 0px; text-transform: capitalize;}

.td-banner p img{ float: left; margin-right:5px;}

.inner-td{}
	
.td-banner p{ font-size: 14px; font-family: Arial, Helvetica, sans-serif;  color: #fff; line-height: 20px; padding: 0 10px; text-align:left;}
	
.td-banner a{color: #fff; text-decoration: none; float: right; margin-right: 20px; font-size: 13px;}
	
/*banner*/

/*header*/



header{}

.header-lft{float:left; padding-top:8px;}
.header-rht{float:right; padding-top:10px;}
.header-rht img{vertical-align: baseline;}

.nav-raper{ background:#063b67;}
.nav-top{font-family:Arial, Helvetica, sans-serif; text-align:right;}
.nav-top ul{ list-style-type:none; margin:0; padding:0; text-align:right; font-size:14px; font-weight:bold;}
.nav-top ul li{ display:inline-block; color:#fff; line-height:36px; text-align:right; border-right:1px #ccc solid; padding-right:10px; padding-left:10px;}






img{max-width:100%;}


.fl-head h4{ font-family: Times New Roman;
    font-weight: bold;
    text-align: right;
    font-size: 27px;
    margin-top: 10px;
    color: #ef9b0f;
    margin-bottom: 0;
    text-transform: capitalize;
    text-align: center;
    position: relative;}
	
.fl-head h4 span{    background: #fff;
    position: relative;
    z-index: 9;
    padding: 0px 8px;}

.fl-head h4:before{    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ef9b0f;
    top: 10px;}

.fl-head h4:after{content: "";
    position: absolute;
    left: 0;
    width: 98%;
    height: 2px;
    background: #ef9b0f;
    top: 14px;
    right: 0;
    margin: 0 auto;}
	
.fl-head{float: left;
   /* width: 540px;*/}
	
.fr-head{    float: right;}

.fl-head img{float: left;     width: 82px;}

.content-head{float: left;     margin-left: 75px;}
/*header*/

/*home*/

.inner-page{padding-bottom:20px;}
.inner-page h3{ text-align:left;}
.inner-page h4{ text-align:left;}
.inner-page ul li{ text-align:left;}

.sep-dv{margin-right:0px;}

.hm-adt h2{  text-align: left;
    font-size:25px;
    margin-bottom: 0;
    line-height: 30px;
    margin-top: 0;
    font-weight: 600;
    text-transform: initial;
    border-bottom: 1px dashed #065695;
    margin-bottom: 16px;
    padding-bottom: 5px; color:#065695;}
	
.abt-hm{ float:left; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 8px;  padding: 2px;}
	
.rd-more{ width: 100px;
    border: 1px #000 solid;
    color: #000;
    margin-top: 30px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 32px;
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s; cursor:pointer;}
	
.rd-more a{ color:#000; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;}

.rd-more:hover{ background:#d8ac41; border-color:#d8ac41; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;}
	
.rd-more:hover a{color:#fff;}


.flip-front img{ width: 100%;  height:210px;}

.hm-serv-inner{ width: 100%; min-height:250px;  margin: auto;  position: relative; text-align: center; float: left; margin: 0;
    border-radius: 8px; overflow: hidden; border: 4px solid #065695; margin-bottom: 15px; background:#fff;}
	
.hm-serv-inner h2{ text-transform: capitalize; font-weight: bold; color: #fff; font-size:16px; text-align: center; background:#063b67; line-height:36px; margin:0;}
	
	
.hm-serv .row{ margin-right: -7px;  margin-left: -7px;}
 
.hm-serv{  background: #eee; padding: 15px 10px 0;  margin-top: 30px; margin-bottom: 0px; }

.flip{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;}

.flip-back{-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: 3%;
    padding-right: 3%;
    width: 100%;
    border: 0;
    padding-top: 5px;}
	
.hm-serv-inner:hover .flip{    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    transform: rotatey(0deg);}
	
.hm-serv-inner:hover .flip-front {
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    transform: rotatey(180deg);
}

.flip-back p a{    color: #fff; background:#063b67;
    float: right;
    padding: 0px 12px;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 2px 2px 0px #ccc;
    line-height: 24px;}

/*home*/


/*footer*/
footer{ margin-top: 0px; background: #222; border-top: 0;}
	
/*.ft-col{background:#eee;}*/

footer h2{ font-size: 18px; line-height: 30px; color:#eee; text-align: left; border-bottom: 1px #ccc dashed; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; margin-top: 10px;}

footer .container-middle a{ color:#ccc;}
.col-three{ float:left; width:31%; margin:1%;}

.us-lk ul{ list-style-type: circle; font-size: 13px; margin-bottom: 0; color: #fff;}
.us-lk ul li{ line-height: 20px; margin-bottom: 4px;}

.us-lk ul li:hover{padding-left: 5px;}
.us-lk ul li a{color:#fff;}
.us-lk ul li:hover a{color:#fff !important;}
.last-ft ul li a{color:#fff;}
footer a{color:#ccc;}

.ft-soc ul{font-size: 16px; margin-bottom: 0; list-style: none;}
	
.ft-cont strong{color:#ccc;}

.ft-cont p{  margin-bottom: 7px; font-size: 14px;
    line-height: 24px;
    color: #fff; text-align: left;}
.ft-cont p a{ color:#ccc;}

.copyrht{ margin-top: 0px; color: #fff; font-size: 14px; padding: 6px 0; background: #013863;}

.copyrht p{margin-bottom:0; color: #fff;}

#FooterrControl1_tr_FooterBackImage{background-image:none !important;}

.cprht-lft{float:left;}

.cprht-rht{float:right;}

.cprht-rht a{color:#fff;}

/*footer*/

/*contact*/
.map-cont{     margin-top: 10px;
    width:50%;
    float: left;
    border: 1px solid #ddd;     margin-bottom: 20px;
    text-align: center; height:255px;}
.bx-rht-cont{     width: 50%;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 3%;
    height: 250px;
    border-left: 0;
    padding-right: 2%;
}
.bx-rht-cont h2{    text-align: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 8p}
	
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.cont-page h3{    margin: 0;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 20px;}
.cont-page p{font-size:14px;     line-height: 24px !important;     text-align: left;}

.cont-page h2 span{    display: block;
    font-size: 14px;
    color: #999;
    font-weight: 500;
    margin-bottom: 10px;}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

/*contact*/

table{margin-top:0 !important;}
#widgetsControl, #widgetsControl_C,
#HeaderControl_C, #HeaderControl{height:inherit !important;}

/*#widgetsControl td{width:100% !important;}*/
/*
#navbar-collapse-1{    width: 1024px;
    margin: 0 auto}
	
*/
	
	
#WhatsNewControl_C_ctl00_btn_Search, #WhatsNewControl_C_ctl00_txt_Search, #LoginControl_C_ctl00_btn_Login{color:#000;}

#WhatsNewControl_C_ctl00_tdeee tr{vertical-align: top !important;}

#WhatsNewControl_C_ctl00_tdeee tr tr{vertical-align: middle !important;}

#WhatsNewControl_C_ctl00_tdeee tr#WhatsNewControl_C_ctl00_tr_BulletinHeader{vertical-align: middle !important;}


#WhatsNewControl_C img{max-width:inherit !important;}




@media(max-width:1024px){
#navbar-collapse-1{width:100%;}	

#MenuControl_C .navbar-default, #MenuControl_C .container-fluid, #MenuControl_C .navbar-nav{/*margin-top: -2px;*/}
.navbar-default .navbar-nav>li>a{padding-left:2px; padding-right:2px;}
	}
	
@media(max-width:998px){
.td-banner{margin-bottom: 10px;
    height: initial;
    padding-bottom: 20px;}	
	
.header-rht img{display:none;}
.header-lft{    padding-top: 10px;}
	}
	
@media(max-width:767px){
.wslidess img{ height: 280px;}	
.wback_nav{top: 172px;}

.col-three{width:48%;}
.col-three.ft-cont{width:100%;}
.map-cont{width:100%;}
.bx-rht-cont{width:100%; padding:0;}
.hm-serv-inner{width:48.5%; margin-left:1%;}
.dropdown-menu > li > a{ color:#ccc !important;}

}
	
@media(max-width:667px){
.header-lft{padding-top: 10px; width:72%;}	
.callus, .mailus{display:none;}

}

@media(max-width:568px){
.header-rht .click-box{height:70px !important; width:70px !important;}	
.copyrht .cprht-lft, .copyrht .cprht-rht{text-align:center; width:100%;}
.copyrht .cprht-lft{margin-bottom:5px;}
.abt-hm{ height: 150px; margin-left: 0; width: 100%;}
.hm-serv-inner{width:100%;}
.nav-top ul li{border-right: none; line-height: 24px;}

}
	
@media(max-width:480px){
.navbar-default .navbar-collapse{margin-right:0 !important; margin-left:0 !important;}	
	
	
}
	
@media(max-width:414px){
.header-rht .click-box{ height: 50px !important; width: 50px !important;}
.header-lft{ padding-top: 6px;}	

}
	
@media(max-width:375px){
	
.header-lft{ padding-top: 12px;}	
.col-three{ width: 100%; }

}
	
@media(max-width:360px){	


}