/*
Theme Name: SpiderMag
Theme URI: https://www.sparklewpthemes.com/wordpress-themes/spidermag
Author: sparklewpthemes
Author URI: http://sparklewpthemes.com
Description: Spidermag is a ultra fast clean and best  responsive free WordPress magazine, spidermag specially designed for magazine, newspaper, news portals and editorial style websites.  It comes with the flat, minimalist, magazine style homepage Design with post banner slider and latest posts, and different custom widget design layout. Awesome design for categories, tags, archive pages with multiple sidebars and Ads, widgets. the theme has 10+ different drag and drop widget and 10+ widget area that allows adding many section as you want with various beautifully designed layouts suitable for websites. spidermag theme is completely built on customizer which allows you to customize most of the theme settings easily with live previews, spidermag supports many 3rd party plugins, compatible with Jetpack, Contact Form 7, WooCommerce, AccessPress Social Share, AccessPress Social Counter and many more. Official Support Forum : https://www.sparklewpthemes.com/support/ Video : https://www.youtube.com/channel/UCNz4pwcVXsZfVichroSRdKg Full Demo: http://demo.sparklewpthemes.com/spidermag/demos/ and Docs: http://docs.sparklewpthemes.com/spidermag/
Version: 1.1.8
Tested up to: 5.9
Requires PHP: 5.6
License: GNU General Public License, version 3 (GPLv3) or later
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: spidermag
Tags: right-sidebar, left-sidebar, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, post-formats, grid-layout, news, blog, custom-logo, e-commerce, footer-widgets

SpiderMag WordPress Theme, Copyright 2016 http://sparklewpthemes.com/ SpiderMag is distributed under the terms of the GNU GPL
SpiderMag is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# TYPOGRAPHY
--------------------------------------------------------------*/

/**
 * LINKS
*/
a {
    color: #e74c3c;
}
a:hover, a:focus {
    color: #e74c3c;
    text-decoration: none;
    outline: none;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
}

a:hover img {
    opacity: 0.6;
}
.navbar-inverse .navbar-toggle:focus,
:focus {
    outline: 1px dotted #ccc !important;
    /* padding: 5px !important; */
}

/*--------------------------------------------------------------
# HEADERS TAGS
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
    color: #333;
    font-weight: 400;
    line-height: 1.2;
    font-family: 'Playfair Display', serif;
}
h1 {
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 0;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 18px;
}
h4, h5, h6 {
    font-size: 18px;
    line-height: 1.2;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0px;
    margin-bottom: 5px;
}
a:hover h3, a:hover h2 {
    color: #e74c3c;
}

* {
    border-radius: 0 !important;
}
*:focus {
    outline: none;
}
body {
    font-size: 16px;
    line-height: 1.3;
    font-family: 'Ubuntu', sans-serif;
    color: #919191;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fdfdfd;
}
mark {
    background: #e74c3c;
    color: #fff;
}
br {
    margin: 5px 0;
}
hr {
    border-top: 1px solid #ededed;
}
blockquote {
    border-color: #e74c3c;
    background-color: #f8f8f8;
}
blockquote p {
    color: #333;
}

.text-danger {
    color: #e74c3c;
}
.icon {
    padding-right: 4px;
}
.top-margin {
    margin-top: 45px;
}
.bordered {
    border: 1px solid #ededed;
    padding: 5px 5px 0 5px;
    border-radius: 6px !important;
}
.sec-topic {
    margin-bottom: 20px;
    padding-right: 15px;
}
.single div#comments a,
.single .type-post a,
.single .sec-topic a{
    text-decoration: underline;
}
.category a {
    text-decoration: none;
}

.right-sec .main-title {
    font-size: 14px;
}
.right-sec .list-inline li {
    margin-bottom: 5px;
}
.blue {
    background: #2964a0;
    color: #fff;
}

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


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

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

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

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

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


ul{
    margin-bottom:0px;
}

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

ul {
    list-style:disc;
}

ol {
    list-style:decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

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

table {
    margin: 0 0 15px;
    width: 100%;
}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="submit"] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0 26px 26px 0 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #e74c3c;
    border: 1px solid #e74c3c;
    color: #fff;
}
input[type="submit"]:hover {
    background: #da4839;
    border: 1px solid #da4839;
}

.comment-form input[type="submit"]:hover{
    background: #fff;
    color: #2964a0;
}

/*--------------------------------------------------------------
# BOXED STYLE
--------------------------------------------------------------*/
.boxed .wrapper {
    width: 1170px;
    margin: 0 auto;
}

/*---------------------------------------
HOMEPAGE MARGIN FOR SECTION
----------------------------------------*/
.banner-outer {
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
# OVERRIGHT THE BOOTSTRP DEFAULT STYLE
--------------------------------------------------------------*/
.row {
    margin-left: -5px;
    margin-right: -5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16 {
    padding-left: 5px;
    padding-right: 5px;
}


/*--------------------------------------------------------------
# HEADER LOGIN AND REGISTER POPUP DILOGBOX
--------------------------------------------------------------*/
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.white-popup {
    position: relative;
    background: #fff;
    padding: 25px;
    width: auto;
    max-width: 400px;
    margin: 0 auto;
}
.mfp-close-btn-in .mfp-close {
    color: #e74c3c;
}

/*--------------------------------------------------------------
# HEADER TOOLBAR SECTION
--------------------------------------------------------------*/
.header-toolbar {
    font-size: 12px;
    font-weight: 600;
    color: #78899b;
    border-bottom: 1px solid #ecf0f1;
    padding: 10px 0;
}
/* #inline-popups li ul{
    display:none;
} */

/* .header-toolbar ul.list-inline li a{
    color:#78899b;
} */
.header-toolbar ul.list-inline li a:hover{
    color:#e74c3c;
}
.header-toolbar .f-social ul li {
    margin: 0 5px;
}
.header-toolbar .f-social ul li:last-child {
    margin: 0;
}
.header-toolbar .f-social a {
    font-size: 18px;
}

.topmain-nav ul    {
    margin: 0;
    padding: 0; /* only needed if you have not done a CSS reset */
}

.topmain-nav li    {
    display: block;
    float: left;
    line-height: 30px; /* this should be the same as your #main-nav height */
    height: 30px; /* this should be the same as your #main-nav height */
    margin: 0; padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
}
.topmain-nav li a  {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
}
.current-menu-item a{
    color: #e74c3c;
}

.topmain-nav ul ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
}
.topmain-nav ul ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}
.topmain-nav ul ul li a { /* target all sub menu item links */
    padding: 0px 10px;
    color: #fff;
    border-bottom: 1px solid #ccc;
}

.topmain-nav ul ul.sub-menu li a:hover {
    background: #2964a0;
    color: #fff;
}

.topmain-nav ul li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
    background: #e74c3c;
    z-index: 99;
}

.topmain-nav ul ul li ul {
    /* target all second, third, and deeper level sub menus */
    left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 0; /* this ensures the sub menu starts in line with its parent item */
}

.header-toolbar .hot-news{
    margin: 0;
}

/*--------------------------------------------------------------
# HEADER DATE, TIME AND WEATHER
--------------------------------------------------------------*/
.topright{
    margin-top: -25px;
}
#weather i {
    color: #e74c3c;
    font-size: 40px;
    line-height: 0;
}

/*--------------------------------------------------------------
# ALL HEADER TYPE
--------------------------------------------------------------*/
.header {
    padding: 20px 5px;
}

.site-branding,
.spidermag-logo,
.spidermag-logotitle {
    display: inline-block;
    vertical-align: middle;
}
.site-title{
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 25px;
}
.site-branding .spider-home {
    display: flex;
    align-items: center;
}

/*--------------------------------------------------------------
# NAVIGATION
--------------------------------------------------------------*/
.sticky-header {
    background: #fff;
}
.navbar-fixed-top {
    top: -60px;
    transition: top 800ms ease 0s;
}
.show-2 {
    transition: bottom 800ms ease 0s;
}
.show {
    top: 0;
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.navbar {
    margin-bottom: 0;
}
.navbar-inverse {
    background-color: #0e0e0e;
    border-top: none;
    border-bottom: 3px solid #e74c3c;
    border-right: none;
    border-left: none;
}



.box-header-nav .main-menu ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.box-header-nav .main-menu{
    list-style: none;
    padding:0;
}

.block-nav-category .vertical-menu .menu-item.btn,
.box-header-nav .main-menu .menu-item.btn{
    display: block;
    padding: inherit;
    text-align: inherit;
    border: 0;
}

.box-header-nav .main-menu .page_item,
.box-header-nav .main-menu .page_item a,
.box-header-nav .main-menu .menu-item,
.box-header-nav .main-menu .menu-item a{
    position: relative;
}

.box-header-nav .main-menu>ul>.page_item,
.box-header-nav .main-menu>.menu-item{
    display: inline-block;
}

.box-header-nav .main-menu .page_item a,
.box-header-nav .main-menu>.menu-item>a{
    display: inline-block;
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: #ffffff;
    border-right: 1px solid #e2e5e82b;
}

.box-header-nav .main-menu .page_item.current_page_item>a,
.box-header-nav .main-menu .page_item:hover>a,
.box-header-nav .main-menu .page_item.focus>a,
.box-header-nav .main-menu>.menu-item.current-menu-item>a,
.box-header-nav .main-menu>.menu-item:hover>a,
.box-header-nav .main-menu>.menu-item.focus>a{
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
}

.box-header-nav .main-menu .page_item.page_item_has_children>a::after,
.box-header-nav .main-menu>.menu-item.menu-item-has-children>a::after{
    display: inline-block;
    vertical-align: top;
    content: '\f107';
    margin-left: 4px;
    font-family: 'FontAwesome';
}


.box-header-nav .main-menu .page_item:hover>.children,
.box-header-nav .main-menu .page_item.focus>.children,
.box-header-nav .main-menu .menu-item:hover>.sub-menu,
.box-header-nav .main-menu .menu-item.focus>.sub-menu{
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
}

.box-header-nav .main-menu .children,
.box-header-nav .main-menu .sub-menu{
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 225px;
    background-color: #fff;
    color: #666;
    box-shadow: 0 -1px #eee inset, 1px 0 #eee inset, -1px 0 #eee inset;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
}
.box-header-nav .main-menu>.menu-item:last-child>a{
    border-right: none;
}
.box-header-nav .main-menu .children>.page_item>a,
.box-header-nav .main-menu .sub-menu>.menu-item>a{
    display: block;
    padding: 10px 20px;
    font-weight: normal;
    margin: 0;
    background-color: #231f1f;
    color: #fff;
    font-size: 14px;
}

.box-header-nav .main-menu .children li:not(:first-child)::before,
.box-header-nav .main-menu .sub-menu li:not(:first-child)::before {
    content: '';
    display: block;
    border-top: 1px dashed #f1f1f1;
}

.box-header-nav .main-menu .children>.page_item:hover>a,
.box-header-nav .main-menu .children>.page_item.focus>a,
.box-header-nav .main-menu .sub-menu>.menu-item:hover>a,
.box-header-nav .main-menu .sub-menu>.menu-item.focus>a{
    background-color: #e74c3b;
    color: #fff;
    font-weight: 700;
}

.box-header-nav .main-menu .children>.page_item.current_page_item>a,
.box-header-nav .main-menu .sub-menu>.menu-item.current-menu-item>a {
    background: #ffb920;
    color: #fff;
}
.box-header-nav .main-menu .children>.page_item.page_item_has_children>a::after,
.box-header-nav .main-menu .sub-menu>.menu-item.menu-item-has-children>a::after{
    display: inline-block;
    float: right;
    content: '\f105';
    font-family: 'FontAwesome';
}

.box-header-nav .main-menu .children .children,
.box-header-nav .main-menu .sub-menu .sub-menu{
    top: 0;
    left: 100%;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    box-shadow: 0 -1px #eee inset, 1px 0 #eee inset, 0 1px #eee inset;
}


a.spider-home.spider-home-active.ion-home,
a.spider-home.spider-home.ion-home {
    padding: 10px 8px 10px 15px !important;
}
a.spider-home.spider-home-active.ion-home,
a.spider-home.spider-home.ion-home:hover {
    padding: 10px 8px 10px 15px ;
}
a.spider-home.spider-home-active.ion-home:hover {
    background-color: #ccc;
}


.nav-icn {
    margin-left: 5px;
}
.nav-sub-icn {
    margin-right: 5px;
}

/*--------------------------------------------------------*\
    HEADER SEARCH
\*-------------------------------------------------------*/
.nav-search-outer {
    margin-bottom: 10px;
}
.search-container {
    background-color: #e74c3c;
    position: absolute;
    width: 100%;
    display:none;
    z-index:10;
}
.parallax-wrap{
    margin-bottom: 15px;
}
.search-container input {
    background-color: #e74c3c;
    border: none;
    color: #fff;
    padding: 1.875rem 0;
    width: 100%;
}
::-webkit-input-placeholder {
    color: #fff;
    opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;
    opacity: 1 !important;
}
:-ms-input-placeholder {
    color: #fff;
    opacity: 1 !important;
}
.toggle-search {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    background: #e74c3c;
    padding: 5px 20px 5px 20px;
    line-height: 40px;
    text-align: center;
    font-size: 25px;
}
.toggle-search:hover, .toggle-search:focus {
    color: #fff;
}
.width-100{
    width: 100%;
}
.flex-center{
    display: flex;
    align-items: center;
}
.space-between{
    justify-content: space-between;
}
/*--------------------------------------------------------------
# HOT NEWS
--------------------------------------------------------------*/
.hot-news {
    overflow: hidden;
    display: flex;
    align-items: center;
}
.icon-news {
    font-size: 20px;
    margin-right: 10px;
    color: #e74c3c;
    padding: 0px 10px;
    line-height: 1;
}
.spider-home {
    font-size: 30px;
    
    color: #fff;
    padding: 0 10px;
}
.spider-home-active{
    background: #e74c3c;
}
.shuffle span {
    font-size: 20px;
    display: inline-block;
}
.shuffle a span {
    color: #2964a0;
}
.shuffle a:hover span {
    color: #e74c3c;
}
.ticker-wrapper.has-js {
    height: 42px;
    display: block;
    width: 100%;
    font-size: 15px;
}
.ticker {
    width: 90%;
    height: inherit;
    display: flex;
    position: relative;
    overflow: hidden;
    left: -16px;
    text-transform: capitalize;
    align-items: center;
}
.ticker-title {
    display: none;
}
.ticker-content {
    margin: 0px;
    position: absolute;
    color: #e74c3c;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
}
.ticker-content a {
    text-decoration: none;
    color: #e74c3c;
}
.ticker-content a:hover {
    text-decoration: none;
    color: #2964a0;
}
.ticker-swipe {
    padding-top: 16px;
    position: absolute;
    top: 0px;
    background-color: #fff;
    display: block;
    width: 800px;
}
.js-hidden {
    display: none;
}
.no-js-news {
    padding: 10px 0px 0px 10px;
    color: #F8F0DB;
}
.left .ticker-swipe {
    left: 80px;
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 0;
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}

/*--------------------------------------------------------------
# PAGE HEADER
--------------------------------------------------------------*/
.page-header {
    margin-top: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
}
.page-header {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.page-header small {
    padding-left: 5px;
    font-size: 14px;
    text-transform: none;
    color: #78899b;
}
.page-header h1 {
    display: inline-block;
}


/*--------------------------------------------------------------
# ANY TOPIC TITLE
--------------------------------------------------------------*/
.main-title-outer {
    width: 100%;
    margin: 20px 0;
}
.main-title-outer:before,
.main-title-outer:after{
    content: " ";
    display: table;
}
.main-title-outer:after{
    clear: both;
}
.main-title {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0;
    border-bottom: none;
    padding: 0;
    font-size: 25px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: left;
    color: #333;
}
/*--------------------------------------------------------------
# SUB INFO
--------------------------------------------------------------*/
.sub-info {
    font-size: 12px;
}
.sub-info-bordered {
    padding: 0px 0px;
    margin-bottom: 10px;
    font-size: 14px;
}
.sub-info-bordered div {
    display: inline-block;
}
.sub-info-bordered .stars {
    float: right;
}
.sub-info-bordered a {
    color: #e74c3c;
    text-transform: capitalize;
}
.sub-info-bordered a:hover {
    text-decoration: underline;
}
.last-update {
    font-size: 12px;
    line-height: 36px;
    display: none;
}
.time {
    padding-right: 10px;
    display: inline-block;
}
.author {
    padding-right: 15px;
}
.comments {
    display: inline-block;
}
.stars {
    font-size: 14px;
    color: #e74c3c;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/*--------------------------------------------------------------
# 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;
}
.sticky {
    display: none;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.mag-clearfix:before,
.mag-clearfix: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;
}
.mag-clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}
.posts-navigation{
    display: none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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%;
}

/*--------------------------------------------------------------*/
/*## Captions*/
/*--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------*/
/*## Galleries*/
/*--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 3px;
}
.gallery-item img {
    border-radius: 6px !important;
}
.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;
}


/*--------------------------------------------------------------*/
/*## BREADCRUMB                                                 */
/*--------------------------------------------------------------*/
#custom-header {
    position: relative;
    padding: 25px 15px 25px;
    background-size: cover;
    margin-bottom: 15px;
}

#custom-header::after {
    content: "";
    background: rgb(255, 255, 255);
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    opacity: 0.5;
    border-radius: 4px;
}

.custom-header-wrapper {
    position: relative;
    z-index: 9;
    text-align: left;
}
.custom-header-wrapper h1 {
    color: #333;
    text-transform: capitalize;
    font-size: 32px;
    font-weight: 600;
}

#custom-header img {
    vertical-align: middle;
}


#breadcrumb li {
    display: inline-block;
    list-style: outside none none;
    padding-right: 10px;
    color: #949090;
}

#breadcrumb li a:hover,#breadcrumb li span:hover  {
    color: #6b6868;
}
#breadcrumb li a ,#breadcrumb li span{
    color: #949090;
    font-size: 13px;
}
#breadcrumb li.trail-end span {
    color: #6b6868;
}
#breadcrumb li.trail-item.trail-end::after {
    display: none;
}

#breadcrumb ul {
    margin: 0;
    padding: 0;
}

#breadcrumb li::after {
    margin-left: 10px;
    content: "\f101";
    font-family: "FontAwesome";
}

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

#breadcrumb .trail-items {
    margin: 0;
    padding: 0;
}

.taxonomy-description {
    padding: 10px 0;
}
/*--------------------------------------------------------------*/
/*## PAGINATION                                                 */
/*--------------------------------------------------------------*/

.desc-nav{
    margin-top: 10px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.desc-nav span:hover {
    background: transparent;
    color: red;
    border: 1px solid #2964a0;
}
.desc-nav span {
    padding: 6px 10px;
    background-color: #2964a0;
    color: #fff;
    border: 1px solid #2964a0;
}



.pagination {
    margin-top: 10px;
    text-align: center;
    display: block;
    margin-bottom: 40px;
}
.pagination span {
    padding: 7px;
    background-color: #2964a0;
    color: #fff;
}
.pagination .nav-links span,
.pagination .nav-links a{
    padding: 10px 16px;
    color: #333;
    font-size: 13px;
    display: inline-block;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 30px !important;
}
.pagination .nav-links a:hover{
    background-color: #ededed
}
.pagination .nav-links span.current{
    background-color: #e74c3c;
    border: 1px solid #e74c3c;
    color: #fff;
}
.pagination .nav-links a.prev, .pagination .nav-links a.next{
    background-color: #e74c3c;
    border: 1px solid #e74c3c;
    color: #fff;
}
.pagination li a, .pagination li span {
    border: 1px solid #ededed !important;
}
.pagination li a:hover, .pagination li span:hover,
.pagination li a:focus, .pagination li span:focus {
    background: #ededed;
    border: 1px soild #ededed;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background: #e74c3c;
    border: 1px solid #e74c3c;
}
.pagination > li > a, .pagination > li > span {
    color: #2964a0;
}

/*--------------------------------------------------------------*/
/*## WooCommerce Pagination                                                 */
/*--------------------------------------------------------------*/
.woocommerce nav.woocommerce-pagination ul li a{
    background: #e74c3c;
    padding: 12px 15px;
    font-size: 15px;
    color: #fff;
}
.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: #2964a0;
    padding: 12px 15px;
    font-size: 15px;
    color: #fff;
}


/**
 * Post List View
*/

.blogging-style {
    padding: 30px 0 40px;
}
.blogging-style .business {
    padding-bottom: 0;
}
.blogging-style .top-margin {
    margin-top: 10px;
}
.blogging-style  .classicpost img{
    border-radius: 4px !important;
}
.thumb-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.thumb-box span,
a .thumb-box span {
    width: 42px;
    height: 42px;
    background-color: #e74c3c;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    position: absolute;
    z-index: 100;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 100% !important;
}
div .thumb-box span{
    opacity: 1;
}
a:hover .thumb-box span {
    background-color: #e74c3c;
    font-size: 24px;
    color: #fff;
    text-align: center;
    position: absolute;
    opacity: 1;
    z-index: 100;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ion-image:before {
    font-size: 22px;
}
.mid-sec {
    min-height: 800px;
    border: 1px solid #ededed;
    background: #fbfbfb;
    padding-top: 5px;
}
.mid-sec .main-title {
    font-size: 14px;
}
.mid-sec .vid-thumb-outer {
    margin-bottom: 15px;
}
.mid-sec .list-unstyled li {
    padding-bottom: 0;
    float: left;
    width: 100%;
}
.rate {
    background-color: #2964a0;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    width: 40px;
    margin-right: 8px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.list-group {
    margin-bottom: 15px;
}
.list-group-item {
    border: 1px solid #ededed;
}
.list-group-item a {
    display: block;
}
.list-group-item a:hover .badge {
    background: #e74c3c;
}
.list-group-item .badge {
    float: right;
}

.list-view .sec-topic .thumb-box img.img-thumbnail{
    width:100%;
}
.list-view .sec-topic .sec-info h3{
    margin-top:0px;
}
.min-height{
    min-height: 20px;;height: 60px; overflow: hidden;
}

.bre-latest {
    background-color: #E74C3C;
    color: #fff;
    padding: 0px 5px;
}
.spidermag-default-menu {
    padding: 15px 0px 0px 15px;
    color: #fff;
    font-size: 15px;
}
.time {
    padding-right: 8px !important;
}
.author-16 .hideauthor {
    display: none;
}
.sub-info-bordered a:hover {
    text-decoration: none !important;
}

.blogging-style .top-margin {
    margin-top: 0px !important;
}

/*--------------------------------------------------------------
# ALL WIDGET AREA STYLE
--------------------------------------------------------------*/
.widget-area aside {
    margin-bottom: 15px;
}

.widget ul{
    margin-left: 0;
}

.widget-area .bordered {
    padding: 10px 20px;
    border-radius: 6px !important;
}
.right-sec .widget-title {
    font-size: 22px;
}

.widget-area .pull-left{
    margin-bottom: 10px;
}

.widget-area .f-title{
    position: relative;
    z-index: 1;
    float: left;
    margin: 0;
    text-align: center;
    border-bottom: none;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    height: 36px;
    line-height: 36px;
}
.widget-area .authorleft .author {
    display: none;
}
.no-author {
    margin-right: -40px;
}

/*--------------------------------------------------------------
# All Default Sidebar widget
--------------------------------------------------------------*/
.widget_archive ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul{
    list-style: outside none none;
    margin: 0;
}
.widget_product_categories ul{
    margin-left: 0;
}
.widget_archive li,
.widget_categories li,
.widget_recent_entries li,
.widget_meta li,
.widget_recent_comments li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li,
.widget_product_categories li {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right:5px;
    margin: 12px 0;
}
.widget_archive a,
.widget_categories a,
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li,
.widget_product_categories a {
    color: #333;
    /*     font-size: 14px; */
    line-height: 32px;
    padding-left: 22px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.widget_recent_entries a{
    padding-left: 15px;
    line-height: 1.4;
    margin: 5px 0;
}
.widget_recent_comments li{
    line-height: 1.4;
}

.widget a:hover,
.widget a:hover::before,
.widget li:hover::before {
    color: #e74c3c;
}
.widget_archive a::before,
.widget_categories a::before,
.widget_recent_entries a::before,
.widget_meta a::before,
.widget_recent_comments li::before,
.widget_rss li:before,
.widget_pages li:before,
.widget_nav_menu li:before,
.widget_product_categories a:before {
    color: #e74c3b;
    content: "\f187";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: -8px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.widget_categories a::before{
    content: "\f07b";
    top: 0;
}
.widget_product_categories a::before{
    top: 0px;
}
.widget_archive a::before {
    top: 0;
}
.widget_recent_entries a::before {
    content: "\f101";
    top: 0;
}
.widget_meta a::before,
.widget_nav_menu li:before {
    content: "\f138";
    top: -6px;
}
.widget_recent_comments li::before {
    content: "\f086";
    top: 2px;
}
.widget_rss li::before {
    content: "\f09e";
    top: 0;
}
.widget_pages li:before {
    content: "\f1ea";
    top: 0;
}
.widget_recent_entries .post-date {
    color: #8f8f8f;
    display: block;
    font-size: 11px;
    margin-top: 5px;
    padding-left: 0px;
}
.widget_nav_menu li:before{
    top: 0;
}
.widget_recent_comments li a {
    color: #333;
}
/*--------------------------------------------------------------
# Sidebar Select
--------------------------------------------------------------*/
.widget_archive select,
.widget_categories select,
.widget_product_categories select{
    width: 100%;
    padding: 10px;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_product_categories ul li{
    width: 100%;
    text-align: right;
    display: inline-block;
    margin: 0;
}
.widget_archive ul li a,
.widget_categories ul li a,
.widget_product_categories ul li a{
    float: left;
}

/*--------------------------------------------------------------
# Sidebar Sub Menu
--------------------------------------------------------------*/
.widget_pages ul li .children li:last-child,
.widget_nav_menu ul li .sub-menu li:last-child,
.widget_product_categories ul li .children li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget_product_categories ul .children{
    margin-left: 15px;
}

/*--------------------------------------------------------------
# Calendar Area
--------------------------------------------------------------*/
.calendar_wrap caption {
    background: none repeat scroll 0 0 #2964a0;
    color: #ffffff;
    line-height: 40px;
    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;
}

/*-------------------------------------
 WIDGET SEARCH SECTION
--------------------------------------*/
.widget_search .search-form,
.widget_product_search .woocommerce-product-search {
    position:relative;
}
.widget_search .search-field::-webkit-input-placeholder,
.widget_search .search-form:-moz-placeholder,
.widget_search .search-form:-ms-input-placeholder,
.widget_product_search .search-field::-webkit-input-placeholder,
.widget_product_search .search-form:-moz-placeholder,
.widget_product_search .search-form:-ms-input-placeholder{
    color: #868686;
}
.widget_search .search-form > label,
.widget_product_search .search-form > label {
    margin: 0;
    width: 100%;
}
.widget_search .screen-reader-text,
.widget_product_search .screen-reader-text {
    display: none;
}
.widget_search .search-field,
.widget_product_search .search-field {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #b5b5b5;
    color: #333;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    width: 100%;
    padding: 0 90px 0px 20px;
    font-weight: 400;
    font-size: 18px;
    border-radius: 30px !important;
}
.widget_search .search-field::placeholder{
    color: #333;
}
.widget_search .search-submit,
.widget_product_search input[type="submit"] {
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    margin-left: -5px;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    -webkit-transition: all ease 0.5s;
}
.widget_search .search-submit:hover,
.widget_product_search input[type="submit"]:hover{
    background: #bd2212;
    border: 1px solid #fff;
}

/*--------------------------------------------------------------
# Widget TagCloud
--------------------------------------------------------------*/
.tagcloud a {
    position: relative;
    z-index: 1;
    background-color: #212121 !important;
    float: left;
    margin: 2px 4px;
    text-align: center;
    border-bottom: none;
    padding-bottom: 0;
    color: #b5b5b5;
    text-transform: capitalize;
    display: block;
    padding: 6px 16px;
    font-size: 14px !important;
    border-radius: 30px !important;
}
.tagcloud a:hover {
    background: #e74c3c;
    color: #fff;
}
.tagcloud a:hover:before {
    border-color:#e74c3c;
}
.widget-area .tagcloud:before,
.widget-area .tagcloud:after{
    content:"";
    display:table;
}
.widget-area .tagcloud:after{
    clear:both;
}
/*--------------------------------------------------------------
# Footer All Default Sidebar widget
--------------------------------------------------------------*/
footer a{
    color:white;
}
footer .f-sub-info,
footer .f-sub-info span {
    font-size: 12px;
}

footer .widget_archive a::before,
footer .widget_categories a::before,
footer .widget_recent_entries a::before,
footer .widget_meta a::before,
footer .widget_recent_comments li::before,
footer .widget_rss li:before,
footer .widget_pages li:before,
footer .widget_nav_menu li:before,
footer .widget_product_categories a:before,
footer .widget_archive a,
footer .widget_categories a,
footer .widget_recent_entries a,
footer .widget_meta a,
footer .widget_recent_comments li,
footer .widget_rss li,
footer .widget_pages li,
footer .widget_nav_menu li,
footer .widget_product_categories a,
footer .calendar_wrap table td,
footer .calendar_wrap table td a{
    color: #fff;
}


/***********************************************
 * Custom Widget in Sidebar Widget Area
*************************************************/
.widget-area .widget_spidermag_latest_random_post .author a,
.widget-area .widget_spidermag_latest_random_post .comments a,
.widget-area .widget_spidermag_latest_random_post .time {
    color: #e74c3c;
    font-size: 13px;
}
.tab-content .author a,
.tab-content .comments a{
    color: #e74c3c;
}
.top-sec .tab-content .author a,
.top-sec .tab-content .comments a,
.top-sec .tab-content .time{
    color: #fff;
}
.top-sec .tab-content h4 a, .top-sec .tab-content #comments-tab h4{
    color: #fff;
}
.top-sec .tab-content h4 a:hover{
    color: #e74c3c;
}
.widget-area .f-sub-info{
    color: #e74c3c;
}
.widget-area .widget_spidermag_latest_random_post .img-thumbnail {
    background: #f8f8f8;
    border: 1px solid #ededed;
}
.widget_spidermag_latest_random_post .list-unstyled li h4 a:hover,
.widget_spidermag_latest_random_post .author a:hover,
.widget_spidermag_latest_random_post .comments a:hover {
    color: #e74c3c;
}
.widget_spidermag_latest_random_post .img-thumbnail {
    background: #4b6986;
    border: 1px solid #4f7396;
}
.widget_spidermag_latest_random_post .pull-left{
    width: 100%;
    margin-bottom: 10px;
}

/*--------------------------------------------
ADVERTISEMENT AREA (336PX*280PX)
---------------------------------------------*/
.sponsored,
.sponsored:focus {
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #2964a0;
    margin: 5px 0 0 0;
    padding: 3px 0;
    font-size: 12px;
    white-space: nowrap;
}
.sponsord-v {
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #2964a0;
    padding: 3px 0;
    font-size: 12px;
    height: 125px;
}

/*--------------------------------------------
WIDGET BLOCK SECTION
---------------------------------------------*/
/* .widget_spidermag_first_block,
.widget_spidermag_second_block,
.widget_spidermag_third_block,
.widget_spidermag_four_block,
.widget_spidermag_five_block,
.widget_spidermag_six_block,
.widget_spidermag_seven_block,
.widget_text{
    margin-bottom: 20px;
} */

/*.widget_spidermag_first_block .img-thumbnail,*/
.widget_spidermag_second_block .img-thumbnail,
.widget_spidermag_second_block .img-thumbnail,
.widget_spidermag_third_block .img-thumbnail,
.widget_spidermag_four_block .img-thumbnail,
.widget_spidermag_five_block .img-thumbnail,
.widget_spidermag_five_block .img-thumbnail,
.widget_spidermag_six_block .img-thumbnail {
    margin-bottom: 10px;
}

.widget_spidermag_first_block p,
.widget_spidermag_second_block p,
.widget_spidermag_third_block p,
.widget_spidermag_four_block p,
.widget_spidermag_five_block p,
.widget_spidermag_six_block p,
.widget_spidermag_seven_block p {
    margin-bottom: 0;
}

.widget_spidermag_four_block .four_block{
    padding-left: 5px;
    padding-right: 5px;
}

/**
 * Recent/Popular with Comment Widget Area
*/
.widget_spidermag_tabbed_format_post ul{
    margin-left: 0;
    margin-top: 10px;
}


/**
 * Block Second Widget Area
*/
.widget_spidermag_second_block ul{
    margin-left: 5px;
    margin-top: 20px;
}

/**
 * Block Severn Widget Area
*/
.widget_spidermag_seven_block h3{
    margin-top: 0;
}

.widget_spidermag_seven_block .spmag-button {
    margin-bottom: 1%;
}
.widget_spidermag_seven_block .col-sm-5.spmag-button{
    width: 33.33333%;
}
.widget_spidermag_seven_block .col-sm-16.spmag-button .carousel-caption{
    bottom: 30px !important;
}
.widget_spidermag_seven_block .col-sm-16.spmag-button .carousel-caption a{
    font-size:22px !important;
}
.widget_spidermag_seven_block .col-sm-8 .carousel-caption a {
    font-size: 20px;
    line-height: 26px;
}
.widget_spidermag_seven_block .carousel-caption {
    bottom: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    left: 12px;
    right: 0%;
    line-height: 20px;
}
.widget_spidermag_seven_block .carousel-caption a{
    color:#fff;
    font-size: 14px;
}
.widget_spidermag_seven_block .carousel-caption{
    bottom:6px;
    line-height:18px;
}
.widget_spidermag_seven_block .category-caption {
    z-index: 10;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    position: absolute;
    left: 8px;
    top: 5px;
}
.widget_spidermag_seven_block .box .overlay{
    opacity: 0.5;
}
.widget_spidermag_seven_block .box img.img-thumbnail{
    padding:0px;
    border:none;
}

/**
 * Eight Block Area
*/
.widget_spidermag_eight_block .spmnormal .col-md-5,
.widget_spidermag_eight_block .spmgrid .col-md-5  {
    width: 33.3333%;
}
.widget_spidermag_eight_block .spmnormal h3,
.widget_spidermag_eight_block .spmgrid h3{
    margin-top:0;
}

/**
 * TABS WIDGET
*/
.nav-tabs {
    border-bottom: 1px solid #ededed
}
.nav-tabs li a {
    background-color: #2964a0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    padding-right: 5px;
    padding-left: 5px;
}
.nav-tabs li a:hover {
    background-color: #78899b;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
    background-color: #e74c3c;
    color: #fff;
    border: none;
}
.nav-tabs.nav-justified li {
    border-right: 1px solid #fff;
}
.nav-tabs.nav-justified li a {
    border-bottom: none;
}
.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus {
    background: #e74c3c;
    border: none;
}

.widget_spidermag_tabbed_format_post .nav-tabs li{
    border-right: none;
}

/**
 * MASONRY LAYOUT
*/
.grid-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.grid {
    margin-top: -10px;
    width: 105%;
}
.masonry-item {
    width: 380px;
    margin: 10px 20px 10px 0;
    background: #fff;
    border: 1px solid #ededed;
    padding-left: 0;
    padding-right: 0;
    border-radius: 6px !important;
}
.masonry-item:hover {
    border: 1px solid #e74c3c;
}
.item:hover .title {
    opacity: 1;
}

.toggle {
    text-align: center;
    padding: 0;
    color: white;
}
.toggle li {
    display: inline;
    padding: 0 60px;
}
.toggle label {
    font-size: 1.2em;
    padding: 0 10px;
}

.title {
    display: table-cell;
    vertical-align: middle;
    opacity: 0;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}
.expand {
    transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
    -webkit-transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
    height: 100%;
    width: 100%;
    left: 0 !important;
    top: 0 !important;
    z-index: 99;
    text-indent: -9999px;
}
.more {
    font-size: 14px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 8px 0;
    display: block;
    margin-top: 10px;
}
.more span {
    font-size: 10px;
}
.title-icon {
    position: absolute;
    top: 42%;
    right: 25px;
    background: #e74c3c;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 20px;
    z-index: 100;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
    border-radius: 100% !important;
}
.contents-wrap {
    padding: 20px 20px 0;
}
.blog-item {
    margin-bottom: 15px;
}
.blog-item:hover img {
    opacity: 0.8;
}
.read-more,
.read-more:focus {
    display: block;
    color: #e74c3c;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 15px;
    letter-spacing: 0.4px;
}
.read-more {
    display: inline-flex;
    align-items: center;
}
.read-more span {
    display: inline-block;
}
.read-more svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    transform: translateX(0px);
    transition: all 0.3s;
}
.read-more svg path {
    fill: #e74c3c;
}
.read-more:hover{
    color: #e74c3c !important;
}
.read-more:hover svg{
    color: #e74c3c !important;
    transform: translateX(10px);
    transition: all 0.3s;
}

/**
 * Slider Block Widget
*/
.widget_spidermag_slider_block .slider-meta{
    bottom: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    left: 12px;
    right: 0%;
    line-height: 28px;
    position: absolute;
    color: #fff;
    font-size: 13px;
    z-index: 10;
}
.widget_spidermag_slider_block .author .icon {
    font-size: 11px;
    color: #fff;
}
.widget_spidermag_slider_block .cat {
    width: 100%
}
.widget_spidermag_slider_block .right-img-top .box{
    background-size:100%;
    background-position: center center;
    -webkit-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.widget_spidermag_slider_block .right-img-top .box:hover{
    background-size:110%;
}
.cat-links a,
.widget_spidermag_second_block .cat-links a {
    background-color: #289dcc;
    color: #fff;
    font-size: 13px;
    line-height: 32px;
    padding: 0px 10px;
    display: inline-block;
    width: 120px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 30px !important;
}
.widget_spidermag_slider_carousel_block .slider-meta a,
.widget_spidermag_slider_carousel_block .carousel-caption a,
.cat-links a:hover,
.cat-links a:focus,
.widget_spidermag_second_block .cat-links a:hover ,
.widget_spidermag_slider_block .author a:hover,
.widget_spidermag_slider_carousel_block .author .icon,
.widget_spidermag_slider_block .author a{
    color: #fff !important;
}
.cat-links a:hover,
.cat-links a:focus,
.widget_spidermag_second_block .cat-links a:hover {
    color: #989595 !important;
}

.widget_spidermag_slider_carousel_block .box img {
    height: 180px;
    border-radius: 4px !important;
    object-fit: cover;
}

/**
 * Dynamic Category Color
*/
.sub-info-bordered1 {
    padding: 0;
}


/*------------------------------------*\
    OWL CAROUSEL BANNER AND OWL CAROUSEL
\*------------------------------------*/
#bar {
    width: 0%;
    max-width: 100%;
    height: 3px;
    background: #e74c3c;
    position: absolute;
    z-index: 100;
    bottom: 0;
}
#progressBar {
    width: 100%;
    background: transparent;
}

.owl-prev, .owl-next {
    position: absolute;
    display: block;
    height: 36px;
    width: 32px;
    line-height: 52px;
    font-size: 0;
    cursor: pointer;
    background: #e74c3c;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}
.owl-prev:hover, .owl-prev:focus,
.owl-next:hover, .owl-next:focus {
    outline: none;
    background: #e74c3c;
    color: transparent;
}

.owl-prev:before, .owl-next:before {
    font-family: "ionicons";
    font-size: 22px;
    line-height: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.owl-prev {
    left: 0;
}
.owl-prev:before {
    content: "\f153";
}
.owl-next {
    right: 0;
}
.owl-next:before {
    content: "\f154";
}
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 5px;
    margin: 5px 4px;
    background: #2964a0;
}
.owl-theme .owl-controls .owl-page span:hover {
    background: #78899b;
}
.owl-theme .active span {
    background: #e74c3c;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}
.media, .media .media {
    border-bottom: none;
}

/**
 * OWL CAROUSEL SYNC
*/
#sync2 .item {
    margin: 0 5px;
    cursor: pointer;
}

#sync2 .synced .item {
    border: 2px solid #e74c3c;
}

/*------------------------------------*\
    OVERLAY ON All IMAGES
\*------------------------------------*/
.img-thumbnail{
    border: none;
    padding: 0;
}
.box {
    position: relative;
    overflow: hidden;
    border-radius: 6px !important;
}
.box.img-thumbnail a{
    display:block;
    overflow:hidden;
    border-radius: 6px !important;
}
.box.img-thumbnail{
    margin-bottom: 5px;
    border: none;
    padding: 0;
}
.box img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    image-rendering: optimizequality;
    width:100%;
    height:100%;
    border-radius: 6px !important;
}
.box:hover img {
    -webkit-transform: scale(1.25); /* Safari and Chrome */
    -moz-transform: scale(1.25); /* Firefox */
    -ms-transform: scale(1.25); /* IE 9 */
    -o-transform: scale(1.25); /* Opera */
    transform: scale(1.25); /*rotate(3deg)*/
    /*display: inline-block;*/
    line-height: 0;
}
.match-height {
    max-height: 434px;
    overflow: hidden;
}
.overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0,0,0,1);
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    border-radius: 6px !important;
}
.box .overlay {
    opacity: 0.2;
}
.box:hover .overlay {
    opacity: 0.6;
}
.overlay-info {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
}
.box:hover .overlay-info {
    opacity: 1;
}
.cat {
    position: absolute;
    text-transform: capitalize;
    left: 12px;
    top: 0;
    padding: 0;
    margin: 0;
    z-index: 10;
    width: auto;
    height: 36px;
    line-height: 15px;
    color: #fff;
    font-size: 12px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.banner-outer-thumb .cat {
    top: 10px;
    opacity: 1;
}
.cat-data span {
    width: 36px;
    height: 36px;
    text-align: center;
    color: #fff;
    line-height: 36px;
    font-weight: 700;
    font-size: 22px;
    background: #e74c3c;
    display: inline-block;
    margin-right: 5px;
    float: left;
}
.box:hover .cat {
    top: 15px;
    opacity: 1;
}
.info {
    display: block;
    position: absolute;
    left: 15px;
    bottom: 0;
    z-index: 100;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
    font-size: 12px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.banner-outer-thumb .info {
    bottom: 10px;
    opacity: 1;
}
.info span {
    font-size: 12px;
    display: inline-block;
    padding: 0 5px 0 10px;
}
.info span:first-child {
    padding-left: 0;
}
.box:hover .info {
    bottom: 10px;
    opacity: 1;
}
.banner-outer-thumb {
    padding-bottom: 15px;
    width: 100%;
}
.carousel-caption {
    left: 15px;
    right: 8%;
    bottom: 10px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 30px;
    color: #ffffff;
    text-align: left;
    text-shadow: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
.banner-outer-thumb .carousel-caption {
    position: absolute;
    left: 15px;
    right: 8%;
    bottom: 10px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 30px;
    color: #ffffff;
    text-align: left;
    text-shadow: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    opacity: 0;
}
.banner-outer-thumb a p, .banner-oute-thumbr a:hover p {
    color: #fff;
}
.banner-outer-thumb .box:hover .carousel-caption {
    opacity: 1;
}
.banner-outer-thumb .item {
    margin: 0 5px;
    padding: 4px;
    background-color: #f8f8f8;
    border: 1px solid #ededed;
}
.banner-outer .carousel-caption {
    position: absolute;
    left: 15px;
    right: 8%;
    bottom: 55px;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    text-align: left;
    text-shadow: none;
    font-weight: bold;
    max-height: 50px;
    line-height: 24px;
    font-size: 23px;
}
.banner-outer a p, .banner-outer a:hover p {
    color: #fff;
}
.right-img-top {
    margin-bottom: 10px;
    overflow: hidden;
    height: 212px;
}
.right-img-top .box {
    height: 206px;
}
.right-img-btm {
    overflow: hidden;
    height: 212px;
}
.right-img-btm .box {
    height: 212px;
}


.list-unstyled li a img {
    margin-right: 10px;
}
.list-unstyled li {
    margin-bottom: 10px;
    
}
.list-unstyled li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0px;
}
.list-unstyled li a:hover h4 {
    color: #e74c3c;
}
.list-unstyled li a:hover .img-thumbnail {
    border: 1px solid #ffcfca;
}
#vid-thumbs .owl-controls {
    margin-top: 10px;
    text-align: right;
}
.vid-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.vid-thumb img {
    margin-bottom: 6px;
    border-radius: 6px !important;
}
.vid-box span {
    width: 36px;
    height: 36px;
    background-color: #2964a0;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    position: absolute;
    opacity: 1;
    z-index: 100;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.vid-thumb:hover span {
    background-color: #e74c3c;
}

.lifestyle .item {
    margin: 0 5px;
}
.lifestyle .owl-prev, .lifestyle .owl-next {
    margin-top: -65px;
}
.lifestyle .owl-prev {
    left: 5px;
}
.lifestyle .owl-next {
    right: 5px;
}

/*------------------------------------*\
    13-404 PAGE
\*------------------------------------*/
.wrong-icon {
    font-size: 200px;
    color: #2964a0;
    border-top: 1px solid #ededed;
}
.wrong-page {
    margin-top: 50px;
    margin-bottom: 50px;
}

/*--------------------------------------------------------------
# Single Page Poupop Gallery
--------------------------------------------------------------*/
.single-gallery {
    padding: 0;
    margin-bottom: 10px;
}
.single-gallery li {
    float: left;
    margin: 6px 6px 0px 0px;
    list-style-type: none;
}
.single-gallery li a img{
    border: 1px solid #2964a0;
}
.single-gallery li a img:hover{
    border: 1px solid #E74C3C;
}
.f-sub-info .author ,
.slider-meta .author {
    display: inline-block !important;
}
.spider-home.spider-home-active.ion-home,
.navbar-inverse .main-nav li.current-menu-item a {
    color: #fff !important;
    background: #E74C3C;
}
.box-header-nav .main-menu>ul>.page_item:hover a,
.box-header-nav .main-menu>.menu-item:hover a,
.navbar-inverse .navbar-nav li:focus,
.navbar-inverse .navbar-nav li:hover {
    background: #212020;
}
.box-header-nav .main-menu>ul>.page_item:hover a,
.box-header-nav .main-menu>.menu-item:hover a,
.navbar-inverse .navbar-nav li:focus a,
.navbar-inverse .navbar-nav li:hover a{
    color: #fff !important;
}
.second > li:first-child a {
    padding-left: 15px !important;
    border-left: 1px solid #e2e5e82b;
}

/*------------------------------------
  STANDARD POST
-------------------------------------*/
.standardpost{
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    border-radius: 6px !important;
}
.standardpost .stanterpost-single-post{
    padding: 180px 0px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}
.standardpost .stanterpost-single-post h3{
    margin-bottom: 40px;
    margin-top: 0px;
    font-size: 45px;
    color: #fff;
    font-weight: 600;
    width: 90%;
    display: inline-block;
}
.standardpost .stanterpost-single-post .sub-info-bordered{
    border-top: none;
    border-bottom: none;
}
.standardpost .stanterpost-single-post .sub-info-bordered span,
.standardpost .stanterpost-single-post .sub-info-bordered a,
.standardpost .stanterpost-single-post .sub-info-bordered a,
.standardpost .stanterpost-single-post .sub-info-bordered span::before {
    color: #fff !important;
}
.standardpost .stanterpost-single-post .sub-info-bordered a:hover{
    color: #d6d2d1 !important;
}

/*------------------------------------
  Classic Post
-------------------------------------*/
.classicpost .stanterpost-single-post{
    margin-top: 10px;
}
.stanterpost-single-post > h3 {
    color: #333 !important;
    font-weight: 600;
    font-size: 30px;
}

/*------------------------------------
  PREVIOUS AND NEXT POST BUTTON
-------------------------------------*/
.spidermagnav-links {
    margin-bottom: 30px;
}
.spidermagnav-links a{
    font-size: 17px;
    font-weight: bold;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

.spidermagnav-links .nav-previous a{
    float: left;
    width: 50%;
    padding: 20px;
    border-right: none;
    padding-left: 50px;
}
.spidermagnav-links .nav-next a{
    float: left;
    text-align:right;
    width: 50%;
    padding: 20px;
    padding-right: 50px;
}
.spidermagnav-links a:hover{
    color: #e74c3c;
}
.spidermagnav-links .nav-previous a:after {
    position: absolute;
    content: "\f104";
    font: normal normal normal 21px/1 FontAwesome;
    left: 23px;
    top: 38%;
}
.spidermagnav-links .nav-previous a:before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    left: 15px;
    top: 35%;
    border-radius: 50%;
    border: 2px solid #ddd;
}

.spidermagnav-links .nav-next a:after {
    position: absolute;
    content: "\f105";
    font: normal normal normal 21px/1 FontAwesome;
    right: 23px;
    top: 38%;
}
.spidermagnav-links .nav-next a:before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    right: 15px;
    top: 35%;
    border-radius: 50%;
    border: 2px solid #ddd;
}

/*--------------------------------------------------------------
# Single Page Author Box
--------------------------------------------------------------*/
.author-box {
    margin-bottom: 30px;
    clear: both;
}
.author-box h4 {
    margin-top: 0;
}
.author-box .list-inline {
    margin-left: 0px;
}
.author-box .list-inline > li {
    padding: 0;
}
.author-box .list-inline > li a {
    border: 1px solid #ccc;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    display: inline-block;
    border-radius: 100% !important;
}
.author-box .list-inline > li a:hover {
    background: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}

.author-info{
    border: 1px solid #CECDCD;
    padding: 10px 5px;
    background: #F9F9F9;
    border-radius: 6px !important;
}
.author-info h4{
    color: #E74C3C;
    text-transform: uppercase;
}
.author-info img{
    background-color: #f8f8f8;
    border: 1px solid #CECECE;
    padding: 4px;
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    border-radius: 100% !important;
}

/*------------------------------------
  RELATED SECTION
-------------------------------------*/
.related {
    margin-bottom: 10px;
}
.related .item {
    margin-right: 10px;
}

/*------------------------------------
  COMMENT SECTION
-------------------------------------*/
.media {
    border-bottom: 1px solid #ededed;
    padding: 10px;
}
.media-body .time {
    padding-left: 10px;
    font-size: 12px;
}
.media-body h4 {
    display: block;
    font-size: 20px;
    color: #333 !important;
    font-weight: 700;
    text-transform: capitalize;
}
.media-body a,.media-body .time {
    color: #c1bfbf;
    font-size: 13px;
    padding-left: 0;
}
.media-body p {
    margin-top: 12px;
    font-size: 15px;
    color: #8c8d90;
}
.media-body .comment-reply-link {
    color: #333;
    font-size: 16px;
}
.nested-rep {
    background: #ededed;
    border: 1px solid #e6e6e6;
    padding: 20px;
}
.nested-rep .media-heading {
    color: #e74c3c;
}
.reply {
    color: #2964a0;
    font-size: 20px;
}
.reply:hover {
    color: #e74c3c;
}
.opinion {
    margin-bottom: 20px;
}
.comment-form {
    margin-top: 10px;
}
.form-control {
    border: 1px solid #ededed;
    min-height: 40px;
    box-shadow: none;
    color: #2964a0;
    border-radius: 6px !important;
}
.comment-form .form-group {
    padding-left: 0;
}
.comment-form-cookies-consent label {
    font-size: 14px;
    font-weight: 500;
}
.form-control:focus {
    border-color: #ffc5bf;
    box-shadow: none;
}

.comments-area ul li,
.comments-area li,
.comment-body{
    list-style:none;
    margin-bottom:15px;
}
.comments-area li .comment-author{
    float: left;
    margin-right: 16px;
    width: 64px;
}
.comments-area li .commentmetadata{
    width: calc(100% - 80px);
    float: left;
}
.comments-area .fn, .comments-area .says, .comments-area .fn a{
    color: #E74C3C;
    font-weight: bold;
}
.comments-area .main-title-outer{
    margin-bottom:20px;
}

.comments-area li .media img {
    border-radius: 100% !important;
    margin-right: 20px;
    width: 70px;
    height: 70px;
}
.f-title {
    font-size: 25px;
    color: #333;
    font-weight: bold;
    line-height: 1.4;
}

/*-----------------------------------------------------
FOOTER SECTION
-------------------------------------------------------*/
.f-sub-info {
    color: #b0b7bf;
}
footer .btm-sec,
footer .btm-sec a {
    color: #fff;
}
footer .btm-sec a:hover{
    color: #e74c3c;
}
.btm-sec {
    padding:20px 0;
    color: #2964a0;
    background-color: #333;
}
.btm-sec .list-inline li a {
    padding-right: 4px;
    padding-left: 4px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
}
.btm-sec .list-inline li a:hover {
    color: #e74c3c;
}

footer {
    border-top: 3px solid #e74c3c;
    background-color: #2964a0;
}
footer aside {
    margin-bottom: 15px;
}

footer .f-title{
    position: relative;
    z-index: 1;
    float: left;
    margin: 0 5px;
    text-align: center;
    border-bottom: none;
    padding: 0 10px 0 5px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    height: 36px;
    line-height: 36px;
}

footer .top-sec {
    background-color: #222;
    padding-top: 20px;
    padding-bottom: 20px;
}

footer p {
    color: #c1c7cd;
}
footer .stars {
    color: #b0b7bf;
}

footer .widget_spidermag_latest_random_post .list-unstyled li h4 a,
footer .widget_spidermag_latest_random_post .author a,
footer .widget_spidermag_latest_random_post .comments a,
footer .widget_spidermag_latest_random_post .time, .f-sub-info {
    color: #fff;
}

footer .widget-area .widget_spidermag_latest_random_post .list-unstyled li h4 a {
    color: #2964a0;
}

footer .widget_recent_comments ul li a,
footer .widget_recent_entries ul li a,
footer .widget_meta ul li a,
footer .widget_rss ul li a,
footer .rsswidget,
footer a.rsswidget:hover{
    color: #fff;
}

.widget_rss .main-title-outer .main-title a.rsswidget,
.widget_rss .main-title-outer .main-title a.rsswidget:hover{
    color:#fff;
}

.widget_text select {
    width: 100%;
    padding: 10px;
}


footer .widget_nav_menu ul.menu li a,
footer .widget_pages ul li a{
    color: #fff;
}

footer .btm-sec ul li ul.children {
    display: none;
}
footer .btm-sec .f-social {
    padding: 0;
    margin-top: 35px;
}
footer .btm-sec .f-social ul {
    margin: 0;
}
footer .widget_rss ul li a{
    display: inline-block;
}

/*--------------------------------------------------------------
## GO TO TOP
--------------------------------------------------------------*/
.scrollup {
    color: #fff;
    text-align: center;
    bottom: 60px;
    display: none;
    height: 55px;
    line-height: 40px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    width: 50px;
    background-color: #e74c3c;
    text-transform: uppercase;
    z-index: 100;
    border-radius: 6px  !important;
}
.scrollup:hover {
    opacity:0.9;
}

.scrollup i.fa{
    font-size: 35px;
    color:#ffffff;
    margin-top: 8px;
}

/*--------------------------------------------------------------
## newsletter
--------------------------------------------------------------*/
.newsletter-widget input[type="email"] {
    padding: 10px;
    width: 100%;
    border-radius: 5px !important;
}

/**
 * Update Css
*/
.spidermag-serarch-text {
    height: auto;
    overflow: hidden;
}
.spidermag-sixblock-text {
    height: 100px;
    overflow: hidden;
}

.widget_spidermag_latest_random_post h3,
.widget_spidermag_tabbed_format_post h3{
    font-size: 20px;
}

/**
 * Update CSS
*/
.f-nav.list-inline ul li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.search .read-more:hover {
    background: #e74c3c;
    color: #fff;
}

/**
 * Contact 7 Plugins defult css
*/
div.wpcf7 {
    background-color: #f9f9f9;
    border: 1px solid #e74c3c;
    padding: 20px;
}
.wpcf7 label {
    display: block;
    margin-bottom: 15px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select {
    width: 100%;
    padding: 10px;
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
    background-color:#da4839;
    border: 1px solid #da4839;
    text-align:center;
    text-transform:uppercase;
    float: right;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="button"]:hover {
    background: transparent;
    border: 1px solid #da4839;
    color: #da4839;
}



/*--------------------------------------------------------------
## My Acount Page
--------------------------------------------------------------*/

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin: 0;
    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: #e74c3c;
    border: 1px solid #e74c3c;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 12px 23.6px;
    background: #e74c3c;
    color: #ffffff;
    display: block;
    border: 1px solid #e74c3c;
    font-weight: bold;
    font-style: normal;
    border-right: 1px solid #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    clear: both;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    float: left;
}
.woocommerce-info {
    border-top-color: #e74c3c;
}
.woocommerce-info:before {
    color: #e74c3c;
}
.static-contain {
    margin-bottom: 5px;
}
.hentry {
    margin-bottom: 0;
}
.post-detail-container {
    padding: 0 10px 20px;
    margin-bottom: 30px;
    border: 1px solid #e74c3c;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    padding: 10px;
    border: 2px solid #e74c3c;
}
.woocommerce-MyAccount-content p {
    margin: 0;
    margin-bottom: 5px;
}
.woocommerce-Message--info a.button {
    height: 40px;
    background: #e74c3c;
    border: 1px solid #e74c3c;
    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: #e74c3c;
    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: #e74c3c;
}
.woocommerce-message {
    border-top-color: #e74c3c;
}
.woocommerce-message:before {
    color: #e74c3c;
}
.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: #e74c3c;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 0;
    color: #fff;
    background-color: #e74c3c;
    border: 1px solid #e74c3c;
}
.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: #e74c3c;
    color: #ffffff;
    border: 2px solid #e74c3c;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #fff;
    color: #e74c3c;
}

.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 {
    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 #e74c3c;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: inline-block;
    color: #555555;
    font-size: 16px;
    font-weight: 500;
}

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

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

.woocommerce .woocommerce-ordering select {
    padding: 6px;
}
.woocommerce ul.products li.product .onsale {
    margin: 0;
    background: #2964a0;
}
.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: #2964a0;
    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: #2964a0;
}

.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 #e74c3c;
}
.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: #e74c3c !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 #e74c3c;
}
.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: #e74c3c;
}
.woocommerce-error:before {
    color: #e74c3c;
}

/*--------------------------------------------------------------
# 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: #e74c3c;
    height: 12px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    height: 1.4em;
    background: #e74c3c;
}
.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;
}


/**
 * Update CSS
*/

.navbar>div>ul li.menu-item-has-children,
.navbar>div>ul li.page_item_has_children,
.navbar>div>ul li.page_item_has_children {
    position: relative;
}

span.sub-toggle,
span.sub-toggle-children,
span.sub-toggle-cat {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    text-align: center;
    background: rgba(255,255,255,0.8);
    color: #212121;
    line-height: 38px;
    z-index: 99;
    cursor: pointer;
}



/**
 * New Update
*/

.widget_spidermag_first_block .lSSlideOuter.vertical,
.widget_spidermag_first_block .lSSlideWrapper.usingCss,
.widget_spidermag_first_block .item1{
    height: 430px !important;
}
.widget_spidermag_first_block .lSSlideOuter .lSPager.lSpg {
    text-align: right;
    margin-top: -30px;
    margin-left: 0;
}
.lSSlideOuter .lSPager.lSGallery img {
    border-radius: 6px !important;
}
.lSSlideOuter .lSPager.lSpg > li a {
    border-radius: 100% !important;
    background-color: #e91e63;
    color: transparent;
}
.toggle-btn-header:active,
.toggle-btn-header:focus,
.toggle-btn-header:hover {
    color: #dddcdc;
}

.lSGallery li a::before {
    border: 3px solid rgba(245, 0, 0, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    border-radius: 6px !important;
}
.lSGallery li {
    position: relative;
}
.lSGallery li.active a::before,
.lSGallery li:hover a::before {
    opacity: 1;
    visibility:visible;
}
.lSSlideOuter .lSPager.lSGallery {
    margin-top: 10px !important;
}
.lSGallery li a:hover img{
    opacity: 1;
}

.lSAction>a{
    background-image: none;
    background: #e74c3c;
    opacity: 1;
    position: absolute;
    text-align: center;
    height: 36px;
    width: 36px;
    font-size: 0;
    cursor: pointer;
    color: #fff;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
    border-radius: 100% !important;
    align-items: center;
    display: flex;
    justify-content: center;
}

.lSPrev:hover, .lSPrev:focus,
.lSNext:hover, .lSNext:focus {
    outline: none;
    opacity: 0.7 !important;
    color: #fff !important;
}

.lSPrev:before, .lSNext:before {
    font-family: "ionicons";
    font-size: 22px;
    line-height: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lSPrev:hover:before,
.lSNext:hover::before {
    color: #fff !important;
}
.lSAction>.lSPrev{
    left: 0;
}
.lSPrev:before {
    content: "\f153";
}
.lSAction>.lSNext {
    right: 0;
}
.lSNext:before {
    content: "\f154";
}

.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #e74d3d;
}
/* ----section-info--- */
.content-wrap {
    padding: 10px 20px;
}
.sec-info h3 a {
    color: #333;
    font-weight: 700;
}
.author a {
    font-size: 12px;
    color: #b5b5b5 !important;
    font-weight: 400;
    text-transform: uppercase;
}
.author span {
    color: #a09f9f;
    font-size: 11px;
}

.topic h3 a {
    color: #343434;
    font-weight: 600;
    font-size: 20px;
    margin: 6px 0;
    display: inline-block;
    line-height: 1.3;
}
.sub-info-bordered .author,
.sub-info-bordered a,
.sub-info-bordered span::before{
    color: #a5a0a0 !important;
}
.spmag-hidden h4 a {
    color: #343434;
}
.vid-thumb h4 a {
    color: #343434;
    font-weight: 600;
}
h3 a, h4 a{
    color: #343434;
    font-weight: 600;
}

.widget_spidermag_five_block .first-col {
    padding-left: 0;
}

.widget_spidermag_slider_block,
.widget_spidermag_eight_block ,
.widget_spidermag_slider_carousel_block,
.widget_spidermag_first_block,
.widget_spidermag_five_block,
.widget_spidermag_latest_random_post,
.widget_spidermag_second_block,
.widget_spidermag_six_block,
.widget_spidermag_tabbed_format_post,
.widget_spidermag_third_block{
    padding: 20px 0;
}
.widget_spidermag_slider_carousel_block span.cat-links a {
    display: none;
}
.cat .cat-links a,.sub-info-bordered1 .cat-links a,
.sec-info .cat-links a, .widget_spidermag_second_block .cat-links a,
.category ,
.widget_spidermag_first_block .cat-links a{
    background-color: unset;
    color: #f8f8f8;
    font-size: 13px;
    width: unset;
    text-transform: capitalize;
    margin-right: 10px;
}
.sub-info-bordered1 .cat-links .no-color-category {
    padding: 0;
    color: #333;
}
.widget_spidermag_six_block .row {
    border-bottom: 1px solid #e4e2e2;
    padding: 35px 0 40px 0;
}
.widget_spidermag_six_block .row:last-child {
    border-bottom: none;
    padding: 0
}
.widget_spidermag_second_block {
    background-color: #f8f8f8;
    padding: 0 10px;
}
.widget_spidermag_tabbed_format_post .tab-content {
    margin-top: 30px;
}
.widget_spidermag_tabbed_format_post {
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 4px !important;
}
.widget_spidermag_tabbed_format_post .list-unstyled li {
    margin-bottom: 20px;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px !important;
}
aside h4,  aside h5, aside h6 {
    font-size: 16px;
}
.widget_spidermag_tabbed_format_post ul li img.photo {
    border-radius: 100% !important;
}
.widget_spidermag_first_block .padding-lf-zero{
    padding-left: 0;
    padding-right: 0;
}

/* --- */
.header-toolbar .menu ul li {
    display: inline-block;
    margin-right: 10px;
}
aside.widget_spidermag_tabbed_format_post .list-unstyled li{
    background-color: unset;
    padding: 0;
}
.spmag-hidden h4 a,
.post-list h5 a,
.small-box h5 a,
.author-part h5 a,
.author-part h4 a,
.author-part h3 a{
    color: #343434;
}
.widget_bloack_mag_blog_widget .big-box .big-content-part h4 {
    font-size: 22px;
}


/* -----Darkmode css----- */
body.sp-blackmode .read-post-wrapper,
body.sp-blackmode .header-toolbar,
body.sp-blackmode .sticky-header,
body.sp-blackmode .archive.category,
body.sp-blackmode #custom-header::after,
body.sp-blackmode .ticker-swipe,
body.sp-blackmode{
    background-color: #161616;
    opacity: 1;
}

/* ---section-bg-- */


.widget_spidermag_tabbed_format_post,
body.sp-blackmode .post-box-wrapper .section-title,
body.sp-blackmode .section-title h3::before,
body.sp-blackmode .section-title h3::after,
body.sp-blackmode .big-content-part,
body.sp-blackmode .widget-area aside,
body.sp-blackmode .section-title h3,
body.sp-blackmode .pagination .nav-links span,
body.sp-blackmode .pagination .nav-links a,
body.sp-blackmode footer .top-sec,
body.sp-blackmode .calendar_wrap caption,
body.sp-blackmode .author-info,
body.sp-blackmode .widget_search .search-field,
body.sp-blackmode .widget_product_search .search-field,
body.sp-blackmode .form-control,
body.sp-blackmode blockquote,
body.sp-blackmode .widget_spidermag_tabbed_format_post .list-unstyled li,
body.sp-blackmode .widget_spidermag_tabbed_format_post,
body.sp-blackmode .masonry-item,
body.sp-blackmode .widget_spidermag_second_block {
    background-color: #212121;
}
/* --color--- */
body.sp-blackmode .post-box-wrapper .section-title h4,
body.sp-blackmode .section-title h3,
body.sp-blackmode .post-list h5 a,
body.sp-blackmode .small-box h5 a,
body.sp-blackmode .author-part h5 a,
body.sp-blackmode .author-part h4 a,
body.sp-blackmode .author-part h3 a,
body.sp-blackmode .pagination .nav-links span, .pagination .nav-links a,
body.sp-blackmode .header-toolbar .f-social a,
body.sp-blackmode .blogging-style .sub-info-bordered .category,
body.sp-blackmode .calendar_wrap table td,
body.sp-blackmode .calendar_wrap caption,
body.sp-blackmode .author-box .list-inline > li a,
body.sp-blackmode .widget_pages a,
body.sp-blackmode footer .widget_categories a::before,
body.sp-blackmode footer .widget_archive a::before,
body.sp-blackmode footer .widget_categories a::before,
body.sp-blackmode footer .widget_recent_entries a::before,
body.sp-blackmode footer .widget_meta a::before,
body.sp-blackmode footer .widget_recent_comments li::before,
body.sp-blackmode footer .widget_rss li::before,
body.sp-blackmode footer .widget_pages li::before,
body.sp-blackmode footer .widget_nav_menu li::before,
body.sp-blackmode footer .widget_product_categories a::before,
body.sp-blackmode footer .widget_archive a,
body.sp-blackmode footer .widget_categories a,
body.sp-blackmode footer .widget_recent_entries a,
body.sp-blackmode footer .widget_meta a,
body.sp-blackmode footer .widget_recent_comments li,
body.sp-blackmode footer .widget_rss li,
body.sp-blackmode footer .widget_pages li,
body.sp-blackmode footer .widget_nav_menu li,
body.sp-blackmode footer .widget_product_categories a,
body.sp-blackmode footer .calendar_wrap table td,
body.sp-blackmode footer .calendar_wrap table td a,
body.sp-blackmode .topmain-nav li a,
body.sp-blackmode .header-toolbar,
body.sp-blackmode .nav-tabs li a,
body.sp-blackmode .logged-in-as a,
body.sp-blackmode .form-control,
body.sp-blackmode .reply,
body.sp-blackmode .spidermagnav-links .nav-previous a,
body.sp-blackmode .spidermagnav-links .nav-next a,
body.sp-blackmode .spidermagnav-links .nav-next a:after,
body.sp-blackmode .spidermagnav-links .nav-previous a:after,
body.sp-blackmode .widget_recent_comments li a,
body.sp-blackmode blockquote p,
body.sp-blackmode .widget_archive a,
body.sp-blackmode .widget_categories a,
body.sp-blackmode .widget_recent_entries a,
body.sp-blackmode .widget_meta a,
body.sp-blackmode .widget_recent_comments li,
body.sp-blackmode .widget_rss li,
body.sp-blackmode .widget_pages li,
body.sp-blackmode .widget_nav_menu li,
body.sp-blackmode .widget_nav_menu li a,
body.sp-blackmode .widget_product_categories a,
body.sp-blackmode .custom-header-wrapper h1,
body.sp-blackmode .widget_spidermag_slider_block .author .icon,
body.sp-blackmode .widget_spidermag_slider_carousel_block .slider-meta a,
body.sp-blackmode .widget_spidermag_slider_carousel_block .carousel-caption a,
body.sp-blackmode .cat-links a:hover, .cat-links a:focus,
body.sp-blackmode .widget_spidermag_second_block .cat-links a:hover,
body.sp-blackmode .widget_spidermag_slider_block .author a:hover,
body.sp-blackmode .widget_spidermag_slider_carousel_block .author .icon,
body.sp-blackmode .widget_spidermag_slider_block .author a,
body.sp-blackmode .banner-outer .carousel-caption,
body.sp-blackmode .navbar-nav > li.menu-item-has-children > a:after,
body.sp-blackmode .navbar-inverse .navbar-nav li a,
body.sp-blackmode .box-header-nav .main-menu .page_item a,
body.sp-blackmode .box-header-nav .main-menu>.menu-item>a,
body.sp-blackmode .btm-sec .list-inline li a,
body.sp-blackmode footer .btm-sec, footer .btm-sec a,
body.sp-blackmode .f-title,
body.sp-blackmode .spmag-hidden h4 a,
body.sp-blackmode .main-title,
body.sp-blackmode .sec-info h3 a,
body.sp-blackmode .topic h3 a,
body.sp-blackmode h3 a,
body.sp-blackmode h4 a,
body.sp-blackmode h1,
body.sp-blackmode h2,
body.sp-blackmode h3,
body.sp-blackmode h4,
body.sp-blackmode h5,
body.sp-blackmode h6,
body.sp-blackmode{
    color: #f7f7f7b5 !important;
}
/* --border-color-- */
body.sp-blackmode .pagination .nav-links span, .pagination .nav-links a,
body.sp-blackmode .calendar_wrap table th,
body.sp-blackmode .calendar_wrap table td,
body.sp-blackmode .author-info,
body.sp-blackmode .header-toolbar,
body.sp-blackmode .nav-tabs.nav-justified li,
body.sp-blackmode .widget_search .search-field, .widget_product_search .search-field,
body.sp-blackmode .form-control,
body.sp-blackmode .media,
body.sp-blackmode .spidermagnav-links .nav-previous a:before,
body.sp-blackmode .spidermagnav-links .nav-next a:before,
body.sp-blackmode .bordered,
body.sp-blackmode footer,
body.sp-blackmode .masonry-item,
body.sp-blackmode .masonry-item:hover,
body.sp-blackmode .widget_spidermag_six_block .row ,
body.sp-blackmode .widget_spidermag_latest_random_post .pull-left{
    border-color: #353434;
}

body.sp-blackmode .img-thumbnail{
    background-color: #353434;
}
body.sp-blackmode .category,
body.sp-blackmode .media-body .comment-reply-link{
    color: #e74c3b;
}
body.sp-blackmode .btm-sec {
    background-color: #1a1919 !important;
}
body.sp-blackmode .nav-tabs li a{
    background-color: #211f1f;
}
body.sp-blackmode .nav-tabs li a:hover {
    background-color: #161616;
}
body.sp-blackmode .pagination .nav-links a:hover {
    background-color: #e74c3c;
}