/*========================================
    4. Home-01 (corporate)
==========================================*/
/*-----------------------------------------
    4.1 Service Area
------------------------------------------*/
.service-area {
	background-color: #ffffff;
	display: block;
}
.service-item {
	text-align: center;
}
.service-item > i {
	color: #353535;
	display: block;
	font-size: 34px;
	margin-bottom: 20px;
	transition: all 0.5s ease 0s;
}
.service-item:hover > i {
	color: #8ec448;
}
.service-item > h6 {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
/*-----------------------------------------
    4.2 Our Works Area
-------------------------------------------*/
.works-area, .portfolio-area {
	background-color: #ffffff;
	display: block;
}
.filter-catagory-menu {
	display: block;
	padding-bottom: 42px;
	padding-top: 0;
	text-align: center;
}
.filter-catagory-menu li {
	color: #353535;
	cursor: pointer;
	display: inline-block;
	font-family: raleway;
	font-size: 12px;
	font-weight: 600;
	padding: 20px 15px 10px 12px;
	position: relative;
	text-transform: uppercase;
	z-index: 2;
}
.filter-catagory-menu li::after {
	color: #353535;
	content: "/";
	padding-left: 15px;
	position: absolute;
	right: 0;
}
.filter-catagory-menu li:last-child::after {
    display: none;
}
.filter-catagory-menu li:hover,
 .filter-catagory-menu li.active{
    color:#8ec448;
}
#popular-products .filter-catagory-menu li.active{
	color:#b83932;
}
.portfolio-items .mix, .product-items .mix{
	display: none;
}
.portfolio-item {
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}
.portfolio-img img {
    width: 100%;
}
.portfolio-content {
	left: 0;
	margin-top: -38px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	width: 100%;
}
.portfolio-img > a::before {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 100%;
}
.portfolio-content > h6, .portfolio-content > h6 a {
	color: #fff;
	font-size: 14px;
	margin-bottom: 8px;
	opacity: 0;
	text-transform: uppercase;
	transform: translate3d(-10px, 0px, 0px);
	transition: all 0.5s ease 0s;
	visibility: hidden;
}
.portfolio-content > h6 a:hover{
	color:#8ec448;
}
.portfolio-content > p {
	color: #fff;
	margin-bottom: 0;
	opacity: 0;
	transform: translate3d(10px, 0px, 0px);
	transition: all 0.5s ease 0s;
	visibility: hidden;
	font-style: italic;
}
.ovrly-btns {
	background-color: #8ec448;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	height: 50px;
	line-height: 50px;
	margin: 4px 4px 40px;
	opacity: 0;
	text-align: center;
	transform: scale(0);
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 50px;
}
.ovrly-btns:hover{
	background: #fff;	
	color: #8ec448;
}
.portfolio-item:hover .portfolio-img > a::before {
	opacity: 1;
	visibility: visible;
}
.portfolio-item:hover .portfolio-content .ovrly-btns{
	transform: scale(1);
	visibility: visible;
	opacity:1;	
}
.portfolio-item:hover .portfolio-content h6,
 .portfolio-item:hover .portfolio-content h6 a,
 .portfolio-item:hover .portfolio-content p{
	transform: translate3d(0px, 0px, 0px);
	visibility: visible;
	opacity:1;	
}
.loadmore-area {
	display: block;
	padding: 12px 0 0;
	text-align: center;
}
/*-----------------------------------------
    4.3 About Unify Area
-------------------------------------------*/
.about-area{
	background-color:#FFFFFF;
}
.about-left {
	display: block;
	height: 345px;
/* 	margin-bottom: 40px; */
	overflow: hidden;
	position: relative;
	width: 100%;
}
.about-left::before {
	background-color: #8ec448;
	content: "";
	height: 310px;
	margin-top: 18px;
	position: absolute;
	right: 76px;
	transform: rotate(26deg);
	width: 10px;
	z-index: 3;
}
.about-left::after {
	border-bottom: 347px solid #fff;
	border-left: 170px solid transparent;
	bottom: 0;
	content: "";
	position: absolute;
	right: 0;
	z-index: 2;
}
.about-left img{
	width:100%;
}
.about-right .section-title {
    margin-bottom: 34px;
}
/*-----------------------------------------
   4.4 Our Skill Area
-------------------------------------------*/
.progress-items {
	margin-bottom: 60px;
	padding-top: 15px;
	text-align: left;
}
.progress-item {
	display: block;
	margin-bottom: 26px;
}
.progess-heading {
    font-size: 12px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;	
}
.progress-name {
    float: left;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}
.progress-item .progress-value {
    text-align: right;
}
.progress-item .progress {
    height: 10px;
    background: #dddddd;
    box-shadow: none;
}
.progress-item .progress-bar {
    background-color: #8ec448;
}
.skill-man {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}
/*-----------------------------------------
    4.5 Team Area
-------------------------------------------*/
.team-area {
    background-color: #ffffff;
}
.team-member {
	background: #f7f7f7 none repeat scroll 0 0;
	display: block;
	margin-bottom: 40px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.team-member > a {
    display: block;
    position: relative;
}
.team-member > a::after {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 67%;
	width: 100%;
	transition: all 0.5s ease 0s;
}
.team-member:hover > a::after{
    top: 0;
}
.member-hidden {
	color: #fff;
	left: 0;
	position: absolute;
	top: 35%;
	width: 100%;
}
.namerole p {
	margin: 0;
	text-transform: uppercase;
	transition: all 0.5s ease 0s;
}
.namerole p.member-name {
	font-size: 12px;
	font-weight: 700;
}
.namerole p.member-role {
	font-size: 10px;
	font-weight: 600;
	margin-bottom: 15px;
}
.member-hidden p.member-name,
 .team-member:hover .member-bottom p.member-role{
	opacity:0;
	visibility:hidden;	
	transform: translate3d(-25%, 0px, 0px);
}
.member-hidden p.member-role,
 .team-member:hover .member-bottom p.member-name{
	opacity:0;
	visibility:hidden;	
	transform: translate3d(25%, 0px, 0px);  
}
.team-member:hover .member-hidden p.member-name,
 .team-member:hover .member-hidden p.member-role{
	transform: translate3d(0px, 0px, 0px);
	opacity:1;
	visibility:visible;	  
}
.member-bottom p.member-name,
 .member-bottom p.member-role {
    transform: translate3d(0px, 0px, 0px);	
}
/* Social Links */
.social-links {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	transition: all 0.5s ease 0s;
}
.social-links > li {
    display: inline-block;
    padding: 0 3px;
}
.social-links > li > a {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 50%;
	color: #353535;
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	width: 40px;
}
.social-links > li > a:hover{
	color:#8EC448;
}
.social-links > li > a.facebook:hover{
	color:#3B5998;	
}
.social-links > li > a.twitter:hover{
	color:#1da1f2;	
}
.social-links > li > a.googleplus:hover{
	color:#B31315;	
}
.social-links > li > a.behance:hover{
	color:#0896CD;	
}
.social-links > li > a.instagram:hover{
	color:#A16A4A;	
}
.social-links > li > a.youtube:hover{
	color:#D92624;	
}
.social-links > li > a.pinterest:hover{
	color:#BD2125;	
}
.social-links > li > a.skype:hover{
	color:#62B1F6;	
}
.social-links > li > a.dribbble:hover{
	color:#EB4095;	
}
.social-links > li > a.rss:hover{
	color:#FFA500;	
}
.social-links > li > a.vimeo:hover{
	color:#17AEE1;	
}
.social-links > li > a.github:hover{
	color:#808080;	
}
.social-links > li > a.tumblr:hover{
	color:#A6D785;	
}
.team-member .social-links > li > a{
	color:#fff;
}
.team-member ul.social-links {
	opacity: 0;
	visibility:hidden;	
	transform: scaleY(0);
	transform-origin: center center 0;
	visibility: hidden;
}
.team-member:hover ul.social-links{
    opacity:1;
    visibility:visible;
	transform: scaleY(1);
}
.member-bottom {
	bottom: 25px;
	color: #fff;
	position: absolute;
	width: 100%;
}
/*-----------------------------------------
    4.6 Happy Clients Area
------------------------------------------*/
.clients-area {
	background: rgba(0, 0, 0, 0) url("img/clients/bg.jpg") no-repeat scroll center center;
	margin: 0;
	position: relative;
}
.clients-area-parallax {
	background: rgba(0, 0, 0, 0) url("img/clients/bg.jpg") repeat scroll 0 0;
	position: relative;
	background-attachment:fixed;
}
.clients-area .section-title{
    margin-bottom: 60px;
}
/* client Content */
.single-client {
	margin: 0 0 46px;
	padding: 0;
	position: relative;
}
.client-pic {
	border-radius: 50%;
	display: block;
	float: left;
	height: 150px;
	margin: auto;
	overflow: hidden;
	padding: 0;
	width: 145px;
	left: 0;
	margin-top: -75px;
	position: absolute;
	top: 50%;
}
.client-pic > img {
	border: 2px solid #fff;
	border-radius: 50%;
	display: block;
	outline: medium none;
	padding: 5px;
	width: 100%;
}
.client-content {
	padding-left: 190px;
	position: relative;
}
.client {
	background: #f7f7f7 none repeat scroll 0 0;
	padding: 62px 26px 25px;
	position: relative;
}
.client::before {
	border-bottom: 20px solid transparent;
	border-radius: 0 0 0 5px;
	border-right: 30px solid #f7f7f7;
	border-top: 20px solid transparent;
	content: "";
	height: 0;
	margin-top: -15px;
	position: absolute;
	right: 100%;
	top: 50%;
	width: 0;
}
.client-info {
	display: block;
	margin-bottom: 30px;
}
.client-info > h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.client-info > p {
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
}
.client-say > p {
	color: #000;
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
}
/* client Carousel  */
#clients-carousel div.col-md-6{
	width:100%;
}
.carousel-control-1 .owl-controls,
  .carousel-control-2 .owl-controls{
  line-height: 1;
  margin-top: 15px;
}
.carousel-control-1 .owl-controls .owl-page span,
 .carousel-control-2 .owl-controls .owl-page span {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #fff;
	margin: 0 7px;
	opacity: 1;
}
.carousel-control-1 .owl-controls .owl-page.active span,
 .carousel-control-1 .owl-controls.clickable .owl-page:hover span,
 .carousel-control-2 .owl-controls .owl-page.active span,
 .carousel-control-2 .owl-controls.clickable .owl-page:hover span {
	background-color: #8ec448;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius:50%;
}
/*-----------------------------------------
    4.7 Our Blog Area
-------------------------------------------*/
.blog-feed-area {
  background-color: #ffffff;
}
/* Default Overlay */
.have-overly {
	display: block;
	overflow: hidden;
	position: relative;
}
.have-overly > a {
	display: block;
	overflow: hidden;
	position: relative;
}
.have-overly > a:after{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	content:"";
	left: 0;
	height:100%;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 100%;
}
.overly-content {
	left: 0;
	margin-top: 20px;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;	
}
.have-overly:hover > a:after,
 .have-overly:hover .overly-content{
	visibility: visible;
	opacity: 1;
}
.single-blog-feed {
	display: block;
	margin-bottom: 40px;
	margin-top: 25px;
}
/* Blog Thumb Hover Effect */
.blog-thumb img {
	transform: scale(1);
	transition: all 0.75s ease 0s;
	width: 100%;
}
.blog-thumb:hover img{
	transform:  scale(1.2); 
}
.blog-thumb .overly-content {
    margin-top: 30%;
}
.blog-thumb ul.social-links li a{
	transform:  scale(0); 	  
	transition: all 0.3s ease 0s;
    color:#fff;
}
.blog-thumb ul.social-links li a:hover{
	background-color:#8ec448;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.single-blog-feed:hover .have-overly > a:after,
 .single-blog-feed:hover .have-overly .overly-content{
	visibility: visible;
	opacity: 1;	
}
.single-blog-feed:hover .blog-thumb ul.social-links li:nth-child(1) a {
	transition: all 0.3s ease 0s;
	transform:scale(1);
}
.single-blog-feed:hover .blog-thumb ul.social-links li:nth-child(2) a{
	transition: all 0.5s ease 0s;
	transform:scale(1);
}
.single-blog-feed:hover .blog-thumb ul.social-links li:nth-child(3) a{
	transition: all 0.8s ease 0s;
	transform:scale(1);	
}
/* Blog Meta */
.blog-meta {
  display: block;
  padding-top: 8px;
  text-align: left;
}
.blog-meta a, .blog-meta a i {
	color: #555;
}
.blog-meta a i {
    margin-right: 5px;
}
.blog-meta a:hover{
    color:#8ec448;
}
.blog-meta > p {
	font-size: 12px;
	font-weight: 700;
}
.blog-meta .date {
    float: right;
}
/* Blog Content */
.blog-content a {
    color: #353535;
}
.blog-content a:hover{
    color:#8ec448;	
}
.blog-post-heading {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 12px;
	text-transform: uppercase;
}
.blog-post-heading > a {
    color: #353535;
}
.readmore {
	font-family: raleway;
	font-size: 12px;
	font-weight: 700;
}
.readmore > i {
    margin-left: 5px;
}
/* Blog Feed Carousel */
#blog-feed-carousel .owl-item > div.col-md-6{
	width:100%
}
.carousel-control-2 .owl-controls .owl-page span {
	border: 1px solid #353535;
}
.carousel-control-2 .owl-controls .owl-page.active span,
 .carousel-control-1 .owl-controls.clickable .owl-page:hover span {
	background-color: #8ec448;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
/* Force blog layout jadi 3 kolom rapi */
.blog-page #blog-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.blog-page #blog-list .masonry-item {
  flex: 0 0 32%;
  max-width: 32%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/*-----------------------------------------
   4.8 Brand Area
-------------------------------------------*/
.partners-area{
    background-color: #ffffff;
}
.single-brand {
	border: 1px solid #ddd;
	height: 80px;
	line-height: 78px;
	margin-bottom: 20px;
	margin-top: 25px;
	text-align: center;
}
.single-brand > a {
    display: block;
}
/* Brand Logos Carousel */
#brand-logos-carousel div.col-md-3{
	width:100%;
}
.carousel-control-flat .owl-pagination {
	background: #dddddd none repeat scroll 0 0;
	border-radius: 5px;
	height: 10px;
	margin-left: 15px;
	margin-right: 16px;
}
.carousel-control-flat .owl-page {
	margin: 0 14px;
	width: 205px;
}
.carousel-control-flat .owl-controls .owl-page span {
	background: #dddddd none repeat scroll 0 0;
	border-radius: 0;
	display: block;
	height: 10px;
	margin: 5px 7px;
	opacity: 1;
	position: relative;
	top: -5px;
	width: 100%;
}
.carousel-control-flat .owl-controls .owl-page span {
    margin: 5px 0;
}
.carousel-control-flat .owl-controls .owl-page.active span,
 .carousel-control-flat .owl-controls.clickable .owl-page:hover span {
	background-color: #8ec448;
	border-radius: 5px;
}
.carousel-control-flat .owl-controls .owl-page:nth-child(1) {
    margin-left: 0;
}
.carousel-control-flat .owl-controls .owl-page:nth-last-child(1) {
    margin-right: 0;
} 

.brand-logos div.col-md-3{width:100%;}

/* Resturant Brand Logos */
.resturant .single-brand {
	border: none;
	background:#f1f1f1;
}
.brand-style-2 .single-brand:hover {
  box-shadow: 0px 0px 12.48px 0.52px rgba(0, 0, 0, 0.38);
}
/* Travel Brand Logos */
.brand-style-6 .single-brand {
	background: #f1f1f1 none repeat scroll 0 0;
	border:none;
}
.brand-style-6 .single-brand:hover{
    box-shadow: 0px 0px 12.48px 0.52px rgba(0, 0, 0, 0.38);	
}
/* Medical Brand Logos */
.brand-style-5 .single-brand{
	border:1px solid transparent;
}
.brand-style-5 .single-brand:hover{
    border:1px solid #0199ed;
}
.brand-style-4 .single-brand:hover {
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.38);
}
.brand-style-3 .single-brand:hover {
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}
/*-----------------------------------------
    4.9 Newslatter Area
-------------------------------------------*/
.newsletter-area {
    background: rgba(0, 0, 0, 0) url("img/signup/bg.jpg") no-repeat scroll 0 0;
}
.newsletter-area-parallax {
    background: rgba(0, 0, 0, 0) url("img/signup/bg.jpg") repeat scroll 0 0;
	background-attachment:fixed;
}
.subscribe-form {
    margin-top: 25px;
}
.subscribe-input {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #fff;
	height: 50px;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 65px);
}
.subscribe-submit {
	background:transparent;
	color:#fff;
	border-left:none;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	height: 50px;
	margin-left: -3px;
	width: 65px;
	line-height:48px;
	font-size:16px;
}
.subscribe-submit:hover {
    color: #8ec448;
}


/* ==============================================
   13. Product Details
================================================= */
.product-details-info {
	margin-bottom: 50px;
	padding: 0;
	width: 100%;
}
.product-details-info > h1 {
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
}
.product-colors {
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
}
.content-area .product-colors ul {
	list-style: outside none none;
	margin:0;
	padding:0;
}
.product-colors ul li {
	float: left;
	margin-right: 10px;
}
.product-colors ul li a {
	background: #353535 none repeat scroll 0 0;
	border-radius: 50%;
	display: block;
	height: 25px;
	position: relative;
	text-indent: -9999px;
	width: 25px;
}
.product-colors ul li.color-1 a{
    background:#0089fd;	
}
.product-colors ul li.color-2 a{
    background:#e8778f;	
}
.product-colors ul li.color-3 a{
    background:#578a4c;	
}
.product-colors ul li.color-4 a{
    background:#e78048;	
}
.product-colors ul li.color-5 a{
    background:#b87ce7;	
}
.prodcut-details-thumb {
    margin-bottom: 50px;
}
.details-thumb-big {
    margin-bottom: 30px;
}
.single-thumb {
    padding: 0 8px;
}
.single-thumb > img {
    width: 100%;
}
.details-thumb-small .slick-arrow {
	border: 1px solid #353535;
	border-radius: 50%;
	color:#353535;
	cursor:pointer;
	font-size: 20px;
	height: 30px;
	line-height: 28px;
	margin-top: -15px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 30px;
	z-index: 1;
}
.details-thumb-small .slick-arrow:hover{
	background:#b83932;
	border:1px solid #c83f38;
	color:#fff;
}
.details-thumb-small .arrow-next{
	right:-5px;
}
.details-thumb-small .arrow-prev{
	left:-5px;
}
.product-description-tab {
	margin: 0;
	overflow: hidden;
	width: 100%;
}
.description-tab-menu {
	display: block;
	margin-bottom: 30px;
	width: 100%;
}
.content-area .description-tab-menu ul{
	list-style:none;
	padding:0;
	margin:0;
}
.description-tab-menu ul li {
	border-right: 2px solid #353535;
	float: left;
	line-height: 1;
	margin-right: 20px;
	padding-right: 20px;
}
.description-tab-menu ul li:last-child {
	border-right:none;
}
.description-tab-menu ul li a {
	color: #353535;
	display: block;
	font-family: ralewayheavy;
	text-transform: uppercase;
}
.description-tab-menu ul li.active a,
 .description-tab-menu ul li a:hover{
	color:#b83932;
 }
/*==================================================== 
  14. Contact Us
===================================================== */
.site-content{
	background-color:#ffffff;
	overflow:hidden;
	display:block;
}
.contact-us {
	display: block;
	overflow: hidden;
}
.contact-us h5.entry-title{
	font-weight:700;
}
.contact-us-form .btn{
	margin-left: 0;
	margin-top: 0;
	text-transform: none;
}
.contact-us-form .single-field{
	margin-bottom:30px;
}
.contact-us .widget-contact li{
    padding: 7px 0;
}
.contact-us .widget-contact a{
	color:inherit;
}
/* Corporate Contact */
.corporate .contact-us .widget-contact i{
	color:#8ec448;
}
/*=========================================
   15. Blog Page
 ========================================== */
.single-post {
    margin-bottom: 55px;
}
.post-thumbnail {
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
 .post-thumbnail img {
	height: auto;
	width: 100%;
	transform: scale(1);
	transition: all 0.75s ease 0s;  
}
.post-thumbnail:hover img{
    transform: scale(1.1);	 
 }
.single-post  .overly-content {
	margin-top: -20px;
	top: 50%;
}
.post-thumbnail ul.social-links li a {
	transform: scale(0);
	transition: all 0.3s ease 0s;
	color:#fff;
}
.post-thumbnail ul.social-links li a:hover{
	background-color:#8ec448;
	border:1px solid rgba(0, 0, 0, 0.1);
	color:#ffffff;
}
.single-post:hover .post-thumbnail ul.social-links li:nth-child(1) a {
    transform: scale(1);
}
.single-post:hover .post-thumbnail ul.social-links li:nth-child(2) a {
	transform: scale(1);
	transition: all 0.5s ease 0s;
}
.single-post:hover .post-thumbnail ul.social-links li:nth-child(3) a {
	transform: scale(1);
	transition: all 0.7s ease 0s;
}
.single-post:hover .overly-content,
 .single-post:hover .have-overly > a::after{
	visibility:visible;
	opacity:1;
 }
.post-meta {
	display: block;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0;
}
.post-meta > p {
	display: block;
	margin: 0;
	overflow: hidden;
}
.post-meta a {
	color: #555555;
	font-size: 12px;
	font-weight: 700;
}
.post-meta a:hover{
	color:#8ec448;
}
.post-meta a i {
    margin-right: 5px;
}
.entry-header {
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.entry-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 15px;
}
.entry-title a:hover{
	color:#8ec448;		
}
.single-post .readmore {
    color:#353535;
}
.single-post .readmore:hover {
	color:#8ec448;	
}
.entry-content {
	margin: 0;
	padding: 0;
}
.single-post .entry-content p{
	margin: 0 0 15px;	
}
.single-post .readmore {
	font-family: raleway;
	font-size: 12px;
	font-weight: 600;
}
/* Blog Post Carousel */
.post-carousel{
	display:block;
	width:100%;
	overflow:hidden;
}
.post-carousel .post-thumbnail{
	width:100%;
}
.post-carousel:hover .post-thumbnail:hover  img{
	transform: scale(1);
}
.post-carousel .owl-controls .owl-buttons div {
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	border: 1px solid #e3e3e3;
	border-radius: 0;
	color: #353535;
	font-size: 28px;
	height: 40px;
	line-height: 38px;
	margin-top: -20px;
	opacity: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 40px;
}
.single-post:hover .post-carousel .owl-controls .owl-buttons div {
	opacity:1;
	visibility:visible;
}
.post-carousel .owl-controls .owl-buttons div.owl-prev {
    left: -45px;
}
.post-carousel .owl-controls .owl-buttons div.owl-next {
    right: -45px;
}
.single-post:hover .post-carousel .owl-controls .owl-buttons div.owl-prev{
	left: -10px;
}
.single-post:hover .post-carousel .owl-controls .owl-buttons div.owl-next{
    right: -10px;
}
.post-carousel .owl-controls .owl-buttons div:hover{
	background:#fff;
}
.single-post iframe {
	border: medium none;
	width: 100%;
}
/* Blog Version 2 */
.post-style-2 .post-thumbnail{
	margin: 0;
	padding: 0;
	position: relative;	
}
.post-style-2 .post-thumbnail > a {
	display: block;
	position: relative;
}
.post-style-2 .post-thumbnail > a::before {
	background-color:#8ec448 ;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 2;
}
.post-style-2:hover .post-thumbnail > a::before {
	opacity: 0.5;	
	visibility: visible;	
}
.post-style-2 .post-thumbnail img {
	display: block;
	height: auto;
	width: 100%;
}
.post-style-2 .post-thumbnail:hover img {
  transform: scale(1);
}
.post-style-2 .post-meta {
	background-color: #8ec448;
	color: #fff;
	display: block;
	margin-bottom: 20px;
	padding: 0 20px;
}
.post-style-2 .post-meta > p {
	font-family: raleway;
	font-size: 13px;
	margin-bottom: 0;
	text-align: center;
}
.post-style-2 .post-meta > p a{
	color:#fff;
	font-weight:500;
}
.post-style-2 .post-meta span {
    margin: 0 10px;
}
.post-style-2 .entry-title a:hover {
	color:#8ec448;
}
.post-style-2 .readmore {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #353535;
	display: inline-block;
	font-family: raleway;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	margin-left: 1px;
	padding: 1px 12px;
}
.post-style-2 .readmore:hover {
	background-color: #8ec448;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #fff !important;
}
.post-style-2 .owl-theme .owl-controls {
    margin-top: 0;
}
.post-style-2 .post-carousel .owl-controls .owl-buttons div:hover{
	background-color:#8ec448;
	border:1px solid rgba(0, 0, 0, 0.1);
	color:#fff;
}
/* Medical Blog */
.medical .post-style-2 .post-thumbnail > a::before {
	background-color:#0199ed;
}
.medical .post-style-2 .post-meta {
    background-color: #0199ed;
}
.medical .post-style-2 .readmore:hover {
	background-color: #0199ed;
}
.medical .post-style-2 .post-carousel .owl-controls .owl-buttons div:hover{
	background-color:#0199ed;
}
.medical .widget ul li a:hover, .medical .widget ul li:hover::before{
	color:#0199ed;		
}
.medical .widget ul.tags-cloud-list li a:hover {
	background-color:#0199ed;
}
.tabs.tabs-tertiary .nav-tabs li.active a,
.tabs.tabs-tertiary .nav-tabs li a:hover {
	border-top-color: #0199ed;
	color: #0199ed;
}
.medical .single-blog .post-thumbnail {
    margin: 0;
}
/* Blog Widgets */
.widget-search{
	position:relative;
}
.widget-search::after {
	color: #909090;
	content: "\edef";
	font-family:icofont;
	font-size: 15px;
	position: absolute;
	right: 15px;
	top: 8px;
}
.widget-search-field {
	border:1px solid #ddd;
	border-radius:2px;  
	height: 40px;
	line-height: 40px;
	padding: 0 40px 0 10px;
	width: 100%;
}
.tags-cloud-list {
	float: left;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.widget ul.tags-cloud-list li {
	float: left;
	padding-left:0;
}
.widget ul.tags-cloud-list li:before {
	display:none;
}
.widget ul.tags-cloud-list li a {
	background: #f1f1f1 none repeat scroll 0 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	float: left;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 5px 10px;
	position: relative;
	text-transform: uppercase;
}
.widget ul.tags-cloud-list li a:hover {
	background-color:#8ec448;
	color:#fff !important;
}
/* Widget Tabs */
.widget-tabs .nav-tabs li {
	display: inline-block;
	margin-bottom: -1px;
	padding-left: 0;
}
.widget-tabs .nav-tabs li a{
	display:block;
	padding:10px 15px;
}

.widget .widget-blog li{
	padding-left:0;
	margin-bottom:5px;
}
.widget .widget-blog li:before{
	display:none;
}
/*==========================================
   16. Blog Single
=========================================== */
.single-blog .entry-title {
	line-height: 28px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.single-blog .post-thumbnail,
 .single-blog .post-meta {
    margin: 0 0 25px;
}
.content-area ul{
    list-style: inside none circle;
}
.content-area ol {
	list-style: inside none decimal;
	padding-left:0;
}
.content-area ul li,
.content-area ol li{
	position:relative;
}
/* comments */
.comments-container {
	padding: 30px 0 50px;
	width: 100%;
}
.comments-container h2,
 .comment-form-area h2 {
	font-size: 16px;
	font-weight:700;
	line-height:16px;
	margin-bottom: 50px;
	text-transform: uppercase;
}
.comments-list {
	margin-top: 30px;
	position: relative;
}
.comments-list::before {
	background: #c7cacb none repeat scroll 0 0;
	content: "";
	height: 96%;
	left: 49px;
	position: absolute;
	top: 0;
	width: 2px;
}
.reply-list:before{
	display: none;
}
.reply-list li::before {
	background: #c7cacb none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: -88px;
	position: absolute;
	top: 39px;
	width: 88px;
}
.comments-list li {
	display: block;
	margin-bottom: 50px;
	position: relative;
}
.comments-list li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	width: 0;
}
.reply-list {
	clear: both;
	margin-top: 35px;
	padding-left: 138px;
}
.comments-list .comment-avatar {
	border: 5px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	float: left;
	height: 100px;
	overflow: hidden;
	position: relative;
	width: 100px;
	z-index: 2;
}
.comments-list .comment-avatar img {
	height: 100%;
	width: 100%;
}
.reply-list .comment-avatar {
	height: 80px;
	width: 80px;
}
.comment-main-level::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	width: 0;
}
.comments-list .comment-box {
	border: 1px solid #e5e5e5;
	float: right;
	position: relative;
	width: 84%;
}
.comments-list .comment-box:before,
 .comments-list .comment-box:after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	border-width: 10px 12px 10px 0;
	border-style: solid;
	border-color: transparent #f1f1f1;
	top: 8px;
	left: -11px;
}
.comments-list .comment-box::before {
	border-color: transparent #ddd;
	border-width: 11px 11px 9px 0;
	left: -12px;
}
.reply-list .comment-box {
    width: 85%;
}
.comment-box .comment-head {
	background: #f1f1f1;
	padding: 10px 12px;
	border-bottom: 1px solid #ddd ;
	overflow: hidden;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.comment-box .comment-head i {
	float: right;
	margin-left: 14px;
	position: relative;
	top: 2px;
	color: #A6A6A6;
	cursor: pointer;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.comment-box .comment-head i:hover {
    color: #8ec448;
}
.comment-box .comment-name {
	color: #555;
	display: inline-block;
	float: left;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	margin-right: 10px;
}
.comment-box .comment-head span {
	color: #999;
	float: left;
	font-size: 12px;
	line-height: 16px;
	position: relative;
}
.comment-box .comment-content {
	padding: 12px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

/*=======================
    19. Scroll UP 
=========================*/
#scrollUp {
	background: #201719 none repeat scroll 0 0;
	bottom: 75px;
	color: #fff;
	font-size: 32px;
	height: 38px;
	line-height: 36px;
	right: 8px;
	text-align: center;
	width: 38px;
}
#scrollUp:hover{
	opacity:0.8;
}


/*========================================
    ***End***
==========================================*/
/* Background Patterns */
.pattern-1 {
    background-image: url("img/customizer/pattern/1.png");
}
.pattern-2 {
    background-image: url("img/customizer/pattern/2.png");
	
}
.pattern-3 {
    background-image: url("img/customizer/pattern/3.png");	
}
.pattern-4 {
    background-image: url("img/customizer/pattern/4.png");
}
.pattern-5 {
    background-image: url("img/customizer/pattern/5.png");
}
.pattern-6 {
    background-image: url("img/customizer/pattern/6.png");
}
.pattern-7 {
    background-image: url("img/customizer/pattern/7.png");
}
.pattern-8 {
    background-image: url("img/customizer/pattern/8.png");
}
/* Background Images */
.main-bg-1,.main-bg-2,.main-bg-3,.main-bg-4,.main-bg-5,.main-bg-6,.main-bg-7,.main-bg-8 {
    background-image: url("img/customizer/bodybg/01.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    position: relative;
}
.main-bg-2 {
    background-image: url("img/customizer/bodybg/02.jpg");
}
.main-bg-3 {
    background-image: url("img/customizer/bodybg/03.jpg");
}
.main-bg-4 {
    background-image: url("img/customizer/bodybg/04.jpg");
}
.main-bg-5 {
    background-image: url("img/customizer/bodybg/05.jpg");
}
.main-bg-6 {
    background-image: url("img/customizer/bodybg/06.jpg");
}
.main-bg-7 {
    background-image: url("img/customizer/bodybg/07.jpg");
}
.main-bg-8 {
    background-image: url("img/customizer/bodybg/08.jpg");
}
/* Box Layout */
.wrapper.boxed-layout {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  margin: auto;
  width: 1240px;
}