/*
Theme Name: Stygian
Theme URI: https://fireflythemes.com/themes/stygian/
Author: FireFly Themes
Author URI: https://fireflythemes.com/
Description: Stygian a free is dark multipurpose WordPress Theme by Firefly Themes, consisting flexible features and slick design gives your website a unique professional look to showcase your business. It has lots of customizable features that comes very handy with its unique dark look. It is a multipurpose theme packed with awesome features that can be used by any kind of websites. Stygian has features like Slider, Hero content, Contact Form, Featured grid, Testimonial and so on. These features are added so that theme can be used by any purpose be it Blogs, business sites or Magazines. If you are searching for unique looking flexible theme then Stygian can be your ultimate choice to showcase your business. Stygian also comes with multiple demos which will help to build you website by importing content easily. Visit https://fireflythemes.com/support for support, https://fireflythemes.com/documentation/stygian for theme documentation and https://demo.fireflythemes.com/stygian for demo.
Version: 1.1.1
Requires at least: 5.7
Tested up to: 6.0
Requires PHP: 7.3
License: GPL-3.0-or-later
License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3
Text Domain: stygian
Tags: blog, news, entertainment, grid-layout, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks

Stygian WordPress Theme, Copyright 2021 FireFly Themes
Stygian is distributed under the terms of the GNU GPL

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

Stygian is based on Underscores https://underscores.me/, (C) 2012-202. Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v3 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
# Basic
# Top Header
# Masthead
# Basic Breadcrumb
# Footer
# Sidebar
# Social Links
# Layouts Style
# Section
## Slider
## Hero Content
## What we do
## Teams
## Testimonial
## Post Gird
## Skills
## Promotional
## Contact
## Portfolio
# Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 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 */
	font-size: 16px;
	font-size: 62.5%;
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
	margin: 0;

}

/**
* 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;
}

/**
* 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;
}

/* 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.35em 0.75em 0.625em;
}

/**
* 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; /* 1 */
	padding: 0; /* 2 */
}

/**
* 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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
	color: #797978;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
@media screen and (max-width: 900px) {
	html {
		font-size: 54.6879%;
	}
}
body {
	line-height: 1.7;
	color: #b7b7b7;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 15px;
    line-height: 1.4;
    margin-top: 0;
    color: #ffffff;
    font-weight: 600;
}
h1 {
	font-size:3.8rem;
}

h2 {
	font-size: 2.8rem;
}

h3 {
	font-size: 2.2rem;
}

h4 {
	font-size: 1.8rem;
}

h5 {
	font-size:1.6rem;
}

h6 {
	font-size:1.4rem;
}

p {
	margin: 0 0 15px 0;
}


dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}
pre {
    background: #0f0e0e;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 1.5rem;
    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: 1.5rem;
}

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 http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #000; /* Fallback for when there is no custom background color defined. */
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
	font-size: 1.8rem;
	font-style: italic;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 15px;
}

ul,
ol {
	margin: 0 0 15px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 15px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 15px 15px;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	vertical-align: middle;
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 15px;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.ff-button,
.ff-button:visited,
button, a.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    transition: all 0.3s ease 0s;
    background: #f44336;
    color: #fff;
    font-size: 16px;
    padding: 10px 35px;
    border: none;
    height: auto;
    width: auto;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin: 0;
    position: relative;
    font-weight: 500;
    margin-top: 10px;
    line-height: 1.5;
    /* letter-spacing: 0.5px; */
    border-radius: 0;
}


.woocommerce #respond input#submit, .woocommerce a.button, 
.woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    padding: 6px 20px;
    letter-spacing: 0;
    font-size: 14px;
}
a.ff-button:hover,
button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
a.button:focus,
a.ff-button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
a.ff-button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #ffffff;
    color: #101010;

}

button:focus,
a.button:focus,
a.ff-button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: none;
}

/*custom-secondary*/
a.ff-button.custom-wire {
	color: #fff;
	background: none;
	border: 2px solid #fff;
}

.ff-button.button-secondary, .ff-button.button-secondary:visited {
    background: #fff;
    color: #222;
}

.ff-button.button-secondary:hover,
.ff-button.button-secondary:active,
.ff-button.button-secondary:focus {
	background-color: #f44336;
	color: #fff;
}


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 {
	color: #666;
	border: 1px solid #434040;
	padding:15px 20px;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
	background:#2f2e2e;
}

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: #ecebeb;
    border: 1px solid #f44336;
    outline: none;
}
select {
    border: 1px solid #948c8c;
    padding: 10px 15px;
    background: #222;
    color: #fff;
}

.header-search .displaynone {
	display: none;
}

.header-search .displayblock{
	display: block;
}

#search-toggle.toggled-on i.far.fa-times-circle {
    display: block;
    font-size: 17px;
}

#search-toggle  i.far.fa-times-circle,
#search-toggle.toggled-on i.fas.fa-search {
	display: none;
}

#search-toggle:hover,
#search-toggle:focus,
#search-toggle:active {
	color:#f44336;
}

#search-toggle, .site-header-cart a {
    display: block;
    padding: 7px;
    font-size: 12px;
    height: 35px;
    width: 35px;
    text-align: center;
    margin-left: 12px;
}
.header-search {
	position: relative;
}

#search-container {
    background: #121213 none repeat scroll 0 0;
    bottom: -115px;
    padding: 25px;
    position: absolute;
    width: 400px;
    z-index: 9999;
    right: 0;
}
#search-container:after {
    content: "";
    position: absolute;
    background: #121213;
    height: 20px;
    right: 20px;
    top: -9px;
    width: 20px;
    transform: rotate(45deg);
}

.search-form .search-submit {
    border-radius: 0;
    padding: 10px 15px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 11px;
    background: no-repeat;
    color: #ffffff;
    border-right: 1px solid #3e3a3a;
    margin: 5px 0;
}
.search-form .search-submit:hover, .search-form .search-submit:focus, .search-form .search-submit:active {
    background: none;
    color: #f44336;
}

.search-form input.search-field{
	padding: 10px 20px 10px 70px;
	width: 100%;
}
form.woocommerce-product-search button {
    width: 100%;
}
.search-form,
.woocommerce-product-search  {
    position: relative;
    clear: both;
}
.mobile-on{
	display: none;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color:#fff;
	text-decoration: inherit;
}

a:visited {
	color: #fff;
}

a:hover, a:focus, a:active {
    color: #f44336;
}
a:focus {
	outline: thin dotted;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
	color: #ffffff;
	text-decoration: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:hover,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active{
	color: #f44336;
}
.page-content p a,
.entry-content p a,
.entry-summary p a,
.widget .textwidget a,
.comment-content a,
.section p a,
.page-content  a,
.entry-content  a,
.entry-summary a,
.widget .textwidget a,
.comment-content a,
.page-content p a:visited,
.entry-content p a:visited,
.entry-summary p a:visited,
.widget .textwidget a:visited,
.comment-content a:visited,
.section p a:visited,
.page-content  a:visited,
.entry-content  a:visited,
.entry-summary a:visited,
.widget .textwidget a:visited,
.comment-content a:visited  {
    text-decoration: underline;
}

.page-content a.more-link,
.entry-content a.more-link,
.entry-summary a.more-link,
.section p a.more-link{
    text-decoration: none;
} 
.page-content p a,
.entry-content p a,
.entry-summary p a,
.widget .textwidget a,
.comment-content a,.section p a,
table a{
    text-decoration: underline;
}
.page-content a.more-link,
.entry-content a.more-link,
.entry-summary a.more-link,
.section p a.more-link{
    text-decoration: none;
}

a.more-link, a.more-link:visited {
    display: block;
    clear: both;
    margin-top: 20px;
    font-weight: 600;
    display: table;
    position: relative;
    box-sizing: border-box;
    color: #fff;
    border: 2px solid;
    padding: 4px 20px;
}
.swiper-slide {
    box-sizing: border-box;
}
a.more-link:hover, a.more-link:focus, a.more-link:active {
    color: #f44336;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
a.skip-link  {
	font-size: 16px!important;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
}

.main-navigation ul li {
	position: relative;
}

.main-navigation ul li a {
    color: #eaeaea;
    display: block;
    outline-offset: -1px;
    padding: 15px 25px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
}


.main-navigation .menu-item-has-children > a:after,
.main-navigation li.page-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
    content: "\f107";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    right: 14px;
    top: 19px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.main-navigation ul ul {
	display: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

.no-js .main-navigation ul ul {
	display: block;
}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation ul.primary-menu {
	margin: 0;
	padding: 0;
}

.site-header-menu {
	display: none;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}

.dropdown-toggle {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #fff;
    content: "";
    height: 45px;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 0;
    width: 45px;
    margin: 0;
}

.dropdown-toggle:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    border-left: 1px solid #ececec5c;
    left: 1px;
    display: block;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
	color: #007acc;
}

.dropdown-toggle:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.no-js .menu-toggle {
	display: none;
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}

.header-stygian .sticky-enabled.sticky-header {
	padding: 0;
}

/* More than standard 910px (devices and browsers) */
@media screen and (min-width: 910px) {

	.site-header-main {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.site-header-menu {
		display: block;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	.main-navigation ul,
	.main-navigation ul > li {
		border: 0;
	}

	.main-navigation ul > li {
		float: none;
		display: inline-block;
	}
.main-navigation ul li a {
    outline-offset: -8px;
    padding: 5px 20px;
    white-space: nowrap;
    font-weight: 500;
}

	.main-navigation ul li.current-menu-item > a,
	.main-navigation ul li.current-menu-ancestor > a,
	.main-navigation ul li.current_page_item > a,
	.main-navigation ul li:hover > a,
	.main-navigation ul li a:hover,
	.main-navigation ul li a :focus,
	.main-navigation ul li a :active,
	.nav-inner-wrapper.nav-black-bg .main-navigation ul li.current-menu-item > a,
	.nav-inner-wrapper.nav-black-bg .main-navigation ul li.current-menu-ancestor > a,
	.nav-inner-wrapper.nav-black-bg .main-navigation ul li.current_page_item > a,
	.nav-inner-wrapper.nav-black-bg .main-navigation ul li:hover > a,
	.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:hover,
	.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:focus,
	.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:active  {
		color: #f44336;
	}

	.overlap-header  .main-navigation ul li.current-menu-item > a:before,
	.overlap-header  .main-navigation ul li.current-menu-ancestor > a:before,
	.overlap-header  .main-navigation ul li.current_page_item > a:before,
	.overlap-header  .main-navigation ul li:hover > a:before,
	.overlap-header  .main-navigation ul li a:hover:before,
	.overlap-header  .main-navigation ul li a:focus:before,
	.overlap-header  .main-navigation ul li a:active:before {
		content: "";
		width: 70%;
		left: 15%;
		display: block;
		bottom: 0;
		position: absolute;
		background: #f44336;
		height: 2px;
	}

	.overlap-header  .main-navigation ul li li.current-menu-item > a:before,
	.overlap-header  .main-navigation ul li li.current-menu-ancestor > a:before,
	.overlap-header  .main-navigation ul li li.current_page_item > a:before,
	.overlap-header  .main-navigation ul li li:hover > a:before,
	.overlap-header  .main-navigation ul li li a:hover:before,
	.overlap-header  .main-navigation ul li li a:focus:before,
	.overlap-header  .main-navigation ul li li a:active:before {
		display: none;
	}
	.main-navigation ul ul {
	    display: block;
	    left: -999em;
	    margin: 0;
	    position: absolute;
	    z-index: 999;
	    background: #121213;
	    box-shadow: 0 16px 30px #7b6a6a4d;
	}

	.main-navigation ul ul ul {
		top: 0px;
		border: none;
		box-shadow: 16px 0 26px rgba(90, 89, 89, 0.16);
	}

	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
		display: none;
	}

	.main-navigation ul ul li {
		border-bottom-width: 0;
	}

	.main-navigation ul ul a {
		padding: 12px 25px;
		border-bottom: 1px solid rgba(10, 10, 10, 0.03);
		font-size: 14px;
		text-transform: capitalize;
	}

	.main-navigation ul ul li a:before {
		display: none;
	}

	.main-navigation ul ul a {
		white-space: normal;
		width: 230px;
	}

	#main-nav .main-navigation ul ul li.current-menu-item > a,
	#main-nav .main-navigation ul ul li.current-menu-ancestor > a,
	#main-nav .main-navigation ul ul li.current_page_item > a,
	#main-nav .main-navigation ul ul li:hover > a,
	#main-nav .main-navigation ul ul li a:hover,
	#main-nav .main-navigation ul ul li a:focus,
	#main-nav .main-navigation ul ul li a:active{
		color: #f44336;
	}

	.main-navigation ul ul {
	    top: 53px;
	}
	.main-header-six .main-navigation ul ul {
	    /* top: 69px; */
	}



.main-navigation ul li:after {
	content: "";
	display: inline-block;
	background: transparent;
	width: 100%;
	height: 45px;
	position: absolute;
	top: 35px;
	left: 0;
}
.main-navigation ul ul:before {
    content: "";
    position: absolute;
    background: #121213;
    left: 20px;
    top: -5px;
    height: 17px;
    width: 17px;
    transform: rotate(45deg);
}

	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		right: auto;
		left: 0;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		right: auto;
		left: 100%;
		top: 0;
	}

	.main-navigation .menu-item-has-children > a,
	.main-navigation ul li.page_item_has_children a {
		margin: 0;
		padding-right: 25px;
	}

.main-navigation .menu-item-has-children > a:after, .main-navigation li.page-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after {
    position: absolute;
    right: 7px;
    top: 13px;
    font-size: 12px;
}

	.main-navigation li.menu-item-has-children:hover > a:after,
	.main-navigation ul li.page_item_has_children:hover > a:after {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
	}

	.main-navigation ul ul .menu-item-has-children > a,
	.main-navigation li.page-item-has-children > a {
		padding-right: 30px;
	}

	.main-navigation ul ul .menu-item-has-children > a:after,
	.main-navigation li.page-item-has-children > a:after {
		right: 10px;
		top: 17px;
	}

	.main-navigation ul ul li.menu-item-has-children:hover > a:after,
	.main-navigation ul ul li.page_item_has_children:hover > a:after {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-footer .main-navigation {
		display: none;
	}

}

/* More than standard 910px (devices and browsers) */
@media screen and (max-width: 909px) {
	div#wp-custom-header {
	    display: none;
	}
	.header-seven #masthead .site-branding:after {
		display: none;
	}

	.header-seven #masthead .site-branding {
		margin: 0;
		padding: 0;
		background: no-repeat;
	}

	.main-navigation ul {
		margin: 0;
		padding: 0;
	}

.menu-toggle {
    font-size: 14px;
    padding: 10px 15px;
    display: block;
    margin-top: 0;
    /* background: #393333; */
    box-shadow: 0 0 5px #222;
}
.main-header-one button#primary-menu-toggle {
    float: none;
    margin: 0 auto;
}
.ff-button, .ff-button:visited, button, a.button, input[type="button"], input[type="reset"], input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt
{
	font-size: 14px;
}
	.header-two .menu-toggle {
	margin: 0;
	}
	.header-two  .social-nav ul li a:before,
	.header-two  .social-nav ul li a[href$="/feed/"]:before {
	line-height: 2.7;
	}
	.header-two  a#search-toggle {
	margin-top: 0;
	}
	.main-header-two #main-nav .nav-box-shadow {
	padding: 10px 15px;
	}

	 #quick-contact li.quick-call {
	display: block!important;
	}
	.header-six .menu-toggle {
	    margin: 10px auto;
	}
	#main-nav {
		position: initial;
	}

	#main-nav {
		position: initial;
	}

.main-header-two #main-nav .nav-box-shadow {
    position: relative;
}

	.site-primary-menu {
	    display: none;
	    position: absolute;
	    background: #121213;
	    z-index: 999;
	    width: 100%;
	    box-shadow: 0 0 21px #17161617;
	    top: 100%;
	    left: 0px;
	    right: 0;
	}


	.site-primary-menu.toggled-on {
		display: block;
	}

	.site-header-menu.toggled-on, .no-js .site-header-menu {
		display: block;
		position: absolute;
		background: #fff;
		right: 0;
		width: 350px;
		box-shadow: 0 0 6px #ddd;
		z-index: 999;
	}

.main-navigation ul li a {
    padding: 10px 20px;
    border-bottom: 1px solid #f1f1f11c;
    font-weight: 500;
    font-size: 14px;
}
	.main-navigation ul ul li li a {
		padding-left: 40px;
	}

	.main-navigation ul ul li a {
		padding-left: 30px;
	}

	.main-navigation ul li a {
		padding-right: 60px;
		text-align: left;
	}

	.main-navigation .menu-item-has-children > a:after, .main-navigation li.page-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after{
		display: none;
	}

}

/*comment and post navigation*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
	clear: both;
}


#infinite-handle {
	margin-bottom: 20px;
	height: auto;
	overflow: hidden;
	clear: both;
	text-align: center;
	position: absolute;
	bottom: -80px;
	width: 100%;
}

.infinite-loader {
	color: #000;
	display: block;
	height: 28px;
	text-indent: -9999px;
	position: absolute;
	bottom: -25px;
	left: 48%;
	text-align: center;
	/* width: 100%; */
}

#infinite-handle span {
	border: inherit;
	padding: 10px 40px;
	width: auto;
	line-height: 1.5;
	color: #ffffff;
	display: inline-block;
}

.post-title {
	font-size: 17px;
	margin-top: 15px;
}

.meta-nav {
	background: #179bd7 none repeat scroll 0 0;
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	margin-right: 15px;
	padding: 7px 10px;
	text-align: center;
	width: 115px;
}

.post-navigation a {
	display: block;
}

/*Page/Post Navigation*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	clear: both;
	padding: 0;
	margin-top: 40px;
}

.site-main .post-navigation {
	clear: both;
	overflow: hidden;
	padding: 0;
	border-bottom: 1px solid #f7f7f7;
	padding: 30px;
	box-shadow: 0 0 20px rgba(31, 29, 29, 0.07);
	margin-top: 40px;
}

.nav-links a {
	display: inline-block;
}

.nav-links span.meta-nav {
	display: none;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before,
.post-navigation .nav-previous a::before{
	content: "\f30a";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	margin-right: 10px;
	font-weight: 900;
}

.comment-navigation .nav-next a::after,
.posts-navigation .nav-next a::after,
.post-navigation .nav-next a::after{
	content: "\f30b";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	margin-left: 10px;
	font-weight: 900;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.pagination .nav-links .page-numbers {
	padding: 5px;
	background: #fff;
}

.pagination .nav-links .page-numbers.dots {
	background-color: inherit;
	border:none;
	color:#272727;
}
.next-prev-wrap:after, .next-prev-wrap:before {
    display: table;
    clear: both;
    content: "";
}

.pagination .nav-links .page-numbers {
	padding: 6px 18px;
	color: #272727;
	display: inline-block;
	background: #f5f5f5;
	margin: 5px;
}

.pagination .nav-links .current,
.pagination .nav-links a:hover,
.pagination .nav-links a:active,
.pagination .nav-links a:focus {
	background: #f44336;
	color: #fff;
	border-color: #f44336;
}

.pagination .nav-links {
	text-align: center;
	clear: both;
}

.home.blog nav.navigation.posts-navigation,
.blog nav.navigation.posts-navigation {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0;
	border: none;
	margin: 0;
	padding-left: 25px;
	padding-right: 25px;
}

.home.blog .archive-posts-wrapper.section-content-wrapper,
.blog .archive-posts-wrapper.section-content-wrapper {
	padding-bottom: 60px;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
}
.tag-post-formats {
    position: relative;
}


/*--------------------------------------------------------------
# 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 !important;
	width: 1px;
	word-wrap: normal !important; /* 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 !important;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right:50px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.text-alignleft {
	text-align: left;
}

.text-alignright {
	text-align: right;
}

.text-aligncenter {
	text-align: center;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 50px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 50px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.text-alignleft {
	text-align: left;
}

.text-alignright {
	text-align: right;
}

.text-aligncenter {
	text-align: center;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.pull-none {
	margin:0 auto ;
	float: none;
	display: inline-block;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear-fix,.swiper-carousel-enabled ,.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after{
	clear: both;
}

.clear-fix:after,
.clear-fix:before,
.section:after,
.section:before,
.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,.swiper-carousel-enabled:before,
.swiper-carousel-enabled:after {
	content: "";
	display: table;
	table-layout: fixed;
	clear:both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 15px;
}
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content {
	padding: 80px 0;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
	position: relative;
}

.hentry {
	margin: 0 0 70px;
}

.byline,
.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin:0;
}

.page-links {
	clear: both;
	margin: 0 0 15px;
}

.entry-meta {
	margin-top: 0;
	margin-bottom: 20px;
}

.entry-meta > span {
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1;
	font-size: 15px;
	margin-right: 15px;
}

.entry-header {
	margin-bottom: 5px;
}

.entry-meta > span:first-child {
	margin-left: 0;
	padding-left:0;
	border:none;
}

.entry-title {
	margin-bottom: 15px;
}

.home .entry-title {
	margin-bottom: 15px;
	font-size: 2.2rem;
}

.entry-title a,
.entry-title a:visited {
	color: #e0e0e0;
}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #f44336;
}

.global-layout-right-sidebar .entry-content-wrapper,
.global-layout-left-sidebar .entry-content-wrapper,
.default-full-width.blog-full-width .entry-content-wrapper {
	padding: 35px 70px 0;
	background: #fff;
	position: relative;
}

article.hentry .custom-button {
	margin: 15px 0 0;
}

.single article.hentry {
	border: none;
	padding-bottom: 0;
	margin: 0;
}

.entry-thumb.alignleft,
.entry-thumb.alignright {
	margin-bottom: 30px;
}

.entry-thumb.aligncenter {
	position: relative;
	margin-bottom: 25px;
	text-align: center;
}

.entry-thumb {
	position: relative;
}

.entry-thumb img {
	vertical-align: middle;
	width: 100%;
}

.entry-meta a,
.entry-meta a:visited {
	color: #ada9a9;
}

.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active {
	color: #f44336;
}

.page-header {
    background: #2c2e33;
    padding: 30px 50px;
    margin: 0 20px 35px;
}

.page-header h1.page-title {
	font-size: 3.2rem;
}

.page-header h1.page-title {
	font-size: 3.2rem;
	margin: 0;
}

.blog .hentry.post  a.more-link,
.archive .hentry.post  a.more-link {
	clear: both;
	margin-top: 20px;
}

.sticky .entry-content-wrapper .entry-title::before {
	content: "\f08d";
	display: block;
	font-family: 'Font Awesome 5 Free';
	color: #000;
	text-align: center;
	font-size: 18px;
	float: left;
	margin-right: 15px;
	font-style: inherit;
	font-weight: 900;
	margin-top: 5px;
}

.blog article.hentry, .archive article.hentry {
	padding-bottom: 10px;
	clear: both;
	float: left;
	width: 100%;
}

.entry-header .entry-meta {
	position: absolute;
	left: 30px;
	top: 30px;
	text-align: center;
	margin: 0;
}

.entry-header .entry-meta span::before {
	display: none;
}

.entry-header .entry-meta span.posted-on {
	background: #f5f5f5;
	display: block;
	margin: 0;
}

.entry-header .entry-meta span span {
	display: block;
	padding: 3px 25px;
}

/*gird layout*/

.home.blog.grid .archive-posts-wrapper {
	width: 100%;
	margin: 0;
}
.home.blog.grid .archive-posts-wrapper div#infinite-post-wrap {
	margin: 0 -20px;
}
.blog.grid .archive-posts-wrapper, .archive.grid .archive-posts-wrapper {
	margin: 0 -20px;
}
.entry-title {
	margin-bottom: 15px;
	font-size: 2.5rem;
}
.blog.grid article.hentry,
.archive.grid article.hentry,
.blog.excerpt-image-top article.hentry,
.archive.excerpt-image-top article.hentry{
	width: 33.33%;
	float: left;
	padding: 0 20px 40px;
	margin: 0;
	border: none;
	clear: none;
}
.excerpt-image-top.blog article.hentry,
.excerpt-image-top.blog article.hentry,
.excerpt-image-top.archive article.hentry,
.excerpt-image-top.archive article.hentry {
	width: 100%;
}

.full-content-image-top.blog article.hentry .post-thumbnail ,
.full-content-image-top.archive  article.hentry .post-thumbnail,
.excerpt-image-top.blog article.hentry .post-thumbnail ,
.excerpt-image-top.archive  article.hentry .post-thumbnail{
    text-align: center;
}

.layout-left-sidebar.blog.grid article.hentry,
.layout-right-sidebar.blog.grid article.hentry,
.layout-left-sidebar.archive.grid article.hentry,
.layout-right-sidebar.archive.grid article.hentry {
	width: 50%;
}

.layout-left-sidebar.blog.grid article.hentry:nth-child(3n+1),
.layout-left-sidebar.layout-left-sidebar.blog.grid article.hentry:nth-child(4n+1){
	clear: none;
}

.layout-left-sidebar.blog.grid article.hentry:nth-child(2n+1),
.layout-left-sidebar.archive.grid article.hentry:nth-child(3n+1) {
	clear: both;
}

.infinite-post-wrap  article.hentry {
	clear:none!important;
}

#blog.grid article.hentry:nth-child(3n+1) {
	clear: both;
}
.archive.grid article.hentry:nth-child(4n+1) {
	clear: both;
}

.blog .hentry-inner, .archive .hentry-inner, .hentry-inner {
    -webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    box-shadow: 0px 0px 24px 0px rgba(122, 122, 122, 0.1);
    -webkit-transition: box-shadow 0.3s, transform 0.3s;
    -moz-transition: box-shadow 0.3s, transform 0.3s;
    -ms-transition: box-shadow 0.3s, transform 0.3s;
    -o-transition: box-shadow 0.3s, transform 0.3s;
    transition: box-shadow 0.3s, transform 0.3s;
    padding: 0;
    position: relative;
    float: left;
    clear: both;
}
.blog .hentry-inner:hover, .archive .hentry-inner:hover {
-webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
    box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
}

.hentry-inner {
	width: 100%;
}

.sticky .hentry-inner {
	border: 5px solid #f44336;
}

.sticky .hentry-inner:before {
    content: "\f02e";
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    margin: 0;
    position: absolute;
    top: 25px;
    left: 23px;
    background: #202125;
    padding: 15px 18px;
    box-shadow: 0 0 21px #2222222b;
    /* border-radius: 100%; */
    line-height: 1;
    z-index: 9;
    color: #fff;
}
.blog .entry-container,
.archive .entry-container,
.entry-container {
	padding: 30px 40px;
}
.blog .entry-container, .archive .entry-container {
    padding: 30px 25px;
    margin: -20px 25px 0;
    z-index: 9;
    position: relative;
}
.blog.grid .post-thumbnail, .archive.grid .post-thumbnail {
    text-align: center;
    overflow: hidden;
}



.excerpt-image-left .hentry-inner{
	display: flex;
}



.excerpt-image-left .hentry-inner .post-thumbnail {
	width: 30%;
	float: left;
}
.excerpt-image-left .entry-container {
	float: left;
	width:70%;
	margin:0;
}

.excerpt-image-right .hentry-inner .post-thumbnail {
	width: 30%;
	float: right;
}
.excerpt-image-right .entry-container {
	float: left;
	width:70%;
	margin:0;

}

.entry-content-wrapper {
	padding: 40px;
}

.single-content-wraper {
    box-shadow: 0 0 20px rgba(31, 29, 29, 0.07);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-notes {
	position: relative;
}

#respond {
    clear: both;
    display: block;
    padding: 40px;
    box-shadow: 0 0 20px rgba(31, 29, 29, 0.07);
}

#comments {
	margin-top: 40px;
}

#comment-form-title {
	font-size: 24px;
	padding-bottom: 10px;
}

.comment-list li.comment::after {
	content: inherit;
	display: none;
}

.comment-list li{
	padding-left: 0;
}

.comment {
	display: block;
	float: left;
	width: 100%;
}

ol.comment-list {
	border-radius: 5px;
	float: left;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	overflow: inherit;
	padding: 0;
	width: 100%;
}

ol.comment-list .children {
	border: medium none;
	float: left;
	margin: 0;
	width: 100%;
}

ol.comment-list li {
	list-style: outside none none;
	margin-bottom: 15px;
}

.authorbox {
	overflow: hidden;
	padding: 0 0 70px;
	border-bottom: 1px solid #f7f7f7;
}

.authorbox h4.author-header {
	margin-bottom: 5px;
}

.comment .comment-body {
	border-radius: 0;
	clear: both;
	display: block;
	float: left;
	padding: 30px 30px 30px 0;
	position: relative;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #f7f7f7;
}

.comments-title {
	padding: 0 0 45px;
	clear: both;
	border-bottom: 1px solid #f7f7f7;
	font-size: 25px;
}

.comment-author.vcard {
	font-size: 20px;
	margin-bottom: 5px;
}

.comment-list .children {
	padding-left: 40px;
}

#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url{
	width: 100%;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
	width: 100%;
}

.comment-list li.comment > div img.avatar {
	left: 29px;
	position: absolute;
	top: 29px;
}

.vcard .avatar {
	float: left;
	margin-right: 35px;
	margin-bottom: 0;
	margin-top: 10px;
}

.comment-metadata {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}

.comment-metadata > a,
.comment-metadata > a:visited {
	color: #ada9a9;
	margin-right: 30px;
}

.comment-metadata > a:hover,
.comment-metadata > a:focus,
.comment-metadata > a:active {
	color:#f44336;
}

.comment-metadata > a:before {
	content: "\f274";
	font-family: 'Font Awesome 5 Free';
	margin-right: 5px;
	font-size: 14px;
}

.edit-link:before {
	content: "\f044";
	font-family: 'Font Awesome 5 Free';
	margin-right: 5px;
	font-size: 14px;
}

a.comment-reply-link:before {
	content: "\f3e5";
	font-family: 'Font Awesome 5 Free';
	margin-right: 7px;
	font-size: 14px;
	font-weight: 900;
}

.form-allowed-tags code {
	white-space: inherit;
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.author-avatar {
	float: left;
	margin-right: 35px;
}
.author-avatar img, .vcard .avatar {
	max-width: 100px;
}

.comment p {
	font-size: 14px;
}

.reply {
	float: right;
	font-size: 16px;
}

.entry-meta .byline .author.vcard {
	margin-left: -4px;
}

.widget_recent_entries span.post-date {
	display: block;
}

.entry-meta > span::before,
.entry-meta > span::before,
.widget_recent_entries span.post-date:before {
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	height: 15px;
	margin-right: 8px;
	content: "";
	font-size: 13px;
}

.entry-meta span.comments-link::before {
	content: "\f086";
}

.entry-meta span.reviews::before {
	content: "\f005";
}

.entry-meta > .cat-links::before {
	content: "\f07c";
}

.entry-meta > .byline::before {
	content: "\f007";
}

.entry-meta .tags-links::before {
	content: "\f02c";
	font-weight: 900;
	font-size: 10px;
}

.entry-meta > .posted-on::before,
.widget_recent_entries span.post-date:before {
	content: "\f274";
}

.entry-footer .edit-link::before{
	content: "\f044";
}

#commentform label {
	display: inline;
	position: relative;
}

#commentform input[type="checkbox"],
#commentform input[type="radio"] {
	margin-right: 10px;
}

#commentform  p.form-submit {
	margin-top: 30px;
}

#commentform  span.required {
	color: #f0632b;
}

a.comment-reply-link {
	background: #f44336;
	padding: 5px 15px;
	color: #fff;
	font-size: 12px;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    /* margin-bottom: 1.5em; */
    margin: 0 -5px 15px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 5px;
}



.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;
}

/*--------------------------------------------------------------
# Basic
--------------------------------------------------------------*/
.inner-wrapper {
	margin: 0 -20px;
}
.row {
	margin:0 -20px;
}
.container {
	max-width: 100%;
	width: 1270px;
	margin: 0 auto;
	padding: 0 20px;
}

.ff-grid-1,
.ff-grid-2,
.ff-grid-3,
.ff-grid-4,
.ff-grid-5,
.ff-grid-6,
.ff-grid-7,
.ff-grid-8,
.ff-grid-9,
.ff-grid-10,
.ff-grid-11,
.ff-grid-12 {
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	transition: all 0.4s ease-in-out 0s;
	margin:20px 0;
}

.ff-grid-1 {
	width: 8.33333%
}

.ff-grid-2 {
	width: 16.66667%
}

.ff-grid-3 {
	width: 25%
}

.ff-grid-4 {
	width: 33.33333%
}

.ff-grid-5 {
	width: 41.66667%
}

.ff-grid-6 {
	width: 50%
}

.ff-grid-7 {
	width: 58.33333%
}

.ff-grid-8 {
	width: 66.66667%
}

.ff-grid-9 {
	width: 75%
}

.ff-grid-10 {
	width: 83.33333%
}

.ff-grid-11 {
	width: 91.66667%
}

.ff-grid-12 {
	width: 100%
}
/* grid clearing */
.ff-grid-4:nth-child(3n+1),
.ff-grid-3:nth-child(4n+1),
.ff-grid-6:nth-child(2n+1)  {
	clear: both;
}


/*--------------------------------------------------------------
# Top Header
--------------------------------------------------------------*/

.site-top-header-mobile {
	display: none;
}

#top-header {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    /* border-bottom: 1px solid #dddddd4a; */
}

.site-top-header #top-social {
    padding-top: 7px;
}
#top-header ul {
	margin:0;
	padding:0;
}


#top-header .social-nav li a {
	margin-bottom: 0;
}


/* quick contact */

.light-top-header #quick-contact a,
.light-top-header  #quick-contact a:visited,
.light-top-header  #quick-contact li {
	display: inline-block;
	color: #222;
}

.light-top-header #quick-contact a:active,
.light-top-header #quick-contact a:hover,
.light-top-header #quick-contact a:focus {
	color: #000;
}

.light-top-header .social-nav ul li a:before {
	color:#222;
}

.site-top-header #quick-contact li:last-child {
	border-right: none;
}

.site-top-header #quick-contact li {
	padding: 0 15px  0 0;
	margin: 12px 0;
}
.main-top-header-two #quick-contact ul li.quick-call {
    display: none;
}
#quick-contact > ul {
	margin: 0;
	padding: 0;
}

#quick-contact a {
	display: inline-block;
}

#quick-contact li {
	clear: inherit;
	font-size: 14px;
	line-height: 1.75;
	list-style: outside none none;
	text-align: left;
	padding: 9px 10px;
	color: #fff;
}

#quick-contact ul {
	margin: 0;
	padding: 0;
}

#quick-contact li span {
	display: none;
}

#quick-contact a,
#quick-contact a:visited,
#quick-contact li {
	display: inline-block;
	color: #ececec;
}

#quick-contact a:active,
#quick-contact a:hover,
#quick-contact a:focus {
	color: #fff;
}

#quick-contact li:before {
    margin-right: 10px;
    text-align: center;
    content: "";
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #f44336;
}

#quick-contact li.quick-open-hours:before {
	content: "\f017";
}

#quick-contact li.quick-call:before {
	content: "\f095";
}
#quick-contact li.quick-address:before {
	content: "\f3c5";
}
#quick-contact li.quick-email:before {
	content: "\f0e0";
}

/* layout two */

#quick-contact.layout-two li {
    position: relative;
    padding: 0 30px 0 30px;
}

#quick-contact.layout-two li span {
	display: block;
	font-weight: 700;
}

#quick-contact.layout-two li:before {
    position: absolute;
    left: 0;
    font-size: 15px;
    color: #fff;
    background:#f44336;    height: 35px;
    width: 35px;
    left: -20px;
    border-radius: 100%;
    padding: 5px;
}
#quick-contact.layout-two a:active,
#quick-contact.layout-two a:hover,
#quick-contact.layout-two a:focus {
	color: #f44336;
}

#quick-contact.layout-two a,
#quick-contact.layout-two a:visited,
#quick-contact.layout-two,
#quick-contact.layout-two li {
	color: #ffffff;
}

.error404 #primary {
	margin: 0 auto;
	float: none;
	text-align: center;
}

/* header-background */
.overlap-header header#masthead {
    background: inherit;
}
.dark-top-header {
    background-color: #000000;
}
.dark-top-header .cart-contents a,
.dark-top-header .cart-contents a:visited,
.dark-top-header #search-toggle {
	color: #ddd;
}

.light-top-header {
	background: #f9f9f9;
	color: #222;
}
#search-toggle, #search-toggle:visited, .cart-contents a, .cart-contents a:visited {
    border: none;
    color: #ffffff;
}

.dark-top-header #search-toggle,
.dark-top-header #search-toggle:visited,
.dark-top-header .cart-contents a,
.dark-top-header .cart-contents a:visited{
	color: #ddd;
}
#top-header .social-nav li a {
	margin-bottom: 6px;
}
#top-header #site-top-header-mobile-container li a,
#top-header #site-top-header-mobile-container li a:hover,
#top-header #site-top-header-mobile-container li a:focus,
#top-header #site-top-header-mobile-container,
#top-header #site-top-header-mobile-container p,
#top-header #site-top-header-mobile-container li {
    color: #fff;
}
#site-top-header-mobile-container {
    background: #181616;
}


/*--------------------------------------------------------------
# Masthead
--------------------------------------------------------------*/

#page {
	position: relative;
}

@media screen and (min-width: 1900px){
	#page {
		max-width: 1920px;
		margin: 0 auto;
	}
}

.boxed-layout #page {
	max-width: 1270px;
	margin: 50px auto;
	background: #fff;
	box-shadow: 0 0 33px #ddd;
}

#masthead {
    padding: 25px 0;
    background: #121213;
}
.header-one .header-wrapper {
    background: #212327;
}
#search-toggle.toggled-on i.far.fa-times-circle {
	display: block;
	font-size: 17px;
}

#site-identity {
	float: left;
	margin-right: 15px;
	text-align: left;
}

.site-branding img {
	vertical-align: middle;
	width: auto;
}

.site-branding {
	float: left;
}

.site-identity {
	display: inline-block;
}

.custom-logo-link {
	display: inline-block;
	float: left;
	margin-right: 15px;
}

.site-title {
    margin-bottom: 0;
    font-size: 2.2rem;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
    /* border: 1px solid; */
    /* padding: 6px 20px; */
}

p.site-description {
    margin: 0;
    font-size: 15px;
    letter-spacing: 1px;
}

.site-title a,
.site-title a:visited {
	color: #ececec;
}

.site-title a:hover,
.site-title a:focus,
.site-title a:active {
	color:#f44336;
}

a.ff-button.header-button {
    margin: 0 0 0 15px;
    padding: 10px 30px;
    margin-top: 0;
}
.site-top-header a.ff-button.header-button {
    border-radius: 0;
}
.site-branding.center-site-branding {
	text-align: center;
}

.site-branding.center-site-branding  a.custom-logo-link {
	display: block;
	margin: 0 0 10px 0;
	float: none;
}


.nav-inner-wrapper.nav-color-bg .social-nav li a {
	border: 2px solid #ffffff42;
}

.overlap-header {
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
    background: none;
}
#masthead.overlap-header {
    background: none;
}
#masthead.overlap-header.sticky-enabled.sticky-header {
    margin: 0;
}

/* Header Layouts 1*/

.header-info h5 {
    margin: 0;
    line-height: 1;
    letter-spacing: 1px;
}
.contact-wrapper {
    padding-left: 30px;
}
 .header-info {
    float: left;
    display: table;
}
 .contact-icon {
    background: #f44336;
    color: #fff;
    width: 35px;
    text-align: center;
    height: 35px;
    padding: 5px;
    margin-right: 10px;
    display: table;
    border-radius: 100%;
    font-size: 14px;
    display: block;
}
.main-header-six.sticky-enabled.sticky-header .main-header-top {
    display: none;
}
.header-three .site-top-header #quick-contact li.quick-call,
.header-seven .site-top-header #quick-contact li.quick-call {
    display: none;
}

/* Header Layouts 4*/


.header-stygian #main-nav {
    margin-top: 40px;
    clear: both;
    float: left;
    width: 100%;
}

.header-stygian #main-nav  .social-nav li a {
	padding: 0;
}


.header-stygian #masthead {
	padding-bottom: 0;
}
.header-stygian .nav-inner-wrapper .social-nav {
    margin-top: 0;
}
.header-stygian .nav-inner-wrapper .social-nav li {
    margin: 0;
}

/* Header Layouts 5 */


.nav-inner-wrapper {
    padding: 20px 0;
    background: #000;
}

.nav-inner-wrapper .social-nav {
	/* margin-top: 5px; */
}

.site-border {
    border-top: 1px solid #f44336;
}

.main-header-two .head-search-cart-wrap,
.main-header-two .right-head{
    margin-top: 5px;
}


  .main-header-two .contact-wrapper {
    margin-left: 30px;
}

  .main-header-three .contact-wrapper {
    margin-right: 30px;
}

.main-header-six #quick-contact li.quick-call,
.main-header-two #quick-contact li.quick-call,
.main-header-three #quick-contact li.quick-call {
    display: none;
}

/* Ovaerlapmentu */

.overlap-header p.site-description {
	color: #ddd;
}

.overlap-header .site-title a,
.overlap-header .site-title a:visited {
	color: #fff;
}
.overlap-header .site-title a:hover,
.overlap-header .site-title a:focus,
.overlap-header .site-title a:active {
	color:#f44336;
}


.overlap-header .main-navigation ul li a,
.overlap-header #search-toggle,
.overlap-header .cart-contents a,
.overlap-header .cart-contents a:visited {
	color: #f7f7f7;
}

	.overlap-header .main-navigation ul ul li a {
		color: #fff;
	}

	.cart-contents li.woocommerce-mini-cart-item.mini_cart_item > a {
		color: #222;
	}

	.nav-inner-wrapper.nav-color-bg, .nav-inner-wrapper.nav-color-bg.sticky-enabled.sticky-header {
		background: #000000;
	}

	.nav-lite-bg {
		background: #f1f1f1;
	}

	.dark-bg  {
		background: #292929;
	}

	.dark-patten .social-nav ul li a:before {
		color: #fff;
	}

	.sticky-header .nav-box-shadow {
		box-shadow: inherit;
		padding: 0;
	}
	.dark-patten .main-navigation ul li a,
	.dark-patten .main-navigation ul li a:visited {
		color: #ffffff;
	}

	.dark-patten .main-navigation ul li a:hover,
	.dark-patten .main-navigation ul li a:focus,
	.dark-patten .main-navigation ul li a:active{
		color:#fff;
	}

.dark-patten .main-navigation ul li li a, .dark-patten .main-navigation ul li li a:visited {
    color: #ffffff;
}

	.dark-patten .main-navigation ul li li a:hover,
	.dark-patten .main-navigation ul li li a:focus,
	.dark-patten .main-navigation ul li li a:active {
		color:#000;
	}



	/* Min cart header */

	.cart-items {
		position: absolute;
		top: -10px;
		left: 33px;
		color: #fff;
		background: #000000;
		padding: 5px;
		line-height: 0.5;
		border-radius: 100%;
		font-size: 10px;
	}

	.cart-contents i {
		margin-right: 5px;
	}

	.cart-contents {
	    list-style: none;
	    position: relative;
	    font-size: 13px;
	}



	.cart-contents a:hover,
	.cart-contents a:focus,
	.cart-contents a:active,
	#search-toggle:hover,
	#search-toggle:focus,
	#search-toggle:active	  {
		color: #f44336;
	}

	.site-header-cart {
		list-style: none;
	}

	.cart-contents .site-header-cart:hover .widget_shopping_cart,
	.cart-contents .site-header-cart.focus .widget_shopping_cart {
		left:inherit;
		right: -20px;
	}

	.site-header-cart .widget_shopping_cart {
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 999999;
		left: -999em;
		display: block;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	}

	.site-header-cart:hover .widget_shopping_cart,
	.site-header-cart.focus .widget_shopping_cart {
		left: 0;
		display: block;
	}

	.site-header-cart {
		position: relative;
		margin: 0;
		padding: 0;
	}
#top-header .head-search-cart-wrap {
    margin-top: 8px;
}
	.cart-contents .site-header-cart .widget_shopping_cart {
		position: absolute;
		top: 54px;
		left: auto;
		right: -20px;
		width: 320px;
		z-index: 101;
		-webkit-animation: fadein .6s;
		-moz-animation: fadein .6s;
		-o-animation: fadein .6s;
		animation: fadein .6s;
		margin: 0;
		padding: 30px;
		background: #fff;
		display: none;
		box-shadow:0 0 30px #7b6a6a4d;
	}

	.cart-contents p.woocommerce-mini-cart__empty-message {
		margin: 0;
		font-size: 15px;
	}

	.cart-contents .site-header-cart .widget_shopping_cart:before {
		content: "";
		height: 41px;
		background: transparent;
		right: 0;
		width: 100%;
		position: absolute;
		top: -40px;
	}

	.cart-contents .site-header-cart .widget_shopping_cart:after {
		content: "";
		position: absolute;
		background: #fff;
		width: 15px;
		right: 20px;
		top: -7px;
		transform: rotate(45deg);
		height: 15px;
	}

	.cart-contents li {
		list-style: none;
	}

	.cart-contents .woocommerce a.remove {
		background: #ca4646;
		display: block;
		font-size: 1.2em;
		height: 1em;
		width: 1em;
		text-align: center;
		line-height: 1;
		border-radius: 100%;
		color: #fff!important;
		text-decoration: none;
		font-weight: 700;
		border: 0;
		float: right;
		margin-right: 10px;
	}

	.cart-contents .product_list_widget li img {
		border: 1px solid #ddd;
		max-width: 55px;
		max-height: 55px;
		margin-right: 15px;
		float: left;
	}

	.cart-contents .woocommerce.widget_shopping_cart .cart_list li span.quantity {
		display: block;
		margin-top: 10px;
		font-size: 14px;
	}

	.cart-contents  .woocommerce-mini-cart__total,
	.cart-contents .woocommerce-mini-cart__buttons {
		text-align: center;
	}

	.cart-contents li.woocommerce-mini-cart-item.mini_cart_item > a {
		font-size: 16px;
	}

	.site-header-cart .product_list_widget {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.cart-contents p.woocommerce-mini-cart__total.total {
		font-size: 16px;
		clear: both;
		padding-top: 15px;
		display: block;
	}

	.cart-contents li.woocommerce-mini-cart-item.mini_cart_item {
		border-bottom: 1px solid #f1f1f1;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.cart-contents li.woocommerce-mini-cart-item.mini_cart_item:last-child {
		border: none;
		margin-bottom: 0;
	}

	.cart-contents p.woocommerce-mini-cart__buttons.buttons .button {
		display: inline-block;
		max-width: 45%;
		padding: 10px 20px;
		background: #f44336;
		font-size: 14px;
		margin: 0 5px;
		border-radius: 0;
		color: #fff;
		font-weight: normal;
	}

	.cart-contents p.woocommerce-mini-cart__buttons.buttons {
		margin: 0;
	}

	.cart-contents p.woocommerce-mini-cart__buttons.buttons .button {
		display: inline-block;
		max-width: 45%;
		padding: 10px 20px;
		color: #fff;
		font-size: 14px;
		margin: 0 5px;
	}

	#custom-header {
    padding: 100px 0;
    position: relative;
    background-color: #f5f5f5;
    background-size: cover;
}
	.header-one #custom-header, .header-five #custom-header {
    /* padding: 150px 0; */
}
	.archive-description {
		color: #fff;
	}
	#custom-header img {
		vertical-align: middle;
		width: 100%;
	}

	#custom-header::after {
	    background: #000000;
	    content: "";
	    display: block;
	    height: 100%;
	    opacity: 0.5;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    z-index: 8;
	}
	.custom-header-content {
		position: relative;
		z-index: 99;
		text-align: center;
	}

	#custom-header .page-title {
		color: #fff;
		text-transform: capitalize;
		font-size: 37px;
	}

	#custom-header .entry-meta a,
	#custom-header .entry-meta a:visited,
	#custom-header .entry-meta > span::before {
		color: #fff;
	}

	.no-header-media .custom-header-content {
		position: inherit;
		text-align: center;
		z-index: 9;
		top: inherit;
		width: 100%;
		padding: 55px 0;
		background: #fbfbfb;
	}
	.no-header-media #custom-header {
		padding: 0;
	}
	.no-header-media #custom-header::after {
		display: none;
	}

	.no-header-media #custom-header .page-title {
		color: #222;

	}

	.no-header-media #custom-header .entry-meta a, .no-header-media #custom-header .entry-meta a:visited, .no-header-media #custom-header .entry-meta > span::before {
		color: #222;
	}
	/* Has Header */

	.has-header-video #custom-header {
		background-image: none;
		padding:0;
	}

	.has-header-video .custom-header-content {
		position: absolute;
		text-align: center;
		z-index: 9;
		top: 40%;
		width: 100%;
	}

	.home #custom-header .page-title {
		font-size: 60px;
	}

	button#wp-custom-header-video-button {
		position: absolute;
		z-index: 999;
		right: 8%;
		top: 30px;
		background: inherit;
		padding: 0;
		max-width: inherit;
		width: auto;
	}

	.wp-custom-header-video-button:after {
		content: "\f28b";
		display: inline-block;
		font-family: 'Font Awesome 5 Free';
		font-size: 55px;
		float: left;
		margin-right: 10px;
		line-height: .4;
	}

	.wp-custom-header-video-pause:after {
		content: "\f144";
	}

	.sticky-enabled{
		-webkit-transition: all 0.5s ease;
		-moz-transition: position 10s;
		-ms-transition: position 10s;
		-o-transition: position 10s;
		transition: all 0.5s ease;
	}
	.main-header-six.sticky-enabled{
		-webkit-transition: position 10s;
		-moz-transition: position 10s;
		-ms-transition: position 10s;
		-o-transition: position 10s;
		transition: position 10s;
	}

	#masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    left: 0;
	    background: #211d1d;
	    box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
	    padding: 20px 0;
	    animation: smoothScroll 1s forwards;
	    z-index: 999;
	}

	.overlap-header #masthead.sticky-enabled.sticky-header {
	    background: #140333;

	}

	.nav-inner-wrapper.site-border.site-header.clear-fix.sticky-enabled.sticky-header {
    border: none;
}
	@keyframes smoothScroll {
		0% {
			transform: translateY(-20px);
		}
		100% {
			transform: translateY(0px);
		}
	}

/*--------------------------------------------------------------
# Basic Breadcrumb
--------------------------------------------------------------*/

#breadcrumb {
    color: #f44336;
    text-align: center;
    background: #191a1e;
    /* border-bottom: 1px solid #dddddd30; */
}
#breadcrumb ul {
	margin:0;
	padding: 0;
}
#breadcrumb ol {
	margin: 0;
	padding: 0;
}
#breadcrumb li:last-child {
	border: none;
}
#breadcrumb li {
    display: inline-block;
    list-style: outside none none;
    padding: 15px 20px;
    border-right: 1px solid #dddddd36;
    font-weight: 500;
    font-size: 16px;
}
.bcn-breadctumb > span {
	display: inline-block;
	list-style: outside none none;
	padding: 15px 10px;
	font-weight: 500;
	font-size: 16px;
}

#breadcrumb li i {
	margin-right: 8px;
}
#breadcrumb li.trail-item.trail-end::after,
.bcn-breadctumb span:first-child:after {
	display: none;
}

#breadcrumb li::after {
	content: "\f105";
	margin-left: 10px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 11px;
}
#breadcrumb li:last-child:after{
	display: none;
}
#breadcrumb li a, .bcn-breadctumb > span a {
    color: #dad8d8;
}
#breadcrumb li a:hover,.bcn-breadctumb span a:hover,
#breadcrumb li a:focus,.bcn-breadctumb span a:focus,
#breadcrumb li a:active,.bcn-breadctumb span a:active {
	color: #f44336;
}
#breadcrumb li:first-child a:before,
.bcn-breadctumb span:first-child a:before {
	content: "\f015";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-widget-area {
    overflow: hidden;
    padding: 85px 0;
    color: #7c8392;
    font-size: 16px;
    position: relative;
    z-index: 9;
    background: #121213;
}

.footer-widget-area .widet{
	margin:0;
}

.footer-widget-area ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-widget-area ul li {
	font-size: 15px;
	padding: 0px 15px 5px 20px;
	position: relative;
}
.widget_categories li.cat-item > a {
    display: inline-block;
    width: 80%;
}
.footer-widget-area ul li::before {
	color: #f44336;
	content: "\f105";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-size: 13px;
	left: 3px;
	position: absolute;
	top: 2px;
	font-weight: 900;
}

.footer-widget-area .widget-column {
    float: left;
    position: relative;
    width: 100%;
    z-index: 2;
    padding: 0 20px;
    color: #bfbfbf;
}

.footer-widget-area.four .widget-column{
	width: 25%;
}

.footer-widget-area.three .widget-column{
	float: left;
	width: 33.33%;
}

.footer-widget-area.two .widget-column{
	float: left;
	width: 50%;
}

.footer-widget-area.one .widget-column{
	float: left;
	width: 100%;
}

.footer-widget-area a, .footer-widget-area a:visited {
    color: #bfbfbf;
}

.footer-widget-area a:active,
.footer-widget-area a:focus, .footer-widget-area a:hover {
	color: #f44336;
}

.footer-widget-area .widget-title,
.footer-widget-area h2 {
	color: #fff;
	font-weight: 600;
	margin-bottom: 35px;
	position: relative;
	font-size: 2.3rem;
	/* border-bottom: 1px solid #f1f1f126; */
	padding-bottom: 15px;
}

.footer-widget-area .widget-title:after,
.footer-widget-area h2:after{
	background: #f44336;
	position: absolute;
	bottom: -3px;
	content: "";
	width: 15%;
	height: 2px;
	left: 0;
}
#site-generator {
    padding: 20px 0;
    background: #191919;
    color: #ddd;
}
#site-generator a:visited,
#site-generator a {
	color: #afafaf;
}

#site-generator a:hover,
#site-generator a:focus,
#site-generator a:active {
	color:#fff;
}


.site-info.two #footer-left-content {
	float: left;
}
.site-info.two #footer-right-content {
	float: right;
}
.site-info {
	text-align: center;
	overflow: hidden;
}


#scrollup {
	display: none;
}

a.scrollup, a.scrollup:visited {
    background-color: #f44336;
    bottom: 50px;
    color: #ffffff;
    float: right;
    line-height: 1.2;
    padding: 15px 20px;
    position: fixed;
    right: 32px;
    text-align: center;
    z-index: 999;
    /* border-radius: 5px; */
}

a.scrollup:hover,
a.scrollup:focus,
a.scrollup:active {
	background-color: #333;
	color: #ffffff;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

#primary {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 70%;
}

#sidebar-primary {
	float: right;
}

#sidebar-secondary {
	float: left;
}

.sidebar {
	width: 30%;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}
.sidebar-inner {
    padding: 30px;

    box-shadow: 0 0 20px rgba(31, 29, 29, 0.07);
}
.sidebar .widget {
    margin-bottom: 40px;

}

.widget-area .widget::after,
.widget-area .widget::before {
	clear: both;
	content: "";
	display: table;
}

.sidebar .widget-title {
    position: relative;
    border-bottom: 1px solid #ffffff1a;
    padding-bottom: 10px;
    margin-bottom: 20px;
    /* padding-left: 15px; */
    font-size: 2.3rem;
}

.sidebar .widget-title:after {
	background: #f44336;
	position: absolute;
	top: 9px;
	content: "";
	width: 5px;
	height: 17px;
	left: -29px;
}

.sidebar ul {
	list-style: outside none none;
	padding: 0;
	margin: 0;
}

.sidebar ul ul {
	border-bottom:none;
	padding-bottom: 0;
}

.sidebar ul li {
	padding-bottom: 5px;
	padding-top: 5px;
	position: relative;
	font-size: 15px;
	padding-left: 20px;
}

.sidebar ul li::before {
	content: "";
	display: inline-block;
	font-size: 11px;
	font-weight: 900;
	margin-right: 10px;
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 0;
	top: 8px;
	height: 7px;
	width: 7px;
	color: #b5b0b0;
	border-radius: 100%;
}


.widget .tagcloud a:hover {
	border: 2px solid #f44336;
	color: #f44336;
}

.widget .tagcloud a {
    border: 2px solid #dddddd;
    display: inline-block;
    font-size: 14px !important;
    line-height: 1.5;
    margin: 5px;
    padding: 3px 15px;
    float: left;
    border-radius: 0;
    color: #cecece;
}

.widget .tagcloud {
	text-align: center;
}

.sidebar ul li a, .sidebar ul li a:visited {
    color: #bdbdbd;
}
.sidebar  ul li a:hover,
.sidebar  ul li a:focus,
.sidebar  ul li a:active {
	color:#f44336;
}
.sidebar .widget_archive ul li::before {
	content: "\f187";
}

.sidebar .widget_categories ul li::before {
	content: "\f07c";
}

.sidebar .widget_pages ul li::before {
	content: "\f15b";
}

.sidebar .widget_meta ul li::before {
	content: "\f0c1";
}

.sidebar .widget_recent_comments ul li::before {
	content: "\f086";
}

.sidebar .widget_recent_entries ul li::before {
	content: "\f02b";
}

.sidebar .widget_rss ul li::before  {
	content: "\f09e";
}

.sidebar .widget_tag_cloud ul li::before  {
	content: "\f0c2";
}

/*calendar section*/

.section-calendar {
	text-align: center;
}

.section-calendar caption {
	border:1px solid #ddd;
	margin-bottom: 15px;
	padding: 5px;
}

.section .tagcloud a {
	border: 1px solid;
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 5px;
	padding: 5px 15px;
}

.section-categories li > a,
.section-archive li > a {
	display: inline-block;
	min-width: 85%;
}

/*--------------------------------------------------------------
# Social Links
--------------------------------------------------------------*/

.dark-top-header .social-nav ul li a:before {
	color: #ddd;
}

.dark-top-header #site-top-header-mobile-container .social-nav ul li a:before {
    color: #f5f5f5;
}

.social-nav ul li a:before,
.social-nav ul li a[href$="/feed/"]:before {
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-rendering: auto;
	line-height: 1;
	color: #fff;
	font-size: 12px;
}

.social-nav li {
    display: inline-block;
    margin-right: 2px;
    margin-top: 0;
    margin-left: 2px;
}

.social-nav,
.social-nav ul {
	margin: 0;
	padding: 0;
}

.social-nav li a {
    border: 2px solid #b6b6b687;
    display: inline-block;
    height: 35px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 35px;
    overflow: hidden;
    line-height: 1.9;
}
.social-nav.no-border ul li a {
	border: 2px solid transparent;
}
.social-nav  li a:focus, .social-nav  li a:active{
	outline: thin dotted;
}

.social-nav ul li a:before {
	content: "\f0c1";
	font-family: 'Font Awesome 5 free';
	font-weight: 900;
}

.social-nav ul li a:hover {
	background-color:#001837;
	border: 2px solid rgba(0, 0, 0, 0);
	-moz-transition: all 0.4s ease-out 0s;
	-webkit-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
}

.social-nav  ul li a:hover::before {
	color: #fff;
}
.social-nav  ul li a[href*="tiktok.com"]:before {
	content: "\e07b";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="facebook.com"]:before {
	content: "\f39e";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="telegram.com"]:before {
	content: "\f2c6";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="telegram.org"]:before {
	content: "\f2c6";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="vk.com"]:before {
	content: "\f189";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="twitter.com"]:before {
	content: "\f099";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="linkedin.com"]:before {
	content: "\f0e1";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="plus.google.com"]:before {
	content: "\f0d5";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="youtube.com"]:before {
	content: "\f167";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="dribbble.com"]:before {
	content: "\f17d";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="pinterest.com"]:before {
	content: "\f0d2";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="bitbucket.org"]:before {
	content: "\f171";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="github.com"]:before {
	content: "\f113";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="codepen.io"]:before {
	content: "\f1cb";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="flickr.com"]:before {
	content: "\f16e";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav ul li a[href$="/feed/"]:before {
	content: "\f09e";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.social-nav  ul li a[href*="stygiansquare.com"]:before {
	content: "\f180";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="instagram.com"]:before {
	content: "\f16d";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="tumblr.com"]:before {
	content: "\f173";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="reddit.com"]:before {
	content: "\f1a1";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="vimeo.com"]:before {
	content: "\f194";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="digg.com"]:before {
	content: "\f1a6";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="twitch.tv"]:before {
	content: "\f1e8";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="stumbleupon.com"]:before {
	content: "\f1a4";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="delicious.com"]:before {
	content: "\f1a5";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav ul li a[href*="mailto:"]:before {
	content: "\f0e0";
	font-family: 'Font Awesome 5 Brands';
	font-family: 'Font Awesome 5 Free';
}

.social-nav  ul li a[href*="soundcloud.com"]:before {
	content: "\f1be";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="wordpress.org"]:before {
	content: "\f19a";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="wordpress.com"]:before {
	content: "\f19a";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="jsfiddle.net"]:before {
	content: "\f1cc";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="tripadvisor.com"]:before {
	content: "\f262";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="angel.co"]:before {
	content: "\f209";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="slack.com"]:before {
	content: "\f198";
	font-family: 'Font Awesome 5 Brands';

}

.social-nav  ul li a[href*="500px.com"]:before {
	content: "\f26e";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="amazon.com"]:before {
	content: "\f270";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="amilia.com"]:before {
	content: "\f36d";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="gitlab.com"]:before {
	content: "\f09b";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="ebay.com"]:before {
	content: "\f4f4";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="dashcube.com"]:before {
	content: "\f210";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="behance.net"]:before {
	content: "\f1b5";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="vk.net"]:before {
	content: "\f189";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="mastodon.social"]:before {
	content: "\f4f6";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="algolia.com"]:before {
	content: "\f36c";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="bandcamp.com"]:before {
	content: "\f2d5";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="codiepie.com"]:before {
	content: "\f284";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="del.icio.us"]:before {
	content: "\f1a5";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="gitter.im"]:before {
	content: "\f426";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="goodreads.com"]:before {
	content: "\f3a8";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="hireahelper.com"]:before {
	content: "\f3b0";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="imdb.com"]:before {
	content: "\f2d8";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="last.fm"]:before {
	content: "\f202";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="medium.com"]:before {
	content: "\f23a";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="meetup.com"]:before {
	content: "\f2e0";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="mixcloud.com"]:before {
	content: "\f289";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="quora.com"]:before {
	content: "\f3d2";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="us.napster.com"]:before {
	content: "\f2c4";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="slideshare.net"]:before {
	content: "\f1e7";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="spotify.com"]:before {
	content: "\f1bc";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="stackexchange.com"]:before {
	content: "\f18d";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="stackoverflow.com"]:before {
	content: "\f16c";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="trello.com"]:before {
	content: "\f181";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="xing.com"]:before {
	content: "\f168";
	font-family: 'Font Awesome 5 Brands';
}
.social-nav  ul li a[href*="yelp.com"]:before {
	content: "\f1e9";
	font-family: 'Font Awesome 5 Brands';
}

.social-nav  ul li a[href*="500px.com"]:hover {
	background: #0099e5;
}

.social-nav  ul li a[href*="amazon.com"]:hover {
	background: #f90;
}

.social-nav  ul li a[href*="amilia.com"]:hover {
	background: #46aaf8;
}

.social-nav  ul li a[href*="gitlab.com"]:hover {
	background: #e65328;
}

.social-nav  ul li a[href*="ebay.com"]:hover {
	background: #0654ba;
}

.social-nav  ul li a[href*="dashcube.com"]:hover {
	background: #f76707;
}

.social-nav  ul li a[href*="behance.net"]:hover {
	background: #0052CC;
}

.social-nav  ul li a[href*="vk.net"]:hover {ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢
	background: #5181b8;
}

.social-nav  ul li a[href*="mastodon.social"]:hover {
	background: #5181b8;
}

.social-nav  ul li a[href*="algolia.com"]:hover {
	background: #5a6dff;
}

.social-nav  ul li a[href*="bandcamp.com"]:hover {
	background: #639aa9;
}

.social-nav  ul li a[href*="codiepie.com"]:hover {
	background: #222222;
}

.social-nav  ul li a[href*="del.icio.us"]:hover {
	background: #0076e8;
}

.social-nav  ul li a[href*="gitter.im"]:hover {
	background: #46bc99;
}

.social-nav  ul li a[href*="goodreads.com"]:hover {
	background: #382110;
}

.social-nav  ul li a[href*="hireahelper.com"]:hover {
	background: #693238;
}

.social-nav  ul li a[href*="imdb.com"]:hover {
	background: #f5c518;
}

.social-nav  ul li a[href*="last.fm"]:hover {
	background: #bb0000;
}

.social-nav  ul li a[href*="medium.com"]:hover {
	background: #693238;
}

.social-nav  ul li a[href*="meetup.com"]:hover {
	background: #f13a59;
}

.social-nav  ul li a[href*="mixcloud.com"]:hover {
	background: #693238;
}

.social-nav  ul li a[href*="quora.com"]:hover {
	background: #b92b27;
}

.social-nav  ul li a[href*="us.napster.com"]:hover {
	background: #49FFD0;
}

.social-nav  ul li a[href*="slideshare.net"]:hover {
	background: #222222;
}

.social-nav  ul li a[href*="spotify.com"]:hover {
	background: #1ed760;
}

.social-nav  ul li a[href*="stackexchange.com"]:hover {
	background: #12457C;
}

.social-nav  ul li a[href*="stackoverflow.com"]:hover {
	background: #f48024;
}

.social-nav  ul li a[href*="trello.com"]:hover {
	background: #5aac44;
}

.social-nav  ul li a[href*="xing.com"]:hover {
	background: #b0d400;
}

.social-nav  ul li a[href*="yelp.com"]:hover {
	background: #d32323;
}
/*social links hover effect */

.social-nav  ul li a[href*="facebook.com"]:hover {
	background: #3b5998;
}

.social-nav  ul li a[href*="twitter.com"]:hover {
	background: #00aced;
}

.social-nav  ul li a[href*="plus.google.com"]:hover {
	background: #dd4b39;
}

.social-nav  ul li a[href*="/feed/"]:hover  {
	background: #dc622c;
}

.social-nav  ul li a[href*="wordpress.org"]:hover,
.social-nav  ul li a[href*="wordpress.com"]:hover {
	background: #45bbe6;
}

.social-nav  ul li a[href*="github.com"]:hover {
	background: #4183c4;
}

.social-nav  ul li a[href*="linkedin.com"]:hover {
	background: #007bb6;
}

.social-nav  ul li a[href*="pinterest.com"]:hover {
	background: #cb2027;
}

.social-nav  ul li a[href*="flickr.com"]:hover {
	background: #ff0084;
}

.social-nav  ul li a[href*="vimeo.com"]:hover {
	background: #aad450;
}

.social-nav  ul li a[href*="youtube.com"]:hover {
	background: #bb0000;
}

.social-nav  ul li a[href*="instagram.com"]:hover {
	background: #517fa4;
}

.social-nav  ul li a[href*="dribbble.com"]:hover {
	background: #ea4c89;
}

.social-nav  ul li a[href*="skype.com"]:hover {
	background: #12a5f4;
}

.social-nav  ul li a[href*="digg.com"]:hover {
	background: #333;
}

.social-nav  ul li a[href*="codepen.io"]:hover {
	background: #000;
}

.social-nav  ul li a[href*="reddit.com"]:hover {
	background: #ff4500;
}

.social-nav  ul li a[href*="mailto:"]:hover {
	background: #1d62f0;
}

.social-nav  ul li a[href*="twitch.tv"]:hover {
	background: #6441a5;
}

.social-nav  ul li a[href*="stygiansquare.com"]:hover {
	background: #f94877;
}

.social-nav  ul li a[href*="stumbleupon.com"]:hover {
	background: #eb4924;
}

.social-nav  ul li a[href*="twitch.tv"]:hover {
	background: #6441a5;
}

.social-nav  ul li a[href*="tumblr.com"]:hover {
	background: #32506d;
}

.social-nav  ul li a[href*="soundcloud.com"]:hover {
	background: #ff5500;
}

.social-nav  ul li a[href*="wordpress.org"]:hover {
	background:#45bbe6;
}

.social-nav  ul li a[href*="jsfiddle.net"]:hover {
	background:#4679bd;
}

.social-nav  ul li a[href*="tripadvisor.com"]:hover {
	background:#86c171;
}

.social-nav  ul li a[href*="stygiansquare.com"]:hover {
	background:#2d5be3;
}

.social-nav  ul li a[href*="angel.co"]:hover {
	background:#000;
}

.social-nav  ul li a[href*="slack.com"]:hover {
	background:#56b68b;
}



.social-nav.brand-bg  ul li a[href*="500px.com"] {
	background: #0099e5;
}

.social-nav.brand-bg  ul li a[href*="amazon.com"] {
	background: #f90;
}

.social-nav.brand-bg  ul li a[href*="amilia.com"] {
	background: #46aaf8;
}

.social-nav.brand-bg  ul li a[href*="gitlab.com"] {
	background: #e65328;
}

.social-nav.brand-bg  ul li a[href*="ebay.com"] {
	background: #0654ba;
}

.social-nav.brand-bg  ul li a[href*="dashcube.com"] {
	background: #f76707;
}

.social-nav.brand-bg  ul li a[href*="behance.net"] {
	background: #0052CC;
}

.social-nav.brand-bg  ul li a[href*="vk.net"] {
	background: #5181b8;
}

.social-nav.brand-bg  ul li a[href*="mastodon.social"] {
	background: #5181b8;
}

.social-nav.brand-bg  ul li a[href*="algolia.com"] {
	background: #5a6dff;
}

.social-nav.brand-bg  ul li a[href*="bandcamp.com"] {
	background: #639aa9;
}

.social-nav.brand-bg  ul li a[href*="codiepie.com"] {
	background: #222222;
}

.social-nav.brand-bg  ul li a[href*="del.icio.us"] {
	background: #0076e8;
}

.social-nav.brand-bg  ul li a[href*="gitter.im"] {
	background: #46bc99;
}


.social-nav.brand-bg  ul li a[href*="goodreads.com"] {
	background: #382110;
}


.social-nav.brand-bg  ul li a[href*="hireahelper.com"] {
	background: #693238;
}


.social-nav.brand-bg  ul li a[href*="imdb.com"] {
	background: #f5c518;
}


.social-nav.brand-bg  ul li a[href*="last.fm"] {
	background: #bb0000;
}


.social-nav.brand-bg  ul li a[href*="medium.com"] {
	background: #693238;
}


.social-nav.brand-bg  ul li a[href*="meetup.com"] {
	background: #f13a59;
}


.social-nav.brand-bg  ul li a[href*="mixcloud.com"] {
	background: #693238;
}


.social-nav.brand-bg  ul li a[href*="quora.com"] {
	background: #b92b27;
}


.social-nav.brand-bg  ul li a[href*="us.napster.com"] {
	background: #49FFD0;
}


.social-nav.brand-bg  ul li a[href*="slideshare.net"] {
	background: #222222;
}


.social-nav.brand-bg  ul li a[href*="spotify.com"] {
	background: #1ed760;
}


.social-nav.brand-bg  ul li a[href*="stackexchange.com"] {
	background: #12457C;
}


.social-nav.brand-bg  ul li a[href*="stackoverflow.com"] {
	background: #f48024;
}


.social-nav.brand-bg  ul li a[href*="trello.com"] {
	background: #5aac44;
}


.social-nav.brand-bg  ul li a[href*="xing.com"] {
	background: #b0d400;
}


.social-nav.brand-bg  ul li a[href*="yelp.com"] {
	background: #d32323;
}

.social-nav.brand-bg  ul li a[href*="facebook.com"] {
	background: #3b5998;
}

.social-nav.brand-bg  ul li a[href*="twitter.com"] {
	background: #00aced;
}

.social-nav.brand-bg  ul li a[href*="plus.google.com"] {
	background: #dd4b39;
}

.social-nav.brand-bg  ul li a[href*="/feed/"]  {
	background: #dc622c;
}

.social-nav.brand-bg  ul li a[href*="wordpress.org"],
.social-nav.brand-bg  ul li a[href*="wordpress.com"] {
	background: #45bbe6;
}

.social-nav.brand-bg  ul li a[href*="github.com"] {
	background: #4183c4;
}

.social-nav.brand-bg  ul li a[href*="linkedin.com"] {
	background: #007bb6;
}

.social-nav.brand-bg  ul li a[href*="pinterest.com"] {
	background: #cb2027;
}

.social-nav.brand-bg  ul li a[href*="flickr.com"] {
	background: #ff0084;
}

.social-nav.brand-bg  ul li a[href*="vimeo.com"] {
	background: #aad450;
}

.social-nav.brand-bg  ul li a[href*="youtube.com"] {
	background: #bb0000;
}

.social-nav.brand-bg ul li a[href*="instagram.com"] {
    background: #E70826;
}

.social-nav.brand-bg  ul li a[href*="dribbble.com"] {
	background: #ea4c89;
}

.social-nav.brand-bg  ul li a[href*="skype.com"] {
	background: #12a5f4;
}

.social-nav.brand-bg  ul li a[href*="digg.com"] {
	background: #333;
}

.social-nav.brand-bg  ul li a[href*="codepen.io"] {
	background: #000;
}

.social-nav.brand-bg  ul li a[href*="reddit.com"] {
	background: #ff4500;
}

.social-nav.brand-bg  ul li a[href*="mailto:"] {
	background: #1d62f0;
}

.social-nav.brand-bg  ul li a[href*="twitch.tv"] {
	background: #6441a5;
}

.social-nav.brand-bg  ul li a[href*="stygiansquare.com"] {
	background: #f94877;
}

.social-nav.brand-bg  ul li a[href*="stumbleupon.com"] {
	background: #eb4924;
}

.social-nav.brand-bg  ul li a[href*="twitch.tv"] {
	background: #6441a5;
}

.social-nav.brand-bg  ul li a[href*="tumblr.com"] {
	background: #32506d;
}

.social-nav.brand-bg  ul li a[href*="soundcloud.com"] {
	background: #ff5500;
}

.social-nav.brand-bg  ul li a[href*="wordpress.org"] {
	background:#45bbe6;
}

.social-nav.brand-bg  ul li a[href*="jsfiddle.net"] {
	background:#4679bd;
}

.social-nav.brand-bg  ul li a[href*="tripadvisor.com"] {
	background:#86c171;
}

.social-nav.brand-bg  ul li a[href*="stygiansquare.com"] {
	background:#2d5be3;
}

.social-nav.brand-bg  ul li a[href*="angel.co"] {
	background:#000;
}

.social-nav.brand-bg  ul li a[href*="slack.com"] {
	background:#56b68b;
}

.social-nav.brand-bg ul li a:before {
	color: #fff;
}
.social-nav.circle-icon ul li a {
    border-radius: 100%;
}

.social-nav.brand-bg ul li a {
    border: 2px solid transparent;
    background: #222;
}
.social-nav.no-border.brand-bg ul li a {
    border: 2px solid transparent;
}

.social-nav.brand-bg ul li a:hover,
.social-nav.brand-bg ul li a:focus,
.social-nav.brand-bg ul li a:active {
    background: #3b85cd;
}


.social-nav li:before,
.widget_stygian_recent_entries li:before{
	display: none!important;
}
.social-nav li{
	padding: 0!important;
}
.team-text-wrap .social-nav li a {
	border: 2px solid transparent;
}
.footer-widget-area .social-nav li a:before {
	color: #fff;
}
.recent-post-thumb {
    float: left;
    max-width: 30%;
    border-radius: 5px;
    overflow: hidden;
}
.recent-post-content-wrap {
	float: left;
	max-width: 60%;
	padding: 0 0 0 20px;
}
.recent-post-item h3 {
	font-size: 1.7rem;
	margin-bottom: 0;
	line-height: 1.4;
}
.recent-post-item {
	clear: both;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
.widget_stygian_recent_entries span.post-date {
	display: block;
	font-size: 14px;
	margin-top: 2px;
}
.widget_stygian_recent_entries span.post-date {
	display: block;
}
.widget_stygian_recent_entries span.post-date:before {
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	height: 15px;
	margin-right: 8px;
	content: "\f274";
	font-size: 13px;
}
/*--------------------------------------------------------------
# Layouts Style
--------------------------------------------------------------*/

.layout-left-sidebar #primary {
	float: right;
}

.layout-no-sidebar-full-width #primary {
	width: 100%;
}

.layout-no-sidebar-content-width #primary {
	width: 100%;
	margin: 0 auto;
	max-width: 800px;
	float: none;
}

.layout-no-sidebar-content-width.grid #primary {
	max-width: 100%;
	padding: 0;
}

/*--------------------------------------------------------------
## Home Sections
--------------------------------------------------------------*/

.more-wrapper {
	display: block;
	text-align: center;
	margin-top: 20px;
	clear: both;
	width: 100%;
	float: left;
}

.section {
	padding: 70px 0;
	clear: both;
	background: #0e0e0e;
}
.single-content-wraper .post-thumbnail {
	padding: 30px 30px 0;
}

.even-section {
	background: #151515;
}

.section.lite-background {
	background-color: #f4f9fc;
}

.section.white-background {
	background-color: #fff;
}

.section.dark-background {
    background-color: #151515;
}


.section.lite-background  .inner-block-shadow,
.background-img .inner-block-shadow{
	border: none;
}

.background-img {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 99;
}

.background-img.overlay-enabled:after {
	content: "";
	display: block;
	background: rgb(0, 0, 0);
	height: 100%;
	width: 100%;
	top: 0;
	position: absolute;
	z-index: -1;
	left: 0;
	opacity: 0.7;
}

.section.dark-background .section-subtitle {
	color:#ddd;
}

.section.dark-background .section-title,
.section.background-img .section-title,
.section.dark-background .section-subtitle,
.section.background-img .section-subtitle,
.section.background-img.overlay-enabled p,
.section.dark-background .section-top-subtitle {
	color: #fff;
}

.section.background-img.overlay-enabled h1,
.section.background-img.overlay-enabled h2,
.section.background-img.overlay-enabled h3,
.section.background-img.overlay-enabled h4,
.section.background-img.overlay-enabled h5,
.section.background-img.overlay-enabled h6{
	color: #fff;
}


.section.no-padding,.no-padding {
	padding:0;
}
.section.no-margin,.no-margin {
	margin:0;
}
.section .section-title {
    position: relative;
    font-size: 4rem;
    line-height: 1.2;
    margin-bottom: 5px;
}

.section .section-title-wrap {
    text-align: center;
    width: 100%;
    display: table;
    margin-bottom: 30px;
    max-width: 800px;
    margin: 0 auto 30px;
}

.section .section-subtitle {
	margin: 0 auto;
	max-width: 600px;
	font-size: 17px;
	line-height: 1.75;
	margin-top: 20px;
}

.section .section-top-subtitle {
    position: relative;
    /* background: #383535; */
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 19px;
    /* font-style: italic; */
    /* border: 1px solid; */
    display: inline-block;
    /* padding: 2px 15px; */
    /* letter-spacing: 2px; */
    /* border-radius: 20px; */
    color: #f44336;
}
.section .section-title-wrap span.divider {
	content: "";
	display: block;
	height: 2px;
	width: 55px;
	background-color: #f44336;
	margin: 0 auto 5px;
	position: relative;
}


.section .section-title-wrap.text-alignleft {
	text-align: left;
}

.section .section-title-wrap.text-alignleft span.divider:after {
	left: 0;
}

/* alignright */

.section .section-title-wrap.text-alignright {
	text-align: right;
}
.section .section-title-wrap.text-alignright span.divider {
	float: right;
}
.section .section-title-wrap.text-alignright span.divider:after {
	right: 0;
	left: inherit;
}

.section .section-title-wrap.text-alignleft span.divider,
.section .section-title-wrap.text-alignright span.divider {
	margin: 0 0 25px;
}

.section .section-title-wrap.text-alignright  .section-title {
	margin-bottom: 20px;
}


@-webkit-keyframes animationborder {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
}

@keyframes animationborder {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
}

.inner-block-shadow,.featured-grid-section .featured-grid-text-content,
.section-latest-posts .latest-posts-text-content,.section-teams .team-text-wrap,
.blog .entry-container, .archive .entry-container,.blog .hentry-inner, 
.archive .hentry-inner, .hentry-inner,.single-content-wraper,#respond,.sidebar-inner{
	background: #222222;
}
.inner-block-shadow {
    /* -webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); */
    -moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    /* box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); */
    /* -webkit-transition: box-shadow 0.3s, transform 0.3s; */
    -moz-transition: box-shadow 0.3s, transform 0.3s;
    -ms-transition: box-shadow 0.3s, transform 0.3s;
    -o-transition: box-shadow 0.3s, transform 0.3s;
    transition: box-shadow 0.3s, transform 0.3s;
    padding: 0;
    background: #222222;
    position: relative;
}





.inner-block-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.inner-block-shadow:hover, .inner-block-shadow:focus, .inner-block-shadow:active {
    -webkit-box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 20%);
    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 20%);
    transform: translateY(-8px);
}
.inner-block-shadow:hover:before,
.inner-block-shadow:focus:before,
.inner-block-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}


.ff-button:hover:before,
.ff-button:focus:before,
.ff-button:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

.associate-logo-item {
	text-align: center;
}
#associate-logo-section {
	padding: 60px 0;
}
.section.content-align-center,
.section.text-aligncenter{
	text-align: center;
}

.section.overlay-enabled {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 99;
}

.section.overlay-enabled:after {
    content: "";
    display: block;
    background: #000;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    z-index: -1;
    left: 0;
    opacity: 0.8;
}


/* Border-radius */

.style-one .section-latest-posts .latest-posts-text-content, .style-one .section-teams .team-text-wrap, .featured-grid-section .featured-grid-text-content {
	margin: -25px 20px 0;
	padding: 40px 30px;
}



.featured-grid-wrapper {
    overflow: hidden;
}



.image-hover-zoom img {
	margin: 0;
	vertical-align: middle;
	-webkit-transition: -webkit-transform 1s ease;
	-moz-transition: -moz-transform 1s ease;
	transition: transform 1s ease;
	width: 100%;
}

a.image-hover-zoom {
	overflow: hidden;
	display: block;
}

.image-hover-zoom:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
}


/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/

#slider-section .swiper-button-next:after, #slider-section .swiper-button-prev:after {
    font-size: 2rem;
}
#slider-section .slider-image-wrapper {
	text-align: center;
}

#slider-section .slider-content-wrapper {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 99;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
#slider-section {
	overflow: hidden;
	position: relative;
}
#slider-section.style-three {
	max-width: 1230px;
	margin: 0 auto;
	margin-top: 40px;
}
.header-three #slider-section.style-three {
	margin: 30px auto 0;

}
#slider-section .slider-content {
	margin: 0 auto 30px;
	font-size: 18px;
	color: #222;
	clear: both;
}


#slider-section .slider-content p {
	max-width: 655px;
	margin: 0 auto;
}

#slider-section .text-alignleft .slider-content p {
	float: left;
	clear: both;
}

#slider-section .text-alignright .slider-content p {
	float: right;
	clear: both;
}

#slider-section .slider-content-wrapper .container {
    max-width: 1135px;
}

#slider-section  .slider-content-wrapper {
	text-align:center;
}

#slider-section .text-alignleft .slider-content-wrapper {
	text-align: left;
}

#slider-section .text-alignright .slider-content-wrapper {
	text-align: right;
}

#slider-section .swiper-button-next:active,
#slider-section .swiper-button-prev:active,
#slider-section .swiper-button-next:visited,
#slider-section .swiper-button-prev:visited{
	outline: none;
}

#slider-section .swiper-button-next:hover,
#slider-section .swiper-button-prev:hover,
#slider-section .swiper-button-next:focus,
#slider-section .swiper-button-prev:focus,
#slider-section .swiper-button-next:active,
#slider-section .swiper-button-prev:active {
	outline: none;
	background: #f44336;
	color: #fff;
	box-shadow: 0 0 21px #2222223d;
}

#slider-section .swiper-button-next, #slider-section .swiper-button-prev {
    z-index: 99;
    padding: 28px;
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s;
    color: #ffffff;
}
#slider-section .swiper-button-prev {
	left: 0;
	right: auto;
}

#slider-section .swiper-button-next {
	right: 0;
	left: auto;
}



#slider-section.section .swiper-pagination {
	bottom: 50px;
	left: 0;
	width: 100%;
	z-index: 99;
	position: absolute;
}

#slider-section .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    font-size: unset;
    line-height: unset;
    padding: unset;
    border-radius: 50px;
    background: #fff;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,.25);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.25);
    position: relative;
    margin: 0 15px;
}

#slider-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
#slider-section .swiper-pagination .swiper-pagination-bullet:hover {
	background: #f44336;
    opacity: 1;

}
#slider-section .swiper-pagination .swiper-pagination-bullet:before, 
#slider-section .swiper-pagination .swiper-pagination-bullet:after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: -9px;
    left: -9px;
}



#slider-section .swiper-pagination .swiper-pagination-bullet:before, 
#slider-section .swiper-pagination .swiper-pagination-bullet:after {
    border-radius: 100%;
}
#slider-section .swiper-pagination .swiper-pagination-bullet:before {
    border: 2px solid transparent;
}
#slider-section .swiper-pagination .swiper-pagination-bullet:after {
    border: 0 solid transparent;
}

#slider-section .swiper-pagination .swiper-pagination-bullet:before, 
#slider-section .swiper-pagination .swiper-pagination-bullet:after {
    border-radius: 100%;
}
#slider-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    border-top: 2px solid #fff;
    border-left-width: 2px;
    border-right-width: 2px;
    transform: rotate(270deg);
    transition: transform .4s linear 0s,border-left-width 0s linear .35s;
}
#slider-section .swiper-pagination .swiper-pagination-bullet:before, 
#slider-section .swiper-pagination .swiper-pagination-bullet:after {
    border-radius: 100%;
}

#slider-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
}
#slider-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    transition: border-top-color .15s linear,border-right-color .15s linear .1s,border-bottom-color .15s linear .2s;
}








#slider-section .swiper-pagination-bullet {
	opacity: 1;
}

#slider-section .swiper-scrollbar-drag {
	background: rgb(231, 8, 38);
}

#slider-section.swiper-container-horizontal > .swiper-scrollbar {
	bottom: 0;
}

#slider-section .swiper-scrollbar {
	background: rgba(255, 255, 255, 0.85);
}

#slider-section h2 {
    font-size: 6.3rem;
    font-weight: 700;
    transition: all 0.5s linear 1s;
    margin: 0 0 30px;
}
#slider-section h2,
#slider-section p {
	color:#fff;
}

#slider-section.overlay-enabled article:before {
    background: url(images/overlay.png);
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 9;
    width: 100%;
    opacity: .8;
}

#slider-section .swiper-slide .slider-subtitle {
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
}

#slider-section .swiper-slide p {
    font-size: 18px;
    margin-top: -15px;
}

#slider-section .swiper-slide.swiper-slide-active  img{
	transform: scale(1.1);
	transition: 10s;
}

#slider-section .swiper-slide.swiper-slide-active  img {
	transform: scale(1.1);
	transition: 10s;
}

#slider-section .slider-buttons .ff-button {
    margin: 0 10px;
    /* padding: 15px 40px; */
    /* min-width: 125px; */
}

#slider-section.zoom-disabled .swiper-slide.swiper-slide-active  img {
	transform: inherit;
	transition: inherit;
}


.slider-buttons {
	margin:0 -10px;
}

#slider-section .type-post.text-alignright .slider-content-wrapper, #slider-section .type-post.text-alignleft .slider-content-wrapper {
    padding-bottom: 5%;
}
#slider-section .type-post.text-aligncenter .slider-content-wrapper a.more-link{
    display: table;
}
#slider-section a.more-link, #slider-section a.more-link:visited {
    display: inline-block;
    background: #f44336;
    color: #fff;
    padding: 8px 25px;
    margin-top: 40px;
    clear: both;
    display: table;
    margin: 35px auto 0;
    font-weight: 500;
    border: none;
    font-size: 16px;
}
#slider-section .more-link:before {
	display: none;
}

#slider-section .swiper-slide.type-post.text-alignleft .divider,
#slider-section .swiper-slide.type-post.text-alignright .divider {
	margin: 0 0 20px;
}
#slider-section .text-alignleft a.more-link,
#slider-section .text-alignright a.more-link {
	position: absolute;
	z-index: 999;
}
#slider-section a.more-link:hover, #slider-section a.more-link:active, #slider-section a.more-link:focus {
    background: #ffffff;
    color: #000;
    transition: none!important;
}
#slider-section .text-alignleft a.more-link{
	display: block;
	float: left;
}

#slider-section .text-alignright a.more-link {
	display: block;
	right: 0;
}

#slider-section.style-one .swiper-button-prev {
    left: inherit;
    right: 12%;
}
#slider-section.style-one  .swiper-button-next {
    right: 7%;
    left: auto;
}
#slider-section.style-one  .swiper-button-next, #slider-section.style-one  .swiper-button-prev {
    top: 7%;
}
.header-five #slider-section.style-one .swiper-button-next, .header-five #slider-section.style-one .swiper-button-prev {
    top: 17%;
}
 .header-five #custom-header {
    padding: 180px 0 90px;
}
/* Center Animations */
#slider-section .swiper-slide .slider-subtitle {
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 0.4s;
    display: inline-block;
    padding: 0;
    border-bottom: 4px solid #f44336;
}
#slider-section .swiper-slide h2 {
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 0.3s;
	line-height: 1.3;
	/* color: #1a1b1e; */
	text-shadow: 0 0 1px #000;
}
#slider-section .swiper-slide p{
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 0.2s;
}
#slider-section .swiper-slide .slider-buttons, #slider-section a.more-link {
    transform: translateY(100%);
    opacity: 0;
    transition: transform 1s ease-in-out 1s;
}

#slider-section .swiper-slide.swiper-slide-active h2,
#slider-section .swiper-slide.swiper-slide-active p,
#slider-section .swiper-slide.swiper-slide-active .slider-buttons,
#slider-section .swiper-slide.swiper-slide-active a.more-link,
#slider-section .swiper-slide.swiper-slide-active .slider-subtitle {
	transform: translateY(0);
	opacity: 1;
}
#slider-section a.more-link:after {
    display: none;
}
/* Right Animations */

#slider-section .swiper-slide.text-alignright h2 {
	transform: translateX(-10%);
	opacity: 0;
	transition: all 1s ease-in-out 0.3s;
	line-height: 1.2;
}

#slider-section .swiper-slide.text-alignright p {
	transform: translateX(-10%);
	opacity: 0;
	transition: all 1s ease-in-out 1s;
}

#slider-section .swiper-slide.text-alignright .slider-buttons,
#slider-section .text-alignright a.more-link{
	transform: translateX(-10%);
	opacity: 0;
	transition: all 1s ease-in-out 1.5s;
}

#slider-section .swiper-slide.text-alignright.swiper-slide-active h2,
#slider-section .swiper-slide.text-alignright.swiper-slide-active p,
#slider-section .swiper-slide.text-alignright.swiper-slide-active .slider-buttons,
#slider-section .swiper-slide.text-alignright.swiper-slide-active a.more-link,
#slider-section .swiper-slide.text-alignright.swiper-slide-active .divider{
	transform: translateX(0);
	opacity: 1;
}


/* Left Animations */

#slider-section .swiper-slide.text-alignleft h2 {
	transform: translateX(10%);
	opacity: 0;
	transition: all 1s ease-in-out 0.3s;
	line-height: 1.2;
}

#slider-section .swiper-slide.text-alignleft p {
	transform: translateX(10%);
	opacity: 0;
	transition: all 1s ease-in-out 1s;
}

#slider-section .swiper-slide.text-alignleft .slider-buttons,
#slider-section .text-alignleft a.more-link{
	transform: translateX(10%);
	opacity: 0;
	transition: all 1s ease-in-out 1.5s;
}

#slider-section .swiper-slide.text-alignleft.swiper-slide-active h2,
#slider-section .swiper-slide.text-alignleft.swiper-slide-active p,
#slider-section .swiper-slide.text-alignleft.swiper-slide-active .slider-buttons,
#slider-section .swiper-slide.text-alignleft.swiper-slide-active a.more-link,
#slider-section .swiper-slide.text-alignleft.swiper-slide-active .divider{
	transform: translateX(0);
	opacity: 1;
}

/*--------------------------------------------------------------
## feature Product
--------------------------------------------------------------*/

#featured-product-section.content-position-left .featured-page-thumb {
	float: right;
}

#featured-product-section.text-alignleft {
	text-align: left;
}

#featured-product-section.text-alignleft .section-title-wrap,
#featured-product-section.default .section-title-wrap{
	text-align: center;
	width: 100%;
	display: table;
}

#featured-product-section.text-alignleft .section-title-wrap,
#featured-product-section.default .section-title-wrap {
	text-align: left;
}

#featured-product-section.text-alignleft .section-title-wrap span.divider,
#featured-product-section.default  .section-title-wrap span.divider{
	left: 0;
	float: left;
}

#featured-product-section.text-alignleft .section-title-wrap span.divider:after,
#featured-product-section.default  .section-title-wrap span.divider:after {
	left: 0;
}

#featured-product-section.text-aligncenter .featured-info a.more-link {
	max-width: 200px;
	margin: 30px auto 0;
}
#featured-product-section.text-alignright {
	text-align: right;
}

#featured-product-section.text-alignright .section-title-wrap {
	text-align: center;
	width: 100%;
	display: table;
}

#featured-product-section.text-alignright .section-title-wrap {
	text-align: right;
}

#featured-product-section.text-alignright .section-title-wrap span.divider {
	right: 0;
	float: right;
}
#featured-product-section.text-alignright .section-title-wrap span.divider:after {
	left: inherit;
	right: 0;
}

#featured-product-section.text-alignright .featured-info {
	position: relative;
	padding-bottom: 70px;
}

#featured-product-section .featured-page-section {
	padding: 25px;
}


.featured-page-thumb {
	text-align: center;
}
div#featured-product-section {
    overflow: hidden;
}


#featured-product-section .featured-info a.more-link,
#featured-product-section .featured-info a.more-link:visited {
	display: table;
	padding: 10px 20px;
	margin-top: 30px;
	background: #f44336;
	color: #fff;
}
#featured-product-section .featured-info a.more-link:hover,
#featured-product-section .featured-info a.more-link:focus,
#featured-product-section .featured-info a.more-link:active {
	background: #222;
}
#featured-product-section.text-alignright .featured-info a.more-link {
	position: absolute;
	bottom: 0;
	padding: 10px 20px;
	right: 0;
}
.featured-page-section ul li:before {
    content: "\f058";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-size: 19px;
    color: #f44336;
}
.featured-page-section ul li {
	list-style-type: none;
}

.featured-page-section ul {
	margin-left: 0;
	padding-left: 0;
}

#hero-content-section span.woocommerce-Price-amount.amount, #featured-product-section span.woocommerce-Price-amount.amount {
    margin-bottom: 30px;
    font-size: 25px;
}
.section mark, .section ins {
    background: none;
    text-decoration: none;
    opacity: 0.7;
}
.featured-grid-item a.button.add_to_cart_button,
.featured-grid-item a.button.product_type_external,
.latest-posts-item a.button.add_to_cart_button,
.latest-posts-item a.button.product_type_external{
    display: table;
    clear: both;
}
#featured-product-section .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star;
    color: orange;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 25px;
}

#featured-product-section .star-rating::before {
    content: "\73\73\73\73\73";
    color: #fda80d;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}
#featured-product-section .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
#featured-product-section .star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
}
.woocommerce .star-rating span {
    color: #fda80d;
}
h2.woocommerce-Reviews-title {
    margin-bottom: 35px;
}
#featured-product-section a.button.add_to_cart_button, #hero-content-section a.button.add_to_cart_button {
    display: inline-block;
    clear: both;
    display: table;
    margin-top: 30px;
}

.products-category-content h3 {
    margin: 0;
    font-size: 18px;
}
.products-category-content {
    padding: 15px;
    text-align: center;
}
/*--------------------------------------------------------------
## Hero Content
--------------------------------------------------------------*/
#hero-content-section.section .section-title {
    font-size: 5.2rem;
}
#hero-content-section.content-position-left .featured-page-thumb {
	float: right;
}

#hero-content-section.text-alignleft {
	text-align: left;
}

#hero-content-section.text-alignleft .section-title-wrap,
#hero-content-section.default .section-title-wrap{
	text-align: center;
	width: 100%;
	display: table;
}

#hero-content-section.text-alignleft .section-title-wrap,
#hero-content-section.default .section-title-wrap {
	text-align: left;
}

#hero-content-section.text-alignleft .section-title-wrap span.divider,
#hero-content-section.default  .section-title-wrap span.divider{
	left: 0;
	float: left;
}

#hero-content-section.text-alignleft .section-title-wrap span.divider:after,
#hero-content-section.default  .section-title-wrap span.divider:after {
	left: 0;
}

#hero-content-section.text-aligncenter .featured-info a.more-link {
	max-width: 200px;
	margin: 30px auto 0;
}
#hero-content-section.text-alignright {
	text-align: right;
}

#hero-content-section.text-alignright .section-title-wrap {
	text-align: center;
	width: 100%;
	display: table;
}

#hero-content-section.text-alignright .section-title-wrap {
	text-align: right;
}

#hero-content-section.text-alignright .section-title-wrap span.divider {
	right: 0;
	float: right;
}
#hero-content-section.text-alignright .section-title-wrap span.divider:after {
	left: inherit;
	right: 0;
}

#hero-content-section.text-alignright .featured-info {
	position: relative;
	padding-bottom: 70px;
}


.featured-page-thumb {
	text-align: center;
}
div#hero-content-section {
    overflow: hidden;
}

#hero-content-section .featured-info a.more-link, #hero-content-section .featured-info a.more-link:visited {
    display: table;
    padding: 15px 55px;
    margin-top: 30px;
    color: #fff;
}

#hero-content-section.text-alignright .featured-info a.more-link {
	position: absolute;
	bottom: 0;
	padding: 10px 20px;
	right: 0;
}
.featured-page-section ul li:before {
    content: "\f058";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-size: 19px;
    color: #f44336;
}
.featured-page-section ul li {
	list-style-type: none;
}

.featured-page-section ul {
	margin-left: 0;
	padding-left: 0;
}


#hero-content-section a.more-link, #hero-content-section a.more-link:visited, #promotional-headline-section a.more-link, #promotional-headline-section a.more-link:visited {
    background: #f44336;
    color: #fff;
    padding: 8px 30px;
    margin-top: 30px;
    border: none;
}
#hero-content-section a.more-link:before,
#promotional-headline-section  a.more-link:before {
	display: none;
}
#hero-content-section a.more-link:hover, #hero-content-section a.more-link:focus, #hero-content-section a.more-link:active, #promotional-headline-section a.more-link:hover, #promotional-headline-section a.more-link:focus, #promotional-headline-section a.more-link:active {
    background: #ffffff;
    color: #222;
}
.featured-page-content {
    align-self: center;
}
.hero-content-wrapper {
    display: flex;
}
/*--------------------------------------------------------------
## What we do
--------------------------------------------------------------*/


.section-wwd .wwd-block-inner {
    position: relative;
    z-index: 9;
    padding: 35px;
    text-align: center;
    overflow: hidden;
}
.wwd-block-inner-content:after {
    content: "";
    display: block;
    height: 51%;
    width: 100%;
    background: #54575a;
    position: absolute;
    top: -26%;
    left: 0;
    border-radius: 0 0 100% 100%;
    z-index: -1;
    opacity: .3;
}
.inner-block-shadow:after {
    content: "";
    position: absolute;
    top: auto;
    width: 0;
    height: 5px;
    bottom: 0;
    left: 50%;
    right: 50%;
    background: #f44336;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
.inner-block-shadow:hover:after {
    width: 100%;
    left: 0;
    right: 0;
}
.style-three .section-wwd .wwd-block-inner {
    margin-bottom: 15px;
    margin-top: 15px;
}
.style-three .wwd-block-list.swiper-carousel-enabled {
    padding-top: 30px;
}
.section-wwd .wwd-block-item a.wwd-icon {
	color: #f44336;
	line-height: 0.6;
	transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
	font-size: 37px;
	display: block;
	width: 130px;
	text-align: center;
	text-shadow: 3px 3px 8px #ececec;
	margin: 0 auto 5px;
	position: relative;
	line-height: 2.3;
	overflow: hidden;
}

.section-wwd .wwd-icon-shadow {
	display: block;
	position: absolute;
	left: 30px;
	top: 10px;
	font-size: 140px;
	color: #f7f7f7;
	z-index: -1;
	line-height: 1;
}


.style-two h3.wwd-item-title a {
	display: block;
}

a.wwd-fonts-icon {
    display: inline-block;
    font-size: 29px;
    line-height: 2.8;
    margin-bottom: 25px;
    border-radius: 44px;
    background: #222427;
    color:#f44336;
    width: 85px;
    border-bottom: 2px solid transparent;
}
.section-wwd .wwd-block-inner:hover a.wwd-fonts-icon {
    border-bottom: 2px solid;
}
.style-one .wwd-block-item a.more-link {
    margin: 0 auto;
}
.style-one .wwd-block-item.post-type a.more-link {
    margin: 20px auto 0;
}
/*layout 2*/


.style-two .wwd-block-item a.wwd-icon {
	float: left;
	margin: 0 25px 0 0;
	background: #fff;
	width: auto;
	max-width: 55px;
	padding: 0;
	line-height: 1.9;
}
.style-two .wwd-block-item a.wwd-fonts-icon {
    float: left;
    margin: 0 25px 0 0;
    background: no-repeat;
    width: auto;
    padding: 0;
    font-size: 30px;
    box-shadow: none;
    height: auto;
    padding: 0;
    line-height: 1;
}
.style-two .wwd-block-inner-content {
	text-align: left;
	display: table;
}

.wwd-item-title, .featured-grid-title {
    margin-bottom: 10px;
    position: relative;
}

.style-two .wwd-item-4 {
	clear: both;
}

a.wwd-image {
    margin-bottom: 25px;
    display: block;
}
.style-two .wwd-block-item a.wwd-image {
    float: left;
    margin: 0 25px 0 0;
    background: #fff;
    width: auto;
    max-width: 55px;
    padding: 0;
    line-height: 1.9;
}
/*layout 3*/

.style-three  a.wwd-fonts-icon,.style-two .wwd-block-item a.wwd-image {
    margin-top: -74px;
    display: block;
}
.style-three .wwd-block-inner-content {
    text-align: left;
}
/*--------------------------------------------------------------
## Teams
--------------------------------------------------------------*/

.section-teams .social-links li a {
	border: 2px solid transparent;
}

.section-teams .thumb-summary-wrap {
    /* background: #2c2e33; */
    position: relative;
    z-index: 9;
}
.section-teams .team-item{
	text-align: center;
}

.section-teams .team-position {
    font-size: 17px;
    margin-bottom: 10px;
    color: #f44336;
}


.section-teams .team-text-wrap {
	position: relative;
	padding: 35px;
}
.team-text-wrap .social-nav li {
	margin: 5px 0 0;
}
.section-teams .team-item img {
	background: #fff;
}

.section-teams .team-item img {
	margin: 0;
	vertical-align: middle;
	-webkit-transition: -webkit-transform 1s ease;
	-moz-transition: -moz-transform 1s ease;
	transition: transform 1s ease;
	width: 100%;
}

.section-teams .team-item .team-thumb {
    overflow: hidden;
    position: relative;
    background: #fff;
}
.section-teams .team-item .entry-summary {
    text-align: center;
}
.section.team-section p a.more-link {
    display: inherit;
}
.section-teams .team-item:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
}

.section-teams  .team-social-icons {
    position: absolute;
    top: 25px;
    left: 25px;
}
h3.team-title {
    margin-bottom: 5px;
}
.section-teams .social-nav  {
	visibility: hidden;
}
.section-teams .team-social-icons:hover .social-nav {
visibility: visible;
}
.section-teams .social-nav li {
    display: block;
    float: none;
    margin: 4px 0;
}
.section-teams .social-link-plus {
    background:#f44336;
    color: #fff;
    height: 40px;
    width: 40px;
    display: block;
    padding: 6px;
    text-align: center;
    cursor: pointer;
}
.section-teams .social-nav  ul li a {
    border: 2px solid transparent;
    width: 40px;
    height: 40px;
}
/*--------------------------------------------------------------
## Testimonial
--------------------------------------------------------------*/

#testimonial-section .more-link:before {
	display: none;
}
#testimonial-section a.more-link, #testimonial-section a.more-link:visited {
    background: no-repeat;
    margin: 20px auto 0;
    border: none;
}

.section-teams .team-text-wrap, .section-testimonial .testimonial-summary, .section-latest-posts .latest-posts-text-content {
	padding: 45px;
}

.section-testimonial .testimonial-thumb img {
	display: block;

}

.section-testimonial .testimonial-thumb {
    /* margin-left: 0; */
    max-width: 100px;
    /* padding-right: 5%; */
    /* float: left; */
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    /* border-left: 2px solid; */
    /* border-right: 2px solid; */
}


.section-testimonial .swiper-carousel-enabled .swiper-pagination {
	position: inherit;
	clear: both;
	margin-top: 65px;
}
.section-testimonial .testimonial-summary {
    /* margin-top: 30px; */
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    float: none;
    text-align: center;
}.section-testimonial .testimonial-summary h3 {
	/* margin-bottom: 5px; */
}

.section-testimonial .testimonial-wrapper {
    position: relative;
    background: #222222;
    padding: 50px;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}
.section-testimonial .clinet-info h4 {
	margin-bottom: 4px;

}
.section-testimonial p.testimonial-position {
    margin: 0;
    font-size: 16px;
    color: #f44336;
}
.section-testimonial h4.testimonial-title {
	margin-bottom: 5px;
	font-size: 1.8rem;
	font-weight: 600;
}

.section-testimonial .testimonial-rating {
    color: #ff1515;
    font-size: 12px;
    text-align: center;
    margin: 10px 0;
    position: absolute;
    top: 15px;
    transform: rotate(-45deg);
    left: -37px;
    background: #ffffff;
    padding: 5px 37px;
    box-shadow: 0 0 9px #2222228f;
    font-weight: normal;
}
.client-info-wrap {
	margin-bottom: 15px;
}



.section-testimoniel .testimonial-summary::before {
	content: "\f10d";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-size: 30px;
	margin-right: 0;
	line-height: 1;
	margin: 0 0 15px;
	font-weight: 900;
	color: #e2e2e2;
	position: absolute;
	top: 35px;
	left: 25%;
}

/*--------------------------------------------------------------
## Post Gird
--------------------------------------------------------------*/

.section-latest-posts .latest-posts-thumb  img {
	margin: 0;
	vertical-align: middle;
}

.section-latest-posts .latest-posts-thumb {
    overflow: hidden;
    position: relative;
    text-align: center;

}
.latest-posts-wrapper {

    overflow: hidden;
}
.section-latest-posts .latest-posts-title {
	margin-bottom: 10px;
}
.post-thumbnail {
	position: relative;
}
.section-latest-posts .new-cat {
    margin-bottom: 15px;
    position: absolute;
    bottom: 30px;
    left: 20px;
}
.post-thumbnail .cat-links {
    position: inherit;
    display: block;
    padding: 25px;
}
.section-latest-posts .new-cat a,
.post-thumbnail .cat-links a,
.section-latest-posts .new-cat a:visited,
.post-thumbnail .cat-links a:visited {
    background: #f44336;
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    line-height: 1.5;
    font-weight: 500;
    margin: 5px 5px 0;
}


.section-latest-posts .new-cat a:hover,
.section-latest-posts .new-cat a:focus,
.section-latest-posts .new-cat a:active,
#primary .post-thumbnail .cat-links a:hover,
#primary .post-thumbnail .cat-links a:focus,
#primary .post-thumbnail .cat-links a:active {
background: #222;
color: #fff;
}
.has-post-thumbnail .post-thumbnail .cat-links {
    margin-bottom: 15px;
    position: absolute;
    bottom: 25px;
    left: 0;
    margin: 0;
    text-align: left;
    margin: 0;
}
.post-thumbnail .cat-links {
    bottom: -90px;
}
.section-latest-posts .latest-posts-thumb .custom-button {
	position: absolute;
	top: 0%;
	z-index: 9;
	left: 50%;
	margin-left: -70px;
	opacity: 0;
}

.section-latest-posts .latest-posts-wrapper:hover .latest-posts-thumb .custom-button {
	opacity: 1;
	top:35%;
}

.section-latest-posts .latest-posts-thumb .custom-button::after,
.section-latest-posts .latest-posts-thumb .custom-button::before {
	display: none;
}


.section-latest-posts .latest-posts-text-content {
    overflow: hidden;
    position: relative;
    padding: 40px 35px;
}

.section-latest-posts .latest-posts-text-wrap {
	padding: 20px 0 0;
}

.latest-news-date {
	background: #f44336;
	text-align: center;
	color: #fff;
	width: 70px;
}

.latest-news-meta {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 99;
}

.latest-news-meta span.news-meta-date {
	font-weight: bold;
	font-size: 23px;
	background: #fff;
	color: #232323;
	padding: 5px 0;
}

.latest-news-meta span {
	display: block;
	line-height: 1.3;
	padding: 10px 0;
}



.style-two .section-latest-posts .latest-posts-text-content {
    margin: 0;
    padding: 40px;
}
.style-two .section-latest-posts .new-cat {
    margin-bottom: 0;
    position: absolute;
    bottom: 30px;
    left: 30px;
}



/* News and Events */



/*--------------------------------------------------------------
## Skills
--------------------------------------------------------------*/
.skill-bar-section {
	margin-top: 15px;
}
.skillbar {
    position: relative;
    display: block;
    margin-bottom: 23px;
    width: 100%;
    height: 16px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
    border-radius: 10px;
}
.skillbar-bar {
    height: 10px;
    width: 0px;
    background: #f44336;
    position: relative;
    display: block;
    top: 3px;
    left: 5px;
    border-radius: 5px;
}
.skillbar-1 .skillbar-bar {
	background: #f44336;
}
.skillbar-2 .skillbar-bar {
	background: #ce5610;
}
.skillbar-3 .skillbar-bar {
	background: #a6d41a;
}
.skillbar-4 .skillbar-bar {
	background: #ec9d0d;
}
.skillbar-title {
	float: left;
}

.skill-bar-percent {
	float: right;
	clear: none;
}

.skillbar-item h3 {
	font-size: 18px;
	margin-bottom: 5px;
}

.skillbar {
	clear: both;
}

.skillbar-item:last-child {
	margin: 0;
}

.skillbar-item {
	margin-bottom: 20px;
}
.skill-info .section-title-wrap.text-alignleft {
	margin-bottom: 5px;
}
/*--------------------------------------------------------------
## Promotional
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Promotional
--------------------------------------------------------------*/
#promotional-headline-section {
    padding: 130px 0;
}
#promotional-headline-section.overlay-enabled,
#promotional-headline-section.overlay-enabled h2 {
	color: #fff;
}
#promotional-headline-section .promotion-content {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}
#promotional-headline-section h2 {
    font-size: 5.5rem;
    font-weight: 700;
}
#promotional-headline-section p {
    font-size: 1.8rem;
}
.text-alignright .promotion-content {
	text-align: right;
}

#promotional-headline-section a.more-link,
#promotional-headline-section a.more-link:visited {
	margin:30px auto 0;
}

#promotional-headline-section.text-alignleft a.more-link,
#promotional-headline-section.text-alignright a.more-link {
	position: absolute;
	left: 0;
}
.promotion-description {
	position: relative;
}

.text-alignleft .promotion-buttons a.ff-button{
    margin-left: 0;
}
 .text-alignright .promotion-buttons a.ff-button {
    margin-right: 0;
}
.promotion-buttons a.ff-button {
    margin: 10px;
}
/*--------------------------------------------------------------
## Feature Video
--------------------------------------------------------------*/

#featured-video-section.section .section-title {
    font-size: 5.6rem;
}
#featured-video-section.content-position-left .featured-page-thumb {
	float: right;
}

#featured-video-section.text-alignleft {
	text-align: left;
}

#featured-video-section.text-alignleft .section-title-wrap,
#featured-video-section.default .section-title-wrap{
	text-align: center;
	width: 100%;
	display: table;
}

#featured-video-section.text-alignleft .section-title-wrap,
#featured-video-section.default .section-title-wrap {
	text-align: left;
}

#featured-video-section.text-alignleft .section-title-wrap span.divider,
#featured-video-section.default  .section-title-wrap span.divider{
	left: 0;
	float: left;
}

#featured-video-section.text-alignleft .section-title-wrap span.divider:after,
#featured-video-section.default  .section-title-wrap span.divider:after {
	left: 0;
}

#featured-video-section.text-aligncenter .featured-info a.more-link {
	max-width: 200px;
	margin: 30px auto 0;
}
#featured-video-section.text-alignright {
	text-align: right;
}

#featured-video-section.text-alignright .section-title-wrap {
	text-align: center;
	width: 100%;
	display: table;
}

#featured-video-section.text-alignright .section-title-wrap {
	text-align: right;
}

#featured-video-section.text-alignright .section-title-wrap span.divider {
	right: 0;
	float: right;
}
#featured-video-section.text-alignright .section-title-wrap span.divider:after {
	left: inherit;
	right: 0;
}

#featured-video-section.text-alignright .featured-info {
	position: relative;
	padding-bottom: 70px;
}


#featured-video-section .featured-page-thumb {
	text-align: center;
}
#featured-video-section {
    overflow: hidden;
}

#featured-video-section .featured-info a.more-link, #featured-video-section .featured-info a.more-link:visited {
    display: table;
    padding: 15px 55px;
    margin-top: 30px;
    color: #fff;
}

#featured-video-section.text-alignright .featured-info a.more-link {
	position: absolute;
	bottom: 0;
	padding: 10px 20px;
	right: 0;
}
#featured-video-section .featured-page-section ul li:before {
    content: "\f058";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-size: 19px;
    color: #f44336;
}
#featured-video-section .featured-page-section ul li {
	list-style-type: none;
}

#featured-video-section .featured-page-section ul {
	margin-left: 0;
	padding-left: 0;
}



#featured-video-section a.more-link, #featured-video-section a.more-link:visited{
    background:#f44336;
    color: #fff;
    border-radius: 2px;
    padding: 13px 40px;
    margin-top: 30px;
}
#featured-video-section a.more-link:before{
	display: none;
}
#featured-video-section a.more-link:hover,#featured-video-section a.more-link:focus,#featured-video-section a.more-link:active{
    background:#f44336;
}
#featured-video-section a.button.add_to_cart_button {
    display: inline-block;
    clear: both;
    display: table;
    margin-top: 30px;
}
#featured-video-section  span.woocommerce-Price-amount.amount {
    margin-bottom: 30px;
    font-size: 25px;
}

#featured-video-section a.flashy-popup:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 23px solid #ff3030;
    -webkit-border-radius: 50em;
    -khtml-border-radius: 50em;
    -moz-border-radius: 50em;
    -ms-border-radius: 50em;
    -o-border-radius: 50em;
    border-radius: 50em;
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    -khtml-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    animation: buttonRing 1.5s linear infinite;
    -webkit-animation: buttonRing 1.5s linear infinite;
}
#featured-video-section a.flashy-popup i {
    height: 65px;
    width: 65px;
    text-align: center;
    padding: 20px;
    margin: 9px;
    border-radius: 100%;
    font-size: 19px;
    border: 3px solid ##ff3030;
    background: #ff3030;
    color: #fff;
}
#featured-video-section a.flashy-popup {
    position: relative;
    display: inline-block;
}
@keyframes buttonRing {
	0% {
		-webkit-transform:scale3d(1,1,1);
		-khtml-transform:scale3d(1,1,1);
		-moz-transform:scale3d(1,1,1);
		-ms-transform:scale3d(1,1,1);
		-o-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1);
		opacity:0.6;
	}
	85%{
		opacity:0;
	}
	100%{
		-webkit-transform:scale3d(1.42, 1.42, 1.42);
		-khtml-transform:scale3d(1.42, 1.42, 1.42);
		-moz-transform:scale3d(1.42, 1.42, 1.42);
		-ms-transform:scale3d(1.42, 1.42, 1.42);
		-o-transform:scale3d(1.42, 1.42, 1.42);
		transform:scale3d(1.42, 1.42, 1.42);
		opacity:0;
	}
}

.flashy-overlay .flashy-close {
    right: 12%!important;
    top: 7%!important;
}

.video-buttons {
    position: absolute;
    top: 40%;
    width: 100%;
}
.video-inner-wrapper img {
    width: 100%;
}
.video-inner-wrapper {
    position: relative;
}
/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/

div#contact-form-section {
    position: relative;
}


.wpcf7 span.ajax-loader {
	position: absolute;
	left: 50%;
	top: 15px;
}
.wpcf7 p {
	position: relative;
}
.wpcf7-form-control-wrap textarea {
	height: 90px!important;
}
.wpcf7 textarea {
	max-height: 212px;
}
.wpcf7 input {
	padding: 8px;

}
input.wpcf7-form-control.wpcf7-submit {
	padding: 10px 20px;
	display: block;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="range"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="color"], .wpcf7 textarea {
	padding: 8px 15px;
}
.form-section.ff-grid-6 .section-title-wrap {
    margin: 0;
}
.form-section.ff-grid-6 {
    padding: 60px;
    margin-left: -5%;
    background: #0e0e0e;
    left: 45%;
    width: 55%;
    align-self: center;
    z-index: 9;
}
.custom-contact-form.row {
    display: flex;
}
.wpcf7-form .ff-grid-6 {
    margin-top: 0;
}
.mc4wp-form-fields input[type="submit"] {
	width: 100%;
}
.mc4wp-form-fields input[type="email"] {
	background: no-repeat;
	padding: 10px 20px;
	height: auto;
	margin-top: 15px;
	color: #fff;
	border-color: #dedede;
}
#footer-widgets input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
}

#footer-widgets input[type="email"]::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}

#footer-widgets input[type="email"]::-ms-input-placeholder { /* IE 10+ */
	color: #fff;
}

/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/

.section-portfolio .portfolio-item {
	float: left;
	position: relative;
}
.section-portfolio .portfolio-inner {
	position: relative;
	overflow: hidden;
}

.section-portfolio .portfolio-section img {
	vertical-align: middle;
}

.section-portfolio .portfolio-section .thumb-overlay {
	background: rgba(0,0,0,0.3);
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	display: none;
}


.section-portfolio h3 a,
.section-portfolio h3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 2.5rem;
    text-align: center;
    display: block;
    width: 100%;
}

.portfolio-wrapper {
	overflow:hidden;
	margin:0;
	padding:0;
}

.portfolio-wrapper .portfolio-item {
	padding: 15px !important;
}


#portfolio {
	margin-bottom: 20px;
}


.section-portfolio .portfolio-wrapper {
	position: relative;
	display: block;
	overflow: hidden;
}

.section-portfolio .item-inner-wrapper {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.portfolio-main-wrapper.swiper-carousel-enabled{
	padding: 0;
}
.container-full-width {
    padding: 0 15px;
}
.section-portfolio .portfolio-content p,
.section-portfolio .portfolio-content h3 a {
	margin: 0;
	color: #fff;
	display: block;
}
.section-portfolio .portfolio-content h3 a:hover,
.section-portfolio .portfolio-content h3 a:focus,
.section-portfolio .portfolio-content h3 a:active {
	color:#f44336;
}
.portfolio-content {
    position: absolute;
    bottom: 0;
    padding: 50px 20px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}
.section-portfolio .portfolio-thumb-wrap:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(16, 16, 16, 0), rgba(0, 0, 0, 0.8));
	left: 0;
	bottom: 0;
}
.section-portfolio .portfolio-thumb-wrap {
    position: relative;
    overflow: hidden;
}

.section-portfolio .portfolio-thumb-wrap img {
	width: 100%;
}

.section-portfolio.style-two h3 a, .section-portfolio.style-two h3 {
	text-align: left;
}



/* Layout Two */

.section-portfolio.style-two .portfolio-content {
    background: #000000;
    left: 5%;
    right: 5%;
    padding: 40px;
    bottom: -100%;
    width: 90%;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
}
.section-portfolio.style-two .item-inner-wrapper:hover .portfolio-content {
    visibility: visible;
    bottom: 5%;
}
.section-portfolio.style-two .portfolio-thumb-wrap:after {
	display: none;
}
.section-portfolio.style-two h3, .section-portfolio.style-two h3 a {
    font-size: 2.2rem;
    margin-bottom: 11px;
}



/*--------------------------------------------------------------
## Music
--------------------------------------------------------------*/
#playlist-section {
    overflow: hidden;
}
#playlist-section .wp-playlist-light {
    background: none;
    color: #fff;
    border: none;
}

#playlist-section h2.section-title {
    text-align: left;
    color: #fff;
}
#playlist-section .section-title-wrap span.divider {
    float: left;
}
#playlist-section .section-title-wrap span.divider:after {
    left: 0;
}
#playlist-section .wp-playlist-current-item {
    overflow: hidden;
    margin-bottom: 30px;
    height: 60px;
}
#playlist-section  .wp-playlist-light .wp-playlist-caption {
    color: #fff;
}
#playlist-section .mejs-container,
#playlist-section .mejs-embed,
#playlist-section .mejs-embed body,
#playlist-section .mejs-container .mejs-controls {
    background: #f44336;
    border-radius: 25px;
}
#playlist-section .wp-playlist-item-length {
    position: absolute;
    right: 21px;
    top: 10px;
    font-size: 14px;
    line-height: 1.5;
}

#playlist-section .wp-playlist .mejs-container {
    margin: 0;
    max-width: 100%;
    border-radius: 20px;
}
#playlist-section .mejs-controls .mejs-time-rail .mejs-time-total,
#playlist-section .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: rgba(255, 255, 255, 0.84);
}
#playlist-section .wp-playlist-item a {
    color: #f7f0f0;
}
#playlist-section .wp-playlist-item {
    position: relative;
    cursor: pointer;
    padding: 10px 20px;
    border: none;
    margin: 15px 0;
    border-radius: 40px;
    background: #585454;
}
#playlist-section .wp-playlist .wp-playlist-current-item img {
    float: left;
    max-width: 60px;
    height: auto;
    margin-right: 10px;
    padding: 0;
    border: 0;
    background: #fff;
}
#playlist-section .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing,
#playlist-section  .wp-playlist-tracks .wp-playlist-item:hover {
    background-color: #f44336;
    color: #fff;
}
#playlist-section .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing a,
#playlist-section .wp-playlist-tracks .wp-playlist-item:hover a {
    color: #fff;
}



#playlist-section .mejs-button.mejs-playpause-button {
    margin: 0 35px;
}
#playlist-section .mejs-controls {
    padding-right: 50px;
}
#playlist-section .mejs-time.mejs-currenttime-container {
    position: absolute;
    right: 8px;
    top: -2px;
}

#playlist-section .wp-playlist .mejs-button.mejs-volume-button.mejs-mute>button:before, #playlist-section .wp-playlist .mejs-button.mejs-volume-button.mejs-unmute>button:before, #playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before, #playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before, #playlist-section .wp-playlist .wp-playlist-prev:before, #playlist-section .wp-playlist .wp-playlist-next:before {
    content: "\f028";
    font-family: "Font Awesome 5 Free";
    visibility: visible;
    display: block;
    font-size: 13px;
    color: #fefefe;
    vertical-align: middle;
    font-weight: 900;
}
#playlist-section .wp-playlist .wp-playlist-prev:before {
    content: "\f04a";
}
#playlist-section .wp-playlist .wp-playlist-next:before {
    content: "\f04e";
}
#playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before {
    content: "\f04c";
}
#playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before {
    content: "\f04b";
}

#playlist-section .wp-playlist-next, #playlist-section .wp-playlist-prev {
    position: relative;
    margin-top: -30px;
    z-index: 9;
    margin-left: 83px;
    width: 25px;
    cursor: pointer;
    float: left;
}
#playlist-section .wp-playlist-prev {
    margin-left: 20px;
}
#playlist-section .wp-playlist .mejs-controls .mejs-button button {
    outline: 0;
    z-index: 999;
    position: relative;
}
#playlist-section .mejs-button>button {
    background: none!important;
   }
#playlist-section .mejs-button.mejs-playpause-button {
	margin: 0 35px;
	z-index: 999!important;
	z-index: 99;
}
#playlist-section .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #101010;
}
#playlist-section .featured-page-section {
    background: #2e2d30;
    padding: 30px;
    box-shadow: 0 0 19px #22222214;
    border-radius: 20px;
}
/*--------------------------------------------------------------
## Filture Content
--------------------------------------------------------------*/

.recent-work-filter {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
	text-align: center;
	cursor: default;
}
.view-icon{
	font-size: 31px;
	display: block;
}
.view-icon:hover{
	color:#fff;
}
.recent-work-filter button {
    color: #dcdcdc;
    margin: 0 0 10px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    padding: 7px 14px;
    background: inherit!important;
    letter-spacing: 0;
}
.section-recent-work .vmiddle-holder,.vmiddle-holder{
	display: table;
	height: 100%;
	width: 100%;
}
.filter-content-thumb-wrap:after {
	content: "";
	background: #222;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	opacity: 0.2;
}
.section-recent-work .vmiddle,.vmiddle {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.recent-work-filter button:hover{
	color: #f44336;
	text-decoration: none;
}

.recent-work-filter button.current,
.recent-work-filter button:hover {
	color: #f44336;
	cursor: default;
	position: relative;
	cursor: pointer;
}

.section-filter-content .item-inner-wrapper .filter-content-content {
    position: absolute;
    width: 100%;
    bottom: -100%;
    left: 0;
    right: 0;
    background: #211f1f;
    padding: 17px 40px;
    text-align: center;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
}
.section-filter-content .item-inner-wrapper:hover .filter-content-content {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}
.filter-content-content p {
    margin-bottom: 5px;
}
.section-filter-content .item-inner-wrapper {
    position: relative;
    overflow: hidden;
}

.filter-content-block-list.row {
	margin: 0 -10px;
}
.filter-content-block-list.row .ff-grid-4 {
	padding: 10px;
	margin: 0;
}


.isotope-item {
	z-index:2;
}

.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration:.8s;
	-moz-transition-duration:.8s;
	-ms-transition-duration:.8s;
	-o-transition-duration:.8s;
	transition-duration:.8s;
}

.isotope {
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	-ms-transition-property:height, width;
	-o-transition-property:height, width;
	transition-property:height, width;
}

.isotope .isotope-item {
	-webkit-transition-property:0 opacity;
	-moz-transition-property:0 opacity;
	-ms-transition-property:0 opacity;
	-o-transition-property:0 opacity;
	transition-property:transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration:0;
	-moz-transition-duration:0;
	-ms-transition-duration:0;
	-o-transition-duration:0;
	transition-duration:0;
}
/* Swiper-carousel-enabled */

.section-portfolio .swiper-carousel-enabled  .portfolio-item {
	padding: 0;
}

.swiper-carousel-enabled .swiper-container {
	width: 100%;
	height: 100%;
}


.swiper-carousel-enabled .swiper-pagination {
	position: inherit;
	clear: both;
	margin-top: 30px;
}

.swiper-carousel-enabled .swiper-pagination-bullet {
    width: 20px;
    height: 10px;
    background: #988b8b;
    opacity: 1;
    border-radius: 7px;
    transition: all .3s ease-in;
}

.swiper-carousel-enabled .swiper-pagination-bullet-active,
.swiper-carousel-enabled .swiper-pagination-bullet:hover,
.swiper-carousel-enabled .swiper-pagination-bullet:focus,
.swiper-carousel-enabled .swiper-pagination-bullet:active {
	background: #f44336;
	    width: 30px;
}

.carousel-enabled .swiper-button-prev,
.carousel-enabled .swiper-button-next {
	top:35%;
}

.carousel-enabled .swiper-button-next,
.carousel-enabled .swiper-button-prev,
.carousel-enabled .swiper-button-next:visited,
.carousel-enabled .swiper-button-prev:visited{
	outline: none;
}

.carousel-enabled .swiper-button-next:hover, .carousel-enabled .swiper-button-prev:hover, .carousel-enabled .swiper-button-next:focus, .carousel-enabled .swiper-button-prev:focus, .carousel-enabled .swiper-button-next:active, .carousel-enabled .swiper-button-prev:active {
    outline: none;
    background: #222222;
    color: #fff;
    box-shadow: 0 0 16px 10px #00000021;
}
.swiper-carousel-enabled {
	position: relative;
	overflow: hidden;
}
.swiper-carousel-enabled .inner-block-shadow {
	-webkit-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
	-moz-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
	-ms-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
	-o-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
	box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
}
.swiper-carousel-enabled .inner-block-shadow {
	-webkit-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
	-moz-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
	-ms-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
	-o-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
	box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07);
}
.carousel-enabled .swiper-button-next, .carousel-enabled .swiper-button-prev {
   z-index: 99;
    background: #000000;
    padding: 25px;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s;
    color: #ffffff;
    position: inherit;
    float: left;
    margin-left: 15px;
}


.next-prev-wrap {
    float: right;
    margin-top: 60px;
    margin-bottom: 60px;
}


.carousel-enabled .swiper-button-next:after,
.carousel-enabled .swiper-button-prev:after {
	font-size: 20px;
}

.carousel-enabled .container {
	position: relative;
}
.carousel-enabled .section-title-wrap {
    text-align: left;
    float: left;
    max-width: 80%;
}
.carousel-enabled .section-title-wrap  span.divider{
    margin: 0 0 25px;
}
.carousel-enabled .section-subtitle {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Ecommerce
--------------------------------------------------------------*/
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	background: #141b27;
	color: #ffffff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	padding: 20px;

}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	padding: 10px 15px;
}

.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    margin: 5px;
    background: #353030;
    border: none;
}
.woocommerce nav.woocommerce-pagination ul {
	border: none;
}

.woocommerce .woocommerce-ordering {
	margin: -30px 0 3em;
}

.woocommerce ul.products, .woocommerce-page ul.products {
	clear: both;
	width: 100%;
}

.woocommerce ul.products li.product .star-rating {
    display: block;
    text-align: center;
    margin: 0 auto 15px;
}


.woocommerce.layout-no-sidebar-full-width .columns-3 ul.products li.product, .layout-no-sidebar-full-width.woocommerce-page .columns-3 ul.products li.product {
    padding: 0 0 40px 0;
    background: #2c2e33;
}
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale {
    min-height: 4.236em;
    min-width: 4.236em;
    font-size: 1em;
	font-weight: 500;
    line-height: 3.75;
    border-radius: 100%;
    background-color: #e6b513;
    top: -10px;
    right: -10px;
    left: auto;
}
.single-product .type-product > span.onsale {
    left: -20px;
    right: inherit;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    opacity: 0.7;
    display: inline-block;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: 1.15em;
    float: left;
    margin: 0;
    min-width: inherit;
    padding: 6px 15px;
    font-size: 14px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	padding: 20px;
	text-align: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    padding: 0 0 30px 0;
    text-align: center;
    background: #222;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 2rem;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range
 {
	background:#f44336;
}
.woocommerce ul.products li.product .price {
	color: #ffffff;
	font-size: 1.6rem;
}

.woocommerce .quantity .qty {
	padding: 6px;
	margin-top: 10px;
	margin-right: 5px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #000000;
}

.woocommerce-info, .woocommerce-noreviews,
p.no-comments {
	background-color: inherit;
}

.woocommerce #reviews #respond {
	padding: 40px;
}

.woocommerce #reviews #comment {
	height: auto;
}

section.related.products h2 {
	margin-bottom: 40px;
}
p.product.woocommerce.add_to_cart_inline {
    border: none!important;
    padding: 0!important;
    display: block;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #f44336;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: none;
    z-index: 2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    text-decoration: none;
    color: #f44336;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 30px;
    border: 2px solid #d3ced2;
    margin-top: -2px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before p{
	display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: #222;
    margin:0 4px;
    padding:0;
        border: 2px solid #d3ced2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #fff;
    font-weight: 500;
    padding: 10px 30px;
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #777d7c;
    color: #fff;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    line-height: 4em;
}
/*--------------------------------------------------------------
## Key Feature
--------------------------------------------------------------*/
/*Key features*/

.key-features-section i {
    font-size: 25px;
    float: left;
    margin-right: 30px;
    line-height: 1.7;
    width: 80px;
    height: 80px;
    box-shadow: 0 0 24px rgb(35 33 33 / 20%);
    border-radius: 100%;
    text-align: center;
    padding: 16px;
    background: #191818;
    color: #f44336;
}

.key-features-section .key-features-block-inner-content {
	display: table;
}
.icon-right .key-features-block-inner-content {
	text-align: right;
}
.key-features-section .key-features-block-inner {
    margin: 0 0 20px;
}

.key-features-section .icon-right a.key-features-icon {
	float: right;
	margin: 0 0 0 30px;
}

.key-features-section .icon-right {
	text-align: right;
}
.feature-thumb {
    text-align: center;
}

#key-features-section a.more-link,
#key-features-section a.more-link:visited {
    background: none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#key-features-section .more-link:before {
    background: no-repeat;

    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    top: 0;
    right: 31px;
}
#key-features-section.style-two a.more-link:before {
	display: none;
}
#key-features-section.style-two a.more-link {
	padding: 0;
	display: block;
}
#key-features-section a.more-link:hover,
#key-features-section a.more-link:focus,
#key-features-section a.more-link:active {
	background: inherit;
	color:#222;
}

#key-features-section.style-one .more-link:before,
#key-features-section.style-one a.more-link,
#key-features-section.style-one a.more-link:visited{
color: #fff;
}


#key-features-section.style-one  {
    position: relative;
}
.style-one .key-features-wrapper-style-one {
    background:#f44336;
    max-width: 95%;
    margin: 0 auto;
}
.style-one .key-feature-item-wrraper {
    padding: 60px 50px;
}
.style-one .key-feature-item-wrraper p,
.style-one .key-feature-item-wrraper h3,
.style-one .key-feature-item-wrraper h3 a {
	color:#fff;
}
.style-one h3.key-features-item-title {
    margin-bottom: 10px;
}
.style-one.key-features-section a.key-features-icon {
    margin-left: -95px;
    margin-right: 0;
}
.style-one.key-features-section .key-features-block-inner-content {
    margin-left: 20px;
}

.style-one.key-features-section  a.key-features-icon {
    background: #ffffff;
}
/*--------------------------------------------------------------
18.10. Counter
--------------------------------------------------------------*/
.counter-section .counter-icon {
    font-size: 31px;
    color: #f44336;
    background: #191818;
    width: 90px;
    height: 90px;
    display: inline-block;
    margin-bottom: 15px;
    padding: 20px 0;
    border-radius: 100%;
    position: relative;
}
.counter-section .counter-title {
    font-size: 16px;
    font-weight: 400;
}

.counter-section .thumb-summary-wrap {
    text-align: center;
    padding: 30px;
}
.counter-section .counter-content {
	float: left;
}

.counter-section .counter-nos {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
}

.counterup-2 .thumb-summary-wrap {
	background: #fff;
	overflow: hidden;
	padding: 30px 30px 15px;
}
.counter-up-page h3 {
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.4;
	/* color:#fff; */
}
.counter-up-page {
    padding: 105px 50px;
    background: #222222;
    margin-top: 20px;
    text-align: center;
    /* color: #fff; */
}

/*--------------------------------------------------------------
 News And Events
 --------------------------------------------------------------*/

#news-events-section .event-thumb {
    max-width: 35%;
    margin-right: 0;
    overflow: hidden;
    float: left;
}
#news-events-section .event-post {
 	padding: 0 0 20px 0;
 	clear: both;
 	display: block;
 	float: left;
 	width: 100%;
 }
 #news-events-section .event-content .entry-meta {
 	margin-bottom: 5px;
 }
 #news-events-section .event-content h4 {
 	margin-bottom: 5px;
 }

#news-events-section .event-content {
    float: left;
    width: 65%;
    padding-left: 25px;
}
#news-events-section .latest-posts-item{
    margin: 0;
}

#news-events-section .section-title-wrap {
    text-align: left;
}
#news-events-section .section-title-wrap span.divider {
    margin: 0 0 25px;
}
#news-events-section .section-title-wrap span.divider:after {
    left: 0;
}
/*--------------------------------------------------------------
18.7. Plan
--------------------------------------------------------------*/

.pricing-section .pricing-plan-item {
    text-align: center;
}


.pricing-section .pricing-plan-price {
	display: block;
	font-size: 50px;
	line-height: 1;
	font-weight: bold;
}
.pricing-section .pricing-plan-header {
    padding: 25px 30px;
    position: relative;
    /* border-bottom: 1px dashed #a29a9b; */
    z-index: 99;
    color: #fff;
    background: #313233;
    border-radius: 0 0 100% 100%;
}

.pricing-section .plan-inner {
    overflow: hidden;
}
.pricing-section .pricing-plan-content {
	padding: 50px 30px 30px;
}

.pricing-section .pricing-plan-footer {
    padding: 0 30px 40px;
}


.pricing-section .pricing-plan-feature {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
}

.pricing-section .pricing-plan-item.recommended .plan-inner {
    box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
}

.pricing-section .pricing-plan-item.recommended .pricing-plan-header {
    background: #f44336;
    color: #fff;
    border: none;
}
.pricing-section .pricing-plan-item.recommended .pricing-plan-header h3 {
	color:#fff;
}

.pricing-section .pricing-plan-recommended .pricing-plan-title h4 {
	color: #fff;
}


.pricing-section  .pricing-plan-item.recommended h4 {
    color: #fff;
}
/*--------------------------------------------------------------
18.4. Featured Page
--------------------------------------------------------------*/


.featured-page-thumb {
    position: relative;
    z-index: 9;
    padding-right: 40px;
}
.featured-page-thumb-wrapper:after {
    content: "";
    height: 300px;
    width: 300px;
    background: #f44336;
    position: absolute;
    bottom: -140px;
    left: -140px;
    display: block;
    border-radius: 100%;
    border: 18px double #fffffffa;
}
.featured-page-thumb-wrapper {
	overflow: hidden;
	position: relative;
}
.featured-grid-section .featured-grid-thumb  img {
	margin: 0;
	vertical-align: middle;
}

.featured-grid-section .featured-grid-thumb {
	overflow: hidden;
	position: relative;
}

.featured-grid-section .featured-grid-thumb .custom-button {
	position: absolute;
	top: 0%;
	z-index: 9;
	left: 50%;
	margin-left: -70px;
	opacity: 0;
}

.featured-grid-section .featured-grid-wrapper:hover .featured-grid-thumb .custom-button {
	opacity: 1;
	top:35%;
}

.featured-grid-section .featured-grid-thumb .custom-button::after,
.featured-grid-section .featured-grid-thumb .custom-button::before {
	display: none;
}

.featured-grid-section .featured-grid-thumb img {
	width: 100%;

}

.featured-grid-section .featured-grid-text-content {
    overflow: hidden;
    padding: 35px 40px 35px;
    position: relative;
    margin: -30px 20px 0;
}
.featured-grid-section .featured-grid-text-wrap {
	padding: 20px 0 0;
}

.video-container {
	position: relative;
	text-align: center;
}
.video-container  a.media-zoom-icon {
	position: absolute;
	right: 40%;
	top: 38%;
}
h3.thumb-title {
	position: absolute;
	background: #f44336;
	bottom: 15%;
	left: 35px;
	padding: 15px 30px;
	max-width: 56%;
	color: #fff;
	text-align: left;
	border-radius: 5px;
}

/*Grid Layour 2*/

.featured-grid-section.style-two .featured-grid-text-content  {
	padding: 11px;
}
.featured-grid-section.style-two .featured-grid-text-content {
    position: absolute;
    bottom: 6%;
    z-index: 9;
    left: 5%;
    right: 5%;
    background: #2b2627b5;
    border-radius: 0;
}
.featured-grid-section.style-two h3.featured-grid-title {
	font-size: 19px;
	margin: 0;
}
.featured-grid-section.style-two .featured-grid-section p,
.featured-grid-section.style-two .featured-grid-section,
.featured-grid-section.style-two .featured-grid-section a {
	color: #fff;
}
.featured-grid-section.style-two .featured-grid-text-content:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
div#wp-custom-header {
    overflow: hidden;
}
.featured-grid-section.style-two .featured-grid-wrapper {
	position: relative;
}

.featured-grid-section.style-two .featured-grid-wrapper {
    overflow: hidden;
}
.featured-grid-section.style-two .featured-grid-text-content {
    padding: 20px;
}
.featured-grid-section.style-two .featured-grid-summary {
    display: none;
}



/*===========================================================
					Style End
					=============================================================*/


/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/

/* ===========================================
Smaller than standard 1230(devices and browsers)
=========================================== */

@media only screen and (max-width:1230px) {
	.container {
		max-width: 97%;
	}

}
/* Smaller  standard 1024 (devices and browsers) */

@media only screen and (max-width:1024px) {

}
/* Smaller than standard 1024 (devices and browsers) */

@media only screen and (max-width:1023px) {
	.ff-grid-3,
	.ff-grid-4 {
		width: 50%;
	}
	/* grid clearing */
	.ff-grid-4:nth-child(3n+1),
	.ff-grid-3:nth-child(4n+1)  {
		clear: inherit;
	}
	/* grid clearing */
	.ff-grid-4:nth-child(2n+1),
	.ff-grid-3:nth-child(2n+1),
	.ff-grid-6:nth-child(2n+1)  {
		clear: both;
	}
	.ff-grid-7,
	.ff-grid-7 + .ff-grid-5,
	.ff-grid-5 + .ff-grid-7
	.ff-grid-8,
	.ff-grid-8 + .ff-grid-4,
	.ff-grid-4 + .ff-grid-8,
	.ff-grid-9,
	.ff-grid-9 + .ff-grid-3,
	.ff-grid-3 + .ff-grid-9,
	.ff-grid-10,
	.ff-grid-10 + .ff-grid-2,
	.ff-grid-2 + .ff-grid-10,
	.ff-grid-11,
	.ff-grid-11 + .ff-grid-1,
	.ff-grid-1 + .ff-grid-11 {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.sidebar,
	#primary {
		width: 100%;
	}
	#slider-section .slider-content-wrapper .container {
		max-width: 80%;
	}
	.layout-no-sidebar-content-width #primary {
		width: 90%;

	}
	.hentry {
		margin: 0 0 30px;
	}

}
/* ===========================================
 Smaller than standard 900 (devices and browsers)
 ===========================================*/

 @media only screen and (max-width:909px) {

 	.header-three .nav-inner-wrapper,
 	.header-stygian .nav-inner-wrapper {
 		position: relative;
 	}

 	.header-three .site-primary-menu,
 	.header-stygian .site-primary-menu {
 		max-width: 90%;
 		left: 5%;
 		top: 51px;
 	}

	.excerpt-image-left .hentry-inner .post-thumbnail,
	.excerpt-image-left .entry-container,
	.excerpt-image-right .hentry-inner .post-thumbnail,
	.excerpt-image-right .entry-container {
		width: 100%;
		float: none;
	}

	.excerpt-image-left .hentry-inner {
		display: block;
	}

 	.overlap-header, .overlap-header #masthead.sticky-enabled.sticky-header {
	    position: inherit;
	    top: 0;
	    z-index: inherit;
	    width: 100%;
	    clear: both;
	    background: none;
	}

 	#masthead.overlap-header.sticky-enabled.sticky-header {
 		background: none;
 	}
 	.site-header-main > .container {
 		padding: 0;
 	}
 	#top-social .social-nav li {
 		padding-left: 0;
 	}
 	#site-top-header-mobile-container a.ff-button.header-button {
 		margin: 10px 0 0;
 		padding: 5px 20px;
 	}
 	#quick-contact {
 		width: 100%;
 	}
 	.right-head a.ff-button.header-button {
 		float: right;
 	}
 	.head-search-cart-wrap.pull-left {
 		float: right;
 	}
 	#search-container {
 		bottom: -98px;
 	}
 	.nav-inner-wrapper .social-nav {
 		margin-top: 0;
 	}
 	.header-three .menu-toggle,
 	.header-stygian .menu-toggle {
 		margin-top: 3px;
 	}
 	.nav-inner-wrapper #search-toggle {
 		margin-top: 5px;
 		margin-left: 5px;
 	}
 	#site-top-header-mobile-container  .mobile-search {
 		margin: 15px 0;
 	}
	#quick-contact li {
		display: block;
		border-bottom: 1px solid #77777769;
		width: 100%;
		float: none;
	}
	.site-top-header-mobile {
		display: block;
		margin: 0 auto;
		position: relative;
		padding: 3px 0;
	}
	#quick-contact {
		width: 100%;
		padding-bottom: 15px;
	}
	#site-top-header-mobile-container {
		display: none;
		position: absolute;
		left: 5%;
		z-index: 999;
		padding: 20px;
		box-shadow: 0 0 37px #00000029;
		top: 35px;
		right: 5%;
	}
	.nav-inner-wrapper {
		padding: 10px 0;
		position: relative;
	}
	.site-top-header,
	.mobile-off {
		display: none;
	}
	.mobile-on{
		display: block;
	}
	#quick-contact.layout-two li:before {
	left: 10px;
	}
	#quick-contact.layout-two li {
		position: relative;
		padding: 10px 20px 10px 60px;
		float: left;
		border-bottom: 1px solid #ddd;
		width: 100%;
	}
		#header-top-toggle {
		margin: 0 auto;
		float: none;
		display: block;
		background: none;
		padding: 5px 15px;
		color: #fff;
		font-size: 13px;
	}
	.light-top-header #header-top-toggle {
		background: #000;
		color: #fff;
	}
	.light-top-header .social-nav ul li a:before {
		color: #fff;
	}
	.home #custom-header .page-title {
		font-size: 4rem;
	}
	#header-top-toggle:focus, #header-top-toggle:active,#header-top-toggle:hover,
	.menu-toggle:focus, .menu-toggle:active,.menu-toggle:hover{
		background: #f7f7f7;
		color: #000;
	}
	#header-top-toggle i {
		margin-right: 10px;
	}

	#primary-menu-toggle i {
		margin-right: 5px;
	}

	#slider-section.section .swiper-pagination {
		bottom: 15px;
		left: 0;
	}

	#slider-section h2 {
		font-size: 5rem;
		margin-bottom: 5px;
	}

 	#slider-section .swiper-slide p {
 		font-size: 17px;
 		margin: 0;
 	}

 	#slider-section .slider-content {
 		margin-bottom: 15px;
 	}


 	#masthead.sticky-enabled.sticky-header,
 	.sticky-enabled.sticky-header,
 	#masthead ,.overlap-header #masthead.sticky-enabled.sticky-header{
 		position: relative;
 		padding: 15px 0;
 		transition: inherit;
 		animation: inherit;
 		box-shadow: none;
 		z-index: inherit;
 	}

 	.blog.grid article.hentry,
 	.archive.grid article.hentry {
 		width: 100%;
 	}
 	.layout-left-sidebar.blog.grid article.hentry,
 	.layout-right-sidebar.blog.grid article.hentry,
 	.layout-left-sidebar.archive.grid article.hentry,
 	.layout-right-sidebar.archive.grid article.hentry {
	    width: 100%;
	}
	.blog.grid .archive-posts-wrapper, .archive.grid .archive-posts-wrapper {
	    margin: 0;
	}
 	#top-header .social-nav li a {
 		margin-bottom: 0;
 	}
 	#top-social .social-nav li {
 		padding-left: 0;
 		margin-right: 0;
 		margin-left: 0;
 	}
 	#top-header .social-nav li a:hover:before {
 		color: #fff!important;
 	}
 	.header-seven .right-head {
 		max-width: 100%;
 	}
 	.section-portfolio.style-two .ff-grid-12 .portfolio-thumb-wrap {
	    float: left;
	    width: 100%;
	}
	.section-portfolio.style-two .ff-grid-12.even-item .portfolio-content, .section-portfolio.style-two .ff-grid-12.odd-item .portfolio-content {
	    padding: 20px;
	    position: inherit;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    clear: both;
	}
	.section-portfolio.style-two .portfolio-main-wrapper .ff-grid-12 h3 a {
	    font-size: 2.5rem;
	    text-align: left;
	}
	.main-header-six .ff-grid-2, .main-header-six .ff-grid-8 {
	    width: 100%;
	    margin: 0;
	}
	.main-header-six .main-header-bottom.clear-fix:after, .main-header-six .main-header-bottom.clear-fix:before {
		display: none;
	}
	.main-header-six .main-header-bottom.clear-fix {
	    margin: 0;
	    padding: 0;
	    position: inherit;
	}

	.main-header-wrapper.ff-grid-8.no-margin {
	    width: auto;
	    float: right;
	}
	.ff-grid-2.site-logo.no-margin {
	    float: left;
	    width: auto;
	}
	.main-header-six .site-branding, .main-header-six .contact-wrapper {
	    padding: 0;
	}
	.header-three .site-branding,
	.header-stygian .site-branding {
	    float: none;
	    text-align: center;
	}
	.header-five  .head-search-cart-wrap {
	    margin-top: 7px;
	}
	.header-three #primary-menu-toggle {
	    margin: 0 auto;
	    text-align: left;
	}
	.header-three  #site-primary-navigation {
		text-align: left;
	}
	.section-contact.clear-fix {
	    width: inherit;
	    position: inherit;
	    top: inherit;
	    right: inherit;
	}
	.header-six  .nav-inner-wrapper {
	    position: relative;
	}
	.header-six  .nav-inner-wrapper .text-aligncenter {
	    text-align: left;
	}
	.blog.grid article.hentry, .archive.grid article.hentry, .blog.excerpt-image-top article.hentry, .archive.excerpt-image-top article.hentry {
		width: 100%;

	}
	form-section.ff-grid-6, .contact-thumb {
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 40px;
	}
	.custom-contact-form.row {
		display: flow-root;
	}
}


/* ===========================================
Smaller than standard 768 (devices and browsers)
==============================================*/

@media only screen and (max-width:767px) {
.menu-toggle {
    padding: 6px 15px;
    margin-top: 8px;
}
	.ff-grid-3,
	.ff-grid-4,
	.ff-grid-5,
	.ff-grid-6,
	.ff-grid-7,
	.ff-grid-8,
	.ff-grid-9,
	.ff-grid-10,
	.ff-grid-11,
	.ff-grid-12 {
		width: 100%;
		margin: 15px 0;
		padding-left: 15px;
		padding-right: 15px;

	}
	.hero-content-wrapper {
		display: block;
	}
	.site-branding, .custom-logo-link, .site-identity {
		float: none;
		width: 100%;
		text-align: center;
		display: block;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.right-head {
		float: left;
		clear: both;
		width: 100%;
		position: relative;

	}
	.right-head a.ff-button.header-button {
		margin: 9px 0 0 10px!important;
		padding: 5px 20px;
		margin-top: 4px;
	}

	#search-container {
		width: 100%;
		z-index: 9999;
		right: 0;
	}
	.header-search {
		position: initial;
	}
	#search-container:after {
		display: none;
	}
	#slider-section .slider-content {
		margin-bottom: 10px;
	}

	a.ff-button,
	a.ff-button:visited,
	button, a.button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"]{
		padding: 10px 30px;
		min-width:inherit;
		margin-top: 5px;
	}
	a.ff-button.header-button {
		margin: 0 0 0 15px;
		padding: 6px 26px;
		margin-top: 0;
	}
	.main-header-two #main-nav .nav-box-shadow {
		margin: 0;
		padding: 10px;
		top: 0;
		bottom: 0;
		position: relative;
	}
	#slider-section .slider-buttons .ff-button {
	    margin: 0 5px;
	    padding: 7px 17px;
	    min-width: inherit;
	    font-size: 14px;
	}
	.section,#promotional-headline-section {
		padding: 50px 0;
		clear: both;
	}

	#colophon .footer-widget-area .widget-column {
		width: 100%;
	}
	#content {
		padding: 50px 0;
	}
	main#main {
		background: #222;
	}
	#slider-section .swiper-slide .slider-subtitle {
		letter-spacing: 0;
		font-size: 14px;
		margin-bottom: 5px;
		border-bottom: 1px solid #f44336;
	}
	.main-header-six .head-search-cart-wrap {
		float: right;
		margin-top: 6px;
	}
	#slider-section .slider-content-wrapper .container {
		max-width: 85%;
	}
	.section .section-title, #hero-content-section.section .section-title,#featured-video-section.section .section-title,#promotional-headline-section h2 {
		position: relative;
		font-size: 3.2rem;
	}

	.portfolio-content {
	    padding: 20px;
	}
	.section-testimonial .testimonial-thumb {
	    margin-left: 0;
	    max-width: 100%;
	}
	.section-testimonial .testimonial-item img {
	    border-radius: 100%;
	    max-width: 100px;
	    margin: 0 auto;
	    float: none;
	}
	.section-testimonial .testimonial-summary {
	    max-width: 100%;
	    padding: 20px;
	    float: none;
	    text-align: center;
	}

	.section-testimonial .clinet-info h4 {
		margin-bottom: 4px;
		font-size: 14px;
	}

	.section-testimonial .testimonial-thumb {
		margin-left: 0;
		float: none;
	}

	.client-info-wrap {
		float: left;
		max-width: 63%;
	}

	#custom-header,.header-one #custom-header, .header-five #custom-header {
		padding: 65px 0;
	}

	.dropdown-toggle {
		height: 38px;
	}

	.style-two .section-latest-posts .ff-grid-12 .latest-posts-thumb {
		max-width: 100%;
	}
	.style-two .ff-grid-12 .latest-posts-text-content-wrapper {
		width: 100%;
	}

	.style-two .ff-grid-12 .section-latest-posts .latest-posts-title {
		margin-bottom: 10px;
		font-size: 2.3rem;
	}
	.style-two .ff-grid-12 .latest-posts-wrapper.inner-block-shadow {
		background: #fff;
		overflow: hidden;
		max-width: 100%;
		margin: 0 auto;
	}
	.style-two .section-latest-posts .ff-grid-12 .latest-posts-text-content {
		padding: 40px;
	}
	.associate-logo-item {
	    text-align: center;
	    width: 50%;
	}
	.slider-buttons .ff-button {
	    padding: 10px 30px;
	    min-width: inherit;
	}
	.carousel-enabled .section-title-wrap {
		text-align: center;
		float: inherit;
		max-width: 100%;
	}
	.carousel-enabled .section-title-wrap span.divider {
		margin: 0 auto;
	}
	.section-testimonial .testimonial-summary {
		width: 100%;

	}
	.next-prev-wrap {
		float: right;
		margin-top: 0;
		float: none;
		margin: 0 auto 20px;
		text-align: center;
		max-width: 100px;
	}
	.carousel-enabled .swiper-button-next, .carousel-enabled .swiper-button-prev {
		padding: 20px 20px;
		text-align: center;
		margin: 0 5px;
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100%;
		float: left;
		clear: both;
		margin: 0 0 2.992em;
	}
	.counter-up-page {
		padding: 40px;
	}
	#slider-section.style-one .swiper-button-next, #slider-section.style-one .swiper-button-prev {
		top: 17%;
		padding: 5px 15px;
		height: auto;
		width: auto;
	}
	#slider-section.style-one .swiper-button-next {
		right: 2%;
		left: auto;
	}
	.site-branding.center-site-branding {
		text-align: center;
		float: left;
		width: auto;
		padding: 15px;
	}
	
	.ff-grid-3.header-one-cart-search {
		clear: none;
		float: right;
		width: auto;
	}
	.key-features-section i {
		font-size: 18px;
		margin-right: 21px;
		width: 60px;
		height: 60px;
			padding: 16px;
	
	}
	.section-filter-content .item-inner-wrapper .filter-content-content {
		visibility: visible;
		opacity: 1;
		bottom: 0;
	}
	.section-testimonial .testimonial-wrapper {
		padding: 30px 20px;
	}
	.form-section.ff-grid-6 {
		padding: 40px;
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
		overflow: hidden;
		margin: 0;
	}
	.featured-grid-section .featured-grid-text-content,
	.style-one .section-latest-posts .latest-posts-text-content, .style-one .section-teams .team-text-wrap, .featured-grid-section .featured-grid-text-content {
		padding: 25px 30px 35px;
		margin: -30px 20px 0;
	}
	.promotion-buttons a.ff-button {
		margin: 5px;
	}
	a.ff-button, 
	a.ff-button:visited, button, a.button, input[type="button"], input[type="reset"], input[type="submit"] {
		padding: 8px 20px;
		min-width: inherit;
		margin-top: 5px;
	}
}
/* ===========================================
Smaller than standard 639 (devices and browsers)
==============================================*/

@media only screen and (max-width:639px) {
	#testimonial-section a.more-link, #testimonial-section a.more-link:visited {
		display: block;
	}

	.style-three .section-wwd .wwd-block-inner {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	#slider-section.style-two .swiper-slide h2 {
		display: inline-block;
		border: 1px solid;
		padding: 5px 10px;
		margin-bottom: 5px;
		margin-top: 0;
		font-size: 20px;
	}
	.nav-inner-wrapper.nav-black-bg .main-navigation ul li a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li a:visited {
		color: #060606;
	}

	.mc4wp-form-fields input[type="submit"] {
		width: 100%;
		padding: 10px;
	}
	#slider-section.style-two .slider-content-wrapper {
		bottom: 15%;
	}

	a.ff-button:before {
		display: none;
	}


	#slider-section .swiper-slide p {
		font-size: 14px;
		margin: 0;
	}
	#slider-section .slider-content {
		margin-bottom: 0;
	}
	#slider-section h2 {
	    font-size: 2.5rem;
	    margin-bottom: 10px;
	}

	#slider-section .swiper-button-next, #slider-section .swiper-button-prev {
		padding: 15px;
	
	}

	#slider-section.section .swiper-pagination {
		display: none;
	}
	body, button, input, select, optgroup, textarea {
		font-size: 15px;
	}
	.section-wwd .wwd-block-inner, .section-teams .team-text-wrap, .section-testimonial .testimonial-summary, .section-latest-posts .latest-posts-text-content {
		padding: 20px;
	}
	#slider-section .type-post.text-alignright .slider-content-wrapper, #slider-section .type-post.text-alignleft .slider-content-wrapper {
		padding-bottom: 20%;
	}
	#slider-section a.more-link, #slider-section a.more-link:visited {
		display: table;
		padding: 7px 20px;
		margin-top: 15px;
		clear: both;
		font-size: 14px;
		letter-spacing: 0.6px;
		max-width: inherit;
		margin: 15px auto 0;
	}
	#slider-section .type-post .slider-content-wrapper {
		bottom: 0;
		position: inherit;
		padding: 35px 0;
		width: 100%;
		z-index: 999;
		clear: both;
		float: left;
		background:#111;
		transform: inherit;
		top: inherit;
	}
	#slider-section.overlay-enabled article.type-post:before {
		display: none;
	}
	.site-info.two #footer-left-content {
		float: none;
	}
	.site-info.two #footer-right-content {
		float: none;
	}
}
/* ===========================================
Smaller than standard 479 (devices and browsers)
==============================================*/
@media only screen and (max-width:479px) {
	#slider-section .custom-type .slider-content  {
		display: none;
	}

	.slider-buttons .ff-button {
		margin: 5px;
	}
	.slider-buttons {
		margin: 0 -5px;
	}
}


/* ==========================================================================
   Partial Refresh Editors
   ========================================================================== */

body.customize-partial-edit-shortcuts-shown .section .customize-partial-edit-shortcut {
	margin-left: 60px;
}


