/*
Theme Name: Versatile Business Pro
Author: FireFly Themes
Description: Versatile Business Pro is a light multipurpose business WordPress theme that comes with a smooth design and extremely impressive functionality to unleash your website. It has been made to showcase any services that you provide. You can use it for any kind of website and deliver an awesome look. Versatile Business Pro includes both the looks and astounding functionality to further intensify the website. The new multipurpose business theme, Versatile Business Pro is packed with features like Featured Content, Hero Content, What We Do, and more. All of these features have been set to keep multipurpose business websites in mind. Versatile Business Pro is the ultimate stop if you want a light and bold theme for your website.
Version: 1.2.3
Requires at least: 5.2
Tested up to: 5.5
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3
Text Domain: versatile-business-pro
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

Versatile Business Pro WordPress Theme, Copyright 2020 FireFly Themes
Versatile Business Pro 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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# 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: 'Heebo', 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: #797978;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: 'Heebo', sans-serif;
	margin-bottom: 15px;
	line-height: 1.4;
	margin-top: 0;
	color: #222;
	font-weight: 500;
}

h1 {
	font-size:3.8rem;
}

h2 {
	font-size: 2.8rem;
}

h3 {
	font-size: 2.1rem;
	font-weight: 500;
}

h4 {
	font-size: 1.8rem;
	font-weight: 500;
}

h5 {
	font-size:1.6rem;
	font-weight: 500;
}

h6 {
	font-size:1.4rem;
	font-weight: 500;
}

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: #eee;
	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: #fff; /* 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: #3368c6;
	color: #fff;
	font-size: 15px;
	padding: 12px 50px;
	border: none;
	height: auto;
	width: auto;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	margin: 0;
	position: relative;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: 10px;
	border-radius: 0;

}

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-color: #222;
	color: #fff;
	border-color: #222;
}

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-color: #fff;
	color: #222;
}

.ff-button.button-secondary:hover,
.ff-button.button-secondary:active,
.ff-button.button-secondary:focus {
	background-color: #1d6ea5;
	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 #ccc;
	padding:15px 20px;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
	border:1px solid #000;
	outline: none;
}

select {
	border: 1px solid #ccc;
	padding: 10px 15px;
}

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

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

#search-toggle.toggled-on i.far.fa-times-circle {
	display: block;
	color: #3368c6;
	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:#3368c6;
}

#search-toggle {
	color: #000000;
	display: block;
	background: inherit;
	padding: 6px;
	margin-top: 10px;
	margin-left: 15px;
	font-size: 12px;
	height: 35px;
	width: 35px;
	text-align: center;
	border: 2px solid #b6b6b687;
	border-radius: 100px;
}

.header-search {
	position: relative;
}

#search-container {
    background: #ffffff none repeat scroll 0 0;
    bottom: -121px;
    box-shadow: 0 7px 30px #7b6a6a4d;
    padding: 20px;
    position: absolute;
    width: 400px;
    z-index: 9999;
    right: -12px;
}

#search-container:after {
	content: "";
	position: absolute;
	background: #fff;
	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: #2c2f35;
	border-right: 1px solid #ccc;
	margin: 5px 0;
}

.search-form .search-submit:hover,
.search-form .search-submit:focus,
.search-form .search-submit:active {
	background: none;
	color:#000;
}

.search-form input.search-field {
	padding: 10px 20px 10px 70px;
	width: 100%;
}

.search-form {
	position: relative;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

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

a {
	color:#3368c6;
	text-decoration: inherit;
}

a:visited {
	color: #3368c6;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

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: #000000;
	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: #3368c6;
}
.more-link:after {
	content: "\f30b";
	font-family: 'Font Awesome 5 Free';
	padding-left: 5px;
	font-weight: 900;
	font-size: 14px;
}

a.more-link {
    display: block;
    clear: both;
    margin-top: 15px;
    font-weight: 600;
}
/*--------------------------------------------------------------
## 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: #000000;
	display: block;
	outline-offset: -1px;
	padding: 15px 25px;
	font-weight: 600;
	font-size: 16px;
	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-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-rendering: auto;
	line-height: 1;
	position: absolute;
	right: 14px;
	top: 19px;
	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;
}

.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-color: transparent;
	border: 0;
	border-radius: 0;
	color: #1a1a1a;
	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 #ececec;
	left: 1px;
	display: block;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: 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-four .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: 14px 15px;
		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:hover > a,
	.main-navigation ul li:hover > a,
	.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:hover > a,
   .nav-inner-wrapper.nav-black-bg .main-navigation ul li:hover > a  {
		color: #3368c6;
	}

	.main-navigation ul ul {
		display: block;
		left: -999em;
		margin: 0;
		position: absolute;
		z-index: 999;
		background: #fff;
		box-shadow: 0 0 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{
		background: #3368c6;
		color: #fff;
	}

	.main-navigation ul ul:before {
		content: "";
		position: absolute;
		background: #fff;
		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: 35px;
	}

	.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: 14px;
			top: 20px;
			font-size: 13px;
		}

	.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) {

	.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 {
	    background-color: #0a0a0a;
	    color: #e4b541;
	    font-size: 13px;
	    font-size: 13px;
	    padding: 7px 13px;
	    display: block;
	    margin-top: 14px;
	}

	#main-nav {
		position: initial;
	}

	#main-nav {
		position: initial;
	}

	.site-primary-menu {
		display: none;
		position: absolute;
		background: #fff;
		z-index: 999;
		width: 100%;
		box-shadow: 0 0 21px #17161617;
		top: 79px;
		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: 7px 20px;
	    border-bottom: 1px solid #f1f1f1;
	    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;
	}

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

.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: #3368c6;
	color: #fff;
	border-color: #3368c6;
}

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

/*--------------------------------------------------------------
# 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 {
	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 {
	content: "";
	display: table;
	table-layout: fixed;
	clear:both;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content {
	padding: 80px 0;
}
.layout-no-sidebar-content-width div#content > .container > .row {
    margin: 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: #272727;
}

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

.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: #3368c6;
}

.page-header {
    background: #fff;
    padding: 30px 50px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 24px 0px rgba(122, 122, 122, 0.1);
}
#primary .page-header {
    margin: 0 20px 30px;
}
#primary .page-header .archive-description {
    color: #222;
}
.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;
	display: block;
}

.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 {
	width: 33.33%;
	float: left;
	padding: 0 20px 40px;
	margin: 0;
	border: none;
	clear: none;
}

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

.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;
	background: #fff;
	position: relative;
	float: left;
	clear: both;
}

.hentry-inner {
	width: 100%;
}

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

.sticky .hentry-inner:before {
	content: "\f02e";
	font-family: 'Font Awesome 5 Free';
	font-size: 20px;
	margin: 0;
	position: absolute;
	top: -32px;
	left: 23px;
	background: #fff;
	padding: 15px 18px;
	box-shadow: 0 0 21px #2222222b;
	border-radius: 100%;
	line-height: 1;
}

.blog .entry-container,
.archive .entry-container,
.entry-container {
	padding: 30px 40px;
}

.blog.grid .post-thumbnail,
.archive.grid .post-thumbnail{
	text-align: center;
}

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

.excerpt-image-left .hentry-inner .post-thumbnail {
	width: 70%;
}

.excerpt-image-right .hentry-inner .post-thumbnail {
	width: 30%;
	float: right;
}

.excerpt-image-right .entry-container {
	float: left;
	width:70%;
}

.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;
	background: #ffffff;
	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:#3368c6;
}

.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: #3368c6;
	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;
}

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

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

.site-top-header #top-social {
	padding-top: 5px;
}

#top-header ul {
	margin:0;
	padding:0;
}

.dark-top-header {
	background-color: #191717;

}

.lite-top-header {
	background: #f9f9f9;
	color: #222;
	border-bottom: 1px solid #f7f5f5;
}

#top-header .social-nav li a,
#masthead #search-toggle {
	border: 2px solid transparent;
}

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


/* quick contact */

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

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

.lite-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 {
	border-right: 1px solid rgba(34, 34, 34, 0.12);
	padding: 0px 15px;
	margin: 15px 0;
}

#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 {
	color: #b9b9b9;
	margin-right: 10px;
	text-align: center;
	content: "";
	font-size: 14px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

#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 20px 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: 19px;
	color: #3368c6;
}

#quick-contact.layout-two a:active,
#quick-contact.layout-two a:hover,
#quick-contact.layout-two a:focus {
	color: #000;
}

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

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

/*--------------------------------------------------------------
# Masthead
--------------------------------------------------------------*/
#page {
	position: relative;
}
@media screen and (min-width: 1900px){
	#page {
		box-shadow: 0 0 50px #ddd;
		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;
}

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

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

.site-branding img {
	vertical-align: middle;
	max-height: 65px;
	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.6rem;
    font-weight: 600;
    font-family: 'Heebo', sans-serif;
    line-height: 1.3;
}

p.site-description {
	margin: 0;
}
.site-title a,
.site-title a:visited {
	color: #222;
}

a.ff-button.header-button {
	margin: 0 0 0 30px;
	padding: 10px 25px;
	margin-top: 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;
}

.main-navigation ul ul {
    top: 79px;
}

.main-navigation ul ul:after {
	content: "";
	display: inline-block;
	background: rgba(56, 49, 49, 0);
	width: 100%;
	height: 45px;
	position: absolute;
	top: -45px;
	left: 0;
}
.header-three .main-navigation ul ul:after,
.header-four .main-navigation ul ul:after {
	display: none;
}
.header-three .main-navigation ul ul,
.header-four .main-navigation ul ul {
	top: inherit;
}

.header-four #search-container {
	bottom: -100px;
}

.header-five .main-navigation ul ul {
	top: 75px;
}

/* Header Layouts 5 */

.header-five #masthead .site-header-main {
	background: #fff;
	float: left;
	width: 100%;
	padding: 20px;
}
.nav-inner-wrapper.nav-color-bg .social-nav li a {
    border: 2px solid #ffffff42;
}
.header-five #masthead {
	padding-top:0;
}
.header-five #hero-slider.overlay-enabled article:before {
    opacity: 0.7;
}
.header-five #masthead, .header-six #masthead {
    position: absolute;
    top: 55px;
    z-index: 999;
    width: 100%;
    background: no-repeat;
}
.header-five #custom-header,
.header-six #custom-header {
	padding-top: 210px;
}

.header-seven .site-branding {
    float: left;
    position: relative;
    background: #3368c6;
    margin-top: -25px;
    margin-bottom: -25px;
    padding: 21px 70px 20px 345px;
    z-index: 99;
    margin-left: -345px;
    overflow: hidden;
    min-height: 105px;
}
.header-seven .sticky-header .site-branding {
    float: left;
    position: relative;
    margin-top: -15px;
    margin-bottom: -15px;
    padding: 15px 70px 15px 345px;
    z-index: 99;
    margin-left: -345px;
    overflow: hidden;
}
.header-seven .sticky-header .site-branding:after {
    content: "";
    position: absolute;
    height: 120%;
}
.header-seven .site-branding:after {
    content: "";
    position: absolute;
    height: 120%;
    top: 0;
    width: 80px;
    right: -46px;
    z-index: 9999;
    display: block;
    background: #fff;
    transform: rotate(21deg);
}

.header-seven .site-title a,
.header-seven .site-title a:visited,
.header-seven p.site-description {
	color: #fff;
}

.overlap-header .site-title a {
	color: #fff;
}

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

/* Ovaerlapmentu */

.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.sticky-enabled.sticky-header .main-navigation ul li a,
.overlap-header.sticky-enabled.sticky-header #search-toggle,
.overlap-header.sticky-enabled.sticky-header .cart-contents a,
.overlap-header.sticky-enabled.sticky-header .cart-contents a:visited,
.overlap-header.sticky-enabled.sticky-header p.site-description,
.overlap-header.sticky-enabled.sticky-header  .site-title a {
	color: #060606;
}

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

.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: #3368c6;
}

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

.nav-inner-wrapper.nav-black-bg {
	background: #292929;
}

.nav-inner-wrapper {
	padding: 5px 0;
}

.nav-inner-wrapper .social-nav ul li a:before {
	color: #fff;
}

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

.nav-inner-wrapper.nav-black-bg .main-navigation ul li a,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:visited {
	color: #ffffff;
}

.nav-inner-wrapper.nav-color-bg .main-navigation ul li a,
.nav-inner-wrapper.nav-color-bg .main-navigation ul li a:visited {
	color: #ffffff;
}

.nav-inner-wrapper.nav-color-bg .main-navigation ul li a:hover,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:hover,
.nav-inner-wrapper.nav-color-bg .main-navigation ul li a:focus,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:focus,
.nav-inner-wrapper.nav-color-bg .main-navigation ul li a:active,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li a:active {
	color:#fff;
}

.nav-inner-wrapper.nav-color-bg .main-navigation ul li li a,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li li a,
.nav-inner-wrapper.nav-color-bg .main-navigation ul li li a:visited,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li li a:visited {
	color: #222;
}

.nav-inner-wrapper.nav-color-bg .main-navigation ul li li a:hover,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li li a:hover,
.nav-inner-wrapper.nav-color-bg .main-navigation ul li li a:focus,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li li a:focus,
.nav-inner-wrapper.nav-color-bg .main-navigation ul li li a:active,
.nav-inner-wrapper.nav-black-bg .main-navigation ul li li a:active {
	color:#000;
}

.nav-inner-wrapper.nav-color-bg #search-toggle,
.nav-inner-wrapper.nav-black-bg #search-toggle,
.nav-inner-wrapper.nav-color-bg #search-toggle:visited,
.nav-inner-wrapper.nav-black-bg #search-toggle:visited {
	color: #ddd;
}

.nav-inner-wrapper.nav-color-bg #search-toggle:hover,
.nav-inner-wrapper.nav-black-bg #search-toggle:hover,
.nav-inner-wrapper.nav-color-bg #search-toggle:focus,
.nav-inner-wrapper.nav-black-bg #search-toggle:focus,
.nav-inner-wrapper.nav-color-bg #search-toggle:active,
.nav-inner-wrapper.nav-black-bg #search-toggle:active {
	color: #fff;
}


/* 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;
	margin-left: 10px;
	position: relative;
	margin-top: 19px;
	border-left: 1px solid #ddd;
	padding-left: 15px;
	line-height: 1;
	font-size: 13px;
}

.cart-contents a,
.cart-contents a:visited {
	color: #222;
}

.cart-contents a:hover,
.cart-contents a:focus,
.cart-contents a:active  {
	color: #3368c6;
}

.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;
	content: "";
	display: table;
	table-layout: fixed;
}

.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;
}
.woocommerce div.product form.cart .variations select {
    padding: 3px 10px;
    margin-bottom: 15px;
}
.cart-contents .woocommerce.widget_shopping_cart .cart_list li span.quantity {
	display: block;
	margin-top: 10px;
	font-size: 14px;
}
.woocommerce #page div.product form.cart .variations select {
    padding: 6px 10px;
    margin-bottom: 15px;
    width: 100%;
}
.woocommerce #page div.product form.cart .variations label {
    font-weight: 700;
    line-height: 1.4;
    display: block;
}
.woocommerce div.product form.cart .reset_variations {
    background: #a46497;
    padding: 3px 15px;
    color: #fff;
}
.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: #3368c6;
	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: 140px 0;
    position: relative;
    background-color: #f5f5f5;
    background-size: cover;
    background-attachment: fixed;
}
.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";
}
.header-four .sticky-enabled.sticky-header {
    padding: 0;
    background: #222;
}
.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;
}

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

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

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

#breadcrumb {
    color: #3368c6;
    text-align: center;
    background: #f7f7f7;
}
#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 #ddd;
    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: #000;
}
#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: #3368c6;
}
#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: 55px 0;
	color: #7c8392;
	font-size: 16px;
	position: relative;
	z-index: 9;
	background: #141b27;
}

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

.footer-widget-area ul li::before {
	color: #727272;
	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: #7c8392;
}

.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: #7c8392;
}

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

.footer-widget-area .widget-title {
	color: #fff;
	font-weight: 400;
	margin-bottom: 35px;
	position: relative;
	font-size: 26px;
	border-bottom: 1px solid #f1f1f126;
	padding-bottom: 15px;
}

.footer-widget-area .widget-title:after {
	background: #3368c6;
	position: absolute;
	bottom: -2px;
	content: "";
	width: 20%;
	height: 3px;
	left: 0;
}

#site-generator {
	padding: 20px 0;
	background: #141b27;
	border-top: 1px solid #dddddd26;
	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: #3368c6;
	bottom: 50px;
	color: #ffffff;
	float: right;
	line-height: 1.2;
	padding: 12px 17px;
	position: fixed;
	right: 32px;
	text-align: center;
	z-index: 999;
}

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 .widget {
	margin-bottom: 40px;
	padding: 30px;
	box-shadow: 0 0 20px rgba(31, 29, 29, 0.07);
	background: #fff;
}

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

.sidebar .widget-title {
	position: relative;
	border-bottom: 1px solid #2321211a;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.sidebar .widget-title:after {
	background: #3368c6;
	position: absolute;
	bottom: -2px;
	content: "";
	width: 20%;
	height: 3px;
	left: 0;
}

.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: 25px;
}

.sidebar ul li::before {
	content: "\f30b";
	display: inline-block;
	font-size: 11px;
	font-weight: 900;
	margin-right: 10px;
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 0;
	top: 9px;
}


.widget .tagcloud a:hover {
    border: 2px solid #0a0a0a;
    color: #000000;
}

.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: 20px;
	color: #222;
}

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

.sidebar ul li a,
.sidebar  ul li a:visited {
	color: #272727;
}

.sidebar  ul li a:hover,
.sidebar  ul li a:focus,
.sidebar  ul li a:active {
	color:#3368c6;
}

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

.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: #222;
	font-size: 12px;
}

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

.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;
	border-radius: 100%;
	line-height: 2;
}

.social-nav  li a:focus, .social-nav  li a:active{
    outline: thin dotted #fff;
}

.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*="facebook.com"]:before {
	content: "\f39e";
	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*="foursquare.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*="foursquare.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*="foursquare.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 li:before,
.widget_versatile_business_recent_entries li:before{
    display: none!important;
}
.social-nav li{
    padding: 0!important;
}

.footer-widget-area .social-nav li a:before {
    color: #fff;
}
.recent-post-thumb {
    float: left;
    max-width: 30%;
}
.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_versatile_business_recent_entries span.post-date {
    display: block;
    font-size: 14px;
    margin-top: 2px;
}
.widget_versatile_business_recent_entries span.post-date {
    display: block;
}
.widget_versatile_business_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%;
	overflow: hidden;
	float: left;
}

.section {
	padding: 90px 0;
	clear: both;
}
.single-content-wraper .post-thumbnail {
    padding: 30px 30px 0;
}
.section:nth-child(even) {
	background-color: #f4f9fc;
}

.section:nth-child(odd) {
	background-color: #fff;
}

.section.dark-background {
	background-color: #1b1f2d;
}

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

div#section-associate-logo {
	padding: 50px 0;
}

.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 {
	padding:0;
}

.section .section-title {
	position: relative;
	font-size: 3.5rem;
	font-weight: 600;
}

.section .section-title-wrap {
	text-align: center;
	width: 100%;
	display: table;
	margin-bottom: 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;
	color: #989090;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 17px;
	font-style: italic;
}

#testimonial-section .section-title-wrap span.divider {
	background: #fff;
}

.section .section-title-wrap span.divider {
	content: "";
	display: block;
	height: 3px;
	width: 41px;
	background-color: #3368c6;
	margin: -5px auto 5px;
	position: relative;
}
.section .section-title-wrap span.divider:after {
	content: "";
	width: 26px;
	display: block;
	margin: 0 auto;
	height: 2px;
	position: absolute;
	bottom: -4px;
	left: 7px;
}

.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:hover, .inner-block-shadow:focus, .inner-block-shadow:active, .inner-block-shadow.active {
	-webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: -1 22px 43px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
	box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
	transform: translateY(-10px);
}
.inner-block-shadow {
	-webkit-box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06);
	-moz-box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06);
	-ms-box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06);
	-o-box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06);
	box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06);
	-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: #fff;
}

.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: #222;
	height: 100%;
	width: 100%;
	top: 0;
	position: absolute;
	z-index: -1;
	left: 0;
	opacity: 0.5;
}

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

#hero-slider .swiper-button-next:after,
#hero-slider .swiper-button-prev:after {
	font-size: 20px;
}

#hero-slider .slider-image-wrapper {
	text-align: center;
}

#hero-slider .slider-content-wrapper {
	width: 100%;
	position: absolute;
	bottom: 28%;
	z-index: 9;
}

#hero-slider {
	overflow: hidden;
	position: relative;
}
#hero-slider.style-three {
    max-width: 1230px;
    margin: 0 auto;
}
#hero-slider .slider-content {
	margin: 0 auto 30px;
	font-size: 18px;
	color: #222;
	clear: both;
}


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

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

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

#hero-slider .slider-content-wrapper .container {
	max-width: 970px;
}

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

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

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

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

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

#hero-slider .swiper-button-next,
#hero-slider .swiper-button-prev {
	z-index: 99;
	background: #0000007d;
	padding: 30px;
	border-radius: 100%;
	cursor: pointer;
	visibility: hidden;
	transition: all 0.2s ease-in-out 0s;
	color: #fff;
}

#hero-slider .swiper-button-prev {
	left: -70px;
	right: auto;
}

#hero-slider .swiper-button-next {
	right: -70px;
	left: auto;
}

#hero-slider:hover .swiper-button-prev {
	left:5%;
	visibility: visible;
}

#hero-slider:hover .swiper-button-next {
	right:5%;
	visibility: visible;
}

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

#hero-slider .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #fff;
}

#hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #3368c6;
}

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

#hero-slider .swiper-scrollbar-drag {
	background: rgb(39, 97, 216);
}

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

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

#hero-slider h2 {
	font-size: 6.5rem;
	font-weight: 600;
	transition: all 0.5s linear 1s;
}

#hero-slider.overlay-enabled h2,
#hero-slider.overlay-enabled p {
	color:#fff;
}

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

#hero-slider .swiper-slide h2 {
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 0.3s;
	line-height: 1.2;
}

#hero-slider .swiper-slide .slider-subtitle {
    letter-spacing: 3px;
    font-size: 20px;
    margin-bottom: 5px;
    font-style: italic;
}

#hero-slider .swiper-slide p {
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 1s;
	font-size: 17px;
}

#hero-slider .swiper-slide .slider-buttons,
#hero-slider a.more-link{
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 1.5s;
}

#hero-slider .swiper-slide.swiper-slide-active h2,
#hero-slider .swiper-slide.swiper-slide-active p,
#hero-slider .swiper-slide.swiper-slide-active .slider-buttons,
#hero-slider .swiper-slide.swiper-slide-active a.more-link{
	transform: translateY(0);
	opacity: 1;
}


#hero-slider .swiper-slide.swiper-slide-active  img {
	transform: scale(1.1);
	transition: 10s;
}
#hero-slider.zoom-disabled .swiper-slide.swiper-slide-active  img {
	transform: inherit;
	transition: inherit;
}
.slider-buttons .ff-button {
	margin: 0 10px;
}

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

#hero-slider a.more-link,
#hero-slider a.more-link:visited {
	display: inline-block;
	background: #3368c6;
	color: #fff;
	padding: 15px 25px;
	margin-top: 40px;
	clear: both;
	font-size: 14px;
	letter-spacing: 0.6px;
	display: block;
	max-width: 170px;
	margin: 35px auto 0;
}

#hero-slider a.more-link:hover,
#hero-slider a.more-link:active {
	background: #222;
	color: #fff;
	transition: initial;
	transform: inherit!important;
}

#hero-slider .text-alignleft a.more-link{
	display: block;
	float: left;
}

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


#hero-slider.style-two:hover .swiper-button-next,
#hero-slider.style-two .swiper-button-next {
    right: 0;
    visibility: visible;
}
#hero-slider.style-two .swiper-button-next,
#hero-slider.style-two .swiper-button-prev {
    /* top: 60px; */
    border-radius: 0;
}
#hero-slider.style-two:hover .swiper-button-prev,
#hero-slider.style-two .swiper-button-prev {
    left: 0;
    visibility: visible;
    left: inherit;
}
#hero-slider.style-two .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0;
    height: 5px;
    width: 30px;
    margin: 4px;
}
#hero-slider.style-two .swiper-slide h2 {
    display: inline-block;
    border: 2px solid;
    padding: 0 20px;
    margin-bottom: 20px;
    margin-top: 15px;
}
#hero-slider.style-two.overlay-enabled article:before {
    background: #222;
    opacity: 0.5;
}
/*--------------------------------------------------------------
## Hero Content
--------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

#hero-section .featured-info a.more-link,
#hero-section .featured-info a.more-link:visited {
	display: table;
	padding: 10px 20px;
	margin-top: 30px;
	background: #3368c6;
	color: #fff;
}

#hero-section.text-alignright .featured-info a.more-link {
	position: absolute;
	bottom: 0;
	padding: 10px 20px;
	right: 0;
}
.featured-page-section ul li:before {
	content: "\f00c";
	display: inline-block;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	font-size: 13px;
	color: #73cc21;
}

.featured-page-section ul li {
	list-style-type: none;
}

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

/*--------------------------------------------------------------
## What we do
--------------------------------------------------------------*/


.section-wwd .wwd-block-inner {
	position: relative;
	z-index: 9;
	padding: 45px;
	background-color: #fff;
	text-align: center;
}

.section-wwd .wwd-item-title {
	margin-bottom: 10px;
}

.section-wwd .wwd-block-item a.wwd-icon {
	color: #3368c6;
	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;
}

/*layout 3*/
.section.section-wwd.wwd-layout-3 .wwd-block-inner {
	box-shadow: inherit;
	padding: 0;
	background: none;
}

.section-wwd.wwd-layout-3 .wwd-block-item a.wwd-icon {
	float: left;
	margin: 0 25px 0 0;
	background: #fbfbfb;
	font-size: 27px;
}
.section-wwd.wwd-layout-3 .wwd-block-inner-content {
	text-align: left;
	display: table;
}

.section-wwd.wwd-layout-3 h3.wwd-item-title {
	margin-bottom: 10px;
}

.section-wwd.wwd-layout-3 .wwd-item-4 {
	clear: both;
}

.section-wwd.wwd-layout-3 .wwd-block-item a.wwd-icon {
	float: left;
	margin: 0 25px 0 0;
	background: no-repeat;
	font-size: 32px;
	height: 65px;
	width: 65px;
	padding: 15px 15px;
	background: none;
	border-radius: 0;
	text-shadow: none;
}

.section-wwd.wwd-layout-3 .wwd-block-item a.wwd-icon:after {
	display: none;
}


/*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-inner-content {
	text-align: left;
	display: table;
}

.style-two h3.wwd-item-title {
	margin-bottom: 10px;
}

.style-two .wwd-item-4 {
	clear: both;
}
/*--------------------------------------------------------------
## Teams
--------------------------------------------------------------*/

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

.section-teams .thumb-summary-wrap {
	background: #fff;
	position: relative;
	z-index: 9;
}

.section-teams .team-item{
	text-align: center;
}

.section-teams .team-title {
	margin-bottom: 5px;
}

.section-teams .team-position {
	font-size: 15px;
	margin-bottom: 10px;
}

.section-teams .team-text-wrap {
	position: relative;
	background: #fff;
	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: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;
}


.style-two .section-teams .team-text-wrap {
    margin: -20px 20px 0;
    padding: 25px 15px!important;
}

/*--------------------------------------------------------------
## Testimonial
--------------------------------------------------------------*/
#testimonial-section {
	background: #181818;
}
.section-wwd .wwd-block-inner,
.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;
	margin-right: 25px;
	max-width: 55px;
	position: relative;
	float: left;
}

.section-testimonial  .testimonial-thumb {
	margin-left: 30px;
}
.section-testimonial .testimonial-summary .testimonial-position {
	color: #c1bdb5;
	font-style: normal;
	font-size: 14px;
}

.section-testimonial  .testimonial-summary {
	padding-bottom: 30px;
}

.testimonial-summary {
	clear: both;
}

.section-testimonial .testimonial-summary {
	position: relative;
	background: #fff;
	margin-bottom: 30px;
	border-radius: 5px;
}
.section-testimonial .testimonial-summary::after {
	content: "";
	display: block;
	height: 15px;
	position: absolute;
	bottom: -8px;
	background: #Fff;
	width: 15px;
	transform: rotate(45deg);
}
.section-testimonial .clinet-info h4 {
	margin-bottom: 4px;

}
.section-testimonial p.testimonial-position {
	margin: 0;
	font-size: 16px;
	color: #ddd;
}
.section-testimonial h4.testimonial-title {
	color: #ddd;
	margin: 0;
	font-size: 1.9rem;
	font-weight: 500;
}
.section-testimonial .testimonial-rating {
	color: #ffc700;
	font-size: 10px;
}

.client-info-wrap {
	float: left;
	max-width: 55%;
}
.clinet-info a,
.clinet-info a:visited,
.clinet-info h4,
.clinet-info p {
	color: #fff;
}
.clinet-info a:hover,
.clinet-info a:active,
.clinet-info a:focus {
	color: #fff;
}
.section-testimonial .testimonial-item img {
	border-radius: 100%;
}

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

.section-latest-posts .latest-posts-title {
	margin-bottom: 10px;
}

.section-latest-posts .new-cat {
	position: absolute;
	bottom: 30px;
	left: 30px;
}
.section-latest-posts .new-cat a {
	background: #3368c6;
	color: #fff;
	padding: 4px 15px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 11px;
	margin-right: 5px;
	line-height: 1.5;
}
.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 {
	background: #fff;
	overflow: hidden;
	position: relative;
}

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

.latest-news-date {
	background: #3368c6;
	text-align: center;
	color: #fff;
	width: 70px;
	border-radius: 5px 5px 0 0;
}

.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;
	border-radius: 5px 5px 0 0;
}

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

.style-two .latest-posts-text-content-wrapper {
    margin: -20px 20px 0;
}
.style-two .section-latest-posts .latest-posts-text-content {
    padding: 35px 30px;
}
.style-two .section-latest-posts .new-cat {
    top: 35px;
    bottom: inherit;
}



.style-two .section-latest-posts .ff-grid-12  .latest-posts-thumb {
    float: left;
    max-width: 50%;
}

.style-two .section-latest-posts .ff-grid-12 .latest-posts-title {
    font-size: 3rem;
}
.style-two .section-latest-posts .ff-grid-12 .latest-posts-text-content {
    padding: 65px 70px;
}

.style-two .ff-grid-12  .latest-posts-text-content-wrapper {
    margin:0;
    background: #fff;
    overflow: hidden;
    float: left;
    width: 50%;
}
.style-two .ff-grid-12 .latest-posts-wrapper.inner-block-shadow {
    background: #fff;
    overflow: hidden;
    max-width: 90%;
    margin: 0 auto;
}






/*--------------------------------------------------------------
## Skills
--------------------------------------------------------------*/
.skill-bar-section {
	margin-top: 15px;
}
.skillbar {
	position: relative;
	display: block;
	margin-bottom: 23px;
	width: 100%;
	background: #3368c626;
	height: 10px;
	-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;
}
.skillbar-bar {
	height: 10px;
	width: 0px;
	background: #3368c6;
	position: relative;
	display: block;
	top: 0;
	left: 0;
}
.skillbar-1 .skillbar-bar {
	background: #3368c6;
}
.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
--------------------------------------------------------------*/
#promotion-section.overlay-enabled,
#promotion-section.overlay-enabled h2 {
	color: #fff;
}
#promotion-section .promotion-content {
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
}
#promotion-section h2 {
	font-size: 4rem;
}
.text-alignright .promotion-content {
	text-align: right;
}

#promotion-section a.more-link,
#promotion-section a.more-link:visited {
	padding: 10px 20px;
	background: #3368c6;
	color: #fff;
	max-width: 195px;
	margin:30px auto 0;
}

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

/*--------------------------------------------------------------
## Feature Video
--------------------------------------------------------------*/
#featured-video-section.overlay-enabled,
#featured-video-section.overlay-enabled h2 {
	color: #fff;
}
#featured-video-section .featured-video-content {
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
}
#featured-video-section h2 {
	font-size: 4rem;
}
.text-alignright .featured-video-content {
	text-align: right;
}

#featured-video-section a.more-link,
#featured-video-section a.more-link:visited {
	padding: 10px 20px;
	background: #3368c6;
	color: #fff;
	max-width: 195px;
	margin:30px auto 0;
}
.video-buttons-wrap {
    margin-top: 40px;
}
.featured-video-buttons {
    margin-top: 15px;
}
#featured-video-section.text-alignleft a.more-link,
#featured-video-section.text-alignright a.more-link {
	position: absolute;
	left: 0;
}
.featured-video-description {
	position: relative;
}

#featured-video-section a.flashy-popup:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 23px solid #f75757;
    -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 #f75757;
    background: rgb(247, 87, 87);
    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;
}
div#featured-video-section {
    padding: 190px 0;
}

/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
.section-contact {
	max-width: 790px;
	margin: 0 auto;
	background: #fff;
	padding: 50px;
	box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06);
}
.wpcf7 textarea {
    max-height: 212px;
    border-color: #f1f1f1;
}
.wpcf7 input {
    padding: 8px;
    border-color: #f1f1f1;
}
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;
    border-color: #b9b9b9;
}
.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:#908989;
}
#footer-widgets ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
}

#footer-widgets ::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}

#footer-widgets ::-ms-input-placeholder { /* IE 10+ */
	color: #fff;
}
/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/

.section-portfolio .portfolio-item {
	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 .vmiddle-holder{
	display: table;
	height: 100%;
	width: 100%;
}

.section-portfolio .vmiddle {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.section-portfolio .portfolio-section h3 {
	font-size: 32px;
	padding: 15px;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #000;
}

.section-portfolio .portfolio-section h3 a{
	color: #fff;
}

.section-portfolio .portfolio-button {
	display: block;
	height: 100%;
	left: 0;
	right: 0;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	background-color:rgba(0,0,0,0.4);
	bottom: -400px;
	opacity: 0;
	-webkit-transition: opacity 0.7s ease, bottom 0.7s ease;
	-o-transition: opacity 0.7s ease, bottom 0.7s ease;
	transition: opacity 0.7s ease, bottom 0.7s ease;
}

.section-portfolio .portfolio-block:hover h3,
.section-portfolio .portfolio-block:focus h3,
.section-portfolio .portfolio-block:active h3{
	margin-top: -100px;
}

.section-portfolio .portfolio-block:hover .portfolio-content,
.section-portfolio .portfolio-block:focus .portfolio-content,
.section-portfolio .portfolio-block:active .portfolio-content {
	bottom: 0;
	opacity: 1;
}

.section-portfolio .portfolio-block:hover .portfolio-button,
.section-portfolio .portfolio-block:focus .portfolio-button,
.section-portfolio .portfolio-block:active .portfolio-button {
	bottom: 0;
	opacity: 1;
}

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

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

.portfolio-filter ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}

#portfolio {
	margin-bottom: 20px;
}

.portfolio-filter {
	list-style: none;
	padding: 0;
	margin: 0 0 40px;
	text-align: center;
	cursor: default;
}

.portfolio-filter ul li {
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
	color: #444;
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
	-webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	cursor: pointer;
}

.portfolio-filter ul li a {
	color: #aba8a8;
	margin: 0 15px;
	display: block;
	font-weight: 600;
	font-size: 14px;
}

.portfolio-filter ul li:last-child:after {
	content: "";
}

.portfolio-filter a:hover{
	color: #1abc9c;
	text-decoration: none;
}

.portfolio-filter a.active, .portfolio-filter a:hover {
	color: #1abc9c;
	cursor: default;
	position: relative;
	cursor: pointer;
	border-bottom: 2px solid;
}

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

.overlay:before {
	background: rgba(0, 0, 0, 0.76);
	bottom: 0;
	height: 100%;
	content: "";
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.item-inner-wrapper:hover .overlay:before {
	bottom: 0;
	opacity: 0.9;
}

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

.item-inner-wrapper .portfolio-content {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 25px 15px 25px;
	background: #252729;
}

.item-inner-wrapper:hover .portfolio-content {
	opacity: 1;
	visibility: visible;
	bottom: 10px;
}

a.zoom-icon i {
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	padding: 0;
	border-radius: 100%;
	height: 40px;
	width: 40px;
	margin: 0 auto;
	display: block;
}

a.zoom-icon {
	position: absolute;
	top: 30%;
	z-index: 999;
	width: 100%;
	text-align: center;
	left: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.item-inner-wrapper:hover a.zoom-icon {
	top: 45%;
	visibility: visible;
}
.portfolio-content p, .portfolio-content h3 a {
	margin: 0;
	color: #fff;
}

.portfolio-content h3 {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 2.2rem;
}

.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;
}
.portfolio-thumb-wrap {
	position: relative;
}
.portfolio-thumb-wrap img {
	width: 100%;
}
 .section-portfolio.style-one  .container {
	max-width: 100%;
	width:100%;
}

/* 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: 12px;
	height: 12px;
	background: #b3b0b0;
	opacity: 1;
	box-shadow: 0 0 8px #00000017 inset;
}

.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: #3368c6;
}

.swiper-carousel-enabled .swiper-button-prev,
.swiper-carousel-enabled .swiper-button-next {
	top:35%;
}

.swiper-carousel-enabled .swiper-button-next:active,
.swiper-carousel-enabled .swiper-button-prev:active,
.swiper-carousel-enabled .swiper-button-next:visited,
.swiper-carousel-enabled .swiper-button-prev:visited{
	outline: none;
}

.swiper-carousel-enabled .swiper-button-next:hover,
.swiper-carousel-enabled .swiper-button-prev:hover,
.swiper-carousel-enabled .swiper-button-next:focus,
.swiper-carousel-enabled .swiper-button-prev:focus,
.swiper-carousel-enabled .swiper-button-next:active,
.swiper-carousel-enabled .swiper-button-prev:active {
	outline: none;
	background: #fff;
	color: #222;
}

.swiper-carousel-enabled {
	position: relative;
	overflow: hidden;
}

.swiper-carousel-enabled .swiper-button-next,
.swiper-carousel-enabled .swiper-button-prev {
	z-index: 99;
	background: #0000007d;
	padding: 30px;
	border-radius: 100%;
	cursor: pointer;
	visibility: hidden;
	transition: all 0.2s ease-in-out 0s;
	color: #fff;
}

.swiper-carousel-enabled .swiper-button-prev {
	left: -70px;
	right: auto;
}

.swiper-carousel-enabled .swiper-button-next {
	right: -70px;
	left: auto;
}

.swiper-carousel-enabled:hover .swiper-button-prev {
	left:5%;
	visibility: visible;
}

.swiper-carousel-enabled:hover .swiper-button-next {
	right:5%;
	visibility: visible;
}

.swiper-carousel-enabled .swiper-button-next:after,
.swiper-carousel-enabled .swiper-button-prev:after {
	font-size: 20px;
}


/* Layout Two */

.section-portfolio.style-two .portfolio-main-wrapper .portfolio-thumb-wrap,
.section-portfolio.style-two .item-inner-wrapper .portfolio-content {
    float: left;
    width: 50%;
    background: no-repeat;
}

.section-portfolio.style-two .portfolio-content {
    padding: 85px;
    text-align: left;
    box-sizing: border-box;
}
.section-portfolio.style-two .portfolio-main-wrapper h3 {
    font-size: 4rem;
    margin-bottom: 15px;
    color:#fff;
}
.section-portfolio.style-two .item-inner-wrapper {
    background: #3368c6;
}

.section-portfolio.style-two .swiper-carousel-enabled .swiper-button-next, .section-portfolio.style-two .swiper-carousel-enabled .swiper-button-prev {
    bottom: 58px;
    top: inherit;
    border-radius: 0;
    visibility: visible;
    background: #fff;
    color: #222;
    box-shadow: 0 0 14px #2222220f;
}
.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: #f1f1f1;
    border: none;
}
.woocommerce nav.woocommerce-pagination ul {
    border: none;
}
.section-portfolio.style-two  .overlay {
    display: none;
}
.section-portfolio.style-two .swiper-carousel-enabled .swiper-button-next, .section-portfolio.style-two .swiper-carousel-enabled:hover .swiper-button-next {
    right: 44.8%;
    left: auto;
}
.section-portfolio.style-two .swiper-carousel-enabled .swiper-button-prev,
.section-portfolio.style-two  .swiper-carousel-enabled:hover .swiper-button-prev  {
    left: 44.8%;
    right: auto;
}

.woocommerce .woocommerce-ordering {
    margin: -30px 0 3em;
}

.woocommerce ul.products, .woocommerce-page ul.products {
	clear: both;
	width: 100%;
}

ul.products li.product {
	box-shadow:0 0 29px rgba(53, 52, 52, 0.1);
}

.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: 30px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    padding: 20px 20px 40px;
    text-align: center;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 15px;
}
.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: 500;
}

.woocommerce ul.products li.product .price {
	color: #060605;
	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;
}



/*--------------------------------------------------------------
##  Custom Block Style
--------------------------------------------------------------*/

[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
	font-style: italic;
	margin-bottom: 1.5em;
	text-align: left;
}

hr.wp-block-separator {
	background: none;
	border-bottom-width: 1px;
}

.wp-block-gallery {
	margin: 0;
	margin-bottom: 15px;
}

.wp-block-gallery.alignleft,
.wp-block-gallery.alignnone,
.wp-block-gallery.aligncenter,
.wp-block-gallery.alignright {
	display: flex;
}

.wp-block-gallery figcaption {
	font-style: italic;
}

p.has-drop-cap:not(:focus)::first-letter {
	font-size: 5em;
	margin-top: 0.075em;
}

.wp-block-image {
	margin-bottom: 1.5em;
}

.wp-block-image figure {
	margin-bottom: 0;
	margin-top: 0;
}

.wp-block-image figure.alignleft {
	margin-right: 1.5em;
}

.wp-block-image figure.alignright {
	margin-left: 1.5em;
}

.wp-block-audio audio {
	display: block;
	width: 100%;
}

.wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
	display: flex;
}

.wp-block-pullquote blockquote {
	margin: 0;
}
.wp-block-quote:not(.is-large):not(.is-style-large),
blockquote {
	border-left: 5px solid #179bd7;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	border: none;
	background: #179bd7;
	padding: 30px;
	color: #fff;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
	color: #fff;
}

blockquote:before {
	display: none;
}

blockquote {
	margin: 0 0 15px 0;
	position: relative;
	padding-left: 20px;
}

.entry-content ul.wp-block-gallery {
	margin-left: 0;
	padding-left: 0;
}

.entry-content ul,.entry-content ol {
	padding-left: 20px;
	margin-left: 0;
}
.entry-content .blocks-gallery-grid, .entry-content .wp-block-gallery {
	padding:0;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
	text-transform: none;
	font-style: normal;
	font-size: 18px;
	color: #000;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	clear: both;
}

/*===========================================================
					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%;
	}
	#hero-slider .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-four .nav-inner-wrapper {
    position: relative;
}
.header-three .nav-inner-wrapper.nav-color-bg .main-navigation ul li a,
.header-four .nav-inner-wrapper.nav-color-bg .main-navigation ul li a:visited ,
.header-three .nav-inner-wrapper.nav-color-bg .main-navigation ul li a,
.header-four .nav-inner-wrapper.nav-color-bg .main-navigation ul li a:visited {
    color: #080808;
}
.header-three .site-primary-menu,
.header-four .site-primary-menu {
    max-width: 90%;
    left: 5%;
    top: 51px;
}
	.header-seven .site-title a,
	.header-seven .site-title a:visited,
	.header-seven p.site-description {
		color: #222;
	}

	.header-five #masthead,
	.header-six #masthead {
		position: inherit;
		top: 0;
		z-index: inherit;
		width: 100%;
		clear: both;
	}
	.overlap-header .main-navigation ul li a,
	.overlap-header #search-toggle,
	.overlap-header .cart-contents a,
	.overlap-header .cart-contents a:visited,
	.overlap-header .site-title a,
	.overlap-header p.site-description {
		color: #212020;
	}
	.header-five #masthead .site-header-main {
		background: #fff;
		float: left;
		width: 100%;
		padding: 0;
	}
	.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;
	}
	.right-head a.ff-button.header-button {
		display: block;
		padding: 5px 15px;
		margin-top: 14px;
		font-size: 14px;
	}
	.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-four .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 #f1f1f1;
		width: 100%;
		float: none;
	}
	.site-top-header-mobile {
	    display: block;
	    margin: 0 auto;
	    position: relative;
	    padding: 3px 0;
	    background: #f7f6f6;
	}

	#site-top-header-mobile-container {
		display: none;
		position: absolute;
		background: #fff;
		left: 5%;
		z-index: 999;
		padding: 20px;
		box-shadow: 0 0 37px #00000029;
		top: 44px;
		right: 5%;
	}

	.site-top-header,
	.mobile-off {
		display: none;
	}
	#quick-contact.layout-two li {
		position: relative;
		padding: 10px 20px 10px 30px;
		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: #222;
	    font-size: 13px;
	}
#header-top-toggle:focus, #header-top-toggle:active {
    background: #222;
    color: #fff;
}
	#header-top-toggle i {
		margin-right: 10px;
	}

	#primary-menu-toggle i {
		margin-right: 5px;
	}

	#hero-slider.section .swiper-pagination {
    bottom: 10px;
    left: 0;
}

	#hero-slider h2 {
		font-size: 5rem;
		margin-bottom: 5px;
	}

#hero-slider .swiper-slide p {
    font-size: 16px;
    margin:0;
    max-width: 600px;
}
#hero-slider .swiper-slide.text-aligncenter p {
    margin: 0 auto;
}


	#hero-slider .slider-content {
		margin-bottom: 15px;
	}

	#hero-slider .slider-content-wrapper {
	    bottom: 17%;
	}



	#hero-slider:hover .swiper-button-prev,
	#hero-slider .swiper-button-prev {
		left: 10px;
		visibility: visible;
	}

	#hero-slider:hover .swiper-button-next,
	#hero-slider .swiper-button-next {
		right: 10px;
		visibility: visible;
	}

	#hero-slider .swiper-button-next:after,
	#hero-slider .swiper-button-prev:after {
		font-size: 17px;
	}

	#hero-slider .swiper-button-next,
	#hero-slider .swiper-button-prev {
		padding: 22px 22px;
	}

	#masthead.sticky-enabled.sticky-header,
	.sticky-enabled.sticky-header,
	#masthead {
		position: inherit;
		padding: 15px 0;
		transition: inherit;
		animation: inherit;
		box-shadow: none;
		z-index: inherit;
	}

	.blog.grid article.hentry,
	.archive.grid article.hentry {
		width: 100%;
	}
	#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%;
}
#quick-contact a, #quick-contact a:visited, #quick-contact li {
    color: #0a0a0a;
}
}


/* ===========================================
Smaller than standard 768 (devices and browsers)
==============================================*/

@media only screen and (max-width:767px) {

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

	}
#search-toggle {
    margin-top: 12px;
}
.site-primary-menu {
    top: 57px;

}
	.site-branding, .custom-logo-link, .site-identity {
		float: left;
		width: 100%;
		text-align: center;
		display: block;
		margin: 0 0 -200px 0;
		padding: 0;
                            
	}
	.right-head {
		float: left;
		clear: both;
		width: 100%;
		position: relative;

	}
	.right-head a.ff-button.header-button {
		margin: 14px 0 0 10px!important;
		padding: 5px 20px;
		/* margin-top: 15px; */
	}
	#quick-contact a, #quick-contact a:visited,
	#quick-contact, #quick-contact li {
		display: inline-block;
		color: #191717;
	}
	#search-container {
		width: 100%;
		z-index: 9999;
		right: 0;
	}
	.header-search {
		position: initial;
	}
	#search-container:after {
		display: none;
	}
	#hero-slider .slider-content {
		margin-bottom: 10px;
	}
	#hero-slider .slider-content-wrapper {
		bottom: 20%;
	}
	a.ff-button,
	a.ff-button:visited,
	button, a.button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		padding: 8px 22px
	}
	.section {
		padding: 50px 0;
		clear: both;
	}

	#colophon .footer-widget-area .widget-column {
		width: 100%;
	}
	#content {
		padding: 50px 0;
	}
	#hero-slider .swiper-slide .slider-subtitle {
		letter-spacing: 0;
		font-size: 15px;
		margin-bottom: 0;
	}
	.section .section-title {
		position: relative;
		font-size: 3.5rem;
	}

	div#portfolio-section {
	    padding-left: 20px;
	    padding-right: 20px;
	}

	.header-five #masthead, .header-six #masthead {
	    padding: 15px 0;
	}

	.section-testimonial .clinet-info h4 {
	    margin-bottom: 4px;
	    font-size: 14px;
	}

	.section-testimonial .testimonial-thumb {
	    margin-left: 0;
	}

	.client-info-wrap {
	    float: left;
	    max-width: 63%;
	}

	#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;
}
}
/* ===========================================
Smaller than standard 639 (devices and browsers)
==============================================*/

@media only screen and (max-width:639px) {

	#hero-slider:hover .swiper-button-prev,
	#hero-slider .swiper-button-prev {
		left: 5px;
	}
	#promotion-section h2 {
	    font-size: 3rem;
	}
	#hero-slider.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;
	}
	#hero-slider.style-two .slider-content-wrapper {
	    bottom: 15%;
	}

	#hero-slider:hover .swiper-button-next,
	#hero-slider .swiper-button-next {
		right: 5px;
	}

	a.ff-button:before {
		display: none;
	}

	a.ff-button,
	a.ff-button:visited,
	button, a.button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"]  {
		padding: 5px 20px;
		font-size: 14px;
		letter-spacing: 0;
	}
	#hero-slider .swiper-slide p {
		font-size: 14px;
		margin: 0;
	}
	#hero-slider .slider-content {
		margin-bottom: 0;
	}
	#hero-slider h2 {
		font-size: 3rem;
		margin-bottom: 5px;
	}
	#hero-slider .slider-content-wrapper {
		bottom: 8%;
	}
	#hero-slider .swiper-button-next, #hero-slider .swiper-button-prev {
		padding: 15px;
		height: auto;
	}
	#hero-slider .swiper-button-next:after, #hero-slider .swiper-button-prev:after {
		font-size: 13px;
		line-height: 0;
		height: auto;
		display: block;
	}
	#hero-slider.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 30px;
}
#hero-slider a.more-link, #hero-slider a.more-link:visited {
    display: table;
    background: #3368c6;
    color: #fff;
    padding: 10px 20px;
    margin-top: 15px;
    clear: both;
    font-size: 14px;
    letter-spacing: 0.6px;
    max-width: inherit;
    margin: 15px auto 0;
}
#hero-slider .type-post .slider-content-wrapper {
    bottom: 0;
    position: inherit;
    padding: 35px 0;
    width: 100%;
    z-index: 999;
    clear: both;
    float: left;
    background: #222;
}
#hero-slider.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) {
	#hero-slider .custom-type .slider-content  {
		display: none;
	}
	#hero-slider .slider-content-wrapper {
		bottom: 20%;
	}


	.slider-buttons .ff-button {
		margin: 5px;
	}
	.slider-buttons {
		margin: 0 -5px;
	}
}