
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222; line-height:24px;}
p{ font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222; line-height:24px; text-align:justify;}

.top-nv{ background:#f9f9f9; font-family:Arial, Helvetica, sans-serif;}
.social{ border-left:1px #dedede solid; border-right:1px #dedede solid; text-align:center; padding:10px 0;}
.social a{ margin-right:10px; margin-left:10px; color:#bbb;}
.social a:hover{ color:#F00;}
.social i.fa{ font-size:18px;}

.callus{ float:right; list-style: none; margin: 0;}
.callus li { margin-left: -1px; margin-right:10px; display:inline; padding:10px 0; line-height:40px;}
.callus li{ border-left: 1px solid rgba(0, 0, 0, 0.05);  color:#777;}
.callus li:last-child{ border-right: 1px solid rgba(0, 0, 0, 0.05); padding-right:10px; }
.callus i.fa{ color:#ccc;  font-size: 16px; padding: 12px 12px; font: normal normal normal 14px/1 FontAwesome;}
.callus a{color:#bbb;}



header{ text-align:center; padding:5px 0;}
header img{ height:90px;}

ul{ font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}
ul li{ font-size:14px; color:#333; line-height:24px; text-align:left;}

#HomepagecontentControl{ min-height:10px !important;}

.inner-page{}

.inner-page h3{font-size:18px; text-align:center; line-height:30px; color:#222;}
.img-ph{ float:left; margin-right:10px; border:1px #ccc solid; margin-top:8px;}

.pro-box{ text-align:center;}
.pro-box img{ margin-top:20px;}
.pro-box h4{ font-size:16px; line-height:24px; color:#333; text-align:center;}

.pro-box1{ text-align:left;}
.pro-box1 img{ margin-top:10px; float:left; margin-right:10px; margin-bottom:30px;}
.pro-box1 h4{ font-size:16px; line-height:24px; color:#333; text-align:left;}
.pro-box1 ul{ margin:0; list-style-position:inside;}
.pro-box1 ul li{ font-size:13px; margin-left:20px; line-height:18px;}

.infra{ font-family:Arial, Helvetica, sans-serif;}
.infra h3{ font-size:22px; text-align:center; line-height:30px; color:#222;}
.infra h4{ font-size:18px; text-align:center; line-height:24px; color:#222;}



/*Header and Menu Fix Style*/

.navbar-fixed-top.navbar-default{  
    background: rgba(255,255,255,0.94);
    transition: 0.5s;
    border-bottom: 0;
    box-shadow: 0;
    position: fixed;
    top:0; z-index:999;
	
}    
    
.body-fx #HeaderControl{
    transition: 0.5s;
    padding-left: 0px;
    width: 25%;
    max-width: 100%;
    float: inherit;
    padding-bottom: 15px;
}

.body-fx #MenuControl{ float: Right; position: fixed; right: 0; width:75%; padding: 0; padding-right: 0; background: rgba(255,255,255,0.94);
    box-shadow: 2px 1px 3px #ccc; transition: 0.5s;
}

.body-fx #HeaderControl, .body-fx #HeaderControl_C, .body-fx #MenuControl_C, .body-fx #MenuControl{
    height: 70px !important; transition: 0.5s; }

.body-fx .navbar-default{ background: transparent !important;}

.body-fx .navbar-nav>li>a{ color: #222 !important;}

.body-fx #HeaderControl .rdCenter{ background: transparent !important;}

#HeaderControl.navbar-fixed-top{
    float: Left;
    position: fixed;
    width:25%;
    padding: 0;
    padding-left:14px;
    background: rgba(255,255,255,0.94);
    z-index: 99;
    text-align: left;
    box-shadow: 0px 1px 3px #ccc;
    transition: 0.5s;
}

#MenuControl, #HeaderControl{ transition: 0.5s;}

.body-fx #MenuControl .rdCenter {
    background: transparent !important;
}
.body-fx header{ padding-top:5px;}
.body-fx header img{ height:60px;}

/*Header and Menu Fix Style*/









/*footer*/
footer{ background:#222; padding-top:20px; margin-top: 0px;}
footer h2{ font-size: 18px; line-height: 30px;  color:#777; text-align: left; border-bottom: 1px #333 dashed; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; margin-top:0px; padding-bottom:10px;}

footer .container-middle a{ color:#ccc; }

.col-three{ float:left; width:31%; margin:1%;}
.col-three p{ font-size: 14px; line-height: 22px; color: #777; text-align: left;}
.col-three p a{color: #b21117;}

.us-lk ul{ margin-top:15px; font-size:16px; list-style-type:none; padding-left:5px; }
.us-lk li{ line-height:20px; text-decoration:none; }
.us-lk li a{ color: #777; font-size:14px;}
.us-lk li a img{ margin-bottom:5px;}
.us-lk li a:hover{ color: #b21117;}

footer a{ color:#777;}

.ft-cont p{ margin-bottom: 7px; font-size: 14px; line-height: 22px; color: #777; text-align: left;}
.copyrht{ margin-top:20px; font-size: 14px; padding: 12px 0; background:#111;}
	
.copyrht p{ margin-bottom:0; color: #777;}

.cprht-lft{float:left;}
.cprht-rht{float:right;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    padding: 15px 15px;
    z-index: 9;
    border:1px solid #111;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
    bottom: 50px;
}

.top .fa {
    display: block !important;
}

/*footer*/

