:root {
	--leoblog-color-1: #eee;
	--leoblog-color-1-rgb: 238, 238, 238;
	--leoblog-color-2: #fff;
	--leoblog-color-2-rgb: 255, 255, 255;
	--leoblog-color-3: #333;
	--leoblog-color-3-rgb: 51, 51, 51;
	--leoblog-color-4: #666;
	--leoblog-color-4-rgb: 102, 102, 102;
	--leoblog-color-5: #999;
	--leoblog-color-5-rgb: 153, 153, 153;
	--leoblog-color-6: #000;
	--leoblog-color-6-rgb: 0, 0, 0;
	--leoblog-color-7: #f9f9f9;
	--leoblog-color-7-rgb: 249, 249, 249;
	--leoblog-color-8: #444;
	--leoblog-color-8-rgb: 68, 68, 68;
	--leoblog-color-9: #888;
	--leoblog-color-9-rgb: 136, 136, 136;
	--leoblog-color-10: #DDD;
	--leoblog-color-10-rgb: 221, 221, 221;
	--leoblog-color-11: #FFFFFF;
	--leoblog-color-11-rgb: 255, 255, 255;
	--leoblog-color-12: #f8991d;
	--leoblog-color-12-rgb: 248, 153, 29;
}
.blogs-container .childrens {padding: 20px 0;}
.blogs-container .product-count {margin-bottom: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;text-align: center;}
.blogs-container .pagination .material-icons {font-size: 15px;vertical-align: -3px;}
.blogs-container .blog-image img {max-width: 100%;}
.blog-detail .blog-image {text-align: center;}
.leo-block-sidebar .list-item {position: relative;display: flex;flex-wrap: wrap;padding: 0 0 15px;margin: 0 0 15px;border-bottom: 1px solid var(--leoblog-color-1);}
.leo-block-sidebar .list-item:last-child {border-bottom: 0;padding: 0;margin: 0;}
.leo-block-sidebar .list-item .blog-content {width: calc(100% - 120px);min-width: 60%;}
.leo-block-sidebar .list-item .post-name a {padding: 0;line-height: 18px;max-height: 36px;overflow: hidden;margin: 0 0 5px;}
.leo-block-sidebar .list-item .blog-image {width: 120px;padding: 0 15px 0 0;max-width: 40%;}
.leo-block-sidebar .list-item .blog-image a {display: block;position: relative;overflow: hidden;}
.leo-block-sidebar .list-item .blog-image a img {transition: all 1s;}
.leo-block-sidebar .list-item .blog-image a:before {content: "\f002";font-family: "FontAwesome";position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 30px;margin: -25px 0 0 -25px;transition: all .4s;transform: scale(0);z-index: 2;color: var(--leoblog-color-2);}
.leo-block-sidebar .list-item .blog-image a:hover:before {transform: scale(1);}
.leo-block-sidebar .list-item .blog-image a:hover img {transform: scale(1.1);filter: brightness(0.5);}
.blog-item {padding: 0 0 100px;margin: 0 0 20px;position: relative;}
.blog-item .blog-image-container {display: flex;flex-direction: column-reverse;}
.blog-item .share_button {order: 1;}
@media (min-width: 992px)  {
.blog-item .share_button {position: absolute;right: 0;bottom: 25px;z-index: 2;}
}
.blog-item .title {margin: 0 0 10px;font-size: 18px;font-weight: 500;order: 3;}
.blog-item .title a {line-height: 24px;color: var(--leoblog-color-3);display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 90%;}
.blog-item .title a:hover {color: var(--leoblog-color-4);}
.blog-item .blog-info p {margin: 0;}
.blog-item .leading-blog {display: flex;flex-wrap: wrap;}
.blog-item .leading-blog .row, .blog-item .secondary-blog .row {display: flex;flex-wrap: wrap;}
.blog-item .blog-image {margin-bottom: 15px;order: 4;}
.blog-item .blog-image a {display: block;position: relative;overflow: hidden;}
.blog-item .blog-image a img {transition: all 1s;}
.blog-item .blog-image a:before {content: "\f002";font-family: "FontAwesome";position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 40px;margin: -25px 0 0 -25px;transition: all .4s;transform: scale(0);z-index: 2;color: var(--leoblog-color-2);}
.blog-item .blog-image a:hover:before {transform: scale(1);}
.blog-item .blog-image a:hover img {transform: scale(1.1);filter: brightness(0.5);}
.blog-item .blog-meta {color: var(--leoblog-color-5);margin-bottom: 10px;font-size: 10px;text-transform: uppercase;order: 2;}
.blog-item .blog-meta > span {margin: 0 10px 0 0;}
.rtl .blog-item .blog-meta > span {margin: 0 0 0 10px;}
.blog-item .blog-meta a {color: var(--leoblog-color-5);}
.blog-item .blog-meta a:hover {color: var(--leoblog-color-6);}
.blog-item .blog-meta i {font-size: 16px;vertical-align: -3px;margin: 0 5px 0 0;}
.rtl .blog-item .blog-meta i {margin: 0 0 0 5px;}
.blog-item .blog-meta i.icon-font {font-size: 12px;vertical-align: 0;}
.blog-item .blog-meta .blog-created {position: absolute;bottom: 10px;left: 0;right: 0;text-align: left;border-top: 1px solid var(--leoblog-color-1);line-height: 14px;padding: 20px 20px 20px 70px;color: var(--leoblog-color-5);letter-spacing: 1px;margin: 0;}
.blog-item .blog-meta .blog-created i, .blog-item .blog-meta .blog-created i + span {display: none;}
.blog-item .blog-meta .blog-created time.date span {display: block;}
.blog-item .blog-meta .blog-created time.date .b-date {display: none;}
.blog-item .blog-meta .blog-created time.date .b-day {position: absolute;font-size: 30px;font-weight: bold;left: 0;top: 20px;padding: 0 10px;min-width: 60px;border-right: 1px solid var(--leoblog-color-1);line-height: 28px;text-align: right;}
.blog-item .blog-shortinfo {margin-bottom: 0;padding: 0 0 10px;}
.blog-item .more {border: 0;background: none;color: var(--leoblog-color-3) !important;font-size: 12px;padding: 5px 0;background: none !important;}
.blog-item .more:hover {color: var(--leoblog-color-6) !important;}
.blog-detail {line-height: 24px;}
.blog-detail .blog-title {margin: 20px 0 10px;line-height: 1.5;}
.blog-detail .blog-description {padding: 30px;margin: 0 0 30px;}
.blog-detail .product-count {margin-bottom: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;text-align: center;}
.blog-detail .blog-meta {margin-bottom: 20px;font-size: 12px;}
.blog-detail .blog-meta a {color: var(--leoblog-color-5);}
.blog-detail .blog-meta a:hover {color: var(--leoblog-color-6);}
.blog-detail .blog-meta > span {color: var(--leoblog-color-5);font-size: 12px;margin: 5px;display: inline-block;vertical-align: top;}
.blog-detail .blog-meta > span > span {display: none;}
.blog-detail .blog-meta > span .material-icons {font-size: 15px;vertical-align: -2px;}
@media (min-width: 576px)  {
.blog-detail .blog-tags, .blog-detail .social-share {display: inline-block;}
}
.social-wrap:after {content: "";display: block;clear: both;}
.extra-blogs h4 {margin: 20px 0;}
#blog-category > .inner > h3 {font-size: 13px;color: var(--leoblog-color-8);margin: 20px 0;font-weight: 500;text-transform: capitalize;}
.fb_iframe_widget iframe {left: 0;right: 0;top: 0;}
.blog-tags, .extra-blogs, .blog-comments, .social-share, .blog-comment-block {margin-bottom: 20px;}
.blog-comment-block {margin-top: 50px;padding-top: 50px;border-top: 2px solid var(--leoblog-color-6);}
#blog-localengine {max-width: 600px;margin: auto;}
#blog-localengine h3 {text-align: center;font-size: 16px;}
#blog-localengine h3:before {content: "xxx";margin: 0 35px 0 0;color: var(--leoblog-color-9);font-size: 10px;vertical-align: middle;font-family: "Poppins", sans-serif;text-transform: none;}
.rtl #blog-localengine h3:before {margin: 0 0 0 35px;}
#blog-localengine h3:after {content: "xxx";margin: 0 0 0 35px;color: var(--leoblog-color-9);font-size: 10px;vertical-align: middle;font-family: "Poppins", sans-serif;text-transform: none;}
.rtl #blog-localengine h3:after {margin: 0 35px 0 0;}
@media (min-width: 576px)  {
.blog-tags {float: right;}
.rtl .blog-tags {float: left;}
}
.blog-tags a span {line-height: 1;padding: 5px 5px;margin: 0 2px;display: inline-block;font-size: 12px;text-transform: capitalize;background: var(--leoblog-color-1);border-radius: 3px;}
.blog-tags a:hover span {background: var(--leoblog-color-6);color: var(--leoblog-color-2);}
.extra-blogs ul li {border-bottom: dotted 1px var(--leoblog-color-1);}
.extra-blogs ul li a {padding: 10px 0;display: block;}
.blog-video-code .inner {background: var(--leoblog-color-10);padding: 12px;margin-bottom: 15px;text-align: center;}
.blog-video-code .inner iframe {max-width: 100%;}
.comment-item {padding: 12px 0;}
.comment-item img {padding: 0 12px 0 0;float: left;}
.rtl .comment-item img {padding: 0 0 0 12px;}
.rtl .comment-item img {float: right;}
.extra-blogs {clear: both;}
.comment-wrap {overflow: hidden;background: var(--leoblog-color-11);border: 1px solid var(--leoblog-color-1);padding: 20px;position: relative;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.comment-wrap .comment-meta {border-bottom: 1px solid var(--leoblog-color-1);font-size: 11px;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;box-pack: justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content: space-between;-ms-flex-pack: justify;-webkit-box-align: center;-moz-box-align: center;box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;-ms-flex-align: center;padding-bottom: 10px;margin-bottom: 12px;}
.comment-wrap .comment-infor > span {font-weight: 600;margin-right: 5px;}
.rtl .comment-wrap .comment-infor > span {margin-left: 5px;margin-right: inherit;}
.comment-wrap .comment-infor > span > span {font-weight: normal;white-space: inherit;}
.comment-link {display: block;}
.social-share .social-wrap > div {float: left;margin-right: 10px;}
.rtl .social-share .social-wrap > div {float: right;}
.rtl .social-share .social-wrap > div {margin-left: 10px;margin-right: inherit;}
.social-share .social-heading {padding-right: 12px;}
.rtl .social-share .social-heading {padding-left: 12px;padding-right: inherit;}
.ipts-captcha img {float: left;padding-right: 12px;margin-bottom: 10px;}
.rtl .ipts-captcha img {float: right;}
.rtl .ipts-captcha img {padding-left: 12px;padding-right: inherit;}
.ipts-captcha input {width: 100px;height: 35px;}
.blog-comment-block .fb-comments {margin: 0 -8px;}
#blog-localengine .comments {margin-bottom: 30px;}
#blog-localengine .btn-submit-comment {min-width: 110px;}
#blog-localengine .form-horizontal {margin-bottom: 30px;background: white;padding: 20px;}
#blog-localengine .form-horizontal .col-lg-3 {display: none;}
#blog-localengine .form-horizontal .col-lg-9 {width: 100%;}
#blog-localengine .form-horizontal > .form-group:last-child {position: relative;}
#blog-localengine .form-horizontal > .form-group:last-child > div {width: 100%;text-align: center;}
#blog-localengine .form-horizontal label {display: block;margin-bottom: 0;padding-top: 7px;}
#blog-localengine .form-horizontal .form-group:last-child {margin-bottom: 0;}
.leoblog-cssload-container {width: 100%;height: 35px;text-align: center;display: none;}
.blog-menu li {position: relative;}
.blog-menu ul {margin: 0px;}
.blog-menu ul > li > a {font-weight: 400;width: 100%;display: inline-block;margin: 0;padding: 10px 0;}
.blog-menu ul > li li a {font-size: 13px;}
.blog-menu .collapse-icons {position: absolute;top: 5px;padding: 0;cursor: pointer;width: 30px;height: 30px;line-height: 30px;text-align: center;right: 0;border: 0;}
.blog-menu .collapse-icons .material-icons {font-size: 16px;vertical-align: 0;}
.blog-menu .collapse-icons[aria-expanded="true"] .add {display: none;}
.blog-menu .collapse-icons[aria-expanded="true"] .remove {display: inline-block;}
.blog-menu .collapse-icons .add, .blog-menu .collapse-icons .remove {color: var(--leoblog-color-6);}
.blog-menu .collapse-icons .add:hover, .blog-menu .collapse-icons .remove:hover {color: var(--leoblog-color-6);}
.blog-menu .collapse-icons .remove {display: none;}
.blog-lastest-rss {float: right !important;position: relative;top: -35px;}
.blog-lastest-rss a {color: var(--leoblog-color-12);}
.blog-lastest-rss a:before {content: "\f09e";font-family: "FontAwesome";font-size: 30px;margin-right: 5px;}
.rtl .blog-lastest-rss a:before {margin-left: 5px;margin-right: inherit;}
.blog-lastest-rss a:hover {color: var(--leoblog-color-6);}
@media (min-width: 576px)  {
.comment-link {font-family: 'Poppins', sans-serif;}
.blogs-container .product-count, .blog-detail .product-count {text-align: right;margin-top: 1rem;}
.rtl .blogs-container .product-count, .rtl
	.blog-detail .product-count {text-align: left;}
}
@media (max-width: 767px)  {
#blog-localengine .form-horizontal label {text-align: left;}
.rtl #blog-localengine .form-horizontal label {text-align: right;}
.blog-detail .pagination, .blogs-container .pagination {text-align: center;}
.blog-detail .page-item, .blogs-container .page-item {display: inline-block;}
.blog-video-code iframe {width: 100%;}
}
@media (max-width: 575px)  {
.comment-wrap .comment-meta {display: inline-block;}
.comment-wrap .comment-meta > span {display: inline-block;margin: 5px 0;width: 100%;float: left;}
.rtl .comment-wrap .comment-meta > span {float: right;}
}
#blog-listing > h1 {margin-bottom: 30px;}
#blog-listing > h1 span {color: var(--leoblog-color-6);}
.share_button {display: flex;flex-wrap: wrap;align-items: center;margin: 10px 0;font-size: 12px;color: var(--leoblog-color-5);}
.share_button ul {display: flex;flex-wrap: wrap;}
.share_button li a {display: inline-block;vertical-align: top;padding: 0 10px;margin: 0 0 0 10px;background: var(--leoblog-color-1);border-radius: 3px;color: var(--leoblog-color-5);}
.share_button li a:before {content: "\f39e";margin: 0 2px 0 0;font-family: "FontAwesome";}
.share_button li.facebook a:before {content: "\f09a";}
.share_button li.twitter a:before {content: "\f099";}
.share_button li a:hover {background: var(--leoblog-color-6);color: var(--leoblog-color-2);}
.share_button i.fa.fa-share-alt {margin: 0 5px 0 0;}
#blog-category h4 {font-size: 1.2em;margin: 0;}
#blog-category h4 a {color: inherit;display: block;padding: 15px 0;}
#blog-category .childrens .row {display: flex;flex-wrap: wrap;}
#blog-category .childrens .col-lg-3 {min-width: 33.33%;margin: 0 0 30px;}