/*!
Theme Name: Exbico Pro
Theme URI: https://sitebland.com/product/exbico-pro/
Author: sitebland
Author URI: https://sitebland.com
Description: Exbico is the new & Modern Business and Agency WordPress Theme. It's compatible with any kind of business, consulting, corporate, marketing & blog websites.
Version: 1.0
Tested up to: 5.7
Requires at least: 4.0
Requires PHP: 5.6
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License v2 or later
Text Domain: exbico-pro

Tags: grid-layout, blog, news, two-columns, custom-background, custom-logo, custom-menu, featured-images, footer-widgets,  sticky-post, theme-options, threaded-comments, accessibility-ready, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

exbico is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> CSS TABLE OF CONTENTS:
----------------------------------------------------------------
# Header CSS
	# Topbar CSS
	# Logo CSS
	# Main Menu CSS
	# Search Form CSS
	# Sidebar Qucik CSS
# Blog CSS
	# Blog Archive
	# Blog Single
# Sidebar CSS
# Page CSS
	Archive Page
	Search Page
	404 Page CSS
	Content none CSS
# Preloader CSS
# BreadCrumbs CSS
# Pagination CSS
# Boxed Layout CSS
# WordPress Default CSS
# Footer CSS
--------------------------------------------------------------*/

/*======================================
	Topbar CSS
========================================*/ 
.topbar {
	padding: 10px 0px;
	background: #f9f9f9;
	border-bottom: 1px solid #eee;
}
.topbar .topbar-address {
	float: left;
	margin-top: 8px;
}
.topbar .topbar-address ul{}
.topbar .topbar-address ul li {
	display: inline-block;
	margin-right: 20px;
}
.topbar .topbar-address ul li:last-child{
	margin-right:0px;
}
.topbar .topbar-address ul li,
.topbar .topbar-address ul li a{
	color: #333;
	font-size: 13px;
}
.topbar .topbar-address ul li i {
	margin-right: 10px;
	font-size: 16px;
	color: #28B463;
}
.header-social-icons{
	float:right;
	margin-top:5px;
}
.header-social-icons li {
	display: inline-block;
	margin-right: 10px;
}
.header-social-icons li:last-child{
	margin:0;
}
.header-social-icons li a {
	color: #333;
}
/* Topbar Style 2 */
.topbar.style2 {
	background: transparent;
	padding: 0;
	margin: 0;
}
.topbar.style2 .top-inner {
	background: #26313C;
	box-shadow: 0px 0px 5px #000;
	padding: 12px;
	position: relative;
	bottom: -20px;
	z-index: 33333;
	margin-top: -20px;
}
.topbar.style2 .topbar-address ul li, 
.topbar.style2 .topbar-address ul li a{
	color:#fff;
}
.topbar.style2 .menu-right {
	position: relative;
	float: right;
	top: m;
	top: 0;
}
/*======================================
	End Topbar CSS
========================================*/ 

/*======================================
	Header CSS
========================================*/ 
.header {
	background: #fff;
	z-index: 2000;
	position: relative;
	box-shadow: 0 10px 10px #0000000a;
}
.header .header-inner-top{
	position:relative;
}  
.header .header-inner {
	z-index: 999999;
	width: 100%;
	padding: 20px 0;
	position:relative;
	transition: all 0.3s ease;
}
.logo {
	padding-top: 8px;
}
.logo a {
	display: inline-block;
}
.header .logo img {
	max-width: 100%;
}
.text-logo {
	font-size: 30px;
	margin-top:10px;
}
.text-logo a {
	color: #333;
	font-weight: 500;
}
.header .navbar {
    min-height: initial;
    padding: 0;
}
.header .main-menu {
	float: right;
	margin-right: 156px;
}
.header .nav-item .navigation {
	float: right;
}
.header .nav-item .navigation li {
	display: inline-block;
	margin-right: 15px;
	position: relative;
}
.header .nav-item .navigation li.active a {
	color: #28B463;
}
.header .navigation li:last-child{
	margin-right:0px;
}
.header .navigation li a {
	color: #555;
	font-size: 15px;
	display: inline-block;
	font-weight: 600;
	padding: 20px 0;
}
.header .navigation li a::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 0;
	height: 2px;
	background: #28B463;
	transition:all 0.3s ease;
}
.header .navigation li a:hover{
	color: #28B463;
}
.header .navigation li.active a:before,
.header .navigation li:hover a:before{
	opacity:1;
	visibility:visible;
	width:30%;
}
/* Dropdown Menu */
.header .nav-menu li .sub-menu {
	position: absolute;
	top: 100%;
	width: 220px;
	background: #fff;
	z-index: 5000;
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: translateY(50px);
	box-shadow: 1px 3px 5px #00000030;
	border-top: 2px solid #28B463;
	z-index: 333333;
}
.header .nav-menu li:hover .sub-menu{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.header .nav-menu li .sub-menu li {
	display: block;
	margin: 0;
	text-align: left;
	margin-bottom: 2px;
}
.header .nav-menu li .sub-menu li:last-child{
	margin:0;
}
.header .nav-item .nav-menu li .sub-menu li a {
	color: #555;
	display: block;
	padding: 6px 10px;
	font-size: 14px;
	border-radius: 0;
	font-weight: 400;
}
.header .nav-item .nav-menu li .sub-menu li a::before{
	display:none;
}
.header .nav-item .nav-menu li .sub-menu li a:hover {
    color: #fff;
    background: #28B463;
    padding: 6px 15px;
}
.header .nav-item .nav-menu li .sub-menu li a i {
    margin-left: 5px;
    color: #555;
    font-weight: 600;
}
.header .nav-menu li .sub-menu li .sub-menu {
	display: ;
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header .nav-menu li .sub-menu li:hover .sub-menu{
	opacity:1;
	visibility:visible;
}
.header .nav-item li.menu-item-has-children a::after {
	content: "\f107";
	position: relative;
	font-family: 'FontAwesome';
	padding-left: 6px;
}
.header .nav-item li .sub-menu a::after,
.header .nav-item li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu a::after,
.header .nav-item li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu a::after{
	display:none;
}
.header .nav-item li.menu-item-has-children .sub-menu li.menu-item-has-children a::after, .header .nav-item li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children a::after {
    display: inline-block;
    float: left;
    content: "\f100";
    padding: 0;
    margin-right: 8px;
}
.menu-right {
	position: absolute;
	right: 0;
	top: 10px;
}
.menu-right .theme-btn {
	padding: 9px 20px;
}
.main-menu-top{
	position:relative;
}
/*---- Header Sticky ----*/
.header.sticky .topbar{
	display:none;
}
.header.sticky {
    position: fixed;
    width: 100%;
    top: 0px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    box-shadow: chartreuse;
    z-index: 80000;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 15px rgb(0 0 0 / 17%);
    background: #fff;
    animation: fadeInDown 1s both 0.2s;
}
.header.sticky .header-inner {
	padding: 10px 0;
}

/* Style 2 */
.header.style2{
	padding-top: 10px;
}
.header.style2  .nav-inner {
	padding-right: 10px;
}
.header.style2 .header-social-icons {
	position: absolute;
	right: 0;
	top: 17px;
	margin: 0;
}
.header.style2 .header-social-icons li {
	display: inline-block;
	margin-right: 2px;
}
.header.style2 .header-social-icons li a {
	color: #26313C;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
}
.header.style2 .header-social-icons li a:hover{
	background:#28B463;
	color:#fff;
}
.topbar.style2 .theme-btn:hover{
	background:#fff;
	color:#28B463;
}
/*======================================
	End Header CSS
========================================*/  

/*======================================
	Blog Area CSS
========================================*/ 
.blog-area.b-archive{
	padding:0;
}
.blog-area.b-archive .single-blog{
	margin-top:30px;
}
.blog-area {
	padding: 100px 0;
}
.blog-slider{
	margin-top:30px;
}
.blog-area .single-blog {
	position: relative;
	overflow: hidden;
}
.single-blog::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: linear-gradient(-180deg, transparent, #000000cf 200%);
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.single-blog .blog-img{
	transition
}
.single-blog .blog-img img{
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	transition:all 0.8s ease;
}
.single-blog:hover .blog-img img{
	transform:scale(1.3);
}
.single-blog .blog-img .date {
	position: absolute;
	top: 25px;
	left: 25px;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	background: #28B463;
}
.single-blog .blog-body {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 25px;
	z-index: 9;
	background: #00000059;
}
.single-blog .blog-body h3 {
	border-bottom: 1px solid #ffffff4f;
	padding-bottom: 15px;
	line-height: 25px;
}
.single-blog .blog-body h3 a {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}
.single-blog .blog-body h3 a:hover{
	color:#28B463;
}
.single-blog .blog-meta {
	margin-top: 15px;
	overflow: hidden;
}
.single-blog .single-meta {
	display: flex;
	float: left;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #ffffff4f;
}
.single-blog .single-meta:last-child{
	margin:0;
	padding:0;
	border:none;
}
.single-blog .single-meta i {
	color: #fff;
	margin-right: 5px;
}
.single-blog .blog-meta img {
	border-radius: 100%;
	display: inline-block;
	width: auto;
	width: 30px;
	height: 30px;
	margin-right:5px;
}
.single-blog .blog-meta p {
	color: #fff;
	padding-top: 4px;
	font-weight: 500;
	font-size: 13px;
}
.single-blog .blog-meta p a {
	color: #fff;
}
.single-blog .blog-meta p a:hover{
	color:#28B463;
}
/* Blog Latest Slider */
.blog-area .owl-carousel .owl-nav{
	margin: 0;
    width: 100%;
}
.blog-area .owl-carousel .owl-nav div {
    width: 50px;
    height: 60px;
    line-height: 60px;
    background: #28B463;
    color: #fff;
    position: absolute;
    margin: 0;
    padding: inherit;
    font-size: 30px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 0px;
    top: 50%;
    margin-top: -30px;
	opacity:0;
	visibility:hidden;
}
.blog-area:hover .owl-carousel .owl-nav div{
	opacity:1;
	visibility:visible;
}
.blog-area .owl-carousel  .owl-nav div:hover{
	color:#fff;
	background:#26313C;
}
.blog-area .owl-carousel .owl-nav .owl-prev {
	left: -70px;
}
.blog-area .owl-carousel .owl-nav .owl-next{
	right:-70px;
}
/* Blog-Single */
.blog-single-post {
	padding: 70px 0px 100px;
	background: #f7f7f7;
}
.blog-single-post .single-area {
	background: #fff;
	padding: 30px;
	margin-top: 30px;
}
.blog-title-meta .blog-meta {
	margin-top: 15px;
}
.blog-title-meta .blog-meta span {
	margin-right: 15px;
	color: #666;
}
.blog-title-meta .blog-meta span:last-child{
	margin:0;
}
.blog-title-meta .blog-meta span i {
	margin-right: 5px;
	color: #28B463;
}
.blog-title-meta .blog-meta span a {
	color: #666;
}
.blog-title-meta h1 {
	margin-top: 10px;
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 38px;
}
.blog-single-post .single-content p {
	margin-bottom: 20px;
}
.blog-single-post .single-content p:last-child{
	margin:0;
}
.single-content blockquote {
	background: #26313C;
	padding: 30px;
	margin-bottom: 20px;
	margin: 30px 0;
}
.single-content blockquote i {
	text-align: center;
	display: block;
	font-size: 45px;
	color: #ffffff85;
	margin-bottom: 10px;
}
.single-content blockquote p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px;
}
.single-content blockquote span {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.blog-post-tag {
	margin-top: 40px;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.blog-post-tag .blog-share h5 {
	text-align: right;
}
.blog-post-tag .share-tag li {
	margin-top: 20px;
	display: inline-block;
	margin-right: 10px;
}
.blog-post-tag .share-tag li:last-child{
	margin:0;
}
.blog-post-tag .post-tag li a {
    color: #666;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 25px;
    background: #f5f5f5;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
.blog-post-tag .post-tag li a:hover{
	background:#28B463;
	color:#fff;
}
.blog-post-tag .blog-share {
	text-align: right;
}
.blog-post-tag .blog-share li a {
    width: 35px;
    height: 35px;
    color: #666;
    display: block;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    font-size: 15px;
    border: 1px solid #f5f5f5;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    background: #f5f5f5;
}
.blog-post-tag .blog-share li a:hover{
	background:#28B463;
	border: 1px solid transparent;
	color:#fff;
}
.prev-next-btn {
	margin-bottom: 40px;
}
.prev-next-btn ul {
	text-align: center;
}
.prev-next-btn ul li {
	display: inline-block;
	margin-right: 10px;
	background: #28B463;
	padding: 7px 15px;
	color: #fff;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	cursor: pointer;
}
.prev-next-btn li:last-child{
	margin:0;
}
.prev-next-btn li a {
	text-transform: capitalize;
	font-size: 15px;
	color: #fff;
}
.prev-next-btn li:hover{
	background:#26313C;
}
.prev-next-btn li.prev i {
	margin: 0px;
	margin-right: 10px;
}
.prev-next-btn li i {
	margin-left: 10px;
	font-size: 14px;
}
.post-author-box {
	background: #f7f7f7;
	padding: 30px;
	text-align: center;
	border: 1px solid #f5f5f5;
}
.post-author-box .author img {
	border-radius: 100%;
	border: 5px solid #28B463;
	padding: 4px;
	background: #fff;
}
.post-author-box .author-content {
	margin-top: 15px;
}
.post-author-box .author-content h3 {
	margin-bottom: 10px;
}
.post-author-box .author-social {
	background: #343F4A;
	padding: 8px 20px;
	border-radius: 20px;
	margin-top: 20px;
	display: inline-block;
}
.post-author-box .author-social li {
	display: inline-block;
	margin-right: 15px;
}
.post-author-box .author-social li:last-child{
	margin:0;
}
.post-author-box .author-social li a {
	color: #fff;
}
.post-author-box .author-social li a:hover{
	color:#28B463;
}
.blog-c-form .comments-title,.blog-c-form .bottom-title h2 {
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.comment-author.vcard img {
	display: ;
	border-radius: 100%;
	padding: 5px;
	border: 2px solid #28B463;
	width: 50px;
	height: 50px;
}
.comment-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.comments-area .comment-content p {
  margin: 0;
}
.comment-list li {
  margin-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 20px;
}
.comment-list li:last-child{
	margin:0;
	padding:0;
	border:none;
}
.comment-list li ol.children {
	display: ;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #f5f5f5;
}
.comment-author.vcard .fn{
	margin-left:5px;
}
.comment-author.vcard .fn a {
	font-size: 18px;
	color: #333;
	text-decoration: underline;
}
.comment-author.vcard .fn a:focus,
.comment-author.vcard .fn a:hover{
	color:#28B463;
}
.comment-metadata a {
	color: #555;
	text-decoration: underline;
}
.comment-metadata a:focus,
.comment-metadata a:hover{
	color:#28B463;
}
.comment-reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	font-size: 15px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	display: inline-block;
}
.comment-body .reply a {
	background: #343F4A;
	color: #fff;
	padding: 0px 10px;
	display: inline-block;
	border-radius: 50px;
	font-weight: 600;
	font-size: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	text-decoration: underline;
}
.comment-body .reply a:hover,
.comment-body .reply a:focus{
	background:#28B463;
	color:#fff;
}
.comment-metadata,.comment-content,.reply {
	margin-left: 58px;
}
.post-author-box .author-content {
	margin-top: 15px;
}
.post-author-box .author-content h3 {
	margin-bottom: 10px;
}
.comments-area,.comment-respond {
	margin-top: 30px;
}
.comments-title,.comment-reply-title {
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blog-comments {
	margin-top: 40px;
}
.blog-comments .single-comments {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #cccccca6;
}
.blog-comments .single-comments:last-child{
	margin:0;
	padding:0;
	border:none;
}
.single-comments .head {
	float: left;
}
.single-comments .head img {
	border-radius: 100%;
	padding: 5px;
	border: 2px solid #28B463;
	width: 80px;
	height: 80px;
}
.single-comments .body {
	margin-left: 100px;
}
.single-comments .body h4 {
	font-size: 18px;
	font-weight: 600;
}
.single-comments .body .meta {
	font-size: 13px;
	margin-left: 5px;
	color: #28B463;
	font-weight: 500;
}
.single-comments .body p {
	margin-top: 5px;
	line-height: 23px;
}
.single-comments .body .reply {
	background: #343F4A;
	color: #fff;
	padding: 0px 10px;
	display: inline-block;
	border-radius: 50px;
	margin-left: 5px;
	font-weight: 600;
	font-size: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}
.single-comments .body .reply:hover{
	background:#28B463;
	color:#fff;
}
.single-comments .body .reply a {
	color: #fff;
	margin-left: 5px;
}
.single-comments .comment-list {
	margin-left: 95px;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #cccccca6;
}
.comment-list .head img {
	border: 2px solid #28B463;
}
.single-comments .comment-list .meta{
	color:#28B463;
} 

/* Comments Form */
.blog-c-form .bottom-title h2 {
	margin: 0;
}
.blog-c-form {
	background: #fff;
	position: relative;
	padding: 30px;
	margin-top: 40px;
}
.blog-c-form form {
	margin-top: 30px;
}
.blog-c-form .form-group {
	position: relative;
	display: block;
	margin: 0 0 25px;
}
.blog-c-form label span {
	color: #28B463;
	font-weight: 600;
	position: relative;
	margin-right: 5px;
}
.blog-c-form .form-group input {
	width: 100%;
	height: 42px;
	padding-left: 10px;
	font-weight: 400;
	border-radius: 0px;	
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
}
.blog-c-form .form-group label {
	font-weight: 500;
}
.blog-c-form .form-group textarea {
    padding: 10px;
    width: 100%;
    padding-left: 10px;
    resize: none;
    box-shadow: none;
    border-radius: 0px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
}
.blog-c-form .form-group input:hover,
.blog-c-form .form-group textarea:hover{
	border-color:#28B463;
}
.blog-c-form .form-group input:hover,
.blog-c-form .form-group input:focus,
.blog-c-form .form-group textarea:hover{
	outline:none;
}
.blog-c-form .form-group.button {
	margin: 0;
}
.comment-form-wrap {
	margin-top: 20px;
}
/* Blog Sidebar */
.blog-sidebar {
	margin-top: 30px;
}
.widget {
	padding: 30px;
	margin-bottom: 50px;
	background: #fff;
	position: relative;
	box-shadow: 0px 0px 15px #00000024;
}
.widget::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 60px 60px 0;
	border-color: transparent #28B463 transparent transparent;
	right: 0;
	top: 0;
}
.widget .widget-title {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 40px;
	line-height: 1;
	position: relative;
	padding-bottom: 20px;
	border-bottom: 2px solid #e5dddd;
}
.widget .widget-title::before {
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 3px;
	width: 70px;
	background-color: #28B463;
	content: '';
}
.widget-search form {
	position: relative;
}
.widget-search form input {
	width: 100%;
	background-color: #f5f5f5;
	height: 50px;
	border: none;
	padding-left: 15px;
	padding-right: 60px;
	font-size: 14px;
}
.widget-search form button {
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 100%;
	z-index: 1;
	background-color: #28B463;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	color: #fff;
	cursor: pointer;
}
.widget-search form button:hover {
	background-color:#26313C;
	color: #fff;
}


/* Footer Post */
.widget-post {
	display: flex;
	margin-top: 20px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	display: -ms-grid;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 80px 1fr;
	grid-column-gap: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f5f5f5;
}
.widget-post:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.widget-post .post-img img {
	display: block;
	float: left;
	margin-right: 10px;
	border: 1px solid #ffffff3d;
	width: 100%;
	max-height: 76px;
	padding: 0;
}
.widget-post .post-content {
	padding-left: 5px;
}
.widget-post .post-content h4 {
	font-size: 14px;
}
.widget-post .post-content h4 a {
	color: #555;
	font-weight: 500;
	line-height: 20px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.widget-post .post-content h4:hover a{
	color:#28B463;
}
.widget-post .post-date {
	font-size: 14px;
	color: #888;
}
.widget-post .post-date i {
	margin-right: 5px;
	color: #28B463;
}

.categories-widget ul li:last-child {
  margin-bottom: 0;
}
.categories-widget ul li a {
	font-size: 14px;
	padding-left: 30px;
	background-color: #f5f5f5;
	display: block;
	position: relative;
	line-height: 50px;
	color: #555;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.categories-widget ul li a span {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #dbdbdb;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.categories-widget ul li a:hover {
  background-color: #28B463;
  color:#fff;
}

.categories-widget ul li a:hover span {
	background-color: #26313C;
	color: #fff;
}
.socail-widget ul li {
	font-size: 12px;
	position: relative; 
	display: inline-block;
	margin-right: 10px;
}
.socail-widget ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
	margin: 0;
}
.socail-widget ul li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #555;
    background-color: #f5f5f5;
    text-align: center;
    display: block;
}
.socail-widget ul li a:hover {
	background-color: #28B463;
	color:#fff;
}
.socail-widget ul li a {
	color: #041d38;
}
.popular-tag-widget ul {
	margin-left: -8px;
}
.popular-tag-widget .widget-title {
	margin-bottom: 32px;
}
.popular-tag-widget ul li {
	display: inline-block;
	margin-right: 8px;
	margin-top: 8px;
}
.popular-tag-widget ul li a {
    font-size: 12px;
    color: #555;
    padding: 10px 20px;
    background-color: #f5f5f5;
    display: block;
}
.popular-tag-widget ul li a:hover {
	background-color: #28B463;
	color:#fff;
}
/* Blog Archive */
.blog-area.archive {
	padding: 70px 0px 100px;
}
.blog-area.archive .single-blog {
	margin-top: 30px;
}
.blog-single {
	padding: 70px 0 100px;
	background: #f7f7f7;
}
/*======================================
	End Blog Area CSS
========================================*/ 

/*====================================
	Boxed Layout CSS
======================================*/
/* Boxed Layout CSS  */  
#page.boxed-layout {
	position: relative;
	max-width: 1280px;
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.boxed-bg{
	background-repeat: repeat;
	background-attachment: inherit;
	background-size: inherit;
}
#page.boxed-layout .header.sticky{
	max-width: 1280px;
	top: 0;
	left: auto;
	right: auto;
}
/*====================================
	End Boxed Layout CSS
======================================*/

/*---------------------------------------
# Pages CSS
-----------------------------------------*/
.exbico-internal-area.blog-area {
	padding: 70px 0 100px;
}
.exbico-internal-area.blog-area .single-blog{
	margin-top:30px;
}
.site-page .page-top {
	margin-top: 30px;
}
/* No resutls Page */
.no-results.not-found {
  margin-top: 30px;
}
.no-results.not-found .page-title {
	margin: 0 0 15px;
	font-size: 35px;
}
.no-results.not-found .page-title span {
  color: #28B463;
  margin-right: 10px;
}
.no-results.not-found {
}
.no-results.not-found .page-content {
  margin: 0;
}
.no-results.not-found  .search-form {
  margin-top: 15px;
}
.search-results article.page .entry-content, 
.search-results article.page .blog-meta {
	display: none;
}
/* 404 Page CSS */
.error-page {
    padding: 100px 0px;
}
.error-inner {
    text-align: center;
}
.error-inner .error-top h1 {
	font-size: 130px;
	font-weight: 700;
	color: #000;
	margin: 0;
}
.error-inner .error-top i {
	font-size: 70px;
	-webkit-animation: tada 1.5s ease infinite;
	animation: tada 1.5s ease infinite;
	color: #28B463;
}
.error-inner h2 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 35px;
    color: #555;
}
.error-inner .eror-button{
    margin-top: 20px;
}
.error-inner .eror-button .theme-btn {
	color: #fff;
}
.error-inner .eror-button .theme-btn:hover{
	color:#fff;
}
/*---------------------------------------
# End Pages CSS
-----------------------------------------*/

/*---------------------------------------
# Pagination CSS
-----------------------------------------*/
/* Pagination */
.exbico-pagination-main{
	text-align:center;
	margin: 50px 0 0;
}
.exbico-pagination-main .nav-links {
  display: inline-block;
  text-align: center;
}
.exbico-pagination-main  .navigation.pagination {
  display: block;
}
.exbico-pagination-main .page-numbers, .exbico-pagination-main a.page-numbers {
	background: #fff;
	border: none;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 42px;
	font-size: 14px;
	color: #555;
	border-radius: 0px;
	border: 1px solid #cccccc91;
	display: inline-block;
	float: left;
	margin-right: 8px;
	padding: 0;
	cursor: pointer;
	display: inline-block;
	transition:all 0.3s ease;
}
.exbico-pagination-main .page-numbers.current,
.exbico-pagination-main .page-numbers:hover,
.exbico-pagination-main .page-numbers:focus{
	background:#28B463;
	color:#fff;
	border-color:transparent;
}
.exbico-pagination-main .page-numbers.current:hover,
.exbico-pagination-main .page-numbers.current:focus{
	background:transparent;
	color:#333;
	border-color:#cccccc91;
}
.exbico-pagination-main .prev.page-numbers,
.exbico-pagination-main .next.page-numbers {
	width: auto;
	padding: 0 25px;
}
/*---------------------------------------
# End Pagination CSS
-----------------------------------------*/

/*---------------------------------------
# WordPress Default CSS
-----------------------------------------*/
.widget .widget-title {
	font-size: 16px;
	font-weight: 700;
	position: relative;
	margin-bottom: 22px;
	text-transform: capitalize;
}
.widget ul ,.widget ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 35px;
}
.widget ul ul ul {
	padding-left: 5px;
}
.widget ul, .widget ul li a {
  color: #333;
}
.widget ul li:hover,.widget ul li a:hover,
.widget ul li:hover,.widget ul li a:focus{
	color:#28B463;
}
.category-featured .image-head {
}
.page-links {
	padding: 0 20px;
}
.page-links a {
	background: #28B463;
	color: #fff;
	padding: 5px 10px;
}
.widget select {
	width: 100%;
	height: 45px;
	padding: 0 20px;
	position: relative;
	border: 1px solid #ccc;	
	font-size: 14px;
	transition:all 0.3s ease;
}
.widget select:hover,
.widget select:focus{
	border-color:#28B463;
}
.single-content blockquote cite {
	color: #ccc;
	margin-top: 30px;
	display: block;
}
.wp-block-image {
	margin:30px 0; 
}
/* Widget Select */
.widget select,select {
	background-image: url(resource/img/select-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right 50% !important;
}
/* Post Password Form */
.post-password-form input[type="password"] {
	width: 100%;
	border: 1px solid #ebebeb;
	border-radius: 0px;
	height: 50px;
	padding: 0 10px;
}
.post-password-form input[type="submit"] {
	background: #28B463;
	color: #fff;
	height: 50px;
	border: none;
	border-radius: 0px;
	cursor: pointer;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14px;
}
.post-password-form input[type="submit"]:hover{
	background:#0CBDBD;
}
.post-password-form {
	position: relative;
}
/* Table CSS */
table th {
}
table thead th {
	background: #28B463;
	padding: 12px 30px;
	color: #fff;
	font-size: 18px;
}
table tbody th,table tbody td {
	border: 1px solid #ebebeb;
	padding: 12px 30px;
	text-align: ight;
}
table tbody a {
	color: #28B463;
	text-decoration: underline;
}
table tbody a:hover,
table tbody a:focus {
	color: #333;
}
/* Widget Select */
.single-widget select {
	width: 100%;
	padding: 12px;
	font-size: 14px;
	border: 1px solid #ebebeb;
	background: #F5F8F9;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-user-select: none;
}
/* Widget Tags CSS */
.widget_tag_cloud .tagcloud a {
	color: #555;
	font-size: 14px !important;
	display: inline-block;
	padding: 5px 15px;
	background: #fff;
	margin-top: 5px;
}
.widget_tag_cloud .tagcloud a:hover{
	background:#28B463;
	color:#fff;
}

/* Widget RSS CSS */
.widget_rss .rsswidget {
  display: inline-block;
}
.widget_rss ul li a {
  line-height: ;
}
.widget_rss ul li a {
}
.widget_rss ul li .rsswidget {
  line-height: 20px;
}
.widget_rss .rss-date {
  color: #28B463;
  display: block;
  line-height: initial;
}
.widget_rss .rssSummary {
  display: ;
  line-height: 25px;
}

/* Widget Search CSS */
.search-form{
	position:relative;
}
.search-form input[type="search"] {
	width: 100%;
	background-color: #f5f5f5;
	height: 50px;
	border: none;
	padding-left: 15px;
	padding-right: 60px;
	font-size: 14px;
}
.search-form label {
  width: 100%;
  position:relative;
}
.search-form input[type="submit"] {
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 78px;
	height: 100%;
	z-index: 1;
	background-color: #28B463;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	color: #fff;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	padding: 0;
}
.search-form input[type="submit"]:hover,
.search-form input[type="submit"]:focus{
	background-color: #26313C;
	color: #fff;
}
/* Widget Calender CSS */
#calendar_wrap th,
#calendar_wrap td {
	padding: 5px 10px;
	text-align: center;
	display: nherit;
	border: 1px solid #ebebeb;
	color: #353535;
	background:#fff;
}
#calendar_wrap #wp-calendar {
	max-width: 100%;
}
#calendar_wrap #wp-calendar thead th, 
#calendar_wrap #wp-calendar tfoot td {
	background: #F5F8F9;
	color: #353535;
	font-size: 15px;
}
#calendar_wrap #wp-calendar caption {
	caption-side: top;
	background: #0CBDBD;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 15px;
}
#calendar_wrap #wp-calendar tbody tr a {
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	background: #28B463;
	padding: 0;
	text-align: center;
}
#calendar_wrap #wp-calendar tfoot td {
	display: ;
	background: #fff;
}
#calendar_wrap #wp-calendar tfoot tr a {
	color: #353535;
}
#calendar_wrap #wp-calendar tfoot tr a:hover{
	color:#28B463;
}
/* Widget Recent Comments */
.widget_recent_comments li a {
    display: block;
}
.widget_recent_comments .recentcomments a {
	display: block !important;
	line-height: initial;
	text-decoration: underline;
}
.widget_recent_comments li {
    line-height: 30px !important;
    margin-bottom: 10px !important;
}
.widget_recent_comments li span {
    position: relative;
}
.widget_recent_comments li span:before {content: "\f0e6";left: 0;top: 0;font-family: 'FontAwesome';margin-right: 5px;line-height: initial;}


.widget_categories li {
	text-align: right;
	overflow: hidden;
}
.widget_categories li a {
  text-align: left;
  float: left;
}
.mc4wp-form-fields label {
	width: 100%;
	display: block;
	font-size:0px;
}
.mc4wp-form-fields input {
	width: 100%;
	padding: 15px;
	border-radius: 0px;
	font-size: 14px;
}
.mc4wp-form-fields input[type="submit"] {
  display: ;
  border: none;
  background: #2A2E40;
  color: #fff;
  border: none;
  border-radius: 0px;
}
.mc4wp-form-fields input[type="submit"]:hover{
	background:#0CBDBD;
	color:#fff;
}

/* WP Blocks */

.wp-block-archives li,.wp-block-archives li a {
  color: #2A2E40;
  line-height: 30px;
  text-decoration: underline;
}
.wp-block-archives li a:hover,
.wp-block-archives li a:focus{
	color:#28B262;
}
.wp-block-latest-comments li a{
	text-decoration: underline;
}
.wp-block-latest-comments li a:hover,
.wp-block-latest-comments li a:focus{
	color:#28B262;
}
.wp-block-archives li:hover,
.wp-block-calendar tfoot td {
  text-align: left;
}
.wp-block-calendar tfoot td a {
  color: #28B463;
  border: none;
  text-decoration: none;
  margin-top: 10px;
  display: inline-block;
  padding: ;
}
.wp-block-calendar table caption {
  caption-side: initial;
  color: #fff;
  font-weight: 600;
  background: #0CBDBD;
  padding: 10px 20px;
}
.wp-block-calendar table th {
  background: #F5F8F9;
  color: #333;
  font-weight: 600;
}
.wp-block-calendar table th {
}
.wp-block-categories select {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background: #F5F5F5;
}
.wp-block-categories {
  margin-bottom: 20px;
}
.wp-block-archives.wp-block-archives-dropdown {
}
.wp-block-archives select {
  display: ;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background: #F5F5F5;
}
.wp-block-latest-comments li a {
  color: #2A2E40;
}
.wp-block-latest-posts a {
	color: #2A2E40;
	text-decoration: underline;
}
.wp-block-latest-posts a:hover,
.wp-block-latest-posts a:focus{
	color:#28B463;
}
.wp-block-search input {
  padding: 20px 20px;
  border-radius: 0px;
}
.wp-block-search button {
	background: #28B463;
	color: #fff;
	border-radius: 0px;
}
.wp-block-search button:hover,
.wp-block-search button:focus{
	background:#253044;
	color:#fff;
}
.wp-block-search {
  margin-bottom: 20px;
}
.wp-block-tag-cloud a {
	color: #2A2E40;
	padding: 5px;
	display: inline-block;
}
.wp-block-tag-cloud a:hover,
.wp-block-tag-cloud a:focus {
  color: #28B463;
}
.wp-block-rss li a {
  color: #555;
  text-decoration:underline;
}
.wp-block-rss li a:hover,
.wp-block-rss li a:focus{
	color:#28B463;
}
.wp-block-column h1,.wp-block-column h2,.wp-block-column h3,.wp-block-column h4,.wp-block-column h5,.wp-block-column h6{
	margin-bottom: 10px;
}
.wp-block-column .wp-block-buttons{
	margin-top:20px;
}
.wp-block-column .wp-block-buttons .wp-block-button__link{
	background:#28B463;
	color:#fff;
}
.wp-block-column .wp-block-buttons .wp-block-button__link:hover{
	background:#26313C;
	color:#fff;
}
.single-area .wp-block-image {
	margin: 0 !important;
	display: ;
}
/*---------------------------------------
# End WordPress Default CSS
-----------------------------------------*/

/*====================================
	Wordpress Default Sidebar CSS
======================================*/
/* preloader */
.preloader-area {
    position: fixed;
    background: #fff;
    z-index: 11000;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.sk-cube-grid {
    margin: auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -20px;
    top: 50%;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #28B463;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}
/* breadcrumbs */
.breadcrumbs {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	padding: 100px 0px;
	background-attachment: fixed;
}
.breadcrumbs::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #26313cbd;
	left: 0;
	top: 0;
}
.breadcrumbs-content {
	padding-right: 164px;
}
.breadcrumbs-content h2 {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.breadcrumbs-content h2::before {
	position: absolute;
	content: "";
	width: 70px;
	height: 2px;
	background: #28B463;
	bottom: -2px;
}
.breadcrumbs-content h2::after {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	background: #fff;
	bottom: -4px;
	left: 32px;
	border-radius: 50%;
}
.breadcrumbs-content p {
	color: #fff;
	line-height: 23px;
}
.breadcrumbs-menu {
	float: right;
	color: #28B463;
	font-size: 15px;
	padding-top:10px;
}
.breadcrumbs-menu.margin-top{
	padding-top: 40px;
}
.breadcrumbs-menu span {
	color: #fff;
	transition:all 0.3s ease;
}
.breadcrumbs-menu span:hover{
	color:#28B463;
}
.breadcrumbs-menu li{
	display: inline-block;
	margin-right: 10px;
}
.breadcrumbs-menu li:last-child{
	margin:0;
}
.breadcrumbs-menu li a {
	color: #fff;
	font-weight: 600;
	font-size: 15px;
}
.breadcrumbs-menu li.active a,
.breadcrumbs-menu li a:hover{
	color:#28B463;
}
.breadcrumbs-menu li i{
	padding-left: 10px;
	color: #fff;
}


.breadcrumbs.b-p-single {
}
.breadcrumbs.b-p-single  .breadcrumbs-content {
	text-align: center;
	padding: 0;
	margin: 0;
}
.breadcrumbs.b-p-single {
	text-align: center;
	width: 100%;
}
.breadcrumbs.b-p-single .breadcrumbs-menu {
	float: none;
	padding-top: 10px;
}
.breadcrumbs.b-p-single .breadcrumbs-content h2::before {
    left: 50%;
    margin-left: -35px;
}
.breadcrumbs.b-p-single .breadcrumbs-content h2::after {
    left: 50%;
    margin-left: -3px;
}
.navigation.posts-navigation,
.navigation.post-navigation {
	margin: 30px 0 0;
}
.nav-previous {
	margin-right: 5px;
}
.nav-links div {
	display:inline-block;
}
.nav-links div{}
.nav-links a {
	display: inline-block;
	margin-right: 15px;
	background: #28B463;
	padding: 7px 15px;
	color: #fff;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.nav-links a:hover,
.nav-links a:focus{
	background: #253044;
	color: #28B463;
}
.single-area .nav-links {
	text-align: center;
	display: block;
}
/* exbico BC */
.exbico-bc {
  background: #0CBDBD;
  padding: 20px 0;
}
.exbico-bc .bc-title {
	color: #fff;
	font-size: 28px;
}
.exbico-bc .bc-list {
  color: #fff;
}
.exbico-bc .bc-list span {
  color: #eee;
  font-size: 13px;
}
.entry-header .entry-title {
	font-size: 28px;
}
.logged-in-as a {
	color: #333;
}
.sidebar-main {
	margin-top: 30px;
}
/* Theme Search CSS */
.searchform {
	position: relative;
}
.search-form input[type="text"],
.searchform input[type="text"] {
	display: ;
	width: 100%;
	height: 52px;
	padding: 0 15px;
	border: 1px solid #ebebeb;
	border-radius: 0px;
	font-size: 14px;
}
.search-form input[type="submit"],
.searchform input[type="submit"] {
	display: ;
	position: absolute;
	top: 0;
	right: 0;
	height: 52px;
	width: 52px;
	background: transparent;
	border: none;
	z-index: 1000;
	cursor: pointer;
	text-indent: -200px;
	overflow: hidden;
	border-radius: 0;
}
.search-form input[type="text"]:hover,
.searchform input[type="text"]:hover {
	background: #F5F8F9;
	border-color: #28B463;
}
.search-form label span,
.searchform label{
	display:none;
}
.search-form::before {
	position: absolute;
	top: 12px;
	right: 18px;
	content: "\f002";
	font-family: 'FontAwesome';
	font-size: 16px;
	color: #fff;
	z-index: 333333;
}
.searchform #searchsubmit {
	padding: 0;
	margin: 0;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 100%;
	z-index: 1;
	background-color: #28B463;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	color: #fff;
	cursor: pointer;
	color: #fff;
}
.searchform #searchsubmit:hover{
	background:#333;
}
.widget .widget-title {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 40px;
	line-height: 1;
	position: relative;
	padding-bottom: 20px;
	border-bottom: 2px solid #e5dddd;
}
.widget .widget-title::before {
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 3px;
	width: 70px;
	background-color: #28B463;
	content: '';
}
.widget {
	margin-bottom: 30px;
}
.widget:last-child{
	margin:0;
}
/* Widget Select CSS*/
.widget select {
	width: 100%;
	height: 50px;
	padding: 0 20px;
}
/* Sidebar Default CSS */
.widget ul li {
    line-height: 35px;
    margin-bottom: 5px;
    list-style: none !important;
}
.widget ul li:last-child{
	margin:0;
}
.widget a,
.widget ul li a {
	color: #666;
	font-size: 15px;
}
.widget ul li a:hover {
	color: #28B463;
}

/* Widget MENU */
.widget_nav_menu ul {
    border-radius: 8px;
    overflow: hidden;
    margin-left: 15px;
}
.widget_nav_menu ul li a {
    padding: 5px 10px;
    background: #fff;
    color: #666;
    display: block;
    font-size: 15px;
}
.widget_nav_menu ul li a::before, 
.widget_categories ul li a::before {
    content: "\f0da";
    font-family: 'FontAwesome';
    margin-right: 12px;
	float:right;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.widget_nav_menu ul li a:hover:before,
.widget_categories ul li a:hover:before{
	color:#28B463;
}

.widget_nav_menu ul li a:hover{
	color:#28B463;
}
.widget_nav_menu ul li a i {
	display: inline-block;
	margin-right: 15px;
}
.footer .single-f-news .title a:hover{
	color:#F3A712;
}
/* Category List */
.widget_categories ul {
	margin-top: 15px;
}
.widget_categories ul li {
	margin-bottom: 5px;
}
.widget_categories ul li:last-child{
	margin-bottom:0px;
}
.widget.widget_categories ul li a {
	font-size: 15px;
	color: #666;
	font-size: 14px;
	padding-left: 30px;
	background-color: #f5f5f5;
	display: block;
	position: relative;
	line-height: 50px;
	color: #555;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	width: 100%;
}
.widget_categories ul li {
	padding: 0 !important;
}
.widget_categories ul li:before{
	display:none;
}
.widget_categories ul li a:hover{
	color:#28B463;
}
.widget_categories ul li a span{
	display:inline-block;
	color:#28B463;
}

/* Subscribe */
.blog-sidebar .subscribe form,
.widget_mc4wp_form_widget .form-main{
	position:relative
}
.blog-sidebar .subscribe form input,
.mc4wp-form .mc4wp-form-fields input[type="email"] {
    height: 54px;
    padding: 0 20px 0 20px;
    border: none;
    width: 100%;
    position: relative !important;
    font-size: 14px;
    border: 1px solid #ebebeb;
    line-height: 50px;
}
.widget_mc4wp_form_widget .mc4wp-form-fields{
	position:relative;
}
.blog-sidebar .subscribe h2,
.blog-sidebar .widget_mc4wp_form_widget .widget-title {
	border: none !important;
	margin-bottom: 20px;
}
.widget_mc4wp_form_widget label {
	overflow: hidden;
	left: 0;
	top: 0;
	margin: 0 !important;
	font-size: 0px;
	display: block;
}
.footer .widget_mc4wp_form_widget .widget-title:before {
	display: none;
}
.blog-sidebar .subscribe form button,
.mc4wp-form .mc4wp-form-fields input[type="submit"] {
	background: #28B463;
	position: relative;
	right: 0;
	top: 0;
	border: none;
	box-shadow: none;
	width: auto;
	padding: 0 20px;
	height: 53px;
	text-align: center;
	display: block;
	margin: 0;
	border-radius: 0px;
	cursor: pointer;
	color: #fff;
	transition: all 0.3s ease;
}
.mc4wp-form .mc4wp-form-fields input[type="submit"] {
	margin-top: 10px;
}
.blog-sidebar .subscribe form button:hover,
.mc4wp-form .mc4wp-form-fields input[type="submit"]:hover{
	color:#fff;
	background:#2A2D2F;
}
.blog-sidebar .subscribe form button i{
	margin:0;
}
.mc4wp-alert p, .mc4wp-alert p a {
	color: #fff;
}
/* Widget Select */
.single-widget select {
	width: 100%;
	padding: 12px;
	font-size: 14px;
	border: 1px solid #ebebeb;
	background: #F5F8F9;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-user-select: none;
	background-image: url(assets/img/select-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right 50% !important;
}
/* Widget Tags*/
.widget_tag_cloud .tagcloud a {
	color: #555;
	font-size: 14px !important;
	display: inline-block;
	padding: 8px 12px;
	background: #fff;
	margin-top: 5px;
}
.widget_tag_cloud .tagcloud a:hover{
	background:#28B463;
	color:#fff;
}
/* Tag */
.widget_tag_cloud .tagcloud a {
	background: #F4F9FC;
}
.widget_tag_cloud .tagcloud a:hover{
	background:#28B463;
	color:#fff;
}
/* Widget RSS */
.widget_rss .rsswidget {
  display: inline-block;
}
.widget_rss ul li a {
}
.widget_rss ul li .rsswidget {
  line-height: 20px;
}
.widget_rss .rss-date {
  color: #28B463;
  display: block;
  line-height: initial;
}
.widget_rss .rssSummary {
  line-height: 25px;
}

/* Default Search */
.search-form{
	position:relative;
}
.search-form input[type="search"] {
	width: 100%;
	height: 50px;
	border-radius: 0px;
	padding: 0 75px 0 20px;
	font-size: 14px;
}
.search-form label {
  width: 100%;
  position:relative;
}
.search-form input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	background: #28B463;
	color: #fff;
	height: 50px;
	border: none;
	border-radius: 0px;
	padding: 0 20px;
	cursor: pointer;
}
.search-form input[type="submit"]:hover{
	background:#2E2751;
	color:#fff;
}
/* Password Form */
form.post-password-form input {
    border-radius: 0px;
    height: 40px;
}
form.post-password-form input[type="submit"] {
    background: #F3A712;
    padding: 9px 15px;
    color: #fff;
    border-radius: 0px;
    border: none;
}
form.post-password-form input[type="submit"]:hover{
	background:#2E2751;
	color:#fff;
}
/* Pagiantion */
.page-links{
	margin-top:10px;
}
.page-links a, .page-links span {
    border: 1px solid #ebebeb;
    padding: 5px 10px;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    width: auto;
}
.page-links span.current,.page-links a:hover {
    background: #F3A712;
    color: #fff;
}
.blog-single ul li {
    line-height: 30px;
    padding-left: 20px;
    position:relative;
}
.blog-single ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    background: #F3A712;
    border-radius: 100%;
    margin-top: -4px;
}
.single-content p {
	margin-bottom: 20px;
}
.single-content p:last-child{
	margin:0;
}
p.has-large-font-size {
    line-height: 43px;
}
/* Widget Calender CSS */
#calendar_wrap th,
#calendar_wrap td {
	padding: 5px 10px;
	text-align: center;
	display: nherit;
	border: 1px solid #ebebeb;
	color: #353535;
}
#calendar_wrap #wp-calendar {
	max-width: 100%;
}
#calendar_wrap #wp-calendar thead th, 
#calendar_wrap #wp-calendar tfoot td {
	background: #F5F8F9;
	color: #353535;
	font-size: 15px;
}
#calendar_wrap #wp-calendar caption {
	caption-side: top;
	background: #28B463;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 15px;
}
#calendar_wrap #wp-calendar tbody tr a {
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	background: #28B463;
	padding: 0;
	text-align: center;
}
#calendar_wrap #wp-calendar tfoot tr a {
	color: #353535;
}
#calendar_wrap #wp-calendar tfoot tr a:hover{
	color:#28B463;
}
/*====================================
	Wordpress Default Sidebar
======================================*/

/*===========================
	Footer Area CSS
============================*/
.footer-area {
	background-attachment: fixed;
	background-color: #26313C;
}
.footer-top {
	padding: 50px 0px 80px;
}
.footer-top .single-widget {
	margin-top: 30px;
	background: transparent;
	box-shadow: none;
}
.footer-top .widget::before{
	display:none;
}
.footer-top .single-widget .widget-title {
	font-size: 20px;
	color: #fff;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.footer-top .widget-title::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 1px;
	background: #ccc;
	bottom: -0.5px;
}
/* About Description */
.single-widget.footer-about {
	padding-right: 30px;
}
.about-description {
	margin-top: 20px;
}
.footer-top .about-description p {
	color: #ccc;
	line-height: 20px;
}
.f-contact-box {
	margin-top: 20px;
	padding: 10px 10px;
	border: 1px solid #ffffff3d;
	position: relative;
}
.f-contact-box .box-icon:hover i{
	background:#fff;
	color:#000;
}
.f-contact-box .box-icon:hover::before{
	border-left-color: #fff;
}
.f-contact-box .box-icon {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.f-contact-box .box-icon::before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1;
	top: 12px;
	right: -6px;
	border: 10px solid transparent;
	border-right-color: transparent;
	border-right-style: solid;
	border-right-width: 7px;
	border-left-color: transparent;
	border-right: 0;
	border-left-color: #28B463;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.f-contact-box .box-icon i {
	font-size: 20px;
	color: #fff;
	background: #28B463;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.f-contact-box .contact-text {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}
.f-contact-box .contact-text p {
    color: #f5f5f5db;
}
.f-contact-box .contact-text h5 {
	color: #fff;
	font-size: 16px;
}
/* Footer News */
.footer-top .widget-post {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #cccccc3d;
}
.footer-top .widget-post:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.footer-top .widget-post .post-content h4 a {
	color: #ccc;
}
.footer-top .widget-post .post-content h4 a:hover{
	color:#28B463;
}
.footer-top .widget-post .post-img img {
	padding: 5px;
	background: #fff;
}
.f-contact-box .contact-text h5 p {
	color: #fff;
}
/* Footer Links */
.f-links li {
	line-height: 32px;
}
.f-links li a {
	font-size: 14px;
	color: #ccc;
}
.f-links li a:hover i{
	color:#28B463;
	margin-right: 10px;
}
.f-links li a:hover{
	color:#28B463;
}
.f-links li a i {
	margin-right: 5px;
	font-size: 14px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.footer-area .widget_nav_menu li a {
  background: transparent;
  padding: 0;
  padding: 0;
  margin: 0;
  color: #ccc;
  font-size: 14px;
}
.footer-area .widget_nav_menu li {
	line-height: 26px;
}
/* Footer Links */

.footer-area .widget_nav_menu ul {
  padding: 0;
  margin: 0;
}
.footer-area .widget_nav_menu li  {
	line-height: 32px;
}
.footer-area .widget_nav_menu li a {
	font-size: 14px;
	color: #ccc;
}
.contact-bottom li {
	margin-bottom: 10px;
}
.contact-bottom li:last-child{
	margin:0;
}
.contact-bottom li i {
    width: 25px;
    height: 25px;
    background: #28B463;
    line-height: 25px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    margin-right: 10px;
}
.contact-bottom li, .contact-bottom a {
	color: #ccc !important;
	font-weight: 400;
}
.f-social {
	margin-top: 25px;
}
.f-social li {
	display: inline-block;
	margin-right:10px;
}
.f-social li:last-child{
	margin:0;
}
.f-social li a i {
	font-size: 16px;
	width: 35px;
	height: 35px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 35px;
	border-radius: 40px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	color:#fff;
}
.f-social li a i:hover{
	background:#fff;
	color:#000;
}
.copyright {
	padding: 20px 0;
	border-top: 1px solid #eeeeee38;
}
.copyright-text {
	text-align: center;
}
.copyright .copyright-text p {
	color: #ccc;
}
.copyright .copyright-text p a {
	color: #fff;
}
.copyright .copyright-text p a:hover{
	color:#28B463;
}
/*===========================
	End Footer Area CSS
============================*/

#page.site{
	position:relative;
}
#page.site::before {
  position: absolute;
  left: 0;
  top: ;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000091;
  content: "";
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
#page.site.active{
	height: 100vh;
	overflow: hidden;
	
}
#page.site.active:before{
  opacity: 1;
  visibility: visible;
}
.close-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #000;
	color: #fff;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 100%;
	cursor: pointer;
}
.close-icon:hover {
	background: #cc0000;
	color: #fff;
}


.pay-bill-dropdown {
	position: fixed;
	right: 0;
	width: 300px;
	background: #fff;
	padding: 20px;
	/* top: 45px; */
	box-shadow: 0px 0px 15px #0000003d;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	/* top: 50%; */
	margin-top: -150px;
	z-index: 44444444;
}
.pay-bill-dropdown.active{
	opacity: 1;
	visibility: visible;
	
}
.pay-bill-dropdown p {
  color: #000;
}
.pay-bill-dropdown p a {
  color: #073aba;
  text-decoration: underline;
}
.pay-bill-dropdown .pay-btn {
	background: red;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	margin-top: 15px;
	background: #073aba;
	border-radius: 5px;
	border: none;
}