.info-login .head-info-login span {
    background: #3399cc !important;
    background-color: #3399cc !important;
}
.info-login .head-info-login span:before {
    border-left: 18px solid #3399cc !important;
}

#menu .navbar-default {
    background-color: #39c;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
#menu .yamm-content i {color: #39c !important;}
#menu .dropdown-menu ul li a:hover { color: #3f3f3f !important; }
#menu .dropdown-menu {
    border-bottom-color: #39c;
}
#menu .navbar-default .navbar-nav > .open > a, #menu .navbar-default .navbar-nav > .active > a {
    background: #3399cc !important;
    background-color: #3399cc !important;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 400px; }
.title-vertical-line:after {background: #39c !important; background-color: #39c !important;}

.title-vertical-line h2 span{ color: #39c !important; }

.item-boxed-service-02:hover { background-color: #fff !important;}
/*.item-boxed-service-02:hover h4 { color: #39c !important;}*/

.contact-footer li i { color: #04a5f5 !important; }
.contact-footer a {
    color: #fff !important;
    font-weight: 500 !important;
    text-decoration: none;
    text-transform: none !important;
}
.list-styles li i { background-color: #04a5f5 !important; }
.footer-down ul li a:hover { color: #3399cc !important; text-decoration: none;}
.divisor-service-process .circle {background-color: #04a5f5 !important; background: #04a5f5 !important;}

.opacy_bg_02 {background: #232263 !important;}

.mcbapp a{color: #000 !important;}
.mcbapp i {color: #000; font-size: 25px;}
.mcbapp2:hover h4{color: #fff !important;}
.mcbapp2 h4{color: #fff !important; font-weight: 600; }
.mcbapp2 {padding: 0px 0px !important;}


  .award {text-align: center;}
  .award p { margin-top: 10px !important; text-align: justify; color: #000 !important;}
  .award h4{padding: 0px 0 5px 0 !important; font-weight: 700;}

  .annual {text-align: center;}
  .annual p { margin-top: 10px !important; text-align: justify; color: #000 !important; text-align: center;}
  .annual h4{padding: 0px 0 5px 0 !important; font-weight: 700;}

  .table2 td{text-align: center !important;}
  .table2 p{text-align: center !important;}
  .point p{margin: 0 0 0 0 !important;}
  .point p::before { 
    display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 7px;
    width: 7px;
    margin-right: 0.5rem;
    background: #000;
  }
  .text2 p{margin: 0 0 5px 0 !important; color: #000 !important; font-weight: 500;}
  .board {text-align: center;}
  .board p {text-align: center; color: #000 !important; font-weight: 500; margin: 0 0 0 0 !important;}
  .board img{height: 150px; width: 111px;}
  .manage p {text-align: left; color: #000 !important; font-weight: 500; margin: 0 0 0 0 !important;}
  .rupay2 img{height: 150px; width: 70%;}
  .rupay2 p {text-align: justify; color: #000 !important; margin: 0 0 0 0 !important;
              font-family: 'Noto Sans', sans-serif;
              font-size: 1rem;
              font-weight: lighter;
              line-height: 1.5rem;
            }
  .rupay {padding: 0px 0px !important;}

  .rupay2 li {text-align: justify; color: #000 !important; }
  .rupay2 h3 {color: #39c;}
  .ecomm p strong {color: #39c;}
  .ecomm p {text-align: justify; color: #000 !important; margin: 0 0 0 0 !important;
              font-family: 'Noto Sans', sans-serif;
              font-size: 1rem;
              font-weight: lighter;
              line-height: 1.5rem;
            }
  .ecomm li {text-align: justify; color: #000 !important; }
  .interest p strong {color: #39c;}
  .interest p {color: #000 !important; }
  .interest td {text-align: center; color: #000 !important; margin: 0 0 0 0 !important;
              font-family: 'Noto Sans', sans-serif;
              font-size: 1rem;
              font-weight: lighter;
              line-height: 1.5rem;
            }
  .interest th {text-align: center; color: #000 !important; margin: 0 0 0 0 !important;
              font-family: 'Noto Sans', sans-serif;
              font-size: 1rem;
              font-weight: lighter;
              line-height: 1.5rem;
              padding: 8px 8px;
            }
  .interest tr p{text-align: center; color: #000 !important; margin: 0 0 0 0 !important;
              font-family: 'Noto Sans', sans-serif;
              font-size: 1rem;
              font-weight: lighter;
              line-height: 1.5rem;
            }
  .member p strong {color: #39c !important;}
  .member p{color: #000 !important;}
  .member ul li{color: #000; }

  .text {color: #000 !important; text-align: justify; }
  .text p{color: #000 !important; text-align: justify; }
  .tr_up {margin-top: 10px;}


  /*New Page Content*/
  .page-text { background-color: #37aae3; padding: 8px; }
  .page-text p { font-size: 15px; font-weight: 500; color: #fff !important; text-align: justify;}

  .services-full-boxes {
    -webkit-box-shadow: 0px 0px 5px 2px rgba(184,178,184,0.5);
    -moz-box-shadow: 0px 0px 5px 2px rgba(184,178,184,0.5);
    box-shadow: 0px 0px 5px 2px rgba(184,178,184,0.5);
  }

  .management-p p { margin: 0px 0px; cursor: auto;}
  .management-p p a { color: #3399cc !important; } 
  /*management-p { text-align: left; }*/

  .page-text-p p { font-size: 15px !important; text-align: justify;}
  .page-text-li li {font-size: 15px; color: #000;}

  .start-title {font-weight: 600; padding-bottom: 15px;}

  .accordion { margin-top: 10px; }
  .faq .card-header { background-color: #39c; }
  .faq .card-header button { color: #fff; font-size: 15px !important; }
  .faq .card-header button:hover { text-decoration: none; opacity: 1;}
  .faq .card-header button:focus { text-decoration: none !important; outline-color: #39c; color: #fff !important; }
  .faq .card-header i { color: #fff; font-size: 18px; float: right; padding: 15px; }
  .faq .card-body p { padding: 10px; border: 2px solid #000; }

  .missed-call { font-size: 22px !important; }
  .missed-call span { background-color: #39c; padding: 7px 10px; font-size: 20px; color: #fff; border-radius: 16px; }
  .missed-call a { font-size: 24px; margin-left: 11px; }

  .mobile-banking { text-align: center !important; }
  .mobile-banking img { height: 350px !important; margin-bottom: 10px; width: 100%; }

  /* Items Team Members -----------------------*/
  .item-team{
      padding: 20px 25px;
      border: none;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: left;
      background-color: #fff;
  }
  .item-team p { margin-bottom: 0px; }
  .item-team h4 { color: #000; margin-bottom: 5px; }
  .tooltip.top .tooltip-arrow, .item-team {
      border-top-color: #fff !important;
  }
  .item-team ul{
      border-top: 1px solid #dedede;
      padding: 15px 0 0 0;
      width: 100%;
      display: inline-block;
  }
  .item-team ul li{
      text-transform: unset;
      font-size: 15px;
  }

  .list-styles i{
      background-color: #04a5f5 !important;
      border-radius: 50%;
      color: #fff;
      font-size: 0.6rem;
      padding: 6px 6px;
      margin-right: 8px;
  }

  /* Administration Start */
    
  .card-executives {
      margin: 20px 0;
      min-height: 400px;
      background:#fff;
      box-shadow:0 10px 20px rgba(0,0,0,.1);
      border-radius:10px;
      transition:0.5s;
  }
  .card-executives:hover {
      box-shadow:0 30px 70px rgba(0,0,0,.2);
  }
  .card-executives .box {
      position:absolute;
      top:50%;
      left:0;
      transform:translateY(-50%);
      text-align:center;
      padding:20px;
      box-sizing:border-box;
      width:100%;
  }
  .card-executives .box .img { height: 120px; margin: 25px; overflow:hidden; }
  .card-executives .box .img img { height: 150px; width: 111px; }
  .card-executives .box h2 { font-size:20px; color:#262626; margin:20px auto; }
  .card-executives .box h2 span {
      font-size:14px;
      background:#e91e63;
      color:#fff;
      display:inline-block;
      padding:4px 10px;
      border-radius:15px;
  }
  .card-executives .box p { color:#262626; margin: 0 0 5px 0 !important; }

  .owl-carousel .owl-nav { display: none; }

  .index-offers .offer-title { text-align: center; font-size: 20px; margin-top: 8px; color: #39c; margin-bottom: 0px !important; }
  .index-offers .discount { text-align: center; font-size: 16px; margin-top: 5px; color: #000; margin-bottom: 0px !important; }
  .index-offers:hover { text-decoration: none; }

  .offer .offer-title { text-align: center !important; font-size: 20px; margin-top: 8px; color: #39c !important; margin-bottom: 0px !important; padding: 0px !important; }
  .offer .discount { text-align: center; font-size: 15px !important; margin-top: 5px; color: #000; margin-bottom: 0px !important; padding: 0px !important; }

  .offer-tab .tab-content { margin-bottom: 50px; background-color: #fff; border: 1px solid #000; }
  
  .offer-tab .nav-tabs li { background-color: #a4c639 !important; }
  .offer-tab .nav-tabs li a { background-color: #a4c639 !important; }
  .offer-tab .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li a:hover { background-color: #a4c639 !important; background: #a4c639 !important; }

  .offer-tab .offer-image img { -webkit-box-shadow: 0 4px 8px #d4d4d4 !important; }
  .offer-text .offer-title { padding-right: 25px !important; }
  .offer-text .offer-title { font-size: 20px !important; color: #39c !important; margin-bottom: 0px !important; margin-top: 0px !important; padding: 0px !important; }
  .offer-text .discount { font-size: 15px !important; margin-top: 5px; color: #000; margin-bottom: 0px !important; padding: 0px !important; }
  .offer-text .vlaid-to { font-size: 15px !important; margin-top: 5px; color: #000; margin-bottom: 0px !important; padding: 0px !important; }
  .offer-text p { font-size: 15px !important; margin-top: 5px; color: #000; margin-bottom: 0px !important; margin-left: 0px !important; padding: 0px !important; }
  .offer-text ol, li { display: block; color: #000; font-size: 15px !important; padding-inline-start: 0px !important; }
  /* Administration End */
  

  div.bhoechie-tab-menu div.list-group{ margin-bottom: 0; }
  div.bhoechie-tab-menu div.list-group>a{ margin-bottom: 0; }
  div.bhoechie-tab-menu div.list-group>a .glyphicon,
  div.bhoechie-tab-menu div.list-group>a .fa { color: #39c; font-size: 25px !important; }
  div.bhoechie-tab-menu a{color: #000 !important;}
  div.bhoechie-tab-menu a:hover {background-color: #39c; color: #fff !important;}
  div.bhoechie-tab-menu a:hover h4{color: #fff !important;}
  
  div.bhoechie-tab-menu a:focus {background-color: #fff; color: #000 !important;}
  div.bhoechie-tab-menu a:focus h4:hover{color: #39c !important;}
  

  div.bhoechie-tab-menu div.list-group>a:first-child{ border-top-right-radius: 0; -moz-border-top-right-radius: 0; }
  div.bhoechie-tab-menu div.list-group>a:last-child{ border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; }
  div.bhoechie-tab-menu div.list-group>a.active,
  div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
  div.bhoechie-tab-menu div.list-group>a.active .fa{ color: #ffffff !important; }
  div.bhoechie-tab-menu div.list-group>a.active:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #5A55A3;
    display: none;
  }
  
  div.bhoechie-tab div.bhoechie-tab-content:not(.active){ display: none; }
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
      text-shadow: 0 -1px 0 #286090;
      background-image: linear-gradient(to bottom, #39c 0%, #3399cc 100%);
      background-repeat: repeat-x;
      border-color: #2b669a;
  }
  .list-group-item {padding-top: 6px; padding-bottom: 6px; }

  .input-select {
    margin-bottom: 25px;
    height: 36px;
    font-size: 0.875rem;
    border-radius: 0;
    width: 100%;
    border: solid 1px #dedede;
    padding: 5px 10px;
  }

  .marquee i { color: #39c !important; }

  .slider-caption {
      position: absolute;
      top: 7%;
      left: 6%;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      padding: 20px;
      text-align: center;    
  }
  .slider-caption2 {
      position: absolute;
      top: 2%;
      left: 6%;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      padding: 20px;
      text-align: center;
  }
  .slider-caption3 {
      position: absolute;
      top: 1%;
      left: 6%;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      padding: 20px;
      text-align: center;    
  }

  .slider-caption4 {
      position: absolute;
      top: 125px;
      left: 5%;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      padding: 20px;
      text-align: center;    
  }

  .parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

.slider-caption h3{ font-size: 40px; color: #fff; font-weight: 700; padding: 5px 0px; }
.slider-caption2 h3{ font-size: 40px; color: #fff; font-weight: 700; padding: 5px 0px; }
.slider-caption3 h3{ font-size: 40px; color: #fff; font-weight: 700; padding: 5px 0px; }
.slider-caption4 h3{ font-size: 40px; color: #fff; font-weight: 700; padding: 5px 0px; }

.best-service-index .head-item-blog-post { text-align: center; }
.best-service-index .img-item-blog-post img { height: 150px; }
.best-service-index .info-item-blog-post p { color: #000; }
.best-service-index  {  }
.best-service-index  {  }


@media (max-width: 768px) {

  .mobile-banking img { height: 350px !important; margin-bottom: 20px; width: 75%; }
  .rev_slider_wrapper .tp-caption { margin-left: 30px; font-size: 20px !important; }
  .slider-caption h3{ font-size: 28px; color: #fff; font-weight: 700; }
  .slider-caption2 h3{ font-size: 28px; color: #fff; font-weight: 700; }
  .slider-caption3 h3{ font-size: 28px; color: #fff; font-weight: 700; }
  .slider-caption4 h3{ font-size: 28px; color: #fff; font-weight: 700; }
}
@media (min-width: 300px) and (max-width: 355px){
  .slider-caption{
    position: relative;
    top: 30%;
    left: 2%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
  }
  .slider-caption2 {
    position: relative;
    top: 30%;
    left: 6%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
  }
  .slider-caption3 {
    position: relative;
    top: 30%;
    left: 6%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
  }
  .slider-caption4 {
      position: relative;
      top: 125px;
      left: 5%;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      padding: 20px;
      text-align: center;    
  }
}
@media (min-width: 355px) and (max-width: 575px){
  .slider-caption{
    position: relative;
    top: 30%;
    left: 8%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
  }
  .slider-caption2 {
    position: relative;
    top: 30%;
    left: 6%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
  }
  .slider-caption3 {
    position: relative;
    top: 30%;
    left: 6%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
  }
  .slider-caption4 {
      position: relative;
      top: 125px;
      left: 5%;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      padding: 20px;
      text-align: center;    
  }
}


@media (min-width: 576px) and (max-width: 767px){
  .slider-caption{
    position: relative;
    top: 30%;
    left: 10%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
  }
  .slider-caption2 {
    position: relative;
    top: 30%;
    left: 6%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
  }
  .slider-caption3 {
    position: relative;
    top: 30%;
    left: 6%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
  }
  .slider-caption4 {
      position: relative;
      top: 125px;
      left: 5%;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      padding: 20px;
      text-align: center;    
  }
}
@media (min-width: 768px) and (max-width: 960px){
  .slider-caption{
    position: relative;
    top: 5%;
    left: 5%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 1280px) {
	.item-service-process:nth-child(3n+1) { margin-left: -100px; }
	.item-service-process { width: 32%; }	
}