/*
**
TL Frontend CSS
**Include css**
* 1. transitoin all
* 2. tl-top-nav
* 3. tl-navigation-s1
* 4. Banner 
* 5. Divider specer 
**
*/
.transition, .no-results .search-submit, .tl-single-comment .comment-form input.submit, .single-page-pagination li > a, .error-404-search .search-form input.search-submit{ 
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
/** global a[tag] style **/
a{color: inherit;}

/**-------------------
 Edit Link --------**/
 #page .post-edit-link { left: 0; position: fixed;}
.post-edit-link {  bottom: 20%; height: 40px; line-height: 40px; width: 40px;}
.post-edit-link:hover {text-decoration: none;}
.post-edit-link:hover::after {  background: #d32b46;}
.post-edit-link::after {
 background: #f44c67 none repeat scroll 0 0; border-radius: 0 4px 4px 0; color: #ffffff; content: ""; display: block; font-family: fontawesome; font-size: 24px; left: 0; position: 
 relative; text-align: center; top: -38px;}
#page .entry-footer .post-edit-link { padding-left: 0; z-index: 999;}
/** ---------------------------------------
new button style add core 
---------------------------------------- **/
.tl-button{
			border: none;
			border-radius: none;
		    padding: 15px 32px;
		    text-align: center;
		    text-decoration: none;
		    display: inline-block;
		    font-size: 16px;
		    margin:2px;
		    cursor: pointer;
		    vertical-align: middle; 
		}
/** ---------------------------------------
new button style add core  End
---------------------------------------- **/

/** ----------------------------------------------------------------------- 
tl-topnav [final out put]
-----------------------------------------------------------------------**/
.tl-topnav-l-col > a {color: inherit;}
.tl-topnav-l-col > a { margin-right: 10px;}
.tl-topnav-l-col > a:hover { text-decoration: none;}
.tl-ep-wrap a, .tl-topnav-social li a  { color: inherit;}
.tl-tel { color: inherit; padding: 12px 20px;}
.tl-topnav-social { display: inline-block; margin: 0; padding: 0; vertical-align: top;}
.tl-topnav-social li { display: inline-block; list-style: outside none none; max-width: 50px; min-width: 50px; text-align: center; vertical-align: top;}
.tl-topnav-social img { max-width: 100%;}
.tl-topnav-social li a { display: block; padding: 6px 12px;}
.tl-topnav-social li a:hover { text-decoration: none;}
.tl-tel i { display: inline-block; padding: 2px 5px 2px 0; text-align: center; vertical-align: middle;}
.tl-ep-wrap > a { border-right: 1px solid rgba(255, 255, 255, 0.3); margin-right: 6px; padding-right: 6px;}
.tl-ep-wrap > a:last-child { border: medium none; margin-right: 0; padding: 0;}
.tl-email i { margin-right: 5px;}

/**------------------------------------------------------------------------------------------------------- 
tl-topnav [final output end]
-------------------------------------------------------------------------------------------------------- **/ 
/**-------------------------------------------------------------------------------------------------------
tl-navigatin-s1 [final out put] 
-------------------------------------------------------------------------------------------------------**/
.tl-navigation-s1 .navbar-brand { max-width: 290px;}
.navbar-nav .dropdown-menu { border-radius: 0; padding: 0;}
.tl-navigation-s1 .navbar {  padding: 0.5rem 0;}

	/** -----------------------------------------------------------------------------
	bootstrap override cas style 
	----------------------------------------------------------------------------- **/  
	.navbar-brand, .navbar-light .navbar-nav .nav-link { color: inherit !important; font-weight: 600; text-transform: uppercase;}

/** tl-topnav [final output end] **/

/**---------------------------------------------------------------------------------- 
Tl-Header Layout S2 
-----------------------------------------------------------------------------------**/
.tl-header-logo-s2 .navbar-toggler-icon{
  background: url(/wp-content/themes/systemadik/includes/css/"data:image/svg+xml;charset=utf8,%3Csvg viewBox=/'0 0 30 30/' xmlns=/'http:/www.w3.org/2000/svg/'%3E%3Cpath stroke=/'rgba(0, 0, 0, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E");
}

.tl-header-logo-s2 .tl-brand-s2 { width: 100%; text-align: center;}
.tl-header-logo-s2 .tl-toggle-bar { display: none;}
.tl-navigatio-s2 .navbar-nav{margin-left: 0;}
.tl-header-logo-s2 .navbar-brand { margin-right: 0;}
.tl-toggle-bar { text-align: right;}
.tl-header-logo-s2 {display: flex;}
@media screen and (min-width: 992px){.navbar-toggler {display:none;}}
@media screen and (max-width: 991px){
.tl-header-logo-s2 .tl-brand-s2 { width: 80%; text-align: left;}
.tl-header-logo-s2 .tl-toggle-bar { width: 20%; display: block;}	
}

.tl-fixed-header {
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.6s ease-in-out 0s;
    width: 100%;
    z-index: 2;
}
@media screen and (min-width: 992px){
	.tl-header-s3 { left: 0; position: absolute; top: 0; width: 100%; z-index: 9999;}
	.tl-header-s3 .tl-navigation-s1 { background-color: rgba(0, 0, 0, 0);}
	.tl-header-s3 .tl-navigation-s1 nav { 
	background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; border-radius: 4px; margin-top: 14px; padding: 0 11px;}
}



/** ----------------------------------------------------------------------------------------		 	 
banner style s1 [ Final out put Start ] 
---------------------------------------------------------------------------------------- **/	
		/** fixed banner content start **/
		 .tl-content-area { position: relative;}  
/** --------------------------------------------------------
Divider specer section [ Final out put Start ] 
-------------------------------------------------------- **/
.tl-specer-wrapper .row, .tl-specer-wrapper .container { padding: 0;}
.divider-icon {
  max-width: 80px;
  padding: 0 12px;
  position: absolute;
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  z-index: 1;
}
.row-specer{position: relative;}
.divider-icon > img {width: 100%;}

/** -----------------------------------------------------------------------------
frontend page title  [ Final out put Start ] 
--------------------------------------------------------------------------------- **/
h1.entry-title { margin: 0;}
	/**
	-----------------------------------------------------------------------------
	frontend search no result 
	----------------------------------------------------------------------------- 
	**/
		.nothing-found-img > img { border: 1px solid #eaeaea; max-width: 250px; padding: 30px;}
		.no-results { text-align: center;}
		/*.no-results .page-title { font-size: 56px; line-height: 66px;}*/
		.no-results .search-submit{ background: #666666 none repeat scroll 0 0; border: 1px solid #666666; color: #ffffff; font-size: 16px; line-height: 20px; padding: 10px 16px; border-radius: 0;}
		.no-results .search-submit:hover { background: #333 none repeat scroll 0 0; border: 1px solid #333; }
		.no-results label input { border-radius: 0; padding: 8px 10px;}
		/** 
		-------------------------------------------------
		breadcrumb section style S1 parent-theme  [ final out put Start ]  
		-------------------------------------------------
		**/
		.tl-breadcrumb-title-s1 header, .tl-breadcrumb-style1 .breadcrumbs { padding: 0rem ; /*padding: 0rem 1rem;*/ }
		.tl-breadcrumb-title-s1 .entry-title { font-size: 20px; font-weight: bold;}
		.tl-breadcrumb-style1 a{ color: inherit !important;font-weight: 600;}
		.tl-breadcrumb-style1 a span{ color: inherit;font-weight: normal;}
		.tl-breadcrumb-style1 h1,
		.tl-breadcrumb-style1 h2,
		.tl-breadcrumb-style1 h3,
		.tl-breadcrumb-style1 h4,
		.tl-breadcrumb-style1 h5,
		.tl-breadcrumb-style1 h6 { color: inherit;}
		/** 
		-------------------------------------------------
		error 404 page style parent-theme Normal - style 
		-------------------------------------------------
		**/
	.error-404 { text-align: center;}
	.error-404-search .search-form label { width: auto;}
	.error-404-search .search-form input { border-radius: 0; font-weight: normal; vertical-align: top;}
	.error-404-search .search-submit { background: #666666 none repeat scroll 0 0; border: 1px solid #666666; color: #ffffff; font-size: 16px; padding: 12px 14px;}
	.tl-404-page .search-submit, .tl-search-nothing-found .page-content .search-form .search-submit { background: #e74c3c none repeat scroll 0 0 !important; border: 1px solid #e74c3c !important; border-radius: 0; color: #ffffff;}
		.tl-error-heading h1 {font-size: 4rem;font-weight: 800;}
		.tl-error-heading > h2 { background: #eaeaea none repeat scroll 0 0; font-weight: 600; padding: 10px;}
		.tl-error-heading > h3 { border-bottom: medium double; border-top: medium double; display: inline-block; font-weight: bold; padding: 10px; vertical-align: top; padding: 8px 10px ;}
		.error-404-search .search-submit:hover { background: #333 none repeat scroll 0 0; border: 1px solid #333; }
	    .error-404-search label input { border-radius: 0; padding: 8px 10px ;}
		/** 
		-------------------------------------------------
		Split - Blog Layout - style- 
		-------------------------------------------------
		**/
		.tl-splitpost-s1 { margin-bottom: 20px; padding: 10px;}
		.tl-splitpost-s1 .blogpost-feature-image-s1 .image-overlay { position: absolute; right: 15px; top: 40px;}	
		.tl-splitpost-content-s1 .blogpost-content-wrapper-s1, .tl-splitpost-content-s1 .blog-post-footer-s1 { border: medium none;}
		.tl-splitpost-content-s1 .blogpost-content-wrapper-s1 { padding-top: 0;}
.tl-splitpost-content-s1 .blog-post-footer-s1 { border-top: 1px solid #eaeaea;}
.tl-splitpost-content-s1 .footer-post-block:nth-child(2) { border-left: 0px;}
		
		
		
		
		
		/** 
		-------------------------------------------------
		blog-style parent-theme Normal - style 
		-------------------------------------------------
		**/

		.tl-blog-wrapper .entry-footer { border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; font-weight: bold; padding: 14px 0px;}
		.tl-blog-wrapper .entry-meta { margin-top: 20px;}
		.tl-blog-wrapper .entry-title { margin-bottom: 20px;}
			/** -------------------------
			blog article 
			-----------------------------**/
			.tl-blog-wrapper .posted-on { font-weight: 600;}
			.tl-blog-wrapper .posted-on a { font-weight: normal;}
			.tl-blog-wrapper .posted-on a { font-weight: normal; padding-left: 6px; position: relative; color: #999999;}
			.tl-blog-wrapper .posted-on > a::before { content: ""; font-family: fontawesome; font-size: 14px; padding-right: 4px;}
		    .tl-blog-wrapper .comments-link a { border: 1px solid; color: #999999; margin: 0 6px; padding: 0 6px;}
		    .tl-blog-wrapper .comments-link a:hover { text-decoration: none; }
			.tl-blog-wrapper .tags-links { position: relative;}
			.tl-blog-wrapper .tags-links::before { border-left: 1px solid #cccccc; color: #999999; content: ""; font-family: fontawesome; font-size: 14px; margin-left: 6px; padding: 0 2px 0 6px;}
			.tl-blog-wrapper .entry-footer a { color: #999999; font-weight: normal;}
			.tl-blog-wrapper .entry-footer{font-weight: bold;}
			.blog .content-area article { padding-bottom: 20px;}
			.blog .content-area article:last-child {padding-bottom: 100px;}
			/**---------------------------------------
			 blog single page comment form article 
			----------------------------------------**/


			.tl-single-comment { border-top: 1px dashed #cccccc; padding-top: 30px; }
			.tl-single-comment a { color: inherit;}
			.tl-single-comment .comments-title { font-size: 22px; line-height: 30px;}
			.tl-single-comment .comment-body { border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 20px;}
			.tl-single-comment .comment-meta { border-bottom: 1px solid #ddd; padding: 10px;}
			.tl-single-comment .comment-content > p {padding: 20px 10px;}
			.tl-single-comment .reply { border-top: 1px solid #ddd; padding: 10px;}
			.tl-single-comment .comment-body { border: 1px solid #ddd; margin-bottom: 20px;}
			.tl-single-comment .comment-respond {padding-top: 20px;}
			.tl-single-comment textarea { border: 1px solid #ddd; border-radius: 0; padding: 10px;}
			.tl-single-comment .comment-form input.submit { background: #666666 none repeat scroll 0 0; border: 1px solid #666666; border-radius: 0; color: #ffffff; font-size: 16px; padding: 14px 16px;}
			.tl-single-comment .comment-form input.submit:hover { background: #333 none repeat scroll 0 0; border: 1px solid #333; }
			.tl-single-comment .comment-reply-title { font-size: 20px; font-weight: bold; position: relative;}
			.tl-single-comment .comment-reply-title::before { content: ""; font-family: fontawesome; font-size: 18px; padding-right: 2px;}
			.tl-single-comment .logged-in-as a { color: inherit; font-weight: 600; margin-right: 8px;}
			.single-page-wrapper .pager { clear: both; margin: 0; overflow: auto; padding-left: 0; position: relative;text-align: center;}
			.single-page-pagination li { background: #f3f3f3 none repeat scroll 0 0; display: inline-block; float: none !important; list-style: 
			outside none none; max-width: 350px; vertical-align: middle; margin-bottom: 0;}
			.single-page-pagination li > a { display: block; padding: 10px 16px; text-align: center; color: inherit;}
			.single-page-wrapper .entry-footer { border-bottom: 1px solid #eaeaea; font-weight: bold; margin-top: 20px; padding: 10px 0; margin-bottom: 20px;}
			.single-page-wrapper .entry-footer a{ font-weight: normal; color: inherit; padding-left: 5px;}
			.single-page-pagination li > a:hover { background: #eaeaea none repeat scroll 0 0; text-decoration: none;}
			.single-page-wrapper .entry-meta { font-weight: 700; padding: 10px 0 0;}
			.single-page-wrapper .entry-meta a { font-weight: normal; padding-left: 4px; color: inherit;}
			.single-page-wrapper .entry-title { margin-bottom: 20px;}
			.single-page-wrapper .cat-links { margin-right: 6px;}
			blockquote { position: relative; padding: 0 30px;}
			blockquote::before { content: ""; font-family: fontawesome; left: 0px; position: absolute;}
			blockquote::after { content: "\f10e"; font-family: fontawesome; right: 0px; bottom: 0; position: absolute;}
			/** without login **/
			.comment-respond p.comment-form-author input, .comment-respond p.comment-form-email input, .comment-respond p.comment-form-url input { border-radius: 0; width: 100%; height: 42px;}
			.comment-respond p.comment-form-email, .comment-respond p.comment-form-author, .comment-respond p.comment-form-url { margin-bottom: 10px;}
			.comment-respond .comment-form-cookies-consent { padding-left: 24px; position: relative;}
			.comment-respond .comment-form-cookies-consent input { position: absolute; left: 0; top: 8px;}

		/** archives page **/
		.archives-page-wrapper article h2{ margin-bottom: 20px;}
		.archives-page-wrapper article .entry-title > a { color: inherit;}
		.archives-page-wrapper article { border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 20px;}
		.archives-page-wrapper article:last-child { border-bottom: none; margin-bottom: 30px;}
		.tl-blog-readmore-btn { margin-bottom: 20px;}
		.archives-page-wrapper article header .entry-meta { margin-top: 20px; font-weight: 700;}
		.archives-page-wrapper article header .entry-meta a { color: inherit; font-weight: normal;}
		.archives-page-wrapper article .entry-footer { font-weight: 700;}
		.tl-blog-readmore-btn a { background: #eaeaea none repeat scroll 0 0; margin: 0; padding: 10px 16px; color: inherit; display: inline-block; vertical-align: top;}
		.archives-page-wrapper article .entry-footer .cat-links a{font-weight: normal; margin: 0 4px;}
		.archives-page-wrapper article .entry-footer .comments-link { border: 1px solid #cccccc; margin: 0 6px; padding: 0 6px; display: inline-block;vertical-align: top;}
		.archives-page-wrapper article .entry-footer a { color: inherit;}

		/** search no-found **/

		.tl-search-nothing-found { text-align: center;}
		.nothing-found-img i { font-size: 5em; line-height: 1.4em;}
		.tl-search-icon-block { border-radius: 50%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); display: inline-block; height: 170px;
		  margin: 4% 0;padding: 3%;text-align: center;width: 170px;}

		 /** 404 error page not found **/
		 .image-404 { margin: 3% 0;} 

		/** 
		-------------------------------------------------
		footer style parent-theme Normal - style 
		-------------------------------------------------
		**/

		.tl-footer-main { padding: 50px 0;}
		.footer-logo img { max-width: 200px;padding-bottom: 20px;}
		.tl-footer-copyright {padding: 20px 0;}
		.tl-footer-copyright a { color: inherit;font-weight: 600;}
		.tl-footer-top .widget_nav_menu ul {margin: 0; padding: 0;}
		.tl-breadcrumb-title-s1 {padding: 10px 0;}
		.tl-breadcrumb-inner { padding-bottom: 4px;}
		.tl-breadcrumb-title-s1 .entry-header { padding-bottom: 4px;}
		.page-id-196 .entry-footer { background: #ffffff none repeat scroll 0 0;}
		.tl-breadcrumb-title-s1 h1, 
		.tl-breadcrumb-title-s1 h2, 
		.tl-breadcrumb-title-s1 h3, 
		.tl-breadcrumb-title-s1 h4, 
		.tl-breadcrumb-title-s1 h5, 
		.tl-breadcrumb-title-s1 h6 { margin: 0; }
		.tl-breadcrumb-style1 .breadcrumbs h1, 
		 .tl-breadcrumb-style1 .breadcrumbs h2, 
		 .tl-breadcrumb-style1 .breadcrumbs h3, 
		 .tl-breadcrumb-style1 .breadcrumbs h4, 
		 .tl-breadcrumb-style1 .breadcrumbs h5, 
		 .tl-breadcrumb-style1 .breadcrumbs h6 { padding: 0;}




/** 
-------------------------------------------------
main-content area and sidebar style parent-theme Normal - style 
[final out put]
-------------------------------------------------
**/
.content-area, .tl-main-sidebar { padding-top: 40px;}
.tl-fluid-container.main-left {flex-grow: 1; max-width: 100%; flex-basis:0;}

/** 
-------------------------------------------------
sidebar style parent-theme Normal - style  [final out put]
-------------------------------------------------
**/

.widget_search .search-submit:hover{ 
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}


.tl-main-sidebar .widget h2.widget-title { border-bottom: 1px solid #dddddd; font-size: 18px; font-weight: normal; margin: 0 0 1em; padding-bottom: 10px; position: relative;text-align: left; text-transform: capitalize;}
.tl-main-sidebar .widget h2.widget-title::after { background: #333333 none repeat scroll 0 0; bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 60px;}
.tl-main-sidebar .widget ul { margin-left: 0;}
/** widget sidebar search form **/
   .widget_search > .search-form { position: relative;}
   .widget_search .search-submit { background: #666666 none repeat scroll 0 0; border: 1px solid #666666; border-radius: 0; color: #ffffff; font-size: 16px; font-weight: 600; height: 40px; line-height: 20px; padding: 10px 12px;
    position: absolute; right: 0; top: 0;}
   .tl-main-sidebar .widget_search label input { border: 1px solid #cccccc; border-radius: 0; height: 40px; padding-right: 85px; width: 100%;}
   .widget_search .search-submit:hover { background: #333333 none repeat scroll 0 0; border: 1px solid #333333; color: #ffffff;}
   .tl-main-sidebar .search-form > label { width: 100%;}

   /** **/

   .tl-main-sidebar .widget ul { margin-left: 0; padding: 0;}
   .tl-main-sidebar .widget ul li { list-style: outside none none;}
   .tl-main-sidebar .widget ul li a {display: block;padding: 8px 0;}
   .tl-main-sidebar .widget ul li a:hover { text-decoration: none;}	

   /** sidebar-and main content area **/
   .tl-remove-column-gutter { padding-left: 0; padding-right: 0;}

	/**
	------------------------------------------------------------------------- 
	tl-recent-post 
	-------------------------------------------------------------------------
	**/
		.tl-footer-top .widget-title { margin-bottom: 20px; color: inherit;}
		.widget_tl-recent_post ul {padding: 0;margin: 0;}
		.widget_tl-recent_post li {list-style: outside none none;padding: 6px 0;}
		.widget_tl-recent_post .tl_recent_posts_img {display: table-cell; float: left; margin-right: 20px; overflow: hidden;}
		.widget_tl-recent_post .recent_posts_content {display: table-cell;vertical-align: middle;}
		/*.widget_tl-recent_post img{width: 100%;}*/
		.widget_tl-recent_post .tl-recent-date { margin-bottom: 0;}
		.widget_tl-recent_post li { margin-bottom: 14px;}
		.widget_tl-recent_post li a { color: inherit;}
		.tl-main-sidebar .widget .tl_recent_posts li a { border-bottom: medium none; padding: 0;}
	    .tl-recent-date i { margin-right: 4px;}
	    .tl-recent-date a { font-size: 14px; opacity: 0.7;}
	    .widget_tl-recent_post .tl_recent_posts li {border-bottom: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: 10px;padding-bottom: 16px;padding-top: 0;}
		.widget_tl-recent_post .tl_recent_posts li:last-child { border: medium none;}

			/** top position recenpost style **/
			.widget_tl-recent_post .tl_recent_posts_img.top_image {display: block; float: inherit; margin-bottom: 20px; margin-right: 0;}
			
		

/** archive widget **/
.widget_archive li { border-bottom: 1px solid #eaeaea;}
.widget_archive li:last-child { border-bottom:none;}
.widget_archive li a {color: inherit;}

/** category widget **/
.widget_categories li { border-bottom: 1px solid #eaeaea;}
.widget_categories li:last-child { border-bottom:none;}
.widget_categories li a {color: inherit;}

/** meta widget **/
.widget_meta li { border-bottom: 1px solid #eaeaea;}
.widget_meta li:last-child { border-bottom:none;}
.widget_meta li a { color: inherit;}
/** instagram feed sidebar **/
.tl-instagram-feed ul.instagram-pics li a { padding: 0;}
.tl-instagram-feed ul.instagram-pics li a:hover img { opacity: 0.7;  transition: all 0.3s ease-in-out 0s;}
.follow a { border: 1px solid rgba(0, 0, 0, 0.3); display: inline-block;padding: 8px 14px;vertical-align: top;color: inherit;}
.follow { padding-top: 10px;}
/** recent comment **/
.widget_recent_comments .comment-author-link { font-weight: bold;}
.recentcomments a { display: inline !important; margin: 0 !important; padding: 0 !important;}
.widget_recent_comments a { color: inherit;}

/** single page comment form **/
.single-comment-form .comment-form { padding-bottom: 60px;}

/** recent comment **/
.widget_recent_comments .recentcomments {
  margin-bottom: 6px;
}
/** tagcloud widget **/
.widget_tag_cloud .tagcloud .tag-cloud-link { border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
display: block; font-size: 14px !important; margin-bottom: 10px; padding-bottom: 10px;}
.widget_tag_cloud .tagcloud .tag-cloud-link > span {float: right;}
 /** 
-------------------------------------------------
sidebar style parent-theme Normal - style  [final out put End]
------------------------------------------------
**/ 

/** 
-------------------------------------------------
fancybox core design 
-------------------------------------------------
**/
#fbplus-close, #fbplus-right #fbplus-right-ico{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
#fbplus-close::after { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; color: #ffffff; content: ""; display: block; 
 font-family: fontawesome; height: 40px; line-height: 35px; position: relative; right: 8px; text-align: center; top: 0; width: 40px;}
#fbplus-right-ico::after { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border-right: 8px solid #e1e1e1;color: #ffffff; content: "\f105"; font-size: 30px; padding: 40px; position: relative; font-family: fontawesome;}
#fbplus-left-ico::after { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border-left: 8px solid #e1e1e1; color: #ffffff; content: "\f104"; font-size: 30px; padding: 40px; position: relative;font-family: fontawesome;}
#fbplus-overlay { background-color: #333333;  opacity: 0.9;}
#fbplus-left:hover span { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0;}
#fbplus-right:hover span  { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  right: 69px;}
#fbplus-img { background: #e1e1e1 none repeat scroll 0 0; padding: 8px;}
.tlwp-lightbox { display: block; position: relative;}
.tlwp-hover-icon i {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 30px;
  height: 60px;
  left: 0;
  padding: 16px;
  position: relative;
  top: 50%;
  transform: translate(0px, -50%);
  width: 60px; 
}
.tl-gallery-item { position: relative;}
.tlwp-hover-icon {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  text-align: center;
}
 .tl-gallery-item:hover .tlwp-hover-icon { height: 100%; text-align: center;}
 
 /** <Pagination> */
 .tl-no-more{ opacity: 0.3; cursor: not-allowed; }
 
 /*** Prev-Next ***/
 div.tl-prevnext-pagin { text-align: center; }
 div.tl-prevnext-pagin > .box{padding: 10px 0; width: 94px; background-color: gainsboro; display: inline-block; text-decoration: none;}
 
 /*** Normal Pagination ***/
 .center {
    text-align: center;
}
.tl-num-pagination{ padding: 20px 0; text-align: center;}
.tl-num-pagination{ padding: 20px 0; text-align: center;}
.tl-num-pagination ul{margin: 0; padding: 0;}
.tl-num-pagination ul li{list-style: none; display: inline-block; vertical-align: top; background: #eaeaea;  margin:2px; }
.tl-num-pagination a { color: inherit; display: block; padding: 8px 14px; text-decoration: none;}
.tl-num-pagination .active { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; color: #ffffff;}
.more-num > a{cursor: default;}
.tl-num-pagination .more-num{background: none;}

 /** </Pagination> */
 
 /** loadMore **/
 .tl-lm-wrapper { padding: 20px 0;}
  /** custom widget area [sidebar] **/
  		/* tl-about widget */
 		.tl-custom-widget-area p:empty, .tl-custom-widget-area .tl_recent_posts_img br { display: none;}
 		/* custom sidebar widget search */
 		.tl-custom-widget-area .widget_search br { display: none;}
 		.tl-custom-widget-area .search-form > label { width: 100%;}
 		.tl-custom-widget-area .search-form > label > input.search-field { width: 100%; padding: 7px; border-radius: 0; padding-right: 85px;}
        /* category */
        .tl-custom-widget-area .widget_categories ul { margin: 0; padding: 0;}
        .tl-custom-widget-area .widget_categories ul li { list-style: outside none none; padding: 10px 0; position: relative;}
 		.tl-custom-widget-area .widget_categories ul li a { display: inline-block; vertical-align: top; width: 88%;}
 		
 		
 /** Page Loader **/

 /*--------------------------------loader style 1----------------------------------------*/

#tl-loading1{ background-color: #bd4932; height: 100%;width: 100%;position: fixed;z-index: 999;margin-top: 0px;top: 0px;}
#tl-loading-center1{width: 100%;height: 100%;position: relative;}
#tl-loading-center-absolute1 {position: absolute;left: 50%;top: 50%;height: 200px;width: 200px;margin-top: -100px;margin-left: -100px;}
#tl-object1{width: 80px;height: 80px;background-color: #FFF;
	-webkit-animation: animate 1s infinite ease-in-out;
	animation: animate 1s infinite ease-in-out;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}
@-webkit-keyframes animate {
  0% { -webkit-transform: perspective(160px); }
  50% { -webkit-transform: perspective(160px) rotateY(-180deg); }
  100% { -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg); }
}

@keyframes animate {
  0% { 
    transform: perspective(160px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); 
  } 50% { 
    transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg) ;
  } 100% { 
    transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
  }
}

 
/*----------------------------------loader style 2--------------------------------------------*/

#loading2{
	background-color: #cf4a30;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 999;
	margin-top: 0px;
	top: 0px;
}
#loading-center2{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute2{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
    -webkit-animation: loading-center-absolute 1s infinite;
	animation: loading-center-absolute 1s infinite;

}
.tl-object2{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	float: left;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;	
}
.tl-object2:nth-child(2n+0) {
	margin-right: 0px;

}
#object_one2{
	-webkit-animation: object_one 1s infinite;
	animation: object_one 1s infinite;
	}
#object_two2{
	-webkit-animation: object_two 1s infinite;
	animation: object_two 1s infinite;
	}	
#object_three2{
	-webkit-animation: object_three 1s infinite;
	animation: object_three 1s infinite;
	}		
#object_four2{
	-webkit-animation: object_four 1s infinite;
	animation: object_four 1s infinite;
	}		
	
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}			
	
}		
@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}
}	
@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}		
@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}


@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}		
@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}



@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}		
@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}



@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}		
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}

/*---------------------------loader style 3--------------------------------------*/
#loading3{background-color: #cf4a30;height: 100%;width: 100%;position: fixed;z-index: 999;margin-top: 0px;top: 0px;}
#loading-center3{width: 100%;height: 100%;position: relative;}
#loading-center-absolute3 {position: absolute;left: 50%;top: 50%;height: 20px;width: 100px;margin-top: -10px;margin-left: -50px;}
.tl-object3{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;
	position: absolute;	
}
#object_one{
	-webkit-animation: object 2s linear infinite;
	 animation: object 2s linear infinite;
	 }
#object_two{ 
	-webkit-animation: object 2s linear infinite -.4s;
	animation: object 2s linear infinite -.4s;
	 }
#object_three{ 
	-webkit-animation: object 2s linear infinite -.8s; 
	animation: object 2s linear infinite -.8s; 
	}
#object_four{ 
	-webkit-animation: object 2s linear infinite -1.2s;
	animation: object 2s linear infinite -1.2s; 
	} 
#object_five{ 
	-webkit-animation: object 2s linear infinite -1.6s; 
	animation: object 2s linear infinite -1.6s; 
	}
	
	
@-webkit-keyframes object{
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 20px; height: 20px;}
  90% { width: 40px; height: 15px; }
  95% { left: 100px; top: -20px; width: 20px; height: 20px;}
  100% { left: 100px; top:0; }		
	
}		
@keyframes object{
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 20px; height: 20px;}
  90% { width: 40px; height: 15px; }
  95% { left: 100px; top: -20px; width: 20px; height: 20px;}
  100% { left: 100px; top:0; }
}
/*--------------------------loader style 4------------------------------------------------*/

#loading4{background-color: #cf4a30;height: 100%;width: 100%;position: fixed;z-index: 999;margin-top: 0px;top: 0px;}
#loading-center4{width: 100%;height: 100%;position: relative;}
#loading-center-absolute4 {position: absolute;left: 50%;top: 50%;height: 20px;width: 100px;margin-top: -10px;margin-left: -50px; transform: -webkit-translate(-50%, -60px); -moz-transform: translate(-50%, -60px); 
transform: translate(-50%, -60px);}
.tl-object4{
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	border-top: 5px solid #FFF;
	border-bottom: 5px solid transparent;
	border-left:  5px solid #FFF;
	border-right: 5px solid transparent;
	-webkit-animation: animate4 2s infinite;
	animation: animate4 2s infinite;	
	}


#object_one4{left: 75px;top: 75px;width: 50px;height: 50px;}						
#object_two4{left: 65px;top: 65px;width: 70px;height: 70px;
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
	}		
#object_three4{left: 55px;top: 55px;width: 90px;height: 90px;
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
	}
#object_four4{left: 45px;top: 45px;width: 110px;height: 110px;
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
	}	
@-webkit-keyframes animate4 {

50% {
	-ms-transform: rotate(360deg) scale(0.8); 
   	-webkit-transform: rotate(360deg) scale(0.8); 
    transform: rotate(360deg) scale(0.8); 
  }
}

@keyframes animate4 {
	
50% {
	-ms-transform: rotate(360deg) scale(0.8); 
   	-webkit-transform: rotate(360deg) scale(0.8); 
    transform: rotate(360deg) scale(0.8); 
  }	
	}
/** scroll to top **/
#tl-scroll-top {
  background-color: rgba(0,0,0,0.5);
  border-radius: 60px;
  bottom: 20px;
  cursor: pointer;
  display: none;
  height: 50px;
  position: fixed;
  right: 10px;
  width: 50px;
  z-index: 99999;
}
#tl-scroll-top:hover{text-decoration: none;} 
#tl-scroll-top i {
  color: #ffffff;
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
}
#scroll-top {
  cursor: pointer;
  text-indent: -9999px;
}