@charset "utf-8";
.main-table{font-family:Arial; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}
.main-heading{
    margin-bottom: 20px;
    font-weight: bold;
    Font-size: 22px;
    color: #93b850;
    line-height: 36px;
    border-bottom: 1px #ccc dashed;
    text-transform: uppercase;
    }
.sub-heading{font-weight:bold; Font-size:15px; color:#333; line-height:30px; text-transform:uppercase;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:30px;}

.navbar {
    position: relative;
    min-height: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}

.MenuControl_C_ctl00_HorizontalMenu_2 {
    width: 1000px !important;
}

.container{    font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 22px !important;}

.navbar-nav>li>a {
    padding-top:0 !important;
    padding-bottom: 0 !important;
}

.container-fluid{padding-left:2px; padding-right:2px;}

#MenuControl .container-fluid{width:1140px !important;}
center #form1{overflow:hidden;}
.navbar-nav {
    display: table;
    width: 100%;
    text-align: center;
    margin-left: 0  !important;
    margin-right: 0 !important;     margin-top: -2px;
}


.navbar-nav>li {
    display: table-cell;
    float: initial !important;
	vertical-align: middle;     /*border-right: 1px #78ca28 solid;*/
	background-image: url(../Image/h2.jpg);
    background-position: right 3px;
    background-repeat: no-repeat;

}


.navbar{ border:0 !important;     background-color: #77be32 !important;}

.navbar .navbar-nav>li>a{color: #fff !important; font-size: 14px;}

.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover{    color: #000 !important;
    background-color: #fff !important;}
	
#MenuControl_C .dropdown-menu{padding:0 !important; animation:zoomIn 300ms;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff !important;
    text-decoration: none;
   background-color: #77be32 !important;
}

.dropdown-menu>li>a:focus:after, .dropdown-menu>li>a:hover:after {
        border-left-color: #fff !important;
}
	
.navbar .navbar-nav>li>a:focus, .navbar .navbar-nav>li>a:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #77be32 !important;
    border-color:#fff;
    color: #fff !important;
}


#MenuControl_C .navbar,
#MenuControl_C .container-fluid,
#MenuControl_C .navbar-nav
{height:100%;}

#MenuControl_C #navbar-collapse-1{height:100% !important;}

div#widgetsControl, #widgetsControl_C {
    height: initial !important;
}
@media (max-width:1140px){
#MenuControl .container-fluid{width:100% !important;}
}
@media (max-width: 769px){
	
#widgetsControl_C, #widgetsControl{height:initial !important}
.tp-colthree-inner{    margin-bottom: 30px !important;}
.team-col{margin-top: 80px !important;}
.navbar-header{margin-left:0 !important;
    margin-right: 0!important;}
#HeaderControl, #HeaderControl_C{height:auto !important;}
	}
@media (max-width: 767px){
.navbar-nav>li{display: block; text-align:left;}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{margin-right: 0px !important;margin-left:  0px !important;}
.navbar-toggle{float:inherit;}
.navbar{text-align:center;}
.navbar-nav>li {border-right:0; border-bottom:1px solid #eee;}
.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover{background-color: #fff;}
.navbar .navbar-toggle .icon-bar{background-color: #eee;}
#WhatsNewControl_C_ctl00_Bulletin_Scroll{padding: 5px 15px;}
.navbar .navbar-nav .open .dropdown-menu>li>a{color:#eee;}
}

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

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

@media (max-width: 568px){
.fr-head{display:none;}
}

@media (max-width: 480px){
header .col-xs-8{width:100%;}
}

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

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

@media (max-width: 360px){
}
.table-responsive {
    min-height: .01%;
    overflow-y: hidden !important;
}/* CSS Document */

#FooterrControl1_tr_hitCounter{ color:#000 !important; }
#FooterrControl2_tr_hitCounter{ color:#000 !important; }



.hm-service { padding: 40px 0;}
        .container-middle{width: 998px; margin:0 auto; text-align: left; font-family:Arial !important; font-size: 14px !important; line-height: 24px !important; font-weight: normal !important; color: #666;}
        .container-middle a{color:#236fb6; text-decoration:none;}
        .ser-bx-img {
            float: left;
            width: 30%;
            position: relative;
            border: 5px solid #2b76a8;
            height: 348px;
            overflow: hidden;
            box-shadow: 7px 5px 5px #ccc;
        }
        .ser-bx-img h2 {
            position: absolute;
            top: 140px;
            width: 100%;
            text-align: center;
            color: #fff;
        }
        .ser-bx-rht {
            float: left;
            width: 70%;
        }
        .ser-bx-img img{width:100%;}
        .serv-bx{
            float: left;
            width: 46%;
            margin-left: 3%;
            border: 1px solid #ddd;
            padding: 20px 18px;
            margin-bottom: 18px;
            position:relative;
            min-height: 162px;
            }

        .ser-bx-img h2{position: absolute;
            top: 140px;
            width: 100%;
            text-align: center;
            color: #fff;}
            
        .ser-bx-img h2 strong{color: #2b76a8;}
            
        .ser-img{float: left;
            width: 25%;}
            
        .ser-img img{    height: 60px;}
            
        .ser-cnt{float: left;
            width: 75%;}
            
        .ser-cnt h3{
            margin: 0;
            color: #0e1320;
            margin-bottom: 10px;
            font-size: 17px;
            font-weight: 600;
            }
            
        .ser-cnt p{
            font-size: 13px !important;
            line-height: 21px;
            }
            
        .serv-bx, .serv-bx:hover, .rd-mr img, .ser-img img{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}

        .serv-bx:hover{    box-shadow: 2px 3px 4px #ccc; border-color:#0e1320;}

        .serv-bx:hover .rd-mr img{    margin-left: 15px;}

        .serv-bx:hover img{transform:rotate(15deg);}
            
        .serv-bx:before{    content: "";
            background-color: #0e1320;
            display: block;
            width: 40px;
            height: 3px;
            position: absolute;
            left: 0;
            opacity: 0;
            -webkit-transition: all 0.5s;
            transition: all 0.5s; top:0;}
            
        .serv-bx:after{content: "";
            background-color: #0e1320;
            display: block;
            width: 40px;
            height: 3px;
            position: absolute;
            left: 0;
            opacity: 0;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;     bottom: 0;}
            
        .serv-bx:hover:after, .serv-bx:hover:before{    left: 35px;
            opacity: 1;}