h4, h5, h6, h1, h2, h3 { margin-top: 0; }
ul, ol { margin: 0; }
a:focus { outline: none; }
p { margin: 0; }
html, body { font-family: 'Source Sans Pro', sans-serif; font-size: 100%; background: #fff; }
/*--header start here--*/
.header { background: url(../images/header-back.JPG); min-height: 120px; }
.head-nav-back { /*background: url(../images/header-container.PNG) no-repeat;*/ background-size: 100%; -webkit-background-size: 100%; height: 120px; }
.header-main { padding: 3em 0px; }
.navg ul { list-style: none; }
.navg ul li { display: inline-block; margin: 0px 5px 0px 0px; }
.navg ul li a { font-size: 1em; font-weight: 400; color: #999; padding: 4em 1.6em; text-decoration: none; }
.solu.active { padding: 4em .9em; }
a.ser.active { padding: 4em 1.12em; }
a.proj.active { padding: 4em 1.1em; }
a.cont.active { padding: 4em 1.2em; }
.navg ul li a:hover { color: #fff; }
.navg ul li a.active { text-decoration: none; color: #fff; background: url(../images/nav-back.png)no-repeat 0px 15px; background-size: initial; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; margin: 0; }
.navg ul li a.active.faqHover { background-position: -9px 11px; }
.navg ul li a.active.testiHover { background-position: 19px 13px; }
.navg ul li a.active.contactHover { background-position: 7px 13px; }
span.menu { display: none; }
.logo { float: left; text-align: center; margin: -14px 0 0; }
.logo a { color: #fff; }
.navg { float: right; text-align: center; }
/*--header end here--*/
/*--banner start here--*/
.banner { padding: 2em 0px 0px 0px; background: url(../images/bannerImg.jpg) no-repeat; background-size: cover; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cove; height: 400px; }
.banner-left { padding-top: 7em; }
.banner-left a { font-size: 1.3em; font-weight: 400; color: #fff; background: #008FD5; padding: 10px 10px; }
.slider_hed { font-size: 1.3em; font-weight: 400; color: #fff; background: #008FD5; padding: 10px 10px; }
.banner-left a:hover { background: #273138; text-decoration: none; color: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
a.payBtn, a.viewBtn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 20px 10px 0 0; float: left; padding: 15px 20px; }
a.payBtn { }
a.viewBtn { background: #273138; }
a.viewBtn:hover { background: #008fd5; }
.lobo { margin: 10px 0px 0px 0px; background: #273138; width: 70%; padding: 13px 20px; }
.lobo h3 { font-size: 1.6em; font-weight: 600; color: #fff; }
.lobo p { font-size: 1em; font-weight: 600; color: #fff; }
/*--banner end here--*/
/*--info-grid start here--*/
.info-grid { background: url(../images/info-bg.jpg); padding: 2em 0; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cove; }
.info-top { background: url(../images/d-top.jpg); padding: 1em 1em; margin: 20px 0; }
.info-top h3 { font-size: 30px; font-weight: 700; color: #000; margin: 0px; text-align: center; }
.info-bott { background: url(../images/d-middle.jpg)0px 0px; padding: 1em 1em; height: auto; text-align: center; margin-bottom: 30px; display: none; }
.info-bott p { font-size: 0.885em; font-weight: 500; color: #999; padding: 1.5em 0px; line-height: 1.5em; text-align: left; }
.info-bott h5 { font-size: 0.9em; font-weight: 500; color: #008FD5; text-align: left; font-style: italic; text-decoration: underline; }
.infogrid-bwn { }
span.gd-clr { font-size: 30px; font-weight: 700; color: #008FD5; }
.infogrid-bwn a { font-size: 0.9em; font-weight: 300; color: #fff; background: #008FD5; padding: 10px 10px; }
.infogrid-bwn a:hover { text-decoration: none; background: #999; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.gd-tl-tip:after { }
.infogrid-bwn { position: relative; }
.gd-tl-tip:after { }
/*--info-grid end here--*/
/*--movegrid start here--*/
.flex-slider { height: auto; padding: 3em 0em; background: #273138; }
.grid { text-align: left; }
.grid h3 { font-size: 1.1em; font-weight: 600; color: #000; }
.mov-bwn { padding: 1em 0px }
.mov-bwn a { font-size: 1em; font-weight: 500; color: #fff; background: #30BEDA; padding: 5px 10px; }
.mov-bwn a:hover { text-decoration: none; background: #999; }
.grid p { font-size: 0.875em; font-weight: 400; color: #7E7E7E; line-height: 1.8em; width: 80%; }
#flexiselDemo3 { display: none; }
.nbs-flexisel-container { position: relative; max-width: 100%; background: url(../images/sli-sml-bg.jpg); padding: 2em 0px; margin: 0em 3em; }
.nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner { overflow: hidden; margin: 1px 111px; }
.nbs-flexisel-item { float: left; margin: 0px; padding: 0px; cursor: pointer; position: relative; line-height: 0px; }
.nbs-flexisel-item > img { cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width: 250px; max-height: 500px; }
.grid-flex { margin: 10px 0 20px 0; font-family: 'Roboto', sans-serif; }
.nbs-flexisel-item > img { cursor: pointer; positon: relative; }
.biseller-info { margin: 2em 0 0; }
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 21px; height: 120px; position: absolute; cursor: pointer; z-index: 100; margin-top: -0em; }
.nbs-flexisel-nav-left { left: -32px; top: -105px; background: url(../images/sli-lef.png) no-repeat 0px 69px; }
.nbs-flexisel-nav-right { right: -32px; background: url(../images/sli-rit.png) no-repeat 0px 69px; }
/*--movegrid end here--*/
/*--footer start here--*/
.footer { background: url(../images/ft-bg.jpg); padding: 3em 0em; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cove; }
.footer-grid h3 { font-size: 1.2em; font-weight: 600; color: #fff; margin: 0px 0px 1.3em 0px; }
.footer-grid ul.ftr-list { padding: 0px; list-style: none; }
.footer-grid ul.ftr-list li { margin: 0px 0px 8px 0px; border-bottom: 1px solid #16191B; padding: 0px 0px 8px 0px; }
.footer-grid ul.ftr-list li a { font-size: 0.94em; font-weight: 400; color: #828D94; background: url(../images/list.png)no-repeat 0px 7px; padding: 1px 0px 0px 15px; }
.footer-grid ul.ftr-list li a:hover { text-decoration: none; color: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.footer-grid p { font-size: 0.875em; font-weight: 400; color: #999; line-height: 1.7em; padding: 0.5em 0em 1em 0em; }
.ftr-bwn a { font-size: 1em; font-weight: 400; color: #273138; background: url(../images/ft-bwn.jpg); padding: 10px 10px; }
.ftr-bwn a:hover { text-decoration: none; color: #fff; background: #008FD5; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.footer-grid h5 { font-size: 0.9em; font-weight: 600; color: #FFF; border-top: 1px solid #16191B; padding: 12px 0px 0px 0px; }
.footer-grid h5 a { font-size: 0.95em; font-weight: 400; color: #fff; }
.footer-grid h5 a:hover { text-decoration: none; color: #999; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.footer-grid h6 { font-size: 1.7em; font-weight: 500; color: #999; }
ul.img-sprit { padding: 0px; list-style: none; margin: 1em 0px 0px 0px; }
ul.img-sprit li { display: inline-block; }
ul.img-sprit li a { background: url(../images/ftr-icons.png)no-repeat; display: block; width: 58px; height: 27px; }
ul.img-sprit li a.foot { background-position: 3px 0px; opacity: 0.4; filter: alpha(opacity=40); }
ul.img-sprit li a.fa { background-position: -54px 0px; opacity: 0.4; filter: alpha(opacity=40); }
ul.img-sprit li a.tw { background-position: -113px 0px; opacity: 0.4; filter: alpha(opacity=40); }
ul.img-sprit li a.in { background-position: -170px 0px; opacity: 0.4; filter: alpha(opacity=40); }
ul.img-sprit li a.t { background-position: -228px 0px; opacity: 0.4; filter: alpha(opacity=40); }
ul.img-sprit li a.foot:hover { background-position: 3px 0px; opacity: 1.0; filter: alpha(opacity=100); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
ul.img-sprit li a.fa:hover { background-position: -54px 0px; opacity: 1.0; filter: alpha(opacity=100); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
ul.img-sprit li a.tw:hover { background-position: -113px 0px; opacity: 1.0; filter: alpha(opacity=100); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
ul.img-sprit li a.in:hover { background-position: -170px 0px; opacity: 1.0; filter: alpha(opacity=100); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
ul.img-sprit li a.t:hover { background-position: -228px 0px; opacity: 1.0; filter: alpha(opacity=100); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.ftr-bwn { margin: 1.2em 0px 0px 0px; }
.info-bott img { width: 100%; }
/*--footer end here--*/
/*--copyright start here--*/
.copyright { background: url(../images/copyrt-bg.jpg); padding: 1em 0px; text-align: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cove; }
.copyright-main p { font-size: 1em; font-weight: 600; color: #2E383F; }
.copyright-main p a { font-size: 1em; font-weight: 600; color: #2E383F; }
.copyright-main p a:hover { text-decoration: none; color: #0B81BB; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
/*--copyright end here--*/ 
/*--about start here--*/
.about { padding: 3em 0px; background: url(../images/banner.jpg); }
.about-left img { width: 100%; }
.about-left h3 { font-size: 2em; font-weight: 400; color: #999; margin: 0px 0px 15px 0px; }
.about-left h4 { font-size: 1.3em; font-weight: 600; color: #000; margin: 0px 0px 5px 0px; }
.about-left p { font-size: 0.95em; font-weight: 500; color: #000; margin: 0px 0px 10px 0px; }
.team-main h3 { font-size: 2em; font-weight: 500; color: #000; margin: 0px 0px 12px 0px; }
.team { padding-bottom: 3em; background: url(../images/banner.jpg); }
.about-left ul { list-style: none; padding: 0px; }
.about-left ul li { margin: 10px 0px; }
.about-left ul li a { font-size: 0.95em; font-weight: 400; color: #000; }
.about-left ul li a:hover { text-decoration: none; color: #999; }
.team-grids img { width: 100%; }
/*--about end here--*/
/*--services start here--*/
.service { padding: 3em 0px; background: url(../images/banner.jpg); }
.service-top { text-align: center; }
.service-top h3 { font-size: 2em; font-weight: 500; color: #999; margin: 0px 0px 10px 0px; }
.service-top p { font-size: 0.95em; font-weight: 500; color: #000; line-height: 1.8em; }
.service-left { padding-top: 3em; }
.service-right img { width: 100%; }
.service-right p { font-size: 0.95em; font-weight: 400; color: #000; line-height: 1.8em; }
.ser-bwn a { font-size: 1em; font-weight: 400; color: #fff; background: #0087d5; padding: 10px 1em; }
.ser-bwn a:hover { text-decoration: none; color: #fff; background: #999; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.ser-bwn { padding: 1.5em 0px 0px 0px; }
.solution { padding: 3em 0px; background: url(../images/banner.jpg); }
.solution-main { text-align: center; padding-top: 7em; min-height: 600px; }
.service-right { margin: 0px 0em 3em 0px; float: left; width: 31%; }
.ser-midd { margin: 0px 38px; }
/*--service end here--*/
/*--solution page start here--*/
.solution-main h3 { font-size: 6em; font-weight: 500; color: #999; border: 5px solid #999; width: 16%; padding: 0.35em 0em; border-radius: 90%; margin: 0 auto; }
.solution-main h4 { font-size: 2em; font-weight: 600; color: #008fd5; margin: 1em 0px 0px 0px; }
.sol-bwn { padding-top: 3em; }
.sol-bwn a { font-size: 1em; font-weight: 400; color: #fff; background: #000; padding: 13px 1.5em; }
.sol-bwn a:hover { background: #008fd5; text-decoration: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
/*-- solution page end here--*/
/*--project start here--*/
.project-img { float: left; width: 100%; }
.faqImg { background: none repeat scroll 0 0 #fff; float: right; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.project-text { float: right; width: 60%; }
.projects { padding: 3em 0px; background: url(../images/banner.jpg); }
.projects-top h3 { font-size: 2em; font-weight: 500; color: #999; margin: 0px 0px 10px 0px; }
.projects-top p { font-size: 0.95em; font-weight: 400; color: #000; line-height: 1.8em; }
.projects-top { text-align: center; }
.projects-inform h3 { font-size: 1.7em; font-weight: 600; color: #0087d5; margin: 0px 0px 10px 0px; }
.projects-inform { padding: 0px 0px 2em 0px; }
.project-img img { width: 100%; }
.project-text p { font-size: 0.95em; font-weight: 400; color: #000; line-height: 1.8em; }
.project-text h4 { font-size: 1.5em; font-weight: 500; color: #000; margin: 0px 0px 10px 0px; }
.projects-top { padding-bottom: 2em; }
/*--project end here--*/
/*--single page start here--*/
.number { width: 50%; background: #008fd5; text-align: center; padding: 10px; margin: 0px 0px 10px 0px; }
.date h3 { font-size: 2.5em; font-weight: 500; color: #fff; margin: 0px; }
.month p { font-size: 1em; font-weight: 400; color: #fff; }
.details p { font-size: 0.95em; font-weight: 400; color: #000; line-height: 1.8em; }
span.detail-col { color: #777; }
.p-single { padding: 1em 0px 3em 0px; }
.blog-contact h3 { font-size: 2em; font-weight: 500; color: #000; margin: 0px 0px 10px 0px; }
.blog-contact input[type="text"] { font-size: 1em; font-weight: 400; color: #000; padding: 10px; width: 49%; border: 1px solid #ccc; outline: none; -webkit-appearance: none; }
.blog-contact textarea { font-size: 1em; font-weight: 400; color: #000; padding: 10px; width: 98.3%; height: 12em; border: 1px solid #ccc; margin: 10px 0px; outline: none; resize: none; -webkit-appearance: none; }
.blog-contact input[type="submit"] { font-size: 1em; font-weight: 400; color: #fff; background: #008fd5; padding: 0.7em 2em; border: none; outline: none; -webkit-appearance: none; }
.blog-comment { margin: 2em 0px; border: 1px solid; padding: 1em; width: 98%; }
.user-comment h4 { font-size: 1.5em; font-weight: 500; color: #777; margin: 0px 0px 10px 0px; }
.user-comment p { font-size: 1em; font-weight: 400; color: #000; line-height: 1.8em; }
a.comme { font-size: 0.9em; font-weight: 500; color: #008fd5; }
a.comme:hover { text-decoration: none; color: #777; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.user-bwn { text-align: right; }
.user-bwn a { font-size: 1em; font-weight: 500; color: #fff; background: #008fd5; padding: 0.7em 1.5em; }
.user-bwn a:hover { text-decoration: none; background: #777; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.user img { width: 100%; }
/*--single page end here--*/
/*--contact start here--*/
.contact { padding: 3em 0px; background: url(../images/banner.jpg); }
.contact-top { text-align: center; padding-bottom: 3em; }
.contact-top h3 { font-size: 2em; font-weight: 500; color: #999; margin: 0px 0px 10px 0px; }
.contact-top p { font-size: 0.95em; font-weight: 400; color: #000; line-height: 1.8em; }
.contact-left h3 { font-size: 1.5em; font-weight: 500; color: #000; }
.contact-right h3 { font-size: 1.5em; font-weight: 400; color: #000; }
.contact-left h4 { font-size: 1.2em; font-weight: 400; color: #999; margin: 0px 0px 10px 0px; }
.contact-left p { font-size: 0.95em; font-weight: 400; color: #000; line-height: 1.8em; }
.contact-right input[type="text"] { font-size: 0.9em; font-weight: 400; color: #000; outline: none; padding: 8px; border: 1px solid #999; }
.contact-right textarea { font-size: 0.9em; font-weight: 400; color: #000; border: 1px solid #999; resize: none; width: 90.8%; padding: 8px; height: 12em; outline: none; margin-top: 10px; }
.contact-right input[type="submit"] { margin: 10px 0; font-size: 0.9em; font-weight: 400; color: #fff; border: none; outline: none; padding: 8px 1.5em; background: #008FD5; }
.contact-right input[type="submit"]:hover { background: #999; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.map iframe { width: 100%; height: 300px; }
.map { padding-bottom: 0; background: url(../images/banner.jpg); }
.bounceInLeft h2 { color: #fff; float: left; font-size: 28px; padding: 7px 0; margin: 0; }
.codeBtn { background: #008fd5; border: 1px solid #008fd5; border-radius: 5px; box-shadow: 0 1px 0 #3bbcfb inset; color: #fff; float: left; font-size: 23px; padding: 10px 22%; width: 100%; }
.codeIcon i { float: right; margin: 5px -35px 0 0; }
.codeBtn:hover { color: #fff; }
/*--contact end here--*/

/*Testiomonial*/
.testimonialMain { width: 100%; background: #fff; float: left; height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; }
.testimonialMain ul { display: block; list-style: none; float: left; }
.testimonialMain ul li { border-bottom: 1px dotted #ebebeb; ; float: left; padding: 20px 0; width: 100%; }
.testimonialMain p { text-align: center; font-size: 20px; width: 93%; color: #008fd5; }
.sliderLeft { float: left; color: #d6d6d6; }
.sliderRight { float: right; margin: 0 7% 0 0; color: #d6d6d6; }
/*paybill*/
.wrap { margin: 20px auto; width: 50%; }
.set, .panel { margin: 0 0 10px; }
.tabs .panel { padding: 10px; }
.tabs-menu { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #008fd5; border-color: #008fd5 #008fd5 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; float: left; margin: 15px 0 0; width: 100%; padding: 10px; border-radius: 5px; }
.tabs-menu li { display: inline-block; *display: inline;
color: #FFFFFF; zoom: 1; cursor: pointer; position: relative; border-radius: none; padding: 7px 66px; margin: 0 10px; }
.tabs-menu .active-tab { background-color: #FFFFFF; color: #074B01; border-bottom: 0; padding-bottom: 7px; border-radius: 5px; }
.ui-state-active { background: #008fd5; color: #fff; }
.ui-state-active a, .nav ul li a.active { color: #074B01 !important; background: #fff !important; border-radius: 5px; }
.online_box { float: left; height: auto !important; margin: 20px 0 15px; width: 100%; }
.online_l { width: 47%; float: left; }
.online_l h2 { font-size: 25px; text-align: center; width: 100%; color: #fff; background: #008fd5; padding: 4px 0 5px; }
.online_l .paynow_box { width: 97%; min-height: 410px; float: left; border: solid 1px #666; margin-top: 15px; padding: 5px; line-height: 22px; }
.paynow_box p { font-size: 14px; color: #5f5f5f; width: 100%; float: left; }
.paynow_box a { width: 35%; min-height: 20px; float: left; background: #008fd5; -webkit-border-radius: 12; -moz-border-radius: 12; font-size: 15px; border-radius: 12px; color: #ffffff; margin: 10px 0 10px 137px; cursor: pointer; transition: all 0.2s linear 0s; border: none; padding: 12px 0; text-align: center; }
.second { width: 100% !important; float: left !important; margin: 35px 0 0 !important; width: 100% !important; }
.paynow_box a:hover { background: #13700b; background-image: -webkit-linear-gradient(top, #13700b, #0c5905); background-image: -moz-linear-gradient(top, #13700b, #0c5905); background: #000; text-decoration: none; color: fff; }
.paynow_box .big_button a { width: 100%; min-height: 45px; float: left; margin: 20px 0 0 0; }
.online_r { width: 47%; min-height: 400px; float: right; }
.online_r .credit_box { margin: 53px 0 0; min-height: 425px; width: 100%; }
.credit_box .left { width: 50%; min-height: 130px; float: left; }
.left h1 { font-size: 20px; color: #5f5f5f; line-height: 27px; }
.credit_box .right { width: 30%; min-height: 130px; float: right; }
.credit_box p { width: 100%; float: left; font-size: 18px; margin: 12px 0 20px; }
.credit_box ul { width: 100%; float: left; margin-left: 15px; list-style: none }
.credit_box ul li { margin: 20px 0 0 0; }
.green_c { width: 52px; min-height: 52px; float: left; }
.phnnumber { width: 100%; min-height: 55px; float: left; margin-top: 45px; }
.phnnumber p { float: left; font-size: 20px; margin: 15px 0 0 20px; width: 75%; }
.margin { margin: 16px 0 0; }
.moneyorder_box { width: 100%; min-height: 400px; float: left; border: solid 1px #666; margin-top: 15px; padding: 5px; }
.moneyorder_box p { width: 100%; float: left; }
.moneyorder_box ul { width: 100%; float: left; display: block; padding: 5px 0 0 24px; }
.moneyorder_box ul li { float: left; list-style: circle; margin: 6px 80px 0 0; }
.moneyorder_box ul li a { color: #333; font-size: 13px; float: left; }
.morder_img { width: 400px; min-height: 203px; float: left; margin: 72px 0 0 30px; }
.size { font-size: 13px; color: #333; margin-top: 5px; float: left; }
.paybill_button { background: none repeat scroll 0 0 #008fd5; border: medium none; border-radius: 5px; color: #FFFFFF; cursor: pointer; float: left; font-size: 30px; margin: 17px 0 15px 229px; min-height: 45px; padding: 22px 0 18px; text-align: center; transition: all 0.2s linear 0s; width: 35%; }
.paybill_button:hover { background: #030; color: #fff; }
span { margin: 0; }
.atm { width: 100%; min-height: 30px; float: left; /*margin-bottom: 17px;*/ }
.atm ul { display: block; margin: 0; padding: 0; width: 100% }
.atm ul li { float: left; list-style: none; }
.atm ul li a { float: left; margin: 10px 5px 0 0; }
.big_button { width: 100%; min-height: 45px; float: left; margin: 0 0 17px; padding: 10px 20px; background: #0d6305; background-image: -webkit-linear-gradient(top, #0d6305, #16850c); background-image: -moz-linear-gradient(top, #0d6305, #16850c); background-image: -ms-linear-gradient(top, #0d6305, #16850c); background-image: -o-linear-gradient(top, #0d6305, #16850c); background-image: linear-gradient(to bottom, #0d6305, #16850c); -webkit-border-radius: 12; -moz-border-radius: 12; border-radius: 12px; color: #ffffff; font-size: 16px; padding: 10px 20px 10px 20px; text-decoration: none; cursor: pointer; float: left; transition: all 0.2s linear 0s; border: medium none; }
.big_button:hover { background: #13700b; background-image: -webkit-linear-gradient(top, #13700b, #0c5905); background-image: -moz-linear-gradient(top, #13700b, #0c5905); background-image: -ms-linear-gradient(top, #13700b, #0c5905); background-image: -o-linear-gradient(top, #13700b, #0c5905); background-image: linear-gradient(to bottom, #13700b, #0c5905); text-decoration: none; }
.footerImg { float: left; text-align: center; width: 100%; margin: 0; }
.footerStrip { background: #008fd5; margin: 0; padding: 10px 0; color: #fff; }
.footerStrip h5 { font-size: 30px; padding: 0; margin: 0; }
.footerStrip p { font-size: 20px; padding: 0; margin: 0; }
.SecureHead { color: #fff; font-size: 30px; float: left; width: 100%; text-align: center; padding: 0; margin: 20px 0; }
.cardDetail { float: left; }
.cardDetail p { color: #fff; float: left; }
.cardDetail ul { display: block; float: left; list-style: none; margin: 0 0 0 30px; padding: 0; }
.cardDetail ul li { width: 100%; float: left; color: #fff; }
.arrowYes { float: left; margin: 6px 10px 0 0 }
.atm.mobileAtm { width: auto; float: right; }
.phnnumber { float: left; width: 100%; }
.mailerBg { background: url("../images/banner.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 3em 0; }
.ddfmwrap { color: #35ac19; float: left; font-size: 30px; margin: 15px auto; text-align: center; width: 100%; }

/* New for Desktop */
table.modify-table th {
    white-space: nowrap;
    background: #008fd5 !important;
    color: #fff;
    padding: 5px;
    font-size: 14px;
}
table.modify-table td {
    font-size: 14px;
    padding: 5px;
}
div#content {
    margin-top: 0;
    padding-top: 0;
}

/*--media quries start here--*/
@media only screen and (min-width:1px) and (max-width:767px) {
.SecureHead { color: #fff; float: left; font-size: 30px; margin: 20px 0; padding: 0; text-align: center; width: 100%; }
.codeBtn { font-size: 17px; }
.mobile { width: 100%; }
.credit_box ul { margin: 0; padding: 0; }
.faq_box h1 { width: 95%; }
.faq_box { margin-left: 5px; min-height: 1269px; width: 98%; }
.faq_box.bottom_m { margin-bottom: 30%; }
.tabs-menu { width: 100%; }
.tabs-menu li { padding-left: 10px; text-align: left; width: 93%; }
.online_l { width: 100%; }
.online_r { width: 100%; }
.paynow_box a { margin: 10px 0; width: 100%; }
.phnnumber p { font-size: 16px; margin: 14px 0 0 20px; width: 70%; }
.phnnumber { margin-top: 20px; }
.morder_img { float: left; height: auto; margin: 17px 0 0; width: 100%; }
.moneyorder_box { width: 96%; min-height: 285px; }
.paynow .message { margin: 3% 0 0 0; min-height: 0; width: 100%; }
.america { float: left; line-height: 30px; width: 100%; }
.send_msg { height: 100%; }
.send_msg.code { margin: 0 0 0 0; }
.exapmle a, a.auth, input[type="submit"] { width: 88%; }
.contact_logo.contact_logo2 { margin: 3% 0 0; }
.send_msg button { width: 100%; }
.account_button { width: 94%; }
.testi_box { width: 95%; margin-bottom: 10%; }
.testi_box p { color: #333; float: left; font-size: 13px; line-height: 23px; width: 88%; }
.testimonial h1 { margin-bottom: 10%; }
.testimonial { margin-bottom: 20%; }
.number { margin: -30px 0 0 -18px; }
.number p { width: 100% !important; margin-top: 29%; }
.date { width: 15%; }
.footerImg { margin-bottom: 30px; }
.cardDetail ul { display: block; float: left; list-style: outside none none; margin: 10px 0; padding: 0; }
.banner { background: url("../images/bannerImg.jpg") no-repeat scroll 80% 50% / cover rgba(0, 0, 0, 0); height: 400px; padding: 2em 0 0; width: 100%; }
/*3gmailer*/
.ddfmwrap p.fieldwrap { float: left; margin: 0; }
form.ddfm .fmhalfblock { margin: 0 0 30px; }
.ddfmwrap p.fieldwrap { width: 100%; }
.footer-grid p { height: auto; overflow: hidden; width: 100%; }
.ddfmwrap .recaptcha { margin-right: 0; text-align: left; }
.ddfmwrap .recaptcha-inner { margin: 30px 0px !important; }

/* NEW */
.balanceDetail{
	margin-bottom:15px;
}
#content{
	margin:0 !important;
}
table.modify-table tr th {
    font-size: 14px;
    padding: 6px;
    background: #008fd5 !important;
    color: #fff;
    white-space: nowrap;
}
table.modify-table td {
    font-size: 13px;
    padding: 5px;
    white-space: nowrap;
}
.projects {
    padding: 30px 0 0 0 !important;
}
.table-responsive {
    width: 350px;
    height: 220px;
    overflow-y: auto;
}
button#payment-submit-btn {
    margin-top: 20px;
    border: none;
    background: #008fd5;
    color: wheat;
    padding: 8px 20px;
    border-radius: 3px;
    font-weight: 600;
}
p.k-more {
    float: right;
}
p.k-more a {
    background: #008fd5;
    color: #fff;
    font-size: 14px;
    padding: 7px 25px;
    border-radius: 3px;
}

}
@media only screen and (min-width:768px) and (max-width:1050px) {
.tabs-menu li { color: #ffffff; cursor: pointer; display: inline-block; margin: 0 10px; padding: 7px 30px; }
.footerImg { margin-bottom: 40px; }
.banner { background: url("../images/bannerImg.jpg") no-repeat scroll 80% 50% / cover rgba(0, 0, 0, 0); height: 400px; padding: 2em 0 0; width: 100%; }
.head-nav-back { background: none; }
.navg ul li a { padding: 36px 13px; }
.navg ul li a.active { background: none; }
.bounceInLeft h2 { font-size: 18px; }
.codeBtn { font-size: 14px; }
.ddfmwrap p.fieldwrap { width: 100%; }
}
 @media(max-width:1440px) {
}
@media(max-width:1280px) {
.gd-tl-tip:after { border-left: 175px solid rgba(0, 0, 0, 0); border-top: 30px solid #1F262C; border-right: 175px solid rgba(0, 0, 0, 0); top: 433px; left: 15px; }
}
@media(max-width:1024px) {
.gd-tl-tip:after { border-left: 140px solid rgba(0, 0, 0, 0); border-top: 30px solid #1F262C; border-right: 140px solid rgba(0, 0, 0, 0); left: 18px; top: 421px; }
.navg ul li { margin: 0px 0px 0px 0px; }
ul.img-sprit li a { width: 53px; }
.about-left h4 { font-size: 1.1em; }
.about-left p { font-size: 0.95em; overflow: hidden; height: 40px; }
.ser-midd { margin: 0px 30px; }
.service-right img { width: 100%; }
.solution-main h3 { width: 19%; }
.project-img { padding-right: 2em; }
.project-img img { width: 100%; }
.project-text p { font-size: 1em; overflow: hidden; height: 148px; }
.projects-inform { padding: 1em 0px; }
.nbs-flexisel-inner { margin: 0px 45px; }
}
@media(max-width:768px) {
span.menu { display: block; cursor: pointer; text-align: right; }
ul.res { display: none; padding: 0px; position: absolute; top: 2.5em; width: 98%; background: #fff; z-index: 111; }
.navg { float: none; width: 100%; position: relative; }
ul.res li a:hover, ul.res li a.active { color: black; }
.navg ul.res li a { display: block; width: 100%; padding: 10px; color: #fff; background: #0087d5; font-size: 13px; }
.navg ul.res li { display: block; text-align: center; margin: 1px 0px; }
.banner-left { float: left; }
.info-grids-cr { float: left; width: 33%; }
.info-top h3 { font-size: 0.86em; }
.info-bott p { font-size: 0.885em; overflow: hidden; height: 110px; }
.info-bott h5 { font-size: 0.9em; overflow: hidden; height: 34px; }
.info-bott { }
.ser-midd { margin: 0px 23px; }
.gd-tl-tip:after { border-left: 103px solid rgba(0, 0, 0, 0); border-top: 30px solid #1F262C; border-right: 105px solid rgba(0, 0, 0, 0); left: 15px; top: 368px; }
.infogrid-bwn a { font-size: 0.8em; }
.footer-grid { margin: 0px 0px 3em 0px; text-align: center; }
.footer-grid h3 { font-size: 1em; }
.footer-grid p { width: 80%; margin: 0 auto; }
.ftr-bwn { margin: 1em 0px 0px 0px; }
.footer { padding: 3em 0px 0px 0px; }
.about-left { text-align: center; margin: 0px 0px 2em 0px; }
.about-left img { width: 55%; }
.about-left p { width: 80%; margin: 0 auto 1em; }
.about { padding: 3em 0px 1em 0px; }
.team-grids { float: left; width: 50%; margin: 0px 0px 15px 0px; }
.team-grids img { width: 100%; }
.service-top p { overflow: hidden; height: 60px; }
.service { padding: 3em 0px 1em 0px; }
.service-right p { overflow: hidden; height: 60px; }
.solution-main h3 { width: 25%; }
.projects-top p { overflow: hidden; height: 60px; }
.project-text p { height: 110px; }
.contact-top p { font-size: 1em; overflow: hidden; height: 60px; }
.contact-left p { border-bottom: 1px solid #999; font-size: 0.93em; height: auto; overflow: hidden; padding: 0 0 10px; }
.contact-left { margin: 0px 0px 2em 0px; }
.contact-top { padding-bottom: 2em; }
.contact-right input[type="text"] { width: 100%; }
.contact-right textarea { width: 100%; }
.nbs-flexisel-container { margin: 0em 1.5em; }
.p-single-left { float: left; width: 25%; }
.single-inform { float: right; width: 75%; }
.user { float: left; width: 20%; }
.user-comment { float: right; width: 80%; }
.head-nav-back { background: none; }
}
@media(max-width:640px) {
.banner-right img { width: 100%; }
.logo img { width: 80%; }
.banner-left { padding-top: 1em; }
.info-top h3 { font-size: 0.65em; }
.gd-tl-tip:after { border-left: 83px solid rgba(0, 0, 0, 0); border-top: 30px solid #1F262C; border-right: 83px solid rgba(0, 0, 0, 0); left: 15px; top: 344px; }
.infogrid-bwn a { font-size: 0.7em; }
.about-left h3 { font-size: 1.7em; }
.service-right { width: 30%; }
.ser-bwn a { font-size: 0.8em; }
.service-left { padding-top: 2em; }
.service { padding: 2em 0px 0em 0px; }
.solution-main h3 { font-size: 5em; }
.solution-main { min-height: 500px; padding-top: 5em; }
.projects-inform h3 { font-size: 1.4em; }
.project-text p { height: 82px; }
.project-text h4 { font-size: 1.25em; }
.service-top h3 { font-size: 1.7em; }
.projects-top h3 { font-size: 1.7em; }
.contact-top h3 { font-size: 1.7em; }
.contact-left h3 { font-size: 1.4em; }
.contact-right h3 { font-size: 1.4em; }
.lobo h3 { font-size: 1em; }
.lobo p { font-size: 0.8em; }
.number { width: 65%; }
.blog-contact h3 { font-size: 1.7em; }
}
@media(max-width:480px) {
.lobo { width: 100%; }
.banner-left a { font-size: 1.1em; }
.lobo p { font-size: 0.7em; }
.info-grids-cr { width: 100%; margin: 0px 0px 4em 0px; }
.info-top { width: 100%; }
.info-bott { width: 100%; }
.infogrid-bwn { width: 100%; }
.info-top h3 { font-size: 1em; }
.info-bott p { height: 80px; }
.infogrid-bwn a { font-size: 0.9em; }
.gd-tl-tip:after { border-left: 200px solid rgba(0, 0, 0, 0); border-top: 32px solid #1F262C; border-right: 200px solid rgba(0, 0, 0, 0); left: 4%; top: 436px; }
.info-grid { padding: 3em 0px 1em 0px; }
.footer-grid { margin: 0px 0px 2em 0px; }
.ftr-bwn a { font-size: 0.8em; }
.ftr-bwn { margin: 0em 0px 0px 0px; }
.footer-grid h6 { font-size: 1.5em; }
.copyright { padding: 1em 0px; }
.about-left h3 { font-size: 1.5em; margin: 0px 0px 10px 0px; }
.about-left img { width: 100%; }
.about-left { margin: 0px 0px 1em 0px; }
.team-main h3 { font-size: 1.5em; }
.about-left p { font-size: 0.9em; }
.service-top h3 { font-size: 1.5em; }
.service-top p { font-size: 0.9em; height: 55px; }
.service-left { padding-top: 1em; }
.service-right { width: 46%; margin: 0px 1em 2em 0px; }
.service-right p { font-size: 0.9em; height: 55px; }
.footer-grid h3 { margin: 0px 0px 0.7em 0px; }
.solution-main h3 { font-size: 4em; width: 30%; }
.solution-main { min-height: 400px; padding-top: 3em; }
.projects-top h3 { font-size: 1.5em; }
.projects-top p { font-size: 0.9em; overflow: hidden; height: 50px; }
.project-img { float: none; width: 100%; padding-right: 0em; margin: 0px 0px 1.5em 0px; }
.project-text { float: none; width: 100%; }
.project-text p { font-size: 0.9em; }
.project-text h4 { font-size: 1.2em; }
.projects { padding: 2em 0px; }
.contact-top h3 { font-size: 1.5em; }
.contact-top p { font-size: 0.9em; overflow: hidden; height: 50px; }
.contact-top { padding-bottom: 1em; }
input[type="text"] { width: 100%; margin: 0px 0px 10px 0px; }
textarea { margin-top: 10px; }
.map iframe { height: 200px; }
.single-inform { float: none; width: 100%; margin: 20px 00px 0px 0px; }
.p-single-left { float: none; width: 35%; margin: 0 auto; }
.user-comment p { font-size: 1em; overflow: hidden; height: 79px; }
.blog-contact h3 { font-size: 1.5em; }
.blog-contact input[type="submit"] { font-size: 0.9em; }
.user-bwn a { font-size: 0.9em; }
.p-single { padding: 1em 0px 1em 0px; }
.projects-top { padding-bottom: 0em; }
}
@media(max-width:320px) {
.footer-grid img { width: 100%; }
.service { padding: 1em 0px 1em 0px; }
.logo img { width: 60%; }
.logo { text-align: left; padding: 10px 0; }
span.menu img { float: right; margin: -45px 0 0; width: 9%; }
.header-main { padding: 1em 0px; }
.info-bott h5 { margin: 10px 0px 0px 0px; }
.header { min-height: 60px; }
.head-nav-back { height: 40px; }
.service-right { width: 100%; }
.ser-bwn { padding: 0.4em 0px 0px 0px; }
.service-top h3 { font-size: 1.3em; }
.footer { padding: 1.5em 0px 0px 0px; }
.footer-grid ul.ftr-list li a { font-size: 0.85em; padding: 1px 0px 0px 10px; }
.footer-grid { margin: 0px 0px 1.5em 0px; }
.footer-grid p { width: 100%; overflow: hidden; height: 59px; }
ul.img-sprit li a { width: 44px; }
.team-grids { float: none; width: 100%; }
.solution-main h3 { font-size: 3em; width: 37%; }
.solution-main h4 { font-size: 1.3em; }
.sol-bwn { padding-top: 2em; }
.solution-main { min-height: 250px; padding-top: 1em; }
.projects-top h3 { font-size: 1.3em; }
.projects { padding: 1em 0px; }
.projects-inform h3 { font-size: 1em; }
.project-img { margin: 0px 0px 0.5em 0px; }
.projects-inform { padding: 1em 0px 0px 0px; }
.contact { padding: 1em 0px; }
.contact-top h3 { font-size: 1.3em; }
.contact-left h3 { font-size: 1.1em; }
.contact-left h4 { font-size: 1em; }
.contact-left { margin: 0px 0px 1em 0px; }
.contact-right h3 { font-size: 1.1em; }
textarea { font-size: 0.8em; padding: 6px; margin-top: 0px; height: 7em; }
input[type="text"] { font-size: 0.8em; padding: 6px; }
input[type="submit"] { font-size: 0.8em; }
.map iframe { height: 130px; }
.map { padding-bottom: 1em; }
.banner-left { float: none; width: 100%; }
.banner-right { float: none; width: 100%; margin: 1em 0px 0px 0px; }
.banner { padding: 1em 0px 0px 0px; }
.gd-tl-tip:after { border-left: 121px solid rgba(0, 0, 0, 0); border-right: 121px solid rgba(0, 0, 0, 0); left: 6%; top: 358px; }
.infogrid-bwn a { font-size: 0.7em; }
.info-grids-cr { margin: 0px 0px 3.5em 0px; float: left; }
.info-grid { padding: 2em 0px 0.5em 0px; }
.about { padding: 1em 0px 1em 0px; }
.about-left h3 { font-size: 1.3em; }
.about-left h4 { font-size: 0.93em; }
.about-left ul li { margin: 4px 0px; }
.about-left ul li a { font-size: 0.81em; }
.team-main h3 { font-size: 1.2em; }
.team { padding-bottom: 1em; }
.team-grids { margin: 0px 9px 15px 0px; padding: 0px; }
.p-single-left { width: 60%; }
.user-comment h4 { font-size: 1.2em; }
.user-comment p { font-size: 0.9em; overflow: hidden; height: 53px; }
.blog-contact input[type="text"] { font-size: 0.9em; padding: 8px; width: 100%; }
.blog-contact textarea { font-size: 0.9em; padding: 8px; width: 100%; height: 8em; margin: 3px 0px; }
.blog-contact input[type="submit"] { font-size: 0.8em; }
.user-bwn a { font-size: 0.8em; }
.blog-contact h3 { font-size: 1.2em; }
.date h3 { font-size: 1.8em; }
}
/*--media quries end here--*/