/**
* Importing necessary  Styles.
**/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('../fonts/gilroy/fonts.css');
@import url('../fonts/khand/khandfont.css');
@import url('../fonts/myriadpro/myriadpro.css');
/*----bootstrap css ----- */
@import url('bootstrap.min.css');
/*------- Framework css -----------*/
@import url('framework.css');
/*------- menu ------*/
@import url('menu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*----Flaticon-------*/
@import url('../fonts/icon/font/flaticon.css');
/*---------------- Custom Animation -------------*/
@import url('custom-animation.css');
/*--------- Jquery ui ---------*/
@import url('jquery-ui.min.css');

/*^^^^^^^^^^^^^^^^^^^^^^ SHORTCODE CSS ^^^^^^^^^^^^^^^^^^*/
/*Must include if you want the shortcode/element styles*/ 
@import url('shortcode-style.css');

@font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'gilroy-black';
    src: url('gilroy-black-webfont.html') format('woff2'),
         url('gilroy-black-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-bold';
    src: url('gilroy-bold-webfont.html') format('woff2'),
         url('gilroy-bold-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-semibold';
    src: url('gilroy-semibold-webfont.html') format('woff2'),
         url('gilroy-semibold-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-light';
    src: url('gilroy-light-webfont.html') format('woff2'),
         url('gilroy-light-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-ultralight';
    src: url('gilroy-ultralight-webfont.html') format('woff2'),
         url('gilroy-ultralight-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*========================================================================================

*************************** Start Styling Your theme from here ***************************

==========================================================================================*/
/*------------- Global Prefix -------------------*/
::-webkit-scrollbar{ width: 5px; }
::-webkit-scrollbar-track { background: #fff;}
::-webkit-scrollbar-thumb { background: var(--rose-gr-bg);border-radius: 30px;}
:root {
  --text-color: #8a919c;
  --text-light:#c0c0c9;
  --text-dark: #313131;
  --heading :#2A2A2A;
  --p-rose: #ff5284;
  --rose-gr-bg: linear-gradient( -90deg, rgb(255,182,139) 0%, rgb(255,96,139) 100%);
  --rose-gr-reverse: linear-gradient( -90deg, rgb(255,96,139) 0%, rgb(255,182,139) 100%);
  --p-green: #0de49d;
  --p-orange:#ff8618;
  --cyan: #1aceff;
  --redOne:#ff6262;
}


body {
  /*
  font-family: 'gilroy-black';   
  font-family: 'gilroy-bold';
  font-family: 'gilroy-semibold';
  font-family: 'gilroy-light';
  font-family: 'gilroy-ultralight';
        */
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 17px;
  position: relative;
  line-height: 28px;
  color: var(--text-color);
  /*background: url(../images/bg.svg) no-repeat top right;*/
}


/*==================== Click Top ====================*/
.scroll-top {
  width:25px;
  height:25px;
  position: fixed;
  bottom: 10px;
  right: 5px;
  z-index: 99;
  text-align: center;
  color: #fff;
  font-size: 18px;
  display: none;
  cursor: pointer;
  border-radius: 3px;
  background: var(--rose-gr-bg);
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
/*______________________ Global style ___________________*/
.main-page-wrapper {overflow-x:hidden;}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {    color: #16365d; font-weight: normal;}
.h1,h1 {font-size: 62px; line-height: 70px; font-family: 'gilroy-bold';}
.h2,h2 {font-size: 50px; line-height: 65px; font-family: 'gilroy-bold';}
.h3,h3 {font-size: 42px; font-family: 'gilroy-bold';}
.h4,h4 {font-size: 28px; font-family: 'gilroy-bold';}
.h5,h5 {font-size: 24px; font-family: 'gilroy-semibold'; }
.h6,h6 {font-size: 20px;}
#path-shape-wrapper {position: absolute;z-index: -9999;}
.shape-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  z-index: -1;
}
.img-shape {position: absolute;}
.pos-r {position: relative;}
.pos-a {position: absolute;}
.full-width-container {
  padding-left: 60px;
  padding-right: 60px;
}
/*-------------- Prefix Classes ----------------*/
.tran3s,.feature-block-one.hover-state:before,.feature-block-one.hover-state:after,.newsletter-section .main-wrapper form button,.footer-about-widget .email,.footer-about-widget .phone,
.footer-list ul li a,.footer-information ul li a,.owl-theme .owl-nav [class*=owl-],.gallery-polar-state .img-holder .icon, .nav-tabs > li > a,.pricing-plan-classic .nav-tabs > li > a:before,
.contact-home-one .contact-text .call-to-dial,.team-standard .single-team-member .hover-content ul li a,.team-standard .single-team-member .hover-content,.gallery-sidebar .share-option ul li a,
.portfolio-full-width-grid .img-content-wrapper .cbp-item-wrapper .text .read-more,.portfolio-full-width-grid .img-content-wrapper .cbp-item-wrapper .text,.tatkal-pagination-one ul li a,
.tatkal-pagination-two .theme-pager span,.tatkal-pagination-two .theme-pager strong,.carousel-control-next,.carousel-control-prev,.blog-post-block-two .post .post-info li a,.theme-footer-three a,
.blog-post-block-two .post h4 a,.inline-button-one,.blog-sidebar .sidebar-search button,.blog-sidebar .list-item ul li a,.blog-sidebar .sidebar-recent-news .text a,.theme-breadcrumbs .page-breadcrumbs li a,
.blog-sidebar .sidebar-keyword ul li a,.blog-post-block-three .post .post-info li a,.blog-post-block-three .post .read-more,.eCommerce-side-menu .main-menu-list ul li a,.theme-sidebar-widget .list-item li a,
.blog-details-fg .blog-fg-data .video-banner-blog .video-button,.blog-details .user-comment-area .single-comment .reply,.blog-details .post-tag-area .share-icon li a,.shop-demo-filter .selectize-dropdown .option,
.shop-details .procuct-details .product-info .color-filter li a,.shop-details .procuct-details .product-info .wishlist-button,.team-minimal .single-team-member .hover-content,.theme-footer-two .social-icon li a,
.team-minimal .single-team-member .hover-content ul li a,.contact-address-two .address-block a,.panel .panel-heading .panel-title a:before,.panel .panel-heading .panel-title a,.theme-footer-two .footer-menu li a,
.modal-content .btn,.theme-st-header .top-header .infoList li a,.theme-st-header .top-header .social-icon a,.header-search .icon  {
  transition: all 0.3s ease-in-out;
}
.tran4s,.op-partner-section-one .img-box,.service-modern-block .more,.product-showcase .single-product-case .img-holder .fvrt-icon  {
  transition: all 0.4s ease-in-out;
}
.tran5s,.blog-post-block-two .img-holder img,.product-showcase .single-product-case .img-holder .cart-button,#mega-menu-holder .img-box .img img {
  transition: all 0.5s ease-in-out;
}
.tran6s {
  transition: all 0.6s ease-in-out;
}


/**/

.customlogo{ /*box-shadow: 0px 2px 5px 0px #f1f1f1;*/
  
 border-radius: 100%;
    position: absolute;
    top: -50px;
    left: -50px;
    padding: 72px 1px 33px 65px;
    height: 206px;
    width: 247px;
    z-index: 2;

   }

.topcontact p{ font-size: 16px; margin: 0px; font-family: 'gilroy-light'; color: #000;}

.topcontact p span{ color: #0071bc; }

body{ background:url(../images/polybg.jpg) no-repeat center 1200px; }

.heading h1{font-family: 'khandsemibold'; color: #16365d; font-size:44px; display: flex; width: 100%; align-items: center; line-height: 65px;}
.heading h1 span{ background: #01c6fe;
    color: #16365d;
    padding: 0 10px;
    margin-left: 10px;}
.heading p{ font-family: 'Myriad Pro'; font-style: italic; font-size:20px; color: #252d43; margin-top: 14px; }

.heading h2{font-family: 'khandsemibold'; margin-top: 150px; color: #0071bc; font-size:44px; display: flex; width: 100%; align-items: center; line-height: 65px;}
.heading h2 span{ background: #0071bc; color: #fff; padding: 0 10px; margin-left: 10px;}

.heading h3{font-family: 'khandsemibold'; margin-top: 150px; color: #0071bc; font-size:44px; display: flex; width: 100%; align-items: center; line-height: 65px;}
.heading h3 span{ background: #0071bc; color: #fff; padding: 0 10px; margin-left: 10px;}

.heading h1::after, .heading h1::before, .heading h2::after, .heading h2::before, .heading h3::after, .heading h3::before {
    content: '';
    border-top: 1px solid #e1e1e1;
    margin: 0 30px 0 30px;
    flex: 1 0 20px; }


.subcontent{ background: #474d5b /*url(../images/btncurve.svg) no-repeat center top*/; padding: 15px; align-items: center;}
.subcontent p{ color: #fff; font-family: 'Myriad Pro'; font-style: italic; font-size:20px;}
.subcontent::after {
width:60px;
height:42px;
background: url(../images/greycurve.html) no-repeat center bottom;
font-size: 0;
line-height: 0;
position: absolute;
content: '';
flex: 1 0 20px;
}

.subcontent::before {
width:60px;
height:28px;
background: url(../images/greycurve_w.html) no-repeat center bottom;
font-size: 0;
line-height: 0;
position: absolute;
content: '';
flex: 1 0 20px;
top:0px;
}


.allservices{ background:#0071bc /*url(../images/btncurve.svg) no-repeat center top*/; padding: 35px; align-items: center;}
.allservices p{ color: #fff; font-family: 'Myriad Pro'; font-style: italic; font-size:20px;}
.allservices::after {
width:60px;
height:42px;
background: url(../images/bluecurve.html) no-repeat center bottom;
font-size: 0;
line-height: 0;
position: absolute;
content: '';
flex: 1 0 20px;
bottom: -27px;
}

.allservices::before {
width:60px;
height:28px;
background: url(../images/greycurve_w.html) no-repeat center bottom;
font-size: 0;
line-height: 0;
position: absolute;
content: '';
flex: 1 0 20px;
top:0px;
}

.lightbill{ background: url(../images/light.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.lightbill:hover{ background: url(../images/light_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #ff0000;}
.lightbill.active{ background: url(../images/light_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #ff0000;}

.telephone{ background: url(../images/telephone.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.telephone:hover{ background: url(../images/telephone_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #00aeef;}

.postpaid{ background: url(../images/postpaid.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.postpaid:hover{ background: url(../images/postpaid_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #f58220;}

.gas{ background: url(../images/gas.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.gas:hover{ background: url(../images/gas_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #19af00;}

.insurance{ background: url(../images/insurance.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.insurance:hover{ background: url(../images/insurance_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #6600af;}

.loan{ background: url(../images/loan.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.loan:hover{ background: url(../images/loan_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #e79a00;}

.water{ background: url(../images/water.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.water:hover{ background: url(../images/water_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #0c00e7;}

.metro{ background: url(../images/metro.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.metro:hover{ background: url(../images/metro_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #ff0080;}

.gst{ background: url(../images/gst.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.gst:hover{ background: url(../images/gst_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #685e00;}

.qrcode{ background: url(../images/qrcode.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.qrcode:hover{ background: url(../images/qrcode_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #47007a;}

.mobilerech{ background: url(../images/mobilerech.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.mobilerech:hover{ background: url(../images/mobilerech_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #f58220;}

.dth{ background: url(../images/dth.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.dth:hover{ background: url(../images/dth_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #247a00;}

.microatm{ background: url(../images/microatm.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.microatm:hover{ background: url(../images/microatm_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #00b940;}

.itreturn{ background: url(../images/itreturn.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.itreturn:hover{ background: url(../images/itreturn_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #3c00bf;}

.pan{ background: url(../images/pan.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.pan:hover{ background: url(../images/pan_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #005e5e;}

.passport{ background: url(../images/passport.html) no-repeat center top; color: #fff; line-height: 18px; padding:58px 56px 25px; font-size: 16px;}
.passport:hover{ background: url(../images/passport_h.html) no-repeat center top, url(../images/curly.html) no-repeat center center; color: #ff0092;}


.tabscreen{ border-radius:0px 20px 20px 0; overflow:hidden;}
.tabscreen img{ display: block;width: 100%; }
.systemdetails{     background: linear-gradient(0deg, rgb(1 199 255) 0%, rgb(2 198 255) 100%);
    border-radius: 20px 0 0 20px;);
    border-radius: 20px 0 0 20px;}
.indetails{ padding: 100px 75px 0; }
.indetails h4{ color: #673ab7; font-family: 'khandsemibold'; font-size: 40px; line-height: 65px; border-left: 1px solid #fff; padding: 0 0 0 25px;}
.indetails p{ font-family: 'Myriad Pro'; font-style: italic; font-size: 15px; color: #fff; margin-top: 1px; }

.digitalscreen{ border-radius:20px 0px 0 20px; overflow:hidden;}
.digitalscreen img{ display: block; }
.digitalbanking{ background: #5076e6; border-radius:0px 20px 20px 0px; text-align: right;}
.indigital{ padding: 150px 75px; }
.indigital h4{ color: #fff; font-family: 'khandsemibold'; font-size: 60px; line-height: 65px; border-right: 1px solid #fff; padding: 0 25px 0 0;}
.indigital p{ font-family: 'Myriad Pro'; font-style: italic; font-size: 31px; color: #fff; margin-top: 14px; }
.about-page ul {
    padding: 0;
}

.servicebtn{
background:url(../images/btncurve.html) no-repeat center top;
border: 1px solid #fff;
color: #fff;
padding: 12px 45px;
font-size: 22px;
text-transform: uppercase;
}
.servicebtn:hover{background:url(../images/btncurve_h.html) no-repeat center top; color: #fff200; border: 1px solid #fff200;}

.happyclient img{ padding: 15px 0; }
.client_bdr_topright{ border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.client_bdr_btm{ border-bottom: 1px solid #e1e1e1;}

.mainsection{ margin-top: 80px; }
.mainservices{ background: #fff; padding:70px 70px 110px 70px;}

.boxrightbdr{ border-right: 1px solid #c8c9cc; }
.boxtopbdr{ border-top: 1px solid #c8c9cc; }
.servicebox{ padding: 75px 25px 30px; }
.servicebox img{ width: 50px; }
.servicebox h6{ font-size: 20px; }
.boxmore{ position: absolute; top: -55px; right: 0; text-transform: uppercase; font-family: 'Myriad Pro';}
.blue{ color: #556fe6; }
.red{ color: #ff0000; }
.orange{ color: #f37021; }
.green{ color: #00b333; }

.bluebtn{background: #556fe6 url(../images/btncurve.html) no-repeat center top; color: #fff; padding: 7px 15px; display: flex;}
.bluebtn:hover{ color: #031857; }
.bluebtn::after {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid #556fe6;
font-size: 0;
line-height: 0;
right: 100px;
position: absolute;
top: 42px;
content: '';
flex: 1 0 20px;
}

.redbtn{ background: #ff0000 url(../images/btncurve.html) no-repeat center top; color: #fff; padding: 7px 15px; display: flex;}
.redbtn:hover{ color: #710000; }
.redbtn::after {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid #ff0000;
font-size: 0;
line-height: 0;
right: 100px;
position: absolute;
top: 42px;
content: '';
flex: 1 0 20px;
}

.orangebtn{ background: #f37021 url(../images/btncurve.html) no-repeat center top; color: #fff; padding: 7px 15px; display: flex;}
.orangebtn:hover{ color: #7c3900; }
.orangebtn::after {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid #f37021;
font-size: 0;
line-height: 0;
right: 100px;
position: absolute;
top: 42px;
content: '';
flex: 1 0 20px;
}

.greenbtn{ background: #00b333 url(../images/btncurve.html) no-repeat center top; color: #fff; padding: 7px 15px; display: flex;}
.greenbtn:hover{ color: #00590c; }
.greenbtn::after {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid #00b333;
font-size: 0;
line-height: 0;
right: 100px;
position: absolute;
top: 42px;
content: '';
flex: 1 0 20px;
}


.welcome{ background: #0071bc url(../images/contentcurve.html) no-repeat center -2px; padding:30px 50px; margin-left:50px; font-family: 'Myriad Pro'; font-size: 16px;}
.welcome p{ color: #fff; text-align: justify; padding: 10px 0; font-size: 18px; }
.welcome::after {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 45px solid transparent;
border-top: 50px solid #0071bc;
font-size: 0;
line-height: 0;
position: absolute;
bottom: 3px;
content: '';
flex: 1 0 20px;
}

.explore{ background: #ff0000 url(../images/btncurve.html) no-repeat center top;
color: #fff;
padding: 12px 45px;
position: relative;
top: -26px;
font-size: 22px;
text-transform: uppercase;
}
.explore:hover{ color: #710000; }

.servicebdrright{ border-right: 1px solid rgba(255, 255, 255, 0.3); }
.servicebdrbottom{ border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: block; }

footer{ font-family: 'gilroy-light'; }
footer h6{ font-family: 'gilroy-semibold'; font-size: 18px; color: #7c7c7c; }
footer h6 a{ background: #0071bc; color: #fff; padding: 0px 5px;}
footer h6 a:hover{ background: #39b54a; color: #fff;}
.footlinks a{ margin: 0 10px; font-family: 'gilroy-light';}
.product{  font-family: 'gilroy-semibold'; font-size: 18px; color: #0071bc; }
.sociallinks a{ border: 1px solid #f1f1f1; border-radius: 100px; height:40px; width:40px; text-align: center; padding: 5px;}
.greyline{ background: #e1e1e1; height: 3px; width: 100px; display: inline-block; }
.copy{ background: #000; color: #fff;}

.events h6{ font-size: 18px; font-family: 'gilroy-semibold';}
.events h6 i{ color: #f37021; font-size: 12px; margin-right: 10px; margin-left: -23px; }
.eventdetails{ border-top: 1px solid #f1f1f1; margin-top: 15px; padding-top: 10px; }
p.eventdetails{ font-size: 16px !important; }

.staticcontent h5{ font-size: 18px; font-family: 'gilroy-semibold'; color: #567cc0; margin: 20px 0 10px 0;}
.staticcontent p{ text-align: justify; }

/**/



/*^^^^^^^^^^^^^^^^^^^^^ Theme Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/
#mega-menu-holder {padding: 0; position: static;}
#mega-menu-holder .img-box {display: block; text-align: center;}
#mega-menu-holder .img-box .img {
  display: block;
  overflow: hidden;
  background: #000;
  box-shadow: 0px 30px 70px 0px rgba(223, 227, 234, 0.5);
}
#mega-menu-holder .img-box .img img {width: 100%;}
#mega-menu-holder .img-box:hover .img img {opacity: 0.7;transform: scale3d(1.1,1.1,1);}
#mega-menu-holder .img-box .text {
  font-family: 'gilroy-semibold';
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  display: block;
  color: var(--text-dark); 
  padding-top: 10px;
  border-bottom: 4px solid transparent;
}
.main-menu {
  position: absolute;
  z-index: 99;
  top:25;
  left:0;
  right: 0;
  background: transparent;
  padding: 5px 5% 0px;
  transition: all 0.4s ease-out;
  /*box-shadow: 0px 2px 5px 0px #f1f1f1;*/
  background: rgb(103 58 183);
}
.main-menu .logo a {display: block;}

.main-menu .contact-button {font-weight: 500;font-size: 15px;text-transform: uppercase;}
.main-menu .contact-button.button-white-bg {
  background: #fff;
  border: none;
  color: var(--text-dark);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.main-menu .contact-button.button-white-bg:hover {color: #fff;}
/*^^^^^^^^^^^^^^^^^^^^^ Theme Menu Style Two ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.tatkal-menu-two #mega-menu-holder {margin-left: 11%;}
/*^^^^^^^^^^^^^^^^^^^^^ Sticky Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.sticky-menu.fixed {
  position: fixed !important;
  margin: 0 !important;
  padding-top: 5px;
  padding-bottom: 0px;
  box-shadow: 0px 2px 5px 0px #f1f1f1;
  /*background: rgba(255, 255, 255, 0.3);*/
  background: #16365d;
  top: 0px;
}
.sticky-menu.fixed.menu-text-white {background: #110a29;}
.deskbdrnone{ border-bottom: none; }
.footlogo{ text-align: left; }
.footsocial{ text-align: right; }
.logoold{ display: none; }

/* About Us Page Css Start Here */
.maincontent{ margin-top: 100px; }
.pagehead{ margin-bottom: 35px; }
.pagehead h6{ font-family: 'gilroy-light'; color: #6d6d6d; font-size: 16px; letter-spacing: 5px; }
.pagehead h2{ font-family: 'gilroy-bold'; font-size:38px; color: #000138; line-height: 55px;}
.pagehead span{ border-top:2px solid #00aeef; width: 200px; display: block; margin-top: 20px; margin-left: -150px;}
.maincontent p{ font-family: 'gilroy-light'; color: #000138; font-size: 18px; line-height: 30px;}
.contentpoint{ background: #f2f2f2; padding:30px;}
.contentpoint ul li{ font-family: 'gilroy-light'; color: #000138; font-size: 18px; line-height: 30px; padding: 0 0 0 20px; margin: 10px 0;}
.contentpoint ul li i{ color: #00aeef; font-size: 12px; margin-right: 10px; margin-left: -23px;}
.contmiddleline{ border-right: 1px solid #e1e1e1; }
.pagepicture{ margin:0px; padding: 0px; }

/* About Us Page css End Here */

/* Contact Us Page css Start Here */

.contactdetails{ padding:10px 50px 50px 50px; }
.contactdetails h4{ font-family: 'gilroy-bold'; font-size:26px; color: #0071bc; text-transform: uppercase; margin-bottom: 20px;}
.contactdetails p{ margin: 10px 0; }
.contactdetails i{ margin-left: -30px; margin-right: 18px; font-size: 18px; color: #5076e6;}
.contactform{ background: #fff; box-shadow: 0px 0px 5px 0px #e8ecf3; padding: 40px;}
.contactform p{ font-size: 17px; font-family: 'gilroy-light'; color: #000138; line-height: 16px;}
.contactform h6{ background: #5076e6 url(../images/btncurve.html) no-repeat center top; color: #fff; margin: 25px 0; font-size: 16px; font-family: 'gilroy-light'; padding: 4px 10px;}
.contactform form{ font-family: 'gilroy-light'; color: #000138; }
.forminput{ border-radius: 0px; }
.forminput:focus{ box-shadow:none; }
.formbutton{     background: #d68649 url(../images/btncurve.html) no-repeat center top;
    font-family: 'khandmedium';
    color: #fff;
    padding: 15px 35px;
    font-size: 24px;
    margin-top: 20px;}
.formbutton:hover{ background: #000138 url(../images/btncurve.html) no-repeat center top; color: #fff; }

/* Contact Us Page css End Here */

/*Login Page*/
.nav-tabs{ display: block ruby; text-align: center; }



@media all and (min-width: 240px) and (max-width: 320px) {
.topcontact{ display: none; }
.heading h1{ font-size:38px; display: inherit; line-height:44px;}
.heading h1::after, .heading h1::before, .heading h2::after, .heading h2::before, .heading h3::after, .heading h3::before{ display: none; }
.heading h1 span{ margin-left: 0px; }
.heading h2{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h2 span{ margin-left: 0px; }
.heading h3{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h3 span{ margin-left: 0px; }
.heading p{ font-size: 15px; margin-top: 0px; }
.mainservices{ padding: 0px; }
.mainsection{ margin-top: 0px; }
.boxrightbdr{ border-right: none; }
.boxtopbdr{ border-top: none; }
.welcome{ margin-left: 0px; padding: 20px; margin-top:40px;}
.explore{ top: 0px; margin-top: 80px; }
.servicebdrright{ border-right: none; }
.deskbdrnone{ border-bottom:1px solid rgba(255, 255, 255, 0.3); }
.allservices a{ margin-top: 25px; }
.tabscreen{ border-radius: 0px; }
.systemdetails{ border-radius: 0px; }
.indetails {padding: 40px 20px;}
.indetails h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px;}
.indetails p{ font-size: 22px; }
.digitalbanking{ border-radius: 0px; }
.digitalscreen{ border-radius: 0px; }
.indigital{padding: 40px 20px; text-align: left;}
.indigital h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px; text-align: left; border-left: 1px solid #fff; border-right: none;}
.indigital p{ font-size: 22px; text-align: left;}
.client_bdr_btm{ border-bottom:none; }
.client_bdr_topright{ border-top: none; }
.footlogo{ text-align: center; }
.footsocial{ text-align: center; }
.sticky-menu.fixed {padding-top: 5px; padding-bottom: 0px; background: #fff;}
.customlogo{ display: none; }
.logoold{ display: block; }
.main-menu, .main-menu {padding: 5px 15px !important;}

/* About Us */
.innerheading{ margin-top: 0px !important; padding-top: 130px; }
.pagepicture{ display: none; }
.pagehead h2 {font-size: 35px; line-height: 35px;}
.contmiddleline{ border-right: none; }
/* Abut Us */


/* Contact Us Page css Start Here */
.contactform {padding: 15px;}
.pointer{ text-align: center; }
.contactdetails {padding: 10px 0px 50px 30px;}
/* Contact Us Page css End Here */


}

@media all and (min-width: 320px) and (max-width: 480px) {
.topcontact{ display: none; }
.heading h1{ font-size:38px; display: inherit; line-height:44px;}
.heading h1::after, .heading h1::before, .heading h2::after, .heading h2::before, .heading h3::after, .heading h3::before{ display: none; }
.heading h1 span{ margin-left: 0px; }
.heading h2{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h2 span{ margin-left: 0px; }
.heading h3{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h3 span{ margin-left: 0px; }
.heading p{ font-size: 15px; margin-top: 0px; }
.mainservices{ padding: 0px; }
.mainsection{ margin-top: 0px; }
.boxrightbdr{ border-right: none; }
.boxtopbdr{ border-top: none; }
.welcome{ margin-left: 0px; padding: 20px; margin-top:40px;}
.explore{ top: 0px; margin-top: 80px; }
.servicebdrright{ border-right: none; }
.deskbdrnone{ border-bottom:1px solid rgba(255, 255, 255, 0.3); }
.allservices a{ margin-top: 25px; }
.tabscreen{ border-radius: 0px; }
.systemdetails{ border-radius: 0px; }
.indetails {padding: 40px 20px;}
.indetails h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px;}
.indetails p{ font-size: 22px; }
.digitalbanking{ border-radius: 0px; }
.digitalscreen{ border-radius: 0px; }
.indigital{padding: 40px 20px; text-align: left;}
.indigital h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px; text-align: left; border-left: 1px solid #fff; border-right: none;}
.indigital p{ font-size: 22px; text-align: left;}
.client_bdr_btm{ border-bottom:none; }
.client_bdr_topright{ border-top: none; }
.footlogo{ text-align: center; }
.footsocial{ text-align: center; }
.sticky-menu.fixed {padding-top: 5px; padding-bottom: 0px; background: #fff;}
.customlogo{ display: none; }
.logoold{ display: block; }
.main-menu, .main-menu {padding: 5px 15px !important;}

/* About Us */
.innerheading{ margin-top: 0px !important; padding-top: 130px; }
.pagepicture{ display: none; }
.pagehead h2 {font-size: 35px; line-height: 35px;}
.contmiddleline{ border-right: none; }
/* Abut Us */

/* Contact Us Page css Start Here */
.contactform {padding: 15px;}
.pointer{ text-align: center; }
.contactdetails {padding: 10px 0px 50px 30px;}
/* Contact Us Page css End Here */

}

@media all and (min-width:481px) and (max-width:567px) {
  .topcontact{ display: none; }
.heading h1{ font-size:38px; display: inherit; line-height:44px;}
.heading h1::after, .heading h1::before, .heading h2::after, .heading h2::before, .heading h3::after, .heading h3::before{ display: none; }
.heading h1 span{ margin-left: 0px; }
.heading h2{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h2 span{ margin-left: 0px; }
.heading h3{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h3 span{ margin-left: 0px; }
.heading p{ font-size: 15px; margin-top: 0px; }
.mainservices{ padding: 0px; }
.mainsection{ margin-top: 0px; }
.boxrightbdr{ border-right: none; }
.boxtopbdr{ border-top: none; }
.welcome{ margin-left: 0px; padding: 20px; margin-top:40px;}
.explore{ top: 0px; margin-top: 80px; }
.servicebdrright{ border-right: none; }
.deskbdrnone{ border-bottom:1px solid rgba(255, 255, 255, 0.3); }
.allservices a{ margin-top: 25px; }
.tabscreen{ border-radius: 0px; }
.systemdetails{ border-radius: 0px; }
.indetails {padding: 40px 20px;}
.indetails h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px;}
.indetails p{ font-size: 22px; }
.digitalbanking{ border-radius: 0px; }
.digitalscreen{ border-radius: 0px; }
.indigital{padding: 40px 20px; text-align: left;}
.indigital h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px; text-align: left; border-left: 1px solid #fff; border-right: none;}
.indigital p{ font-size: 22px; text-align: left;}
.client_bdr_btm{ border-bottom:none; }
.client_bdr_topright{ border-top: none; }
.footlogo{ text-align: center; }
.footsocial{ text-align: center; }
.sticky-menu.fixed {padding-top: 5px; padding-bottom: 0px; background: #fff;}
.customlogo{ display: none; }
.logoold{ display: block; }
.main-menu, .main-menu {padding: 5px 15px !important;}

/* About Us */
.innerheading{ margin-top: 0px !important; padding-top: 130px; }
.pagepicture{ display: none; }
.pagehead h2 {font-size: 35px; line-height: 35px;}
.contmiddleline{ border-right: none; }
/* Abut Us */

/* Contact Us Page css Start Here */
.contactform {padding: 15px;}
.pointer{ text-align: center; }
.contactdetails {padding: 10px 0px 50px 30px;}
/* Contact Us Page css End Here */

}

@media all and (min-width:568px) and (max-width:767px) {
  .topcontact{ display: none; }
.heading h1{ font-size:38px; display: inherit; line-height:44px;}
.heading h1::after, .heading h1::before, .heading h2::after, .heading h2::before, .heading h3::after, .heading h3::before{ display: none; }
.heading h1 span{ margin-left: 0px; }
.heading h2{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h2 span{ margin-left: 0px; }
.heading h3{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h3 span{ margin-left: 0px; }
.heading p{ font-size: 15px; margin-top: 0px; }
.mainservices{ padding: 0px; }
.mainsection{ margin-top: 0px; }
.boxrightbdr{ border-right: none; }
.boxtopbdr{ border-top: none; }
.welcome{ margin-left: 0px; padding: 20px; margin-top:40px;}
.explore{ top: 0px; margin-top: 80px; }
.servicebdrright{ border-right: none; }
.deskbdrnone{ border-bottom:1px solid rgba(255, 255, 255, 0.3); }
.allservices a{ margin-top: 25px; }
.tabscreen{ border-radius: 0px; }
.systemdetails{ border-radius: 0px; }
.indetails {padding: 40px 20px;}
.indetails h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px;}
.indetails p{ font-size: 22px; }
.digitalbanking{ border-radius: 0px; }
.digitalscreen{ border-radius: 0px; }
.indigital{padding: 40px 20px; text-align: left;}
.indigital h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px; text-align: left; border-left: 1px solid #fff; border-right: none;}
.indigital p{ font-size: 22px; text-align: left;}
.client_bdr_btm{ border-bottom:none; }
.client_bdr_topright{ border-top: none; }
.footlogo{ text-align: center; }
.footsocial{ text-align: center; }
.sticky-menu.fixed {padding-top: 5px; padding-bottom: 0px; background: #fff;}
.customlogo{ display: none; }
.logoold{ display: block; }
.main-menu, .main-menu {padding: 5px 15px !important;}

/* About Us */
.innerheading{ margin-top: 0px !important; padding-top: 130px; }
.pagepicture{ display: none; }
.pagehead h2 {font-size: 35px; line-height: 35px;}
.contmiddleline{ border-right: none; }
/* Abut Us */

/* Contact Us Page css Start Here */
.contactform {padding: 15px;}
.pointer{ text-align: center; }
.contactdetails {padding: 10px 0px 50px 30px;}
/* Contact Us Page css End Here */

}

@media all and (min-width:768px) and (max-width:900px) {
  .topcontact{ display: none; }
.heading h1{ font-size:38px; display: inherit; line-height:44px;}
.heading h1::after, .heading h1::before, .heading h2::after, .heading h2::before, .heading h3::after, .heading h3::before{ display: none; }
.heading h1 span{ margin-left: 0px; }
.heading h2{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h2 span{ margin-left: 0px; }
.heading h3{ font-size:38px; display: inherit; margin-top: 50px; line-height:44px;}
.heading h3 span{ margin-left: 0px; }
.heading p{ font-size: 15px; margin-top: 0px; }
.mainservices{ padding: 0px; }
.mainsection{ margin-top: 0px; }
.boxrightbdr{ border-right: none; }
.boxtopbdr{ border-top: none; }
.welcome{ margin-left: 0px; padding: 20px; margin-top:40px;}
.explore{ top: 0px; margin-top: 80px; }
.servicebdrright{ border-right: none; }
.deskbdrnone{ border-bottom:1px solid rgba(255, 255, 255, 0.3); }
.allservices a{ margin-top: 25px; }
.tabscreen{ border-radius: 0px; }
.systemdetails{ border-radius: 0px; }
.indetails {padding: 40px 20px;}
.indetails h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px;}
.indetails p{ font-size: 22px; }
.digitalbanking{ border-radius: 0px; }
.digitalscreen{ border-radius: 0px; }
.indigital{padding: 40px 20px; text-align: left;}
.indigital h4{ font-size: 33px; line-height:inherit; padding: 0 0 0 15px; text-align: left; border-left: 1px solid #fff; border-right: none;}
.indigital p{ font-size: 22px; text-align: left;}
.client_bdr_btm{ border-bottom:none; }
.client_bdr_topright{ border-top: none; }
.footlogo{ text-align: center; }
.footsocial{ text-align: center; }
.sticky-menu.fixed {padding-top: 5px; padding-bottom: 0px; background: #fff;}
.customlogo{ display: none; }
.logoold{ display: block; }
.main-menu, .main-menu {padding: 5px 15px !important;}

.servicebtn{ margin-top: 10px !important; padding: 10px 30px;}
.indetails {padding: 20px 20px;}
.indigital{padding: 20px 20px;}

/* About Us */
.innerheading{ margin-top: 0px !important; padding-top: 130px; }
.pagepicture{ display: none; }
.pagehead h2 {font-size: 35px; line-height: 35px;}
.contmiddleline{ border-right: none; }
/* Abut Us */

/* Contact Us Page css Start Here */
.contactform {padding: 15px;}
.pointer{ text-align: center; }
.contactdetails {padding: 10px 0px 50px 30px;}
/* Contact Us Page css End Here */

}

@media all and (min-width:901px) and (max-width:1024px) {
.indetails {padding:30px 25px;}
.indetails h4 {font-size: 40px; line-height: 38px;}

.indigital {padding:30px 25px;}
.indigital h4 {font-size: 40px; line-height: 38px;}
.servicebtn{ margin-top:25px !important; padding: 10px 30px; }
}


@media all and (min-width:1025px) and (max-width:1280px) {
.indetails {padding:50px 50px;}
.indetails h4 {font-size: 40px; line-height: 38px;}

.indigital {padding:50px 50px;}
.indigital h4 {font-size: 40px; line-height: 38px;}
.servicebtn{ margin-top:25px !important; padding: 10px 30px; }
}
#about-section {
  text-align: center;
  overflow: hidden;
  position: relative;
  padding: 10px 0 30px;
  text-transform: initial
}
#about-section .lead {
  font-size: 18px
}
#about-section .about-bg {
  background: #fff;
  -webkit-animation: animatedBackground 400s linear infinite;
  -moz-animation: animatedBackground 400s linear infinite;
  animation: animatedBackground 400s linear infinite;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 100%;
  min-height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0
}
#about-section .page-header h2 {
  color: #333
}
.page-header h1 {
  color: #fff
}
.page-header h2 {
  color: #fff
}
.info-box-1 h4 {
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 8px
}
.info-box-1 {
  display: block;
  margin: 30px 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
a.info-box-1 {
  text-decoration: none;
  color: #111
}
a.info-box-1:hover {
  color: #111
}
.info-box-1 .info-box-icon {
  display: inline-block;
  font-size: 62px;
  text-align: center;
  margin-bottom: 15px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
.info-box-1:hover .info-box-icon {
  color: #ff130d
}
.info-box-1.square-icon .info-box-icon .fa-mobile-phone:before, .info-box-1.square-icon .info-box-icon .fa-mobile:before {
  font-size: 45px;
  line-height: 85px
}
.info-box-1.square-icon .info-box-icon {
  background-color: #ff130d;
  width: 90px;
  height: 90px;
  line-height: 90px;
  color: #fff;
  font-size: 32px;
  border-radius: 100%;
  border: 3px double #fff
}
.info-box-1.square-icon .info-box-icon:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px
}
.info-box-1:hover.square-icon .info-box-icon {
  border-radius: 10%
}
.info-box-1.square-icon .info-box-icon .fa, .info-box-1.square-icon .info-box-icon .glyphicon {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
.info-box-1:hover.square-icon .info-box-icon .fa, .info-box-1:hover.square-icon .info-box-icon .glyphicon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  border-radius: 10%
}
.info-box-1.square-icon .info-box-info {
  margin-top: 8px
}
.info-box-1 .info-box-info a {
  color: #333;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.info-box-1 .info-box-info a:hover {
  color: #ff130d
}
.about-page li {
    display: block;
    margin: 0.2em 0 0;
        color: #fff;
}
.about-page .fa-arrow-right {
    font-size: 12px;
}
.about-page li a {
    color: #fff;
    font-size: 12px;
}
.community-links {
    background: url(../images/menu-icon/citizenbg.jpg) no-repeat;
    background-size: cover;
}
.service-sec h2
{
padding: 0em 0 0.5em;
    margin-bottom: 0.5em;
}
.community-box p
{
      padding: 1em;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
}
.community-box h6 {
    color: #fff !important;
    border-bottom: 1px dashed #eeeeee;
    line-height: 40px;
    font-weight: 600;
    padding-left: 20px;
    font-size: 14px;
}
.community-box {
    background: #fff;
    width: 100%;
    float: left;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,.07);
}
.community-box1
{
background: url(../images/blog/bbps.jpg);
}
.community-box2
{
  background: url(../images/blog/aeps.jpg);
}
.community-box3
{
  background: url(../images/blog/gene.jpg);
}
.community-box4
{
  background: url(../images/blog/dmt.jpg);
}
.community-box5
{
  background: url(../images/blog/mob.jpg);
}
.community-box6
{
  background: url(../images/blog/travel.jpg);
}
.community-box6-6 {
    background: url(../images/blog/utility.jpg);
}

.community-box7
{
  background: url(../images/blog/dth.jpg);
}
.community-box8
{
  background: url(../images/blog/data.jpg);
}


.h2-local-brands {
  background: url(../images/menu-icon/map.jpg) bottom left no-repeat;
}
.local-brands .title-style-1 {
  margin-bottom: 32px;
}
.h2-local-brands .col-md-3 {
  padding: 0 6px;
}
.local-box {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin: 0 0 10px;
}
.local-box:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 75%;
  content: "";
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 );
}
.local-box a {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  padding: 20px;
  z-index: 999;
}
.local-box:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.local-box img {
  width: 100%;
  height: auto;
}
.local-box:hover:after {
  height: 100%;
}
.local-box:hover a {
  color: #f63859;
}
.lb-ser-box {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.lb-ser-box li {
  position: relative;
  width: 100%;
  float: left;
  margin: 0 0 30px;
}
.lb-ser-box li:last-child {
  margin: 0px;
}
.lb-ser-box .lb-icon {
  background: url(../images/icobox.html);
  width: 83px;
  height: 83px;
  float: left;
  text-align: center;
  line-height: 83px;
  margin-right: 16px;
}
.lb-ser-box .lb-icon img {
  width: 50px;
  height: auto;
}
.lb-ser-box h6 {
  font-weight: 700;
  color: #333333;
  margin: 0 0 5px;
}
.lb-ser-box p {
  margin: 0px;
  color: #777777;
  font-size: 14px;
  line-height: 24px;
}
.lb-ser-box li:hover .lb-icon {
  opacity: .7;
}
.lb-box {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
  border-radius: 3px;
  box-shadow: 0px 10px 20px -19px #000;
}
.lb-box:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0 ); /* IE6-9 */
}
.lb-box img {
  width: 100%;
  height: auto;
  border-radius: 3px;
      display: block;
}
.lb-box h6 {
  position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    z-index: 99;
    background: #233e51;
    padding: 5px;
}
.ser-sec h2
{
margin-bottom: 0.5em;
}
.emergency-info.lb {
    margin: 0px;
}
.emergency-info {
    background: linear-gradient(0deg, rgb(103 58 183) 0%, rgb(103 58 183) 100%);
    width: 100%;
    float: left;
    border-radius: 5px;
    margin-bottom: 10px;
}
.emergency-info.lb h5 {
    padding: 20px;
}
.emergency-info h5 {
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 15px 20px;
    line-height: 30px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.emergency-info .panel-group {
    margin-bottom: 10px;
}
.emergency-info .panel-group .panel {
    background: none;
    border: 0px;
    box-shadow: none;
}
.emergency-info.lb .panel-group .panel-heading {
    padding: 17px 0 17px 20px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.emergency-info .panel-group .panel-heading {
    padding: 15px 0 15px 20px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.emergency-info h6 {
    font-size: 15px;
}
.emergency-info .panel-group .panel-heading a {
    color: #fff;
    font-weight: 500;
    display: block;
    position: relative;
}
.emergency-info .panel-group .panel-heading a:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: 900;
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 0;
}
.emergency-info p {
    color: #fff;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 400;
}
.cus-margin
{
  margin-bottom: 3em;
}
.address-sec
{
    font-weight: 700;
    padding: 0 10px 0 0;
    color: #0067ab;
}
 .outter-section
    {

    }
    .outter-section h2
    {
    font-size: 25px;
    padding: 10px 0;
    }
    .outter-section p
    {
        font-size: 15px;
    padding: 0;
    line-height: 20px;
    margin-bottom: 15px;
    }
    .outter-section p span
    {
    font-size: 12px;
    font-weight: 600;
    }
      .outter-section h4
    {
    font-size: 17px;
    font-weight: 600;    
    margin-bottom: 0.3rem;

    }
    .cus-crude
    {
            width: 343px;
    padding: 0;
    margin: 0;
    left: -74px;
    top: -62px;

    }