/*!
Theme Name: Zfolio
Theme URI: https://pencilwp.com/product/zfolio-free/
Author: PencilWp
Author URI: https://pencilwp.com/
Description: Introducing Zfolio – a dynamic Personal Portfolio WordPress Theme. crafted for professionals in various fields, including designer, developer, content writer, photographer, freelancer, and more. Zfolio offers a clean and minimalist design tailored to seamlessly showcase your portfolio projects and services. It includes many sections including the Hero area, Services, About Me, Testimonials, Portfolio Slider, Call to Action, Resume and Blog. With full compatibility with Elementor, the leading Drag & Drop page builder plugin for WordPress, Zfolio provides endless customization options, making it effortless to create stunning portfolios professionally and beautifully. It's fully ready for a blog theme, empowering you to share your thoughts and insights with your audience seamlessly. 
Version: 2.1
Tested up to: 6.4
Requires PHP: 7.4
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License v2 or later
Text Domain: zfolio

Tags: grid-layout, blog, news, two-columns, three-columns, four-columns, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, 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.

zfolio 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Theme Default CSS
# Header CSS
# Theme Sections
	# Welcome Area
	# My Services Area
	# About Me Area
	# Blog Area
# Blog CSS
# Pages CSS
# Pagination CSS
# WordPress Default CSS
# Footer CSS
--------------------------------------------------------------*/

/*---------------------------------------
# Theme Default CSS
-----------------------------------------*/
.shadow::before {
	background-image: linear-gradient(transparent, #040D34), linear-gradient(#0000, #040D34);
	height: 70%;
	opacity: 0.8;
	position: absolute;
	right: 0;
	z-index: 1;
	bottom: 0;
	content: "";
	left: 0;
	width: 100%;
	z-index: 3;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navigation.posts-navigation,
.navigation.post-navigation {
	margin: 30px 0 0;
}
.nav-previous {
	margin-right: 5px;
}
.nav-links .nav-revious {
}
.nav-links a {
	background: #273C66;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	position: relative;
	border-radius: 100px;
}
.nav-links a:hover{
	background:#FC6761;
	color:#fff;
}
.nav-links .nav-next a::before {
	left: 100%;
	border-right-color: transparent;
	border-left-color: #2A2E40;
}
.nav-links .nav-previous a:hover:before{
	border-right-color:#FC6761;
}
.nav-links .nav-next a:hover:before{
	border-left-color:#FC6761;
}
/* zfolio BC */
.zfolio-bc {
	background: #F6F9FC;
	padding: 40px 0;
	text-align: center;
}
.zfolio-bc .bc-title {
	color: #273C66;
	font-size: 28px;
	margin-bottom: 8px;
}
.zfolio-bc .bc-list {
  color: #FC6761;
}
.zfolio-bc .bc-list span {
  color: #666;
  font-size: 14px;
}
.image-head img {
	border-radius: 5px;
}
/* Theme Search CSS */
.searchform {
	position: relative;
}
.searchform input[type="text"] {
	display: ;
	width: 100%;
	height: 52px;
	padding: 0 15px;
	border: 1px solid #ebebeb;
	border-radius: 0px;
	font-size: 14px;
}
.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;
}
.searchform div:after {
	content: "";
	height: 48px;
	width: 48px;
	position: absolute;
	top: 0;
	right: 0;
	content: "\f002";
	font-size: 1.2em;
	font-family: 'FontAwesome';
	line-height: 48px;
	text-align: center;
	border-left: none;
	z-index: 110;
	color: #FC6761;
}
.searchform input[type="text"]:hover,
.searchform input[type="text"]:focus {
	border-color: #FC6761;
}
.zfolio-search-close {
	min-width: 34px;
	min-height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 19px;
	color: #666 !important;
	border-radius: 100%;
	border: 1px solid #ccc;
	background: #fff;
}
.zfolio-search-close:hover,
.zfolio-search-close:focus{
	background:#273C66;
	color:#fff !important;
	border-color:transparent !important;
}
/* Search Block */

.wp-block-search .wp-block-search__input {
	border: 1px solid #ccc;
}
.wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus {
	background: #273C66;
}
/* Post Meta */
.zfolio-post-meta {
	padding: 0;
	margin: 5px 0 5px;
	list-style: none;
	display: inline-block;
}
.zfolio-post-meta li {
  display: inline-block;
  margin-right: 5px;
}
.zfolio-post-meta li i {
	color: #666;
	margin-right: 5px;
	font-size: 13px;
}
.zfolio-post-meta li a {
	color: #2A2E40;
	font-weight: normal;
	text-decoration: none;
}
.zfolio-post-meta li a:hover{
	color:#FC6761;
}
/*---------------------------------------
# End Theme Default CSS
-----------------------------------------*/

/*---------------------------------------
# Header CSS
-----------------------------------------*/
.topbar {
	border-bottom: ;
	padding: 20px 0 20px;
	background: transparent;
	z-index: 33333;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.topbar .social-contact {
	text-align: right;
	margin-right: ;
}
.topbar-right-con {
	position: relative;
	display: flex;
	align-items: start;
	justify-content: end;
	gap: 30px;
}
.topbar .social-contact ul {
	padding: 0;
	margin: 0;
}
.social-contact h4 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0px;
	color: #777;
	margin-bottom: 8px;
}
.topbar .social-contact li {
	display: inline-block;
	margin-right: 8px;
}
.topbar .social-contact li:last-child{
	margin:0;
}
.topbar .social-contact li a {
	color: #777;
	border: 1px solid #ccc;
	width: 25px;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
}
.topbar .social-contact li a:hover{
	color:#FC6761;
}
.topbar .social-contact li i{}
.topbar .button {
	/* position: absolute; */
	/* right: 0; */
	/* top: 0; */
}
.topbar .button i {
	margin-right: 5px;
}


.c-icon {
	width: 50px;
	height: 50px;
	background: #FC67611c;
	text-align: center;
	line-height: 50px;
	color: #FC6761;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 17px;
	position: absolute;
	left: 0;
	border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
}
.single-contact {
	display: inline-block;
	padding-left: 64px;
	position: relative;
	margin-right: 10px;
}
.single-contact a {
	text-decoration: none;
	font-weight: ;
	font-weight: 400;
	color: #666;
	font-weight: 400;
}
.single-contact:last-child{
	margin:0;
}
.c-content span {
	font-weight: 500;
	color: #273C66;
}
.contact-top {
  display: inline-block;
}
.zfolio-header {
	z-index: 90000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3 ease;
	position: relative;
	/* padding-bottom: 65px; */
	border-bottom: 1px solid #eee;
}
.header-image {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	left: 0;
}
.header-image img {
	width: 100%;
	height: 100%;
}

/* Logo */
.zfolio-logo {
	padding-top: 12px;
	min-width: 170px;
}
.zfolio-logo .normal-text a {
	position: relative;
	color: #273C66;
	font-size: 34px;
	display: inline-block;
	margin-top: 2px;
	font-weight: 500;
}
.zfolio-logo .img-logo img{
	display:inline-block;
}
.zfolio-logo .site-description {
	color: #666;
	font-size: 15px;
}
.zfolio-header__menu {
	position: relative;
}
.zfolio-header__middle {
	display: flex;
	justify-content: center;
	position: relative;
	align-items: center;
	background: #273C66;
	padding: 20px;
	box-shadow: 0px 0px 15px #0000001c;
	border-radius: 3px;
}
.zfolio-header__wrap {
	width: 100%;
}
/* Main Menu */
.zfolio-header__nav ul li {
	position: relative;
	display: inline-block;
}
.zfolio-header__nav ul li:last-child{
	margin:0;
	border:none;
}
.zfolio-header__nav ul li a {
	text-transform: capitalize;
	display: block;
	background: transparent;
	/* border-radius: 0px; */
	padding: 12px 18px;
	position: relative;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}
.zfolio-header__nav ul li ul li a:hover,
.zfolio-header__nav ul li ul li a:focus {
	background: #FC6761 !important;
	color:#fff !important;
	text-decoration: underline !important;
}
.zfolio-header__nav ul li a:hover,
.zfolio-header__nav ul li a:focus,
.zfolio-header__nav ul li.current-menu-item a {
	color: #fff !important;
	background: #FC6761 !important;
}

/* Dropdown Menu */
.zfolio-header__nav {
	margin: 0;
	padding: 0;
}
.zfolio-header__nav ul {
	display: initial;
	margin: 0;
	display: block;
}
.zfolio-header__nav ul li ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 100%;
	z-index: 99999;
	background: #FFF;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	width: 200px;
	margin: 0;
	padding: 0;
}
.zfolio-header__nav ul li:hover ul,
.zfolio-header__nav ul li.active-focus ul{
	opacity:1;
	visibility:visible;
}
.zfolio-header__nav ul li ul li {
	display: block;
	margin: 0;
}
.zfolio-header__nav ul li ul li a {
	color: #666 !important;
	padding: 0;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 400;
	background: transparent !important;
	border-radius: 0px;
}
.zfolio-header__nav ul li ul li a::before{
	display:none;
}
.zfolio-header__nav ul li ul li a:hover{
	color:#FC6761;
}
.zfolio-header__nav li ul li ul.sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.zfolio-header__nav li ul li:hover ul,
.zfolio-header__nav li ul li.active-focus ul{
	opacity: 1;
	visibility: visible;
}
.zfolio-header__nav li ul.sub-menu li ul li ul{
	opacity: 0;
	visibility: hidden;
}
.zfolio-header__nav li ul.sub-menu li ul li:hover ul,
.zfolio-header__nav li ul.sub-menu li ul li.active-focus ul{
	opacity: 1;
	visibility: visible;
}
.zfolio-header__nav ul li ul li ul {
	left: 100%;
	top:0;
	opacity:0 !important;
	visibility:hidden !important;
}
.zfolio-header__nav ul li ul li:hover ul,
.zfolio-header__nav ul li ul li.active-focus ul{
  	opacity:1 !important;
	visibility:visible !important;
}
/* Right Default */
.zfolio-header__right {
	display: flex;
	gap: 8px;
	align-items: center;
	min-width: 170px;
	border-left: 1px solid #ffffff4f;
	padding-left: 30px;
}

.zfolio-header__button .zfolio-header__button--icon {
	color: #fff;
	border: 1px solid #cccccc57;
	width: 30px;
	display: inline-block;
	text-align: center;
	height: 30px;
	line-height: 30px;
	padding: 0;
	border-radius: 100%;
	font-size: 13px;
}
.zfolio-header__button .zfolio-header__button--icon:hover,
.zfolio-header__button .zfolio-header__button--icon:focus{
	background:#FC6761;
	color:#fff;
	border-color:transparent;
}
.zfolio-header__button a.zfolio-btn {
	padding: 8px 15px;
	border-radius: 30px;
	color: #273C66;
	display: inline-block;
	background: #fff;
}
.zfolio-header__button a.zfolio-btn:hover,
.zfolio-header__button a.zfolio-btn:focus{
	background:#FC6761 !important;
	color:#fff !important;
}
.zfolio-header__button {
	position: relative;
}
.zfolio-social {
	list-style: none;
	margin: 0;
	display: inline-block;
	position: absolute;
	top: 36px;
	background: #fff;
	text-align: center;
	border-radius: 3px;
	width: 50px;
	padding: 12px;
	opacity: 0;
	right:0;
	visibility: hidden;
	transition:all 0.3s ease;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
}
.zfolio-header__button:hover .zfolio-social,
.zfolio-header__button.active-focus .zfolio-social {
	opacity: 1;
	visibility: visible;
}
.zfolio-social li {
  padding-right: ;
  color: #fff;
  display: block;
}
.zfolio-social li a {
	text-align: center;
	border-radius: 100%;
	color: #273C66;
	font-size: 13px;
	display: inline-block;
	padding: 0;
	line-height: 100%;
	border: none !important;
	outline: none !important;
}
.zfolio-social li:hover a,
.zfolio-social li a:focus{
	color: #FC6761;
	background: transparent;
}
.search-form-main {
	width: 100%;
	z-index: 100;
	padding: 25px 30%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(100px );
	transition: all 0.3s ease;
	position: absolute;
	top: 100%;
	background: #FFFFFF;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.14);
	display: block;
	display: flex;
	gap: 10px;
	align-items: center;
}
.search-form-main.active{
	opacity: 1;
	visibility:visible;
	transform: translateY(0px );
}
.search-form-main .search-form {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: 700px;
	margin: 0 auto;
}
.search-form-main .search-form input[type="search"] {
	border: 1px solid #273C661F;
	border-radius: 0px;
}
.search-form-main .search-form input[type="search"],
.search-form-main .search-form input[type="submit"]{
	margin:0 !important;
}
.search-form-main .search-form input[type="search"]:hover, .search-form-main .search-form input[type="search"]:focus {
	background: #fff;
	border: ;
}
.search-form-main .search-form input[type="submit"]:hover,
.search-form-main .search-form input[type="submit"]:focus{
	background:#273C66 !important;
	color:#fff;
}
@media only screen and (max-width: 1025px) {
.c-icon {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	top: 8px;
}
.single-contact {
	padding-left: 34px;
}
}

@media only screen and (max-width: 991px) {
.topbar-right-con {
	display: none;
}
}
@media only screen and (max-width: 767px) {
.zfolio-logo {
	margin: 0;
	min-width: initial;
	text-align: center;
	padding: 0;
}
.contact-top{
	display: none;
}
.zfolio-header__wrap {
	top: 65px;
}
.hero-content h2 {
	font-size: 18px !important;
}
.zfolio-header{
	padding-bottom: 0px !important;
}
}


/* Sticky Header */
.zfolio-header-sticky__active .zfolio-header__wrap {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	background: #273C66;
}
.zfolio-header-sticky__active .zfolio-header__wrap .zfolio-header__middle {
	padding: 15px;
	box-shadow: none;
}
.zfolio-header-sticky__active.zfolio-header-sticky__show .zfolio-header__wrap {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
.zfolio-header-sticky__active .zfolio-mobile-menu .menu-inner{
	top:55px;
}
}

/*---------------------------------------
# End Header CSS
-----------------------------------------*/

/*---------------------------------------
# Theme Sections
-----------------------------------------*/


/* Section Title */
.section-title {
	margin-bottom: 20px;
}
.section-title span {
	color: #FC6761;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0px;
	display: block;
	display: inline-block;
	background: #FC67611C;
	padding: 10px;
	border-radius: 3px;
}
.section-title h2 {
	font-size: 32px;
	line-height: 47px;
	font-weight: 700;
}
.section-title-2 {
	padding: 0px 50px;
}
.section-title-2 h2 {
	font-size: 35px;
	font-weight: 600;
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 20px;
}
.section-title-2 h2::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background: #FC6761;
	bottom: -1px;
	left: 50%;
	margin-left: -25px;
}
.section-title-2 p {
	font-size: 15px;
}

/* Hero Area */
.hero-area {
	position: relative;
	overflow: hidden;
	min-height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hero-content {
	z-index: 3333;
	position: relative;
}
.hero-title-slider {
	margin-bottom: 10px;
}
.hero-content h2 {
	color: #666;
	font-weight: 500;
}
.hero-content h2 span {
	color: #FC6761;
}
.single-title-slider {
	display: inline-block;
}
.single-title-slider h5 span {
	color: #fff;
	font-size: 70px;
	text-transform: uppercase;
	background: #FC6761;
	padding: 10px 30px;
	display: inline-block;
	padding: 30px;
}
.typed-cursor {
	margin-left: 10px;
	color: #FC6761;
	font-size: 35px;
	font-size: 0px;
}
.hero-content h2 {
	font-size: 23px;
	font-weight: 500;
}
.hero-content h1 {
	font-size: 65px;
	font-weight: 800;
	margin-bottom: 15px;
	color: #273C66;
	line-height: 72px;
}
.hero-content h1 span {
	color: #FC6761;
}
.single-title-slider h5 {
	font-weight: 500;
	font-size: 28px;
	color: #273C66;
	cursor: pointer;
	display: block;
	line-height: 35px;
}
.hero-content p {
	margin-bottom: 30px;
	color: #888080;
	font-size: 18px;
}
.hero-btn .theme-btn {
	background: #fff !important;
	color: #273C66;
	border: 1px solid #273C66;
	margin-right: 10px;
}
.hero-btn .theme-btn.video {
	margin: 0;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.hero-btn .theme-btn.video i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #FC6761;
	color: #fff;
	border: none;
}
.hero-btn .theme-btn i {
	width: 18px;
	height: 18px;
	line-height: 18px;
	display: inline-block;
	text-align: center;
	background: #fff;
	color: #FC6761;
	font-size: 13px;
	border-radius: 30px;
	margin-right: 8px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border:1px solid #FC6761;
}
.hero-img {
	z-index: 3333;
	position: relative;
	clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}
.animate-top-bottom img {
	animation: TopBottomShake 15s infinite;
}
@keyframes TopBottomShake{
	0%, 100%{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	} 
	10%, 30%, 50%, 70%, 90%{
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	} 
	20%, 40%, 60%, 80%{
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
}
@keyframes TopBottomShake_before{
	0%, 100%{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	} 
	10%, 30%, 50%, 70%, 90%{
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	} 
	20%, 40%, 60%, 80%{
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}
.hero-btn .theme-btn.video:hover, .hero-btn .theme-btn.video:focus {
	background: #273C66 !important;
	border-color: transparent;
	color: #fff;
}
/* Service Area */
.single-service::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 26%;
	height: 100%;
	background: #273C66;
}
.single-service:hover::before,
.single-service.active::before{
	background:#FC6761;
}
.single-service.active{
	border:1px solid #FC6761;
}
.single-service:hover .service-icon i,
.single-service.active .service-icon i {
	background: #fff;
	color: #FC6761;
	border: 1px solid transparent;
}
.single-service {
	background: #fff;
	padding: 40px 15px 40px 110px;
	border: 1px solid #eee;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	border-bottom: 20p;
}
.single-service:hover .service-icon i{
	background:#FC6761;
	color:#fff;
	border:1px solid transparent;
}
.single-service:hover{
	border:1px solid #FC6761;
}
.service-icon {
	position: absolute;
	left: 15px;
	opacity: 1;
}
.single-service:hover .service-icon,
.single-service.active .service-icon{
	opacity: 1;
}
.service-icon i {
	width: 65px;
	height: 65px;
	line-height: 65px;
	background: #fff;
	display: block;
	text-align: center;
	border: 1px solid #eee;
	font-size: 30px;
	color: #FC6761;
	border-radius: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.service-content {
	
}
.service-content .service-title {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 600;
}
.service-content .service-title a {
	text-decoration: none;
}
.service-content .service-title span {
	font-weight:500;
}
.service-content .service-title:hover{
	color:#FC6761;
}
.service-content p {
	font-size: 15px;
}
.service-btn {
	margin-top: 15px;
}
.service-btn a {
	font-size: 15px;
	font-weight: 500;
}
.service-btn a i{
	font-size:16px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.single-service:hover .service-btn a{
	color:#FC6761;
}
.single-service:hover .service-btn  i{
	margin-right:5px;
	color:#FC6761;
}


/* About Area 2 */
.about-area-2 {
	padding: 100px 0px;
}
.about-area-2 .about-img {
	text-align: initial;
}
.about-area-2 .about-content{}
.about-area-2 .about-title {
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-weight: 600;
}
.about-area-2 .about-title::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 3px;
	background: #FC6761;
	bottom: 0;
}
.about-area-2 .about-content h1 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}
.about-area-2 .about-content .typed,
.about-area-2 .about-content .typed-cursor{
	color: #FC6761;
}

.about-area-2 .about-content p{}
.about-area-2 .about-contact {
	margin-top: 40px;
}
.about-area-2 .about-contact li {
	position: relative;
	padding-left: 55px;
	margin-bottom: 20px;
	font-size: 15px;
	cursor:pointer;
}
.about-area-2 .about-contact li i {
	position: absolute;
	left: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #FC67611c;
	text-align: center;
	border-radius: 100%;
	color: #FC6761;
	top: 5px;
	border: 1px solid #FC676147;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.about-area-2 .about-contact li:hover i {
	background: #FC6761;
	color: #fff !important;
	border: 1px solid transparent;
}
.about-area-2 .about-contact li span {
	display: block;
	font-weight: 600;
}

.about-contact ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap:10%;
  }
  .about-contact ul li {
	min-width: 40%;
	width: 40%;
  }
.about-btn {
	margin-top: 30px;
}

.about-area-2 .about-contact li a {
	text-decoration: none;
}
.about-area-2 .about-contact li a span {
	color: #273C66;
	display: block;
	font-weight: 600;
}
.about-area-2 .about-contact li a {
	color: #666;
	font-weight: 400;
}

/* Responsive */
@media only screen and (max-width: 991px) {
	.hero-content h1 {
		font-size: 45px;
		line-height: 55px;
	}
	.single-service::before {
		width: 13%;
	}
}

@media only screen and (max-width: 767px) {
.hero-area {
	padding: 50px 0;
}
.hero-img {
	margin-top: 30px;
}
}

@media only screen and (max-width: 500px) {
	.single-service::before {
		width: 22%;
	}
}

@media only screen and (max-width: 479px) {
	.single-service::before {
		width: 24%;
	}
}

@media only screen and (max-width: 400px) {
	.single-service::before {
		width: 28%;
	}
}

@media only screen and (max-width: 340px) {
	.single-service::before {
		width: 32%;
	}
}
/*---------------------------------------
# End Theme Sections
-----------------------------------------*/
/*---------------------------------------
# Blog CSS
-----------------------------------------*/
.zfolio-latest-post {
	margin-top: 30px;
}
.zfolio-latest-post {
	position: relative;
}
.zfolio-latest-post article {
	border-bottom: 1px solid #cccccc8f;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.zfolio-latest-post article:last-child{
	padding:0;
	margin:0;
	border:none;
}


/* Latest Post CSS*/
.zfolio-single-post {
	background: transparent;
	/* display: flex; */
	justify-content: center;
	align-content: center;
	margin-top: 30px;
}
.zfolio-single-post__head {
	position: relative;
	/* overflow: hidden; */
	/* width: 50%; */
}
.zfolio-single-post__head::before {
	content: "";
	background: #ffffff80;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease;
	z-index: 33;
}
.zfolio-single-post:hover .zfolio-single-post__head::before {
	opacity:1;
	visibility:visible;
}
.zfolio-single-post__head img {
	border-radius: 5px;
	transition:all 0.3s ease;
}
.zfolio-single-post__comments {
	position: absolute;
	top: -5px;
	left: -5px;
	background: #FC6761;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	font-size: 13px;
	display: table-cell;
	color: #fff;
	z-index: 3333;
}
.zfolio-single-post__comments i {
  margin-right: 2px;
}



.zfolio-single-post__cat {
	padding: 5px 12px;
	border-radius: 30px;
	background: #f5f5f5;
	color: #273C66;
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.zfolio-single-post__cat a {
	color: #FC6761;
}
.zfolio-single-post__cat:hover{
	background:#FC6761;
}
.zfolio-single-post__cat:hover a{
	color:#fff;
}

.zfolio-single-post__title {
	display: flex;
	align-items: center;
	gap: 10px;
}
.zfolio-single-post.zfolio-with-thumb .zfolio-single-post__body {
	position: relative;
	background: #fff;
	margin: 0 20px;
	padding: 30px;
	box-shadow: 0px 0px 10px #00000014;
	top: -30px;
	margin-bottom: -30px;
}


.zfolio-sticky {
	color: #fff;
	min-width: 34px;
	min-height: 34px;
	line-height: 34px;
	font-size: 16px;
	border: 1px solid;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	background: #FC6761;
	border-color: transparent;
}
.zfolio-single-post__title a {
	display: inline-block;
	margin-right: 5px;
	font-size: 20px;
	color: #273C66;
	font-weight: 500;
	text-decoration: none;
}
.zfolio-single-post__title a:hover{
	color:#FC6761;
}

.zfolio-single-post__body {
	position: relative;
	margin-top: 20px;
}
.zfolio-single-post__body .entry-content {
	margin: 15px 0 0;
}

.zfolio-single-post__content{
	margin:5px 0;
}


.zfolio-single-post__button {
	margin-top: 15px;
}




/* zfolio Home Layout */
.zfolio-home-layout {
	background: #fff;
	margin-top: 30px;
	z-index: 100;
	position: relative;
}


.zfolio-heading-group {
	border-bottom: 1px solid #bbbbbb47;
	padding-bottom: 20px;
}
.zfolio-heading-group__title {
	font-size: 30px;
}
.zfolio-heading-group__text {
	font-size: 15px;
}



.post-formet {
	position: absolute;
	top: -21px;
	background: #FC6761;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	border: 1px solid #ccc6;
	opacity: 1;
	visibility: visible;
	right: 0;
	font-size: 13px;
	left: 0;
	z-index: 3333;
	border-radius: 0 5px 5px 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.zfolio-single-post:hover .post-formet{
	opacity:1;
	visibility:visible;
	transform: translateY(0px);
}
.sticky .zfolio-single-post .blog-head::after {
	position: absolute;
	right: 5px;
	top: 5px;
	content: "\f24a ";
	font-family: "FontAwesome";
	background: #FC6761;
	padding: 8px 15px;
	color: #fff;
	border-radius: 30px;
	text-transform: capitalize;
	z-index:300;
}
/* Blog Sidebar */
.zfolio-sidebar .widget-area {
	position:relative;
}
.zfolio-sidebar .widget:last-child{
	margin:0;
}
.zfolio-sidebar .search-top input {
  width: 100%;
  height: 45px;
  border-radius: 0px;
  padding: 0 15px;
  font-weight: 400;
  border: none;
}
.zfolio-sidebar .search-top #searchsubmit {
	position: absolute;
	height: 45px;
	border-radius: 0px;
	top: 10px;
	border: none;
	background: #f5f5f5;
	color: #273C66;
	right: 10px;
}
.zfolio-sidebar .search-top {
  position: relative;
  padding: 10px;
  background: #FC6761;
}
.zfolio-sidebar .widget {
	margin-bottom: 30px;
	padding: 30px;
	border: 1px solid #eee;
}
.zfolio-sidebar .widget:last-child{
	margin:0;
}
/* Blog Single */
.zfolio-blog-single {
	padding: 50px 0 80px;
}
.blog-content-main {
	margin-top: 30px;
}
.zfolio-blog-single ul li a {
  color: #273C66;
}
.zfolio-blog-single ul li {
  line-height: 30px;
}
.zfolio-blog-single .blog-body h1 {
	font-size: 38px;
}
.zfolio-blog-single .blog-body .blog-meta ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}
.zfolio-blog-single .blog-body .blog-meta ul li {
  display: inline-block;
  margin-right: 5px;
}
.zfolio-blog-single .blog-body .blog-meta ul li i {
  margin-right: 5px;
}
.zfolio-blog-single .blog-body .blog-meta ul li,.zfolio-blog-single .blog-body .blog-meta ul li a {
  color: #666;
  font-weight: 400;
}
.zfolio-blog-single .blog-body h1 a {
  color: #2A2E40;
}
.zfolio-blog-single .blog-body h1 a:hover{
	color:#FC6761;
}
.zfolio-blog-single .blog-body p {
	margin-bottom: 20px;
}
.zfolio-blog-single .blog-body p a:hover,
.zfolio-blog-single .blog-body p a:focus{
	color:#273C66;
}
.wp-block-quote {
	background: #fff;
	padding: 30px 40px;
	margin-bottom: 20px;
	font-weight: 600;
	position: relative;
	border: none;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.14);
}
.wp-block-quote p {
  margin: 0;
  font-weight: 500;
  font-size: 15px;
}
.wp-block-quote::before {
	content: "\f10d";
	font-family: 'FontAwesome';
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FC6761;
	position: absolute;
	font-size: 50px;
	opacity: 0.3;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
}
.wp-block-quote em a {
	color: #FC6761;
}
#comments {
	margin-top: 30px;
}
#comments .comments-title {
	font-size: 20px;
}
/* Comment List */
.comment-list {
	margin-top: 30px;
	padding: 0;
	position: relative;
	background: #fff;
	list-style: none;
	margin-bottom: 0px;
	margin-left: 0px;
}
.comment-author.vcard img {
	width: 70px;
	height: 70px;
	line-height: 80px;
	border: 3px solid #F5F8F9;
	padding: 2px;
	position: absolute;
	left: 0;
}
.comment-author.vcard {
	display: inline-block;
}
.comment-meta a {
	color: #353535;
}
.comment-meta {
	margin-bottom: 5px;
	position: relative;
	padding-left: 90px;
}
.comment-author.vcard .fn {
	margin: 0 0 5px;
	font-size: 16px;
	text-align: left;
	color: #353535;
}
#comment-7 {
	padding-top: 20px;
	margin: 0 0 20px;
}
.comment-reply-link {
	background: #FC6761;
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 50px;
	font-size: 13px;
	text-decoration: none !important;
}
.comment-reply-link:hover,.comment-reply-link:focus{
	background:#222534;
	color:#fff;
}
.comment-list li.comment {
	display: ;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}
.comment-list ol.children {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ebebeb;
	list-style: none;
	padding: ;
	margin-left: 50px;
}
.comment-list ol.children ol.children {
	display: ;
	margin-left: 15px;
}
.comment-list li.comment:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.comment-list .comment-body  .comment-content {
	padding-left: 90px;
}
.comment-list .reply {
	padding-left: 90px;
	margin-top: 10px;
}
#respond .comment-reply-title {
	font-size: 20px;
}
.comment-respond p {
	margin-bottom: 20px;
}
.comment-respond p:last-child {
	margin: 0;
}

.comment-respond p {
  margin-bottom: 20px;
}
.comment-respond p a{
	color:#273C66;
}
.comment-respond p a:hover{
	color:#FC6761;
}
#wp-comment-cookies-consent {
  width: auto;
  display: inline-block;
  height: auto;
}
.comment-respond label {
  display: inline-block;
  align-contentalign-content: ;
}
.comment-respond input, .comment-respond textarea {
	width: 100%;
	padding-left: 10px;
	border-radius: 5px;
	border-radius: 0px;
	background: #fff;
	border: 1px solid #e6e6e6;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1);
	box-shadow: none;
	border: 1px solid #cccccc94;
}
.comment-respond input:hover,
.comment-respond input:focus, 
.comment-respond textarea:hover,
.comment-respond textarea:focus{
	border-color:#FC6761 !important;
}
.comment-respond input {
	height: 42px;
	font-size: 14px;
}
.comment-respond .form-submit {
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
}
.comment-respond #submit {
	padding: 16px 30px;
	background: #FC6761;
	display: inline-block;
	color: #fff;
	float: left;
	border: none;
	text-transform: uppercase;
	font-size: 14px;
	height: auto;
	cursor: pointer;
	box-shadow: none;
}
.comment-respond #submit:hover,
.comment-respond #submit:focus{
	background:#273C66;
}
/* Blog Comment Form */
.comment-respond {
	background: #fff;
	margin-top: 50px;
	padding: 0;
	position: relative;
}
.comment-form .form-group label span, 
.comment-form .comment-message label span {
	color: #FC6761;
}
.comment-form .comment-form-wrap {
	margin-top: 20px;
}
.comment-form .form-group, 
.comment-form .comment-message {
	position: relative;
	display: block;
	margin: 0 0 25px;
}
.comment-form .form-group input:hover,
.comment-form .form-group input:focus,
.comment-form .comment-message textarea:hover{
	outline:none;
	background:#fff;
}
.comment-form .comment-message input,
.comment-form .comment-message textarea{
	border-bottom:1px solid transparent;
}
.comment-form .form-group input:hover,
.comment-form .comment-message textarea:hover{
	border-bottom-color:#379CB0;
}

/* Comment Form Reply */
.comment-list .bottom-title h2.comments-heading {
	background: transparent !important;
	color: #273C66;
	padding: 0;
	left: auto;
}
.comment-list .bottom-title h2.comments-heading:before {
	display: none;
}
.comment-list .bottom-title h2.comments-heading a{
	color:#379CB0;
}
.comment-list .comment-respond {
	background: #f9f9f9;
}


.blog-main-layout {
	background: ;
	padding: 0;
}
.post-cat {
	position: absolute;
	top: 17px;
	left: -43px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	overflow: hidden;
	z-index: 333;
	background: #fff;
	display: inline-block;
	padding: 7px 22px;
	color: #FC6761;
	font-weight: 600;
	font-size: 14px;
	left: -30px;
}
.post-cat a {
	color: #FC6761;
	font-weight: 400;
}
.site-main.search {
	padding: 100px 0;
}
.zfolio-blog-single-news .post-thumb {
  float: ;
  position: absolute;
  left: 0;
}
.post-text {
  padding-left: 113px;
}
.zfolio-blog-single-news {
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
}
.post-date {
	font-size: 13px;
	display: block;
	color: #666;
	margin-top: 2px;
}
.post-date i {
  margin-right: 5px;
}
/*Archive Posts */
.zfolio-blog-section {
	padding: 20px 0 50px;
}
/*---------------------------------------
# End Blog CSS
-----------------------------------------*/

/*---------------------------------------
# Pages CSS
-----------------------------------------*/
.zfolio-page {
	padding: 80px 0;
}
.zfolio-search-page {
	padding: 50px 0 80px;
}
.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;
}
.no-results.not-found .page-title span {
  color: #FC6761;
  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 */
.zfolio-404 {
	padding: 100px 0;
}
.zfolio-404__content {
	padding: 0 50px;
	background: #fff;
	text-align: center;
}
.zfolio-404__title {
	margin: 0;
	font-weight: 600;
}
.zfolio-404__title span {
	color: #FC6761;
	font-size: 80px;
	margin-right: 10px;
	display: block;
	margin-bottom: 15px;
}
.zfolio-404__text{
	margin-top:20px;
	font-size:16px;
}
.zfolio-404__button{
	margin-top:25px;
}



/*---------------------------------------
# End Pages CSS
-----------------------------------------*/

/*---------------------------------------
# Pagination CSS
-----------------------------------------*/
.pagination-main {
	margin: 50px 0 0;
	text-align: left;
}
.pagination {
	display: block;
	padding-left: 0;
	border-radius: 0px;
	text-align: center;
	margin: 0;
}
.pagination li {
	display: inline-block;
	margin-right: 10px;
}
.pagination li:last-child{
	margin:0;
}
.pagination li a {
	background: #F5F5F5;
	display: block;
	width: 46px;
	height: 46px;
	color: #353535;
	line-height: 46px;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 100%;
	text-decoration: none;
}
.pagination li.active a,
.pagination li:hover a {
	-webkit-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
	-moz-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
	box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
}
.pagination li.active a,
.pagination li a:hover ,
.pagination li a:focus {
	color: #fff !important;
	background: #FC6761;
}
.pagination li a span,
.pagination li a i {
	position: relative;
	z-index: 40;
}
.pagination li a i {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.pagination li.prev:hover a i, 
.pagination li.next:hover a i {
	color:#FC6761;
}
.pagination li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.pagination li.active a::before,
.pagination li:hover a::before{
	opacity:1;
	visibility:visible;
}
.pagination li.prev a:hover,
.pagination li.prev a:focus,
.pagination li.next a:hover,
.pagination li.next a:focus{
	box-shadow:none;
	color:#FC6761 !important;
}
.pagination li.prev a, .pagination li.next a {
	display: ;
	width: auto;
	height: auto;
	background: transparent !important;
	font-size: 20px;
	border: none !important;
	outline: none;
}
/*---------------------------------------
# End Pagination CSS
-----------------------------------------*/

/*---------------------------------------
# WordPress Default CSS
-----------------------------------------*/
.zfolio-main-area {
	padding: 20px 0 50px;
}
.zfolio-sidebar {
	margin-top: 30px;
	background: #fff;
	box-shadow: ;
}
.widget .widget-title, .widget_block h2 {
	font-size: 18px;
	font-weight: 600;
	position: relative;
	text-transform: capitalize;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	color: #FC6761;
}
.widget ul, .widget ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.widget ul li{
	margin-bottom:15px;
}
.widget ul li:last-child{
	margin:0;
}
.widget ul ul ul {
	padding-left: 5px;
}
.widget ul, .widget ul li a {
	color: #273C66;
	text-decoration: none;
}
.widget ul li:hover,.widget ul li a:hover{
	color:#FC6761;
}
.category-featured .image-head {
}
.page-links {
	padding: 0 20px;
}
.page-links a {
	background: #FC6761;
	color: #fff;
	padding: 5px 10px;
}
.wp-block-search .wp-block-search__label {
	font-weight: 700;
	margin-bottom: 10px;
	font-weight: 500;
	color: #666;
}
.widget select {
	width: 100%;
	height: 45px;
	padding: 0 20px;
	background: #F6F9FC;
}
/* 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: #FC6761;
	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,
.post-password-form input[type="submit"]:focus{
	background:#273C66;
}
.post-password-form {
	position: relative;
}
/* Table CSS */
table th {
}
table thead th {
	background: #FC6761;
	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: #FC6761;
}
table tbody a:hover {
	color: #353535;
}
/* 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(/images/select-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right 50% !important;
}
/* Widget Tags CSS */
.widget_tag_cloud .tagcloud a {
	color: #666;
	font-size: 14px !important;
	display: inline-block;
	padding: 5px 15px;
	background: #fff;
	margin-top: 5px;
}
.widget_tag_cloud .tagcloud a:hover{
	background:#FC6761;
	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: #FC6761;
  display: block;
  line-height: initial;
}
.widget_rss .rssSummary {
  display: ;
  line-height: 25px;
}

/* Widget Search CSS */
.search-form{
	position:relative;
	display:flex;
	flex-direction:column;
}
.search-form input[type="search"], .wp-block-search .wp-block-search__input {
	width: 100%;
	height: 50px;
	border-radius: 0px;
	padding: 0 75px 0 20px;
	font-size: 14px;
	background: #F6F9FC;
	border: none;
	border-radius: 3px;
	border: 1px solid #273C661F;
	border-radius: 0px;
}
.search-form input[type="search"]:hover, .search-form input[type="search"]:focus, .wp-block-search .wp-block-search__input:hover, .wp-block-search .wp-block-search__input:focus {
	background: #fff;
	border-color: #FC6761 !important;
}
.search-form label {
  width: 100%;
  position:relative;
}
.search-form input[type="submit"], .wp-block-search .wp-block-search__button {
	background: #FC6761;
	color: #fff;
	height: 50px;
	border: none;
	border-radius: 0px;
	padding: 0 20px;
	cursor: pointer;
	margin-top: 10px;
	margin: 0 !important;
}
.search-form input[type="submit"]:hover, .search-form input[type="submit"]:focus,
.wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus {
	background: #273C66;
}
.search-form input[type="submit"]{
	margin-top:15px !important;
}
.search-form-main .search-form input[type="search"]:hover,
.search-form-main .search-form input[type="search"]:focus,
.wp-block-search .wp-block-search__input:hover,
.wp-block-search .wp-block-search__input:focus{
border-color: #FC6761 !important;
}


/* 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: #FC6761;
	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: #FC6761;
	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:#FC6761;
}
/* Widget Search CSS */
.search-form {
  width: 100%;
}
.search-form label input {
  width: 100%;
  padding: 12px 20px;
  border-radius: 0px;
}
.search-form  .search-submit {
  display: block;
  background: #;
  background: #FC6761;
  border-radius: 0px;
  padding: 12px 20px;
  border: none;
  color: #fff;
  position: ;
  display: inline-block;
  height: 48px;
}
.search-form label {
  display: inline-block;
}
/* Widget Recent Comments */
.widget_recent_comments li a {
    display: block;
}
.widget_recent_comments .recentcomments a {
    display: block !important;
    line-height: initial;
}
.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 {
	left: 0;
	top: 0;
	font-family: 'FontAwesome';
	margin-right: 5px;
	line-height: initial;
	content: "\f007";
}
.recentcomments span {
	display: inline-block !important;
}
.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:#FC6761;
	color:#fff;
}

/* WP Blocks */

.wp-block-archives li,.wp-block-archives li a {
  color: #2A2E40;
  line-height: 30px;
  display: ;
}
.wp-block-calendar tfoot td {
  text-align: left;
}
.wp-block-calendar tfoot td a {
  color: #FC6761;
  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: #FC6761;
  padding: 10px 20px;
}
.wp-block-calendar table th {
  background: #F5F8F9;
  color: #273C66;
  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;
}
.wp-block-search input {
	padding: 12px 20px;
	border-radius: 0px;
}
.wp-block-search button {
  background: #FC6761;
  color: #fff;
  border-radius: 0px;
}
.wp-block-search {
  margin-bottom: 20px;
}
.wp-block-tag-cloud a {
  color: #2A2E40;
  padding: 5px;
}
.wp-block-tag-cloud a:hover {
  color: #FC6761;
}
.wp-block-rss li a {
  color: #666;
}


.wp-block-latest-comments__comment-date {
	font-size: 13px;
	margin-top: 6px;
}



.wp-block-latest-posts__featured-image img {
  width: auto !important;
  height: auto !important;
  border-radius: 100%;
}
.wp-block-latest-posts__featured-image {
  position: absolute;
  left: 0;
  width: 60px;
}
.wp-block-latest-posts li {
  position: relative;
  padding-left: 75px !important;
}
.wp-block-search__inside-wrapper {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
/*---------------------------------------
# End WordPress Default CSS
-----------------------------------------*/

/*---------------------------------------
# Footer CSS
-----------------------------------------*/
.zfolio-footer__top {
	padding: 50px 0 80px;
	background: #F6F9FC;
}
.zfolio-footer__widget{
	margin-top:30px;
}
.zfolio-footer__bottom {
	background: #273C66;
	padding: 20px 0;
	position: relative;
}
.zfolio-footer__devs {
	margin-top: 10px;
}
.zfolio-footer__branding p, 
.zfolio-footer__branding p a {
	color: #fff;
}
.zfolio-footer__branding p a:hover{
	color:#FC6761;
}
.zfolio-footer__branding a {
	color: #FC6761;
}
.zfolio-footer__branding .zfolio-footer__devs, 
.zfolio-footer__branding .zfolio-footer__devs a{
	font-size:16px;
	color:#ccc;
}
.zfolio-footer__devs {
	text-align: right;
}
.zfolio-footer__bottom p {
	margin: 0;
}
/*---------------------------------------
# End Footer CSS
-----------------------------------------*/

/* Tablet Layout 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header .main-navigation ul {
	padding-right: 0;
}
.header .main-navigation ul li {
	margin-right: 2px;
}
.header .main-navigation ul li a {
	padding: 18px 5px;
	font-size: 14px;
}
.post-main-slider .zfolio-content {
	margin: 0 5px;
	top: 0;
	padding: 20px;
	top: -50px;
	margin-bottom: -50px;
}
.zfolio-sidebar .widget-area {
	padding: 20px;
}
}
@media only screen and (max-width: 767px) {
.post-main-slider .zfolio-content {
	margin: 0 5px;
	top: 0;
	padding: 20px;
	top: -50px;
	margin-bottom: -50px;
}
.top-date {
  float: none;
  text-align: center;
}
.top-right {
  float: none;
  text-align: center;
  margin-top: 5px;
}
#site-navigation{
	display:none;
}
.main-menu {
	padding: 15px 0;
}
.zfolio-mobile-menu .menu-inner ul li ul li {
  border: none;
}
.zfolio-mobile-menu .menu-inner ul li ul {
	border-left: 1px solid #ffffff40;
	margin-left: 30px;
}
.zfolio-mobile-menu{
	display:block;
}
.zfolio-mobile-menu .menu-click {
	top: 0;
	left: 0;
	font-size: 30px;
}
.zfolio-mobile-menu .menu-click a {
	color: #fff;
	z-index: 3333;
	position: relative;
	font-size: 22px;
	cursor: pointer;
}
.zfolio-mobile-menu .menu-click a:hover, 
.zfolio-mobile-menu .menu-click a:focus {
	color: #FC6761;
}
.zfolio-mobile-menu .menu-click a span {
	padding-left: 5px;
	font-family: 'poppins';
}
.zfolio-mobile-menu .menu-inner {
	position: absolute;
	padding: 0;
	padding-top: 22px;
	padding-bottom: 20px;
	right: 0;
	background: #FC6761;
	top: 65px;
	min-width: 300px;
	padding: 0 15px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.3s ease;
	padding-bottom: 20px;
	z-index: 3333333;
	padding-top: 20px;
	overflow: scroll;
	left: 0;
	padding-bottom: 20px;
	border-radius: 5px;
}
.zfolio-mobile-menu .menu-inner.active {
	opacity:1;
	visibility:visible;
	transform: translateY(0px);
}
.zfolio-mobile-menu .menu-inner ul li {
	display: block;
	float: none;
	width: 100%;
	border-bottom: 1px solid #cccccc47;
}
.zfolio-mobile-menu .menu-inner ul li:last-child{
	border:none;
}
.zfolio-mobile-menu .menu-inner ul li a {
	padding: 0;
	display: block;
	width: 100%;
	padding: 10px 10px;
	color: #fff !important;
	text-decoration: none;
	border: 1px solid transparent;
}
.zfolio-mobile-menu .menu-inner ul li a:hover, .zfolio-mobile-menu .menu-inner ul li a:focus {
	color: #fff !important;
	border-color:#fff;
}
.zfolio-mobile-menu .menu-inner ul {
	display: block;
	padding: 0;
	margin: 0;
}
.zfolio-mobile-menu .main-navigation ul li ul {
  position: relative;
  opacity: 1;
  visibility: visible;
  margin-left: 20px;
}
.header .zfolio-mobile-menu ul li ul {
	position: relative;
	opacity: 1;
	visibility: visible;
	width: 100%;
	margin-left: 30px;
}
.zfolio-mobile-menu .main-navigation ul li ul li a {
  color: #273C66;
}
.zfolio-mobile-menu .close-menu{
	margin-top:20px;
}
.zfolio-mobile-menu .close-menu a {
	display: inline-block;
	border: 1px solid #ccc;
	background: #273C66;
	color: #fff;
	padding: 6px 20px;
	border: none;
	border-radius: 30px;
	border:1px solid transparent;
}
.zfolio-mobile-menu .close-menu a:hover,
.zfolio-mobile-menu .close-menu a:focus{
	background:#fff !important;
	color:#FC6761;
}

.zfolio-mobile-menu .close-menu a i {
	margin-right: 5px;
}
.header .social-widget {
	top: 3px;
}
#calendar_wrap {
	overflow: scroll;
}

.scroll-top {
	width: 44px;
	height: 44px;
	line-height: 44px;
	top: -22px;
	right: 30px;
	font-size: 20px;
}
.zfolio-header__menu, .zfolio-header__right {
	display: none;
}

}


@media only screen and  (max-width: 767px) {
.zfolio-404__content {
	padding: 30px;
}
.zfolio-404__title span {
	font-size: 60px;
}
.zfolio-404__title {
	font-size: 30px;
}
.search-form-main {
	display: none;
}
.zfolio-footer__branding p, .zfolio-footer__branding p a {
	text-align: center;
}	
}

@media only screen and  (max-width: 360px) {
.zfolio-404__title {
	font-size: 28px;
}
}

@media only screen and  (max-width: 1000px) {
.zfolio-main-area__content {
	order: -1;
}
}


@keyframes modal-video {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    from {
        transform: translate(0, 100px)
    }
    to {
        transform: translate(0, 0)
    }
}

/* Videop Popup CSS */

.modal-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000000000;
	cursor: pointer;
	opacity: 1;
	animation-timing-function: ease-out;
	animation-duration: .3s;
	animation-name: modal-video;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.modal-video-close {
    opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px)
}

.modal-video-body {
    max-width: 960px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    box-sizing: border-box
}

.modal-video-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

@media (orientation: landscape) {
    .modal-video-inner {
        padding: 10px 60px;
        box-sizing: border-box
    }
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #273C66;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal-video-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -45px;
    right: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent
}

@media (orientation: landscape) {
    .modal-video-close-btn {
        top: 0;
        right: -45px
    }
}

.modal-video-close-btn:before {
    transform: rotate(45deg)
}

.modal-video-close-btn:after {
    transform: rotate(-45deg)
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    border-radius: 5px;
    margin-top: -6px
}

.modal-video-close-btn {
	right: 0;
	top: -10px;
	right: -15px;
	background: #fff;
	border-radius: 100%;
	display: block;
	text-align: center;
	transition: all 0.3s ease;
}
.modal-video-close-btn::before, .modal-video-close-btn::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 60%;
	top: 50%;
	left: 6px;
	margin-top: -1px;
	background: #111111;
	border-radius: 5px;
	font-size: 20px;
}
.modal-video-close-btn:hover{
    opacity: 0.6;
}
.xa-blog-single {
	margin-top: 30px;
}