@charset "utf-8";
/* CSS Document */
p{ text-align:justify;}
.top-bar{ background-color:#0E8213; padding:8px 0px}
.logo img{max-width:260px !important}
.header{ background-color:#4BAF4F;}
.dropdown-menu li a{ color:#000000 !important}
.dropdown-menu li a:hover{ background-color:#0E8213 !important; color:#fff !important}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background-color:#0E8213 !important;}
.green{ background-color:#4BAF4F; height:180px;}
.slider{  margin-top:-180px; z-index:9999999}
.header h4{ color:#FFFFFF}
.company_name{ color:#FFf; font-size:22px; margin:0px !important; text-align: right; }
.navbar ul li a{ color:#FFFFFF}
.navbar ul li a:hover, .active{ background:none}
.introduction{ background-color:#FDC006; padding:10px; border-radius:10px; margin-top:40px; overflow:hidden}
.introduction p{ color:#FFFFFF} 
.notices{ border-bottom:1px solid #CCCCCC}
.sidebar-image img{ max-width:168px; margin-left:6px; float:left; margin-top:20px}
.bg-green-dark{ background-color:#4BAF4F; padding:10px}
.bg-green-dark{ color:#FFFFFF; margin-top:30px}
.footer-menu li a{ color:#FFFFFF}
.tender{ padding:30px; text-align:center}
.sidebar_home h2{ border-bottom:1px solid #999999}
.sidebar_home h4{ color: #009900}
.home-middle h3{ color: #009900}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

.gallery img{ max-height:180px; }
.social li{ display:inline-block;}
.social{ list-style-type:none; margin:0px}
.social img{ width:24px}
.productss{ text-align:center; margin-bottom:30px}
.news{ border-bottom: 1px solid #999999}
.footer-menu  li a:hover{ background:none !important}
.notice h4{ text-align:center !important}

@media (min-width:768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
  .dropdown-menu-arrow:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
  }
  .dropdown-menu-arrow::after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
  }
}