.active{

  color: #DC8816!important;

  font-weight: bold;

}

.bg-black{

  background-color: #111;

}

.text-orrange{

  color: #DC8816;

}

.navbar {

  padding: 0rem 1rem;

}

.btn-orrange{

  background-color: #DC8816;

  color: #fff;

  font-weight: bold;

}

.btn-orrange:hover{

  background-color: #bd720c;

  color: #fff;

}

.bg-dark{

  background-color: #222325!important;

}

#mob_banner{
    display: none;    
}

.text-black{
  color: #111;
}

.top-left {
  position: absolute;
  top: 21%;
  left: 16px;
}

a.navbar-brand img{
    max-width: 120px; 
    border: none; padding: 0px; 
    background-color: transparent;
}
@media (min-width: 320px) and (max-width: 576px){
    #mob_banner{
        display: block;    
    }
    .carousel-caption.d-md-block{
        display: none;
    }
    a.navbar-brand img{
        max-width: 50px!important;
    }
    .card-img-caption .card-img-top.banner-bright{
        height: 200px!important;
    }
    #search_text input[type=text] {
      width: 85%!important;
    }
    button#search {
      width: 13%!important
    }
    .carousel-caption {
        width: 99%!important;
        left: 2%!important;
    }
    .top-left {
        top: 14%!important;
        left: 29%!important;
    }
    .top-left img{
        width: 61%!important;
    }
    .card-img-caption img.card-img-top {
        width: 100%!important;
    }
    .col-md-6{
        width: 50%!important;
    }
    #network img{
        width: 50%!important;
    }
}

@media (min-width: 576px){
  .col-sm-4.services {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 20.000000%;
    padding: 2px!important;
  }
}


.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}


input[type=text]{
  height: 50px;
  border-radius: 10px 0px 0px 9px;
}

button#search{

  top: 24px;

  height: 52px;

  padding: 0px;

  margin-left: -1px;

  border-radius: 0px 9px 7px 0px;

}

.btn-dark-yellow{

  background-color: #ff9900;

  color: #fff;

}

.carousel-inner{

  margin-top: 10%; 

}

.carousel-caption{

  width: 50%;

  left: 25%;

  background-color: #1b100147;

  bottom: 40%!important;

  border-radius: 40px;

}



.btn-discover{
  padding: 17px 21px;
  color: #fff;
  font-weight: bold;
  background-color: #000000;
  border-color: #343a40;
}

a.btn:hover{
  color: #fff!important;
}



.img-thumbnail {

  padding: .25rem;

  background-color: #fff;

  border: 1px solid #dee2e6;

  border-radius: .25rem;

  width: 100%;

  height: auto;

  object-fit: cover;

}



/* Navbar inks*/

.ml-auto a{

  margin-top: 5px;

}



/* About us section */

.about_us p{

  text-align: justify;

  font-size: 20px;

}



/* Services images background color */

.card-img-caption {

  border: none;

}



.card-img-caption .card-img-top {

  z-index: 0;

}

      

.card-img-caption .card-img-top.banner-bright{

  filter: brightness(57%);

} 





.card-img-caption .card-text {

  position: absolute;

  z-index: 1;

  width: 100%;

  height: 100%;

  background: #000000bf;

}



/* Services text on image */

.bottom-left {

  position: absolute;

  top: 50%;

  text-align: center;

  left: 48%;

  color: #fff;

  transform: translate(-50%, -50%);

  z-index: 1;

}



/* How its work Section */

#how_works{

  background-color: #fff;

}

#how_works img{

  max-height: 160px;

}



/* Our Network */

.state{

  color:#111;

}



#network h5:hover{

  font-size: 30px;

}

#search_results{
  display: none;
}


/* Loader */
.loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #f39c12;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}