/*!
Theme Name: Xpressmag Pro
Theme URI: https://offshorethemes.com/wordpress-themes/xpressmagpro/
Author: offshorethemes
Author URI: https://offshorethemes.com/
Description: Xpressmag Pro is an ultra-fast clean and best responsive free WordPress magazine theme, Xpressmag Pro specially designed for magazine, newspaper, news portals, and editorial style websites. Xpressmag Pro theme design flat, minimalist, magazine style homepage Design with full post banner and carousel slider with latest posts, and different custom widget design layout. multiple design layout categories, tags, archive pages with sidebars and Ads widgets. the theme has 16+ different drag and drops widget and 10+ widget area that allows adding many sections as you want with various beautifully designed layouts suitable for websites. an Xpressmag Pro theme is completely built on customizer which allows you to customize most of the theme settings easily with live previews, Xpressmag Pro full supports different 3rd party plugins and fully compatible with Jetpack, Contact Form 7, AccessPress Social Share, AccessPress Social Counter many more.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: xpressmag-pro
Tags: right-sidebar, left-sidebar, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, grid-layout, footer-widgets, news, blog

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.

xpressmag pro 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 */

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

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

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

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

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

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

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

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

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

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

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

blockquote {
	font-style: italic;
}

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 {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

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

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

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

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: none;
	border-radius: 0;
	background: #231f20;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	padding: 10px 25px;
	transition: all ease 0.35s;
	-webkit-transition: all ease 0.35s;
	-moz-transition: all ease 0.35s;
}

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,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #ff7d0d;
}

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: #777;
	border: 1px solid #ddd;
	border-radius: 0;
	padding: 5px 15px;
	width: 100%;
	height: 40px;
	outline: 0;
}
textarea {
	height: 150px;
}
select {
	background: url(https://offshorethemes.com/demo/xpressmagpro/technology/wp-content/themes/xpressmag-pro/assets/dist/images/dropdown.png) no-repeat;
	background-position: 96% 50%;
	height: 40px;
	width: 100%;
	padding: 5px 30px 5px 15px;
	border: 1px solid #ddd;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
}

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;
	outline: 0;
	box-shadow: none;
	border: 1px solid #ddd;
}

textarea {
	width: 100%;
}

select {
	border: 1px solid #ccc;
}

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

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

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

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

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

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

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

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

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

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

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
    padding: 5px;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
    padding: 5px;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
    padding: 5px;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
    padding: 5px;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
    padding: 5px;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
    padding: 5px;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
    padding: 5px;
}

.gallery-caption {
	display: block;
}


/**
 * Extral Custom CSS
*/

body.boxed .footer_social {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.home .footer .footer_inner{
	margin-top: 0;
}

.copyright_section{
	padding: 20px 0;
    background-color: #111;
}

.single-post #primary .section_title {
    margin-bottom: 20px !important;
}

.error404 .page-header {
    text-align: center;
    margin-top: 30px;
}

.single .xp_post_widget_one .card {
    margin-bottom: 0 !important;
}

.xp_post_widget_one .card {
    margin-bottom: 25px !important;
}

.post_meta li a {
    font-size: 14px !important;
    text-transform: capitalize;
    margin-right: 0 !important;
}

.xp_relatedpost_widget .boxes_holder {
    margin-bottom: 15px !important;
}

ul.categories li {
    margin-bottom: 5px;
}

.the_content a {
    color: #FF7D0E;
}

.wpcf7-form label{
	display: block;
}

.xp_post_widget_three.related .card_content {
    padding: 0 !important;
}
.xp_post_page_lay_wrap .content_entry .related .post_thumb {
    margin-bottom: 15px !important;; 
}

.comments-area p, 
.comments-area div, 
.comments-area table {
    padding: 10px 0;
    color: inherit;
}

.comments-area h2{
    font-weight: bold;
    margin: 20px 0;
}
.comments-area ol li, 
.comments-area ul li {
    padding: 15px 0;
}

/**
 * Default Search
*/
.search-form input[type="search"] {
    width: 290px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.search-form input[type="submit"] {
    float: right;
    background: #FF7D0E;
    color: #fff;
    width: 80px;
    font-weight: 400;
    line-height: inherit;
    padding: 0 15px;
    border-radius: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.search-form input[type="search"], 
.search-form input[type="submit"] {
    position: relative;
    height: 38px;
    outline: none;
    font-weight: 400;
}

/**
 * Social Media Link 
*/

.social_icons li a  .fa-facebook-f:before, 
.social_icons li a  .fa-facebook:before {
    color: #4267B2;
}

.social_icons li a  .fa-twitter:before {
    color: #1DA1F2;
}

.social_icons li a  .fa-instagram:before {
   	color: #8A33A4;
}

.social_icons li a  .fa-youtube:before {
    color: red;
}

.social_icons li a  .fa-vk:before {
    color: #507299;
}

.social_icons li a  .fa-google-plus:before {
    color: #DC4C40;
}

.social_icons li a  .fa-linkedin:before {
    color: #0274B3;
}

.social_icons li a  .fa-vimeo:before {
    color: #1AB7EA;
}

.social_icons li a  .fa-pinterest:before {
    color: #f50303;
}
.social_icons li a  .fa-google-wallet:before {
    color: #000;
}
.social_icons li a  .fa-yahoo:before {
    color: #7B0099;
}

.xpressmag_pro_aboutus li a::before,
.xpressmag_pro_social_media li a::before{
	display: none;
}
.xpressmag_pro_aboutus li,
.xpressmag_pro_social_media li{
	padding: 0 !important;
}
.xpressmag_pro_aboutus li a,
.xpressmag_pro_social_media li a{
    width: 38px !important;
    height: 38px !important;
    font-size: 20px !important;
    color: #fff;
    background: #f3f1f1;
    border: 1px solid #f3f1f1;
    border-radius: 10%;
    margin: 5px;
    line-height: 38px !important;
}
.xpressmag_pro_aboutus li a:hover,
.xpressmag_pro_social_media li a:hover {
    background: #fff;
    border: 1px solid #ccc;
}

.xpressmag_pro_aboutus .xmag-social-icons{
	text-align: center;
    margin-top: 40px;
}

/**
 * Calender
*/

.widget_calendar tbody td {
    text-align: center;
    color: #a8a7a7;
}
.widget_calendar caption {
    font-weight:700;
}
.calendar_wrap caption {
  background: none repeat scroll 0 0 #ff7d0d;
  color: #fff;
  line-height: 25px;
  text-align: center;
}
.calendar_wrap table {
  border-collapse: collapse;
  width: auto;
}
.calendar_wrap table th {
  border: 1px solid #ccc;
  font-weight: bold;
  padding: 8px 0px;
  text-align: center;
  width: 5%
}
.calendar_wrap table td {
  border: 1px solid #ccc;
  padding: 8px 0px;
  color: #000;
  width: 5%;
  text-align: center;
}
.calendar_wrap table td #prev, .calendar_wrap table td#next {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.calendar_wrap table td #next {
  text-align: right;
}


/**
 * Timeline Widget 
*/
.xmag-timeline{
	border-left: 8px solid #F0F0F0;
	padding-left: 25px;
}

.xmag-timeline .xmag-post-item{
	position: relative;
	margin-bottom: 20px;
}

.xmag-timeline .xmag-post-item h2{
	margin: 0;
	font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
}

.xmag-timeline .xmag-post-item:after{
	content: "";
    position: absolute;
    left: -39px;
    top: 0;
    height: 20px;
    width: 20px;
    background: #FFF;
    border-radius: 50%;
    border: 5px solid #F0F0F0;
}

.xmag-timeline .xmag-post-item:hover:after{
	background: #ff7d0d;
}

.widget-area .post_meta,
footer .post_meta{
	margin: 6px 0 0 !important; 
}

.widget-area .post_meta li,
footer .post_meta li {
    padding: 0 !important;
    display: inline-block;
}
.widget-area .post_meta li a::before,
footer .post_meta li a::before{
	content: '';
}


/**
 * Tab Widget 
*/
ul.xmag-tab-nav {
  overflow: hidden;
  margin-bottom: 15px !important;
  background: #ECF0F1;
}

li.xmag-tab {
  float: left;
  list-style: none;
}

.xmag-tabs-wdt .xmag-tab-anchor {
  font-size: 15px;
  padding: 10px 15px;
  line-height: 40px;
  display: inline-block;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  color: #333;
}
.xmag-tabs-wdt .xmag-tab-anchor:focus {
  outline: none;
}
.xmag-tabs-wdt .xmag-tab-anchor:hover {
  opacity: 0.9;
}
.xmag-tabs-wdt .ui-state-active {
  border-bottom: 2px solid #ff7d0d;
  outline: 0;
}
.xmag-tabs-wdt #xmag-comments,
.xmag-tabs-wdt #xmag-tags {
  display: none;
}

.xmag-comment {
  overflow: hidden;
  margin: 0 0 1em;
}

.xmag-comment-author,
.xmag_comment_post {
  font-weight: bold;
}

.xmag-comment {
  font-size: 14px;
  margin-top: 5px;
}

.xmag_avatar {
  float: left;
  margin: 0 1em 0 0;
}
.xmag_avatar img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.xmag-comm-content {
  overflow: hidden;
}

#xmag-tags a{
    background: #41393b none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
    margin-right: 3px;
    padding: 5px 15px;
}

#xmag-tags a:hover{
    background: #ff7d0d;
}

footer .xmag-tab-nav li,
.widget-area .xmag-tab-nav li{
	padding: 0;
}
.widget-area .xmag-tab-nav li a:before,
footer .xmag-tab-nav li a:before{
	display: none;
}

/**
 * COMMENT SECTION
*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comments-area {
	margin-top: 20px;
}
.comment-reply-title {
	margin-top: 0;
	font-size: 22px;
}
.comment-reply-title a {
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 10px;
}
.comment-reply-title a:hover {
    color: #FF7D0E;
}
.comment-notes {
	color: #777;
}
.required {
	color: red;
	font-size: 18px;
	line-height: 0;
}
.comments-area ol {
	margin: 0 !important;
	padding: 0;
	list-style: none;
}
.comment-body .reply {
    padding: 0 !important;
}
.comments-area ol.children {
	padding-left: 20px;
}
.comment-meta {
	position: relative;
}
.comment-author img {
	width: 70px;
	height: auto;
	margin:0 !important;
	vertical-align: top;
	padding-right: 10px;
}
.comments-area .comment-metadata a{
	color: #FF7D0E;
}
.comments-area  .comment-author {
    padding: 0 !important;
}
.comments-area .comment-metadata {
	position: absolute;
	top: 15px;
	left: 75px;
	font-style: italic;
	color: #777;
	font-size: 14px;
}
.comment-awaiting-moderation {
	margin-bottom: 0;
	font-size: 14px;
	color: red;
	margin-top: 10px;
}
.comment-content {
	font-size: 16px;
	color: #777;
	font-weight: 300;
}
.comment-reply-link {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.comment-reply-link:hover {
	color: #FF7D0E
}
a.comment-reply-link:visited, 
a.comment-reply-link:focus {
	color: #fff;
}

.comments-area h2,
.comment-respond h3 {
    position: relative;
    padding-bottom: 10px;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: bold;
}
.comments-area h2::after,
.comment-respond h3::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: 0;
    width: 50px;
    border-bottom: 3px solid #FF7D0E;
}


/**
 * Breadcrumbs Nav
*/
.breadcrumb li {
    display: inline-block;
    list-style: outside none none;
    padding-right: 10px;
    color: #e74c3c;
}

.breadcrumb ul li a:hover span{
	color: #e74c3c;
}

.breadcrumb li::after {
    content: '\f105';
    font-family: 'fontAwesome';
    margin-left: 10px;
    color: #777;
}

.breadcrumb ul .trail-begin a span:before {
    content: '\f015';
    font-family: 'fontAwesome';
    margin-right: 10px;
    color: #777;
}

.breadcrumb li:last-child::after {
    content: "";
}

/**
 * Extra CSS for PRO
*/
.topheaderleft.header_top_socical ul {
    text-align: left;
}

.datetime-social-wrap {
    display: inline-flex;
}

.datetime-social-wrap .header_top_socical {
    margin-left: 25px;
}

.header_top .topheaderright{
	text-align: right;
}

.xmag-datetime {
    line-height: 30px;
}

.xmag-datetime::before {
    content: "\f073";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}

/**
 * Menu Home Icon
*/
.xmag-homeicon {
    float: left;
}

.xmag-homeicon a {
    color: #fff;
    float: left;
    font-size: 20px;
    padding: 10px 15px;
    background: #ff7d0d;
    line-height: 28px;
    position: relative;
    z-index: 9999;
}
.xmag-homeicon a:hover{
	color: #fff;
}

.is-sticky .main_navigation,
.xp_header_lay_three .is-sticky .header_top{
	z-index: 99;
}

.posted_date::after {
    content: "-";
    font-family: FontAwesome;
    margin-left: 5px;
}

.xp_post_widget_one .post_meta .posted_date::after,
.xp_post_widget_two .post_meta .posted_date::after,
.xp_post_widget_eleven .post_meta .posted_date::after,
.xp_post_widget_twelve .post_meta .posted_date::after,
.widget_features_posts .post_meta .posted_date::after,
.trending_widget_carousel .post_meta .posted_date::after,
.xp_banner .post_meta .posted_date::after,
.xp_banner_layout_one .post_meta .posted_date::after{
	color: #fff;
}

.category_col .card.card_layout_one .post_meta .posted_date::after,
.xpressmag_pro_grid_list_block .post_meta .posted_date::after{
	color: #000;
}

/**
 * Header Two
*/
.headertwo .header_top {
    padding:0;
    border-bottom:0;
}
.headertwo .header_top .dark{
	background-color: #FF7D0E;
	padding: 6px 8px;
	color: #fff;
	border-radius: 0 2px;
}

.headertwo .header_top_left ul li a{
	color: #fff;
}

/**
 * Header Three
*/
.xp_header_lay_three .primary_navigation>ul>li>a {
    padding: 15px;
}
.xp_header_lay_three .xmag-homeicon a {
	line-height: 26px;
}

.xp_post_page_lay_wrap .xmag-quote blockquote {
    margin: 10px 0;
    line-height: 1.5em;
}
.xp_post_page_lay_wrap .xmag-quote blockquote:before {
    content: '\f10d';
    font-family: 'fontAwesome';
    left: 0;
    top: 0;
    font-size:25px;
    margin-right: 10px;
    color: #FF7D0E;
}

.xp_post_page_lay_wrap .xmag-quote blockquote:after {
    content: '\f10e';
    font-family: 'fontAwesome';
    top: 0;
    font-size:25px;
    color: #FF7D0E;
}

.xp_post_page_lay_wrap .postformat .post-thumbnail,
.xp_post_page_lay_wrap .postformat .post-thumbnail img{
	padding: 0;
	margin: 0;
}

.standardpost .post_holder{
	top: 0;
	-webkit-transform:none;
    transform:none;
    position: relative;
    padding: 20px 0;
    background: rgba(0,0,0,0.6);
}

.screenwidthpost {
	margin-bottom: 20px;
}

/**
 * Breaking News Ticker
*/
.news-ticker {
    margin-bottom: 25px;
}
.news-ticker .xmag-wrapper {
	position: relative;
}
.news-ticker-title {
	display: inline-block;
    position: relative;
    background: #ff7d0d;
    color: #fff;
    padding: 5px 10px 5px;
    vertical-align: middle;
    font-size: 15px;
    max-width: 30%;
    margin-right: 20px;
}
.news-ticker-title::after {
	content: "";
	border-top: 2em solid #ff7d0d;
	border-right: 15px solid transparent;
	position: absolute;
	right: -15px;
	top: 0;
}

.newsTicker.news-ticker-wrap.owl-carousel.owl-loaded.owl-drag {
	display: inline-block;
	width: 75%;
	vertical-align: middle;
	position: static;
}

.news-ticker .owl-nav {
    position: absolute;
    right:0;
    top:0;
}
.post_meta li.countview a{
	padding-left: 16px;
}
.post_meta li.countview a::before {
    top: 12px;
}
.post_meta li.countview a::before {
    content: '\f06e';
}

/**
 * WooCommerce Normal CSS
*/
.woocommerce .products ul, 
.woocommerce ul.products {
    margin: 0 0 1em !important;
}

/**
 * My Acount Page
*/
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin: 0 !important;
    list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a {
    background: #fff;
    color: #ff7d0d;
    border: 1px solid #ff7d0d;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 12px 23.6px;
    background: #ff7d0d;
    color: #ffffff;
    display: block;
    border: 1px solid #ff7d0d;
    font-weight: bold;
    font-style: normal;
    border-right: 1px solid #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    float: left;
    margin: 0;
    padding: 0 !important;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    padding: 1em 2em 1em 3.5em !important;
}
.woocommerce-EditAccountForm .clear{
	padding: 0 !important;
}
.woocommerce-info {
    border-top-color: #ff7d0d;
}
.woocommerce-info:before {
    color: #ff7d0d;
}
.static-contain {
    margin-bottom: 5px;
}
.hentry {
    margin-bottom: 0;
}
.post-detail-container {
    padding: 0 10px 20px;
    margin-bottom: 30px;
    border: 1px solid #ff7d0d;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    padding: 10px !important;
    border: 2px solid #ff7d0d;
}
.woocommerce-MyAccount-content p {
    margin: 0;
    margin-bottom: 5px;
}
.woocommerce-Message--info a.button {
    height: 40px;
    background: #ff7d0d;
    border: 1px solid #ff7d0d;
    border-radius: 0;
    padding: 0px 30px;
    line-height: 38px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    text-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-style: normal;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button {
    background: #ff7d0d;
    border-radius: 0;
    padding: 0px 30px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    text-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-style: normal;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.woocommerce-error a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover,
.woocommerce-Message--info a.button:hover {
    background: #fff;
    color: #ff7d0d;
}
.woocommerce-message {
    border-top-color: #ff7d0d;
}
.woocommerce-message:before {
    color: #ff7d0d;
}
.woocommerce-MyAccount-content h3,
.woocommerce-Address-title h3 {
    margin: 0;
    margin-bottom: 5px;
}
.woocommerce-MyAccount-content label,
.woocommerce-EditAccountForm label {
    font-weight: bold;
}
.woocommerce-MyAccount-content fieldset,
.woocommerce-EditAccountForm fieldset {
    margin-bottom: 10px;
}
.woocommerce-MyAccount-content a:hover,
.woocommerce-MyAccount-content a:hover {
    color: #ff7d0d;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 0;
    color: #fff;
    background-color: #ff7d0d;
    border: 1px solid #ff7d0d;
}
.woocommerce input.button {
    padding: 11px;
}
.compare.link-compare.button {
    border: 0;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    padding: 11px;
    color: #fff;
}
.woocommerce table.shop_table {
    border-radius: 0;
}
.woocommerce .quantity .qty {
    width: auto;
    padding: 6px;
}
.reduced.items-count {
    margin-right: -4px;
}
.increase.items-count {
    margin-left: -4px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #ff7d0d;
    color: #ffffff;
    border: 2px solid #ff7d0d;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #fff;
    color: #ff7d0d;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea{
    padding: 10px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    padding: 15px 6px 5px;
    margin:0;
}

.cart_totals h2,
.cross-sells>h2,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.related>h2,
.upsells>h2,
.woocommerce-Address-title.title h3 {
    width: 100%;
    height: auto;
    line-height: 21px;
    text-align: left;
    padding-left: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #fafafa;
    border-left: 4px solid #ff7d0d;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: inline-block;
    color: #555555;
    font-size: 16px;
    font-weight: 500;
}
.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text {
    width: 150px;
    padding: 15px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: #ff7d0d;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
    background-color: #fff;
    color: #ff7d0d;
}

.woocommerce .woocommerce-ordering select {
    padding: 6px;
}
.woocommerce ul.products li.product .onsale {
    margin: 0;
    background: #e74c3c;
    padding: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    font-size: 1.2em;
    text-align: center;
}

.woocommerce ul.products li.product .price {
    font-size: 1em;
    text-align: center;
}

.woocommerce ul.products li.product .price del {
    display: inline-block;
}
.woocommerce ul.products li.product .button {
    display: block;
    text-align: center;
}

.woocommerce a.added_to_cart {
    display: block;
    text-align: center;
    background: #e74c3c;
    color: #fff;
    padding: 6px;
}
.woocommerce ul.products li.product a img {
    margin: 0;
}

/**
 * Product Single Page Product Meta 
*/
.product_meta {
    padding-bottom: 10px;
    margin: 10px 0px;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
}
.product_meta span {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}
.product_meta > span {
    display: block;
    margin-top: 10px;
}
.product_meta .sku_wrapper span {
    border-bottom: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 2px;
}

.woocommerce span.onsale {
    top: 0;
    left: 0;
    background-color: #e74c3c;
}

.woocommerce div.product form.cart .variations td.label {
    color: #919191;
    font-size: 15px;
}

/** 
 * Single Page Tab
*/
.woocommerce-page div.product .woocommerce-tabs {
    margin-top: 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin: 0px;
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border: 1px solid #ff7d0d;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none !important;
    padding: 3px 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border: none !important;
    background: #ff7d0d !important;
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #ffffff;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-description p {
    margin: 0;
    padding: 10px 0px;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    padding: 10px 0px;
    margin: 0;
    font-size: 18px;
    line-height: 1;
    margin-top: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border: 1px solid #ff7d0d;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    bottom: -8px;
}
.woocommerce-error {
    border-top-color: #ff7d0d;
}
.woocommerce-error:before {
    color: #ff7d0d;
}

/**
 * WooCommerce defautl price_slider_amount
*/
.price_slider_amount .price_label {
    font-size: 14px;
    font-weight: 600;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: #ff7d0d;
    height: 12px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    height: 1.4em;
    background: #ff7d0d;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #e5e5e5;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 12px;
}

/** 
 * WooCommerce defautl widget area
*/
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    float: left;
    margin-left: 0px;
    width: 80px;
    height: auto;
    box-shadow: none;
    margin-right: 10px;
}

.woocommerce ul.cart_list li .star-rating, 
.woocommerce ul.product_list_widget li .star-rating,
.woocommerce .widget_rating_filter ul li a {
    font-size: 12px;
    margin: 5px 0;
}

footer .woocommerce ul.cart_list li a, 
footer .woocommerce ul.product_list_widget li a {
    color: #fff;
    margin-bottom: 10px;
}

/**
 * WooCommerce Pagination
*/
.woocommerce nav.woocommerce-pagination ul{
    border:none;
    background: none;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers{
    border:none;
    background: none;
    color: #ff7d0d;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: 1px solid #ff7d0d;
    margin-right: 5px;
    padding: 2px;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a{
    line-height:35px;
    padding:0;
    min-width:35px;
    text-align:center;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    font-size:16px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ff7d0d;
    color: #ffffff;
}


/**
 * SHORTCODES
*/
.clearfix:before, 
.clearfix:after{
    content: "";
    display: table;
    table-layout: fixed;
}
.clearfix:after{
    clear: both;
}

/**
 * Grid
*/
.sparklegrid .sparkle-grid {
    float:left;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.sparklegrid .col-sparkle-12 {
    width: 75%;
}
.sparklegrid .col-sparkle-8 {
    width: 50%;
}
.sparklegrid .col-sparkle-5 {
    width: 33.33%;
}
.sparklegrid .col-sparkle-4{
    width: 25%;
}
.sparklegrid .col-sparkle-3{
    width: 16.66%;
}


/**
 * Team and Testimonial Shortcode
*/
.sparkle-team .sparkle-member-image {
    border: 2px solid #ccc;
    line-height:0;
}
.sparkle-team .sparkle-member-image img{
    width:100%;
}
.sparkle-testimonial .sparkle-client-image {
      border: 2px solid rgba(0, 0, 0, 0.25);
    line-height:0;
   
}
.sparkle-testimonial .sparkle-client-image img{
  width:100%;   
}
.sparkle-team .sparkle-member-name, .sparkle-testimonial .sparkle-client-name {
    font-size: 18px;
    line-height: 25px;    
    margin-bottom:15px;
}
.sparkle-team .sparkle-member-position, .sparkle-testimonial .sparkle-client-position {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 15px;
    padding-bottom: 10px;    
    margin-top:0;
    color:#ff7d0d;
}
.sparkle-team .social-shortcode
{
    border-top: 1px solid #ddd;
    margin-top: 15px;
}
.sparkle-team .social-shortcode a:first-child
{
    margin-left: 0px;
}
.sparkle-team .sparkle-member-message, .sparkle-testimonial .sparkle-client-message {
    line-height: 25px;
}
.sparkle-team .sparkle-member-message
{
    color: #5D5D5D;
}
.social-shortcode > a {
    border: 1px solid #ff7d0d;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin: 10px 5px;
    text-align: center;
    width: 40px;
    position: relative;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
.social-shortcode > a:before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid transparent;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.social-shortcode > a:hover:before {
    border-color: #ff7d0d;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
}
.social-shortcode > a:hover {
    border-color: #ff7d0d;
    background: #ff7d0d;
    color: #fff;
}

/**
 * Toggle and Tabs Shortcode 
*/
.sparkle_toggle {
    margin-bottom: 10px;
}
.sparkle_toggle.close {
    float: none;
    font-size: 14px;
    font-weight: normal;
    line-height: inherit;
    opacity: 1;
    text-shadow: none;
    padding: 0 !important;
}
.sparkle_toggle.close .sparkle_toggle_content {
    display: none;
}
.sparkle_toggle.close:hover, .sparkle_toggle.close:focus {
    color: inherit;
    cursor: pointer;
    opacity: 1;
    text-decoration: none;
}
.sparkle_toggle.open .sparkle_toggle_title::before {
    content: "\f106";
    font-family: fontawesome;
    font-size: 25px;
    left: 10px;
    position: absolute;
    top: 5px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}
.sparkle_toggle.close .sparkle_toggle_title::before {
    content: "\f107";
    font-family: fontawesome;
    font-size: 25px;
    left: 10px;
    position: absolute;
    top: 5px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}
.sparkle_toggle .sparkle_toggle_title.active::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.sparkle_toggle .sparkle_toggle_title {
    background: #ff7d0d;
    color: #fff !important;
    font-size: 18px;
    font-weight: 300;
    padding: 10px 15px 10px 35px !important;
    position: relative;
    cursor: pointer;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}
.sparkle_toggle .sparkle_toggle_title:hover {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}
.sparkle_toggle .sparkle_toggle_content {
    border: 1px solid #ccc;
    padding: 15px 10px !important;
}

/**
 * Tabs Shortcode
*/
.sparkle_tab_group {
    position: absolute;
    z-index: 1;
    margin: 0 0 35px;
    width: 100%;
    margin: 0;
    border-color: #010101;
}

.sparkle_tab_group .tab-title {
    padding: 7px 0;
    width: 20%;
    margin: 0;
    padding: 10px 15px !important;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: -0.6px;
    font-size: 12px;
    border-radius: 0;
    font-size: inherit;
    background-color: #F1F1F1;
    color: #010101;
    float: left;
    margin-right:2px;
}
.sparkle_tab_group .tab-title .active {
    border-color: #010101;
    background-color: #F94532;
    color: #fff;
}
.sparkle_tab_group{
        position: relative;
    z-index: 1;
}
.sparkle_tab_group .sparkle_tab_content {
    background-color: #010101;
    color: #fff;
    margin-top: -1px;
    padding: 25px 30px;
    border: 1px solid #010101;
    font-size: 14px;
    color: #010101;
}
.sparkle_tab_wrap
{
    margin-top: 25px;
}
.sparkle_tab_wrap .sparkle_tab_group .tab-title
{
    cursor:pointer;
}
.sparkle_tab_wrap .sparkle_tab_group .tab-title.active
{
    background-color: #ff7d0d;
    color:#fff;
}
.sparkle_tab_wrap .sparkle_tab_content
{
    background-color:#ff7d0d;
    padding:15px !important;
}
.sparkle_tab_wrap .sparkle_tab_content .sparkle_tab
{
    color:#fff;
}

.sparkle_tab_wrap.vertical .sparkle_tab_group
{
    width: 25%;
    float: left;
    padding: 0;
}
.sparkle_tab_wrap.vertical .sparkle_tab_group .tab-title{
   width:initial;
   float:none;
   margin-right:0px;
   border-bottom:1px solid #fff;
}
.sparkle_tab_wrap.vertical .sparkle_tab_content
{
    float: left;
    width: 75%;
}

/**
 * List Style Shortcode 
*/
.sparkle-list {
    list-style: outside none none;
    margin: 0 !important;
    padding: 0;
}
.sparkle-list > li {
    position: relative;
    padding-left: 18px !important;
    list-style: none !important;
}
.sparkle-list > li::before {
    content: "";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    background-color: transparent !important;
}
.sparkle-list.sparkle-list1 > li::before {
    content: "";
}
.sparkle-list.sparkle-list2 > li::before {
    content: "";
}
.sparkle-list.sparkle-list3 > li::before {
    content: "";
}
.sparkle-list.sparkle-list4 > li::before {
    content: "";
}
.sparkle-list.sparkle-list5 > li::before {
    content: "";
}
.sparkle-list.sparkle-list6 > li::before {
    content: "";
}
.sparkle-list.sparkle-list3 > li, .sparkle-list.sparkle-list4 > li, .sparkle-list.sparkle-list5 > li, .sparkle-list.sparkle-list6 > li {
    padding-left: 20px;
}

/**
 * Call To Action Shortcode
*/
.sparkle_call_to_action{
	padding: 10px !important;
}
.sparkle_call_to_action.center {
    text-align: center;
    margin: 0 auto;
}
.sparkle_call_to_action.right {
    text-align:right;
}
.sparkle_call_to_action {
    background: #EEE;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 15px;
    margin: 15px 0;
}
.sparkle_call_to_action_button {
    background: #ff7d0d none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: 10px 25px;
    position: relative;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    margin-top:15px;
}

.sparkle_call_to_action_button:before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border: 1px solid #ff7d0d;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;   
}
.sparkle_call_to_action_button:hover, .sparkle_call_to_action_button:focus {
    color: #fff;
    background: #ff7d0d;
}
.sparkle_call_to_action_button:hover:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    opacity: 1;
    filter: Alpha(opacity=100);
    visibility: visible;
}

.sparkle_call_to_action.center .sparkle_call_to_action_button {
    float: none;
    color: #fff;
}
.sparkle_call_to_action .sparkle_call_to_action_button {
    color: #fff;
}

/**
 * Divider SHortcodes 
*/
.divider {
    display: block;
    margin: 30px auto;
}

/**
 Dropcaps Shortcodes 
*/
.sparkle-dropcaps.sparkle-square {
    background: #ff7d0d;
    color: #FFF;
    padding: 10px;
    margin-right: 8px;
    margin-top: 4px;
}

.sparkle-dropcaps {
    float: left;
    font-size: 60px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
    width: 60px;
    text-align: center;
}

/**
 * Tag Line Box
*/
.sparkle_tagline_box.sparkle-top-border-box {
    border-top: 3px solid #ff7d0d;
    padding: 20px;
    background: #F6F6F6;
}

.sparkle_tagline_box.sparkle-left-border-box {
    border-left: 3px solid #ff7d0d;
    padding: 20px !important;
    background: #F6F6F6;
}
.sparkle_tagline_box.sparkle-bg-box {
    background: #ff7d0d;
    padding: 20px !important;
    color:#fff !important;
}
.sparkle_tagline_box.sparkle-bg-box p{
    color:#fff;
}
.sparkle-bg-box h4
{
    font-size: 20px;
    color: #fff;
    border-bottom: 1px solid rgba(221, 221, 221, 0.44);
    padding-bottom: 12px;
    margin-bottom: 15px;
}


/**
 * Button Shortcodes
*/
.bttn {
    background: none;
    color: #ff7d0d;
    border: 1px solid #ff7d0d;
    cursor: pointer;
    padding: 8px 15px;
    display: inline-block;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}
.bttn.sparkle-small-bttn {
    padding: 5px 15px;
    font-size: 14px;
}
.bttn.sparkle-large-bttn {
    font-size: 20px;
    padding: 14px 45px;
}

.bttn.sparkle-default-bttn.sparkle-outline-bttn {
    border: 1px solid #ff7d0d;
    color: #ff7d0d;
}
.bttn.sparkle-default-bttn.sparkle-outline-bttn:hover {
    background: #ff7d0d;
    color: #FFF;
}

.bttn.sparkle-default-bttn.sparkle-bg-bttn {
    background: #ff7d0d;
    color: #FFF;
}
.bttn.sparkle-default-bttn.sparkle-bg-bttn:hover {
    background: #ff7d0d;
    opacity:0.8;
    padding: 5px 15px;
}
.bttn.sparkle-black-bttn.sparkle-outline-bttn {
    border: 1px solid #111;
    color: #111;
}
.bttn.sparkle-black-bttn.sparkle-outline-bttn:hover {
    background: #111;
    color: #FFF;
}
.bttn.sparkle-black-bttn.sparkle-bg-bttn {
    border: 1px solid #111;
    background: #111;
    color: #FFF;
}
.bttn.sparkle-black-bttn.sparkle-bg-bttn:hover {
    background: #000;
}
.bttn.sparkle-align-right {
    float: right;
}
.bttn.sparkle-align-left {
    float: left;
}

.bx-wrapper .bx-caption {
    background: rgba(3, 55, 114, .75);
}
.bx-wrapper .bx-controls-direction a{
    z-index:9;
}

/**
 * Update CSS
*/

@media (max-width: 640px){
	.middlesection .content-area .xpressmag_pro_block_posts .watchheight{
		width: 100% !important;
	}
	.imghover img {
	    width: 100%;
	}
	#primary .masonary_grid_item {
	    width: 100% !important;
	}
}
@media (max-width: 992px){
	.xp_banner_lay_two .right_gutter,
	.xp_banner_lay_two .left_gutter {
	    padding-left: 15px !important;
	}

	.xp_banner_lay_two .right_gutter .gutter_right_top {
	    margin-bottom: 0 !important;
	    margin-top: 20px;
	}
	.xmag-homeicon {
	    display: none;
	}
	.primary_navigation.mobile.dark ul {
	    z-index: 1;
	}
	.logo_area {
	    text-align: center;
	}

	.header_top .topheaderright {
	    text-align: center;
	    margin-top: 20px;
	}
	.headertwo .header_top {
	    text-align: center;
	}
	.xp_header_lay_two .primary_navigation.dark>ul>li>a {
	    color: #fff !important;
    	padding: 0px 10px !important;
	}
}
@media (max-width: 767px){
	.copyright_section {
	    text-align: center;
	}
}

.middlesection .content-area .xpressmag_pro_block_posts .watchheight{
	width: 50%;
}

.middlesection .content-area .xp_banner .banner_post_holder .post_holder{
	top: 60%;
}
.middlesection .content-area .xp_post_widget_twelve .card_layout_one .boxes_holder .left_box,
.middlesection .content-area .xp_post_widget_twelve .card_layout_one .boxes_holder .right_box {
    float: none;
    width: 100%;
}
.middlesection .content-area .xp_post_widget_twelve .card_layout_one .boxes_holder .right_box {
	padding-left: 0;
	padding-top: 20px;
}

.middlesection .content-area .xpressmag_pro_grid_list_block .section_title{
	padding-left: 15px;
}