/*
Theme Name: OMag
Theme URI: https://www.lilyturfthemes.com/themes/omag/
Author: LilyTurf Themes
Author URI: https://www.lilyturfthemes.com/
Description: OMag is beautifully designed responsive News & Magazine WordPress theme. Suitable for news, newspaper, magazine, publishers, blogger and many more.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: omag
Tags: two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, blog, news

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.

OMag 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

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

body {
	margin: 0;
}

h1 {
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

button,
input { /* 1 */
	overflow: visible;
}

button,
select { /* 1 */
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	font-size: 16px;
}

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

blockquote {
	padding: 15px;
	border-left: 3px solid #09AFDF;
	background: #eaeaea;
}

address {
	margin: 0 0 1.5em;
}

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

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

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

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	background: #fff;
}

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

.site ul,
.site ol {
	margin-left: 15px;
	padding-left: 15px;
}

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;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

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

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

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

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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-pagination .nav-previous a,
.post-pagination .nav-next a {
	color: #acacac;
	font-size: 18px;
	font-weight: bold;
	border: none;
	position: relative;
}

.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.post-pagination .nav-previous a:hover,
.post-pagination .nav-next a:hover {
	color: #09AFDF;
	border: none;
}

.posts-navigation .nav-previous a:before,
.post-pagination .nav-previous a:before {
	content: "\f104";
	position: absolute;
	top: 0;
	left: 0;
}

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

.posts-navigation .nav-next a:after,
.post-pagination .nav-next a:after {
	content: "\f105";
	position: absolute;
	top: 0;
	right: 0;
}

.posts-navigation .nav-next a:after,
.posts-navigation .nav-previous a:before,
.post-pagination .nav-next a:after,
.post-pagination .nav-previous a:before {
	font-family: "Font Awesome 5 Free";
	font-size: 26px;
}

.posts-navigation .nav-next a,
.post-pagination .nav-next a {	
	padding: 5px 20px 5px 10px;
}

.posts-navigation .nav-previous a,
.post-pagination .nav-previous a {
	padding: 5px 10px 5px 20px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	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: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	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;
	/* Make sure select elements fit in widgets. */
}

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

/*--------------------------------------------------------------
# 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: 10px 0 0;
}

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

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

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

/*OMag style*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box; 
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
}

p a {
	color: #09AFDF;
}

p a:hover {
	text-decoration: underline;
}

.boxed {
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
}

.boxed .navbar {
	max-width: 1200px;
	margin: 0 auto 30px;
}

input:focus,textarea:focus,button:focus {
	outline: none;
}

a {
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #09AFDF;
}

.sidebar .container {
	padding: 0;
}

article,
aside,
.sidebar-post {
	margin-bottom: 30px;
}

aside#secondary {
	padding-top: 10px;
}

aside#secondary ul li {
	list-style: none;
	margin-bottom: 10px;
}

aside#secondary ul li a:before,
.footer-top ul li a:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	margin-right: 5px;
	font-weight: 900;
}

aside#secondary ul li a:before {
	color: #333;
}

.footer-top ul li a:before {
	color: #fff;
}

aside#secondary ul#recentcomments li a:before {
	content: "";
}
 
aside#secondary .widget_search label input[type="search"],
.footer-top .widget_search label input[type="search"],
.page-content label input[type="search"] {
	width: 191px;
}

aside#secondary .widget_search label,
.footer-top .widget_search label,
.page-content label {
	width: 181px;
}

aside#secondary .widget_search label input[type="search"],
aside#secondary .widget_search label,
.footer-top .widget_search label input[type="search"],
.footer-top .widget_search label,
.page-content label input[type="search"],
.page-content .widget_search label {
	border-radius: 0;
	font-family: 'Titillium Web', sans-serif;
}

aside#secondary .widget_search input[type="submit"],
.footer-top .widget_search input[type="submit"],
.page-content input[type="submit"] {
	border-radius: 0;
	height: 32px;
	cursor: pointer;
	font-size: 13px;
	background-color: #09AFDF;
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
}

figure {
	position: relative;
	overflow: hidden;
}

figure img {
	transform: scale(1);
	transition: .6s;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

figure:hover img {
	transform: scale(1.04);
}

figure.single-image:hover img {
	transform: scale(1);
}

figure a.news-image {
	display: block;
	height: 100%;
	width: 100%;
}

ul,li,figure {
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
}

.tags-links a {
	padding: 5px;
	font-size: 11px;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
}

.tags-links a {
	color: #fff;
}

.tags-links a:hover {
	background-color: #09AFDF;
}

.tags-links {
	position: absolute;
	bottom: 0;
	left: 0;
}

.container {
	overflow: hidden;
}

.mb-view-container {
	margin-bottom: 80px;
}

/*--------------------------Header with date and social icon--------------------*/
.news-head {
	margin-bottom: 3px;
}

.news-head .header-social li a {
	color: #333333;
	text-decoration: none; 
}

.news-head .header-social li a:hover{
	text-decoration: none;
	color: #09AFDF; 
}

.news-head .header-social li {
	list-style: none;
	display: inline-block; 
}

.news-head {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	padding: 10px 0px;
}

.news-head .container div {
	display: inline-block;
	font-size: 14px; 
}

.head-time-icon {
	margin-right: 5px;
}

.news-head .container div.header-date {
	margin-right: 20px; 
}

.news-head .container div.header-nav li {
	margin-right: 10px; 
	list-style: none;
	display: inline-block;
}

.news-head .container div.header-nav li.current-menu-item a {
	color: #09AFDF;
}

.news-head .header-social li {
	margin-right: 10px;
	font-size: 14px; 
}

/*--------------------------Header with date and social icon end--------------------*/



/*--------------------------Logo with advetisement--------------------*/

.adv-sec {
	padding: 30px 0;
}

.site-branding {
	padding: 10px 0;
}

.site-branding h1 {
	font-size: 2.4rem;
}


/*--------------------------Logo with advetisement end--------------------*/


/*--------------------------Navigation bar--------------------*/


.mean-menu .container {
	display: flex;
	height: 50px;
}

.mean-menu,.mean-bar {
	margin-bottom: 30px;
}

nav.mean-menu,.menu-bar {
	background: #333;
}

.sub-menu {
	z-index: 9999;
}

nav .home-icon-wrap,
nav .nav ul,
.menu-all-pages-container {
	display: inline-block;
	margin: 0;
	padding: 0;
}

nav ul.nav li.menu-item,
nav ul.nav li.page_item {
	display: inline-block;
	overflow: hidden;
}

nav ul.nav li.menu-item a,
nav ul.nav li.page_item a {
	width: 100%;
}

nav ul.nav li.menu-item a,
nav ul.nav li.page_item a,
nav .home-icon-wrap a {
	color: #fff !important;
	line-height: 50px;
	padding: 0 20px;
	display: block;
}

nav ul.nav li.menu-item ul li,
nav ul.nav li.page_item ul li {
	display: block;
}

nav ul.nav li.menu-item li a,
nav ul.nav li.page_item li a {
	padding: 0 40px;
	width: 100%;
}

nav ul.nav li.menu-item li:first-child a,
nav ul.nav li.page_item li:first-child a {
	border-top: 1px solid #f1f1f1;
}

nav ul.nav li.menu-item a.mean-expand,
nav ul.nav li.page_item a.mean-expand {
	padding: 0 !important; 
	height: 50px;
	width: 50px;
}

nav ul.nav li a.mean-expand:hover {
	background: rgba(255,255,255,.1);
}

nav ul.nav li.menu-item>a:hover,
nav ul.nav li.page_item>a:hover,
nav .home-icon-wrap>a:hover {
	background: #09afdf;
}

.mean-bar a.meanmenu-reveal {
	left: 50px !important;
	padding: 14px;
}

.mean-container .mean-nav {
	margin: 0;
}

.mean-container .mean-bar {
	padding: 0;
}

.affix {
	position: fixed !important;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	margin-bottom: 0;
}



/*--------------------------Navigation bar end--------------------*/



/*--------------------------Hot news section--------------------*/

.hot-news {
	margin: 0 15px;
	margin-bottom: 30px;
	overflow: hidden;
	border-bottom: 1px solid #333;
	display: flex;
}

.hot-news div#spcl-news,
.hot-news div.hot-title {
	display: inline-block !important;
	height: 30px;
	line-height: 30px;
}

.hot-news div.hot-title {
	color: #fff;
	padding: 0 10px;
	background: #333;
	margin-right: 10px;
	font-weight: bold;
	font-size: 16px;
	font-family: 'Catamaran', sans-serif;
}

.hot-news div#spcl-news {
	width: calc(100% - 300px);
}

.hot-news div#spcl-news .owl-item.active {
	width: 1030px !important;
}

.hot-news div#spcl-news .item {
	overflow: hidden;
}

/*--------------------------Hot news section end--------------------*/




/*--------------------------Main Sliding Banner section--------------------*/

.banner {
	margin-bottom: 50px;
}

.banner-header a {
	color: #fff;
}

.banner-header a:hover {
	color: #09AFDF;
}

#news-banner {
	position: relative;
	height: 450px;
}

#news-banner .item {
	height: 450px;
	position: relative;
}

#news-banner .item img,
.top-banner img,
.bottom-banner .bottom-small-banner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

#news-banner .owl-nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#news-banner .owl-nav .owl-prev,
#news-banner .owl-nav .owl-next {
	border-radius: 0;
	background: rgba(0,0,0,0.6);
	padding: 0 12px;
	font-size: 22px;
}

.top-banner>a:before,
.bottom-small-banner>a:before,
#news-banner .item>a:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.3);
}

.banner-text {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
}

.banner-text .banner-text-cover {
	padding: 30px 70px 30px 20px;
}

.banner-text .banner-text-cover .tags-button {
	margin-bottom: 10px;
	position: relative;
}

.banner-text .banner-text-cover .banner-header h3 {
	font-size: 26px;
}

.banner-text .banner-text-cover .banner-header h3 a {
	color: #fff;
}

.banner-text .banner-text-cover .banner-header h3 a:hover {
	color: #09AFDF;
}

.banner-text .banner-text-cover .banner-info span a {
	color: #fff;
}

.banner-info .author svg {
	margin-right: 5px;
}

/*--------------------------Main Sliding Banner section end--------------------*/


/*--------------------------Side Banner section--------------------*/

.top-banner {
	position: relative;
	height: 230px;
	overflow: hidden;
	margin-bottom: 30px;
}

.bottom-banner {
	overflow: hidden;
}

.bottom-banner .bottom-small-banner {
	height: 190px;
	position: relative;
}

.bottom-banner .bottom-small-banner .banner-text-cover {
	padding: 10px;
}

.bottom-banner .bottom-small-banner .banner-text-cover .banner-header h5 {
	font-size: 16px;
}


/*--------------------------Side Banner section end--------------------*/


#right {
	position: relative;
	padding: 0;
}

.site-content {
	padding: 0 45px 0 15px;
	margin-bottom: 50px;
	overflow: hidden;
	padding-top: 10px;
}

.site-content:last-child {
	margin-bottom: 0;
}

/*--------------------------Type 1 news section--------------------*/

.article-title,
.widget-title {
	border-bottom: 2px solid #09AFDF;
	margin-bottom: 15px;
}

.article-title h3,
.widget-title h3 {
	padding-bottom: 0;
	margin-bottom: 0;
}

.post-suggestion {
	margin-bottom: 20px;
}

.article-title span,
.widget-title span,
.post-suggestion h4 span {
	font-size: 20px;
	padding: 5px 15px;
	background: #09AFDF;
	color: #fff;
	display: inline-block;
}

.type1 {
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
}

.type1 .row {
	margin: 0;
}

.type1 figure {
	height: 250px;
	position: relative;
	padding: 0;
}

.post figure .tags-links a:hover {
	background: #09AFDF;
}

.type1 .article-content {
	padding: 10px 20px;
}

.post .article-content .entry-header h4,
.widget-content .entry-header h4 {
	font-size: 20px;
}

.post .article-content .entry-meta,
.widget-content .entry-meta,
.main-entry-header .entry-meta,
.banner-info,
.article-title-meta .entry-meta {
	margin: 10px 0 0 0;
	font-size: 14px;
}

.post .article-content .entry-meta span,
.widget-content .entry-meta span,
.main-entry-header .entry-meta span {
	margin-right: 10px;
}

.post .article-content .entry-meta span svg,
.widget-content .entry-meta span svg,
.main-entry-header .entry-meta span svg {
	margin-right: 5px;
	height: 14px;
	width: 14px;
}


/*--------------------------Type 1 news section end--------------------*/


/*--------------------------Type 2 news section--------------------*/

.type2,
.type6,
.main-detail-post figure,
.suggestion-post figure {
	position: relative;
}

.type2.primary,.type2.primary a,
.type6.primary,.type6.primary a,
.main-entry-header,.main-entry-header a  {
	color: #fff;
}

.type2.primary a:hover,
.type6.primary a:hover,
.main-entry-header a:hover {
	color: #09AFDF;
}

.type2.primary figure a:before,
.type6.primary figure a:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
	z-index: 1;
}

.type2.primary .article-content,
.type6.primary .article-content,
.main-entry-header {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 20px 20px 20px;
	z-index: 2;
}

.type2.primary .article-content .entry-header,
.type6.primary .article-content .entry-header {
	position: relative;
	width: 100%;
}

.type2 figure,
.type4 figure,
.type6 figure {
	height: 300px;
}

.type2.secondary figure,
.type4.secondary figure,
.following-post figure {
	width: 38%;
	margin-right: 2%;
	height: 100px;
}

.type2.secondary .article-content,
.type4.secondary .article-content,
.following-post .article-content {
	width: 60%;
}

.type4.secondary .article-mini-full,
.following-post .article-mini-full {
	width: 100%;
	float: none;
	padding: 0 10px;
}

.footer-top .article-mini-full {
	padding: 10px;
}



/*--------------------------Type 2 news section end--------------------*/


/*--------------------------Type 3 news section--------------------*/

.type3 {
	padding: 0 15px;
}

.type3 figure {
	height: 200px;
	margin-bottom: 30px;
}

#news-type-slider {
	box-shadow: 0 0 2px 2px rgba(0,0,0,.2);
	margin: 10px 0;
	padding: 15px 0;
}

#news-type-slider .owl-nav {
	position: absolute;
	top: -78px;
	right: 0;
}

#news-type-slider .owl-nav .owl-prev,
#news-type-slider .owl-nav .owl-next {
	border-radius: 0;
	background: rgba(0,0,0,0.6);
	padding: 0 8px;
	font-size: 20px;
}

/*--------------------------Type 3 news section end--------------------*/


/*--------------------------Type 4 news section--------------------*/

.type4 figure,
.type7 figure,
.primary-post figure {
	margin-bottom: 40px;
}

.type4.secondary figure {
	margin-bottom: 10px;
}

/*--------------------------Type 4 news section end--------------------*/



/*--------------------------Type 6 news section--------------------*/

.type6.secondary figure {
	height: 200px;
}

/*--------------------------Type 6 news section end--------------------*/



/*-------------------Side bar ----------------------*/

#left {
	position: relative;
}

.sidebar-post {
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.primary-post .article-content {
	padding: 10px;
}

.primary-post figure {
	height: 200px;
	margin-bottom: 0;
}

.following-post .article-content .entry-header h4 a {
	font-size: 16px;
}

.adv-title {
	margin-bottom: 10px;
}

.adv-title p {
	font-size: 11px;
	color: #999;
}

.sidebar-grid figure {
	height: 100px;
}

.sidebar-grid .article-content .entry-header h4 {
	line-height: 14px;
}

.sidebar-grid .article-content .entry-header h4 a {
	font-size: 14px;
}

/*-------------------Side bar end----------------------*/


/*----------------------------Footer----------------------------*/

footer {
	color: #fff;
}

footer a {
	color: #fff;
}

footer ul li {
	list-style: none;
}

footer .following-post {
	margin-bottom: 30px;
}

footer .footer-top {
	background: #343a40;
	padding: 50px 0;
	color: #fff;
}

footer .footer-top .widget_recent_entries {
	padding: 0 15px;
}

footer .footer-top .links ul li {
	display: block;
	border-bottom: 1px solid #333;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

footer .footer-top .links ul li a {
	display: block;
}

footer .footer-top ul li {
	line-height: 30px;
}

footer .footer-bot {
	background: #333;
	color: #acacac;
	padding: 20px 0;
}

footer .footer-bot ul li {
	display: inline-block;
	margin-left: 20px;
}

footer .footer-bot ul li a:hover {
	color: #09AFDF
}

/*----------------------------Footer end----------------------------*/




/*===================================Index2==================================*/

.second-banner {
	margin-bottom: 30px;
}

.bottom-banner .bottom-small-banner.banner-type2 {
	height: 210px;
}


/*===================================Index2==================================*/




/*===================================List without sidebar==================================*/

.type1.list-no-sidebar .row {
	padding-left: 15px;
}

.type1.list-no-sidebar figure {
	margin-right: 0;
	padding: 0;
	overflow: hidden;
}

/*===================================List without sidebar end==================================*/




/*===================================Grid without sidebar==================================*/

.grid-view2 {
	margin-bottom: 50px;
}


/*===================================Grid without sidebar end==================================*/





/*===================================Single Page Type 1 ==================================*/

.detail-article-content .detail-entry-content ul {
	padding: 15px;
}

.detail-article-content .detail-entry-content ul li {
	list-style: none;
	line-height: 30px;
}

.detail-article-content .detail-entry-content p {
	margin-bottom: 1.5em;
}

.detail-entry-content h1,
.detail-entry-content h2,
.detail-entry-content h3,
.detail-entry-content h4,
.detail-entry-content h5,
.detail-entry-content h6 {
	margin-bottom: .5em;
}

.post-pagination {
	padding: 50px 0;
}

.post-pagination nav {
	width: 100%;
}

.post-pagination .nav-links a {
	color: #acacac;
	position: relative;
}

.post-pagination .nav-links a:hover {
	color: #09AFDF;
}

.post-pagination a div {
	display: inline-block;
}

.prev-post .pagination-arrow {
	margin-right: 10px;
}

.prev-post .pagination-arrow,
.next-post .pagination-arrow {
	font-size: 42px;
}

.next-post .pagination-arrow {
	margin-left: 10px;
}

.next-post {
	text-align: right;
}

.post-suggestion .suggestion-header {
	color: #09AFDF;
	border-bottom: 2px solid #09AFDF;
	margin-bottom: 30px;
}

.post-suggestion .suggestion-header h4 span {
	background: #09AFDF;
	color: #fff;
	padding: 6px 10px;
}



/*===================================Single Page Type 1 End ==================================*/




/*===================================Detail Page Main ==================================*/

.detail-main-header .navbar {
	margin-bottom: 0;
}

.manage {
	order: 2;
}

.parallax-window {
	height: 450px;
	margin-bottom: 50px;
}


.parallax-cover,
.parallax-window .container {
	position: relative;
	height: 100%;
}

.parallax-cover:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	z-index: 1;
}

.detail-navigation .navbar {
	margin-bottom: 0;
}

.main-entry-header h4 {
	margin: 20px 0;
}


/*===================================Detail Page Main End ==================================*/





/*===================================Contact==================================*/

.contact-detail {
	padding: 50px;
	background: #09afdf;
	color: #fff;
	margin-bottom: 30px;
	font-size: 18px;
}

.contact-detail .contact-header {
	margin-bottom: 50px;
	text-align: center;
}

.contact-detail table {
	margin: 0 auto;
}

.contact-detail table tr td {
	text-align: left;
}

.contact-detail table tr td svg {
	font-size: 22px;
	margin-right: 20px;
	transform: rotateY(180deg);
}

.contact-detail p {
	line-height: 50px;
}

.contact-detail .map-marker-img {
	height: 150px;
	width: 150px;
	margin: 0 auto;
}

.contact-detail .map-marker-img img {
	height: 100%;
	width: 100%;
}

.contact-form {
	margin-bottom: 50px;
}

.contact-form table {
	width: 100%;
}

.contact-form table tr td {
	padding-bottom: 20px;
}

.contact-form table input,
.contact-form table textarea {
	padding: 10px 15px;
	border: 2px solid #acacac;
}

.contact-form table input:focus,
.contact-form table textarea:focus {
	border: 2px solid #09afdf;
}

.contact-form table input {
	width: 98%;
	margin-right: 2%;
}

.contact-form table textarea {
	width: 99%;
	margin-right: 1%;
	height: 200px;
}

.contact-form table tr td a.tags-links {
	padding: 6px 15px;
	font-size: 16px;
	transition: .3s;
}

.contact-form table tr td a.tags-links:hover {
	background: transparent;
	border: 2px solid rgba(0,0,0,0.8);
	color: rgba(0,0,0,0.8);
}

/*===================================Contact End==================================*/






/*=================Breadcrumbs=====================*/


.breadcrumbs {
	margin-bottom: 10px;
	font-size: 14px;
}

.crumb-inner {
	margin: 0 45px 0 15px;
	padding-bottom: 10px;
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
}

.crumb-inner ul li {
	display: inline-block;
	list-style: none;
	font-size: 16px;
}

.crumb-inner ul li a span,
.crumb-inner ul li span {
	color: #acacac;
}

.crumb-inner ul li a span:hover {
	color: #09AFDF;
}

.crumb-inner ul li a span:after {
	content: '\f105';
	font-family: "Font Awesome 5 Free";
	margin: 0 10px;
	font-weight: 900;
}




/*=================Breadcrumbs end=====================*/





/*===============================About Us==========================================*/





.about-banner-cover {
	height: 350px;
	overflow: hidden;
}

.about-banner-cover img {
	object-fit: cover;
}

.about-text {
	padding: 100px;
	position: relative;
	background-color: #eaeaea;
}

.about-text:before {
	content: "";
	border-right: transparent solid 20px;
	border-left: transparent solid 20px;
	border-top: 20px solid #eaeaea;
	border-bottom: transparent solid 20px;
	position: absolute;
	bottom: -40px;
	right: 50%;
	z-index: 999;
}

.work-head {
	text-align: center;
	font-weight: bold;
	padding: 20px 0;
	font-size: 28px;
}

.work-list {
	padding: 100px;
}

.work-done {
	justify-content: space-between;
}

.done-list-1 ul {
	padding: 0 20px;
}

.done-list-1 ul li {
	list-style: square;
}



/*===============================About Us End==========================================*/





/*===============================Scroll top==========================================*/


.scrolltop {
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999;
	display: none;
	transition: all 0.4s ease-in-out;
	background-color: #09AFDF;
	color: white;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}

.scrolltop:hover {
	background-color: #333;
}

/*===============================Scroll top End==========================================*/


.nav-links {
	margin: 20px 0;
}

.nav-links a {
	border: 1px solid #acacac;
}

.nav-links a,
.nav-links span {
	padding: 5px 10px;
	margin: 0 3px;
}

.nav-links span {
	border: 1px solid #09afdf;
	color: #09AFDF;
}

.nav-links a:hover {
	border: 1px solid #09afdf;
}

.grid-view article {
	margin-bottom: 42px;
}

.grid-view article.type7 figure {
	margin-bottom: 22px;
}

.widget_media_image {
	text-align: center;
	padding-right: 45px;
	padding-left: 15px;
}

.widget_media_image .article-title {
	text-align: left;
}

.article-title-meta {
	margin-bottom: 40px;
}

.article-title-meta .entry-meta {
	display: flex;
	justify-content: space-between;
}

.article-title-meta .entry-meta span {
	margin: 0;
}


.comment-respond h3 {
	font-size: 1.5rem;
}

.suggestion-content figure {
	margin-bottom: 25px;
}

.suggestion-content .detail-article-content .banner-info,
.suggestion-content .detail-article-content .entry-meta {
	font-size: 12px;
}

.suggestion-content .article-content .detail-entry-header h4 {
	font-size: 20px !important;
}

footer.comment-meta a,
footer.comment-meta {
	color: #333;
}

.comment-respond form p {
	margin-bottom: 10px;
}

.comment-respond form p.form-submit {
	padding-left: 5px;
}

.comment-respond form .form-submit input[type="submit"] {
	border-radius: 0;
	border: none;
	background: #09AFDF;
	color: #fff;
	padding: 12px 20px;
	height: auto;
	font-size: 16px;
}

.comment-respond form .form-submit input[type="submit"]:hover {
	cursor: pointer;
}

.comments-area .comment-body .comment-author {
	margin-bottom: 10px;
}

.comments-area .comment-body .comment-author img {
	border-radius: 50%;
	margin-right: 5px;
}

.comments-area h4 {
	margin-bottom: 20px;
}

.post .article-content .detail-entry-header h4 {
	font-size: 24px;
}

.sidebar aside .banner-info {
	font-size: 12px;
}

.sidebar aside .entry-header {
	padding: 10px 0;
}



.icons-sidebar ul li {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
    display: inline-block;
    height: 40px;
}

.icons-sidebar ul li a {
    width: 100%;
    height: auto;
    text-align: right;
    padding-right: 20px;
    display: inline-block;
    height: 40px;
}

.icons-sidebar ul li a span {
	color: #fff;
    font-size: 15px;
    position: static !important;
    display: inline-block;
    height: auto;
    width: auto;
    line-height: 37px;
}


.icons-sidebar ul li a[href*="facebook.com"]{
    background-color: #3b5998;
}

.icons-sidebar ul li a:before {
	float: left;
    height: 40px;
    width: 40px;
    border-radius: 0;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background: rgba(0,0,0,0.15);
    font-family: 'Font Awesome 5 Free' !important;
    font-family: 'Font Awesome 5 Brands' !important;
    color: #fff !important;
}

.icons-sidebar ul li a[href*="facebook.com"]:before {
	content: "\f39e" !important;
}

.icons-sidebar ul li a[href*="twitter.com"]{
    background-color: #00aced;
}

.icons-sidebar ul li a[href*="twitter.com"]:before {
	content: "\f099" !important;
}

.icons-sidebar ul li a[href*="plus.google.com"]{
    background-color: #dd4b39;
}

.icons-sidebar ul li a[href*="plus.google.com"]:before {
	content: "\f0d5" !important;
}

.icons-sidebar ul li a[href*="/feed/"] {
    background-color: #dc622c;
}

.icons-sidebar ul li a[href*="wordpress.org"],
.icons-sidebar ul li a[href*="wordpress.com"]{
    background-color: #45bbe6;
}

.icons-sidebar ul li a[href*="wordpress.org"]:before,
.icons-sidebar ul li a[href*="wordpress.com"]:before {
	content: "\f411" !important;
}

.icons-sidebar ul li a[href*="github.com"]{
    background-color: #4183c4;
}

.icons-sidebar ul li a[href*="github.com"]:before {
	content: "\f09b" !important;
}

.icons-sidebar ul li a[href*="linkedin.com"]{
    background-color: #007bb6;
}

.icons-sidebar ul li a[href*="linkedin.com"]:before {
	content: "\f0e1" !important;
}

.icons-sidebar ul li a[href*="pinterest.com"]{
    background-color: #cb2027;
}

.icons-sidebar ul li a[href*="pinterest.com"]:before {
	content: "\f0d2" !important;
}

.icons-sidebar ul li a[href*="flickr.com"]{
    background-color: #ff0084;
}

.icons-sidebar ul li a[href*="flickr.com"]:before {
	content: "\f16e" !important;
}

.icons-sidebar ul li a[href*="vimeo.com"]{
    background-color: #aad450;
}

.icons-sidebar ul li a[href*="vimeo.com"]:before {
	content: "\f27d" !important;
}

.icons-sidebar ul li a[href*="youtube.com"]{
    background-color: #bb0000;
}

.icons-sidebar ul li a[href*="youtube.com"]:before {
	content: "\f167" !important;
}

.icons-sidebar ul li a[href*="instagram.com"]{
    background-color: #517fa4;
}

.icons-sidebar ul li a[href*="instagram.com"]:before {
	content: "\f16d" !important;
}

.icons-sidebar ul li a[href*="dribbble.com"]{
    background-color: #ea4c89;
}

.icons-sidebar ul li a[href*="dribbble.com"]:before {
	content: "\f17d" !important;
}

.icons-sidebar ul li a[href*="skype.com"]{
    background-color: #12a5f4;
}

.icons-sidebar ul li a[href*="skype.com"]:before {
	content: "\f17e" !important;
}

aside .post .col-md-6,
aside.home-news-widget .col-lg-6 {
	min-width: 100%;
}

aside.home-news-widget {
	padding: 15px;
}

aside.home-news-widget .post figure,
aside.home-news-widget .post .article-content {
	width: 100%;
	float: none;
}

.sidebar aside.home-news-widget .tags-links {
	visibility: hidden;
}

.left-sidebar {
	order: 2;
}

.sub-menu {
	position: absolute;
	margin-left: 0px;
	transform: translateY(10px);
	transition: transform 500ms;
	visibility: hidden;
	opacity: 0;
}

.sub-menu li {
	background: #333;
}

.menu-item-has-children:hover .sub-menu,
.page_item-has-children:hover .sub-menu {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.menu-item-has-children>a,
.page_item-has-children>a{
	position: relative;
}

.menu-item-has-children>a:before,
.page_item-has-children>a:before {
	font-family: 'Font Awesome 5 Free' !important;
	content: '\f107' !important;
	position: absolute;
	top: 2px ;
	right: 6px;
	color: #fff;
	font-weight: 900;
	font-size: 12px;
}

.article-title-wrap {
	position: relative;
}

.view-all-link {
	position: absolute;
	top: 5px;
	right: 0;
	padding: 3px 6px;
	border: 1px solid #09AFDF;
	font-weight: bold;
}

ol.comment-list {
	list-style: none;
}

.tagcloud>a {
	font-size: 14px !important;
	border: 1px solid #09AFDF;
	margin-right: 5px;
	padding: 4px 8px;
	font-weight: 600px;
	line-height: 40px;
	font-weight: bold;
}

.sidebar aside.home-news-widget .post figure {
	margin-bottom: 0;
}

.footer-top aside.home-news-widget .post figure {
	margin-bottom: 20px;
}

aside.widget ul li a:hover:before {
	color: #09AFDF !important;
}

.page-template-default figure:hover img,
.single figure:hover img {
	transform: scale(1);
}

.single .post-suggestion figure:hover img {
	transform: scale(1.1);
}

.single .site ul li {
	list-style: inherit !important;
}

.gallery-item {
	padding: 0 10px;
}


nav .active-true,
nav .current-menu-item,
nav .current_page_item {
	background-color: #09AFDF;
}

.archive-description {
	margin-bottom: 25px;
}

.crumb-inner ul {
	margin-left: 0;
	padding-left: 0;
}

p>input[type = "submit"] {
	border-radius: 0;
    height: 32px;
    cursor: pointer;
    font-size: 13px;
    background-color: #09AFDF;
    padding: 9px;
    margin-left: -5px;
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
}

.left-sidebar .site-content {
	padding: 10px 15px 0 45px;
}

.admin-bar .mean-menu.affix {
	margin-top: 32px;
}


.banner-info .posted-on svg {
	margin-right: 5px;
}

.banner-info .posted-on a:hover {
	color: #09AFDF !important;
}
