/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.slider-caption p { margin-top: 10px; margin-bottom: 10px; font-size: 2.5rem;  font-weight: bold; color: #26602A; }
.dark .slider-caption:not(.not-dark) h2 { color: #26602A; font-family: 'Poppins', sans-serif !important; font-size: 1.5rem; font-weight: bold; margin-top: 20px; }
.slider-caption, .flex-caption { max-width: 750px; }

.heading-block h3.product { color: #257ee8; }

.mediem_btn_02 { width: 156px; height: 40px; border-radius: 30px; border: 2px solid #fff; line-height: 36px; display: inline-block; font-size: 14px; font-weight: 600; color: #fff; text-align: center; text-transform: uppercase; }

/* Button */
.btn.btn-dark { color: #ffffff; background-color: #212121; border-color: #212121; }
.btn { outline: none !important; vertical-align: middle; -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease; transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease; transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; display: inline-block; font-weight: normal; text-align: center; border: 1px solid transparent; padding: 0.50rem 0.65rem; font-size: 1rem; line-height: 1.5; border-radius: 0.42rem;}
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button, select { text-transform: none; }
button, input { overflow: visible; }

/* CSL */
.product-information { position: relative; padding: 30px 60px; }
.products .oc-item img{ transform-style: preserve-3d; display: block; width: 100%; -webkit-transform-style: preserve-3d; margin-top: 2rem !important; max-width: 100%; vertical-align: middle; border-style: none; }

/* Section */
div.product-feature { background-color:beige; }
div.product-feature p, div.product-feature-white p{ text-align: center; }
div.product-feature-white{ background-color: #FFF; }

.tableclass { margin: 50px 0; padding: 10px; }
thead>tr>th { background: #D8EAAC; }
.table-bordered thead td, .table-bordered thead th { border-bottom-width: 1px!important; }
.table thead th { vertical-align: center; border-bottom: 1px solid #eaeaea!important; }
.table-bordered td, .table-bordered th { border: 1px solid #eaeaea!important; }
tbody>tr>th { background: #fdf4dc; }
tr:nth-child(even) { background-color: #f2f2f2; }
tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.1); }
th, td { white-space: nowrap; }
table.productpaper1 tr td { text-align: center; }
table.productpaper1 { font-size: 13px; }

.eco_blog_section{ float:left; width:100%; }
.eco_blog_section .blog-picture-down .eco_thumb{ margin-bottom:0px; }
.eco_blog_column .eco_thumb img{ border-radius:4px; width:100%; }

.eco_blog_column figure.bg1{ position: relative; float: left; width:100%; background: #4F497C; }
.eco_blog_column figure.bg2{ position: relative; float: left; width:100%; background: #BB136B; }
.eco_blog_column figure.bg3{ position: relative; float: left; width:100%; background: #4CBDEC; }
.eco_blog_column figure.bg4{ position: relative; float: left; width:100%; background: #378A5C; }
.eco_blog_column figure.bg5{ position: relative; float: left; width:100%; background: #F4A55E; }
.eco_blog_column.blog-picture-down figure:before{ bottom:auto; top:0px; width: 0; position: absolute; content:""; height: 0; border-style: solid; border-width: 12px 13px 0 13px; border-color: #ffffff transparent transparent transparent; }
.eco_blog_column figure:before{ position: absolute; content:""; bottom:30px; left:0px; right: 0px; z-index: 999; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 0 13px 12px 13px; border-color: transparent transparent #ffffff transparent; }
.eco_blog_column .eco_thumb{ position:relative; }
.eco_blog_column{ margin-bottom:0px; }
.blog-picture-down .eco_blog_content{ margin-bottom:24px; }
.eco_blog_column{
	float:left;
	width:100%;
}
.eco_blog_column .eco_thumb{
	float:left;
	width:100%;
	margin-bottom:0px;
}
.eco_blog_content{
	float:left;
	width:100%;
}
.eco_blog_content .eco-event-title{
	float:none;
	width:auto;
	overflow:hidden;
	padding-top:0px;
}
.eco-event-title h5{
	width:auto;
}
.eco_blog_content p{
	float:left;
	width:100%;
	margin-bottom:0px;
}
.eco_recent_posts .eco_viewers_meta li{
	margin-bottom: 0px;
}
.eco_viewers_meta{
	float:left;
	width:100%;
	padding:16px 0 16px;
}
.eco_viewers_meta{
	float: left;
}
.eco_viewers_meta li a small{
	color:#999999;
	display: inline-block;
}
.eco_viewers_meta li{
	float: left;
	width: auto;
	margin-bottom: 0px;
}
.eco_viewers_meta a{
	float:left;
	font-size:14px;
	font-weight:500;
	color:#636363;
	text-transform:capitalize;
	margin-right: 8px;
    padding-right: 8px;
	position:relative;
}
.eco_viewers_meta a:before{
	position:absolute;
	content:"";
	top:6px;
	right:0px;
	border-right:1px solid #636363;
	height:11px;
}
.eco_viewers_meta li:last-child a{
	border-right:none;
	margin-right:0px;
	padding-right:none;
}
.eco_viewers_meta li:last-child a:before{
	display:none;
}

/*============================
	default Hover effect 
/*===========================*/
.mediem_btn_02.tcolor{
	overflow:hidden;
	position:relative;
	cursor: pointer;
}
.mediem_btn_02.tcolor:hover{
	color:#fff;
}
.eco_hover_effect{
	overflow:hidden;
	float:left;
	width:100%;
	position:relative;
	cursor: pointer;
}
.mediem_btn_02.tcolor:before,
.eco_hover_effect:before {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px);
    width: 100%;
    z-index:2;
}
.mediem_btn_02.tcolor:hover:before,
.eco_hover_effect:hover:before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 120%, 0px);
}
.mediem_btn_02.tcolor:hover:after,
.eco_hover_effect:hover:after{
	opacity:0.8;
	top:0px;
	visibility:visible;
}
.mediem_btn_02.tcolor:after,
.eco_hover_effect:after{
    content: "";
    height: 100%;
    left: 0;
    right:0px;
    opacity:0.4;
    visibility:hidden;
    bottom:0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index:1;
}

.effective-div {
    backface-visibility: hidden;
    color: #fff;
    text-transform: uppercase;
}
.eco_hover_effect:hover img{
    opacity: 0.6;
    transform: scale3d(1, 1, 1);
}
.eco_hover_effect img {
    display: block;
    max-width: 100%;
    min-height: 100%;
    position: relative;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
/*====================
	Hover effect ends
/*===================*/
.eco-blog-caption{
	text-align: center;
}
.eco-blog-caption h6{
	display: inline-block;
	border: none;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
.eco-blog-caption .show-sale{
	z-index:1;
}
.eco-blog-caption p{
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.eco_hover_btn,
.effective-div{
	position: absolute;
	left:0px;
	right: 0px;
	top:50%;
	margin-top: 0px;
	opacity:0;
	text-align: center;
	z-index:3;
}
.eco_hover_effect:hover .eco_hover_btn,
.eco_thumb_blog:hover .effective-div{
	margin-top: -18px;
	opacity:1;
}
.eco_hover_effect .eco_hover_btn a{
	color:#fff;
}
.eco_hover_effect .eco_hover_btn a:hover{
	color: #7abf18;
}
.eco-filter-div{
	float:left;
	width:100%;
	border-top:1px solid #e0e0e0;
	padding:15px 0px 0px;
	margin-bottom:16px;
}
.eco_filter-anchor{
	float:right;
}
.eco_filter-anchor li{
	float:left;
	margin-right:40px;
}
.eco_filter-anchor li:last-child{
	margin-right:0px;
}
.eco_filter-anchor li a{
	display:inline-block;
	font-size:14px;
	font-weight:600;
	color:#636363;
	cursor:pointer;
}
.filterable-parent-section{
	margin-left:0px;
	margin-right:-30px;
}
.eco_filterable_columns{
	float: left;
    margin-right: 20px;
    overflow: hidden;
    padding-right: 0px;
    width: 262px;
    margin-bottom: 30px;
}
.eco_filterable_columns figure{
	float: left;
	width:100%;
}
.eco_filterable_columns figure img{
	width:100%;
}