/* Add here all your CSS customizations */
.content_shadow {
  background: rgb(0, 0, 0); /* Fallback color */
  /*background: rgba(0, 0, 0, 0.5);  Black background with 0.5 opacity */
	background:rgba(255,255,255,0.25);/* white background with 0.5 opacity */
}
.content_shadow > p{
	color: #FFF;
  padding: 20px;
  /*text-shadow: 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF, 0 0 4px #FFF;*/
}
.nounderline{
    text-decoration: none !important;
}
#header .header-btn-collapse-nav {
     background: #00a651;
}
@media (min-width: 992px){
	/* Change arrow color that appears on non-mobile */
	#header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
		border-color: #00a651 transparent transparent transparent !important;
	}

	/* Change arrow color that appears on mobile */
	#header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
		color: #00a651;
	}
	#header .header-nav-main nav > ul > li > a.active {
			background: #00a651;
		}
	#header .header-nav-main nav > ul > li.open > a,
	#header .header-nav-main nav > ul > li:hover > a {
		background: #00a651;
	}
	#header .header-nav-main nav > ul > li > a {
		color: #00a651;
	}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	    border-top-color: #00a651;
	}
	/* border bottom color li dropdown*/
	#header .header-nav-main nav > ul > li.dropdown.open > a:before,
	#header .header-nav-main nav > ul > li.dropdown:hover > a:before {
		border-bottom-color: #00a651;
	}
}

@media (max-width: 991px){
	/* Change arrow color that appears on mobile */
	#header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
		border-color: #dddddd transparent transparent transparent !important;
	}

	/* Change arrow color that appears on mobile */
	#header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
		color: #dddddd;
	}
	#header .header-nav-main nav > ul > li > a.active {
		background: #00a651;
	}
	#header .header-nav-main nav > ul > li > a.active:hover {
		background: #00a651;
	}
	#header .header-nav-main nav > ul > li.open > a,
	#header .header-nav-main nav > ul > li:hover > a {
		background: #00a651;
	}
	#header .header-nav-main nav > ul > li > a {
	    color: #00a651;
	    font-size: 12px;
	}

	#header .header-nav-main nav > ul > li > a:hover {
	    color: #FFF;
	}
	#header .header-nav-main nav > ul > li.opened > a {
	    color: #FFF;
	}
	#header .header-nav-main nav > ul > li.opened > a.active {
	    background: #00a651;
	}
}
.social-icons li a {
	color:#FFF !important;
	background-color: #4167B2 !important;
}
.product_info_head{
    background: #c1c1c1;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 20px;
}
.lead {
    font-size: 1.07rem !important;
}
.mt-5 > tbody > tr > td:first-child > strong::first-letter {
  text-transform: uppercase;
  color: red;
}
.purifier { display: inline-block; }
.purifier > img {
    position: absolute;
    display: none;
    width:300px;
    height:280px;
}
.appliance { display: inline-block; }
.appliance > img {
    position: absolute;
    display: none;
    width:300px;
    height:280px;
}
.heater { display: inline-block; }
.heater > img {
    position: absolute;
    display: none;
    width:300px;
    height:280px;
}
.product_head{
    font-weight: 500 !important;
    font-size: 16px !important;
}



	/* Rating Star Widgets Style */
	.rating-stars ul {
		list-style-type:none;
		padding:0;
		  
		-moz-user-select:none;
		-webkit-user-select:none;
	}
	.rating-stars ul > li.star {
	  	display:inline-block;	  
	}
	/* Idle State of the stars */
	.rating-stars ul > li.star > i.fa {
	  	/*font-size:2.5em;*/ /* Change the size of the stars */
	  	color:#ccc; /* Color on idle state */
	  	cursor: pointer;
	}
	/* Hover state of the stars */
	.rating-stars ul > li.star.hover > i.fa {
	  	color:#FFCC36;
	}
	/* Selected state of the stars */
	.rating-stars ul > li.star.selected > i.fa {
	  	color:#e04622;
	}
	i.rated{
		color:#e04622;
	}
	i.not_rated{
		color:#ccc;
	}