@font-face {
    font-family: hfont;
    src: url(../fonts/Droid.ttf);
  }
  /*--
      Common Css
  --*/
  body {
    font-family: hfont;
    font-size: 14px;
    font-weight: 400;
  }
  li{

    font-family: hfont;
    vertical-align: middle;
    font-size: 14px;
    line-height: 16px;
    padding: 0 15px 0 15px;
    letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  color: #cc9933;

  }

  .navbar-light .navbar-nav .nav-link
  {

    color: #cc9933;
  }
  .bg-light
  {
      background-color: #fff;
  }
 
       


    .list_oudio
    {
padding: 25px;
border: 1px solid #dee2e6!important;

    }
    .list_oudio_text
    {
color: #000000;
text-decoration: none;
text-align: right;
 
vertical-align: middle;
font-size: 14px;
line-height: 16px;
padding: 0 15px 0 15px;
letter-spacing: 0;
    }
    .logo
    {

        padding-top: 15px;
    }


    .ui_mnue
    {
      margin-top: 15px;
color: #cc9933;
border: 0;

    }
    a:hover {
      color: #cc9933;
}
a {
  color: #cc9933;
  text-decoration: none;
}
 
.dropdown-item:hover
{
  color: #cc9933;
}
.dropdown-item
{
  color: #cc9933;
  text-align: right;
}
.navbar-light .navbar-nav .nav-link:hover
{
  color: #cc9933;
}
 
body
{
  background-color: #f8f9fa!important
}
.gray
{
  background-color: #f8f9fa!important;
  padding: 0;
  margin: 0
;
 
}
.li_fast
{
border: 0;
text-align: right;

}
.footerimage{

width: 100px;
height: 100px;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #cc9933;
  background-color: #fff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #fff;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #cc9933;
  background-color: #fff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #000000;
  background-color: #777777;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #777777;
}

    
    @media (max-width: 768px)
    {
      
      .nav-item
      {
        margin: 0;
        padding: 0;
      }
      .ui_mnue
      {
      margin-top: 0;
      margin: 0;
        padding: 0;
  color: #cc9933;
  border: 0;
  
      }
      
      
    .nav-item
    {
      text-align: right; 
    }
     }










     .footer-basic {
      padding:40px 0;
      background-color:#ffffff;
      color:#4b4c4d;
    }
    
    .footer-basic ul {
      padding:0;
      list-style:none;
      text-align:center;
      font-size:18px;
      line-height:1.6;
      margin-bottom:0;
    }
    
    .footer-basic li {
      padding:0 10px;
    }
    
    .footer-basic ul a {
      color:inherit;
      text-decoration:none;
      opacity:0.8;
    }
    
    .footer-basic ul a:hover {
      opacity:1;
    }
    
    .footer-basic .social {
      text-align:center;
      padding-bottom:25px;
    }
    
    .footer-basic .social > a {
      font-size:24px;
      width:40px;
      height:40px;
      line-height:40px;
      display:inline-block;
      text-align:center;
      border-radius:50%;
      border:1px solid #ccc;
      margin:0 8px;
      color:inherit;
      opacity:0.75;
    }
    
    .footer-basic .social > a:hover {
      opacity:0.9;
    }
    
    .footer-basic .copyright {
      margin-top:15px;
      text-align:center;
      font-size:13px;
      color:#aaa;
      margin-bottom:0;
    }
    
    ator .vc_sep_holder {
      height: 1px;
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      min-width: 10%;
  }
  .owl-carousel .owl-item img {
    display: inline-block;
    width: 100px;
    height: 100px;
}
 
.owl-item {
 
  text-align: center;
}

@media (min-width: 992px)
    {
.dropdown-toggle::after {
  content: none;
  float: left;
}
li{

  text-align: right;
}
 
    }

    .dropdown-toggle::after {
    
      float: left;
  }
  .dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
  text-align: right;
}

/*
.carousel-item > img
{
  height: 23rem;
}
.carousel
{
  height: 23rem;
}

*/

 
.navbar-light .navbar-toggler-icon {
  font-size: small;

}

.share {
 
   
  margin-right: 60px;

  margin-top: 40px;
  border-radius: 80px;

  
}
.share span {
  width: 200px;
  line-height: 80px;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
 
  margin-left: -100px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
.share nav {
  font-size: 0;
}
.share a {
  line-height: 80px;
  width: 80px;
  text-align: center;
  display: inline-block;
  background-color: #ffffff;
  color: #ffffff;
  overflow: hidden;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  margin: 0 -20px;
  box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.1);
}
.share a:nth-child(1) {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  margin-left: 0;
}
.share a:nth-child(1):hover {
  background-color: #128C7E;
}
.share a:nth-child(2):hover {
  background-color: #3B5998;
}
.share a:nth-child(3):hover {
  background-color: #ea4335;
}
.share a:nth-child(4) {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  margin-right: 0;
}
.share a:nth-child(4):hover {
  background-color: #000000;
}
.share:hover span, .share.hover span {
  opacity: 0;
}
.share:hover a, .share.hover a {
  border-radius: 50%;
  margin: 0 10px;
  color: #f1ce64;
  font-size: 28px;
}
.share:hover a:hover, .share.hover a:hover {
  color: #fff;
}