/*!
Theme Name: Blog Elite
Theme URI: https://themesaga.com/theme/blog-elite/
Author: Themesaga
Author URI: http://www.themesaga.com/
Description: Blog Elite is a responsive clean and beautiful multipurpose blog theme. It provides clean and feature rich options, which helps you to get your site running up quick and easily. By using the combination of different styles and options together you can create a clean site which primarily provides more focus to the content. Whether you want a professional looking site or just a simple and clean site, the theme can handle both. The theme is suitable for any type of online content like news, travel, food, technology, fashion, entertainment, blog and many more.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blog-elite
Tags: blog, entertainment, news, one-column, two-columns, left-sidebar, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, footer-widgets, theme-options

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.

Blog Elite is based on Underscores https://underscores.me/, (C) 2012-2017 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/
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

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

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

body {
	margin: 0;
}

/**
 * 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: #404040;
	font-family: Open Sans;
	font-size: 1rem;
	font-size: 13px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: Montserrat;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
	margin-bottom: 20px;
	line-height: 1.7;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
}
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, blockquote, th, td {
	margin: 0;
	padding: 0
}
input{
	background-color: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset, img {
	border: 0
}
address, caption, cite, code, dfn, strong, th, var {
	font-style: normal;
	font-weight: normal
}
ol, ul, li {
	list-style: none
}
caption, th {
	text-align: left
}
h1, h2, h3, h4, h5, h6 {
	/*font-size: 100%;*/
	/*font-weight: normal*/
}
q:before, q:after {
	content: ''
}
strong {
	font-weight: bold
}
em {
	font-style: italic
}
img {
	max-width: 100%;
	vertical-align: top;
	height: auto;
}
a img {
	border: none
}
iframe {
	border: none;
	max-width: none;
}
iframe[name="google_conversion_frame"]{
	height: 0;
	display: block;
	overflow: hidden;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

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

ul, ol {
	margin: 0 0 1.5em 3em;
	margin:0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-block;
    color: #000;
    padding: 5px 20px;
    border: 2px solid #333;
    margin-top: 10px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #fff;
    background: #333;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 6px;
}

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

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

/*--------------------------------------------------------------
## breadcrumbs
--------------------------------------------------------------*/
.breadcrumb-trail.breadcrumbs {
    padding: 20px 0px;
    padding-top: 0px;
}
.no-sidebar-boxed .breadcrumb-trail.breadcrumbs ,
.no-sidebar .breadcrumb-trail.breadcrumbs {
    text-align: center;
}
ul.trail-items li {
    display: inline-block;
    margin-right: 5px;
}
ul.trail-items li:after {
    content: ' / ';
    padding: 0 2px;
    color: #393E46;
    font-size: 13px;
}
ul.trail-items li a {
    font-size: 13px;
    opacity: 0.7;
    color: #e15f41;
    font-weight: 500;
    transition: all 300ms ease-out;
}
ul.trail-items li a:hover {
	opacity: 1;
	font-weight: 500;
}
ul.trail-items li:last-child:after {
	display: none;
}
/*--------------------------------------------------------------
## breadcrumbs
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	/*left: -999em;*/
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

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

.main-navigation ul ul a {
	width: 200px;
}

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

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

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

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

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !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: 5px 0px;
	margin-right: 1.5em;
}

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

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

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

.widget select {
	max-width: 100%;
}
.widget ul > li {
    margin-bottom: 11px;
    padding-bottom: 12px;
    border-bottom: 1px solid #DEDEDE;
    font-size: 14px;
    color: #888888;
}
.widget ul > li a{
	color: #888888;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.widget ul > li a:hover{
	color: #e15f41;
}
.widget ul > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
#secondary .widget {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 50px;
    clear: both;
}
.comments-title,
.widget .widget-title {
    color: #313131;
    margin: 0 0 30px;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Montserrat;
    background: none;
    display: block;
}
.comments-title span,
.widget .widget-title span{
	border-top: none;
	display: block;
    border-left: none;
    border-right: none;
    padding: 0 0 10px;
    background: none;
    border-bottom: 3px solid #e0e0e0;
    border-bottom-width: 1px;
    border-color: #111111;
}

/*widget-title style2-----------*/
.general-widget-area.style_2 .widget .widget-title,
.site-footer.style_2 .widget .widget-title,
.sidebar-area.style_2 .widget .widget-title{
	position: relative;
}
.general-widget-area.be-center .widget .widget-title,
.site-footer.be-center .widget .widget-title,
.sidebar-area.be-center .widget .widget-title{
	text-align: center;
}
.general-widget-area.be-right .widget .widget-title,
.site-footer.be-right .widget .widget-title,
.sidebar-area.be-right .widget .widget-title{
	text-align: right;
}
.general-widget-area.style_2 .widget .widget-title:after,
.site-footer.style_2 .widget .widget-title:after,
.sidebar-area.style_2 .widget .widget-title:after{
	position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 50%;
    left: 0%;
    border: none;
    border-bottom: 1px solid;
    /*opacity: 0.5;*/
}
.general-widget-area.style_2 .widget .widget-title span,
.site-footer.style_2 .widget .widget-title span,
.sidebar-area.style_2 .widget .widget-title span{
	border-bottom: none;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    border: 1px solid;
    padding: 5px 10px;
    line-height: normal;
}
/*widget-title style2-----------*/

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

.hentry {
	margin: 0 0 1.5em;
}

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

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

.be-page-content .entry-content{margin-top: 0px;}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

footer.entry-footer {
    margin-top: 10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## 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%;
	padding: 2px;
}

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

/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    z-index: 999999;
    top: 0;
    left: 0;
}
/*.be-spinner {
	margin: 100px auto 0;
	width: 70px;
	text-align: center;
}*/

.be-spinner > div {
	width: 18px;
	height: 18px;
	background-color: #333;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: be-bouncedelay 1.4s infinite ease-in-out both;
	animation: be-bouncedelay 1.4s infinite ease-in-out both;
}

.be-spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.be-spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes be-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes be-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## colors
--------------------------------------------------------------*/

/*primary -color {#e15f41}*/

::selection {
    background: rgba(255, 235, 59, 0.30);
}
/*--------------------------------------------------------------
## colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## animation
--------------------------------------------------------------*/
.trans{transition: all 1200ms cubic-bezier(.215,.610,.355,1);}
#scroll-up {
    position: fixed;
    z-index: 8000;
    bottom: 40px;
    right: 20px;
    display: none;
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 49px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 1 !important;
    /*border: 2px solid rgba(82, 82, 82,0.7);*/
    color: #333;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    background: #333;color: #fff;
}
#scroll-up:hover {}
#scroll-up:before {
    position: absolute;
    content: '';
    top: -1px;
    left: -1px;
    width: 52px;
    height: 52px;
    border: 2px solid #a5a5a5;
    opacity: 0.3;
}
/*--------------------------------------------------------------
## animation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## grids
--------------------------------------------------------------*/
.saga-boxed-layout .be-header-menu-wrap.be-nav-affix,
.saga-wrapper{
	max-width: 1170px;
    margin: 0 auto;
    background: #fff;
}
.saga-container{
    padding-left: 30px;
    padding-right: 30px;
	max-width: 1170px;
    margin: 0 auto;
}
.saga-container-row{
	margin:0 -10px;
}

.saga-topnav .saga-container{
	padding-top: 0;
	padding-bottom: 0;
}

.saga-container:after, .saga-container:before {
    content: " ";
    display: table;
    clear: both;
}
.saga-full-layout .saga-wrapper{
	width: 100%;
	max-width: none;
}
#secondary{
	width: 30%;
}
#primary{
	/*width: 70%;*/
	width: calc(70% - 30px);
	float: left;
}
.right-sidebar #secondary{float: right;}
.left-sidebar #secondary{float: left;}
.left-sidebar #primary{float: right;}
.no-sidebar #primary{
	width: 100%;
	float: none;
}
.no-sidebar-boxed #primary{
	max-width: 850px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.site-main-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
@media screen and (min-width: 768px){
	.site-main-wrap {
	    padding-top: 10px;
	}
	
}
/*--------------------------------------------------------------
## grids
--------------------------------------------------------------*/
/*socail icons*/
.social-navigation ul a[href*="dribbble.com"]:after,
.social-widget-menu ul a[href*="dribbble.com"]:before {
	content: "\f17d";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="facebook.com"]:after,
.social-widget-menu ul a[href*="facebook.com"]:before {
	content: "\f39e";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="vk.com"]:after,
.social-widget-menu ul a[href*="vk.com"]:before {
	content: "\f189";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="twitter.com"]:after,
.social-widget-menu ul a[href*="twitter.com"]:before {
	content: "\f099";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="linkedin.com"]:after,
.social-widget-menu ul a[href*="linkedin.com"]:before {
	content: "\f0e1";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="instagram.com"]:after,
.social-widget-menu ul a[href*="instagram.com"]:before {
	content: "\f16d";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="youtube.com"]:after,
.social-widget-menu ul a[href*="youtube.com"]:before {
	content: "\f167";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="vimeo.com"]:after,
.social-widget-menu ul a[href*="vimeo.com"]:before {
	content: "\f27d";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="plus.google.com"]:after,
.social-widget-menu ul a[href*="plus.google.com"]:before {
	content: "\f0d5";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="pinterest.com"]:after,
.social-widget-menu ul a[href*="pinterest.com"]:before {
	content: "\f0d2";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="tumblr.com"]:after,
.social-widget-menu ul a[href*="tumblr.com"]:before {
	content: "\f173";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="wordpress.org"]:after,
.social-widget-menu ul a[href*="wordpress.org"]:before,
.social-navigation ul a[href*="wordpress.com"]:after,
.social-widget-menu ul a[href*="wordpress.com"]:before {
	content: "\f19a";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="whatsapp.com"]:after,
.social-widget-menu ul a[href*="whatsapp.com"]:before {
	content: "\f232";
	font-family: "Font Awesome 5 Brands";
}

.social-navigation ul a[href*="reddit.com"]:after,
.social-widget-menu ul a[href*="reddit.com"]:before {
	content: "\f281";
	font-family: "Font Awesome 5 Brands";
}
/*socail icons*/


/*top navigation================*/
.primary-navigation {
	/*float: left;*/
	display: inline-block;
}
.main-navigation ul ul a,
.primary-navigation a{
	-webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.main-navigation ul ul a:hover,
.primary-navigation a:hover{
	color: #e15f41;
}

.main-navigation ul>li>a {
	padding: 15px;
	line-height: normal;
	font-size: 14px;
	color: #000;
	/*font-weight: 700;*/
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	position: relative;
}
.main-navigation ul>li.current-menu-item > a {color: #e15f41;}

.main-navigation ul>li:first-child>a {padding-left: 0;}





.main-navigation {
	clear: both;
	display: inline-block;
	/*float: left;*/
	/*width: 95%;*/
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul{
	background: #fff;
	position: absolute;
	left: 0;
	top: 80%;
	text-align: left;
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	margin: 0 auto;
	padding: 0;
	z-index: 99;
	border-radius: 4px;
	-webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	-moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	-ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	-o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	visibility: visible;
	filter: alpha(opacity=1);
	opacity: 1;
	z-index: 999;
	top: 100%;
	-webkit-transition: opacity 0.4s, top 0.4s;
	-moz-transition: opacity 0.4s, top 0.4s;
	-ms-transition: opacity 0.4s, top 0.4s;
	-o-transition: opacity 0.4s, top 0.4s;
	transition: opacity 0.4s, top 0.4s;
}

.sub-menu,
.children{

}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

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

.main-navigation ul ul a {
	width: 200px;
	font-size: 12px;
	color: #000;
	background: #ffffff;
}
.main-navigation ul ul a:hover {
	color: #fff;
	background: #00adb5;
}



.main-navigation li {
	float: left;
	position: relative;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.main-navigation li.menu-item-has-children i {
	margin-left: 10px;
}
.main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children a{padding-left: 0;}
.main-navigation li.menu-item-has-children .sub-menu li.menu-item a{padding:7px;padding-left: 25px;}
.main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children i{
	display: none;
}
.main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:before{
	content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
}

.main-navigation a {
	display: block;
	text-decoration: none;
}




.ham {
	width: 23px;
	height: 2px;
	top: 27px;
	display: block;
	/*margin-left: auto;*/
	margin-right: auto;
	background-color: #282828;
	position: relative;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.ham:before, .ham:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	top: -8px;
	background-color: #282828;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.header_style_2 .ham:before, .header_style_2 .ham:after {
	/*background-color: #fff;*/
}
.ham:after {
	top: 8px;
}
.ham.exit {
	background-color: transparent;
}
.ham.exit:before {
	-webkit-transform: translateY(8px) rotateZ(-45deg);
	-moz-transform: translateY(8px) rotateZ(-45deg);
	-ms-transform: translateY(8px) rotateZ(-45deg);
	-o-transform: translateY(8px) rotateZ(-45deg);
	transform: translateY(8px) rotateZ(-45deg);
}
.ham.exit:after {
	-webkit-transform: translateY(-8px) rotateZ(45deg);
	-moz-transform: translateY(-8px) rotateZ(45deg);
	-ms-transform: translateY(-8px) rotateZ(45deg);
	-o-transform: translateY(-8px) rotateZ(45deg);
	transform: translateY(-8px) rotateZ(45deg);
}

@media screen and (max-width: 992em) {


	.main-navigation .menu .menu-mobile {
		margin: 0;
		padding: 0;
		display: block;
		list-style: none;
		text-align: left;
		position: relative;
		z-index: 9999;
		display: none;
	}

	.main-navigation .menu .menu-mobile li {
		display: block;
		border-top: 1px solid #f7f7f7;
		float: none;
		padding: 0px;
	}

	.main-navigation .menu .menu-mobile li a {
		line-height: 50px;
		display: block;
		position: relative;
		padding-right: 30px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.main-navigation .menu .menu-mobile li a:hover {
		filter: alpha(opacity=70);
		opacity: 0.7;
	}

	.main-navigation .menu .menu-mobile li a i {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 30px;
		z-index: 1;
	}

	.main-navigation .menu .menu-mobile li a i.active:after {
		width: 13px;
		height: 1px;
	}

	.main-navigation .menu .menu-mobile li a i:before,
	.main-navigation .menu .menu-mobile li a i:after {
		content: '';
		width: 13px;
		height: 1px;
		background-color: #848484;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.main-navigation .menu .menu-mobile li a i:after {
		width: 1px;
		height: 13px;
	}

	.main-navigation .menu .menu-mobile li .sub-menu {
		list-style: none;
		padding: 0;
		margin: 0;
		border-top: 1px solid #2d2d2d;
		display: none;
		position: relative;
		box-shadow: none;
		border-radius: 0px;
		width: 100%;
		float: none;
		left: 0;
		top: 0;
	}
	.main-navigation ul ul a:hover {
		color: #000;
		background: #fff;
	}
	.main-navigation ul ul a{
		-webkit-transition: all 0.15s ease-out;
	    transition: all 0.15s ease-out;
	}

	/*.main-navigation ul>li>a{padding: 7px;}*/

	/*.main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before,*/
	.main-navigation ul ul a:hover{
		color: #e15f41;
	}
	

	.main-navigation ul>li>a:hover:after{
		background: transparent;
	}



	.main-navigation .menu .menu-mobile li .sub-menu > li a {
		margin-left: 10px;
		width: 100%;
	}

	.main-navigation .menu .menu-mobile li .sub-menu > li:first-child {
		border-top: 0;
	}

	.main-navigation .menu.menu-mobile li.menu-item-has-children .sub-menu li.menu-item-has-children a {
		margin-left: 0px;
	}
	.main-navigation .menu.menu-mobile li.menu-item-has-children .sub-menu li.menu-item-has-children a:before {
		display: none;
	}
	.main-navigation .menu.menu-mobile li.menu-item-has-children .sub-menu li.menu-item-has-children i {
    	 display: inline-block; 
	}
	.main-navigation .menu.menu-mobile .sub-menu {
		left: 0;
	}
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.main-navigation .toggle-menu {
	height: 60px;
	text-align: center;
	cursor: pointer;
	font-size: 15px;
	/*margin-left: 80px;*/
	margin-right: 80px;
	display: none;
	width: 40px;
}
@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

/*secondary navigation=======================*/
.secondary-navigation {
    display: inline-block;
    text-align: left;
    /*margin: 0 13px 0 0;*/
    float: right;
    line-height: 50px;
}
.social-navigation {
    display: inline-block;
}
.social-navigation ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.social-navigation ul li a {
    float: left;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    color: #313131;
    font-size: 14px;
}
.social-navigation ul li a:hover {
	color: #e15f41;
}
/*search======*/
li.cart-with-icon .fas {
    font-size: 13px;
}
.cart-search {
	float: right;
	position: relative;
}
.saga-search-wrap {
	width: 40px;
	position: relative;
	display: inline-block;
	text-align: center;
}
.search-icon {
	display: block;
	line-height: 48px;
	font-size: 14px;
	color: #000;
	font-weight: 700;
	text-align: center;
	outline: 0;
}
.search-icon:visited,.search-icon:hover,.search-icon:focus,.search-icon:active {color: #000;outline: 0;}

.saga-search-form {
	background: #fff;
	position: absolute;
	right: 0;
	top: 120%;
	width: 325px;
	text-align: left;
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	margin: 0 auto;
	margin-top: 1px;
	padding: 14px;
	z-index: 99;
	border-radius: 0px;
	-webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	-moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	-ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	-o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
}
.search-overlay.reveal-search .saga-search-form{
	visibility: visible;
	filter: alpha(opacity=1);
	opacity: 1;
	z-index: 999;
	top: 100%;
	-webkit-transition: opacity 0.4s, top 0.4s;
	-moz-transition: opacity 0.4s, top 0.4s;
	-ms-transition: opacity 0.4s, top 0.4s;
	-o-transition: opacity 0.4s, top 0.4s;
	transition: opacity 0.4s, top 0.4s;
}
.search-form label {
	width: 75%;
	float: left;
}
input.search-field {
	float: none;
	width: 100%;
	padding: 0 14px;
	height: 38px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fafafa;
	border: 1px solid #eee;
	font-size: 13px;
	border-radius: 3px 0px 0px 3px;
	font-weight: normal;
}
input.search-submit {
	background: #313131;
	border: 1px solid #313131;
	border-radius: 0px 3px 3px 0px;
	color: #fff;
	padding: 0px;
	height: 37px;
	font-size: 13px;
	width: 23%;
	margin: 0;
}
/*search======*/
/*fixeed======*/
/*Sticky Menu*/
.be-nav-affix {
	position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 1000 !important;
    background: #fff;
}
.admin-bar .be-nav-affix {
	top: 32px;
}


.be-header-menu-wrap .container{position: relative;}

.be-header-menu-wrap.be-nav-affix {
    min-height: 55px;
    border-bottom: 1px solid #efefef;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.05);
    box-shadow: 0 0 20px rgba(0,0,0,.05);
    -webkit-animation: .55s fadeInUp ease-out;
    animation: .55s fadeInUp ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,10px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,10px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

/**/


/**/
/*fixeed======*/
/*============================
secondary navigation
============================*/
/*============================
site-branding
============================*/
.site-branding {
    text-align: center;
    padding: 30px 0px;
    /*padding-top: 0px;*/
    overflow: hidden;
    position: relative;
}
.header_style_1 .site-branding {
	border-bottom: 1px solid #eee;
}
.home .header_style_1 .site-branding {border-bottom: none;}

.site-title {
    font-size: 40px;
    font-weight: bold;
    font-family: Montserrat;
    margin: 0;
    line-height: normal;
}
.site-title a{color: #000;}

.site-branding a.custom-logo-link {
	display: block;
	/*margin-bottom: 10px;*/
}
.site-branding img {
    max-height: 100px;
    width: auto;
}

p.site-description {
    font-size: 14px;
}
.site-branding.style_3 .site-description span.be-site-desc-wrap,
.site-branding.style_3 .be-site-slogan,
.site-branding.style_2 .site-description span.be-site-desc-wrap,
.site-branding.style_2 .be-site-slogan {
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    font-size: 14px;
    margin: 0;
}
.site-branding.style_2 .site-description span.be-site-desc-wrap,
.site-branding.style_2 .be-site-slogan{
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

.site-branding.style_2 .be-site-slogan,
.site-branding.style_2 .site-description{
	margin-top: 10px;
	margin-bottom: 10px;
}

.site-branding.style_3 .site-description span.be-site-desc-wrap:before,
.site-branding.style_3 .site-description span.be-site-desc-wrap:after,
.site-branding.style_3 .be-site-slogan:before ,
.site-branding.style_3 .be-site-slogan:after,
.site-branding.style_2 .site-description span.be-site-desc-wrap:before,
.site-branding.style_2 .site-description span.be-site-desc-wrap:after,
.site-branding.style_2 .be-site-slogan:before ,
.site-branding.style_2 .be-site-slogan:after {
	position: absolute;
    content: "";
    width: 50%;
    height: 0;
    top: 50%;
    left: 100%;
    border: none;
    border-bottom: 1px solid #000;

}
.site-branding.style_3 .site-description span.be-site-desc-wrap:before,
.site-branding.style_3 .be-site-slogan:before,
.site-branding.style_2 .site-description span.be-site-desc-wrap:before,
.site-branding.style_2 .be-site-slogan:before {
	left: inherit;
	right: 100%;
}

.site-branding.style_1 .site-description,
.site-branding.style_1 .be-site-slogan {
    padding: 5px 10px;
    padding-left: 0;
    border: none;
    margin: 0;
    font-size: 14px;
}
.site-branding.style_1 .site-description:before,
.site-branding.style_1 .site-description:after,
.site-branding.style_1 .be-site-slogan:before ,
.site-branding.style_1 .be-site-slogan:after {display: none;}

.header_style_2 .site-branding.style_2,
.header_style_2 .site-branding.style_3{
	text-align: left;
	padding-left: 0;
}
.header_style_2 .site-branding.style_3 .site-description span.be-site-desc-wrap,
.header_style_2 .site-branding.style_3 .be-site-slogan{
	padding-left: 0;
}

/*============================
site-branding
============================*/
.be-header-menu-wrap {
	border-bottom: 1px solid #ECECEC;
	line-height: 0.5;
}
/*header-style2----------------*/
.site-header{margin-bottom: 30px;}
body.home .site-header.header_style_1{margin-bottom: 0;}

.header_style_2 .site-brand-add {
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.header_style_2 .site-branding {
    width: 30%;
    padding: 10px 15px;
    padding-left: 0px;
    text-align: left;
}
.header_style_2 .saga-ad-space {
    width: 70%;
    padding: 0 15px;
    padding-right: 0;
}
.header_style_2 .be-header-menu-wrap {
    box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    -moz-box-shadow: 0px 0px 0px transparent;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}
.header_style_2 .secondary-navigation{
	line-height: 52px;
}
/*header-style2----------------*/
@media screen and (min-width: 768px){
	/*.secondary-navigation {
    position: absolute;
    right: 0;
	}
	
	.main-navigation{
		display: block;
	}*/
}
/*============================
trendign post and social nav
============================*/
.saga-header {
    position: relative;
}
.saga-topnav {
    height: 32px;
    background: #000;
    overflow: hidden;
}
.saga-topnav .saga-topnav-wrap{
    position: relative;
}
.trending-now-title {
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    font-size: 12px;
    color: #fff;
    background: #e15f41;
    float: left;
    text-transform: uppercase;
    z-index: 10;
    position: relative;
    display: inline-block;
    font-weight: bold;
}
.be-trending-now-posts .item a{
	color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    letter-spacing: 1px;
    display: inline-block;
    white-space: nowrap;
    line-height: 32px;
    font-weight: bold;
}
.saga-topnav .social-navigation {
    float: right;
    line-height: 32px;
    position: relative;
    display: inline-block;
    z-index: 10;
}
.saga-topnav-wrap .social-navigation ul li a{
	color: #fff;
	font-size: 12px;
	-webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.saga-topnav-wrap .social-navigation ul li a:hover{
	color: #e15f41;
}
.be-trending-now-posts .owl-nav {
    position: absolute;
    top: 0;
    left: -65px;
    margin-top: 0;
    background: #000;
}
.be-trending-now-posts .owl-nav button.owl-prev, 
.be-trending-now-posts .owl-nav button.owl-next {
    width: 32px;
    height: 32px;
    background: none;
    display: inline-block;
    text-align: center;
    border: 1px solid #6d6d6d;
    border-radius: 0;
    margin: 0;
    font-size: 13px;
    color: #fff;
    border-top: none;
    border-bottom: none;
    border:none;
}
.be-trending-now-posts .owl-nav button.owl-prev{border-right: none;}

.be-trending-now-posts .owl-nav button.owl-prev:hover, 
.be-trending-now-posts .owl-nav button.owl-next:hover {
    background: transparent;
    color: #e15f41;
}
/*============================
trendign post and social nav
============================*/

/*============================
front-page banner slider carousel
============================*/
.be-banner-wrapper {
    margin-bottom: 30px;
}
.be-site-brand-wrap,
.be-bg-image{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	background-color: #333;
}
.be-bg-image img{
	display: none;
}
.be-site-brand-wrap:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.3;
}
.be-owl-carousel-slider.be-banner .be-bg-image{
	height: 550px;
}
.be-owl-banner-carousel.be-banner .be-bg-image{height: 385px;}
.be-bg-image .banner-caption {
    position: absolute;
    display: block;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 25px;
}
.be-bg-image .banner-caption-inner {
	max-width: 480px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 23px 10px 21px;
    position: relative;
    text-align: center;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    animation-duration: 0.7s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    /*opacity: 0;*/
}
.banner-caption-inner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #000;
    opacity: 0.7;
}
.banner-caption-inner .be-cat-info,
.banner-caption-inner h3,
.banner-caption-inner .be-meta-info{
	z-index: 3;
    position: relative;
    margin: 5px 0px;
}
.be-cat-info > a {
    font-size: 13px;
    color: #e15f41;
    line-height: 1.2;
    /*margin: 0 16px 0 0;*/
    /*padding-right: 5px;*/
    display: inline-block;
    vertical-align: top;
    background: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    font-weight: normal;
    margin-bottom: 5px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
	letter-spacing: .5px;
}
.banner-caption-inner .be-cat-info > a {
    color: #fff;
}
.be-cat-info > a:last-child {
	margin-right: 0;
	padding: 0;
}
.be-cat-info > a:after {
	content: "";
    display: inline-block;
    margin: 0 11px;
    width: 0;
    height: 10px;
    border-left: 1px solid;
    opacity: 0.35;
    color: inherit;
}
.banner-caption-inner h3 a{
	color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 32px;
}

.banner-caption-inner .be-meta-info{
	margin-top: 5px;
}
.entry-meta a,
.be-meta-info > div a,
.be-meta-info > div{
	color: #000;
    font-size: 13px;
    transition: all 300ms ease-out;
}
.entry-meta a:hover,
.be-meta-info > div a:hover{
	color: #e15f41;
}



.banner-caption-inner .be-meta-info > div a,
.banner-caption-inner .be-meta-info > div{
	color: #fff;
    font-size: 13px;
}
.be-meta-info .author-name,
.be-meta-info .post-date,
.be-meta-info .post-comment{
	display: inline-block;
	/*margin-right: 10px;*/
}
.be-meta-info > div:last-child{
	margin-right: 0;
}
.entry-meta > span:after,
.be-meta-info > div:after{
	content: "";
    display: inline-block;
    margin: 0 11px;
    width: 0;
    height: 10px;
    border-left: 1px solid;
    opacity: 0.35;
    color: inherit;
}


.entry-meta > span:last-of-type:after,
.be-meta-info > div:last-of-type:after,
.be-cat-info > a:last-child:after {
	content: none;
	display: none;
}

.be-owl-carousel .owl-nav button.owl-prev,
.be-owl-carousel .owl-nav button.owl-next{
	font-size: 14px;
    position: absolute;
    top: calc( 50% - 17px );
    height: 35px;
    width: 35px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    left: 10px;
    line-height: 14px;
}
.be-owl-carousel .owl-nav button.owl-next{
	left: inherit;
	right: 10px;
}
.be-owl-carousel .owl-nav{
	opacity: 0;
	transition: all 300ms ease-out;
}
.be-owl-carousel:hover .owl-nav{
	opacity: 1;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: #333;
}

.be-owl-carousel-slider.owl-theme .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.be-owl-carousel-slider.owl-theme .owl-dots button{
	margin-top: 0;
}
.be-owl-carousel-slider.owl-theme .owl-dots .owl-dot span{
	background: #fff;
	opacity: 0.8;
	transition: all 300ms ease-out;
	position: relative;
	height: 8px;
	width: 8px;
}
.be-owl-carousel-slider.owl-theme .owl-dots .owl-dot span:before{
	content: '';
    position: absolute;
    height: 14px;
    width: 14px;
    border: 1px solid #fff;
    border-radius: 50%;
    top: -3px;
    left: -3px;
    opacity: 0;
    transition: all 300ms ease-out;
}
.be-owl-carousel-slider.owl-theme .owl-dots .owl-dot span:hover,
.be-owl-carousel-slider.owl-theme .owl-dots .owl-dot.active span{
	opacity: 1;
}
.be-owl-carousel-slider.owl-theme .owl-dots .owl-dot.active span:before{opacity: 1;}
.be-owl-carousel-slider.owl-theme .owl-dots .owl-dot.active span{

}

/*caption animation==================*/
.be-banner-slider-style_1 .owl-item.active .banner-caption-inner,
.be-owl-carousel-slider .owl-item.active .banner-caption h3,
.be-owl-carousel-slider .owl-item.active .banner-caption .be-meta-info,
.be-owl-carousel-slider .owl-item.active .banner-caption .be-cat-info{
	-webkit-animation-name: saga-slide-animation;
    -moz-animation-name: saga-slide-animation;
    -o-animation-name: saga-slide-animation;
    animation-name: saga-slide-animation;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	-ms-animation-duration: 0.7s;
	-o-animation-duration: 0.7s;
	animation-duration: 0.7s;
}
.be-banner-slider-style_1 .owl-item.active .banner-caption-inner{
	-webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.be-owl-carousel-slider .owl-item.active .banner-caption .be-cat-info{
	-webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.be-owl-carousel-slider .owl-item.active .banner-caption h3{
	-webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.be-owl-carousel-slider .owl-item.active .banner-caption .be-meta-info{
	-webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 1s;
    animation-delay: 0.8s;
}
@-webkit-keyframes saga-slide-animation{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0,40px,0);
		transform:translate3d(0,40px,0);
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@-moz-keyframes saga-slide-animation{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0,40px,0);
		transform:translate3d(0,40px,0);
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@-o-keyframes saga-slide-animation{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0,40px,0);
		transform:translate3d(0,40px,0);
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes saga-slide-animation{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0,40px,0);
		transform:translate3d(0,40px,0);
	}
	100%{
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}


/*caption animation==================*/

/*style-2===========================*/
.be-banner-carousel-style_2 .be-bg-image .banner-caption,
.be-banner-slider-style_2 .be-bg-image .banner-caption{
	top: inherit;
	-webkit-transform: translateY(0%); 
    -ms-transform: translateY(0%);
     transform: translateY(0%); 
     bottom: 0;
     padding: 0;
}
.be-banner-carousel-style_2 .be-bg-image .banner-caption-inner,
.be-banner-slider-style_2 .be-bg-image .banner-caption-inner{
	max-width: none;
	padding: 20px;
}
.be-banner-carousel-style_2 .banner-caption-inner-overlay,
.be-banner-slider-style_2 .banner-caption-inner-overlay{
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,1) 75%);
    background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(31,33,37,1) 75%);
}
/*style-2===========================*/

/*============================
front-page banner slider carousel
============================*/

/*============================
front-page articles
============================*/
article.hentry{margin-bottom: 40px;}
.single article.hentry{margin-bottom: 15px;}

.be-page-content.empty-content article.hentry .entry-content,
.be-page-content.empty-content article.hentry{
	margin: 0px;
}


.article-block-wrapper .entry-image {
	position: relative;
    width: 40%;
    float: left;
}
.article-block-wrapper .entry-image.be-bg-image {
    padding-top: 40%;
}
.article-block-wrapper .article-details {
	width: 100%;
    padding: 15px 0px;
    padding-top: 10px;
}
.article-block-wrapper .entry-image + .article-details {
    padding: 15px 30px;
	width: 60%;
    text-align: center;
    float: left;
}
.archive_style_1 .article-block-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}

.style_2 .article-block-wrapper .entry-image + .article-details{text-align: left;}

.entry-title{
	margin-bottom: 10px;
}
.article-block-wrapper .entry-title a{
	color: #333;
}
.entry-summary,
.article-block-wrapper .entry-content{
	margin-top: 10px;
}
.error404 .page-content .go-back a,
.article-block-wrapper .entry-content a.readmore-btn{
	display: inline-block;
    color: #000;
    padding: 5px 20px;
    border: 2px solid #333;
    /*margin-top: 10px;*/
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.error404 .page-content .go-back a:hover,
.article-block-wrapper .entry-content a.readmore-btn:hover{
	color: #fff;
	background: #333;

}

.home.blog.no-sidebar-boxed article,
.no-sidebar-boxed .blog-elite-latest-posts{
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
.archive_style_1 .entry-title {
    font-size: 24px;
}
.archive_style_1 .entry-image a {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

body.archive.no-sidebar-boxed .page-header .page-title,
body.archive.no-sidebar .page-header .page-title,
body.archive.no-sidebar-boxed .page-header .archive-description,
body.archive.no-sidebar .page-header .archive-description{
	text-align: center;
}

/*style-2 article design*/
.archive_style_2 article.hentry {
    margin-bottom: 60px;
}
.archive_style_2 .entry-header {
	text-align: center;
	margin-bottom: 10px;
}
.archive_style_2 .article-block-wrapper .entry-image {
	width: 100%;
	padding-top: 0;
	float: none;
}
.archive_style_2 .article-block-wrapper .entry-image + .article-details{
	padding:0px;
	padding-top: 20px;
	width: 100%;
	text-align: left;
}
.archive_style_2 .article-block-wrapper .entry-content .be-read-more{
	text-align: center;
}
.archive_style_2 .article-block-wrapper .entry-content a.readmore-btn{
	margin-top: 10px;
}
/*style-2 article design*/


/*recent post with image*/
.blog_elite.widget_tab_posts .article-block-wrapper .entry-image ,
.widget_recent_posts_with_image .article-block-wrapper .entry-image {
    width: 30%;
}
.blog_elite.widget_tab_posts .article-block-wrapper .article-details ,
.widget_recent_posts_with_image .article-block-wrapper .article-details {
    padding-top: 0;
}
.blog_elite.widget_tab_posts .article-block-wrapper .entry-image + .article-details ,
.widget_recent_posts_with_image .article-block-wrapper .entry-image + .article-details {
    padding: 15px 10px;
    padding-top: 0;
    width: 70%;
}
.blog_elite.widget_tab_posts .article-block-wrapper .entry-title ,
.widget_recent_posts_with_image .article-block-wrapper .entry-title {
    margin-top: 10px;
    font-size: 20px;
}
.blog_elite.widget_tab_posts .article-block-wrapper ,
.widget_recent_posts_with_image .article-block-wrapper {
    margin-bottom: 20px;
}

.widget_recent_posts_with_image .article-block-wrapper .entry-title{
	margin-top: 0;
}

#secondary .blog_elite.widget_tab_posts .article-block-wrapper .entry-title ,
.saga-footer .blog_elite.widget_tab_posts .article-block-wrapper .entry-title ,
#secondary .widget_recent_posts_with_image .article-block-wrapper .entry-title ,
.saga-footer .widget_recent_posts_with_image .article-block-wrapper .entry-title {
	font-size: 18px;
}

/*for tabb section=======================================================*/

.blog_elite.widget_tab_posts .be-recent-comments .comment-author {
    float: left;
    width: 60px;
    overflow: hidden;
}
.blog_elite.widget_tab_posts .be-recent-comments .comment-info {
    float: left;
    width: 80%;
    padding-left: 10px;
    font-size: 13px;
}
.saga-footer .blog_elite.widget_tab_posts .be-recent-comments .comment-info, 
#secondary .blog_elite.widget_tab_posts .be-recent-comments .comment-info {
    width: 70%;
}
.nav-links a {
    color: #000;
    font-weight: 500;
    transition: all 300ms ease;
}
.nav-links .nav-next a:after ,
.nav-links .nav-previous a:before {
    content: "\f100";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 5px;
    color: #000;
    font-size: 12px;
    transition: all 300ms ease;
}
.nav-links .nav-next a:after {
    content: "\f101";
    padding-right: 0px;
    padding-left: 5px;
}
/*recent post with image*/

/*============================
front-page articles
============================*/
/*============================
single post details
============================*/
.single .entry-header {
    margin-bottom: 10px;
    text-align: center;
}
/*============================
single post details
============================*/
/*============================
pagination numeric
============================*/
nav.navigation.pagination{
    display: block;
}
.be-nav-pagination.center nav.navigation.pagination{text-align: center;}
.be-nav-pagination.left nav.navigation.pagination{text-align: left;}
.be-nav-pagination.right nav.navigation.pagination{text-align: right;}

nav.navigation.pagination .nav-links{
	display: inline-block;
}
nav.navigation.pagination .nav-links .page-numbers.current,
nav.navigation.pagination .nav-links .page-numbers{
	min-width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    display: inline-block;
    color: rgb(136, 136, 136);
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-image: initial;
    text-decoration: none;
    padding: 0px 5px;
}
nav.navigation.pagination .nav-links .page-numbers:hover{
	border-color: #e15f41;
    color: #e15f41;	
    text-decoration: none;
}
nav.navigation.pagination .nav-links .page-numbers.current:hover,
nav.navigation.pagination .nav-links .page-numbers.current{
	color: #fff;
    background: #313131;
    border-color: #313131;
}
/*============================
pagination numeric
============================*/
/*============================
author widget
============================*/
.author-image.be-bg-image{
	width: 200px;
	height: 200px;
	margin: 0 auto;
	border-radius: 50%;
}
.author-details {
    text-align: center;
    padding: 10px;
    padding-top: 15px;
}
.author-social {
    padding: 10px 0px;
}
.blog_elite_social_menu_widget ul li a ,
.author-social a i {
    width: 36px;
    height: 36px;
    line-height: 34px;
    background: none;
    color: #313131;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center;
}
.author-social a:last-child i {
	margin-right: 0;
}
.blog_elite_social_menu_widget ul li a:hover ,
.author-social a:hover i {
	color: #e15f41;
	border-color: #e15f41;
}
/*============================
author widget
============================*/

/*============================
socail widget menu
============================*/
.blog_elite_social_menu_widget ul {
	text-align: center;
}
.blog_elite_social_menu_widget ul li {
    display: inline-block;
    padding-bottom: 0;
    border: none;
    margin-bottom: 0;
}
/*============================
socail widget menu
============================*/
h1.page-title {
    font-size: 26px;
    margin-bottom: 10px;
}
/*============================
404 page
============================*/
.error404 .breadcrumb-trail.breadcrumbs{display: none;}
.page-header {
    padding-bottom: 15px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
    margin-top: 0px;
}
.error404 .page-header {
	padding-bottom: 40px;
    margin-bottom: 40px;
    margin: 40px 0 20px;
    margin-top: 0px;
}
.error404 .page-header .page-title {
    font-size: 90px;
    font-weight: 900;
    text-align: center;
}
.error404 .page-content {
	text-align: center;
	margin: 0 auto;
	max-width: 750px;
}
.error404 .page-content p{
	margin: 40px;
}
.error404 .page-content .go-back{margin-top: 30px;}

/*============================
404 page
============================*/
/*============================
wordpress default
============================*/
span.edit-link {
    display: block;
}
a.post-edit-link {
    display: inline-block;
    color: #fff;
    background: #333;
    padding: 5px 20px;
    border: 2px solid #333;
    margin-top: 10px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
a.post-edit-link:hover {
	color: #fff;
    background: #333;
}
/*----------===calendar===---------*/
#wp-calendar caption {
    text-align: right;
    color: #777;
    font-size: 14px;
    /*margin-top: 10px;
    margin-bottom: 15px;*/
    font-weight: bold;
    letter-spacing: 1px;
}
#wp-calendar thead {
    font-size: 12px;
}
#wp-calendar thead th {
    padding-bottom: 10px;
    text-align: center;
}
#wp-calendar tbody {
    color: #aaa;
}
#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
}
#wp-calendar tfoot #prev {
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 15px;
}
#wp-calendar tfoot #next {
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
}
#wp-calendar tbody td#today {
	color: #e15f41;
	background: #eaeaea;
}
/*----------===calendar===---------*/
/*----------===tagcloud===---------*/
.tags-links a,
.widget .tagcloud a {
    text-transform: uppercase;
    background: #ffffff;
    color: #999999;
    padding: 6px 12px 5px;
    margin-right: 5px;
    margin-bottom: 8px;
    display: inline-block;
    font-size: 11px !important;
    background: none;
    border: 1px solid #DEDEDE;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    outline: none;
    font-weight: normal;
    line-height: 1.2;
}
.tags-links a:hover,
.widget .tagcloud a:hover {
	border-color: #e15f41;
	color: #e15f41;
}
.tags-links a:first-child{margin-left: 0;}
/*----------===tagcloud===---------*/
div.wpforms-container.wpforms-container-full .wpforms-form button[type=submit]{
	display: inline-block;
    color: #000;
    background: #fff;
    padding: 5px 20px;
    border: 2px solid #333;
    margin-top: 10px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
div.wpforms-container.wpforms-container-full .wpforms-form button[type=submit]:hover{
    padding: 5px 20px;
    border: 2px solid #333;
	color: #fff;
    background: #333;
}

/*----------===blockquote===---------*/
blockquote {
    position: relative;
    padding: 0 0 0 46px;
    border: none !important;
    overflow: hidden;
    color: #888;
    font-style: italic;
    line-height: 1.7;
    text-align: left;
    margin: 20px auto;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    max-width: 750px;
    font-weight: bold;
}
blockquote:before {
    background: #fff;
    color: black;
    content: "\201C";
    left: 50%;
    padding: 0 15px;
    position: absolute;
    top: -10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
blockquote:after {
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-right: 0;
    bottom: 0;
    content: "";
    display: block;
    left: calc(50% - 150px);
    position: absolute;
    top: 0;
    max-width: 300px;
    width: 100%;
}
/*----------===blockquote===---------*/
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	margin: 10px 0px;
}

article.type-page .entry-content ul,
article.type-post .entry-content ul{
	margin: 20px 0;
    margin-left: 30px;
}
article.type-page .entry-content li,
article.type-post .entry-content li{
    margin-bottom: 10px;
    list-style: circle;
}
article.type-page .entry-content a,
article.type-post .entry-content a{
	color: #e15f41;
}
article.type-page .entry-content p,
article.type-post .entry-content p{
	line-height: 1.7;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.be-recent-comments .comment-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: start;
}

.be-recent-comments .comment-author {
    float: left;
    width: 60px;
    overflow: hidden;
}

.be-recent-comments .comment-info {
    float: left;
    width: 80%;
    padding-left: 10px;
    font-size: 13px;
}

.be-recent-comments .comment-info span.comment-excerpt,
.be-recent-comments .comment-info span.comment-date {
    display: block;
}

.be-recent-comments .comment-info > a ,
.be-recent-comments .comment-info span.comment-author-link {
	font-weight: 600;
}
.be-recent-comments .comment-info span.comment-on {
	font-style: italic;
    margin: 0 5px;
    color: #7d7d7d;
}

/*.saga-footer .be-recent-comments .comment-info, 
#secondary .be-recent-comments .comment-info {
    width: 70%;
}*/

.comments-area {
    margin-top: 20px;
}
/*comments section====*/
.comment {
	list-style: none;
	margin-left: 0;
	padding-bottom: 13px;
	border-bottom: 1px dashed #ededed;
	margin-bottom: 21px;
}
.comment .children {
	margin-left: 70px;
	padding-top: 16px;
	border-top: 1px dashed #ededed;
	margin-top: 13px;
}
.comment .children .comment:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.comment-author img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 50px;
}
.reply,
.comment div#respond,
.comment-content {
	margin-left: 70px;
}
.comment-content a {
    color: #000;
    font-weight: 500;
}
.reply {
    text-align: right;
}
.reply a{
	color: #000;
    transition: all 300ms ease;
}
.reply a:after {
	content: "↓";
    padding-left: 5px;
}
.reply a:hover{
	color: #e15f41;
}
.comment-content p{
	margin-bottom: 5px;
}
.comment-metadata a {
	font-size: 12px;
	color: #7d7d7d;
}
.fn a {
	color: #000;
}
/*comments section====*/
/*comments reply form section====*/
div#respond {
	margin-top: 20px;
    padding: 20px;
    border: 1px solid #eee;
}
div#respond h3#reply-title {
    margin-top: 0;
    font-weight: 700;
}
div#respond p{
	margin-bottom: 5px;
}
div#respond label {
     font-weight: normal; 
}
p.comment-form-url,
p.comment-form-email,
p.comment-form-author {
    display: inline-block;
    width: 100%;
    /*width: 33%;*/
    /*padding: 0 5px;*/
}
p.comment-form-url label,
p.comment-form-email label,
p.comment-form-author label {
    display: block;
}
p.comment-form-url input,
p.comment-form-email input,
p.comment-form-author input {
    width: 100%;
}
p.comment-form-cookies-consent label {
    margin-left: 8px;
    position: relative;
    top: -1px;
}
div#respond input[type="submit"]{
	display: inline-block;
	margin-top: 10px;
}
#reply-title small a {
    display: inline-block;
    margin-left: 10px;
}
.comment div#respond {
    
}
p.logged-in-as a {
    color: #000;
    margin-top: 5px;
    display: inline-block;
}
/*comments reply form section====*/
/*plugins css========------====*/

/*wp-post-author=====plugins css============*/
.wp-post-author {
    display: flex;
    align-items: center;
}
.awpa-author-block a {
    color: #000;
}
.awpa-contact-info a {
	font-size: 14px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.awpa-contact-info a:hover {
	color: #e15f41;
}
/*wp-post-author=====plugins css============*/

/*plugins css========------====*/
/*============================
wordpress default
============================*/

/*============================
footer
============================*/
.saga-footer-bord {
    padding-top: 40px;
    /*margin-top: 40px;*/
    border-top: 1px solid #eee;
}
.footer-common-widget {
	float: left;
    padding: 0 10px;
}
.column-4 .footer-common-widget {
    width: 25%;
}
.column-3 .footer-common-widget {width: 33.33%;}
.column-2 .footer-common-widget {width: 50%;}
.column-1 .footer-common-widget {width: 100%;}

.saga-sub-footer {
    padding: 10px 0px;
    text-align: center;
    background-color: #333;
}
.saga-sub-footer .saga-container{position: relative;}
.saga-sub-footer .footer-navigation {
	padding: 30px 0 15px;
    border-bottom: 1px solid #7b7b7b;
    text-align: center;
}
.saga-sub-footer .footer-navigation ul#menu-footer-menu{
	display: inline-block;
}
.saga-sub-footer .footer-navigation .menu-item{
	display: inline-block;
	/*margin-right: 30px;*/
    margin-bottom: 15px;
}
.saga-sub-footer .footer-navigation .menu-item a{
	text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    /*margin-left: 10px;*/
    vertical-align: top;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.saga-sub-footer .footer-navigation .menu-item a:after{
	content: "";
    display: inline-block;
    margin: 0 30px;
    width: 0;
    height: 10px;
    border-left: 2px solid;
    opacity: 0.35;
    color: inherit;
}
.saga-sub-footer .footer-navigation .menu-item:last-child a:after{
	display: none;
}
.footer-logo {
    padding: 30px 0px;
}
.footer-logo img{
	max-height: 90px;
    width: auto;
}
.footer-bg-image{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.footer-bg-image:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
}
.site-copyright {
    color: #fff;
    margin-bottom: 5px;
    margin-top: 10px;
}
.footer-logo + .site-copyright{
	margin-top: 0;
}
.site-copyright a{
    color: #fff;
    font-weight: 500;
}
/*============================
footer
============================*/
/*============================
below-footer
============================*/
.widget_mc4wp_form_widget .mc4wp-form {
    max-width: 540px;
    margin: 0 auto;
}
.mc4wp-form {
    max-width: 450px;
    width: 100%;
    margin: 0;
    text-align: center;
}
.mc4wp-form label {
    display: none;
}
.widget_mc4wp_form_widget:after,
.widget_mc4wp_form_widget:before{
	content: " ";
    display: table;
    clear: both;
}
.widget_mc4wp_form_widget .mc4wp-form .mc4wp-form-fields p{
    display: inline-block;
    float: left;
    width: 100%;
    max-width: 390px;
}
.widget_mc4wp_form_widget .mc4wp-form .mc4wp-form-fields p:last-of-type{
    display: inline-block;
    float: left;
    width: 140px;
    margin-left: 0px;
}
.mc4wp-form > form > p, 
.mc4wp-form .mc4wp-form-fields > p {
    margin-bottom: 20px;
}
.widget .mc4wp-form > form > p:last-of-type, 
.mc4wp-form .mc4wp-form-fields > p:last-of-type {
    margin-bottom: 0;
}
.widget_mc4wp_form_widget .mc4wp-form input[type="email"] {
    background: none;
    border-radius: 0;
    border-color: #d7d7da;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    margin: 0;
    color: #313131;
    width: 100%;
}
.widget_mc4wp_form_widget .mc4wp-form input[type="submit"] {
    background: #313131;
    border-radius: 0;
    color: #fff;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    height: 48px;
    line-height: 48px;
    letter-spacing: 1px;
    padding: 0;
    text-align: center;
    width: 100%;
    font-size: 14px;
}
/*============================
below-footer
============================*/



/*============================---------media query--------============================*/
@media screen and (max-width: 991px){

	/*responsive menu issue---------------*/
	.main-navigation ul ul{
		opacity: 1;
		visibility: visible;
    	filter: alpha(opacity=1);
	}
	.main-navigation li.menu-item-has-children .sub-menu li.menu-item a,
	.main-navigation ul>li>a{padding: 2px;}
	.main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:before{display: none;}

	.be-header-menu-wrap .saga-container{
		position: relative;
	}
    .be-header-menu-wrap.be-nav-affix {
        padding-left: 0;
        padding-right: 0;
    }
	.main-navigation{
		display: block;
		float: none;
		width: 100%;
	}
	.main-navigation .primary-navigation{
		display: block;

	}
	.main-navigation .primary-navigation .menu-mobile{
		overflow-y: scroll;
		overflow-x: hidden;
    	max-height: 600px;
	}
	.secondary-navigation{
		position: absolute;
    	top: 0;
    	right: 18px;
	}
	.header_style_2 .site-brand-add{
		flex-wrap: wrap;
	}
	.header_style_2 .saga-ad-space,
	.header_style_2 .site-branding{
		width: 100%;
		padding: 0;
	}
	.header_style_2 .saga-ad-space{
		margin-top: 10px;
	}

}
@media screen and (max-width: 768px){
    .admin-bar .be-nav-affix {
        top: 46px;
    }
	.has-sidebar #primary,
	#primary{
		width: 100%;
	}
	#secondary{
		width: 100%;
		margin-top: 30px;
		border-top: 1px solid #eee;
		padding-top: 30px;
	}
	.widget {
	    margin: 0 0 1.5em;
	    margin-bottom: 50px;
	}
	.has-sidebar #secondary,
	.column-3 .footer-common-widget{
		width: 100%;
	}

	.column-2 .footer-common-widget,
	.column-4 .footer-common-widget{
		width: 50%;
	}
	.saga-footer-bord .saga-container-row {
    display: flex;
    flex-wrap: wrap;
	}

	.widget .mc4wp-form > form > p:last-of-type, 
	.mc4wp-form .mc4wp-form-fields > p:last-of-type{
		margin-bottom: 20px;
	}
	.tagcloud,
	.widget_media_image{
		text-align: center;
	}
	.saga-topnav{
		height: auto;
		overflow: auto;
	}
	.be-trending-now-posts,
	.trending-now-title {
    	display: none !important;
	}
	.saga-topnav .social-navigation {
    	display: block;
    	width: 100%;
    	text-align: center;
	}
	.saga-sub-footer .footer-navigation .menu-item a:after{
		margin: 0 15px;
	}
	
}

@media screen and (max-width: 600px) {
    .admin-bar .be-nav-affix {
        top: 0;
    }
    .archive_style_1 .article-block-wrapper{
    	flex-wrap: wrap;
    }
    .article-block-wrapper .entry-image + .article-details,
	.article-block-wrapper .entry-image.be-bg-image{
		width: 100%;
	}
	.article-block-wrapper .entry-image + .article-details{
		padding: 10px;
	}
	.article-block-wrapper .entry-image.be-bg-image {
    	padding-top: 60%;
	}
}
@media screen and (max-width: 426px) {

	.column-2 .footer-common-widget,
	.column-4 .footer-common-widget{
		width: 100%;
	}

	
	.saga-sub-footer .footer-navigation .menu-item a:after{
		margin:0 10px;
	}
	#scroll-up{
		width: 34px;
    	height: 34px;
    	line-height: 34px;
    	right: 15px;
    	bottom: 50px;
	}
	#scroll-up:before{
		width: 36px;
    	height: 36px;
	}
	.wp-post-author{flex-wrap: wrap;}
	.wp-post-author-meta.awpa-author-block,
	.awpa-img.awpa-author-block{
		width: 100%;
		text-align: center;
	}
	.saga-sub-footer .footer-navigation .menu-item{display: block;}
	.saga-sub-footer .footer-navigation .menu-item a:after{
		display: none;
	}

}
/*============================---------media query--------============================*/