/*!
Theme Name: Ultimate Mag
Theme URI: https://prosysthemes.com/wordpress-themes/ultimate-mag
Author: Prosys Themes
Author URI: https://prosysthemes.com/
Description: Ultimate Mag is Elegant Multipurpose Best Responsive Magazine WordPress Theme. It is fast loading, easily customizable with live preview, and easy to use. It is a user and SEO friendly theme. Ultimate Mag is convenient for any Magazine, News, Blogs, publishers, editors, and any kind of creative magazine website. Ultimate Mag allows you to customize header, footer, sidebar, inner section and homepage section. There is unlimited colors for different categories.. Ultimate Mag is well-widgetized theme, which allows you to design your site using widgets. This theme is flexible to use and a powerful theme. The main features of this theme are Ticker breaking Newss section, breadcrumb, different widgets sections, social media integration, one-click demo import, Translation ready and many more features. Check demo at https://www.prosysthemes.com/theme-demos/?theme_demos=ultimate-mag/ and documentation at http://docs.prosysthemes.com/ultimate-mag. Read theme details at https://prosysthemes.com/wordpress-themes/ultimate-mag and get free support at https://prosysthemes.com/forum
Version: 1.0.5
Tested up to: 5.4.2
Requires PHP: 5.2
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html 
Text Domain: ultimate-mag
Tags: grid-layout, one-column, two-columns, right-sidebar, custom-background, custom-logo, custom-menu, featured-image-header, featured-images, threaded-comments, translation-ready, theme-options, footer-widgets, blog, news, full-width-template, custom-colors 

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.

ultimate mag 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
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
  	text-decoration: none;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 36px;
	line-height: 38px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

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

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

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

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

p {
	font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 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: #ff003b;
	text-decoration: none;
}

big {
	font-size: 125%;
}

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

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

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

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
    content: "";
    width: 10px;
    height: 100%;
    display: block;
    background: #920058;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
}

blockquote,
q {
	quotes: "" "";
	padding: 20px 30px;
    position: relative;
    background: #efefef;
    font-style: italic;
}




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

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

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: 1em 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"] {
	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;
	border-radius: 3px;
	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 {
	color: #000;
}
/*
a:visited {
	opacity: 0.8;
}
*/
a:hover, a:focus, a:active {
	color: #8514b1;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
    text-decoration: none;
}

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


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

.main-navigation {
	display: block;
	width: 100%;
}

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

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

	padding: 0;
	font-size: 15px;
	text-transform: uppercase;
}


.main-navigation ul:after{
	content: '';
	display: block;
	clear: both;
}

.main-navigation ul li{
	float: left;
	position: relative;
	margin-right: 10px;
}


.main-navigation ul li:first-child{margin-left: 0px;}

.main-navigation ul ul li:first-child {
    margin-left: 0px;
}

.main-navigation ul li a{
	color: #fff;
	display: block;
	padding: 12px 15px;
	font-weight: bold;
}

.main-navigation ul li a:active,
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li:hover > a, 
.main-navigation ul li.focus > a{
	text-decoration: none;
    color: #ce0000;
    background: #ffffff;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	text-decoration: none;
    color: #ffffff;
    background: #691a49;
}

.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;
	display: block;
	width: 225px;
	background: #fffefd;
    border-bottom: 5px solid #b18a02;
}

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

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: 225px;
}
/*
.main-navigation ul ul a {
	width: 200px;
}
*/
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

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

.main-navigation ul ul li{
	float: none;
	display: block;
	margin: 0;
	background: #9b21ff;
}


.responsive-slick-menu {
    margin: 0 -15px;
}

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

.nav-links a {
    text-decoration: underline;
}

.mobile-header-containter{
	display: none;
}

/*pagination style*/
.pagination {
    margin: 0 0 1.5em;
}

.pagination .nav-links:after {
    display: block;
    clear: both;
    content: '';
}

.content-area .pagination a {
    float: left;
    margin-right: 4px;
    height: 32px;
    line-height: 32px;
    background: #f1f1f1;
    color: #676767;
    padding: 0 10px;
}

.content-area .pagination .current,
.content-area .pagination .dots {
    float: left;
    margin-right: 4px;
}

.content-area .pagination .current {
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #ff6f1b;
    padding: 0 10px;
}

.content-area .pagination a:hover,
.content-area .pagination a:focus {
    text-decoration: none;
    color: #fff;
    background: #ff6f1b;
}



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 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: 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;
}



/*--------------------------------------------------------------
## Custom CSS
--------------------------------------------------------------*/

.container{
	width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}

.container:after{
	display: block;
	content: '';
	clear: both;
}

.row{
	margin: 0 -15px;
}

.row:after{
	display: block;
	content: '';
	clear: both;
}

.inner-col {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px; 
}
.inner-col:after {
    display: block;
    content: '';
    clear: both; 
}

.inner-row {
  margin: 0 -5px; 
}

.inner-row:after {
    display: block;
    content: '';
    clear: both; 
}

.custom-background .site {
    background: #fff;
    width: 1170px;
    margin: auto;
}


/* column */
.col-2, .col-3, .col-4, .col-6, .col-8, .col-9, .col-12{
float: left;
padding-left: 15px;
padding-right: 15px;
}

.col-2{ 
	width: 50%;
}

.col-3{ 
	width: 25%;
}

.col-4{
width: 33.3333333%;
}

.col-6{
	width: 50%;
}

.col-8{
	width: 66.66%;
}

.col-9{
	width: 75%;
}

.col-12{
	width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

a.btn.primary {
	background: #0c83ff;
    color: #fff;
    padding: 10px 30px;
    border: 2px solid;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
}

a:hover.btn.primary,
a:focus.btn.primary {
	color: #0c83ff;
    background: #fff;
    border: 2px solid;
}

img{
	vertical-align: top;
}

#mobile-header{
	display: none;
}

.header-top .col-8 {
    display: contents;
}

.site-branding{
    display: inline-block;
    margin: 20px 15px 10px 0;
}

.text-logo {
    float: right;
}

.content-area a.read-more {
    background: #ff6f1b;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    display: inline-block;
}

.content-area a.read-more:hover, .content-area a.read-more:focus  {
    background: #e85600;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
}

.site-branding .site-title a {
    text-decoration: none;
    color: #400e05;
}

.site-branding .site-title a{
    color: #cc001c;
}


.site-branding .site-title a,
.entry-header .entry-title a,
.widget-title,
.section-title{
	font-family: 'Oxygen', sans-serif;
	text-decoration: none;
	font-weight: 200;    
}

/*meta*/

.entry-meta{
	padding-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
}

.entry-meta a{
    text-decoration: none;
}

.entry-meta a:hover, .entry-meta a:focus{
    text-decoration: underline;
}
.entry-meta span {
    border-left: 1px solid #777;
    padding: 0px 10px;
    font-size: 14px;
}

.entry-meta span:first-child {
    border-left: 0;
    padding-left: 0px;
}


.entry-meta span.posted-on:before {
    content: '\f017';
    font-family: "Font Awesome 5 free";
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
}

.entry-meta span.category:before {
    content: '\f02c';
    font-family: "Font Awesome 5 free";
    margin-right: 5px;
    font-size: 14px
}

.entry-meta span.comments-link:before {
    content: '\f27a';
    font-family: 'Font Awesome 5 free';
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
}

.entry-meta span.author:before {
    content: '\f007';
    font-family: 'Font Awesome 5 free';
    margin-right: 5px;
    font-size: 14px;
    font-weight: 700;
}

span.posted-on {
    font-size: 14px;
}

span.cat-links a {
    background: #0e47bf;
    padding: 5px 10px;
    border-radius: 4px;
}

header.entry-header .cat-list {
    bottom: 100px;
    position: absolute;
    left: 10px;
}

header.entry-header {
    position: relative;
}

/* primary */
#primary{
	float: left;
	width: 66.6667%;
    margin-top: 90px;
    padding: 0 15px;
}


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

#secondary {
    float: left;
    width: 33.3333%;
    padding: 0 15px;
    padding-top: 90px;
}

.col-3, .col-4, .col-6, .col-8, .col-9 {
  float: left;
  padding-left: 15px;
  padding-right: 15px; }

.pst-col-3, .pst-col-4, .pst-col-6, .pst-col-8, .pst-col-9, .pst-col-12 {
	float: left; 
	padding: 0px 5px; 
}

.pst-col-12{
	width: 100%;
}

.pst-col-3 {
  width: 25%; }

.pst-col-4 {
  width: 33.33333%; }

.pst-col-9 {
  width: 75%; }

.pst-col-8 {
  width: 66.66666%; }

.featured-lg-col, .featured-md-col, .featured-sm-col {
  float: left;
  padding: 0 5px; }

.featured-lg-col {
  width: 55%; }

.featured-sm-col {
  width: 22.5%; }

.featured-md-col {
  width: 45%; }

.pst-col-6,
.col-6 {
  width: 50%; }

.rightsidebar #primary .col-3,
.rightsidebar #primary .col-4,
.rightsidebar #primary .col-5,
.rightsidebar #primary .col-6,
.leftsidebar #primary .col-3,
.leftsidebar #primary .col-4,
.leftsidebar #primary .col-5,
.leftsidebar #primary .col-6 {
  width: 50%; }

.rightsidebar #primary .col-8,
.rightsidebar #primary .col-9,
.rightsidebar #primary .col-10,
.rightsidebar #primary .col-11,
.rightsidebar #primary .col-12,
.leftsidebar #primary .col-8,
.leftsidebar #primary .col-9,
.leftsidebar #primary .col-10,
.leftsidebar #primary .col-11,
.leftsidebar #primary .col-12 {
  width: 100%; }

.portfolio-col-2 {
  float: left;
  width: 50%; }

.portfolio-col-6 {
  float: left;
  width: 50%;
  padding: 15px; }

.portfolio-col-3,
.full-width.leftsidebar .portfolio-col-3,
.full-width.rightsidebar .portfolio-col-3 {
  float: left;
  width: 25%;
  padding: 15px; }

.portfolio-col-4,
.full-width.rightsidebar .portfolio-col-4,
.full-width.leftsidebar .portfolio-col-4 {
  float: left;
  width: 33.333333%;
  padding: 15px; }

.leftsidebar .portfolio-col-3,
.rightsidebar .portfolio-col-3,
.rightsidebar .portfolio-col-4,
.leftsidebar .portfolio-col-4 {
  width: 50%;
  padding: 15px; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

div#crumbs {
    width: 100%;
    background: #efefef;
    margin-bottom: 10px;
    padding: 5px 15px;
}

/* widgets */

#secondary.widget-area .widget {
    color: #333;
    padding: 15px;
    border: 1px solid;
}


.widget_ultimate_mag_featured_post a.readmore {
    background: #ff6f1b;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    margin-top: 10px;
    display: inline-block;
}

.widget_ultimate_mag_featured_post a:hover.readmore, .widget_ultimate_mag_featured_post a:focus.readmore {
   opacity: 0.8;
}

.calendar_wrap {
   text-align: center;
}

.content-area a {
    color: #000;
}

.content-area a:hover, .content-area a:focus {
    color: #ff4b22;
}

.content-area .post-thumbnail {
    margin-bottom: 10px;
    display: inline-block;
}

h2.widget-title a {
    text-decoration: none;
}

.widget-area select {
    border: 1px solid #c7c7c9;
    border-radius: 5px;
    padding: 8px 2px;
    margin: 0 15px 0 0;
    width: 100%;
}

.widget.widget_ultimate_mag_listed_post ul li{
	list-style: none;
	padding: 0;
    position: unset;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cdcdcd;
    display: flex;
}

.widget.widget_ultimate_mag_social_links ul li{
	list-style: none;
	padding: 0;
    position: unset;
    padding-right: 5px;
    float: left;
}

.widget.widget_ultimate_mag_social_links ul li a {
    border: 2px solid;
    padding: 10px 12px;
    border-radius: 50%;
}

.widget.widget_ultimate_mag_social_links ul li:after{
content: '';
}

.widget.widget_ultimate_mag_listed_post ul li:after{
	content: '';
}

.widget.widget_ultimate_mag_listed_post ul li img{
	margin-right: 10px;
	display: inline-block;
	width: 100px;
	height: 100px;
	min-width: 100px;
}

.widget.widget_ultimate_mag_listed_post ul li .entry-header{
	overflow: hidden;
	display: inline-block;
}

.search-content {
    position: relative;
}

.search-holder {
    position: relative;
}

a.btn-search {
    float: right;
    padding: 11px 15px;
    color: #fff;
}

.search-content .search-form {
    width: 240px;
    position: absolute;
    float: right;
    right: 0;
    top: 48px;
    background: #fff;
    z-index: 2;
    border-radius: 0 0 5px 5px;
}

#formModal {
    display: none;
}

.search-form{
	background: #fff;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 7px 0 8px 14px;
}

.search-form input[type="search"]{
    width: 85%;
	background: none;
	border: 0;
	border-radius: 0;
	font-size: 14px;
}

.search-form input[type="submit"]{
    float: right;
    background: url(images/icon-search.png) no-repeat;
    width: 15px;
    height: 15px;
    border: 0;
    border-radius: 0;
    padding: 0;
    text-indent: -9999px;
    box-shadow: none;
    margin: 6px 14px 0 0;

}

input[type="submit"].search-submit:hover,
input[type="submit"].search-submit:focus {
    background: url(images/icon-search.png) no-repeat;
}

.search .search-form{
	max-width: 400px;
}

.footer-b {
    color: #8514b1;
    background: #efefef;
}

.site-footer .site-info a{
	color: #000;
}

.site-footer .site-info a:hover, .site-footer .site-info a:focus {
    color: #920058;
}

.site-footer .widget-area {
    background: #450d7b;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    padding-bottom: 40px;
    padding-top: 60px;
}

.site-footer .widget-area .widget-title {
    font-size: 25px;
    line-height: 32px;
    margin: 0;
    color: #ffffff;
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #ffffff;
}

.site-footer .widget-area a {
    color: #cdcdcd;
}

.widget{
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float: left;
}
.widget-area .widget-title{
	font-size: 25px;
    line-height: 32px;
    margin: 0;
    color: #000;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #cdcdcd;

}

#secondary.widget-area .widget-title{
	margin-bottom: 15px;
}

.site-footer .widget-area .widget-title{
	padding: 10px 15px 10px 0;
	margin-bottom: 15px;
}

.widget-area .calendar_wrap caption,
.widget-area .calendar_wrap thead,
.widget-area .calendar_wrap tfoot,
.widget-area .calendar_wrap td
{
	border: 1px solid;
}


#secondary .widget .text-holder a {
    text-decoration: none;
    color: #000;
}

#secondary .widget_ultimate_mag_featured_post .text-holder  a.readmore:hover,
#secondary .widget_ultimate_mag_featured_post .text-holder  a.readmore:focus {
    text-decoration: none;
}

#secondary .widget .text-holder a:hover,
#secondary .widget .text-holder a:focus{
    text-decoration: underline;
}

.widget-area ul{
	margin: 0;
	padding: 0;

}
.widget-area ul li{
	list-style: none;
	padding: 0 0 10px 18px;
	position: relative;
}
.widget-area ul li:after{
	position: absolute;
	top: 0;
	font-family: 'Font Awesome 5 free';
	left:0;
	content: "\f0da";
    font-weight: 700;
}
.widget-area ul li a{
	color: #cecece;
	text-decoration: none;
} 

#secondary.widget-area ul li a {
    color: #333;
}

#secondary.widget-area ul li a:hover,
#secondary.widget-area ul li a:focus {
    color: #5d5d5d;
}

a.rsswidget{
	color: #5d5d5d;
}

.widget-area ul li a:hover,
.widget-area ul li a:focus{
	color: #b0b0b0;
}

.site-info {
	text-align: center;
    color: #484848;
    padding: 20px 0;
}


#mobile-header-top,
#mobile-header{display: none;}

#mobile-header a {
    color: #fff;
}

#mobile-header a {
    opacity: 0.8;
}


/*comments section style*/
#comments {
    margin: 0 0 45px;
    border-radius: 5px;
}

.comments-area{
	background: #fff;
}

.comments-area .comments-title{
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: #333;
}

.comments-area ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

.comments-area .comment-body{
	padding-bottom: 27px;
	margin-bottom: 27px;
	border-bottom: 1px solid #f2f2f2;
}

.comments-area .comment-body .avatar{
	float: left;
	width: 70px;
	margin-right: 23px;
}

.comments-area .comment-body .says{display: none;}

.comments-area .comment-body .fn{
	font-size: 18px;
	line-height: 22px;
	display: block;
	color: #333;
	margin: 0 0 3px;
	overflow: hidden;
}

.comments-area .comment-body .comment-metadata{
	font-size: 14px;
	line-height: 17px;
	color: #999;
	overflow: hidden;
}

.comments-area .comment-body .comment-metadata a{color: #999;}

.comments-area .comment-body .comment-metadata a:hover,
.comments-area .comment-body .comment-metadata a:focus{
	color: #63b03e;
	text-decoration: none;
}

.comments-area .comment-body .comment-content{
	margin-left: 93px;
	margin-top: 10px;
}

.comments-area .comment-body .reply{
	margin-left: 93px;
	overflow: hidden;
}

.comments-area .comment-body .reply a{
	border: 1px solid #63b03e;
	float: left;
	font-size: 14px;
	width: 69px;
	height: 25px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
}

.comments-area .comment-body .reply a:hover,
.comments-area .comment-body .reply a:focus{
	background: #63b03e;
	color: #fff;
	text-decoration: none;
}

.comments-area .children{
	margin-left: 93px;
}

.comments-area .comment-reply-title{
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: #333;
}

.comments-area .comment-form .comment-form-author{
	float: left;
	width: 32%;
	margin-right: 2%;
}

.comments-area .comment-form .comment-form-email{
	float: left;
	width: 32%;
	margin-right: 2%;
}

.comments-area .comment-form .comment-form-url{
	float: left;
	width: 32%;
}

.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"]{
	width: 100%;
	padding: 10px 15px;
}


.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}


/* Custom css */

/*header style*/
.header-top {
	line-height: 36px;
    background: #252525;
    overflow: hidden;
    color: #fff;
}

.header-top:after {
	display: block;
	content: '';
	clear: both; 
}

.header-top a {
	font-weight: normal; 
	color: #fff;
}

.header-top ul.social-links {
    float: right;
}

.header-top ul {
	list-style: none;
	margin: 0;
}

.header-top ul:after {
	display: block;
	content: '';
	clear: both; 
}

.header-top ul li {
	float: left; 
}

.header-top ul.social-links li {
    padding: 0;
    margin: 0;
    line-height: 36px;
}

.header-top ul.social-links li:hover,
.header-top ul.social-links li:focus {
    opacity: 0.7;
}

.header-top ul li .fab {
	color: #fff;
}

.header-top ul li .fa-facebook-f {
	background: #3B5998;
	padding: 10px 13px;
}

.header-top ul li .fa-google-plus-g {
	background: #E33E2B;
	padding: 10px 7px;
}

.header-top ul li .fa-pinterest-p {
	background: #D73532;
	padding: 10px 11px;
}

.header-top ul li .fa-linkedin-in {
	background: #0274B3;
	padding: 10px;
}

.header-top ul li .fa-youtube {
	background: #C12025;
	padding: 10px 8px;
}

.header-top ul li .fa-twitter {
	background: #1DA1F2;
	padding: 10px 9px;
}

.header-top h2.widget-title {
	background: #ffdf00;
    color: #000;
	font-size: 18px;
	height: 20px;
	margin-top: -10px;
	margin-bottom: -10px;
	padding: 10px 15px;
	padding-bottom: 28px;
	line-height: 100%;
	margin-right: 15px;
	position: relative; 
}

.header-top h2.widget-title:after {
    width: 10px;
    height: 100%;
    content: "";
    display: block;
    right: -10px;
    position: absolute;
    top: 0;
    border-bottom: 0 solid transparent;
    border-top: 36px solid transparent;
    border-left: 6px solid #ffdf00;
}

.header-top .widget.widget_ultimate_mag_social_links ul li a {
	border: 0px solid;
	padding: 0;
	border-radius: 50%;
}

.header-top .widget.widget_pttk_pro_contact .widget-holder {
    display: flex;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}

.header-top .widget {
	width: unset; 
	display: flex;
	margin: 0;
}
.header-top .widget:first-child {
	float: left; 
}
.header-top .widget:last-child {
	float: right; 
}

.header-top ul.social-links {
    padding: 0;
}

.header-bottom {
    background: #920058;
    position: relative;
    background: linear-gradient(45deg, #920058, #7a26ff);
    border-bottom: 5px solid #b18a02;
}

.header-middle .advertise {
    display: inline-block;
    float: right;
    padding: 10px 0;
}


h3.popular-tags-title {
    display: inline-block;
    margin-right: 15px;
    display: inline-block;
    margin-right: 15px;
    line-height: 32px;
    font-size: 16px;
}


ul.popular-taglist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

ul.popular-taglist:after {
	display: block;
	content: '';
	clear: both; 
}

ul.popular-taglist li {
    padding: 0 10px;
    margin: 0;
    line-height: 32px;
    display: inline-block;
    position: relative;
}

ul.popular-taglist li:first-child:before{
	content: none;
}

ul.popular-taglist li:before {
    content: '\F111';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 5px;
    color: #737373;
    padding: 6px;
    line-height: 27px;
    position: absolute;
    left: -10px;
}


/*scrolling news style*/
.ticker-wrapper.has-js{
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	font-size: 14px;
}

.ticker{
	width: 100%;
	height: 100%;
	background: #2b2b2b;
}

.ticker-swipe{
	width: 100%;
	height: 100%;
	background: #2b2b2b;
}

.ticker-swipe span{
	background: #2b2b2b;
	border-bottom: 0;
}

.ticker-content{
	background: #2b2b2b;
	color: #fff;
	font-weight: 400;
	line-height: 18px;
	font-size: 15px;
	padding-top: 14px;
	left: 0 !important;
}

.ticker-content a{color: #fff;}

.ticker-content a:hover,
.ticker-content a:focus{
	text-decoration: none;
	color: #acacac;
}

.scrolling-news {
    width: 100%;
    background: #fff5e8;
}

.scrolling-news .breaking-news-link:after {
    content: '';
    display: block;
    border-top: 32px solid #b18a02;
    position: absolute;
    border-right: 10px solid transparent;
    right: -10px;
    top: 0;
}

.scrolling-news .breaking-news-link{
	background: #b18a02;
	font-size: 13px;
	line-height: 15px;
	color: #fff;
	text-transform: uppercase;
	float: left;
	padding: 15px;
	display: inline-block;
	margin-right: 14px;
	font-family: 'Oswald', sans-serif; 
    position: relative;
}

.scrolling-news .breaking-news-link:hover,
.scrolling-news .breaking-news-link:focus{
	opacity: 0.8;
}

.scrolling-news .breaking-news-link{
	padding: 8px 15px;
}

.ticker-wrapper.has-js{
	width: 80%;
}

.ticker,
.ticker-wrapper.has-js,
.ticker-content,
.ticker-swipe,
.ticker-swipe span{
	background: #fff5e8;
}

.ticker-content a{
	color: #414141;
}

.ticker-content a:hover,
.ticker-content a:focus{
	color: #ff4b22;
}

.ticker-content{
	padding-top: 6px;
}

.ticker-notice {
    display: inline-block;
    width: 70%;
}

.ticker-notice h2.ticker-title{
	font-size: 18px;
    margin-top: -10px;
    margin-bottom: -10px;
    padding: 10px 15px;
    line-height: 100%;
    position: relative;
    color: #fff;
    display: inline-block;
    float: left;
    background: #ff0000;
    font-family: 'Oxygen', cursive;
    text-decoration: none;
    font-weight: 200;
    margin-right: 20px;
}

.ticker-notice h2.ticker-title:after{
	width: 10px;
    height: 100%;
    content: "";
    display: block;
    right: -10px;
    position: absolute;
    top: 0;
    border-bottom: 0 solid transparent;
    border-top: 36px solid transparent;
    border-left: 6px solid #ff0000;
}

#news-ticker ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#news-ticker li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: unset;
}


.header-contact-info {
    display: inline-block;
    text-align: center;
    margin: auto;
    padding: 7px 0;
    line-height: 18px;
}

.header-bg{
	position: relative;
	border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

.header-bg:before {
    position: absolute;
    content: '';
    top: 15px;
    display: block;
    height: 20px;
    width: 100%;
    background: url(images/pattern.png) repeat 0 16px;
}
.contact-email,
.contact-phone {
    display: inline-block;
    padding: 0 10px; 
}

.header-contact-info a:hover,
.header-contact-info a:focus {
    opacity: 0.7;
}

.header-contact-info div {
    border-right: 1px solid;
}

.header-contact-info .fas {
    margin-right: 5px;
    font-size: 14px;
}

.header-contact-info div:last-child {
    border-right: 0px;
}
 .social-networks li a:hover,
 .social-networks li a:focus{
 	color: #fff;
 }

.primary-menu-holder {
    background: #8514b1;
}

.page-header {
    margin-bottom: 30px;
}

.site-description {
    color: #333;
    padding: 5px 0;
    margin: 0;
}

/** category post list */
ul.category-list  {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.category-list.layout-one li .post-thumbnail {
    margin-right: 20px;
    float: left;

}

ul.category-list.layout-one li .entry-header {
    display: grid;
}

/* Banner */


span.cat-list {
    display: block;
}

span.cat-list a {
    padding: 2px 7px;
    background-color: #920058;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    margin: 3px 3px 3px 0;
}

span.cat-list a:hover,
span.cat-list a:focus {
    color: #ffffff;
    background: #ff4b22 !important;
}

.entry-footer span.cat-list {
    margin: 10px 0;
}

#primary h2.widget-title {
    padding-right: 15px;
    font-size: 30px;
    display: inline-block;
    background: #fff;
    position: relative;
    color: #333;

}

.has-slider #primary{
	margin-top: 50px;
}

.has-slider #secondary{
	padding-top: 50px;
}


.category-list.layout-three .featured-post .post-thumbnail-holder,
.category-list.layout-one .featured-post .post-thumbnail-holder {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.category-list.layout-four .unfeatured-post .post-thumbnail-holder {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.category-list.layout-four .unfeatured-post .post-thumbnail-holder .post-thumbnail {
    width: 75px;
}

.category-list.layout-four .unfeatured-post .entry-header {
    display: grid;
}

.category-list.layout-three  .featured-post .entry-header,
.category-list.layout-one  .featured-post .entry-header {
    display: grid;
}

/* Featured Section*/
.featured-section {
	position: relative;
	z-index: 1;
	display: flex; 
	background: #efefef;
	padding: 50px 0;
}

.featured-section img {
    width: 100%; }

.featured-section .item-holder {
    position: relative;
    margin-bottom: 10px; }

.featured-section .item-holder .text-holder {
	position: absolute;
	bottom: 0;
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7));
	color: #fff;
	padding: 15px; 
	width: 100%;}
.featured-section .item-holder .text-holder a {
	color: #fff; }

.featured-section .item-holder .text-holder a:hover,
.featured-section .item-holder .text-holder a:focus {
    color: #cdcdcd;
}

.featured-section .item-holder .text-holder span.cat-list a {
    color: #fff;
}

.large-img-holder {
  padding: 0 5px; }

.small-img-holder {
  padding: 0 5px; }


.featured-sm-col h3.entry-title {
    border-bottom: 1px solid;
}

.layout-two .item-holder {
    margin-bottom: 30px;
}

/* Slider */
.banner-text-item {
    border-top: 1px solid;
    margin-top: 10px;
}

.fadeout .owl-nav {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 10px;
}

.fadeout.owl-theme .owl-nav [class*='owl-'] {
    color: #fff;
    background: transparent;
    border: 1px solid;
    border-radius: 0;
    font-size: 12px;
    padding: 7px 10px;
}

.fadeout.owl-theme .owl-nav [class*='owl-']:hover,
.fadeout.owl-theme .owl-nav [class*='owl-']:focus {
    background: #ff4b22;
}

.post-thumbnail-holder {
    position: relative;
}

.colored-category {
    position: absolute;
    bottom: 18px;
    left: 8px;
    right: 8px;
}

.widget_ultimate_mag_category_post {
    overflow: hidden;
}

header.main-header {
    text-align: center;
    width: 80%;
    margin: auto;
    margin-bottom: 50px;
}

.home-button {
    float: left;
    position: relative;
    margin-right: 10px;
}

.home-button a{
    background: #b18a02;
    color: #fff;
    padding: 5px 10px;
    font-size: 24px;
    display: block;
}

.home-button a:hover,
.home-button a:focus {
    background: #691a49;
    color: #fff;
}

.home-button a:before{
    content: '';
    top: -5px;
    position: absolute;
    left: 0;
    width: 100%;
    background: #b18a02;
    display: block;
    height: 5px;
}
.home-button a:hover:before,
.home-button a:focus:before{
    background: #691a49;
}

.special-section{
	padding: 70px 0;
	background: #730bda;
}

.special-section .section-header {
    color: #fff;
    padding-right: 15px;
    font-size: 30px;
    display: inline-block;
    position: relative;
    font-family: 'oxygen', cursive;
    font-weight: 400;
    margin-bottom: 30px;
}

.special-items .item-holder:before {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
}

.special-items .item-holder {
    position: relative;
    color: #fff;
}

.special-items .item-holder .text-holder {
    position: absolute;
    bottom: 0;
    padding: 30px 15px;
}

.special-items .item-holder .text-holder a{
	color: #fff;
}

/*inner page style*/

.page .content-area header.entry-header{
    margin-bottom: 15px;
}

.page-template-template-about .content-area header.page-header {
    margin-bottom: 0;
}


.content-area header.page-title,
.page .content-area header.entry-title {
    line-height: 40px;
}

.content-area .post .post-thumbnail,
.content-area .page .post-thumbnail,
.content-area .latest_post .post-thumbnail {
    vertical-align: top;
	margin-bottom: 20px;
	display: block;
}

.blog-layout-horizontal .content-area .post .post-thumbnail, 
.blog-layout-horizontal .content-area .page .post-thumbnail, 
.blog-layout-horizontal .content-area .latest_post .post-thumbnail {
    vertical-align: top;
    margin-bottom: 20px;
    display: block;
    width: 40%;
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.blog-layout-horizontal header.entry-header {
    display: grid;
}

.content-area .entry-title a{
	text-decoration: none;
}

.widget.widget_tag_cloud .tagcloud a{
	text-decoration: none;
}

.content-area .post .entry-content .pull-right {
    width: 262px;
    float: right;
    text-align: right;
    border-top: 3px solid #19b1de;
    padding: 16px 0 0;
    margin: 0 0 0 30px;
}

.content-area .post .entry-content .pull-left {
    width: 262px;
    float: left;
    border-top: 3px solid #19b1de;
    padding: 16px 0 0;
    margin: 0 30px 30px 0;
}

.content-area .post .entry-content .dropcap {
    color: #59595b;
    float: left;
    font-size: 100px;
    font-weight: 700;
    height: 80px;
    line-height: 73px;
    margin-right: 15px;
}

.content-area .post .entry-content .highlight {
    background: #19b1de;
    padding: 0 3px;
}

.content-area .post .entry-content table th,
.content-area .page .entry-content table th {
    background: #cbcdff;
    font: 700 17px/24px, sans-serif;
    color: #4f4f51;
    padding: 25px 30px;
    text-align: left;
    font-weight: 400;
}

.content-area .post .entry-content table td,
.content-area .page .entry-content table td {
    background: #dbdcff;
    font: 700 17px/24px, sans-serif;
    color: #59595b;
    padding: 25px 30px;
    text-align: left;
    font-weight: 200;
}

.content-area .post .entry-content table tr,
.content-area .page .entry-content table tr {
    border-bottom: 1px solid #fff;
}

.content-area .post .entry-content table tr:first-child,
.content-area .page .entry-content table tr:first-child {
    border-bottom: 0;
}

.content-area .post .entry-content pre,
.content-area .page .entry-content pre {
    position: relative;
    background: #f0f2f7;
    font-family: "Courier New", Courier, monospace;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 1.5em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
    color: #59595b;
}

.content-area .post .entry-content ul,
.content-area .page .entry-content ul,
.content-area .post .entry-content ol,
.content-area .page .entry-content ol {
    padding: 0;
}

.content-area .post form label,
.content-area .post form label {
    font-size: 19px;
    line-height: 26px;
    display: block;
    margin: 0 0 10px;
}

.content-area .post form input[type="text"],
.content-area .post form input[type="email"],
.content-area .post form input[type="url"],
.content-area .post form input[type="password"],
.content-area .page form input[type="text"],
.content-area .page form input[type="email"],
.content-area .page form input[type="url"],
.content-area .page form input[type="password"] {
    width: 100%;
    border: 1px solid #cfcfd4;
    border-radius: 3px;
    padding: 5px 10px;
}

.content-area .post select{
}

.content-area .post form textarea,
.content-area .page form textarea {
    border: 1px solid #cfcfd4;
    border-radius: 3px;
    padding: 5px 10px;
    width: 100%;
    height: 160px;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-area .post form select,
.content-area .page form select {
    width: 255px;
    border: 1px solid #cfcfd4;
    border-radius: 3px;
    padding: 5px 10px;
}

.content-area .post form .radio-group,
.content-area .page form .radio-group {
    overflow: hidden;
}

.content-area .post form .radio-button,
.content-area .page form .radio-button {
    float: left;
}

.content-area .post form .radio-button label,
.content-area .page form .radio-button label {
    float: left;
    margin-right: 30px;
}

.content-area .post form .radio-button input[type="radio"],
.content-area .page form .radio-button input[type="radio"] {
    float: left;
    margin: 6px 10px 0 0;
}

.content-area .post form .checkbox-button,
.content-area .page form .checkbox-button {
    overflow: hidden;
}

.content-area .post form .checkbox-button label,
.content-area .page form .checkbox-button label {
    float: left;
}

.content-area .post form .checkbox-button input[type="checkbox"],
.content-area .page form .checkbox-button input[type="checkbox"] {
    float: left;
    margin: 6px 10px 0 0;
}

.content-area .post form input[type="submit"],
.content-area .page form input[type="submit"] {
    font: 600 16px/38px 'Source Sans Pro', sans-serif;
    color: #3c3b3b;
    background: #ff6f1b;
    border-radius: 5px;
    width: 102px;
    border: 0;
    box-shadow: none;
    height: 38px;
    padding: 0;
}

.content-area .post form input[type="submit"]:hover,
.content-area .page form input[type="submit"]:hover,
.content-area .post form input[type="submit"]:focus,
.content-area .page form input[type="submit"]:focus {
    background: #ff853e;
}

.content-area .post form input[type="reset"],
.content-area .page form input[type="reset"] {
    font: 600 16px/38px 'Source Sans Pro', sans-serif;
    color: #3c3b3b;
    background: none;
    border-radius: 5px;
    width: 102px;
    border: 1px solid #cbcbcb;
    box-shadow: none;
    height: 38px;
    padding: 0;
}

.content-area .post form input[type="reset"]:hover,
.content-area .page form input[type="reset"]:hover,
.content-area .post form input[type="reset"]:focus,
.content-area .page form input[type="reset"]:focus
 {
    background: #cbcbcb;
}

.content-area .author-section {
    border: 1px solid #cdcdcd;
    padding: 15px;
    display: inline-block;
    margin: 25px 0;
    background: #fff;
}

.author-section h2.title {
    margin-bottom: 10px;
}

.content-area .author-section .img-holder {
    float: left;
    margin-right: 10px;
    border: 6px solid #ddd;
}

.content-area .author-section .text-holder {
    overflow: hidden;
}
.content-area .author-section .text-holder p{
    margin: 0;
}

.content-area .entry-footer {
    margin-bottom: 50px;
}

.entry-footer .tags-links .fa {
    margin-right: 10px;
}
/* style php*/

.site-branding .site-title a, 
.entry-header .entry-title a, 
.widget-title, .section-title,
.banner .title, .portfolio-title, 
.team-info .team-title {
    font-family: 'oxygen', cursive;
}


.page-nav {
    position: fixed;
    top: 25%;
    right: 0px;
}

.page-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-nav ul li {
    display: block;
    width: 14px;
    height: 13px;
    position: relative;
    background: #ccc;
    padding: 5px;
}

.page-nav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 5px;
    width: 5px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.page-nav ul li.active a span, .page-nav ul li a:hover span,
.page-nav ul li.active a span, .page-nav ul li a:focus span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #ff6f1b;
    padding: 12px 25px;
    font-size: 1rem;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    background: #ff853e;
}

.error-404.not-found {
	text-align: center;
    padding-bottom: 100px;
    max-width: 600px;
    margin: auto;
}
.error-404.not-found h1 {
    font-size: 100px;
    line-height: 1.4;
    color: #ff6f1b;
}

/*responsive style*/
@media only screen and (max-width: 1199px){
	.custom-background .site,
	.container{
		width: 970px;

	}

	}
@media only screen and (max-width: 991px){
	
	.header-contact .fa {
    	margin-right: 0;
	}

	p{
    	margin: 5px 0;
    	line-height: 23px;
	}

	.custom-background .site,
	.container{width: 750px;}
	
	#mobile-header-top{
		display: block;
		float: right;
	}

	#mobile-header {
	    display: block;
	    float: right;
	    background: #888888;
	    margin: 5px;
	    padding: 3px 8px;
	    border-radius: 5px;
	}

	#mobile-header span{
		width: 22px;
		height: 3px;
		background: #fff;
		display: block;
		margin-bottom: 3px;
	}

	#mobile-header a{display: block;}

	.site-header{padding: 0px;}

	header.main-header{
	    text-align: center;
	    margin-bottom: 35px;
	}

	#primary,
	#secondary{width: 100%;}
	#primary .site-main{padding-right: 0;}
}

@media only screen and (max-width: 768px){
	.header-contact-info span {
    	display: none;
	}
	
	.header-contact-info {
	    text-align: right;
	    margin: 0;
	    padding: 0;	
	    float: right;
	}

	.header-contact-info .fas {
	    margin-right: 0px;
	}

	.header-contact-info a {
	    padding: 10px;
	    display: inline-block;
	}
	
	.header-contact-info div{
		border-right: 0;
	}

	.contact-email,
	.contact-phone{
		display: inline-block;
		padding: 0;
	}

	.contact-email a{
	    background: #525252;
	}

	.contact-phone a{
		background: #00bad8;
	}

	.header-top .col-6, .header-top .col-3 {
	    width: 33.33%;
	}

	.contact-email{
		margin-right: 0;
		padding-right: 0;
	}

	.header-middle .advertise {
	    display: block;
	    float: unset;
	    padding: 10px 0;
	    text-align: center;
	}
	.header-top ul li .fab,.header-top .header-contact-info .fas  {
	    font-size: 20px;
	}

	.featured-lg-col, .pst-col-8, .pst-col-9, .pst-col-12 {
		width:  100%;
	}

	.featured-sm-col,
	.pst-col-3, .pst-col-4, .pst-col-6, .col-2,.col-3, .col-4, .col-6, .col-8, .col-9, .featured-col-3{
		width: 50%;
	}

	.featured-item {
	    margin: 0;
	}

	.featured-section .row {
    	margin: 0 -15px;
	}

	.custom-background .site,
	.container{width: 100%;}

	#primary .author .text-holder{width: 100%;}
	.comments-area .comment-list .comment-body .comment-content,
	.comments-area .comment-list .comment-body .reply{
		top: 0;
		left: 0;
	}
	.comments-area .comment-list .comment-body .comment-author,
	.comments-area .comment-list .comment-body .fn,
	.comments-area .comment-list .comment-body .comment-metadata{
		float: none;
		display: block;
	}
	.comments-area .comment-list .children{margin: 0 0 0 20px;}
	.search #primary .post .text-holder, .search #primary .page .text-holder{width: 100%;}

	.comments-area .comment-form .comment-form-author{
		float: left;
		width: 100%;
		margin-right: 24px;
	}

	.comments-area .comment-form .comment-form-email{
		float: left;
		width: 100%;
		margin-right: 24px;
	}

	.comments-area .comment-form .comment-form-url{
		float: left;
		width: 100%;
	}
	 .scrollup {
        right: 15px;
    }
}


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

	.slicknav_nav .slicknav_row:hover,
	.slicknav_nav .slicknav_row:focus{
		background: #730bda;
		border-radius: 0;
	}

	.slicknav_menu {
    	background: linear-gradient(45deg, #920058, #7a26ff);
	    padding: 0;
	}

	.slicknav_btn {
    	margin: 9px 5px 9px;
	}

	.responsive-slick-menu a:hover,
	.responsive-slick-menu a:focus {
	    border: 1px solid #fff;
	    color: #fff;
	}

	.search-content .search-form {
    	width: 100%;
	}

	.main-navigation {
    	display: none;
	}

	.mobile-header-containter{
		display: block;
	}

	.ticker-wrapper.has-js {
	    width: 60%;
	}

	.category-list.layout-three .featured-post .post-thumbnail-holder, .category-list.layout-one .featured-post .post-thumbnail-holder,
	ul.category-list.layout-one li .post-thumbnail {
	    margin-right: 0px;
	}

	.featured-sm-col,
	.pst-col-3, .pst-col-4, .pst-col-6, .col-2,.col-3, .col-4, .col-6, .col-8, .col-9, .featured-col-3{
		width: 100%;
	}

	.header-phone {
	    float: unset;	   
	    margin: 0;
	    display: flex;
	}

	.header-email {
	    float: unset;	   
	    margin-left: 0;
	    margin-top: 5px;
	    display: flex;
	}

	.owl-carousel .owl-item img {
    	max-width: 100%;
    	width: 100%;
	}

	.owl-theme .owl-nav {
    	display: none;
	}

	.header-contact a .fa{
		font-size: 20px;
	}

	.header-contact .header-phone .fa {
    	padding: 10px 12px;
	}

	.banner-text {
    	bottom: 25px;
	}

	.banner-text-item p {
    	display: none;
	}

	.owl-theme .owl-dots {
    	display: none;
	}

	.testimonial-thumbnail {
	    width: 100%;
	}

	h1{
		font-size: 28px;
	}

	.col-3, .col-4, .col-6, .col-8, .col-9, .featured-col-3{
		width: 100%;
	}


	.site-info .left,
	.site-info .right
	{
		float: none;
	}

}

@media only screen and (max-width: 360px){
	
	h1 {
	    font-size: 1.5em;
	}
	
	.fadeout.owl-carousel .owl-item img {
	    max-width: 150%;
	    width: 150%;
	}


	.site-description {
    	padding: 5px 0;
    	margin: 0;
    	letter-spacing: normal;
	}
}