body {
  background: #DCD9CD;
  color: #444;
}

div {
  color: #444;
}

a {
  color: #444!important;
}

a.nav-link, a.dropdown-item {
  color: #fff!important;
}

.dropdown:hover>.dropdown-menu {
  display: block;
  background: #343a40;
  padding: 0;
  margin: 0;
}

.tales {
  width: 100%;
}

.carousel-inner {
  width:100%;
}

.home_believe_wrap {
	background: #00c85a;
}

.home_belive {
	max-width: 750px;
	font-size: 18px;
}

.home_about_img, .home_gallery_img {
	width: 100%;
}

.home_comitted {
	background-image: url('../images/home_commited.jpg');
	background-size: cover;
	background-position-y: center;
	text-align: center;
	color: white;
	font-size: 18px;
}

.footer {
	background: #2e2e2e;
	color: white;
}

.footer_menu ul, .footer_address ul {
	padding-left: 0;
}

.logo_green_color {
	color: #00C85A;
}

.footer_menu ul, .footer_address ul {
	list-style: none;
}

.footer_menu ul li:not(:last-child) {
	margin-bottom: 15px;
}

.footer_address ul li:not(:last-child) {
	margin-bottom: 10px;
}

.footer_address ul li:last-child {
	margin-top: 20px;
}

.footer_menu ul, .footer_address ul {
	margin-bottom: 0;
}

a.logo_green_color:hover {
	color: #00C85A;
	text-decoration: none;
}

ul.list_logo { 
	list-style: none;
}

ul.list_logo li {
	background:url('../images/list_logo.png') no-repeat 0 3px;
	padding-left: 30px;
	font-size: 15px;
	margin-bottom: 7px;
}

.home_about_title, .home_service_title {
	font-size: 19px !important;
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
}

ol.carousel-indicators li.active {
	background: #C3C3C3;
}

ol.carousel-indicators li {
	background: #fff;
}

.navbar {
    background: #2e2e2e;
    padding: 0;
}

.nav-item a {
	color: #fff;
}

.nav-fill .nav-item {
	padding: .5rem;
}

.nav-item.active {
	background: #C3C3C3;
}

.nav_logo img {
	max-width: 70px;
	margin: 8px 0 8px 5px;
}

.navbar .site_logo img {
	max-width: 65px;
	padding-left: 5px;
}

.text_after_logo {
	display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 18px;
    padding-left: 5px;
}

span.ltd {
    margin: 0 .8px;
}

.nav_above_right {
	line-height: 15px;
    position: relative;
    top: 18px;
    float: right;
    padding-right: 5px;
}

.nav_above_right div {
	font-size: 13px;
}

.nav_above_right, .nav_above_right a, .nav_above_right a:hover {
	color: #fff;
	text-decoration: none;
}

.home_service p, .home_trading p, .home_production p, ul.list_logo {
	margin-bottom: 15px;
	font-size: 15px;
}

.home_service ul li, .home_trading ul li, .home_production ul li {
	margin-bottom: 1px;
}

.home_service ul.list_logo, .home_trading ul.list_logo, .home_production ul.list_logo {
    padding-left: 2px;
    margin-bottom: 25px;
    margin-top: 3px;
}

.read_more {
	font-size: 13px;
}

.about_banner {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner/about.jpg') no-repeat;
	background-size:cover;
	background-position: center;
}

.services_banner {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner/services.jpg') no-repeat;
	background-size:cover;
	background-position: center;
}

.trading_banner {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner/trading.jpg') no-repeat;
	background-size:cover;
	background-position: center;
}

.production_banner {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner/production.jpg') no-repeat;
	background-size:cover;
	background-position: center;
}

.contact_banner {
	background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/banner/contact.jpg') no-repeat;
	background-size:cover;
	background-position: center;
}

.banner_title {
	color: #fff;
	text-transform: uppercase;
}

.carousel-control-next, .carousel-control-prev {
	width: 7%
}

img {
	width: 100%;
}


.hdpe_lining_1_A, .hdpe_lining_1_B, .hdpe_lining_2_A, .hdpe_lining_2_B,
.hdpe_lining_3_A, .hdpe_lining_3_B, .hdpe_lining_4_A, .hdpe_lining_4_B,
.hdpe_lining_5_A, .hdpe_lining_5_B, .hdpe_lining_6_A, .hdpe_lining_6_B,
.wobbler_1, .wobbler_2, .production_A, .production_B, .tank_1, .tank_2,
.ef_r1, .ef_r2, .ef_r3, .ef_r4, .es_r1, .es_r2, .es_r3, .es_r4, .el_r1, .el_r2,
.el_r3, .el_r4 {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hdpe_lining_1_A, .hdpe_lining_1_B, .hdpe_lining_2_A, .hdpe_lining_2_B,
.hdpe_lining_3_A, .hdpe_lining_3_B, .hdpe_lining_4_A, .hdpe_lining_4_B,
.hdpe_lining_5_A, .hdpe_lining_5_B, .hdpe_lining_6_A, .hdpe_lining_6_B,
.ef_r1, .ef_r2, .ef_r3, .ef_r4, .es_r1, .es_r2, .es_r3, .es_r4, .el_r1, .el_r2,
.el_r3, .el_r4  {
	height: 8rem;
}

.wobbler_1, .wobbler_2 {
	height: 14rem;
}



.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.map iframe {
	width: 100%;
	margin-bottom: -6px;
}

.contact_img {
	width: unset;
}

.contact_icon1 {
	font-size: 28px;
	padding-right: 9px;
}

.contact_icon2 {
	font-size: 30px;
	padding-right: 11px;
}

.contact_icon3 {
	font-size: 24px;
	padding-right: 13px;
}

.contact_address a {
	color: #333;
}

.contact_address a:hover {
	text-decoration: none;
}

.footer_address a {
	color: #fff;
}

.footer_address a:hover {
	text-decoration: none;
}

.header {
    font-size: 27px;
    font-weight: 500;
    text-decoration: underline;
    margin-bottom: 25px;
}

ul.about_us_list {
	padding-left: 1px;
	margin-bottom: 35px;
}

ul.list_logo.about_us_list li {
	font-size: 16px;
}

.mission, .vision, .core_values {
	background: #00c85a;
	border-radius: 10px;
	color: #fff;
}

.core_values ul {
	list-style: circle;
	padding-left: 22px;
}

.sub_header {
	font-size: 20px;
	text-transform: uppercase;
}

.services_sub_header {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 10px;
}

.services_sub_header > div {
	background: #00c85a;
    color: #fff;
    padding: 5px 15px;
}

.row.services_col_wrap > .col-6 {
	padding-left: 15px;
    padding-right: 7.5px;
}

.row.services_col_wrap div:last-child {
	padding-left: 7.5px;
	padding-right: 15px;
}

.text_header {
	font-size: 20px;
	margin-bottom: 10px;
}

.contact_logo {
	margin: auto 0;
    padding-bottom: 20px;
}


#button {
  display: inline-block;
  background-color: #00c85a;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}





/*for slider*/

#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}

.green{
  background-color:#6fb936;
}

.thumb{
    margin-bottom: 30px;
}
        
.page-top{
    margin-top:85px;
}

img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.modal-header {
   border-bottom: none;
}

.modal-title {
    color:#000;
}

.modal-footer {
    display:none;  
}

/*end for slider*/


.f17 {
	font-size: 18px;
}

.whole_img {
	width: 100%;
	height: 100vh;
	/*background: url('../images/home_slide.jpg');*/
	/*background: url(http://lorempixel.com/600/400/sports?_=1) 0 0 no-repeat,
    			url(http://loremflickr.com/600/400/sports?_=2) 600px 0 no-repeat,
    			url(http://loremflickr.com/600/400/sports?_=3) 1200px 0 no-repeat,
    			url(http://loremflickr.com/600/400/sports?_=4) 1800px 0 no-repeat;
  				animation: slide-right 15s forwards 1s;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: flex;
    align-items: center;
}

@keyframes bgfade {
    0% {
    background-image: url('../pics/slide1.jpg');
    }
    25% {
    background-image: url('../pics/slide1.jpg');
    }
    50% {
    background-image: url('../pics/slide2.jpg');
    }
    75% {
    background-image: url('../pics/slide3.jpg');
    }
    100% {
    background-image: url('../pics/slide4.jpg');
    }
}

.whole_img {
animation: bgfade 24s infinite;
background-position:center;
position:relative;
}

.whole_img:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-color:black;
opacity:0.3;
}


.carousel-control-prev, .carousel-control-next {
	height: 60%;
}

.dropdown-item:hover {
	background: #333;
}

.col-md-3.footer_menu, .col-md-3.footer_menu a, .col-md-9.footer_address.text-right {
    color: #fff!important;
}

li.nav-item.active .nav-link {
    color: #333!important;
}