body{

    overflow-x:hidden;

    font-family: 'Lato', sans-serif;

    letter-spacing: 1px;

   border-top: 5px solid #75ca48;

}

a{

    text-decoration:none;

    color:inherit;

}

a:hover{

    text-decoration:none;

  cursor:pointer;

}

.no-pad{

    padding: 0px;

}

.right{

    float: right;

}

.pr-40{

    padding-right: 40px;

}

/*menu*/





.main-menu{

    position: absolute;

    top: 30px;

    width: 100%;

    z-index: 99;

}

.navbar-default .navbar-toggle{

  background:#000;

}



.main-menu .navbar-nav{

    margin-top:35px;

}

.main-menu .navbar-nav>li {

    margin: 0px 5px;

}

.main-menu .navbar-nav > li > a{

    color:#0d76b9;

    font-weight: 800;

    text-transform:uppercase;

    padding: 10px;

     font-size: 14px;

}

.main-menu .nav>li>a:hover, .nav>li>a:focus {

    text-decoration: none;

   background: transparent;

    color: #75ca48;

}

.main-menu i{

    color: #75ca48;

    font-size: 17px;

}

.lgn {

    position: absolute;

    top: 25px;

    right: 20px;

    color: #0b538d;

    text-transform: uppercase;

    font-weight: bold;

}

.lgn i{

 color: #75ca48;

    font-size: 17px;

}

.main-menu .navbar-nav > li > a:hover {

    background: transparent;

    color: #75ca48;;

    transition: all 500ms ease 0s;

}

.main-menu .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{

  color:#75ca48 !important;

    font-weight: bold;

    background: transparent;

}

.main-menu .navbar-collapse{

  padding-left:0px;

  padding-right:0px;

}



.main-menu .dropdown .dropdown-menu .caret{

  margin-top:8px;

      display: inline-table;

}

.main-menu .navbar-right .dropdown-menu{

    right: auto;

}

.main-menu .dropdown-menu{

  background:#fff;

  padding: 0;

}  



.main-menu .dropdown-menu>li>a{

  border-bottom:1px solid #ddd;

  font-size:16px;

font-weight: 600;

  padding:10px 20px;

  color:#0b538d;

  text-transform: capitalize;

  transition: all 500ms ease 0s;

   background: transparent;

}

.main-menu a.active {

    color: #75ca48 !important;

}

.main-menu .dropdown-menu>li>a:hover {

    background: #0b538d;

    color: #75ca48;

}

/* mobile menu */

  .sm_menu_outer{

    background-color:#0b538d !important;

    border-top: 5px solid #75ca48;

    padding-top: 30px;

    top:0;

}

.sm_menu_outer.slide .mobile_menu .submenu{

    background-color:#0b538d !important;

}

  .sm_menu_outer .mobile_menu li {

 border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #75ca48 20%, #75ca48 50%, #75ca48 80%, rgba(0, 0, 0, 0) 100%) 0 0 1 0 !important;

 background: linear-gradient(to left, #75ca48, #75ca48);

    background-size: 100% 1px;

    background-position: bottom 0 left -20px,bottom 0px left 0;

    background-repeat: no-repeat;

}

.sm_menu_outer .mobile_menu a {

    font: 500 16px/140% "Lato", sans-serif !important;

}

.sm_menu_outer .mobile_menu a:hover {

    color: #75ca48;

}

#sm_menu_ham{

    left: 15px;

    top:25px !important;

    position: absolute !important;
}

#sm_menu_ham span {

    background-color: #75ca48 !important;

    height: 3px !important;

}

.logo-mbl{

     padding-bottom: 10px;

}

.logo-mbl img{

    margin: 0 auto;

}

/* end mobile menu */



/*bs slider*/



.bs-slider{

    overflow: hidden;

    position: relative;

}

.bs-slider:hover {

    cursor: -moz-grab;

    cursor: -webkit-grab;

}

.bs-slider:active {

    cursor: -moz-grabbing;

    cursor: -webkit-grabbing;

}

.bs-slider .bs-slider-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

    margin: auto;

    width: 100% !important;

}



/********************

*****Slide effect

**********************/



.fade {

    opacity: 1;

}

.fade .item {

    top: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    position: absolute;

    left: 0 !important;

    display: block !important;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

.fade .item:first-child {

    top: auto;

    position: relative;

}

.fade .item.active {

    opacity: 1;

    z-index: 2;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}













/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {

    top: 47%;

    opacity: 0;

    width: 45px;

    height: 45px;

    z-index: 100;

    color: #ffffff;

    display: block;

    font-size: 24px;

    cursor: pointer;

    overflow: hidden;

    line-height: 43px;

    text-shadow: none;

    position: absolute;

    font-weight: normal;

    background: transparent;

    -webkit-border-radius: 100px;

    border-radius: 100px;

    display: none;

}

.control-round:hover .carousel-control{

    opacity: 1;

}

.control-round .carousel-control.left {

    left: 5%;

}

.control-round .carousel-control.right {

    right: 5%;

}

.control-round .carousel-control.left, .control-round .carousel-control.right {

    border: 1px solid;

  /*  opacity: 1;*/

    border-radius: 0px;

}

.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover{

    color: #fdfdfd;

    background: #e88f3e; 

    border:1px solid;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}

.control-round .carousel-control.left>span:nth-child(1){

    left: 45%;

}

.control-round .carousel-control.right>span:nth-child(1){

    right: 45%;

}











/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators{

    right: 45%;

    bottom: 3%;

    left: auto;

    width: 90%;

    height: 20px;

    font-size: 0;

    overflow-x: auto;

    text-align: right;

    overflow-y: hidden;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 1px;

    white-space: nowrap;

}

.indicators-line > .carousel-indicators li{

    padding: 0;

    width: 15px;

    height: 15px;

    border: 1px solid rgb(1 89 161);

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative;

    letter-spacing: 1px;

    background:rgb(13 118 185);

    -webkit-font-smoothing: antialiased;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-right: 5px;

    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    z-index: 10;

    cursor:pointer;

}

.indicators-line > .carousel-indicators li:last-child{

    margin-right: 0;

}

.indicators-line > .carousel-indicators .active{

    margin: 1px 5px 1px 1px;

    box-shadow: 0 0 0 2px rgb(117 202 72);

    background-color: rgb(117 202 72);

    position: relative;

    -webkit-transition: box-shadow 0.3s ease;

    -moz-transition: box-shadow 0.3s ease;

    -o-transition: box-shadow 0.3s ease;

    transition: box-shadow 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;



}

.indicators-line > .carousel-indicators .active:before{

    transform: scale(0.5);

    background-color: #fff;

    content:"";

    position: absolute;

    left:-1px;

    top:-1px;

    width:15px;

    height: 15px;

    border-radius: 50%;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

}







/*---------- SLIDE CAPTION ----------*/

.slide_style_left {

    text-align: left !important;

}

.slide_style_right {

    text-align: right !important;

}

.slide_style_center {

    text-align: center !important;

}



.slide-text {

   left: -90%;

    top: 50%;

    right: 0;

    margin: auto;

    /* padding: 10px; */

    position: absolute;

    text-align: right;

    /* padding: 10px 85px; */

    width: 100%;

    

}



.slide-text > h1 {

    padding: 0;

    margin: 0;

    color: #0d76b9;

    font-weight: 900;

    line-height: 1.5;

    letter-spacing: 1px;

    display: inline-block;

    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;

    font-size: 50px;

    }

.slide-text > p {

    color: #0d76b9;

    font-size: 25px;

    font-weight: bold;

    letter-spacing: 1px;

    -webkit-animation-delay: 1.1s;

    animation-delay: 1.1s;

}



.slide-text > a.btn-default {

    color: #fff;

    font-weight: 800;

    font-size: 15px;

    line-height: 15px;

    margin-right: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    display: inline-block;

    border: none;

    text-transform: uppercase;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    background: #e88f3e;

        border-radius: 0px;

}



.slide-text > a.btn-primary {

    color: #ffffff;

    cursor: pointer;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-left: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    background: transparent;

    display: inline-block;

    text-decoration: none;

    text-transform: uppercase;

    border: none;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    border: 2px solid;

}



.slide-text > a:hover,

.slide-text > a:active {

    color: #ffffff;

    background: #2f3e6a;

    border:none;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}



/*services*/

.services{

    padding-top: 50px;

    padding-bottom: 30px;

    background-color: #fff;



}

.ser-dtl {

    background: #fff;

    padding: 20px 0px;

    height: 150px;

    box-shadow: 0 2px 6px rgba(0,0,0,0.19), 0 0px 0px rgba(0,0,0,0.23);

    margin: 0px 5px;

}

.services h1{

  text-align: center;

 font-size: 25px;

    font-weight: bold;

  color: #0b538d;

  text-transform: uppercase;

margin-bottom: 40px;

margin-top: 0px;

}

.ser-dtl h2{

    font-size: 17px;

    text-align: center;

    font-weight: bold;

      color: #0b538d;

      position: relative;

      top:65px;

}

.ser-slide .owl-item{

    height: 200px;

    margin-top:15px;

}

.ser-dtl .owl-carousel .owl-dots.disabled, .ser-dtl .owl-carousel .owl-nav.disabled{

    display: block !important;

}

.owl-carousel .owl-item img{

    width: auto !important;

    margin: 0 auto;

}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

    display: block !important;

}

.ser-slide > .owl-nav .owl-next{

    height: 50px;

    width: 50px;

    text-indent: -10000px;

    overflow: hidden;

    float: right;

    position: absolute;



}

.ser-slide .owl-next{

    background: rgba(0, 0, 0, 0) url(../images/Services_h.png) no-repeat scroll 0 0 !important;

   right: -80px;

    top: 75px;

}

.ser-slide > .owl-nav .owl-prev{

    height: 50px;

    width: 50px;

    text-indent: -10000px;

    overflow: hidden;

    float: right;

    position: absolute;



}

.ser-slide .owl-prev{

    background: rgba(0, 0, 0, 0) url(../images/Services_pre_h.png) no-repeat scroll 0 0 !important;

   left: -60px;

    top: 75px;

}

.ser-dtl:hover{

   background-color: #094270;

}

.ser-dtl:hover h2{

    color: #fff;



    }



 .mbl{

    background-image: url('../images/Mobile-Recharge.png');

    background-size: inherit;

    background-repeat: no-repeat;

       background-position: 50% 20%;

    

}   

.mbl:hover{

    background-image: url('../images/Mobile-Recharge_h.png');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: 50% 20%;

    

}

 .data{

    background-image: url('../images/Data-card-Recharge.png');

    background-size: inherit;

    background-repeat: no-repeat;

       background-position: 50% 20%;

    

}   

.data:hover{

    background-image: url('../images/Data-card-Recharge_h.png');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: 50% 20%;

    

}

 .dth{

    background-image: url('../images/dth.png');

    background-size: inherit;

    background-repeat: no-repeat;

       background-position: 50% 20%;

    

}   

.dth:hover{

    background-image: url('../images/dth_h.png');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: 50% 20%;

    

}

 .ldn{

    background-image: url('../images/Landline.png');

    background-size: inherit;

    background-repeat: no-repeat;

       background-position: 50% 20%;

    

}   

.ldn:hover{

    background-image: url('../images/Landline_h.png');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: 50% 20%;

    

}

 .elc{

    background-image: url('../images/Electricity.png');

    background-size: inherit;

    background-repeat: no-repeat;

       background-position: 50% 20%;

    

}   

.elc:hover{

    background-image: url('../images/Electricity_h.png');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: 50% 20%;

    

}

 .water{

    background-image: url('../images/Water-Bill-Payments.png');

    background-size: inherit;

    background-repeat: no-repeat;

       background-position: 50% 20%;

    

}   

.water:hover{

    background-image: url('../images/Water-Bill-Payments_h.png');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: 50% 20%;

    

}

 .broad{

    background-image: url('../images/broadband.png');

    background-size: inherit;

    background-repeat: no-repeat;

       background-position: 50% 20%;

    

}   

.broad:hover{

    background-image: url('../images/broadband_h.png');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: 50% 20%;

    

}

 .gas{

    background-image: url('../images/GAS-Bill-Payment.png');

    background-size: inherit;

    background-repeat: no-repeat;

       background-position: 50% 20%;

    

}   

.gas:hover{

    background-image: url('../images/GAS-Bill-Payment_h.png');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: 50% 20%;

    

}

 .insr{

    background-image: url('../images/Insurance.png');

    background-size: inherit;

    background-repeat: no-repeat;

       background-position: 50% 20%;

    

}   

.insr:hover{

    background-image: url('../images/Insurance_h.png');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: 50% 20%;

    

}



/*digital payment*/

.dg-pay{

    background-image: url('../images/Payments-Shop.jpg');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: center;

    height: 480px;

}

.dg-txt{

    padding-top: 50px;



}

.dg-txt h1{

    color: #fff;

    font-weight: 900;

    line-height: 1.5;

}

.pay-btn{

    margin-top: 30px;

        display: flex;

    justify-content: center;

}

.pay-btn a{

     padding: 20px;

    border: 1px solid #fff;

    color: #fff;

    border-radius: 40px;

    font-weight: bold;

    text-transform: uppercase;

}



.pay-btn a:hover{

    background:#75ca48;

    color: #fff;

}



/*about airwaave*/

.abt-bg{

    background-image: url('../images/about_airwaave_bg.jpg');

    background-size: inherit;

    background-repeat: no-repeat;

  background-position: center;

    height: 325px;

}

.abt-txt h1{

    color: #fff;

     font-weight: bold;

    text-transform: uppercase;

    margin-top: 40px;

    font-size: 30px;

    margin-bottom: 30px;

}

.abt-txt p{

    color: #fff;

    font-size: 15px;

    margin-bottom: 40px;

}

.abt-txt a{

   color: #003561;

    background: #fff;

    padding: 10px 20px;

    text-transform: uppercase;

    font-weight: bold;

}

.abt-txt a:hover{

    background:#75ca48;

    color: #fff;

}



/*story*/

.story-slide .owl-prev, .story-slide .owl-next{

    display: none !important;

}

.story{

     padding-top: 30px;

    padding-bottom: 60px;

    background-color: #daf0fb; 

}

.story h1 {

    text-align: center;

    font-size: 25px;

    font-weight: bold;

    color: #0b538d;

    text-transform: uppercase;

    margin-bottom: 40px;

}

.stry-dtl{

    background:#0b538d;

    padding: 40px 30px;

}

.stry-dtl h2{

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 20px;

}

.stry-dtl p{

   color: #fff;

   font-weight:300; 

}

.stry-btn {

    margin-top: 80px;

}

.stry-btn a{

   color: #fff;

    border: 1px solid #fff;

    padding: 10px 20px;

    border-radius: 50px;

    text-transform: uppercase;

    font-size: 12px;

}

.stry-btn a:hover{

    background:#75ca48;

    color: #fff;

}

.stry-dtl small{

    color: #84dc55;

}

/*stats*/

.stats-bg{

     padding: 60px 0px;

    margin-top: 60px;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    background-color: #daf0fb; 

}

.stats h4 {

    font-weight: bold;

    text-transform: uppercase;

    color: #0b538d;

    font-weight: 900;

    margin: 0;

}

.stats-bg h2{

    text-align: center;

    font-size: 40px;

    text-align: left;

    font-weight: 900;

    color: #0b538d;

    text-transform: uppercase;

    margin: 0px;

}

.counting{

    color: #0b538d;

    font-size: 40px;

    font-weight: 900;

}



/*app*/



.app-bg h2{

    display: inline-block;

    color: #000;

    text-transform: uppercase;

    font-size: 20px;

    font-weight: bold;

    margin-top: 10px;

    vertical-align: middle;

    padding-right: 10px;

}

.app-bg{

     background:#75ca48;

     padding: 10px 0px;

}

.app-bg  img{

margin: 0px 10px auto;

display: inline-block;

    vertical-align: middle;

}




/*footer*/



.ftr{

background:#073358;

padding-top: 30px;

}

.ftr h3{

    color: #84cee7;

    text-transform: uppercase;

    font-weight: 900;

    margin-bottom: 15px;

    font-size: initial;

    text-align: center;

}

.ftr ul{

    list-style-type: none;

    padding: 0;

}

.ftr ul li span {

    font-size: 12px;

    font-weight: bold;

}

.ep a{

    font-size: 13px;

}

.scls li{

    float: left;

    padding-right: 10px;

}

.scls{

    margin-top: 20px;

        display: flex;

    justify-content: center;

}

.lnks{

    list-style-type: none;

    padding-left: 50px !important;

}

.ser-lnks{

    list-style-type: none;

    padding-left: 45px !important;

}



.lnks li a{

    color: #84cee7;

}

.lnks li a:hover{

    color: #75ca48;

}

.ser{

    list-style-type: none;

    padding: 0;

}



.ser li a{

     color: #84cee7;

}

.ser li a:hover{

color: #75ca48;

    }



.ftr ul li a:hover{

    color: #75ca48;



}

.ftr p{

      color: #84cee7; 

      font-size: 12px;

}

.ftr ul li{

    color: #84cee7;

    line-height: 2;

    font-weight: 400;

}

.ad{

    background: url('../images/add.png');

    background-position: left,center;

    background-repeat: no-repeat;

     height: 25px;

    padding-left: 30px;

    margin-top: 25px;

    font-weight: 600;

}

.ph{

    background: url('../images/call.png');

    background-position: left,center;

    background-repeat: no-repeat;

     height: 25px;

    padding-left: 30px;

    margin-top: 25px;

    font-weight: 600;

}

.ml{

    background: url('../images/mail.png');

    background-position: left,center;

    background-repeat: no-repeat;

     height: 25px;

    padding-left: 30px;

    margin-top: 25px;

    font-weight: 600;

}

.ftr-btm{

    background: #04223c;

    padding: 30px;

  border-top: 1px solid #15446b;

}

.ftr-btm p{

   color: #84cee7;

    margin: 0;

    text-transform: uppercase;

    font-weight: 600;

}

.ftr-logo{

    top: -80px;

    position: absolute;

}

.mt-60{

    margin-top: 60px;

}

.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

    position: relative;

    padding-right: 10px;

    padding-left: 10px;

    border-right: 1px solid #0c4371;

    height: 280px;

}



.col-xs-15 {

    width: 20%;

    float: left;

}



/*inner page*/

.inner-div{

    padding-top: 30px;

}

.inner-div p{

    font-size: 15px;

    line-height: 1.5;

    text-align: justify;

}

.inner-div h4, .inner-div span{

     font-weight: bold;

    color: #0b538d;

}

.about-dtl h3{

    text-align: left;

    font-size: 20px;

    font-weight: bold;

    color: #0b538d;

    text-transform: uppercase;

    margin-top: 40px;

}

.about-dtl h1{

    font-size: 22px;

    font-weight: bold;

    color: #0b538d;

    text-transform: uppercase;

    margin-bottom: 40px;

}

.about-dtl ul li{

       line-height: 1.5;

    padding-bottom: 10px;

}

.inr-bnr {

    background: url(../images/inr-bnr.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 350px;

}

.ret-bnr {

    background: url(../images/Retailers.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 350px;

}

.dst-bnr {

    background: url(../images/Distributors.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 350px;

}

.ser-bnr {

    background: url(../images/Services.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 350px;

}

.ent-bnr {

    background: url(../images/Enterprise-Solutions.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 350px;

}

.cnt-bnr {

    background: url(../images/Contact.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 350px;

}

.inr-bnr .breadcrumb {

    background-color: transparent;
    position: absolute;
    top: 35%;
    color: #fff;
    left: 25%;

}

.inr-bnr .breadcrumb a {

    color: #000;

    font-weight: 600;

}

.inr-bnr .breadcrumb span{

    color: #0d76b9;

}

.inr-bnr h3 {

    font-weight: 900;

    color: #0d76b9;

    font-size: 25px;

    text-transform: uppercase;

}

.inr-bnr .breadcrumb a:first-child {

    padding-left: 0px !important;

}

.inr-bnr .breadcrumb .active{

color: #75ca48;

}

.inr-bnr .breadcrumb a:hover{

color: #75ca48;

}

/*sidebar*/



.side-ser h2{

    font-size: 17px;

    text-align: center;

    font-weight: bold;

      color: #fff;

}

.item.side-ser {

    background: #0b538d;

    padding: 20px 0px;

    margin: 0px 50px;

}

.sidebar h1{

    text-align: center;

    font-size: 22px;

    font-weight: bold;

    color: #0b538d;

    text-transform: uppercase;

    margin-bottom: 40px;

}

 .side-slide > .owl-nav .owl-next {

    height: 50px;

    width: 50px;

    text-indent: -10000px;

    overflow: hidden;

    float: right;

    position: absolute;



}

.side-slide .owl-next {

    background: rgba(0, 0, 0, 0) url(../images/Services.png) no-repeat scroll 0 0 !important;

   right: -20px;

    top: 65px;

}

.side-slide .owl-next:hover{

    background: rgba(0, 0, 0, 0) url(../images/Services_h.png) no-repeat scroll 0 0 !important;



}

 .side-slide > .owl-nav .owl-prev {

    height: 50px;

    width: 50px;

    text-indent: -10000px;

    overflow: hidden;

    float: right;

    position: absolute;



}

 .side-slide .owl-prev {

    background: rgba(0, 0, 0, 0) url(../images/Services_pre.png) no-repeat scroll 0 0 !important;

   left: 0px;

    top: 65px;

}

 .side-slide .owl-prev:hover{

    background: rgba(0, 0, 0, 0) url(../images/Services_pre_h.png) no-repeat scroll 0 0 !important;

}

.side-slide{

    height: 200px;

}

.ad-img img {

    margin: 0 auto;

}

.ad-img{

    margin: 30px 0px;

    background-image: url(../images/ad-bg.jpg);

    background-size: inherit;

    background-repeat: no-repeat;

    background-position: center;

    height: 450px;

}

.ad-img h4{

   top: 35px;

    padding: 0px 35px;

    left: 0;

    text-align: left;

    color: #fff;

    position: relative;

    line-height: 2;

    font-size: 20px;

}

.ads-btn{

    display: flex;

    justify-content: center;

}

.ads-btn a{

   padding: 10px;

    border: 1px solid #fff;

    color: #fff;

    border-radius: 20px;

    font-weight: bold;

    text-transform: uppercase;

    font-size: 12px;

    position: relative;

    top: 140px;

}

.ads-btn a:hover {

    background: #75ca48;

    color: #fff;

}

.about-dtl{

       padding-bottom: 30px;

}

/*services*/

.service_section {

     padding-bottom: 30px;

}

.service_section .box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 40px;

  /*  background-color: #cbe7ff;*/

    padding: 10px;

}

.service_section .box .img-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    width: 125px;

    height: 80px;

    margin-right: 25px;

    background: #e8f1f8;

}

.service_section .box .img-box img {

   /* max-width: 100%;

    max-height: 100%;*/

    -webkit-transition: all .3s;

    transition: all .3s;

        padding: 10px;

}

.service_section .box .img-box:hover {

    background: #84e451;

}

.service_section .box .detail-box h5 {

    margin-top: 0;

    color: #0b538d;

    font-size: 16px;

    font-weight: 900;

}

.service_section .box .detail-box p {

   text-align: left;

}

.service_section .box .detail-box a {

    color: #0b538d;

    font-weight: 600;

}

.service_section .box .detail-box a:hover{

   color: #75ca48;

    font-weight: 600;

}



/*enterprise*/



.enter_section{

  padding-bottom: 30px;

}



/*contact*/

.adrs-div{

    margin-bottom: 50px;

}

.adrs-div h1{

    margin-bottom: 20px;

}

.adrs-div h2{

    margin: 0;

    margin-bottom: 20px;

    color: #04223c;

}

.adrs-div ul{

    padding: 0;

    list-style-type: none;

}

.adrs-div ul li{

    color: #04223c;

    font-size: 18px;

    line-height: 2;

}

.adrs-div i {

    color: #75ca48;

    font-size: 17px;

    padding-right: 10px;

}

.cnt-frm h1{

    margin-bottom: 20px;

}

.cnt-frm label {

    color: #009ee3;

    letter-spacing: 1px;

    font-weight: 500;

}

.cnt-frm .form-control {

    margin-bottom: 20px;

    background-color: #f7f7f7;

}

.cnt-frm input{

    height: 40px;

}

.cnt-frm label{

    color: #0b538d;

    letter-spacing: 1px;

    font-weight: 600;

}

.cnt-frm .form-control{

    margin-bottom: 20px;

    border: 1px solid #0b538d;

    background: transparent;

}

::placeholder {

  color:#75ca48 !important;

}

.form-group{

    margin: 0 !important;

}

.btn-cnt{

    color: #fff;

    font-weight: 800;

    font-size: 15px;

    line-height: 15px;

    margin-right: 10px;

    text-align: center;

    padding: 15px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    display: inline-block;

    border: none;

    text-transform: uppercase;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    background: #004b8c;

    border-radius: 0px;

}

.btn-cnt:hover{

    color: #ffffff;

    background: #75ca48;

    border: none;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}

/*thank you*/

.thn h1 {

    margin: 0;

    color: #0c629f;

}

.thn{

    padding-bottom: 20px;

}













/*------------------------------------------------------*/

/* RESPONSIVE

/*------------------------------------------------------*/







/*---------- MEDIA 480px ----------*/

@media  (max-width: 768px) {

    .slide-text {

        padding: 10px 50px;

        top:34%;

    }



    .slide-text p {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 20px;

    }

    .control-round .carousel-control{

        display: none;

    }



}

@media  (max-width: 480px) {

    .slide-text {

        padding: 30px 40px;

         left: -50%;

         top: 15%;

    }

    .slide-text h1 {

        font-size: 15px;

       line-height: 1.3;

  

    }

    .slide-text p {

        font-size: 10px;

    }

    .slide-text a.btn-default, 

    .slide-text a.btn-primary {

        font-size: 7px;

        line-height: 10px;

        margin-right: 10px;

        text-align: center;

        padding: 10px 15px;

         margin-top:4px;

    }

    .indicators-line > .carousel-indicators{

        display: none;

    }



}

@media (min-width: 768px) and (max-width: 1024px){


.stry-dtl {
    height: 250px;
}
.ser-bnr{
	    background-position: 77% center;
}
.inr-bnr{
	background-position: 87% center;
	height:200px;
}
.ad-img h4 {
    top: 50px;
    padding: 0px 35px;
    left: 168px;
    text-align: left;
    color: #ffffff;
    position: relative;
    line-height: 2;
    font-size: 20px;
}
 .main-menu .navbar-nav > li{

    margin: 0;

 } 

 .slide-text > p{

 font-size: 20px;

 }

.slide-text {
    top: 40%;
    left: -75%;
    line-height: 2;
}

 .slide-text > h1{

    font-size: 30px;

 }

 .ftr-logo{

    top: 0px;

    position: relative;

}

.mt-60{

    margin-top: 20px;

}

.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

    border :none;

    height: auto;

}

.lnks{

    padding: 0px !important;

}

.ser-lnks{

    padding: 0px !important;

}

.ftr h3{

    text-align: left !important;

}

.ftr ul li {



    font-size: 12px;

}

.stats-bg {

    padding: 30px 0px;

    margin-top: 60px;

}

.stats{

    margin-top: 0px;

}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{

    display: none !important;

}
.inr-bnr .breadcrumb {
    background-color: transparent;
    position: absolute;
    top: 25%;
    color: #fff;
    left: 35%;
}

.ad-img h4 {
    top: 42%;
    padding: 0px 35px;
    left: 27%;
    text-align: left;
    color: #ffffff;
    position: absolute;
    line-height: 2;
    font-size: 20px;
}
.ads-btn {
    display: flex;
    justify-content: center;
    position: relative;
    top: 240px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
.main-menu .navbar-nav {
    margin-top: -150px;
}
.inr-bnr .breadcrumb{
top:10%;
}
.main-menu .navbar-nav > li > a {
    padding: 9px;
    font-size: 13px;
}
 .ad-img h4{
 	left:0;
 } 
 .ads-btn a{
 	font-size: 10px;
 }
}

@media only screen and (max-width: 640px) {

.main-menu{

    position: relative;

}

.services h1{

    margin-bottom: 30px;

    font-size: 25px;

}

.no-pad{

    padding: 0px 15px;

}

.ftr ul li{

line-height: 2;

}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{

    display: none !important;

}

.dg-pay {

    background-position: 78%;

    height: 380px;

}

.pay-btn {

    margin-top: 20px;

}

.dg-txt {

    padding: 20px;

    position: relative;

    top: 125px;

    background: #002f5dd9;

}

.pay-btn a {

    padding: 10px;

    font-size: 10px;

}

.dg-txt h1 {

  

    line-height: 1.5;

    font-size: 18px;

    margin: 0;

}

.abt-txt h1{

    font-size: 20px;

    margin: 20px 0px;

}

.abt-txt p{

   font-size: 11px;

    line-height: 1.6;

}

.story{

    padding-bottom: 30px;

}

.stats-bg h2{

    margin-bottom: 50px;

    text-align: center;

    font-size: 30px;

}

.stats {

    margin-top: 40px;

    text-align: center;

}

.ftr-logo{

    top: 0px;

    position: relative;

}

.mt-60{

    margin-top: 20px;

}

.ftr h3{

    text-align: left !important;

}

.col-xs-15,

.col-sm-15,

.col-md-15,

.col-lg-15 {

    border :none;

    height: auto;

}

.lnks{

    padding: 0px !important;

}

.ser-lnks{

    padding: 0px !important;

}

.scls{

    display: inline-block;

    margin-top: 0px;

}

.bs-slider{

    min-height: auto;

}

.ser-dtl {

    padding: 20px;

    height: 170px;

}

.services{

    padding-bottom: 50px;

}

.item.side-ser {

    padding: 20px;

     margin: 0px; 

}

.inr-bnr .breadcrumb{

    top:0px;

    text-align: center;

    position: inherit;

    left: 0;

}

.inr-bnr{

    height: auto;

    background-position: 70%;

}

.side-slide{

    height: auto;

}



.inner-div{

    padding-top: 10px;

}

.pr-40{

    padding-right: 0px;

}

.sidebar{

    margin-top:40px;

}

.ads-btn a {

    font-size: 10px;

}

.ad-img h4 {

    padding: 0 22px;

    }

}



@media (min-width: 768px) {

.col-sm-15 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 992px) {

    .col-md-15 {

        width: 20%;

        float: left;

    }


}

@media (min-width: 1200px) {

    .col-lg-15 {

        width: 20%;

        float: left;

    }

}