/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body { width: 100%;  background: url("../images/bg.jpg") fixed repeat }
body{
position:relative;
min-width: 1170px;
background-size:cover;
}
.innerpages .meri {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 { font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif }
ul { padding: 0 }
li { list-style: none; }
.black-bg {
   padding-top: 5px;
   width: 100%;
}


a, a:hover { text-decoration: none }
.containers { width: 980px; margin: 0 auto }
.logo.pull-left { padding: 30px 0 9px 50px; }
.taglin.pull-left { margin: 50px auto 0; position: absolute; text-align: center; top: 0; width: 100%; }
h2 { color: rgb(213, 80, 37); }
.col-xs-12 { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); float: left; width: 100%; }
.taglin.pull-left > span { color: #DE5428; display: block; font-size: 28px; }
.sat.pull-right { position: absolute; right: 0; top: 0; z-index: -11 }
.navbars { background: url("../images/nav-bg.png") repeat scroll 0 0 #333; height: 62px; clear: both }
.navbars .nv-icon { background: url("../images/nav-sprite.png") no-repeat scroll 8px 8px #fff; border-radius: 60px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); display: inline-block; height: 48px; width: 48px; float: left }
.navbars .containers li { float: left; padding-right: 10px; }
.navbars a { display: block; padding-top: 6px; }
.navname { color: transparent; display: block; float: left; overflow: hidden !important; padding: 0; position: relative; top: 14px; transition: all 500ms ease 0s; width: 0; }
.navbars li:hover .navname { color: #fff; padding: 0 10px 0 5px; width: auto; }
.navname.cliked { padding: 0 10px 0 5px; overflow: visible; width: auto; }
.navbars .nv-icon.ic2 { background-position: -41px 9px; }
.navbars .nv-icon.ic3 { background-position: -93px 8px; }
.navbars .nv-icon.ic4 { background-position: -142px 9px; }
.navbars .nv-icon.ic5 { background-position: -191px 9px; }
.navbars .nv-icon.ic6 { background-position: -241px 9px; }
.navbars .nv-icon.ic7 { background-position: -291px 9px; }
.navbars .nv-icon.ic8 { background-position: -340px 8px; }
/*li.dropdown:hover ul.dropdown-menu {*/
/*    display: block;*/
/*    visibility: visible;*/
/*    transition: 1s;*/
/*}*/
/*li.dropdown ul.dropdown-menu li a:hover {*/
/*    background-color: transparent !important;*/
/*    background-image: none;*/
/*}*/
#carousel-banners.carousel.slide { margin: 25px 0 14px; }
.carousel.slide ol.carousel-indicators { bottom: -40px; }
.carousel.slide ol.carousel-indicators li { background: none repeat scroll 0 0 #ccc; border: medium none !important; height: 15px; width: 15px; }
.carousel.slide ol.carousel-indicators li.active { background: none repeat scroll 0 0 #DE5428; height: 17px; width: 17px; }
#carousel-main.carousel.slide ol.carousel-indicators { bottom: 55px; }
#carousel-main.carousel.slide ol.carousel-indicators li { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }
#carousel-main.carousel.slide ol.carousel-indicators li.active { background: none repeat scroll 0 0 #DE5428; }
#carousel-main.carousel.slide ol.carousel-indicators li:hover { background: none repeat scroll 0 0 #fff; }
h1.main-head { font-size: 32px; text-align: center; }
.main-head > span { color: #DE5428; }
.sub-head { background: none repeat scroll 0 0 #333; color: #fff; font-family: arial; font-size: 20px; margin: 0 auto 20px; padding: 11px 0; text-align: center; width: 440px; }
.meri p { text-align: center; }
.meri { border-bottom: 1px solid #333; border-top: 1px solid #333; float: left; margin: 20px 0; width: 100%; }
.bbt { display: block; float: right; margin: 10px 0 30px; }
.btn.custum-orange { background: none repeat scroll 0 0 #E25C31; border-radius: 0; color: #fff; display: block; font-size: 18px; margin-left: 20px; padding: 20px 0; text-align: center; width: 290px; }
.btn.custum-orange.black { background: none repeat scroll 0 0 #333; }
.footer { background: none repeat scroll 0 0 #242121; clear: both; color: #fff; float: left; width: 100%;overflow: hidden; }
.footer a { color: #CCC }
.footer a:hover { color: #FFF }
.hands.col-xs-5.pull-left { margin-top: -130px; padding: 0; position: absolute }
.hands.col-xs-5.pull-left > img { width: 70%; }
.barpng > img { height: 184px;
    left: -26px;
    position: relative;
    width: 1250px;
	/*width:100%;*/
}

<!--NEW CSS-->

.sidebar .form.col-sm-12 p {
    width: 100%;
}

.meri .containers {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    display: inline-block;
    width: 1170px;
}

.img-inner.fw.pull-right.nbs.nm {
    left: auto;
    padding-top: 2px;
}
















.col-xs-5.pull-right.footer-links { position: relative; }
.col-xs-5.pull-right.footer-links > ul { float: left; height: 88px; margin: 17px 0; width: 33%; }
.col-xs-5.pull-right.footer-links > ul.ul2 { border-left: 1px solid #666; padding-left: 20px; }
.barpng { left: -90px; position: absolute; }
.col-xs-5.pull-right.footer-links a { display: block; padding: 0; }
.footer hr { border-color: #999; }
.footer .carousel.slide ol.carousel-indicators { bottom: 4px; }
.col-xs-4.pull-right.testimonials { padding-left: 60px; position: relative; z-index: 9; }
.social { position: relative; top: -10px; }
.barpng { left: -112px; position: absolute; }
.footer hr { border-color: #999; }
#carousel-testimonial p { font-size: 14px; }
.col-xs-4.pull-right.testimonials > h2 { left: 30px; margin: 21px 0 8px; position: relative; }
.col-xs-4.pull-right.testimonials > h2 { left: 30px; margin: 21px 0 8px; color: #FFF; position: relative; }
#carousel-testimonial.carousel.slide { left: 30px; position: relative; }
.name-tst { display: block; font-size: 21px; text-align: right; }
.designation { display: block; font-size: 12px; }
#carousel-testimonial .item { margin-bottom: 64px; }
#carousel-testimonial.carousel.slide ol.carousel-indicators li { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }
#carousel-testimonial.carousel.slide ol.carousel-indicators li.active { background: #D55025; }
#carousel-testimonial.carousel.slide ol.carousel-indicators li:hover { background: none repeat scroll 0 0 #fff; }
.social li { float: left; }
.social li a i { border: 1px solid; display: block; height: 45px; margin-right: 10px; padding-top: 14px; text-align: center; width: 45px; }
.fa.fa-facebook { color: #3b5998; }
.fa.fa-twitter { color: #00aced; }
.fa.fa-linkedin { color: #007bb6; }
.fa.fa-youtube { color: #bb0000; }
.fa.fa-youtube:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
.fa.fa-youtube:hover { background: none repeat scroll 0 0 #bb0000; border-color: #bb0000; color: #fff; }
.fa.fa-linkedin:hover { background: none repeat scroll 0 0 #007bb6; border-color: #007bb6; color: #fff; }
.fa.fa-twitter:hover { background: none repeat scroll 0 0 #00aced; border-color: #00aced; color: #fff; }
.fa.fa-facebook:hover { background: none repeat scroll 0 0 #3b5998; border-color: #3b5998; color: #fff; }
.abs-cop { left: -165px; position: absolute; top: 0; z-index: -1; }
.copyright.pull-right { color: #fff; padding-top: 16px; position: relative; }
footer { float: left; margin: 20px 0 0; width: 100%;overflow: hidden; }
.copyright.pull-right { }
.copyright1.pull-left { padding-top: 14px; }
.navbars ul, .navbars ul ul { margin: 0; padding: 0; list-style: none; }
.navbars ul:after { clear: both; }
.navbars ul { zoom: 1; }
.navbars ul li { float: left; box-shadow: 1px 0 0 #444; position: relative; }
.navbars ul li:hover > a { color: #fafafa; }
*html .navbars ul li a:hover { /* IE6 only */ color: #fafafa; }
.navbars ul ul { background: url("../images/nav-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 3px; left: -22px; margin: 20px 0 0; opacity: 0; position: absolute; top: 54px; transition: all 0.2s ease-in-out 0s; visibility: hidden; z-index: 1; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); width: 224px; }
.navbars ul li:hover > ul { opacity: 1; visibility: visible; margin: 0; }
.navbars ul ul ul { top: 0; left: 150px; margin: 0 0 0 20px; _margin: 0; /*IE6 only*/ box-shadow: -1px 0 0 rgba(255,255,255,.3); }
.navbars ul ul li { float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/ box-shadow: 0 1px 0 #111, 0 2px 0 #666; padding-right: 0 !important; }
.navbars ul ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.navbars ul ul a { padding: 10px; width: 150px; _height: 10px; /*IE6 only*/ display: block; white-space: nowrap; float: none; color: #FFF; text-transform: none; width: 224px; }
.navbars ul ul a:hover { background-color: #D55025; }
.navbars ul ul li:first-child > a { border-radius: 3px 3px 0 0; }
.navbars ul ul li:first-child > a:after { content: ''; position: absolute; left: 40px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #444; }
.navbars ul ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #3b3b3b; }
.navbars ul ul li:first-child a:hover:after { border-bottom-color: #D55025; }
.navbars ul ul ul li:first-child a:hover:after { border-right-color: #D55025; border-bottom-color: transparent; }
.navbars ul ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
/* Mobile */
.navbars ul-trigger { display: none; }
/* iPad */
.no-transition { transition: none; opacity: 1; visibility: visible; display: none; }
.navbars ul li:hover > .no-transition { display: block; }
.img-inner { background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px #ccc; left: -11px; padding: 6px; position: relative; top: 9px;/*     float: right;     margin-left: 20px;  width: 350px;*/
}
.img-inner img { width: 100%; }
.innerpages .meri, .innerpages .meri * { text-align: left; }
.pull-left.banner-smaller.img-inner { margin-left: 0; margin-right: 20px; width: 240px; }
.footer-inner { float: left; margin-top: 130px; width: 100%; }
.innerpages .meri { padding-top: 30px;text-align: center; }
.col-xs-12 ul { padding-left: 0; }
.col-xs-12 li { list-style: none; padding-left: 35px; background: url(../images/bullet.png) left top no-repeat; }
.bb { border-bottom: 1px solid #333; }
.innerpages .main-head { font-size: 23px; margin-bottom: 15px; padding-bottom: 10px; }
.innerpages .main-head span { color: #333; }
.boxes { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #ddd; border-radius: 4px; float: left; margin-bottom: 30px; padding: 30px; width: 100%; }
p.pos-top { line-height: 23px; position: relative; top: 24px; }
.main-banner-inner { margin-top: 20px; }
.sidebar img { width: 100%; }
.innerpages .col-xs-3.sidebar { padding: 0; }
.sidebar-img { box-shadow: 0 0 0 6px #fff, 0 0 8px 7px #eee; margin-bottom: 30px; }
input[type="button"] { background: none repeat scroll 0 0 #DE5428; border-color: #DE5428; color: #fff; font-size: 16px; text-align: center !important }
.sidebar-img img { cursor: pointer; }
/*.sidebar-img.nobx {
    box-shadow: none;
}

.sidebar-img.nobx {
    box-shadow: none;
    margin: -10px -10px -37px;
}*/

.pull-right.download-icons { margin: -120px auto 0; }
.pull-right.download-icons li { float: left; margin-left: 40px; }
.img-inner.pull-right.fw { margin: 10px 0; width: 100%; }
.pull-right.banner-smaller.img-inner.clas270 { width: 270px; }
.pull-left.clas271 { margin-right: 10px; }
.dis { clear: both; font-size: 16px; margin-bottom: 20px; }
.red { color: #b50007; font-size: 19px; }
.img-inner.fw.pull-right.nbs { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: none; float: left; left: -10px; margin-top: -30px; position: relative; }
.formcustomer .red { font-size: 14px; }
.form-control:focus { border-color: #db4e1d; box-shadow: 0 1px 1px rgba(213, 80, 37, 0.3) inset, 0 0 8px rgba(213, 80, 37, 0.3); outline: 0 none; }
.formcustomer .form-control { float: right; width: 100%; }
.formcustomer > p, .npsd p, .news > p { float: left; margin-right: 2%; width: 49%; }
.formcustomer > p:nth-child(2n+2), .npsd p:nth-child(2n+2), .news > p:nth-child(2n+2) { margin-right: 0; }
.form-control[type="button"] { width: 100%; }
.formcustomer { float: left; margin-bottom: 30px; width: 100%; }
.img-inner.fw.pull-right.ma-l { left: -3%; position: relative; width: 97%; }
.address > p { float: left; width: 25%; }
.address > p.para2 { width: 75%; }
.address i.fa { color: #DE5428; margin-right: 12px; text-align: right; width: 20px; }
.address i.fa:not(.smalls) { font-size: 18px; }
.salepoint { border-bottom: 1px solid #333; margin-bottom: 20px; padding-bottom: 18px; }
.para2 > a { color: #DE5428; }
.boxed { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #333; padding: 20px 20px 20px 40px !important; margin-bottom: 30px; }
.img-inner.fw.pull-right.nbs.nm { box-shadow: 0 0 11px #ddd; margin: 0; /*padding: 11px;*/left: auto;
    padding-top: 2px; }
.panel-title > a { display: block; margin: -15px; padding: 15px; }
.block { display: block; font-size: 14px; }
.col-xs-12.ml15 { margin-left: -19px; margin-top: 20px; padding: 0 10px; }
.item > img { width: 100%; }
.navbars .containers > ul { float: right; }
.sidebar-img.col-sm-4 { box-shadow: none; padding: 0 10px 0 0; }
.form.col-sm-3 { padding-left: 0; }
.form.col-sm-12 p { float: left; margin-right: 2.666%; width: 31.5% }
.form.col-sm-12 p:last-child { margin-right: 0; }
.form.col-sm-12 { box-shadow: 0 0 10px #eee; height: 70px; margin-bottom: 30px; padding-top: 19px; width: 99%; }
.col-xs-12.sidebar { padding-right: 0; }
.img-inner.fw.pull-right.nbs.bakws { left: 0; margin: 10px 0 30px; padding: 0; }
.carousel-control { background: none !important; }
.sat.pull-right > img { width: 191px; }
.banners > img { box-shadow: 0 0 0 6px #333, 0 0 10px 6px #eee; width: 100%; }
.col-xs-8 > li { margin-top: 10px; }
.innerpages .meri .main-head span { color: #DE5428; font-size: 28px; }
.boldsub strong { border-right: 1px solid #333; color: #DE5428; display: inline-block; margin-right: 10px; width: 118px; }
.susb > span { font-size: 14px; padding-left: 135px; }
.comparision > ul { float: left; margin: 0; width: 50%; }
.comparision > ul li { margin: 13px 0; }
.comparision > ul li.even { margin: 7.7px 0; }
.comparision { background: none repeat scroll 0 0 #333; border: 1px solid #ddd; box-shadow: 0 0 20px #999; color: #fff; float: left; margin-bottom: 30px; margin-top: 10px; padding: 30px; width: 100%; }
.odd.head { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #DE5428; font-size: 24px; margin-top: 0 !important; padding: 0; }
.packages > ul { width: 100%; }
.packages li li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; padding: 0; text-align: center !important; width: 15%; }
.oddul > li { }
.oddul > li:first-child { text-align: left !important; width: 55%; }
.fa.fa-check { color: #3ebd00; }
.fa.fa-remove { color: #da0000; }
.oddul:hover .fa { color: #fff !important; }
.headings .oddul > li { color: #DE5428; font-family: cambria; font-size: 26px; }
.headings .oddul { border-bottom: 1px solid #333; float: left; margin-bottom: 20px; padding-bottom: 10px; width: 100%; }
.packages > ul { float: left; margin: 0 !important; }
.packages > ul > li { padding: 0; }
.oddul { float: left; font-size: 14px; padding: 7px 14px !important; width: 100%; transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; }
.oddul.evenul { background: none repeat scroll 0 0 #aaa; }
.oddul:hover { background: rgba(210, 80, 36,1); color: #fff; transform: scale(1.05); }
.headings .oddul, .headings .oddul * { background: #DE5428; color: #FFF !important; }
.packages > ul { /*   background:none repeat scroll 0 0 rgba(120, 120, 120, 0.5);*/
border: 1px solid #f1f1f1; box-shadow: 0 0 20px #999; color: #fff; float: left; margin: 0 !important; position: relative; color: #333 }
/*.packages > ul:before {
    background: url("../images/nav-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
*/
.col-xs-4.bkas > li { font-size: 14px; margin: -2px 0; padding-top: 5px; }
.restrictions { clear: both; float: left; font-style: italic; margin: 20px 0 0; }
.banners.six > img { width: 100%; }
.col-xs-7.lins li { padding: 6px 0 6px 35px; }
.col-xs-7.lins ul { margin-top: 20px; }
.col-xs-5.lin > li { letter-spacing: -0.5px; line-height: 28px; }
.col-xs-12 > hr { border-color: #333; margin: 30px 0 20px; }
.col-xs-6 .address .block .fa { float: left; height: 37px; }
.col-xs-6 .address .block { clear: both; }
.col-xs-6 .address i.fa.fa-mobile { font-size: 25px; }
.panel.panel-default:hover { transform: scale(1.03); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); box-shadow: 0 0 30px rgba(0,0,0,0.5); }
.panel.panel-default:hover h4 a {font-weight:bold;}
.panel-default > .panel-heading {
    background-image: linear-gradient(to right, #d7dee3 50%, #f6f8f9 50%);
    background-position: 100% center;
    background-repeat: repeat-x;
    background-size: 200% auto;
    transition: all 500ms ease-in-out 0s;
}
.panel.panel-default:hover .panel-heading {
    background-position: 0 center;
}
.panel-collapse.collapse.in {
    background: linear-gradient(to right, #DE5428 0%, #DE5428 50%, #fcfcfc 50%) repeat scroll 100% center / 200% auto rgba(0, 0, 0, 0);
    transition: all 0.5s ease-in-out 0s;
	background-size:200%;
	background-position:100%;
}
.panel.panel-default:hover > .panel-collapse.collapse.in{ background-position:0 center; color:#fff;}
.panel.panel-default { transition: all 500ms ease-in-out 0s; }
input[type="submit"] { background: none repeat scroll 0 0 #E25C31; color: #fff; text-align: center !important; }

.log-in h1 {
    margin-top: 0;
	margin-bottom: 20px;}
.inner-login{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    margin: 0 auto;
    padding: 15px;
    width: 70%;}
.container.log-in-page {
	padding: 15px;
    text-align: center;}
.log-in {
	box-shadow: 0 0 4px #ccc;
	padding: 15px;
    margin: 60px auto;
    width: 70%;
	text-align:left;}
.log-in-page input:hover {
    box-shadow: 0 0 3px orange;}

.cnic-1 .form-control{
    width: 150px;
}
.cnic-2 .form-control{
    width: 233px;
}
.cnic-3 .form-control{
    width: 70px;
}
.ccnic label {
    display: block;
}
.ccnic span {
    float: left;
}
.ccnic label > .red {
    float: none;
}
.col-xs-8.pdlar.boldsub strong {
    float: left;
}
.col-xs-8.pdlar.boldsub .item-align-li{
	float:left;}
p.si {
    padding-left: 27%;
}
p.su {
    margin-left: 18%;
}
span.era {
    display: inline-block;
    margin-bottom: 13px;
    padding-left: 0;
    width: 447px;
}
.foot-slide {
    width: 300px;
	color:#fff;
}
.foot-slide #carousel-testimonial.carousel.slide {
    left: 0;
}
.foot-slide .carousel.slide ol.carousel-indicators {
    
	bottom: 0;
    left: 0;
    margin: 0 auto;
    position: relative;
}
body.sli {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    overflow: hidden;
}

.iframe-t {
	border: 0 none;
    height: 240px !important;
    overflow: hidden !important;
    position: relative;
    z-index: 54;
}
.softwares li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    padding: 4px 0;
    text-align: center !important;
}
.softwares .main-head {
    background: none repeat scroll 0 0 #e25c31;
    float: left;
    margin-bottom: 1px;
    padding: 10px 0;
    width: 100%;
    color: white;
    font-weight: bold;
}
.softwares .main-head li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
}
.softwares > ul {
    clear: both;
    float: left;
    margin-bottom: 4px;
    padding: 0;
    width: 100%;
    font-weight: bold;
}


.btnerd {
    background: none repeat scroll 0 0 #e25c31;
    color: #fff;
    display: block;
    margin: auto;
    text-align: center !important;
    width: 140px;
}
.btnerd:hover {
    color: #a52600;
}
.col-xs-3.sidebar > div {
    box-shadow: none;
	clear: both;
}
.col-xs-3.sidebar p {
    width: 100%;
}

.side-slide {
    float: left;
    margin: 0 0 0;
    padding: 0 20px;
	width: 100%;
}

.side-slide ol {
    display: none;
}
.sidebar .form.col-sm-12 {
    float: left;
    height: auto;
    margin: 0;
    width: 100%;
}
.sidebar h1 {
    color: #de5428;
    font-size: 28px;
    margin: 0 0 15px;
}
.home .meri .containers {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 980px;
	display: block;
}