/*!
Theme Name: Kali
Theme URI: https://wpkali.com
Author: Responsive Pixel
Author URI: https://responsive-pixel.com
Version: 1.0.0
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: kali
Tags: two-columns, left-sidebar, right-sidebar, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, portfolio, e-commerce
Description: Kali is a super fast, lightweight, fully customizable, multi-purpose and beautiful WordPress theme. It’s perfect for blogs, personal portfolio, small business(restaurants, wedding planners, plumbers, sport/medical shops), startups, agencies as well as WooCommerce storefront sites and most types of projects. Kali works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer). Kali is also WooCommerce ready, responsive, Retina ready, SEO friendly, RTL & translation ready. Kali comes with many starter free sites which can be used for developing any niche websites for you or your client projects. Looking for a multi-purpose theme? Look no further, Kali can be used for building any kind of websites!
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
 /* Document
========================================================================== */
 /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
  html {
 	line-height: 1.15; /* 1 */
 	-webkit-text-size-adjust: 100%; /* 2 */
 }
 /* Sections
========================================================================== */
 /**
 * Remove the margin in all browsers.
 */
  body {
	 margin: 0;
	 overflow-x: hidden;
	 overflow-y: auto;
 }
 /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
  h1 {
 	font-size: 2em;
 	margin: 0.67em 0;
 }
 /* Grouping content
========================================================================== */
 /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
  hr {
 	box-sizing: content-box; /* 1 */
 	height: 0; /* 1 */
 	overflow: visible; /* 2 */
 }
 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  pre {
 	font-family: monospace, monospace; /* 1 */
 	font-size: 1em; /* 2 */
 }
 /* Text-level semantics
========================================================================== */
 /**
 * Remove the gray background on active links in IE 10.
 */
  a {
 	background-color: transparent;
 	color: #000;
 	-webkit-transition: all .400s ease-in-out;
 	-moz-transition: all .400s ease-in-out;
 	-ms-transition: all .400s ease-in-out;
 	-o-transition: all .400s ease-in-out;
 	transition: all .400s ease-in-out;
 }
 a:hover,
 a:focus{
 	color: #69acff;
 	text-decoration: none;
 }
 /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
  abbr[title] {
 	border-bottom: none; /* 1 */
 	text-decoration: underline; /* 2 */
 	text-decoration: underline dotted; /* 2 */
 }
 /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
  b,
 strong {
 	font-weight: bolder;
 }
 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  code,
 kbd,
 samp {
 	font-family: monospace, monospace; /* 1 */
 	font-size: 1em; /* 2 */
 }
 /**
 * Add the correct font size in all browsers.
 */
  small {
 	font-size: 80%;
 }
 /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
  sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline;
 }
  sub {
 	bottom: -0.25em;
 }
  sup {
 	top: -0.5em;
 }
 /* Embedded content
========================================================================== */
 /**
 * Remove the border on images inside links in IE 10.
 */
  img {
 	border-style: none;
    display: block;
 }
 /* Forms
========================================================================== */
 /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
  button,
 input,
 optgroup,
 select,
 textarea {
 	font-family: inherit; /* 1 */
 	font-size: 100%; /* 1 */
 	line-height: 1.15; /* 1 */
 	margin: 0; /* 2 */
 }
 /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
  button,
 input { /* 1 */
 	overflow: visible;
 }
 /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
  button,
 select { /* 1 */
 	text-transform: none;
 }
 /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
  button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
 	-webkit-appearance: button;
 }
 /**
 * Remove the inner border and padding in Firefox.
 */
  button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
 	border-style: none;
 	padding: 0;
 }
 /**
 * Restore the focus styles unset by the previous rule.
 */
  button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
 	outline: 1px dotted ButtonText;
 }
 /**
 * Correct the padding in Firefox.
 */
  fieldset {
 	padding: 0;
 }
 /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
  legend {
 	box-sizing: border-box; /* 1 */
 	color: inherit; /* 2 */
 	display: table; /* 1 */
 	max-width: 100%; /* 1 */
 	padding: 0; /* 3 */
 	white-space: normal; /* 1 */
 }
 /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
  progress {
 	vertical-align: baseline;
 }
 /**
 * Remove the default vertical scrollbar in IE 10+.
 */
  textarea {
 	overflow: auto;
 }
 /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
 [type="checkbox"], 
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: auto;
    margin-right: 10px;
}
 /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
  [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
 	height: auto;
 }
 /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
  [type="search"] {
 	-webkit-appearance: textfield; /* 1 */
 	outline-offset: -2px; /* 2 */
 }
 /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
  [type="search"]::-webkit-search-decoration {
 	-webkit-appearance: none;
 }
 /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
  ::-webkit-file-upload-button {
 	-webkit-appearance: button; /* 1 */
 	font: inherit; /* 2 */
 }
 /* Interactive
========================================================================== */
 /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
  details {
 	display: block;
 }
 /*
 * Add the correct display in all browsers.
 */
  summary {
 	display: list-item;
 }
 /* Misc
========================================================================== */
 /**
 * Add the correct display in IE 10+.
 */
  template {
 	display: none;
 }
 /**
 * Add the correct display in IE 10.
 */
  [hidden] {
 	display: none;
 }
  input,
 select{
 	border-radius: 0;
 	padding:15px;
 }
 /*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	line-height: 1.7;
}
body{
	color: #373737;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway", Sans-serif;
	font-weight: 500;
	color: #0c0c0c;
	clear: both;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.4;
	margin-bottom: 15px;
}
 h1{
	font-size: 48px;
}
h2{
	font-size:36px ;
}
h3{
	font-size:30px ;
}
h4{
	font-size: 26px;
}
h5{
	font-size:22px ;
}
h6{
	font-size:20px ;
}
p {
	margin: 0 0 15px 0;
}
 dfn, cite, em, i {
	font-style: italic;
}
 blockquote {
    margin: 0;
    background-color: #f2f2f2;
    padding: 40px;
    margin-bottom: 50px;
}
 address {
	margin: 0 0 1.5em;
}
 pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
 code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
 abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
 mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
 big {
	font-size: 125%;
}
 /*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
 *,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
 body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}
 hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
 ul, ol {
	padding-left: 35px;
	margin: 0 0 15px 0;
}
body.page-template-default .absolute-header.fixed .kali-elementor-main-menu nav ul li a {
    color: #fff;
}
 ul {
	list-style: disc;
}
 ol {
	list-style: decimal;
}
 li > ul,
li > ol {
	margin-bottom: 0;
	/* margin-left: 1.5em; */
}
 dt {
	font-weight: bold;
}
 dd {
	margin: 0 1.5em 1.5em;
}
 img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}
  table {
	margin: 0 0 15px;
	width: 100%;
    border-collapse: collapse;
    border: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0;
}
table tbody tr td {
	border-bottom: 1px solid #ccc;
}
table tbody tr:last-child td {
    border-bottom: 0;
}
table tr th {
    background-color: #eff2f5;
    text-align: left;
}
table tr th, 
table tr td {
    font-weight: 500;
    padding: 15px 25px;
}
label {
    display: inline-block;
    margin-bottom: 3px;
}
.slick-slide:focus {
    box-shadow: none;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 0px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}
 button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}
 button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}
 input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	height: 50px;
	color: #666;
	border: 1px solid #ccc;
}
 input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
 select {
	height: 45px;
	border: 1px solid #ccc;
}
 textarea {
	width: 100%;
	height: auto;
}
input,
select,
textarea{
	width: 100%;
	padding: 10px;
	border-radius: 0;
	transition: all 0.4s ease-in-out;
}
input:focus,
select:focus,
textarea:focus{
	border: 1px solid #69acff;
}
 /*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
	text-decoration: none;
    display: inline-block;
}
 a:hover, a:focus{
	color: #69acff;
}
 /*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
 .main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
 .main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}
 .main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
 .main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
 .main-navigation ul ul a {
	width: 200px;
}
 .main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
 .main-navigation li {
	float: left;
	position: relative;
}
 .main-navigation a {
	display: block;
	text-decoration: none;
}
 /* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
 @media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}
 .site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
 .comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
 .comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
 /*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute ;
	width: 1px;
	word-wrap: normal ; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
 .screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto ;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
 /*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
 .clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
 /*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}
 .widget select {
	max-width: 100%;
}
 /*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
 .post,
.page {
	margin: 0;
}
 .updated:not(.published) {
	display: none;
}
 .page-content,
.entry-content,
.entry-summary {
	margin: 0 0 0;
}
 .page-links {
	clear: both;
	margin: 0 0 0;
}
 /*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
 .bypostauthor {
	display: block;
}
 /*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
 /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
 /*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
 /* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
 /* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}
 /*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
 .gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
 .gallery-columns-2 .gallery-item {
	max-width: 50%;
}
 .gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
 .gallery-columns-4 .gallery-item {
	max-width: 25%;
}
 .gallery-columns-5 .gallery-item {
	max-width: 20%;
}
 .gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
 .gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
 .gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
 .gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
 .gallery-caption {
	display: block;
}
/*--------------------------------------------
additional css
-----------------------------------------*/
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
	color: #0c0c0c;
}
body{
	line-height: 1.7;
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container{
    width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}
header.site-header {
    position: relative;
    z-index: 11111;
    transition: all 0.4s ease-in-out;
}

.kali-main-menu  {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
}
.kali-default-header nav.navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.kali-default-header {
    background-color: #fff;
    width: 100%;
    padding: 20px 15px;
	transition: all 0.4s ease-in-out;
}
.kali-default-header.is-transparent {
    position: absolute;
    background-color: transparent;
}
header.site-header nav.navbar p.site-description {
    color: #000;
    margin-bottom: 0;
}
header.site-header nav.navbar h2.site-title {
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 10px;
}
.site-header .kali-default-header.is-sticky {
    position: fixed;
    background-color: #fff;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.33);
    animation: smoothScroll 0.6s forwards;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-88px);
    }
    100% {
        transform: translateY(0px);
    }
}
.navbar {
    padding: 0;
}
.navbar-brand, .navbar-brand a.custom-logo-link {
    line-height: 0;
}
.navbar-expand-lg .navbar-nav {
    flex-wrap: wrap;
}
ul.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.navbar-nav li.menu-item a {
	position: relative;
    text-decoration: none;
}
ul.navbar-nav>li.menu-item>a:before,
ul.navbar-nav>li.menu-item>a:after,
a.link:before,
a.link:after{
    content: '';
    display: block;
    position: absolute;
    bottom: -3px;
    height: 2px;
    width: 0;
    background-color: #000;
}
ul.navbar-nav>li.menu-item>a:before,
a.link:before{
	left: 0;
}
ul.navbar-nav>li.menu-item:hover>a:before,
ul.navbar-nav>li.menu-item:focus>a:before,
ul.navbar-nav>li.menu-item.current_page_item>a:before,
a.link:hover:before,
a.link:focus:before {
    width: 100%;
    background-color: #69acff;
    transition: width 0.3s ease-in-out;
}
nav.navbar ul.navbar-nav>li.menu-item>a:after,
a.link:after{
	right: 0;
    background-color: #69acff;
    transition: width 0.3s ease-in-out;
}
nav.navbar ul.navbar-nav>li.menu-item:hover>a:after,
a.link:hover:after {
    width: 100%;
    background: transparent;
    transition: 0s;
}
/*---------------------
when transparent
----------------------*/
body.single-layout1 .site-header .kali-default-header nav.navbar ul.navbar-nav>li.menu-item>a:before,
.kali-default-header.is-transparent nav.navbar ul.navbar-nav>li.menu-item>a:before,
body.single-layout1 .site-header .kali-default-header nav.navbar ul.navbar-nav>li.menu-item:hover>a:before,
.kali-default-header.is-transparent nav.navbar ul.navbar-nav>li.menu-item:hover>a:before,
.kali-default-header.is-transparent nav.navbar ul.navbar-nav>li.menu-item>a:after{
	background-color: #fff;
}
.kali-default-header.is-transparent nav.navbar ul.navbar-nav>li.menu-item:hover>a:after {
    background: transparent;
}
/*---------------------
when sticky
----------------------*/
body.single-layout1 .site-header .kali-default-header.is-sticky nav.navbar ul.navbar-nav>li.menu-item>a:before,
.kali-default-header.is-sticky nav.navbar ul.navbar-nav>li.menu-item>a:before,
body.single-layout1 .site-header .kali-default-header.is-sticky nav.navbar ul.navbar-nav>li.menu-item:hover>a:before,
.kali-default-header.is-sticky nav.navbar ul.navbar-nav>li.menu-item:hover>a:before,
.kali-default-header.is-sticky nav.navbar ul.navbar-nav>li.menu-item>a:after{
	background-color: #69acff;
}
.kali-default-header.is-sticky nav.navbar ul.navbar-nav>li.menu-item:hover>a:after {
    background: transparent;
}
/*---------------------
sticky end
----------------------*/

@media (min-width: 1025px){
	/*---------------------
	when transparent
	----------------------*/
	body.single-layout1 .site-header .kali-default-header .navbar-nav>li>a,
	.kali-default-header.is-transparent .navbar-nav>li>a,
	body.single-layout1 .site-header .kali-default-header .navbar-nav>li>a:hover,
	.kali-default-header.is-transparent .navbar-nav>li>a:hover{
		color: #fff;
	}

	/*---------------------
	when sticky
	----------------------*/
	body .navbar-nav>li>a,
	body .site-header .kali-default-header.is-sticky .navbar-nav>li>a{
		color: #000;
		font-size: 16px;
	}
	body .navbar-nav li>a:hover,
	body .navbar-nav li.current_page_item>a,
	body .site-header .kali-default-header.is-sticky .navbar-nav>li>a:hover,
	body .site-header .kali-default-header.is-sticky .navbar-nav>li.current_page_item>a,
	body .kali-default-header.is-transparent .navbar-nav>li>a:hover,
	body .navbar-nav li>a:focus,
	body .site-header .kali-default-header.is-sticky .navbar-nav>li>a:focus,
	body .kali-default-header.is-transparent .navbar-nav>li>a:focus{
		color: #69acff;
	}

	/*---------------------
	sticky end
	----------------------*/
}
.navbar-nav li{
	margin-left: 20px;
}
.navbar-nav li:first-child{
	margin-left: 0px;
}
.navbar-nav li.menu-item-has-children{
	position: relative;
}
.sub-menu{
	padding:0;
    top: 130%;
	margin:0;
	list-style-type: none;
	position:absolute;
	left: 0;
	width: 200px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .400s ease-in-out;
	-moz-transition: all .400s ease-in-out;
	-ms-transition: all .400s ease-in-out;
	-o-transition: all .400s ease-in-out;
	transition: all .400s ease-in-out;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
}

ul.sub-menu ul {
    left: 101%;
    top: 0;
}
.navbar-nav li.menu-item-has-children:hover>a + ul.sub-menu, 
.navbar-nav li.menu-item-has-children>a:focus + ul.sub-menu,
.sub-menu:focus,
.sub-menu:hover {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.sub-menu li{
	margin:0;
}
.sub-menu li a{
	display: inline-block;
	padding:15px;
	width: 100%;
	background-color:#fff;
	color: #404040;
	line-height: 1.5;
	font-size:14px;
	border-bottom: 1px solid #dcdcdc;
}
.sub-menu>li:hover>a,
.sub-menu>li:focus>a{
	background-color:#000;
	color: #fff;
}
.sub-menu li:last-child a{
	border-bottom: 0;
}
 .site-footer .right-resurved p {
	margin-bottom: 0;
	color: #fff;
}
.site-footer{
	background-color:#000;
	padding: 0px;
	font-size:14px;
}
.site-footer .right-resurved{
	text-align: center;
	padding: 30px 0;
}
a.navbar-toggler {
	display: none;
}
.search-icon svg {
    width: 20px;
}
.search-icon {
    cursor: pointer;
}
.search-icon .search-container form {
    display: flex;
    flex-wrap: wrap;
}

.search-icon .search-container form label {
    width: 60%;
    margin: 0;
}

.search-icon .search-container form input.search-submit {
    width: 40%;
    height: 50px;
}

.search-icon .search-container {
    position: absolute;
    width: 400px;
    right: 0;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(15px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.search-icon {
    position: relative;
}

.search-icon .search-container.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
/*-------------------------------
default button
--------------------------------*/
a.blog-btn,
.btn,
input[type="submit"],
input[type="button"],
button,
.button{
	display: inline-block;
	line-height: 1;
	font-weight: normal;
	border-radius: 0px;
	border:2px solid transparent;
	text-transform: uppercase;
	width: auto;
	-webkit-transition: all .400s ease-in-out;
	-moz-transition: all .400s ease-in-out;
	-ms-transition: all .400s ease-in-out;
	-o-transition: all .400s ease-in-out;
	transition: all .400s ease-in-out;
	cursor: pointer;
}
/*-------------------------------
primary button
------------------------------*/
input[type="submit"],
input[type="button"],
.btn-primary,
button{
	font-size: 14px;
	padding: 18px 30px;
	background-color: #000;
	color: #fff;
}
input[type="submit"]:hover,
input[type="button"]:hover,
.btn-primary:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
.btn-primary:focus,
button:hover,
button:focus{
	color: #fff;
	border-color: #69acff;
	background-color: #69acff;
}
/*--------------------------------------
secondary-button
------------------------------------*/
a.blog-btn,
input.tnp-submit,
input.search-submit,
.widget form button,
input.button,
.btn-secondary,
.btn{
	font-size: 14px;
	padding: 14px 30px;
	background-color: #000;
	color: #fff;
}
a.blog-btn:hover,
.form-submit input.submit:hover,
input.tnp-submit:hover,
input.search-submit:hover,
.widget form button:hover,
input.button:hover,
.btn-secondary:hover,
.btn:hover,
a.blog-btn:focus,
input.tnp-submit:focus,
input.search-submit:focus,
.widget form button:focus,
input.button:focus,
.btn-secondary:focus,
.btn:focus{
	color: #fff;
	border-color: #69acff;
	background-color: #69acff;
}
/*--------------------------------------
blue-button
------------------------------------*/
.menu-btn-wrap a.btn.btn-primary{
	background-color: #69acff;
	border-color: #69acff;
	color: #fff;
}
.menu-btn-wrap a.btn.btn-primary:hover,
.menu-btn-wrap a.btn.btn-primary:focus{
	border-color: #000;
	background-color: #000;
}
input.button {
    width: auto;
}
input.button[type=reset] {
    background-color: transparent;
    color: #000;
    padding: 0;
    border: 0;
}
input.button[type=reset]:hover {
	color: #69acff;
}
input.file, input[type=file] {
    padding: 0;
    width: auto;
    border: 0;
}
/*----------------
link
------------------*/
a.link {
	position: relative;
    font-size: 16px;
    background-color: transparent;
    padding: 0;
    color: #000;
    text-decoration: none;
    border: 0;
    box-shadow: none;
    text-transform: capitalize;
    line-height: 1.4;
}
a.link:hover,
a.link:focus {
    background-color: transparent;
    color: #69acff;
    border: 0;
    box-shadow: none;
}
 /*-----------------------------------------------------------
404 error
----------------------------------------------------------*/
.error-404.not-found {
	height: 50vh;
	display: inline-flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.error-404.not-found .page-content{
	margin-top: 0;
}
.error-404.not-found .page-header{
	width: 100%;
	max-width: 40%;
	margin:0 auto 40px;
}
.error-404.not-found .page-title {
	font-size: 40px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 1;
	text-transform: uppercase;
}
 figure{
	margin:0px;
	line-height: 0;
}
figcaption {
    line-height: 1.7;
}
/*---------------------------------------------
Sidebar Css
---------------------------------------------*/
.widget {
	background-color: #f1f1f1;
    padding: 25px;
}
.widget .widget-title{
	position: relative;
	background-color: transparent;
	padding: 0 0 20px 0;
	line-height: 1;
	font-size:20px;
	color: #000;
    margin-bottom: 25px;
	border-bottom: 1px solid #ddd;
}
.widget .widget-title:before{
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #000;
	transition: all 0.3s ease-in-out;
}
.widget>ul,
ul.kali-recent-post-holder{
	padding: 0;
	margin:0;
	list-style-type: none;
}
.widget ul{
	margin:0;
	list-style-type: none;
}
.widget ul li,
ul.kali-recent-post-holder li.kali-recent-post-item {
    text-transform: capitalize;
	margin-bottom: 15px;
}
.widget ul li:last-child,
ul.kali-recent-post-holder li.kali-recent-post-item:last-child{
	margin-bottom: 0;
}
.widget ul ul{
	padding: 10px 0px 0px 15px;
}
.widget ul ul li {
    margin-bottom: 5px;
}
.widget ul li a {
    color: #000;
}
.widget ul li a:hover {
    color: #69acff;
}
.widget form {
    display: flex;
    flex-wrap: wrap;
}
section#monster-widget-placeholder-2 select#archives-dropdown--1 {
    margin: 25px;
}
.tagcloud a {
    margin: 0 3px;
}
.widget ul.menu li.menu-item a {
    color: #000;
}
.widget ul.menu li.menu-item a:hover {
    color: #69acff;
}
.widget .textwidget form {
    padding: 0;
}
mark, ins {
    background: transparent;
}
/*---------------------
breadcrumb
--------------------*/
.breadcumb-section{
	position: relative;
	margin-bottom: 50px;
	margin-top: 20px;
	background-color: #e5e5e5;
}
.breadcumb-section.overlay:before {
    content: " ";
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.single-layout1 .breadcumb-section.overlay:before {
    background: rgba(0, 0, 0, 0.4);
}
.breadcumb-section ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
}
.breadcumb-section ul li a{
	color: #404040;
}
.breadcumb-section {
	margin-top: 0px;
}
body.single-layout1 section.breadcumb-section {
    padding-top: 80px;
}
.breadcumb-section {
    background-color: #e0e0e0;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    min-height: 250px;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.breadcumb-section.header-is-transparent {
    padding-top: 80px;
}
body.single-layout1 .breadcumb-section .title-banner-wrapper {
    min-height: 500px;
}
.breadcumb-section .container {
	position: relative;
	z-index: 1;
}
.breadcumb-section .title-banner-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.breadcumb-section.left .title-banner-wrapper {
	align-items: flex-start;
}
.breadcumb-section.right .title-banner-wrapper {
	align-items: flex-end;
}
.breadcumb-section.center .title-banner-wrapper {
	align-items: center;
	text-align: center;
}
.breadcumb-section.wide .title-banner-wrapper {
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}
.single-layout1 .breadcumb-section .breadcrumb-title, 
.single-layout1 .breadcumb-section div#kali-breadcrumb, 
.single-layout1 .breadcumb-section div#kali-breadcrumb a {
    color: #fff;
}
.breadcrumb-blog-caption h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.breadcrumb-blog-caption h2 {
    font-size: 48px;
}
.kali-breadcrumb-wrap {
    padding-top: 40px;
}
/*--------------------------
new sidebar
-----------------------------*/
.kali-recent ul li{
	margin-bottom: 0;
}
.kali-recent ul li{ 
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 15px;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 15px;
}
.kali-recent ul.kali-recent-slider li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.kali-recent ul li:last-child,
.kali-recent-slider ul li{ 
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.kali-recent ul li figure{
	position: relative;
    margin-bottom: 0;
    width: 25%;
    overflow: hidden;
}
.kali-recent ul li.recent-post-full figure,
.kali-recent-slider ul li figure{
    width: 100%;
    margin-bottom: 15px;
}
.kali-recent ul li .kali-recent-post-content h3 {
    margin-bottom: 5px;
}
.kali-recent ul li figure a{
	display: block;
}
.kali-recent ul li figure img,
.kali-recent ul li figure a{
    width: 100%;
    transition: all 0.3s ease-in-out;
}
li figure.overlay a:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #000;
	opacity: 0;
	z-index: 1;
    transition: all 0.3s ease-in-out;
}
li:hover figure.overlay a:before{
	opacity: 0.5;
}
.kali-recent ul li:hover figure img{
    transform: scale(1.1);
}
.kali-recent ul li .kali-recent-post-content{
	width: 75%;
}
.kali-recent ul li figure + .kali-recent-post-content{
    padding-left: 20px;
}
.kali-recent ul li .kali-recent-post-content h6{
	font-size: 18px;
}
.kali-recent ul li.recent-post-full .kali-recent-post-content,
.kali-recent-slider ul li .kali-recent-post-content{
	width: 100%;
    padding-left: 0px;
}
.kali-recent ul li.recent-post-full .kali-recent-post-content h5,
.kali-recent-slider ul li .kali-recent-post-content h5{
	font-size: 20px;
}
.kali-recent ul li .kali-recent-post-content a{
    color: #000;
    font-weight: 600;
    display: block;
    line-height: 1.4;
    margin-bottom: 5px;
}
.kali-recent ul li .kali-recent-post-content a:hover {
    color: #69acff;
}
.kali-recent ul li p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}
span.mdates{
    font-size: 12px;
    color: #535353;
    display: block;
}
span.mdates i {
    margin-right: 5px;
}
.kali-recent-slider ul{
    padding: 0px;
}
.kali-recent-slider ul.slick-dots {
    display: none;
}
.kali-recent-slider button.slick-arrow{
    position: absolute;
    right: 0px;
    left: inherit;
    bottom: 0px;
    top: inherit;
    height: 30px;
    width: 30px;
    background-color: #000;
    display: flex;
    border-radius: 0;
    padding: 0 8px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.kali-recent-slider button.slick-prev.slick-arrow{
    margin-right: 35px;
}
.kali-recent-slider button.slick-next.slick-arrow {
    transform: rotate(180deg) translateY(15px);
}
.kali-recent-sliderbutton.slick-arrow:hover,
.kali-recent-slider button.slick-arrow:focus  {
	background-color: #69ace7;
}
.kali-recent-slider button.slick-arrow:before,
.kali-recent-slider button.slick-arrow:after {
    content: '';
    display: block;
    height: 2px;
    width: 12px;
    background-color: #fff;
    position: absolute;
    transition: all 0.3s ease-in-out;
}
.kali-recent-slider button.slick-arrow:before {
    transform: rotate(-45deg);
    top: 8px;
}
.kali-recent-slider button.slick-arrow:after {
    transform: rotate(45deg);
    bottom: 8px;
}
.kali-recent-post-content .star-rating {
    float: inherit;
    margin: 5px 0;
    font-size: 12px;
}
.widget form input {
    width: 100%;
    margin-bottom: 0;
}
.widget form button {
    width: 100%;
}
.price_slider_wrapper {
    width: 100%;
}
/*--------------------------------------
shop sidebar
-----------------------------------*/
.widget ul.product_list_widget li{ 
    padding-bottom: 15px;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 15px;
}
.widget ul.product_list_widget li:last-child { 
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.widget ul.product_list_widget li img {
    width: 30%;
    float: left;
    margin-left: 0;
    margin-right: 15px;
}
.widget ul.product_list_widget li a{
    display: block;
}
.widget ul.product_list_widget li a span.product-title{
    margin-bottom: 10px;
    display: block;
}
/*-------------------------------
scroll to top
--------------------------------*/
.scroll-to-top {
	position: fixed;
	bottom: 40px;
	height: 40px;
	width: 40px;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 999;
    transition: all 0.3s ease-in-out;
}

.scroll-to-top.position-right {
	right: 40px;
}

.scroll-to-top.position-left {
	left: 40px;
}
.scroll-to-top span {
    position: absolute;
    width: 12px;
    display: block;
    height: 2px;
    background-color: #000;
    transition: all 0.3s ease-in-out;
}	
.scroll-to-top span:first-child {
    transform: rotate(-45deg);
    left: 10px;
}
.scroll-to-top span:last-child {
    transform: rotate(45deg);
    right: 10px;
}
.scroll-to-top:hover {
	background-color: #000;
}

.scroll-to-top:hover span {
    background-color: #fff;
}	
.scroll-to-top.square {
	border-radius: 0;
}
.scroll-to-top.circle {
	border-radius: 50%;
}
/*-----------------------------------
pagination
-----------------------------------*/
.site-main .post-navigation {
	margin-top: 50px;
	margin-bottom: 0;
}
.site-main .post-navigation .float-left, 
.site-main .post-navigation .float-right {
	display: inline-block;
	width: 50%;
}
.site-main .post-navigation .float-left {
	text-align: left;
}
.site-main .post-navigation .float-right {
	text-align: right;
}
.site-main .post-navigation .float-left h2, 
.site-main .post-navigation .float-right h2 {
	font-size: 20px;
	margin-bottom: 0;
}
 .navbar-brand h2.site-title a:hover, 
.navbar-brand .site-description:hover {
    color: #000;
}
 ol.comment-list{
    padding: 0;
    list-style-type: none;
    margin: 0;
}
article.comment-body {
    background-color: #f1f1f1;
    padding: 30px 30px 30px 100px;
    position: relative;
    margin-bottom: 30px;
}
ol.comment-list .children{
	margin: 15px 0;;
}
.avatar, .comment-body:before {
    position: absolute;
    left: 3%;
    top: 17%;
    width: 100px;
    height: 100px;
    border-radius: 0%;
}
.comment-list .reply{
	text-align: right;
}
h2.comments-title {
    font-size: 20px;
    margin-bottom: 20px;
}
article.comment-body img.avatar {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
}
 /*===========================================
    Gutenberg Css
============================================*/
.wp-caption{}
.wp-caption-text{
	font-size: 14px;
	font-style:italic;
	margin-top: 10px;
}
.blog .sticky .card{
    background-color: #efefef;
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    padding: 30px;
}
.blog .sticky .card.list .list-content-wrap{
	width: 100%;
}
.screen-reader-text{display: none;}
.gallery-caption{font-size: 14px;}
.bypostauthor{font-size: 15px;}
/*------ Text Color -------*/
.has-strong-purple-color {
	color: #5029c0;
}
.has-strong-orange-color{
	color:  #ff8b24;
}
 /*------ Background Color -------*/
.has-strong-purple-background-color{
	background-color: #5029c0;
}
.has-strong-orange-background-color{
	background-color:  #ff8b24;
}
 /*---------- Button Css ------------*/
.wp-block-button__link{
	background-color: #000;
}
.is-style-outline .wp-block-button__link{
	border: 2px solid #000;
	color: #000;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus{
	background-color: #69acff;
}
.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:focus{
	background-color: #69acff;
	color: #fff;
	border: 2px solid #69acff;
}
/*---------- Font Size Css ------------*/
.has-small-font-size{
	font-size: 12px;
}
.has-large-font-size{
	font-size: 32px;
}
.has-huge-font-size{
	font-size: 40px;
}
 /*------ Image Alignment Css ---------*/
 .wp-block-image .alignnone,
img.alignnone,
figure.alignnone{
	max-width: 100%;
	margin: 20px 0px;
}
.alignwide {
	margin-left  : -80px;
	margin-right : -80px;
	margin-top: 90px;
	margin-bottom: 90px;
	max-width    : 100vw;
}
.alignfull {
	margin-left  : calc( -100vw / 2 + 100% / 2 );
	margin-right : calc( -100vw / 2 + 100% / 2 );
	min-width    : 100vw;
	margin-top: 90px;
	margin-bottom: 90px;
}
.alignfull img,
.alignwide img {
	width: 100vw;
}
.wp-block-image .alignleft,
.alignleft{
	float: left;
	margin: 5px 20px 15px 0px;
}
.alignright,
.wp-block-image .alignright{
	float: right;
	margin: 5px 0px 15px 20px;
}
.wp-block-image .aligncenter,
img.aligncenter,
figure.aligncenter{
	float: none;
	margin: 60px auto;
}
 p.has-drop-cap:first-letter {
	margin: 12px 20px 20px -10px;
	color: #000;
	font-weight: 500;
	font-size: 100px;
	display: inline-block;
}
.wp-block-cover, 
.wp-block-cover-image{
	width: auto;
}
 /*------------------------------
product
-------------------------------*/
main.site-main.list ul.products {
	width: 100%;
}
main.site-main.list ul.products li.product {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
main.site-main.list ul.products li.product figure {
	position: relative;
	width: 30%;
}
main.site-main.list ul.products li.product figure img{
	margin-bottom: 0;
}
main.site-main.list ul.products li.product .woo-content.list {
	width: 70%;
	padding-left: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
/*-----------------------
footer
---------------------------*/
footer ul.menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
footer ul.menu>li.menu-item{
	margin-bottom: 	5px;
}
footer ul.menu>li.menu-item:last-child{
	margin-bottom: 	0px;
}
footer ul.menu>li.menu-item>a,
.contact-detail p a,
p.newsletter {
    color: #808080;
    transition: all 0.3s ease-in-out;
}
footer ul.menu li.menu-item a:hover,
.contact-detail p a:hover {
    color: #fff;
}
p.mailpoet_paragraph {
	position: relative;
    display: inline-block;
    margin-bottom: 0;
}
p.newsletter {
    margin-bottom: 30px;
}
p.mailpoet_paragraph input.mailpoet_text {
    height: 50px;
    border-radius: 0;
    border: 0;
    padding: 10px;
    font-size: 14px;
    background-color: #414346;
    color: #fff;
    width: 280px;
}
.parsley-errors-list {
    position: absolute;
    margin: 5px 0 0 0;
    top: 100%;
    left: 0;
    right: 0;
    line-height: 1.4;
    font-size: 14px;
}
p.mailpoet_paragraph button.newsletter-submit {
    height: 50px;
    width: 50px;
    border-radius: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #69acff;
    margin-left: -4px;
    transform: translateY(9px);
    padding: 0;
}
p.mailpoet_paragraph button.newsletter-submit i {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
button.newsletter-submit i:before {
    content: url(https://demo.wpkali.com/main/wp-content/uploads/2019/11/paper-plane.png);
}
/*-----------------------
no result
--------------------------*/
.no-results {
    height: 50vh;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.no-results .page-content {
    margin: 0;
}
.no-results .page-content form input {
    height: 50px;
}
.no-results .page-content form label input.search-field {
    padding: 10px;
}
.no-results h1.page-title {
    text-align: center;
}
.no-results .page-content {
    text-align: center;
}
.no-results form.search-form {
    display: flex;
    flex-wrap: wrap;
}
.no-results form.search-form label {
    width: 65%;
}
.no-results form.search-form input.search-submit {
    width: 35%;
}
/*-----------------------------------
product single
---------------------------------*/
.post-navigation a, .post-navigation a {
    display: inline-block;
}
.post-navigation a span.single-nav-left,
.post-navigation a span.single-nav-right {
    min-height: 40px;
    min-width: 40px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    transition: all 0.4s ease-in-out;
}
.post-navigation a:hover span.single-nav-left,
.post-navigation a:hover span.single-nav-right {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}
.post-navigation a span.single-nav-right {
    margin-left: auto;
}
/*---------------------------
blog
--------------------------*/
.card {
	display: block;
	padding: 0px;
    margin-bottom: 50px;
}
.card figure {
    min-width: 100%;
    margin: 0 0 20px;
    overflow: hidden;
}
.card p.card-text {
    width: 100%;
}
.card.default {
	padding: 0px;
	position: relative;
	height: 450px;
    border: 0;
    border-radius: 0;
    transition: all 0.4s ease-in-out;
}
.card.default:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: inset 0px -200px 90px -70px rgba(0, 0, 0, 0.7);
    z-index: 1;
    transition: all 0.4s ease-in-out;
}
.card.default:hover:before {
    box-shadow: inset 0px -240px 90px -70px rgba(0, 0, 0, 0.7);
}
.card.default .content-default {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    z-index: 2;
}
.card.default figure{
	margin: 0;
}
.blog.fancy span.post-cats, .blog.fancy span.post-cats a,
.blog.fancy span.post-cats:hover, .blog.fancy span.post-cats a:hover {
    color: #f371a8;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}
.card.default .content-default .title-default {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 0;
}
.card.default .content-default .title-default a{
    color: #fff;
}
.card.default .content-default .title-default a:hover{
    color: #69acff;
}
.card.default a.blog-btn  {
    margin: 0 30px;
}
.card.default figure{
    overflow: hidden;
	margin-bottom:0;
	height: 450px;
}
.card.default figure img{
	object-fit: cover;
	height: 450px;
	transition: all 0.3s ease-in-out;
}
.card.default:hover figure img{
	transform: scale(1.1);
}
.has-sidebar .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.left-sidebar .container {
    flex-direction: row-reverse;
}
.right-sidebar .container {
    flex-direction: row;
}
.has-sidebar .page-content-wrapper,
.has-sidebar div#primary {
    width: calc(65% - 20px);
}
.no-sidebar div#primary{
    width: 100%;
}
.has-sidebar .kali-sidebar,
.has-sidebar div.secondary {
    width: calc(35% - 20px);
    display: inline-block;
}
.blog-content-wrapper .blogs {
	display: flex;
	flex-wrap: wrap;
	min-width: 100%;
	margin: 0 -15px;
}
.blog-content-wrapper .post{
    padding: 0 15px;	
}
.col-1 .blog-content-wrapper .post {
    width: 100%;
    padding: 0;
}
.col-2 .blog-content-wrapper .post {
    width: 50%;
}
.col-3 .blog-content-wrapper .post {
    width: 33.33%;
}
.col-4 .blog-content-wrapper .post {
    width: 25%;
}
.blog .card {	
	display: inline-block;
	width: 100%;
	background-color: transparent;
	margin-bottom: 50px;
    border: 0;
}
.blog .card p.card-text{
    word-break: break-word;
}
.blog .card figure{
	margin-bottom: 20px;
    overflow: hidden;
}
.blog .card figure a,
.blog .card figure img{
	width: 100%;
}
.card figure img {
    transition: all 0.3s ease-in-out;
}

.card:hover figure img {
	transform: scale(1.1);
}
.blog .card .card-title{
	margin-bottom: 5px;
}
.meta-info{
	margin-bottom: 0px;
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
}
.meta-info>span{
	margin-right: 15px;
    margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    font-size: 14px;
    color: #6b6b6b;
    transition: all 0.4s ease-in-out;
}
.meta-info>span a{
    color: #6b6b6b;
}
.meta-info>span>a {
    margin-right: 5px;
}
.meta-info>span>a:last-child {
    margin-right: 0px;
}
.meta-info>span:hover a, .meta-info>span:hover {
    color: #69acff;
    cursor: pointer;
}
.post-date:before,
.post-comment:before,
.post-cats:before,
.post-tags:before,
.mdates:before{
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
}

.post-date:before,
.mdates:before {
    background-image: url(./assets/images/clock.svg);
}
.mdates:before{
    width: 13px;
    height: 12px;
}
.post-comment:before{
    background-image: url(./assets/images/comment.svg);
}
.post-cats:before{
    background-image: url(./assets/images/folder.svg);
}
.post-tags:before{
    background-image: url(./assets/images/tag.svg);
}
.fancy a:before,
.fancy span:before {
    display: none;
}
.post-author a {
    display: flex;
    flex-wrap: wrap;
}
span.author-img {
    margin-right: 5px;
    display: inline-block;
    margin-top: -6px;
}
span.author-img img {
    width: 25px;
    height: auto;
    border-radius: 50%;
    position: relative;
}
.blog .card .blog-btn{
	margin-bottom: 20px;
}
.blog .card .blog-btn:last-child {
    margin-bottom: 0;
}
.blog .post{
	margin-bottom: 0;
}
.card figure img.
.card figure{
	width: 100%;
}
.card-body{
	padding:30px;
}
.card figure{
	margin-bottom: 0px;
}
.card.list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.card.list figure {
    width: 40%;
    min-width: 40%;
}

.card.list figure + .list-content-wrap {
	width: 60%;
	padding-left: 40px;
}
/*---------------------
pagination
---------------------*/
.navigation.pagination {
    display: block;
    width: 100%;
}
.nav-links,
.woocommerce-pagination ul.page-numbers{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}
.nav-links a.page-numbers,
.nav-links span.page-numbers,
.woocommerce-pagination ul.page-numbers .page-numbers{
	width: 50px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	border:1px solid #000;
	color: #000;
	-webkit-transition: all .400s ease-in-out;
	-moz-transition: all .400s ease-in-out;
	-ms-transition: all .400s ease-in-out;
	-o-transition: all .400s ease-in-out;
	transition: all .400s ease-in-out;
}
.nav-links span.page-numbers.current,
.nav-links .page-numbers:hover,
.woocommerce-pagination ul.page-numbers span.page-numbers.current, 
.woocommerce-pagination ul.page-numbers a.page-numbers:hover{
	color: #fff;
	background-color:#000;
}
.nav-links .page-numbers:not(:first-child),
ul.page-numbers li:not(:first-child){
	margin-left: 10px;
}
/*-------------------------
blog single
--------------------------*/
.single .post-thumbnail {
    margin-bottom: 30px;
}
.meta-info>span {
    margin-right: 10px;
}
.entry-content {
    margin-bottom: 30px;
}
.d-flex{
	display: flex;
}
.vertical-center{
	align-items: center;
}
ul.single-pagination-bar {
    align-items: flex-start;
  width: 100%;
  justify-content: space-between;
    padding: 0;
    list-style-type: none;
    margin: 50px 0 0 0;
}
ul.single-pagination-bar li {
  position: relative;
  width: calc(50% - 30px);
  padding: 20px;
  border: 1px solid #e3e3e3;
  transition: all 0.3s ease-in-out;
}
ul.single-pagination-bar li.page-bar-prev{
    padding-left: 40px;
}
ul.single-pagination-bar li.page-bar-next {
    padding-right: 40px;
}
ul.single-pagination-bar li a.link-cover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
ul.single-pagination-bar li .pagi-main-wrap {
    justify-content: flex-end;
}
ul.single-pagination-bar li.page-bar-prev .pagi-main-wrap {
    flex-direction: row-reverse;
}
ul.single-pagination-bar li span.custom-chevron {
    margin: 0;
    position: absolute;
    left: 5px;
    top: 50%;
    height: 30px;
    width: 30px;
    margin-top: -15px;
    display: flex;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
span.custom-chevron:before, 
span.custom-chevron:after {
    content: '';
    display: block;
    height: 2px;
    width: 12px;
    background-color: #000;
    position: absolute;
    transition: all 0.3s ease-in-out;
}
span.custom-chevron:before {
    transform: rotate(-45deg);
    top: 10px;
}
span.custom-chevron:after {
    transform: rotate(45deg);
    bottom: 10px;
}
.pagi-content-wrap .custom-chevron.next {
    left: inherit;
    right: 5px;
    transform: rotate(180deg);
    transform-origin: center;
}
.pagi-content-wrap .label {
    font-size: 14px;
}
ul.single-pagination-bar li h4.article-name{
  font-size: 18px;
  margin-bottom: 0;
}
ul.single-pagination-bar li .pag-img {
    display: inline-block;
    width: 70px;
    margin-right: 20px;
    line-height: 0;
    height: 70px;
    overflow: hidden;
}
ul.single-pagination-bar li .pag-img.next-image{
  margin-left: 20px;
  margin-right: 0;
}
ul.single-pagination-bar li:hover{
  transform:translateY(-5px);
  background-color: #f1f1f1;
}
.entry-header h1 {
    font-size: 30px;
}
/*-------------------------------
search
--------------------------------*/
.search-section {
    padding: 144px 0 50px;
    background-color: #f5f5f5;
    margin-bottom: 60px;
}
/*--------------------
hover effects
-----------------------*/
.hover-zoom{
	transition: all 0.3s ease-in-out;
}
.hover-zoom:hover{
	transform: scale(1.05);
}
.background-hover-effect .elementor-column-wrap {
    background-size: 110%!important;
    transition: all 0.4s ease-in-out!important;
}
.background-hover-effect:hover .elementor-column-wrap {
    background-size: 120%!important;
}
/*-----------------------------
elementor column align
------------------------------*/
.column-align-left>.elementor-container{
	margin-right: 0!important;
}
.column-align-right>.elementor-container{
	margin-left: 0!important;
}
/*------------------------
contact form
------------------------*/
.form-group {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.form-group span{
	display: block;
	width: 100%;
}
.form-inline .form-group {
    width: calc(50% - 15px);
}
.form-inline {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.form-group textarea {
    height: 150px;
}
.form-group label {
    color: #0c0c0c;
    font-size: 18px;
    font-weight: 500;
}
.screen-reader-response {
    display: none;
}
span.wpcf7-not-valid-tip {
    color: #ff0000;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: -20px;
}
.wpcf7-response-output {
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-align: center;
}	
.wpcf7-response-output.wpcf7-validation-errors{
	color: #ff0000;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #008000;
}