/*
Theme Name: JMagz Themes
Version: 1.7
Theme URI: http://themeforest.net
Description: Jmagz
Author: Jegtheme
Author URI: http://jegtheme.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: gray, light, left-sidebar, right-sidebar, custom-background,custom-colors, custom-menu, editor-style, featured-images, front-page-post-form, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
Text Domain: jmagz-themes
*/
/* ------------------------------------------------------------------------- *
 *  Table of Contents:
 * ------------------------------------------------------------------------- *
 *
 *    1 - Base
 *      1.1 - CSS Reset
 *      1.2 - Basic Styles
 *      1.3 - WordPress Essential
 *    2 - Grid System
 *    3 - Helper
 *    4 - Header
 *      4.1 - Menu
 *      4.2 - Mobile Menu
 *      4.3 - Search Form
 *    5 - Sidebar
 *    6 - Main Content
 *      6.1 - Home Featured Slider
 *      6.2 - Breaking News
 *      6.3 - Carousel Post
 *      6.4 - Latest Post
 *      6.5 - Post Column
 *      6.6 - Pagination
 *      6.7 - Advertisement
 *      6.8 - Forms
 *      6.9 - Buttons
 *      6.10 - Single Post
 *      6.11 - Comments
 *      6.12 - Author
 *      6.13 - Archive
 *      6.14 - Reviews
 *      6.15 - Review Single
 *    7 - Footer
 *    8 - Print Styles
 *    9 - Additional Style
 *
 * ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
 *  1 - Base
 * ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- *
 * 1.1 - CSS Reset
 * ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

/* ------------------------------------------------------------------------- *
 *  1.2 - Basic Styles
 * ------------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: #ef4135;
  text-decoration: none;
}

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

body {
  background: #f7f7f7;
  font: 400 1em 'Open Sans', Arial, Helvetica, sans-serif;
  line-height: 1.46em;
  text-rendering: optimizeLegibility;
}

body, html {
  height: 100%;
  margin: 0;
}

html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  color: #474747;
  font: 400 1em 'Open Sans', Arial, Helvetica, sans-serif;
}

html {
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  color: #fff;
  background: #ef4135;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #ef4135;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e5e5e5;
  margin: 1.5em 0;
  padding: 0;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

img {
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
  height: auto;
}

figcaption {
  color: #949494;
  font-size: 11px;
  text-align: right;
  margin: 3px;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

@keyframes frame-shadow {
  0% {
    box-shadow: -1px 2px 3px 2px;
  }

  50% {
    box-shadow: -1px 2px 13px 5px;
  }

  100% {
    box-shadow: -1px 2px 3px 2px;
  }
}

@keyframes post-shadow {
  0% {
    box-shadow: -1px -1px 0px 1px;
  }

  50% {
    box-shadow: -1px -1px 28px 3px;
  }

  100% {
    s-1px -1px 0px 1px;
  }
}

textarea {
  resize: vertical;
}

h1, h2, h3, h4, h5, h6 {
  color: #sss0e3434;
  font-weight: bold;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-shadow: 0 0 16px #6df7c2;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
  line-height: 1.35;
  color: #00ffff;
  text-shadow: 0 0 20px #357574;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
  line-height: 1.4;
  font-family: 'Arial Narrow';
  color: #00ffff;
  text-shadow: 0 0 20px #357574;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
  line-height: 1.5;
  color: #00ffff;
  text-shadow: 0 0 20px #357574;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
  line-height: 1.6;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

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

b, strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

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

mark {
  background: #efca56;
  padding: 0 0.4em;
  color: #fff;
}

p,
pre {
  margin: 1em 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 0.9em;
  color: #7b7b7b;
  border: 1px solid #07f1d7;
}

.mauticform-selectbox, .mauticform-input, .mauticform-textarea {
  width: 100%;
  padding: 0.5em 0.5em;
  border: 0;
  border-bottom: 1px solid #21c5ba;
  background: #31585661 !important;
  box-sizing: border-box;
}
}

code div {
  padding: 0px 0px 0px 0px;
  margin: -1.5em 2px 0px 2px;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  border-left: 4px solid #00fffa;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ------------------------------------------------------------------------- *
 *  1.3 - WordPress Essential
 * ------------------------------------------------------------------------- */
.wp-caption {
  max-width: 100%;
  position: relative;
}

.wp-caption-text {
  text-align: right;
  color: #bbffe6;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px 10px;
  margin: 0;
  display: block;
  background: #0b4d4d;
}

.wp-caption .wp-caption-text,
.featured .wp-caption-text {
  font-style: italic;
  font-size: 11px;
  bottom: -1px;
}

.wp-caption.alignleft,
.wp-caption.alignright {
  width: auto !important;
}

.wp-caption.aligncenter,
.wp-caption.alignnone,
.gallery,
.article-padding {
  margin-bottom: 20px;
}

.gallery {
  margin-bottom: 20px !important;
}

.gallery:last-child {
  margin-bottom: 0 !important;
}

/* Gallery */
.gallery {
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: 15px 0 !important;
}

.gallery:after {
  content: "";
  clear: both;
  display: block;
  margin-bottom: 30px;
}

.gallery img {
  display: block;
  width: 100%;
  height: auto;
  border: none !important;
}

.gallery .gallery-item {
  position: relative;
  overflow: hidden;
  border-color: transparent;
  padding: 5px;
  margin: 0 !important;
  float: left;
}

.gallery-caption {
  color: #2e2f34;
  background: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  line-height: 1.5em;
  padding: 10px 15px;
  font-style: normal;
  margin: 0;
  right: 15px;
  bottom: -100%;
  left: 15px;
  max-height: 50%;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  text-align: center;
  opacity: 0;
  transition: all .4s ease;
  -o-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
}

.gallery-item:hover .gallery-caption {
  bottom: 5px;
  opacity: 1;
}

.gallery-item {
  margin-top: 5px !important;
}

.gallery-item img {
  border: 0 !important;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

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

.gallery-columns-6 .gallery-item {
  width: 16%;
}

.gallery-columns-7 .gallery-item {
  width: 14%;
}

.gallery-columns-8 .gallery-item {
  width: 12%;
}

.gallery-columns-9 .gallery-item {
  width: 11%;
}

.alignright,
.alignRight {
  float: right;
  margin-left: 25px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.alignleft,
.alignLeft {
  float: left;
  margin-right: 25px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.aligncenter,
.alignCenter {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.alignnone,
.alignNone {
  margin-top: 10px;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.sticky .thumb a:after {
  color: #474747;
  content: "\f08d";
  font-family: 'FontAwesome';
  font-size: 14px;
  line-height: normal;
  margin: auto;
  position: absolute;
  background: #fff;
  right: 0;
  bottom: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wp-smiley {
  display: ene;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

/* ------------------------------------------------------------------------- *
 *  2 - Grid System
 * ------------------------------------------------------------------------- */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 728px;
  }

  .wc-wrapper .container {
    width: 976px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 832px;
  }

  .wc-wrapper .container {
    width: 940px;
  }
}

@media (min-width: 1280px) {
  .wc-wrapper .container {
    width: 1080px;
  }
}

@media (min-width: 1600px) {
  .container {
    width: 960px;
  }

  .wc-wrapper .container {
    width: 1208px;
  }
}

.wpb_wrapper {
  overflow: visible;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.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 {
  position: relative;
  min-height: 1px;
  padding-left: 45px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

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

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

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

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

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

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

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

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

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

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

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

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

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

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

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

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 80%;
  }

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

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

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

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

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

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

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

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.container-fluid:after,
.row:after {
  clear: both;
}

/* ------------------------------------------------------------------------- *
 *  3 - Helper
 * ------------------------------------------------------------------------- */
/* Image replacement */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
  /* IE 6/7 fallback */
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 only */
.clearfix {
  *zoom: 1;
}

/* ------------------------------------------------------------------------- *
 *  4 - Header
 * ------------------------------------------------------------------------- */
#navbar {
  background: #04192a !important;
  height: 60px;
  width: 100%;
  z-index: 10;
  position: relative;
}

.logo {
  float: left;
}

.logo img {
  image-rendering: optimizeQuality;
  max-height: 72px !important;
  margin-left: 20px !important;
  margin-top: 3px !important;
}

.header-style-1 .logo {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  margin-right: 15px;
  height: 60px;
}

.right-nav {
  float: right;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.top-socials {
  float: left;
  padding: 0 15px;
  display: block;
}

.top-socials li {
  display: inline-block;
  line-height: 60px;
  margin: 0 10px;
}

.top-socials li a {
  color: #fff;
  display: block;
}

.top-socials li a:hover {
  /*color: #28282e;*/
}

/* Header 2 */
#top {
  background: #fff;
  height: 110px;
  position: relative;
}

.header-style-2 .logo img {
  max-height: 110px;
}

.top-right {
  margin-left: 331px;
  position: relative;
  height: 100%;
}

#header-promotion {
  margin: auto;
  text-align: center;
  padding: 10px 0;
}

.header-style-2 .main-nav {
  margin-left: 25px;
}

.header-style-2 ul.menu>li>a:before {
  display: none
}

/* ------------------------------------------------------------------------- *
 *  4.1 - Menu
 * ------------------------------------------------------------------------- */
header ul.menu, header ul.menu>li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

header ul.menu>li>a {
  color: #fff;
  font-weight: bold;
  display: block;
  position: relative;
  padding: 0 15px;
  font-size: 14px;
  line-height: 60px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header ul.menu>li>a:before {
  content: ' ';
  /*width: 0;*/
  position: absolute;
  top: -3px;
  left: 0;
  height: 3px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header ul.menu>li>a:hover,
header ul.menu>li.sfHover>a {
  background: #f86552;
}

header ul.menu>li>a:hover:before,
header ul.menu>li.sfHover>a:before,
header ul.menu>li.active>a:before,
header ul.menu>li.current-menu-item>a:before {
  width: 100%;
  top: 0;
}

/*** Dropdown Menu ***/
ul.menu li {
  position: relative;
}

ul.menu li>ul {
  background: #0d2841cc;
  position: absolute;
  display: none;
  width: 12em;
  top: 100%;
  left: 0;
  z-index: 99;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

ul.menu li>ul li a {
  padding: 8px 16px;
  font-size: 14px;
  color: #91fff7;
}

ul.menu li>ul li:hover, ul.menu li>ul li.sfHover {
  background: #480e4ad1;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -6px;
  font: normal normal normal 12px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sf-arrows>li .sf-with-ul {
  padding-right: 25px;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
  right: 10px;
  color: #949494;
}

ul.menu li:hover>ul,
ul.menu li.sfHover>ul {
  display: block;
}

ul.menu a {
  display: block;
  position: relative;
}

ul.menu ul ul {
  top: 0;
  left: 100%;
}

/*** Mega Menu ***/
ul.menu li.mega-menu {
  position: static;
}

.sub-menu {
  background: #fff;
  position: absolute;
  display: none;
  left: 0;
  z-index: 98;
  width: 100%;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.mega-menu .sub-menu {
  /*background: #f7f7f7;*/
}

.sub-menu a {
  color: #313138;
}

.sub-menu .newsfeed-categories {
  background: #f7f7f7;
  position: absolute;
  margin: 0;
  padding: 15px 0;
  width: 150px;
  height: 100%;
  min-height: 280px;
}

.newsfeed-categories li a {
  color: #474747;
  display: block;
  text-align: right;
  padding: 3px 20px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.newsfeed-heading {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.newsfeed-categories li.active a {
  background-color: #fff;
}

/* Mega Menu News Feed */
.newsfeed-posts {
  margin-left: 150px;
  position: relative;
  background: #fff;
  height: 100%;
  min-height: 280px;
  overflow: hidden;
}

.newsfeed-posts .owl-theme .owl-controls {
  margin-top: 0;
}

.newsfeed-container {
  padding: 10px;
  position: relative;
  overflow: auto;
}

.newsfeed-item {
  padding: 10px;
}

.newsfeed-item .post-title {
  font-size: 15px;
}

.newsfeed-item .thumb img {
  width: 100%;
  max-width: 100%;
}

.newsfeed-review h3 {
  margin-bottom: 2px;
}

.newsfeed-overlay {
  position: absolute;
  background: white;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  z-index: 99;
}

.newsfeed-overlay .preloader {
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 10px;
}

/* ------------------------------------------------------------------------- *
 *  4.2 - Mobile Menu
 * ------------------------------------------------------------------------- */
.mobile-logo {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.menu-active {
  position: fixed;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.push-left {
  left: -250px;
}

.push-right {
  left: 250px;
}

#mobile-menu {
  display: block;
  width: 260px;
  height: 100%;
  position: fixed;
  top: 0;
  right: -260px;
  z-index: 15;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mobile-menu-container {
  background: #08272ed9;
  height: 100%;
  color: #8ee77d;
  overflow-x: hidden;
  overflow-y: scroll;
}

.menu-active:before {
  background-color: rgba(248, 248, 248, 0.8);
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
}

#mobile-menu.active {
  right: 0;
  -webkit-box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

#mobile-menu ul>li>a {
  color: #7be1ff;
  display: block;
  padding: 15px 25px;
  font-size: 16px;
  border-bottom: 1px solid #3c827e;
  font-weight: bold;
}

#mobile-menu ul>li>a:hover, #mobile-menu ul>li>a:active {
  background: #f7f7f7;
  color: #333;
}

.mobile-toggle {
  color: #fff;
  background: #f86552;
  width: 60px;
  height: 60px;
  line-height: 60px;
  display: none;
  z-index: 2;
  position: relative;
  text-align: center;
}

.sidebar-toggle {
  float: left;
}

.menu-toggle {
  float: right;
}

.mobile-search {
  border-bottom: 1px solid #e5e5e5
}

.mobile-search .search-form [name='s'] {
  font-size: 14px;
  border: 0;
  box-shadow: none;
  width: 200px;
  line-height: 60px;
  height: 60px;
  padding: 0 0 0 25px;
}

.mobile-search button {
  color: #44e4b0;
  box-shadow: none;
  border: none;
  background: none;
  padding: 0 20px 0 10px;
  height: 60px;
  float: right;
}

/* ------------------------------------------------------------------------- *
 *  4.3 - Search Form
 * ------------------------------------------------------------------------- */
.top-search {
  float: right;
  position: relative;
  display: block;
}

.top-search-toggle {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  display: block;
  line-height: 60px;
  padding: 0 20px;
}

.top-search-toggle:hover {
  background: rgba(0, 0, 0, 0.2);
}

.top-search form {
  display: none;
}

.top-search form {
  background: rgba(255, 255, 255, 0.2);
}

.top-search .search-form [name="s"] {
  font-size: 16px;
  height: 60px;
  line-height: 40px;
  padding: 0 15px;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  outline: 0;
  border-radius: 0;
  width: 325px;
}

.top-search [name='s']:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.top-search [name='s']::-webkit-input-placeholder {
  color: #fff;
  font-style: italic;
  border: none;
}

.top-search [name='s']:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  font-style: italic;
  border: none;
}

.top-search [name='s']::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  font-style: italic;
  border: none;
}

.top-search [name='s']:-ms-input-placeholder {
  color: #fff;
  font-style: italic;
  border: none;
}

.top-search button {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 16px;
  padding: 0 15px 0 10px;
  width: 50px;
  cursor: pointer;
}

/* search result block */
.top-search .search-result,
.top-search .search-noresult,
.top-search .search-all-button,
.top-search .search-result-wrapper {
  display: none;
}

.top-search .search-result-wrapper {
  max-height: 360px;
  overflow-y: auto;
}

.top-search.no-active .search-result {
  display: none !important;
}

.search-result {
  width: 325px;
  position: absolute;
  background: #FFF;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #ddd;
}

.search-result .search-item {
  padding: 12px 15px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.search-result .search-item figure {
  float: left;
}

.search-result .search-item .content {
  margin-left: 85px;
}

.search-result .search-item .content h3 {
  margin: 0;
  font-size: 13px;
}

.search-result .search-item .content .post-category {
  font-weight: bold;
  text-transform: uppercase;
}

.search-result .search-item .content .post-category a {
  color: #000;
}

.search-result .search-all-button {
  padding: 9px;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #EEEEEE;
  color: #333;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 1px;
}

.search-result .search-noresult {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 10px;
}

.no-result span {
  color: #787878;
  font-size: 17px;
  text-align: center;
  display: block;
  padding: 40px 0;
}

/* ------------------------------------------------------------------------- *
 *  5 - Sidebar
 * ------------------------------------------------------------------------- */
#sidebar {
  background: #0b505b;
  float: left;
  font-size: 14px;
  height: 100%;
  width: 331px;
  position: absolute;
  left: 0;
  border-right: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0.3s;
  -o-transition: all 0.3s ease 0.3s;
  transition: all 0.3s ease 0.3s;
}

#sidebar.fixed {
  position: fixed;
  top: 0;
  left: 0;
}

.sidebar-posts {
  overflow: hidden;
  max-height: 100%;
  width: 100% !important;
}

.sidebar-posts, .sidebar-posts .jspContainer {
  width: 100% !important;
}

.sidebar-posts:hover {
  overflow-y: scroll;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px 5px rgb(3 22 35 / 90%);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px 4px rgb(11 164 127 / 95%);
}

.sidebar-heading {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 15px 0;
  padding: 0 15px;
}

.sidebar-posts a {
  color: #474747;
}

.sidebar-post-item {
  clear: left;
  padding: 15px 20px 15px;
  border-top: 1px solid #e5e5e5;
}

.sidebar-post-item .thumb {
  float: left;
  max-width: 75px;
  max-height: 75px;
  overflow: hidden;
}

.sidebar-post-item .content {
  margin-left: 85px;
}

.sidebar-post-item .post-title {
  font-size: 14px;
  margin: 0 0 0;
  /* min-height: 20px; */
  line-height: 1.5em;
}

.sidebar-loadmore-wrapper {
  display: block;
  text-align: center;
  border-top: 1px solid #eee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.sidebar-loadmore {
  text-align: center;
}

.active.sidebar-post-item {
  background-color: #FFE4E2;
  border-top: 1px solid #F3C8C8;
  border-bottom: 1px solid #F3C8C8;
}

.active.sidebar-post-item+.sidebar-post-item {
  border-top: none;
}

.post-meta a {
  font-weight: bold;
}

.post-category a {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.post-meta {
  font-size: 11px;
  color: #11f4c094;
}

.post-meta span, .post-meta footer {
  margin-right: 6px;
}

.post-meta .post-date:before {
  content: '/';
  margin-right: 6px;
}

.post-meta .post-date.no-separator:before {
  display: none;
}

.sidebar-footer {
  background: #fff;
  position: fixed;
  width: 331px;
  bottom: 0;
  left: 0;
  text-align: center;
  border-right: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sidebar-widget-bottom {
  padding: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #e5e5e5;
}

.sidebar-widget-bottom input[type="text"],
.sidebar-widget-bottom input[type="password"],
.sidebar-widget-bottom input[type="url"],
.sidebar-widget-bottom input[type="email"],
.sidebar-widget-bottom textarea {
  background: #f7f7f7;
}

.sidebar-widget-bottom input[type="text"]:focus,
.sidebar-widget-bottom input[type="password"]:focus,
.sidebar-widget-bottom input[type="url"]:focus,
.sidebar-widget-bottom input[type="email"]:focus,
.sidebar-widget-bottom textarea:focus {
  background: #fff;
}

.sidebar-footer .bottom {
  border-top: 1px solid #e5e5e5;
}

.sidebar-socials a {
  font-size: 14px;
  margin: 5px;
}

.copyright {
  background-color: #050e24;
  border-radius: 0.3em;
  color: #00f6ff;
}

.pmagic .pm-bg {
  background-color: #0d5f7440 !important;
}

.pmagic img[src*="default-user"] {
  filter: hue-rotate(120deg);
}

.pm-profile-image {
  background-color: #069bc780 !important;
}

.pm-user-group-name a {
  color: #00cbff !important;
}

.pm-user-name {
  color: #00fff1 !important;
  text-shadow: 0 0 6px #00b6ff;
}

.sidebar-footer .copyright {
  color: #474747;
  font-size: 11px;
  letter-spacing: 0.1em;
  margin: 15px;
  text-transform: uppercase;
  background-color: #00000000 !important;
}

.pm-border-slide {
  background: #00ffe0 !important;
}

/* ------------------------------------------------------------------------- *
 *  6 - Main Content
 * ------------------------------------------------------------------------- */
#main {
  margin-left: 331px;
  display: block;
  /*position: relative;*/
}

.section-wrap {
  position: relative;
}

.no-sidebar #main {
  margin-left: auto;
}

.wrapper {
  margin: 0 auto;
  position: relative;
  padding: 30px 0 0;
}

#content {
  background: #011d25eb;
  /* border: 1px solid #e5e5e5;*/
  border-radius: 4px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
   !important;
  box-shadow: #00ffff -1px -1px 5px 1px;
  animation: post-shadow ease-in-out 14s infinite;
}

.section, .yarpp-related {
  padding: 22px 30px 30px;
  border-bottom: 1px solid #307e8a;
  display: flex;
  /*-webkit-backface-visibility: hidden;*/
}

#content .section:last-of-type {
  border-bottom: 0
}

.hide_border_bottom {
  border-bottom: none;
}

.home-content .vc_row section {
  border-bottom: 1px solid #e5e5e5;
}

.home-content .vc_row:last-child section {
  border-bottom: 0 !important;
}

.post-title a {
  color: #00d9ff;
  font-weight: normal;
}

.content a:hover, .content a:active, .content a:focus {
  text-decoration: underline;
}

.section-heading {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.section-heading strong, .archive-heading strong {
  color: #ef4135
}

.thumb {
  position: relative;
}

.post-video .thumb a:before, .post-gallery .thumb a:before {
  content: '';
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(55%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
  width: 100%;
  height: 100%;
  position: absolute;
}

.post-video .thumb a:after, .post-gallery .thumb a:after {
  color: #fff;
  font-family: 'FontAwesome';
  font-size: 14px;
  line-height: normal;
  margin: auto;
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 1em;
  height: 1em;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sub-menu .post-video .thumb a:after,
.sub-menu .post-gallery .thumb a:after {
  font-size: 32px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.sub-menu .post-video .thumb a:after {
  font-size: 34px;
}

.post-video .thumb a:after {
  content: "\f144";
}

.post-gallery .thumb a:after {
  content: "\f03e";
}

.jpreloader {
  position: relative;
}

.jpreloader span {
  display: block;
  bottom: 0px;
  width: 6px;
  height: 6px;
  background: #FCDCD9;
  position: absolute;
  -webkit-animation: jpreloader 1.5s infinite ease-in-out;
  -moz-animation: jpreloader 1.5s infinite ease-in-out;
  -o-animation: jpreloader 1.5s infinite ease-in-out;
  animation: jpreloader 1.5s infinite ease-in-out;
}

.jpreloader span:nth-child(2) {
  left: 11px;
  -webkit-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
}

.jpreloader span:nth-child(3) {
  left: 22px;
  -webkit-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
}

.jpreloader span:nth-child(4) {
  left: 33px;
  -webkit-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s;
}

.jpreloader span:nth-child(5) {
  left: 44px;
  -webkit-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s;
}

@-webkit-keyframes jpreloader {
  0% {
    height: 6px;
    transform: translateY(0px);
    background: #FCDCD9;
  }

  25% {
    height: 12px;
    transform: translateY(3px);
    background: #ef4135;
  }

  50% {
    height: 6px;
    transform: translateY(0px);
    background: #F4837B;
  }

  100% {
    height: 6px;
    transform: translateY(0px);
    background: #FCDCD9;
  }
}

@-moz-keyframes jpreloader {
  0% {
    height: 6px;
    transform: translateY(0px);
    background: #FCDCD9;
  }

  25% {
    height: 12px;
    transform: translateY(3px);
    background: #ef4135;
  }

  50% {
    height: 6px;
    transform: translateY(0px);
    background: #F4837B;
  }

  100% {
    height: 6px;
    transform: translateY(0px);
    background: #FCDCD9;
  }
}

@-o-keyframes jpreloader {
  0% {
    height: 6px;
    transform: translateY(0px);
    background: #FCDCD9;
  }

  25% {
    height: 12px;
    transform: translateY(3px);
    background: #ef4135;
  }

  50% {
    height: 6px;
    transform: translateY(0px);
    background: #F4837B;
  }

  100% {
    height: 6px;
    transform: translateY(0px);
    background: #FCDCD9;
  }
}

@keyframes jpreloader {
  0% {
    height: 6px;
    transform: translateY(0px);
    background: #FCDCD9;
  }

  25% {
    height: 12px;
    transform: translateY(3px);
    background: #ef4135;
  }

  50% {
    height: 6px;
    transform: translateY(0px);
    background: #F4837B;
  }

  100% {
    height: 6px;
    transform: translateY(0px);
    background: #FCDCD9;
  }
}

a[title*="Pin it!"] {
  z-index: 1 !important;
}

/* dark section */
.darksection {
  background: black;
}

.darksection .section-heading {
  color: #fff;
}

.darksection a {
  color: #DFDFDF;
}

.darksection .post-title a {
  color: #fff;
}

.darksection .post-excerpt {
  color: #ddd;
}

.nopaddingbottom {
  padding-bottom: 0;
}

/* OWL Carousel : Globa Styling */
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
  z-index: 1
}

.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: 14px;
  height: 14px;
  margin: 0 5px;
  -webkit-box-shadow: inset 0 0 0 2px rgba(148, 148, 148, .5);
  box-shadow: inset 0 0 0 2px rgba(148, 148, 148, .5);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  -webkit-box-shadow: inset 0 0 0 14px rgba(148, 148, 148, .7);
  box-shadow: inset 0 0 0 14px rgba(148, 148, 148, .7);
}

/* Owl Carousel: Navigation */
.owl-carousel .owl-buttons div {
  width: 40px;
  height: 40px;
  color: #c0c0c0;
  background: #fff;
  border: 1px solid #e5e5e5;
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  font: normal normal normal 14px/40px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.owl-carousel .owl-buttons div:hover,
.owl-carousel .owl-buttons div:active {
  color: #7b7b7b;
}

.owl-carousel .owl-prev {
  left: -22px
}

.owl-carousel .owl-next {
  right: -22px
}

.owl-carousel .owl-prev:before {
  content: "\f053";
  margin-right: 2px;
}

.owl-carousel .owl-next:before {
  content: "\f054";
  margin-left: 2px;
}

.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after {
  content: '';
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}

.owl-carousel .owl-prev:after {
  border-color: transparent #ccc transparent transparent;
  border-width: 0 21px 15px 0;
  left: 0;
}

.owl-carousel .owl-next:after {
  border-color: transparent transparent transparent #ccc;
  border-width: 0 0 15px 21px;
  right: 0;
}

/* ------------------------------------------------------------------------- *
 *  6.1 - Home Featured Slider
 * ------------------------------------------------------------------------- */
.featured-post {
  overflow: visible;
  display: block;
}

.featured-slider {
  width: 100%;
}

.featured-post .owl-item img {
  width: 100%;
}

.featured-post .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 0 70px;
  width: 100%;
  overflow: hidden;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.65)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.featured-post .caption-container {
  padding: 0 40px;
  margin: 0 auto;
}

.featured-post .caption .post-title {
  font-size: 2em;
  line-height: 1.3em;
  margin-top: 10px;
}

.featured-post .caption .post-title a {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}

.featured-post .caption .post-categories a {
  display: inline-block;
  font-size: 11px;
  padding: 5px 12px;
  background: rgba(239, 65, 53, 0.75);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: normal;
}

.featured-thumbnail-container {
  padding: 0 40px;
  margin: 0 auto;
}

.featured-slider-thumbnail {
  width: auto;
  margin: -50px 0 -30px;
  padding: 20px 10px 0;
  background: #fff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(40%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 50%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 50%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 50%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffffff', endColorstr='#ffffff', GradientType=0);
}

.featured-slider-thumbnail .owl-item {
  padding: 0 10px 0;
}

.featured-slider-thumbnail .owl-item img {
  padding-bottom: 25px;
}

.featured-slider-thumbnail .owl-item.active img {
  border-bottom: 3px solid #ef4135;
}

.featured-slider .owl-wrapper-outer {
  background: #eee;
}

.featured-slider .owl-wrapper-outer:before,
.featured-slider-2 .owl-wrapper-outer:before,
.gallery-slider .owl-wrapper-outer:before {
  font-family: "FontAwesome", serif;
  content: "\f110";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 30px;
  color: #000;
  margin-top: -15px;
  margin-left: -15px;
  opacity: 0.5;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.gallery-slider .owl-wrapper-outer:before {
  color: #fff;
}

/* Featured Slider Style 2 */
.featured-slider-2 .caption {
  padding: 100px 0 70px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.29) 13%, rgba(255, 255, 255, 0.75) 34%, rgba(255, 255, 255, 0.77) 40%, rgba(255, 255, 255, 1) 97%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(13%, rgba(255, 255, 255, 0.29)), color-stop(34%, rgba(255, 255, 255, 0.75)), color-stop(40%, rgba(255, 255, 255, 0.77)), color-stop(97%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.29) 13%, rgba(255, 255, 255, 0.75) 34%, rgba(255, 255, 255, 0.77) 40%, rgba(255, 255, 255, 1) 97%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.29) 13%, rgba(255, 255, 255, 0.75) 34%, rgba(255, 255, 255, 0.77) 40%, rgba(255, 255, 255, 1) 97%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.29) 13%, rgba(255, 255, 255, 0.75) 34%, rgba(255, 255, 255, 0.77) 40%, rgba(255, 255, 255, 1) 97%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.29) 13%, rgba(255, 255, 255, 0.75) 34%, rgba(255, 255, 255, 0.77) 40%, rgba(255, 255, 255, 1) 97%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.featured-slider-2 .caption .post-title {
  font-size: 1.6em;
  max-width: 70%;
}

.featured-slider-2 .caption .post-title a {
  color: #333;
  text-shadow: none;
  font-weight: bold;
}

.featured-thumbnail-container {
  padding: 0 30px
}

.featured-slider-2-thumbnail {
  margin: -30px 0 0;
  padding: 0;
}

.featured-item-detail {
  margin: 0 10px;
  padding-top: 15px;
  font-size: 13px;
  border-top: 2px solid #e5e5e5;
}

.featured-item-detail a {
  color: #333;
  font-weight: bold;
  display: block;
  max-height: 100px;
  text-overflow: ellipsis;
}

.active .featured-item-detail {
  border-top: 2px solid #333;
}

/* ------------------------------------------------------------------------- *
 *  6.2 - Breaking News
 * ------------------------------------------------------------------------- */
.breakingnews {
  background: #28282e;
  color: #949494;
  position: relative;
  max-height: 150px;
  overflow: hidden;
}

.breakingnews-carousel {
  padding-right: 31px;
}

.breakingnews .owl-wrapper {
  display: table !important;
}

.breakingnews-item {
  padding: 20px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.owl-breakingnews .owl-item {
  border-right: 1px solid #333;
  display: table-cell;
  float: none !important;
  vertical-align: top;
}

.owl-breakingnews .owl-wrapper-outer:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 100%;
  right: 0;
  top: 0;
  background: -moz-linear-gradient(left, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(40, 40, 46, 0)), color-stop(100%, rgba(40, 40, 46, 1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028282e', endColorstr='#28282e', GradientType=1);
  /* IE6-9 */
}

.breakingnews-item a, .breakingnews-item .post-title a {
  color: #fff;
}

.breakingnews-item .thumb {
  float: left;
}

.breakingnews-item .thumb a:after {
  font-size: 12px;
}

.breakingnews-item .content {
  margin-left: 70px;
}

.breakingnews-item .post-title {
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 500;
  margin: 0 0 5px;
}

.breakingnews-item .post-meta {
  font-size: 10px;
}

/* Owl Carousel: Breakingnews */
.owl-breakingnews .owl-buttons {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  text-align: center;
  border-left: 1px solid #333;
  height: 100%;
}

.owl-breakingnews .owl-buttons div {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  position: relative;
  width: 30px;
  height: 50%;
  display: block;
  opacity: 0.5;
  color: #fff;
  background: none;
  border: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.owl-breakingnews .owl-buttons div:before {
  top: 50%;
  left: 8px;
  position: absolute;
  margin-top: -8px;
}

.owl-breakingnews .owl-prev, .owl-breakingnews .owl-next {
  left: 0;
  right: 0;
}

.owl-breakingnews .owl-prev:before {
  content: "\f137";
}

.owl-breakingnews .owl-next:before {
  content: "\f138";
}

.owl-breakingnews .owl-prev:after, .owl-breakingnews .owl-next:after {
  display: none
}

.owl-breakingnews .owl-buttons:hover,
.owl-breakingnews .owl-buttons div:hover {
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
}

/* Breaking News: Marquee */
.breakingnews-marquee {
  color: #949494;
  font-size: 13px;
  height: 47px;
  line-height: 47px;
  overflow: hidden;
  position: relative;
}

.breakingnews-heading {
  margin-left: 20px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #f7d46f;
  position: absolute;
  left: 0;
}

.breakingnews-heading i {
  margin-right: 6px;
}

.breakingnews-marquee ul {
  margin-left: 136px;
  overflow: hidden;
  position: relative;
  width: auto;
}

.breakingnews-marquee ul:before {
  content: '';
  position: absolute;
  width: 50px;
  height: 100%;
  left: 0;
  top: 0;
  background: -moz-linear-gradient(left, rgba(40, 40, 46, 1) 0%, rgba(40, 40, 46, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(40, 40, 46, 1)), color-stop(100%, rgba(40, 40, 46, 0)));
  background: -webkit-linear-gradient(left, rgba(40, 40, 46, 1) 0%, rgba(40, 40, 46, 0) 100%);
  background: -o-linear-gradient(left, rgba(40, 40, 46, 1) 0%, rgba(40, 40, 46, 0) 100%);
  background: -ms-linear-gradient(left, rgba(40, 40, 46, 1) 0%, rgba(40, 40, 46, 0) 100%);
  background: linear-gradient(to right, rgba(40, 40, 46, 1) 0%, rgba(40, 40, 46, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28282e', endColorstr='#0028282e', GradientType=1);
}

.breakingnews-marquee ul:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 100%;
  right: 0;
  top: 0;
  background: -moz-linear-gradient(left, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(40, 40, 46, 0)), color-stop(100%, rgba(40, 40, 46, 1)));
  background: -webkit-linear-gradient(left, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  background: -o-linear-gradient(left, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  background: -ms-linear-gradient(left, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  background: linear-gradient(to right, rgba(40, 40, 46, 0) 0%, rgba(40, 40, 46, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028282e', endColorstr='#28282e', GradientType=1);
}

.breakingnews-marquee li {
  display: inline-block;
  margin: 0 1em;
}

.breakingnews-marquee li:before {
  content: "\f0da";
  font-family: 'FontAwesome';
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.breakingnews-marquee .post-date {
  font-style: italic;
  margin-right: 5px;
  display: inline-block;
}

.breakingnews-marquee a {
  color: #efefef;
}

.breakingnews-marquee a:hover {
  color: #fff;
  text-decoration: underline;
}

/* ------------------------------------------------------------------------- *
 *  6.3 - Carousel Post
 * ------------------------------------------------------------------------- */
.carousel-post {
  display: block;
}

.carousel-post .latest-post-feed {
  margin: 0 10px;
  float: none;
}

.carousel-post .owl-buttons div {
  top: 30px;
  bottom: auto;
}

.carousel-post .owl-prev, .postbox .owl-prev {
  left: -52px
}

.carousel-post .owl-next, .postbox .owl-next {
  right: -52px
}

/* Postbox */
.postbox {
  display: block;
}

.postbox-feed {
  margin: 0 10px;
  position: relative;
  text-align: center;
  float: none;
}

.postbox-feed .content {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 25px 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 50%, rgba(0, 0, 0, 0.75) 85%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.44)), color-stop(85%, rgba(0, 0, 0, 0.75)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 50%, rgba(0, 0, 0, 0.75) 85%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 50%, rgba(0, 0, 0, 0.75) 85%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 50%, rgba(0, 0, 0, 0.75) 85%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 50%, rgba(0, 0, 0, 0.75) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0);
}

.postbox-feed .post-title {
  font-size: 15px;
  line-height: 21px;
}

.mauticform-row {
  display: block;
  margin-bottom: 0px !important;
}

.postbox-feed .post-title a {
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.mauticform-label {
  font-size: 1.1em !important;
  padding: 0em 0em 0em 0em !important;
  display: block !important;
  font-weight: bold !important;
  /* margin-bottom: 5px; */
  color: #00e8ff !important;
}

.mauticform_wrapper {
  max-width: 6000px !important;
  margin: 0px 0px !important;
  color: #50b7d6 !important;
  font-family: 'Source Sans Pro', 'Helvetica Neue', 'Arial', 'sans-serif';
  font-size: 18px;
}

.postbox-feed .post-meta {
  color: #d7d7d7;
}

/* ------------------------------------------------------------------------- *
 *  6.4 - Latest Post
 * ------------------------------------------------------------------------- */
.latest-post-big {
  color: #64b7ca;
}

.latest-post-big .post-title {
  font-size: 22px;
  margin-bottom: 10px;
}

.latest-post-feed .post-title {
  font-size: 15px;
  line-height: 21px;
}

.col-md-1.vc_column_container .post-excerpt,
.col-md-2.vc_column_container .post-excerpt,
.col-md-3.vc_column_container .post-excerpt,
.col-md-4.vc_column_container .post-excerpt,
.col-md-5.vc_column_container .post-excerpt {
  display: none;
}

/* Latest Post 1 */
.latest-post-1 .latest-post-big {
  min-height: 400px;
}

.latest-post-1 .latest-post-feed {
  min-height: 220px;
}

.latest-post-1 .latest-post-big .post-excerpt {
  font-size: 16px;
  line-height: 24px;
}

.latest-post-1 .col-md-3 article:last-child {
  padding-top: 10px;
}

/* Latest Post 2 */
.latest-post-2 .latest-post-feed {
  margin-top: 20px;
}

.latest-post-2 .latest-post-big .post-title {
  margin-top: 5px;
}

.latest-post-2 .latest-post-big .post-excerpt {
  font-size: 14px;
  line-height: 21px;
}

.latest-post-2 .latest-post-feed .thumb {
  float: left;
  width: 40%;
}

.latest-post-2 .latest-post-feed .content {
  margin-left: 43%;
}

/* Category Latest Post */
.cat-latest-post .latest-post-big .post-title {
  font-size: 24px;
}

.cat-latest-post .post-excerpt {
  font-size: 16px;
  line-height: 24px;
}

.cat-latest-post .latest-post-feed {
  margin-bottom: 20px;
}

.cat-latest-post.style2 .latest-post-big {
  margin-bottom: 30px;
}

/* ------------------------------------------------------------------------- *
 *  6.5 - Post Column
 * ------------------------------------------------------------------------- */
.post-columns .post-title {
  font-size: inherit;
  line-height: 24px;
}

.post-columns .post-excerpt,
.post-columns .post-feed .post-title {
  font-size: 14px;
  line-height: 21px;
}

.post-columns .post-feed {
  margin-top: 25px;
}

.post-columns .post-feed-item {
  border-top: 1px dotted #e5e5e5;
  padding: 10px 0;
}

.post-columns .post-feed-item:first-child {
  border-top: 2px solid #e5e5e5;
  padding-top: 15px;
}

.post-columns .post-feed .post-title {
  margin: 0;
  padding: 0;
}

.post-columns .post-feed .post-date {
  margin-left: 5px;
  font-weight: normal;
}

.more-post {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Post List */
.post-list {
  margin-bottom: 30px;
}

/* ------------------------------------------------------------------------- *
 *  6.6 - Pagination
 * ------------------------------------------------------------------------- */
#pagination {
  padding: 0px 30px;
  border-top: 1px solid #e5e5e5;
}

#pagination span {
  display: inline-block;
  padding: 15px 5px;
  font-size: 13px;
  font-weight: bold;
}

#pagination a {
  color: #76767b;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

#pagination .current, #pagination a:hover {
  color: #313138;
}

#pagination .page-item.current {
  border-top: 2px solid #313138;
  margin-top: -1px;
}

/* Post Pagination */
#pagination.article-pagination {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
  margin: 40px 0 20px;
}

#pagination.article-pagination .prevnext {
  float: left;
}

#pagination.article-pagination .pagination-number {
  float: right;
}

#pagination.article-pagination .pagination-number>span.page-item {
  border-top: 2px solid #313138;
  margin-top: -1px;
}

.older-post {
  background: url('public/img/dotted.png') center center repeat-x;
}

.older-post-container {
  display: inline-block;
  background: #fff;
  padding: 0 15px;
}

/* ------------------------------------------------------------------------- *
 *  6.7 - Adverstisement
 * ------------------------------------------------------------------------- */
#top-promotion {
  text-align: center;
  margin-bottom: 30px;
  z-index: 2;
  position: relative;
}

#inside-ads {
  text-align: center;
}

.leftside-promotion {
  position: absolute;
  left: -200px;
  top: 0;
}

.rightside-promotion {
  position: absolute;
  right: -200px;
  top: 0;
}

.inline_promotion_center {
  text-align: center;
  padding: 20px 0;
}

.inline_promotion_right {
  float: right;
  padding: 25px 0 25px 25px;
}

.promocentered {
  text-align: center;
  padding: 20px 0;
}

#mobile-promotion {
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
}

#mobile-promotion img {
  margin-top: 5px;
  margin-bottom: 5px;
}

.leftside-bg-promotion {
  position: absolute;
  left: -200px;
  top: 0;
  width: 200px;
  height: 1000px;
}

.rightside-bg-promotion {
  position: absolute;
  right: -200px;
  top: 0;
  width: 200px;
  height: 1000px;
}

/* ------------------------------------------------------------------------- *
 *  6.8 - Forms
 * ------------------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
textarea,
select {
  display: inline-block;
  border: 1px solid #10646c;
  padding: 8px 16px;
  outline: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  width: 210px;
  max-width: 100%;
  background: #00000047;
}

textarea {
  width: auto;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select:after {
  font-family: 'FontAwesome';
  content: "\f0dc";
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #c0c0c0;
  color: #79fdf1;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

textarea {
  min-height: 60px;
}

#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
#content input[type="url"],
#content textarea,
#content select {
  border-color: #16717d;
  line-height: 20px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.input-group {
  position: relative;
  display: inline-block;
}

.input-group input[type="text"],
.input-group input[type="url"],
.input-group input[type="password"],
.input-group input[type="email"] {
  padding-right: 36px;
  position: relative;
}

.input-group .input-icon {
  position: absolute;
  top: 10px;
  right: 12px;
}

/* ------------------------------------------------------------------------- *
 *  6.9 - Buttons
 * ------------------------------------------------------------------------- */
.btn, input[type="submit"] {
  display: inline-block;
  padding: 9px 25px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  outline: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.btn:active, input[type="submit"]:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn:hover, .btn:focus,
input[type="submit"]:hover, input[type="submit"]:focus {
  text-decoration: none;
}

/* Button Size */
.btn-small {
  padding: 6px 16px;
  font-size: 12px;
}

.btn-default, input[type="submit"] {
  color: #052934;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  background-image: linear-gradient(to bottom, #00dfff 0%, #073551 29%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  text-shadow: 0 1px 0 #0cdee1;
  border-color: #0f63a0;
  color: #04fe3c;
}

.btn-default:hover, input[type="submit"]:hover,
.btn-default:focus, input[type="submit"]:focus {
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
  background-image: linear-gradient(to bottom, #00dfff 0%, #073551 59%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#efefef', GradientType=0);
}

.btn-default:active, input[type="submit"]:active {
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #f7f7f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #f7f7f7));
  background: -webkit-linear-gradient(top, #efefef 0%, #f7f7f7 100%);
  background: -o-linear-gradient(top, #efefef 0%, #f7f7f7 100%);
  background: -ms-linear-gradient(top, #efefef 0%, #f7f7f7 100%);
  background: linear-gradient(to bottom, #efefef 0%, #f7f7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f7f7f7', GradientType=0);
  border-color: #c0c0c0;
}

.btn-default:disabled,
.btn-default[disabled] {
  background-color: #e0e0e0;
  background-image: none;
}

.btn-primary {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image: -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #2b669a;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #4da2e0;
  background: -moz-linear-gradient(top, #4da2e0 0%, #3680bd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4da2e0), color-stop(100%, #3680bd));
  background: -webkit-linear-gradient(top, #4da2e0 0%, #3680bd 100%);
  background: -o-linear-gradient(top, #4da2e0 0%, #3680bd 100%);
  background: -ms-linear-gradient(top, #4da2e0 0%, #3680bd 100%);
  background: linear-gradient(to bottom, #4da2e0 0%, #3680bd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da2e0', endColorstr='#3680bd', GradientType=0);
}

.btn-primary:active {
  background: #2d6ca2;
  background: -moz-linear-gradient(top, #2d6ca2 0%, #428bca 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d6ca2), color-stop(100%, #428bca));
  background: -webkit-linear-gradient(top, #2d6ca2 0%, #428bca 100%);
  background: -o-linear-gradient(top, #2d6ca2 0%, #428bca 100%);
  background: -ms-linear-gradient(top, #2d6ca2 0%, #428bca 100%);
  background: linear-gradient(to bottom, #2d6ca2 0%, #428bca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d6ca2', endColorstr='#428bca', GradientType=0);
  border-color: #2b669a;
}

.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #2d6ca2;
  background-image: none;
}

.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}

.btn-success:hover,
.btn-success:focus {
  background: #6bd06b;
  background: -moz-linear-gradient(top, #6bd06b 0%, #4daf4d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6bd06b), color-stop(100%, #4daf4d));
  background: -webkit-linear-gradient(top, #6bd06b 0%, #4daf4d 100%);
  background: -o-linear-gradient(top, #6bd06b 0%, #4daf4d 100%);
  background: -ms-linear-gradient(top, #6bd06b 0%, #4daf4d 100%);
  background: linear-gradient(to bottom, #6bd06b 0%, #4daf4d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bd06b', endColorstr='#4daf4d', GradientType=0);
}

.btn-success:active {
  background: #419641;
  background: -moz-linear-gradient(top, #419641 0%, #5cb85c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #419641), color-stop(100%, #5cb85c));
  background: -webkit-linear-gradient(top, #419641 0%, #5cb85c 100%);
  background: -o-linear-gradient(top, #419641 0%, #5cb85c 100%);
  background: -ms-linear-gradient(top, #419641 0%, #5cb85c 100%);
  background: linear-gradient(to bottom, #419641 0%, #5cb85c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#419641', endColorstr='#5cb85c', GradientType=0);
  border-color: #3e8f3e;
}

.btn-success:disabled,
.btn-success[disabled] {
  background-color: #419641;
  background-image: none;
}

.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}

.btn-info:hover,
.btn-info:focus {
  background: #6bd8ef;
  background: -moz-linear-gradient(top, #6bd8ef 0%, #32c5e6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6bd8ef), color-stop(100%, #32c5e6));
  background: -webkit-linear-gradient(top, #6bd8ef 0%, #32c5e6 100%);
  background: -o-linear-gradient(top, #6bd8ef 0%, #32c5e6 100%);
  background: -ms-linear-gradient(top, #6bd8ef 0%, #32c5e6 100%);
  background: linear-gradient(to bottom, #6bd8ef 0%, #32c5e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bd8ef', endColorstr='#32c5e6', GradientType=0);
}

.btn-info:active {
  background: #2aabd2;
  background: -moz-linear-gradient(top, #2aabd2 0%, #5bc0de 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2aabd2), color-stop(100%, #5bc0de));
  background: -webkit-linear-gradient(top, #2aabd2 0%, #5bc0de 100%);
  background: -o-linear-gradient(top, #2aabd2 0%, #5bc0de 100%);
  background: -ms-linear-gradient(top, #2aabd2 0%, #5bc0de 100%);
  background: linear-gradient(to bottom, #2aabd2 0%, #5bc0de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2aabd2', endColorstr='#5bc0de', GradientType=0);
  border-color: #28a4c9;
}

.btn-info:disabled,
.btn-info[disabled] {
  background-color: #2aabd2;
  background-image: none;
}

.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}

.btn-warning:hover,
.btn-warning:focus {
  background: #f9c65a;
  background: -moz-linear-gradient(top, #f9c65a 0%, #f6ac1b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9c65a), color-stop(100%, #f6ac1b));
  background: -webkit-linear-gradient(top, #f9c65a 0%, #f6ac1b 100%);
  background: -o-linear-gradient(top, #f9c65a 0%, #f6ac1b 100%);
  background: -ms-linear-gradient(top, #f9c65a 0%, #f6ac1b 100%);
  background: linear-gradient(to bottom, #f9c65a 0%, #f6ac1b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c65a', endColorstr='#f6ac1b', GradientType=0);
}

.btn-warning:active {
  background: #eb9316;
  background: -moz-linear-gradient(top, #eb9316 0%, #f0ad4e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb9316), color-stop(100%, #f0ad4e));
  background: -webkit-linear-gradient(top, #eb9316 0%, #f0ad4e 100%);
  background: -o-linear-gradient(top, #eb9316 0%, #f0ad4e 100%);
  background: -ms-linear-gradient(top, #eb9316 0%, #f0ad4e 100%);
  background: linear-gradient(to bottom, #eb9316 0%, #f0ad4e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9316', endColorstr='#f0ad4e', GradientType=0);
  border-color: #e38d13;
}

.btn-warning:disabled,
.btn-warning[disabled] {
  background-color: #eb9316;
  background-image: none;
}

.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}

.btn-danger:hover,
.btn-danger:focus {
  background: #eb605b;
  background: -moz-linear-gradient(top, #eb605b 0%, #d93631 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb605b), color-stop(100%, #d93631));
  background: -webkit-linear-gradient(top, #eb605b 0%, #d93631 100%);
  background: -o-linear-gradient(top, #eb605b 0%, #d93631 100%);
  background: -ms-linear-gradient(top, #eb605b 0%, #d93631 100%);
  background: linear-gradient(to bottom, #eb605b 0%, #d93631 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb605b', endColorstr='#d93631', GradientType=0);
}

.btn-danger:active {
  background: #c12e2a;
  background: -moz-linear-gradient(top, #c12e2a 0%, #d9534f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c12e2a), color-stop(100%, #d9534f));
  background: -webkit-linear-gradient(top, #c12e2a 0%, #d9534f 100%);
  background: -o-linear-gradient(top, #c12e2a 0%, #d9534f 100%);
  background: -ms-linear-gradient(top, #c12e2a 0%, #d9534f 100%);
  background: linear-gradient(to bottom, #c12e2a 0%, #d9534f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c12e2a', endColorstr='#d9534f', GradientType=0);
  border-color: #b92c28;
}

.btn-danger:disabled,
.btn-danger[disabled] {
  background-color: #c12e2a;
  background-image: none;
}

.btn-icon {
  margin-right: 8px;
  color: #949494;
}

a.btn-primary, a.btn-success, a.btn-info,
a.btn-warning, a.btn-danger {
  color: #fff;
}

/* ------------------------------------------------------------------------- *
 *  6.10 - Single Post
 * ------------------------------------------------------------------------- */
.post-top-meta {
  font-size: 13px;
  color: #093643;
  padding: 10px 30px;
  border-bottom: 1px solid #307e8a;
  position: relative;
}

.post-top-meta .breadcrumb {
  float: left;
}

.post-top-meta .post-date {
  float: right;
  padding-left: 5px;
  font-size: 12px;
  color:aqua;
}

.post-top-meta .breadcrumb:before {
  content: '';
  border-style: solid;
  border-color: #e5e5e5 transparent transparent #e5e5e5;
  border-width: 6px 8px;
  position: absolute;
  bottom: -12px;
  left: 31px;
}

.post-top-meta .breadcrumb:after {
  content: '';
  border-style: solid;
  border-color: #1ba5a6 transparent transparent #307e8a;
  border-width: 5px 7px;
  position: absolute;
  bottom: -10px;
  left: 32px;
}

.post-top-meta .breadcrumb-item:after {
  color: #b9b9b9;
  content: '\f105';
  font-family: 'FontAwesome';
  padding: 0 8px;
  margin-right: -4px;
  display: inline-block;
  text-rendering: auto;
  background: #0435357a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.post-top-meta .breadcrumb-item.home-breadcrumb a {
  color: #0bfff3;
}

.post-top-meta .breadcrumb-item:last-child:after {
  display: none;
}

.post-header {
  border-bottom: 1px solid #307e8a;
  background-color: #080422;
}

.post-header-container {
  margin: 0.5em;
  background-color: #001649;
  border-radius: 0.75em;
}

.page-header-container {
  text-align: center;
  margin: 50px 20px;
}

.post-header .post-title {
  font-weight: normal;
  overflow: hidden;
  color: #03ff7dbf;
  background-color: #010f3085;
  font-family: 'Anonymous Pro', monospace;
  position: relative;
  top: 50%;
  width: 100%;
  margin: 0 auto;
  border-right: 2px solid rgba(255, 255, 255, .75);
  font-size: 230%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  //transform: translateY(-50%);
  animation: typewriter 4s steps(44) 1s 1 normal both,
    blinkTextCursor 500ms steps(44) infinite normal;
  /*max-width: 100%;
  text-align: right;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;*/
}

.post-header .post-bottom-meta {
  color: #45dede;
  font-size: 13px;
}

.post .post-bottom-meta .post-author {
  font-weight: bolder;
}

.post .post-bottom-meta .post-total-comment a {
  color: #23e65f;
}

.post .post-bottom-meta span,
.post .post-bottom-meta time {
  margin-right: 1em;
}

.post .post-bottom-meta span:before,
.post .post-bottom-meta time:before {
  color: #30b0f1;
  font-family: 'FontAwesome';
  margin-right: 8px;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.post .post-bottom-meta .post-author:before {
  content: "\f007";
  font-weight: normal;
}

.post .post-bottom-meta .post-date:before {
  content: "\f017";
}

.post .post-bottom-meta .post-total-comment:before {
  content: "\f0e5";
}

.post .featured {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

@font-face {
  font-family: 'Anurati';
  src: url('/anurati.otf');
}

/* Article Sharer */
.article-sharer {
  padding: 0;
}

.article-sharer-placeholder {
  height: 60px;
}

.article-sharer.fixed {
  background: #0c3552;
  position: fixed;
  top: 0;
  z-index: 2;
  margin-left: -1px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.dummy-share-block {
  height: 61px;
  width: 100%;
  display: none;
  position: relative;
  content: " ";
}

.dummy-share-block.fixed {
  display: block;
}

.socials-share {
  padding: 10px 0 10px 30px;
  float: left;
}

.article-sharer .social-share {
  font-size: 13px;
  margin-right: 5px;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
  padding: 8px 0;
  min-width: 38px;
  text-align: center;
  background: #333;
}

.social-share .fa {
  font-size: 16px;
  color: #fff;
}

.social-share.share-facebook, .social-share.share-twitter {
  color: #fff;
  padding: 8px 16px;
}

.social-share.share-facebook .fa, .social-share.share-twitter .fa {
  margin-right: 8px;
}

.social-share.share-facebook {
  background: #2980b9;
}

.social-share.share-twitter {
  background: #00bff0;
}

.social-share.share-google-plus {
  background: #e74c3c;
}

.social-share.share-linkedin {
  background: #0087c3;
}

.social-share.share-reddit {
  background: #373737;
}

.social-share.share-pinterest {
  background: #CA2128;
}

.article-shorturl {
  float: right;
  border-left: 1px solid #097f7d;
  padding: 0px 30px;
  line-height: 59px;
}

.article-shorturl input {
  height: 34px;
  line-height: 34px;
  width: 160px;
}

.featured img {
  width: 100%;
}

.article-content {
  text-align: justify;
  padding: 20px 25px;
  color: #a8c4c7;
  background-color: #0b1929;
}

.article-content h4 {
  color: #eec280 !important;
}

.article-content.intro-text>p:first-child,
.article-content p.intro-text {
  font-family: 'Lora', Georgia, serif;
  font-size: 1.4em;
  line-height: 1.5em;
  color: #222;
  letter-spacing: -0.008em;
}

.article-content.dropcap>p:first-child:first-letter,
.article-content p.dropcap:first-letter,
.dropcaps {
  font-family: 'Lora', Georgia, serif;
  float: left;
  margin: 0.04em 0.2em 0 0.1em;
  color: #ef4135;
  font-size: 3.375em;
  line-height: 1em;
}

.article-content p {
  font-size: 1em;
  line-height: 1.8em;
}

.article-content blockquote {
  font-family: 'Lora', Georgia, serif;
  font-size: 1.1em;
  font-style: italic;
  line-height: 1.5em;
  color: #b8f5fd;
  letter-spacing: -0.008em;
  margin: 1em 0;
  padding-left: 1em;
  border-left: 4px solid #03b3ff;
}

.article-content blockquote p {
  line-height: 1.5em;
}

.article-content blockquote.pullquote-left {
  clear: left;
  border: none;
  padding: 0;
  float: left;
  max-width: 35%;
  padding: 0;
  margin: 0.4em 1.2em 0.4em 0;
}

.article-content blockquote.pullquote-right {
  clear: right;
  border: none;
  padding: 0;
  float: right;
  max-width: 35%;
  padding: 0;
  margin: 0.4em 0 0.4em 1.2em;
}

.article-content ul, ol {
  margin-left: 1.5em;
}

.article-content li {
  margin-bottom: 0.5em;
  color: #7ec4ba;
}

.article-content ul {
  list-style: square;
}

.article-content ol {
  list-style: none;
  counter-reset: steps;
}

.article-content ol li {
  counter-increment: steps;
}

.article-content ol li::before {
  content: counter(steps);
  margin-right: 0.5rem;
  background: #ff6f00;
  color: white;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  line-height: 1.2em;
}

.article-content ol ol li::before {
  background: darkorchid;
}

ul.fa-ul {
  list-style: none;
  padding-left: 0.5em;
}

li .fa-li {
  top: 8px;
  font-size: 8px;
  left: -25px;
}

.fa-ul li .fa {
  margin-left: -1.5em;
}

.article-content dt {
  font-weight: 600;
}

.article-content dd {
  margin-bottom: 20px;
}

.article-content em, .article-content cite {
  font-style: italic;
}

.article-content ins {
  background: #fcf8e3;
}

.article-content sub, .article-content sup {
  font-size: 62.5%;
}

.article-content sub {
  vertical-align: sub;
}

.article-content sup {
  vertical-align: super;
}

/* Table */
.article-content table {
  width: 100%;
  margin: 1em 0 30px;
  line-height: normal;
  color: #5e5e5e;
}

.article-content tr {
  border-bottom: 1px solid #e5e5e5;
}

.article-content thead tr {
  border-bottom: 2px solid #e5e5e5;
}

.article-content th, .article-content td {
  font-size: 0.85em;
  padding: 8px 20px;
  text-align: left;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.article-content th {
  color: #333;
  font-weight: bold;
  vertical-align: middle;
}

.article-content tbody tr:last-child,
.article-content th:first-child, .article-content td:first-child,
.article-content th:last-child, .article-content td:last-child {
  border: 0;
}

/* Post Media */
.article-tags {
  font-size: 11px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 4em 0 2em;
  padding-top: 1em;
}

/* Author Box */
.author-box {
  border-top: 1px solid #3ca498;
  border-bottom: 1px solid #3ca498;
  padding: 0.5em 100px 2.5em 50px;
  font-size: 14px;
  background-color: #0098994a;
}

.author-image {
  float: left;
}

.author-image img {
  border-radius: 100%;
  height: auto;
  max-width: 90px;
}

.author-content {
  margin-left: 120px;
  position: relative;
}

small {
  display: none !important;
}

.author-title {
  color: #d8be04;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 0.5em;
}

.author-name {
  font-size: 24px;
  line-height: 1.6em;
  margin: 0;
}

.author-description {
  line-height: 1.8em;
}

.author-socials {
  position: absolute;
  top: 30px;
  right: 0;
}

.author-socials a {
  font-size: 16px;
  margin-right: 7px;
  display: inline-block;
  color: #474747;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.author-socials .link:hover {
  color: #47b957;
}

.author-socials .facebook:hover {
  color: #2980b9;
}

.author-socials .twitter:hover {
  color: #00bff0;
}

.author-socials .linkedin:hover {
  color: #0087c3;
}

.author-socials .google-plus:hover {
  color: #e74c3c;
}

/* Prev & Next Post */
.prevnext-post {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  margin-top: -1px;
}

.prevnext-post .post {
  display: table-cell;
  width: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 10px;
  min-width: 475px;
}

@media (max-width: 1599px) {
  .prevnext-post .post {
    min-width: 415px;
  }
}

.prevnext-post .post:hover {
  background: #70ffc461;
}

.prevnext-post .next-post {
  border-left: 1px solid #e5e5e5;
}

.prevnext-post .post-title {
  font-size: 16px;
  margin: 10px 0 0;
}

.prevnext-post .caption {
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #ffae00;
  text-transform: uppercase;
}

.breakingnews {
  background: #00393fc2 !important;
}

/* Popup Post */
.popup-post {
  position: fixed;
  background: #012225ab;
  width: 300px;
  bottom: -150px;
  right: 15px;
  z-index: 9;
  border-radius: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 5px 15px 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}

.popup-post.active {
  opacity: 1;
  visibility: visible;
  bottom: 15px;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.popup-heading {
  color: #ef4135;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: bold;
}

.popup-content {
  margin-top: 10px;
}

.popup-content .thumb {
  float: left;
  margin-right: 10px;
}

.popup-content img {
  max-width: 60px;
}

.popup-content .post-title {
  font-size: 14px;
  margin: 0;
}

.popup-close {
  color: #949494;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 12px;
}

/* Aside Post */
.aside-post {
  float: right;
  font-size: 13px;
  width: 30%;
  margin: 1.2em -5% 1em 2em;
}

.aside-heading {
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.aside-post img {
  float: left;
  margin-right: 1em;
  max-width: 50px;
}

.aside-post .post-title {
  font-family: 'Lora', Georgia, serif;
  color: #474747;
  border-top: 1px solid #e5e5e5;
  padding: 5px 0;
  display: block;
}

.aside-post a:hover {
  text-decoration: underline;
}

/* jOwlGallery: Image Gallery */
.gallery-slider-wrapper {
  background: #111;
  margin: 1em auto 1em -5%;
  width: 110%;
}

.owl-jowlgallery {
  position: relative;
  padding: 10px;
}

.owl-jowlgallery .slide {
  width: 100%;
  height: 450px;
  max-height: 450px;
  text-align: center;
}

.owl-jowlgallery img,
.owl-jowlgallerythumbnail img {
  width: auto;
  height: auto;
}

.owl-jowlgallery a:hover img {
  cursor: zoom-in;
}

.owl-jowlgallerythumbnail {
  padding: 0 5px 10px;
}

.owl-jowlgallerythumbnail .slide-thumbnail {
  max-height: 65px;
  text-align: center;
  margin: 0 5px;
  cursor: pointer;
}

.owl-jowlgallerythumbnail img {
  opacity: 0.7;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
}

.owl-jowlgallerythumbnail .active img,
.owl-jowlgallerythumbnail .owl-item:hover img {
  opacity: 1;
}

.slide-caption {
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  bottom: 8%;
  left: -3px;
  opacity: 0;
  z-index: 5;
  padding: 1em 2em 1em 3em;
  font-family: 'Lora', Georgia, serif;
  font-size: 12px;
  max-width: 65%;
  text-align: left;
  -webkit-transition: opacity .5s ease 0.4s;
  -o-transition: opacity .5s ease 0.4s;
  transition: opacity .5s ease 0.4s;
}

.active .slide-caption {
  opacity: 1;
}

.mfp-figure figcaption {
  margin: 0
}

/* Content Slider */
.content-slider-items {
  -webkit-transition: height .5s linear;
  -o-transition: height .5s linear;
  transition: height .5s linear;
}

.content-slider-item {
  display: none;
}

.content-slider-item.active {
  display: block;
}

/* Multimedia Embed */
.video-container {
  line-height: 0;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
  width: 100%;
}

.video-container {
  height: 0;
  overflow: hidden;
  padding-bottom: 56%;
  position: relative;
}

.video-container iframe, .video-container object, .video-container embed, .video-container video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* 404 */
.page-404 .article-content {
  text-align: center;
}

.search-404 form [name='s'] {
  width: 50%;
  min-width: 220px;
  padding-left: 2.5em;
  position: relative;
}

.search-404 form:before {
  color: #B8B8B8;
  content: "\f002";
  font-family: FontAwesome;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: -2em;
  margin-left: 12px;
  position: relative;
  z-index: 2;
}

.container-404 {
  text-align: center;
}

.container-404 h3 {
  margin: 3em;
}

/* ------------------------------------------------------------------------- *
 *  6.11 - Comments
 * ------------------------------------------------------------------------- */
.comment-heading, .comment-reply-title {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 40px;
}

.commentlist #respond {
  padding: 0;
  padding-bottom: 10px;
}

.commentlist, .pinglist {
  margin-bottom: 20px;
}

.commentlist li, .pinglist li {
  clear: both;
  padding-left: 70px;
  font-size: 14px;
  line-height: 1.7em;
  position: relative;
}

.commentlist .comment-body, .pinglist li {
  clear: both;
  margin-bottom: 20px;
}

.commentlist .comment-author,
.commentlist .comment-meta,
.commentlist .comment-awaiting-moderation {
  font-size: 13px;
  display: inline-block;
  line-height: 22px;
}

.commentlist .comment-author {
  margin-right: 6px;
  margin-bottom: 10px;
}

.commentlist .fn, .pinglist .ping-link {
  color: #474747;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
}

.commentlist .says {
  display: none;
}

.commentlist .avatar {
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.commentlist .bypostauthor>.comment-body>.comment-author>.fn:before {
  font-family: 'FontAwesome';
  content: "\f007";
  margin-right: 5px;
  color: #949494;
  font-weight: normal;
}

.commentlist .comment-meta:before, .pinglist .ping-meta:before {
  color: #ccc;
  content: "\f017";
  font-family: FontAwesome;
  font-size: 10px;
  margin-right: 3px;
  vertical-align: 4%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.commentlist .comment-meta a, .pinglist .ping-meta {
  color: #949494;
  font-size: 12px;
}

.commentlist .reply a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
}

.commentlist .reply a:before {
  color: #ccc;
  content: '\f112';
  font-family: 'FontAwesome';
  margin-right: 5px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.comment-awaiting-moderation {
  color: #24a5db;
  font-style: normal;
}

/* Pings */
.pinglist li {
  padding-left: 0;
}

.pinglist .ping-meta {
  font-size: 13px;
  line-height: 22px;
}

/* Comment text */
.commentlist .comment-body p {
  clear: both;
  margin-top: 0;
}

.commentlist .comment-body strong {
  font-weight: bold;
}

.commentlist .comment-body em {
  font-style: italic;
}

.commentlist .comment-body ol li {
  list-style: decimal;
  margin-left: 2em;
  padding: 0;
}

.commentlist .comment-body ul li {
  list-style: square;
  margin-left: 2em;
  padding: 0;
}

/* child comment */
.commentlist .children {
  border-left: 1px dashed #e5e5e5;
  padding-left: 15px;
}

.commentlist .children li:before {
  width: 20px;
  height: 0;
  border-top: 1px dashed #e5e5e5;
  content: '';
  position: absolute;
  top: 26px;
  left: -15px;
}

/* Comments nav */
.comments-nav {
  margin-bottom: 20px;
  padding: 10px 0;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
}

.comments-nav a {
  font-weight: 600;
}

.comments-nav .nav-previous {
  float: left;
}

.comments-nav .nav-next {
  float: right;
}

/* Comments Form */
.logged-in-as,
.comment-notes,
.form-allowed-tags {
  display: none;
}

#respond {
  position: relative;
  width: 100%;
}

.comment-reply-title {
  margin-bottom: 30px;
}

#comment-form-header {
  margin-bottom: 30px;
}

li #reply-title {
  font-size: 0;
  margin: 0 !important;
  padding: 0;
  height: 0;
  border-top: 0;
}

#cancel-comment-reply-link {
  bottom: 30px;
  line-height: 33px;
  display: block;
  font-size: 12px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#cancel-comment-reply-link:hover {
  color: #777;
}

.comment-reply-subtitle {
  margin-bottom: 0
}

#commentform .comment-field {
  margin: 0 0 20px;
}

#commentform .comment-field input[type="text"],
#commentform .comment-field input[type="email"],
#commentform .comment-field input[type="url"] {
  width: 100%;
}

#commentform label {
  padding: 6px 0;
  font-weight: 600;
  display: block;
}

#commentform input[type="text"],
#commentform textarea {
  max-width: 100%;
  width: 100%;
}

#commentform textarea {
  height: 100px;
}

#commentform p.form-submit {
  margin-top: 20px;
}

.form-allowed-tags {
  font-size: 12px;
  margin-bottom: 20px;
  color: cyan;
}

#commentform textarea::placeholder {
  color: green;
}

.logged-in #reply-title {
  margin-bottom: 20px;
}

.logged-in #commentform p.comment-form-comment {
  margin-top: 10px;
}

.logged-in #commentform p.comment-form-comment label {
  display: none;
}

.comment-navigation {
  border-top: 1px solid #E5E5E5;
  overflow: hidden;
  font-size: 13px;
  text-transform: lowercase;
}

.comment-navigation span {
  padding-right: 3px;
  padding-left: 5px;
}

.comment-navigation .alignleft, .comment-navigation .alignright {
  margin-top: 15px;
}

/* ------------------------------------------------------------------------- *
 *  6.12 - Author
 * ------------------------------------------------------------------------- */
.author .author-box {
  border-top: 0
}

.author .author-socials {
  top: 9px;
}

.archive-tabs {
  padding-top: 0;
}

.archive-tabs-header {
  margin: 0 -30px 0px;
  position: relative;
}

.archive-tabs-header ul {
  display: inline-block;
  margin: 0 30px;
}

.archive-tabs.section {
  padding-bottom: 0;
}

.archive-tabs-header li {
  display: inline-block;
}

.archive-tabs-header a {
  display: block;
  padding: 10px;
  position: relative;
  color: #949494;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.archive-tabs-header li:hover a {
  color: #474747;
}

.archive-tabs-header .active a {
  color: #474747;
  margin-bottom: -1px;
  border-bottom: 2px solid #474747;
}

/* ------------------------------------------------------------------------- *
 *  6.13 - Archive
 * ------------------------------------------------------------------------- */
.archive-heading {
  margin-top: -10px;
}

/* ------------------------------------------------------------------------- *
 *  6.14 - Reviews
 * ------------------------------------------------------------------------- */
.reviews-search {
  padding: 0;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.reviews-search input#keyword {
  border: 0;
  box-shadow: none;
  font-size: 20px;
  line-height: 60px;
  padding: 0 30px;
  text-align: center;
  width: 100%;
  color: #474747;
}

.reviews-search label,
.reviews-search .filter-toggle {
  position: absolute;
  top: 0;
  line-height: 60px;
  font-size: 18px;
  color: #c0c0c0;
}

.reviews-search label {
  left: 30px;
}

.reviews-search .filter-toggle {
  right: 25px;
  cursor: pointer;
}

.reviews-search .filter-toggle i {
  padding: 5px;
}

.search-filter-wrapper {
  display: none;
  background: #f5f5f5;
  width: 100%;
  z-index: 3;
  padding: 30px;
  top: 100%;
  margin-top: 1px;
  border-bottom: 1px solid #e5e5e5;
}

.reviews-search .chosen-container {
  width: 100% !important;
}

.reviews-search .chosen-container-single .chosen-search input[type="text"] {
  background: none !important;
}

.reviews-search .filter-action {
  margin-top: 20px;
  text-align: right;
}

.reviews-search #filter-submit {
  color: #fff;
  border-color: #de2e22;
  text-shadow: none;
  background: #f76250;
  background: -moz-linear-gradient(top, #f76250 0%, #ef4135 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f76250), color-stop(100%, #ef4135));
  background: -webkit-linear-gradient(top, #f76250 0%, #ef4135 100%);
  background: -o-linear-gradient(top, #f76250 0%, #ef4135 100%);
  background: -ms-linear-gradient(top, #f76250 0%, #ef4135 100%);
  background: linear-gradient(to bottom, #f76250 0%, #ef4135 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76250', endColorstr='#ef4135', GradientType=0);
}

.reviews-search .filter-reset {
  font-size: 13px;
  letter-spacing: 0.1em;
  margin-left: 1em;
}

.review-info div {
  float: left;
}

.review-info .info-title,
.productinfo .info-title {
  color: #c0c0c0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 5px;
  font-weight: 600;
}

.review-info strong {
  font-weight: normal;
}

.latest-post-big .price-info {
  margin-right: 30px;
}

.price-info strong {
  color: #ef4135;
  font-size: 24px;
}

a.external-link {
  color: #808080;
  font-size: 14px;
}

.review-list {
  margin-bottom: 30px;
}

.review-list .post-title {
  font-size: 18px;
  margin: 5px 0;
  font-family: 'Arial Narrow';
  text-shadow: 0 0 12px #10cb7a;
}

.review-list .post-excerpt {
  font-size: 14px;
  line-height: 1.6em;
}

.review-list .review-content {
  float: left;
  width: 75%;
}

.review-list .review-info {
  float: right;
  width: 20%;
  margin-top: 5px;
}

.review-list .price-info {
  margin-bottom: 20px;
}

/* Product Affiliate Box */
.productinfo .product-name {
  margin: 0 auto 0.8em;
  padding-bottom: 0.5em;
}

.productinfo .price-info, .productinfo .store-info {
  margin-top: 1em;
}

.productinfo .price-info {
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 5px;
}

.productinfo ul {
  margin-left: 0;
  list-style: none;
}

.productinfo li {
  border-bottom: 1px dotted #e5e5e5;
  padding: 3px 0;
}

.productinfo li .store-aff {
  float: right;
}

.productinfo a.aff-link {
  padding: 2px 7px;
  background: #ef4135;
  color: #fff;
  border-radius: 2px;
  font-size: 10px;
  margin-left: 5px;
}

.price-info span {
  font-size: 16px;
  margin-left: 5px;
}

/* Rating */
.post-rating-star {
  color: #efca56;
  font-size: 15px;
}

.latest-post-big .post-rating-star {
  font-size: 18px;
}

.sidebar-posts .post-rating-star {
  font-size: 13px;
}

.sidebar-posts .active .post-rating-star {
  color: #F86F66;
}

.featured-review .latest-post-big .post-title {
  margin-top: 0;
}

/* ------------------------------------------------------------------------- *
 *  6.15 - Review Single
 * ------------------------------------------------------------------------- */
/* Review Box */
.review-box {
  background: #fbfbfb;
  margin: 30px -95px;
  padding: 30px 95px;
  font-size: 13px;
}

.review-box .post-title {
  margin-top: 5px;
}

.review-box .subheading {
  margin-bottom: 0;
}

.rating-score {
  float: left;
  color: #fff;
  text-align: center;
  width: 110px;
}

.score-great {
  background: #2ecc71;
}

.score-great .score-desc {
  background: #27ae60;
}

.score-good {
  background: #6677BA;
}

.score-good .score-desc {
  background: #2747C4;
}

.score-average {
  background: #EFCA56;
}

.score-average .score-desc {
  background: #BC8E00;
}

.score-bad {
  background: #F58A51;
}

.score-bad .score-desc {
  background: #C25215;
}

.score-value {
  display: block;
  font-size: 36px;
  padding: 18px 12px;
}

span.score-desc {
  display: block;
  padding: 4px 0;
  text-transform: uppercase;
  font-size: 11px;
}

.review-shortdesc {
  padding-left: 130px;
  font-size: 13px;
  font-family: 'Lora', Georgia, serif;
  font-style: italic;
}

.review-shortdesc p {
  margin-top: 0;
}

.review-goodbad, .review-scores {
  margin-top: 20px;
}

.article-content .review-goodbad .subheading {
  color: #333;
}

.review-goodbad ul {
  margin-left: 27px;
}

.review-goodbad .subheading {
  margin-bottom: 10px;
}

.review-goodbad .subheading i {
  margin-right: 10px;
}

/* Review Bars */
.review-bars ul {
  margin: 0
}

.review-bars li {
  margin: 1em 0;
  list-style: none !important;
}

.review-bars em {
  margin-bottom: 5px;
  display: block;
  float: left;
}

.review-bars strong {
  float: right;
}

.review-bars .bar-wrap, .review-bars .bar-bg {
  height: 25px;
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}

.review-bars .bar-wrap {
  background: #e5e5e5;
  clear: both;
}

.review-bars .bar-bg {
  display: block;
  opacity: 0;
  width: 0;
  background: #efca56;
  transition: width 0.5s, opacity 0.5s;
}

/*
.review-bars .great-bar.bar-bg { background: #6677BA; }
.review-bars .good-bar.bar-bg { background: #2ecc71; }
.review-bars .average-bar.bar-bg { background: #EFCA56; }
.review-bars .bad-bar.bar-bg { background: #F58A51; }
*/
.review-bars.show .bar-bg {
  opacity: 1;
}

.article-content .subheading {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ef4135;
}

/* ------------------------------------------------------------------------- *
 *  7. Footer
 * ------------------------------------------------------------------------- */
#footer-content {
  color: #b9b9b9;
  background: #28282e;
  font-size: 14px;
  line-height: 21px;
  border: 1px solid #93e6dd;
  box-shadow: -1px 2px 13px 5px;
  border-top: none;
  border-top-left-radius: 60px;
  border-top-right-radius: 6px;
  animation: frame-shadow ease-in-out 14s infinite;
  background: #041c28 !important;
  text-align: justify !important;
}

.footer-widget {
  padding: 10px 30px;
  display: inline-flex !important;
  flex-direction: column !important;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  color: #fff
}

#footer-content a {
  color: #b9b9b9
}

#footer-content a:hover {
  color: #fff;
}

#footer-content li {
  padding: 4px 0;
}

#footer-content .widget-title {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 0px;
}

#footer-content .widget_categories li {
  border-bottom: none;
}

.socials-widget {
  margin: 1em 0
}

.socials-widget a {
  margin-right: 2px;
  width: 30px;
  height: 30px;
  background: #2F2F37;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.socials-widget a:hover {
  background: #42424C;
}

.footer-bottom {
  font-size: 13px;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #fff;
  padding: 5em 0;
}

.footer-bottom a {
  color: #949494;
}

.footer-nav {
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: bold;
}

.footer-nav a {
  -webkit-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  transition: color 300ms ease;
}

.footer-nav a:hover {
  color: #5e5e5e;
}

.footer-nav li {
  display: inline-block;
  margin: 0 10px;
}

.widget_recent_entries li,
.widget_recent_comments li,
.widget_rss li {
  border-bottom: 1px solid #00f6ff;
  padding: 8px 0 !important;
}

.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child,
.widget_rss li:last-child {
  border: 0
}

#footer-content .tagcloud a {
  font-size: 13px !important;
  border: 1px solid #535353;
  padding: 3px 8px;
  line-height: 30px;
}

.widget_search button {
  display: none;
}

#footer>div {
  position: relative;
}

/*** Calender Widget ***/
#wp-calendar {
  margin: 0;
  text-align: center;
  width: 100%;
}

#wp-calendar caption {
  line-height: 35px;
  border-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 15px;
}

table th {
  color: #5F5F5F;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 4px;
}

table#wp-calendar th {
  font-size: 10px;
  font-weight: bold;
  padding: 3px;
  border: 1px solid #444;
  color: #fafafa;
}

table#wp-calendar td {
  border: 1px solid #3F3F3F;
  box-shadow: none;
  padding: 4px;
  font-size: 13px;
}

table#wp-calendar td:hover {
  background: inherit;
}

table#wp-calendar td a {
  display: block;
}

table#wp-calendar td a:hover {
  color: #222;
  text-shadow: 0;
  cursor: pointer;
}

/* ------------------------------------------------------------------------- *
 *  Print Styles
 * ------------------------------------------------------------------------- */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " ("attr(href) ")";
  }

  abbr[title]:after {
    content: " ("attr(title) ")";
  }

  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* ------------------------------------------------------------------------- *
 *  User Currently Login
 * ------------------------------------------------------------------------- */
.admin-bar #sidebar.fixed, .admin-bar .article-sharer.fixed {
  top: 32px;
}

.admin-bar .sidebar-loadmore-wrapper {
  padding-bottom: 55px;
}

/****
 * video playlist
 ****/
.video-list .section-heading-wrapper {
  padding-bottom: 10px;
}

.video-playlist-row {
  margin: 0 -30px;
  background: #111;
}

.video-wrapper-content {
  width: 65%;
  float: left;
}

.video-wrapper-list {
  width: 35%;
  height: 350px;
  overflow: auto;
  float: right;
}

.video-wrapper-list>a {
  padding: 10px;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #323232;
  background: rgb(29, 29, 29);
}

.video-wrapper-list>a.active {
  background: #333;
}

.video-wrapper-list .video-thumb {
  float: left;
  width: 100px;
  padding-right: 10px;
}

.video-wrapper-list .video-detail {
  font-size: 12px;
  line-height: 17px;
  color: #ccc;
  padding-left: 100px;
}

.video-wrapper-list .video-title {
  font-size: 12px;
  line-height: 16px;
}

.video-wrapper-list .video-category {
  font-size: 10px;
  text-transform: uppercase;
  color: #DEDEDE;
  font-weight: bold;
  padding-top: 3px;
}

/** additional style **/
/** YARPP **/
article .yarpp-related h3 {
  font-weight: bold !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin: 0px 0px 12px !important;
}

article .yarpp-related ol li {
  list-style: disc;
  font-size: 13px;
}

article .yarpp-related a {
  font-weight: normal !important;
}

/** unveil **/
img.unveil {
  opacity: 0;
  transition: opacity .3s ease-in;
}

.owl-item img.unveil {
  opacity: 1;
}

.right-menu {
  display: block;
}

.jmagz.no-sidebar .mobile-toggle.sidebar-toggle {
  display: none;
}

/*** Twitter Widget ***/
.jeg-twitter-container {
  font-size: 14px;
  font-style: italic;
}

.jeg-tweets {
  display: block;
  overflow: hidden
}

.jeg-tweets ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.jeg-tweet-time {
  font-size: 10px;
  font-style: normal;
  color: #999;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 5px;
}

.jeg-follow-button {
  display: block;
  margin-top: 15px;
}

.jeg-follow-button:before {
  display: block;
  content: " ";
  width: 20%;
  height: 1px;
  margin: 20px 0;
  border-top: 1px solid #666;
}

/*** Facebook Like Box ***/
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {
  width: 100% !important;
}

.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {
  width: 100% !important;
}

#fb-root {
  display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.twitter-tweet {
  margin: 0 auto !important;
}

.widget_jeg_facebook_fans_widget .pam img {
  display: none;
}

/** no thumbnail **/
.no-thumbnail-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  background: #eee;
}

.no-thumbnail-wrapper .no-thumbnail-inner {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}

.no-thumbnail-wrapper i {
  position: relative;
  top: -6px;
  margin-top: 50%;
}

.post-standard.no-thumbnail-wrapper i:after {
  content: "\f03e";
}

.post-gallery.no-thumbnail-wrapper i:after {
  content: "\f03e";
}

.post-video.no-thumbnail-wrapper i:after {
  content: "\f144";
}

.sidebar-posts .no-thumbnail-wrapper {
  width: 75px;
}

.newsfeed-posts .no-thumbnail-wrapper,
.half-lebian .no-thumbnail-wrapper {
  padding-bottom: 55.8%;
}

.review-list .no-thumbnail-wrapper,
.half-thumb .no-thumbnail-wrapper {
  padding-bottom: 50%;
}

.newsfeed-posts .no-thumbnail-wrapper i,
.half-lebian .no-thumbnail-wrapper i {
  margin-top: 28.3%;
  top: -14px;
  font-size: 28px;
}

.review-list .no-thumbnail-wrapper i,
.half-thumb .no-thumbnail-wrapper i {
  margin-top: 25%;
  top: -10px;
  font-size: 28px;
}

.breakingnews-item .no-thumbnail-wrapper {
  width: 60px;
}

.breakingnews-item .no-thumbnail-wrapper i {
  color: #000;
  font-size: 13px;
}

.mejs-poster.mejs-layer, .mejs-mediaelement video {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/** no thumbnail **/
.no-thumbnail-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  background: #eee;
}

.no-thumbnail-wrapper .no-thumbnail-inner {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}

.no-thumbnail-wrapper i {
  position: relative;
  top: -6px;
  margin-top: 50%;
}

.no-thumbnail-wrapper i:after {
  content: "\f03e";
}

.post-video.no-thumbnail-wrapper i:after {
  content: "\f144";
}

.sidebar-posts .no-thumbnail-wrapper,
.search-item .no-thumbnail-wrapper {
  width: 75px;
}

.half-more .no-thumbnail-wrapper {
  padding-bottom: 55.8%;
}

.half-thumb .no-thumbnail-wrapper {
  padding-bottom: 50%;
}

.half-more .no-thumbnail-wrapper i {
  margin-top: 28.3%;
  top: -14px;
  font-size: 28px;
}

.half-thumb .no-thumbnail-wrapper i {
  margin-top: 25%;
  top: -10px;
  font-size: 28px;
}

.breakingnews-item .no-thumbnail-wrapper,
.breakingnews-item .thumb img {
  width: 60px;
}

.breakingnews-item .no-thumbnail-wrapper i {
  color: #000;
  font-size: 13px;
}

.featured-post .no-thumbnail-wrapper i {
  display: none;
}

/** end no thumbnail **/
.ajax-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #022f42;
  display: none;
  z-index: 12;
}

#postloader {
  display: block;
  position: fixed;
  left: 331px;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  height: 80px;
  margin: auto;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #EF4135;
  -webkit-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  z-index: 1001;
}

.no-sidebar #postloader {
  left: 0
}

.highlight {
  border-radius: 2px;
  padding: 5px 6px;
  background-color: #000000;
  color: #FFFFFF;
  font-style: normal;
}

/*** Tooltips **/
.tooltip {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  position: absolute;
  visibility: visible;
  z-index: 1030;
}

.tooltip.in {
  opacity: 0.9;
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  background-color: #000000;
  color: #FFFFFF;
  max-width: 200px;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
}

.tooltip-arrow {
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  height: 0;
  position: absolute;
  width: 0;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #000000;
  border-width: 5px 5px 0;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}

.tooltip.top-left .tooltip-arrow {
  border-top-color: #000000;
  border-width: 5px 5px 0;
  bottom: 0;
  left: 5px;
}

.tooltip.top-right .tooltip-arrow {
  border-top-color: #000000;
  border-width: 5px 5px 0;
  bottom: 0;
  right: 5px;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
  left: 0;
  margin-top: -5px;
  top: 50%;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
  margin-top: -5px;
  right: 0;
  top: 50%;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
  left: 50%;
  margin-left: -5px;
  top: 0;
}

.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
  left: 5px;
  top: 0;
}

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
  right: 5px;
  top: 0;
}

/*** Alert & Infobox ***/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 2px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #62C663;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #8DBFC9;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #FFD380;
}

.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #C67F8A;
}

.alert-dismissable .close {
  position: relative;
  color: inherit;
}

.alert strong {
  margin-right: 0.75em;
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.alert strong:after {
  display: block;
  content: "";
  border-bottom: 1px solid rgba(125, 125, 125, 0.1);
  width: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.5;
}

.close:hover, .close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/*** Panel Accordion ***/
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
  line-height: 1.8em;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel>.list-group {
  margin-bottom: 0;
}

.panel>.list-group .list-group-item {
  border-width: 1px 0;
}

.panel>.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel>.list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel>.table {
  margin-bottom: 0;
}

.panel>.panel-body+.table {
  border-top: 1px solid #dddddd;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 2px;
}

.accordion-toggle {
  font-style: normal;
  color: #333;
  text-transform: uppercase;
  display: block;
  letter-spacing: 1px;
  font-size: 14px;
  outline: none;
  -moz-outline: none;
}

.panel-group .panel+.panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}

.panel-default {
  border-color: #dddddd;
}

.panel-default>.panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #dddddd;
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary>.panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #428bca;
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success>.panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning>.panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #fbeed5;
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger>.panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #eed3d7;
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info>.panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #bce8f1;
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

/*** Tabs ***/
.nav {
  list-style: none outside none;
  margin-bottom: 0;
  padding-left: 0;
}

.nav:before, .nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav:before, .nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav>li {
  display: block;
  position: relative;
}

.nav>li>a {
  display: block;
  padding: 10px 15px;
  position: relative;
}

.nav>li>a:hover, .nav>li>a:focus {
  background-color: #EEEEEE;
  text-decoration: none;
}

.nav>li.disabled>a {
  color: #999999;
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #999999;
  cursor: not-allowed;
  text-decoration: none;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: #EEEEEE;
  border-color: #428BCA;
}

.nav .nav-divider {
  background-color: #E5E5E5;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
}

.nav>li>a>img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #DDDDDD;
  margin-left: 0px !important;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs>li>a {
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
  line-height: 1.42857;
  margin-right: 2px;
}

.nav-tabs>li>a:hover {
  border-color: #EEEEEE #EEEEEE #DDDDDD;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #FFFFFF;
  border-color: #DDDDDD #DDDDDD transparent;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555555;
  cursor: default;
}

.nav-tabs.nav-justified {
  border-bottom: 0 none;
  width: 100%;
}

.nav-tabs.nav-justified>li {
  float: none;
}

.nav-tabs.nav-justified>li>a {
  text-align: center;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%;
  }
}

.nav-tabs.nav-justified>li>a {
  border-bottom: 1px solid #DDDDDD;
  margin-right: 0;
}

.nav-tabs.nav-justified>.active>a {
  border-bottom-color: #FFFFFF;
}

.nav-pills>li {
  float: left;
}

.nav-pills>li>a {
  border-radius: 5px 5px 5px 5px;
}

.nav-pills>li+li {
  margin-left: 2px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  background-color: #428BCA;
  color: #FFFFFF;
}

.nav-stacked>li {
  float: none;
}

.nav-stacked>li+li {
  margin-left: 0;
  margin-top: 2px;
}

.nav-justified {
  width: 100%;
}

.nav-justified>li {
  float: none;
}

.nav-justified>li>a {
  text-align: center;
}

@media (min-width: 768px) {
  .nav-justified>li {
    display: table-cell;
    width: 1%;
  }
}

.nav-tabs-justified {
  border-bottom: 0 none;
}

.nav-tabs-justified>li>a {
  border-bottom: 1px solid #DDDDDD;
  margin-right: 0;
}

.nav-tabs-justified>.active>a {
  border-bottom-color: #FFFFFF;
}

.tabbable:before, .tabbable:after {
  content: " ";
  display: table;
}

.tabbable:after {
  clear: both;
}

.tabbable:before, .tabbable:after {
  content: " ";
  display: table;
}

.tabbable:after {
  clear: both;
}

.tab-content>.tab-pane, .pill-content>.pill-pane {
  display: none;
}

.tab-content>.active, .pill-content>.active {
  display: block;
  padding: 0 10px;
}

.nav .caret {
  border-bottom-color: #428BCA;
  border-top-color: #428BCA;
}

.nav a:hover .caret {
  border-bottom-color: #2A6496;
  border-top-color: #2A6496;
}

.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
}

.navbar {
  border: 1px solid transparent;
  margin-bottom: 20px;
  min-height: 50px;
  position: relative;
  z-index: 1000;
}

.navbar:before, .navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

.navbar:before, .navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 2px;
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  max-height: 340px;
  overflow-x: visible;
  padding-left: 15px;
  padding-right: 15px;
}

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    border-top: 0 none;
    box-shadow: none;
    width: auto;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 0;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px;
  }

  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }

  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }
}

.container>.navbar-header, .container>.navbar-collapse {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 768px) {
  .container>.navbar-header, .container>.navbar-collapse {
    margin-left: 0;
    margin-right: 0;
  }
}

.navbar-static-top {
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0 0 0 0;
  }
}

.navbar-fixed-top, .navbar-fixed-bottom {
  border-width: 0 0 1px;
  left: 0;
  position: fixed;
  right: 0;
}

@media (min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0 0 0 0;
  }
}

.navbar-fixed-top {
  top: 0;
  z-index: 1030;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}

.navbar-brand {
  float: left;
  font-size: 18px;
  line-height: 20px;
  padding: 15px;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  .navbar>.container .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid transparent;
  border-radius: 2px;
  float: right;
  margin-bottom: 8px;
  margin-right: 15px;
  margin-top: 8px;
  padding: 9px 10px;
  position: relative;
}

.navbar-toggle .icon-bar {
  border-radius: 1px 1px 1px 1px;
  display: block;
  height: 2px;
  width: 22px;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav>li>a {
  line-height: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: none;
    float: none;
    margin-top: 0;
    position: static;
    width: auto;
  }

  .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px;
  }

  .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav>li {
    float: left;
  }

  .navbar-nav>li>a {
    padding-bottom: 15px;
    padding-top: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
  }
}

.navbar-form {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
  margin: 8px -15px;
  padding: 10px 15px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
  }

  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
  }

  .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }

  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }

  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);

.line-1 {
  overflow: hidden;
  color: rgba(255, 255, 255, .75);
  background-color: #010f3085;
  font-family: 'Anonymous Pro', monospace;
  position: relative;
  top: 50%;
  width: 24em;
  margin: 0 auto;
  border-right: 2px solid rgba(255, 255, 255, .75);
  font-size: 230%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transform: translateY(-50%);
}

/* Animation */
.anim-typewriter {
  animation: typewriter 4s steps(44) 1s 1 normal both,
    blinkTextCursor 500ms steps(44) infinite normal;
}

@keyframes typewriter {
  from {
    width: 0;
  }

  to {
    width: 24em;
  }
}

@keyframes blinkTextCursor {
  from {
    border-right-color: rgba(255, 255, 255, .75);
  }

  to {
    border-right-color: transparent;
  }
}

/* ========================================================================= *
 *  LAYOUT IMPROVEMENTS - Related Posts & Footer Enhancement
 *  Added: October 2025
 *  Maintains cyberpunk aesthetics with improved layout and mobile support
 * ========================================================================= */

/* ------------------------------------------------------------------------- *
 *  Related Posts Section Improvements
 * ------------------------------------------------------------------------- */

/* Related Posts Container */
#related-post {
  background: linear-gradient(135deg, #0a1f2e 0%, #041c28 100%);
  border: 1px solid #00d9ff;
  border-radius: 8px;
  padding: 40px 30px !important;
  margin: 30px 0;
  box-shadow: 0 0 20px rgba(0, 217, 255, 0.15);
  display: block !important;
}

#related-post .section-heading-wrapper {
  margin-bottom: 30px;
  text-align: center;
}

#related-post .section-heading {
  font-size: 24px;
  color: #00ffff;
  text-shadow: 0 0 20px #00d9ff;
  letter-spacing: 0.15em;
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 2px solid rgba(0, 217, 255, 0.3);
  display: inline-block;
}

/* Related Posts Card Improvements */
#related-post .relatedfix {
  margin-bottom: 20px;
}

#related-post .relatedfix:last-child {
  margin-bottom: 0;
}

#related-post .post-list {
  background: rgba(10, 31, 46, 0.6);
  border: 1px solid rgba(0, 217, 255, 0.2);
  border-radius: 6px;
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#related-post .post-list:hover {
  transform: translateY(-5px);
  border-color: #00d9ff;
  box-shadow: 0 8px 25px rgba(0, 217, 255, 0.3);
}

/* Image Container */
#related-post .post-list .thumb {
  overflow: hidden;
  position: relative;
  height: 200px;
}

#related-post .post-list .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

#related-post .post-list:hover .thumb img {
  transform: scale(1.08);
}

#related-post .post-list .thumb::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(4, 28, 40, 0.7) 100%);
  pointer-events: none;
}

/* Content Area */
#related-post .post-list .content {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

#related-post .post-list .post-title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 12px;
  flex-grow: 1;
}

#related-post .post-list .post-title a {
  color: #00ffff;
  text-shadow: 0 0 10px rgba(0, 217, 255, 0.5);
  transition: all 0.3s ease;
  text-decoration: none;
}

#related-post .post-list:hover .post-title a {
  color: #6df7c2;
  text-shadow: 0 0 15px rgba(109, 247, 194, 0.8);
}

/* Meta Information */
#related-post .post-list .post-meta {
  font-size: 12px;
  color: #93e6dd;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 217, 255, 0.1);
}

#related-post .post-list .post-author a,
#related-post .post-list .post-date {
  color: #93e6dd;
  transition: color 0.3s ease;
}

#related-post .post-list:hover .post-author a {
  color: #00ffff;
}

/* ------------------------------------------------------------------------- *
 *  Footer Widget Section Improvements
 * ------------------------------------------------------------------------- */

/* Footer Container */
#footer-content {
  padding: 50px 0 30px !important;
}

#footer-content .column {
  margin-bottom: 30px;
}

/* Widget Styling */
.footer-widget {
  padding: 25px !important;
  background: rgba(10, 31, 46, 0.4);
  border: 1px solid rgba(0, 217, 255, 0.15);
  border-radius: 6px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.footer-widget:hover {
  border-color: rgba(0, 217, 255, 0.4);
  box-shadow: 0 4px 15px rgba(0, 217, 255, 0.1);
}

/* Widget Titles */
#footer-content .widget-title {
  font-size: 16px !important;
  color: #00ffff !important;
  text-shadow: 0 0 15px rgba(0, 217, 255, 0.6);
  margin-bottom: 20px !important;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(0, 217, 255, 0.2);
  letter-spacing: 0.12em;
}

/* Widget Lists */
.footer-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-widget li {
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(0, 217, 255, 0.08) !important;
  transition: all 0.2s ease;
}

.footer-widget li:last-child {
  border-bottom: none !important;
}

.footer-widget li:hover {
  padding-left: 8px !important;
  background: rgba(0, 217, 255, 0.03);
}

.footer-widget a {
  color: #b9b9b9 !important;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.footer-widget a:hover {
  color: #00ffff !important;
  text-shadow: 0 0 10px rgba(0, 217, 255, 0.5);
  transform: translateX(3px);
}

/* Recent Posts Widget */
.widget_recent_entries li {
  position: relative;
  padding-left: 15px !important;
}

.widget_recent_entries li:before {
  content: '▶';
  position: absolute;
  left: 0;
  color: #00d9ff;
  font-size: 10px;
  top: 12px;
  opacity: 0.6;
}

/* Archives & Categories Widget - Column Layout */
.widget_archive ul,
.widget_categories ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
}

.widget_archive li,
.widget_categories li {
  padding: 8px 12px !important;
  background: rgba(0, 217, 255, 0.05);
  border-radius: 4px;
  border: 1px solid rgba(0, 217, 255, 0.1) !important;
  font-size: 13px;
  text-align: center;
}

.widget_archive li:hover,
.widget_categories li:hover {
  background: rgba(0, 217, 255, 0.1);
  border-color: rgba(0, 217, 255, 0.3) !important;
  padding-left: 12px !important;
}

/* Recent Comments Widget */
.widget_recent_comments li {
  font-size: 13px;
  line-height: 1.6;
}

.widget_recent_comments .comment-author-link a {
  color: #00d9ff !important;
  font-weight: bold;
}

/* Search Widget in Footer */
.footer-widget.widget_search {
  background: rgba(10, 31, 46, 0.6);
  border-color: rgba(0, 217, 255, 0.25);
}

.footer-widget .search-form input[type="text"] {
  background: rgba(0, 20, 30, 0.8);
  border: 1px solid rgba(0, 217, 255, 0.3);
  color: #b9b9b9;
  padding: 12px 15px;
  border-radius: 4px;
  width: 100%;
  transition: all 0.3s ease;
}

.footer-widget .search-form input[type="text"]:focus {
  border-color: #00d9ff;
  box-shadow: 0 0 10px rgba(0, 217, 255, 0.3);
  outline: none;
}

/* ------------------------------------------------------------------------- *
 *  Mobile Responsive Improvements
 * ------------------------------------------------------------------------- */

@media (max-width: 991px) {
  /* Related Posts - 2 columns on tablets */
  #related-post .col-md-4 {
    width: 50%;
    float: left;
    padding: 0 10px;
  }
  
  #related-post {
    padding: 30px 15px !important;
  }
  
  #related-post .section-heading {
    font-size: 20px;
  }
  
  /* Footer widgets */
  #footer-content .column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* Related Posts - single column on mobile */
  #related-post .col-md-4 {
    width: 100%;
    float: none;
    padding: 0;
  }
  
  #related-post {
    padding: 25px 15px !important;
  }
  
  #related-post .section-heading {
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  
  #related-post .post-list .thumb {
    height: 180px;
  }
  
  #related-post .post-list .content {
    padding: 15px;
  }
  
  #related-post .post-list .post-title {
    font-size: 15px;
  }
  
  /* Footer widgets stack properly */
  .footer-widget {
    padding: 20px 15px !important;
  }
  
  #footer-content .widget-title {
    font-size: 14px !important;
  }
  
  /* Archives & Categories - smaller grid on mobile */
  .widget_archive ul,
  .widget_categories ul {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 6px;
  }
  
  .widget_archive li,
  .widget_categories li {
    font-size: 12px;
    padding: 6px 8px !important;
  }
}

@media (max-width: 480px) {
  #related-post {
    padding: 20px 10px !important;
  }
  
  #related-post .section-heading {
    font-size: 16px;
  }
  
  #related-post .post-list .thumb {
    height: 160px;
  }
  
  .footer-widget {
    padding: 15px 10px !important;
  }
  
  /* Archives & Categories - 2 columns on very small screens */
  .widget_archive ul,
  .widget_categories ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ------------------------------------------------------------------------- *
 *  Additional Polish & Animations
 * ------------------------------------------------------------------------- */

/* Smooth glow animation for related posts on hover */
@keyframes related-glow {
  0%, 100% {
    box-shadow: 0 8px 25px rgba(0, 217, 255, 0.3);
  }
  50% {
    box-shadow: 0 8px 35px rgba(0, 217, 255, 0.5);
  }
}

#related-post .post-list:hover {
  animation: related-glow 2s ease-in-out infinite;
}

/* Subtle pulse for footer widgets */
@keyframes footer-pulse {
  0%, 100% {
    border-color: rgba(0, 217, 255, 0.15);
  }
  50% {
    border-color: rgba(0, 217, 255, 0.25);
  }
}

.footer-widget {
  animation: footer-pulse 4s ease-in-out infinite;
}

/* Loading state for images */
#related-post .post-list .thumb img[src=""],
#related-post .post-list .thumb img:not([src]) {
  background: linear-gradient(90deg, rgba(0, 217, 255, 0.1) 0%, rgba(0, 217, 255, 0.2) 50%, rgba(0, 217, 255, 0.1) 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* Accessibility improvements */
#related-post .post-list:focus-within,
.footer-widget a:focus {
  outline: 2px solid #00d9ff;
  outline-offset: 2px;
}

/* Print styles - hide decorative elements */
@media print {
  #related-post,
  #footer-content {
    border: none !important;
    box-shadow: none !important;
    animation: none !important;
  }
  
  #related-post .post-list,
  .footer-widget {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    page-break-inside: avoid;
  }
}

/* End of Layout Improvements */

/* ========================================================================
 * FOOTER WIDGET GRID LAYOUT FIX - Critical Layout Improvements
 * ======================================================================== */

/* Force proper grid layout for footer widgets */
#footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

#footer-content .column {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* Ensure widgets fill their container properly */
#footer-content .footer-widget {
  width: 100%;
  box-sizing: border-box;
  min-height: 150px;
}

/* Desktop layout - 3 columns */
@media (min-width: 992px) {
  #footer-content .col-md-4 {
    width: 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }
  
  #footer-content .col-md-3 {
    width: 23.5%;
    flex: 0 0 23.5%;
    max-width: 23.5%;
  }
  
  #footer-content .col-md-6 {
    width: 48%;
    flex: 0 0 48%;
    max-width: 48%;
  }
}

/* Tablet layout - 2 columns */
@media (min-width: 768px) and (max-width: 991px) {
  #footer-content .column {
    width: 48%;
    flex: 0 0 48%;
    max-width: 48%;
    margin-bottom: 20px;
  }
}

/* Mobile layout - 1 column */
@media (max-width: 767px) {
  #footer-content .column {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Fix for Archives widget - make it scrollable if too long */
#footer-content .widget_archive ul {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 10px;
}

#footer-content .widget_archive ul::-webkit-scrollbar {
  width: 6px;
}

#footer-content .widget_archive ul::-webkit-scrollbar-track {
  background: rgba(0, 31, 43, 0.5);
  border-radius: 3px;
}

#footer-content .widget_archive ul::-webkit-scrollbar-thumb {
  background: rgba(28, 191, 169, 0.5);
  border-radius: 3px;
}

#footer-content .widget_archive ul::-webkit-scrollbar-thumb:hover {
  background: rgba(28, 191, 169, 0.8);
}

/* Similar fix for Categories if it gets too long */
#footer-content .widget_categories ul {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 10px;
}

#footer-content .widget_categories ul::-webkit-scrollbar {
  width: 6px;
}

#footer-content .widget_categories ul::-webkit-scrollbar-track {
  background: rgba(0, 31, 43, 0.5);
  border-radius: 3px;
}

#footer-content .widget_categories ul::-webkit-scrollbar-thumb {
  background: rgba(28, 191, 169, 0.5);
  border-radius: 3px;
}

#footer-content .widget_categories ul::-webkit-scrollbar-thumb:hover {
  background: rgba(28, 191, 169, 0.8);
}

/* Ensure proper spacing between widgets in same column */
#footer-content .column .footer-widget + .footer-widget {
  margin-top: 20px;
}

/* Fix clearfix for proper float clearing */
#footer-content::after,
#footer-content .column::after {
  content: "";
  display: table;
  clear: both;
}

/* Override any conflicting float styles */
#footer-content .column,
#footer-content .footer-widget {
  float: none !important;
}

/* Better visual hierarchy with consistent heights */
#footer-content .widget_search {
  min-height: auto;
}

#footer-content .widget_recent_entries,
#footer-content .widget_recent_comments {
  min-height: 200px;
}

/* Meta widget styling improvements */
#footer-content .widget_meta ul li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 246, 255, 0.1);
}

#footer-content .widget_meta ul li:last-child {
  border-bottom: none;
}

#footer-content .widget_meta ul li:hover {
  padding-left: 8px;
  background: rgba(0, 246, 255, 0.05);
  margin-left: -10px;
  padding-right: 10px;
  border-radius: 4px;
}

/* Ensure proper alignment for abbreviations like RSS */
#footer-content abbr {
  text-decoration: none;
  border: none;
  cursor: help;
}


/* ========================================================================
 * ENHANCED VISUAL ORGANIZATION
 * ======================================================================== */

/* Add subtle visual separation between columns */
@media (min-width: 768px) {
  #footer-content .column:not(:last-child) {
    position: relative;
  }
  
  #footer-content .column:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: linear-gradient(
      to bottom,
      transparent,
      rgba(28, 191, 169, 0.3) 20%,
      rgba(28, 191, 169, 0.3) 80%,
      transparent
    );
  }
}

/* Make widget containers more distinct */
.footer-widget {
  position: relative;
  overflow: hidden;
}

.footer-widget::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(28, 191, 169, 0.5) 30%,
    rgba(28, 191, 169, 0.5) 70%,
    transparent
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.footer-widget:hover::before {
  opacity: 1;
}

/* Improve Recent Comments specific styling */
#footer-content .widget_recent_comments .recentcomments {
  display: block;
  line-height: 1.6;
}

#footer-content .widget_recent_comments .comment-author-link {
  color: #1cbfa9;
  font-weight: 500;
}

#footer-content .widget_recent_comments .comment-author-link a {
  color: #1cbfa9;
}

#footer-content .widget_recent_comments .comment-author-link a:hover {
  text-shadow: 0 0 8px rgba(28, 191, 169, 0.8);
}

/* Better organization for Meta widget */
#footer-content .widget_meta ul {
  margin-top: 15px;
}

/* Improve Categories visual structure */
#footer-content .widget_categories ul {
  columns: 1;
  column-gap: 20px;
}

@media (min-width: 992px) {
  #footer-content .col-md-4 .widget_categories ul,
  #footer-content .col-md-6 .widget_categories ul {
    columns: 2;
  }
}

/* Category count styling */
#footer-content .widget_categories li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Add subtle grid effect to footer background */
#footer-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    linear-gradient(rgba(28, 191, 169, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(28, 191, 169, 0.03) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  z-index: 0;
}

#footer-content > * {
  position: relative;
  z-index: 1;
}

/* Ensure container has relative positioning */
#footer-content {
  position: relative;
}


/* ========================================================================
 * CATEGORIES MULTI-COLUMN LAYOUT FIX
 * ======================================================================== */

/* Force categories to use multiple columns */
#footer-content .widget_categories ul {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
  columns: auto !important;
  margin-top: 15px;
}

/* Desktop - 2 columns for categories */
@media (min-width: 992px) {
  #footer-content .widget_categories ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }
}

/* Tablet - 2 columns */
@media (min-width: 768px) and (max-width: 991px) {
  #footer-content .widget_categories ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* Mobile - single column on small screens */
@media (max-width: 767px) {
  #footer-content .widget_categories ul {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* Style category items as compact cards */
#footer-content .widget_categories li {
  margin: 0 !important;
  padding: 12px 15px !important;
  background: rgba(0, 31, 43, 0.5);
  border: 1px solid rgba(0, 246, 255, 0.2);
  border-radius: 6px;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
}

#footer-content .widget_categories li a {
  display: block;
  width: 100%;
  padding: 0 !important;
}

#footer-content .widget_categories li:hover {
  background: rgba(0, 31, 43, 0.8);
  border-color: rgba(0, 246, 255, 0.5);
  box-shadow: 0 0 15px rgba(0, 246, 255, 0.3);
  transform: translateY(-2px);
  margin-left: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  border-left: 1px solid rgba(0, 246, 255, 0.5) !important;
}

/* Remove the arrow indicator for grid layout */
#footer-content .widget_categories li:before {
  display: none !important;
}

/* Adjust scrollbar for grid layout */
#footer-content .widget_categories ul {
  max-height: 450px;
  overflow-y: auto;
  padding-right: 5px;
}


/* ========================================================================
 * ARCHIVES MULTI-COLUMN LAYOUT (OPTIONAL)
 * ======================================================================== */

/* Archives can also benefit from 2-column layout if many items */
@media (min-width: 992px) {
  #footer-content .widget_archive ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    max-height: 450px;
  }
  
  #footer-content .widget_archive li {
    margin: 0 !important;
    padding: 10px 12px !important;
    background: rgba(0, 31, 43, 0.3);
    border: 1px solid rgba(0, 246, 255, 0.15);
    border-radius: 4px;
    text-align: center;
  }
  
  #footer-content .widget_archive li:hover {
    background: rgba(0, 31, 43, 0.6);
    border-color: rgba(0, 246, 255, 0.4);
    transform: translateY(-1px);
    margin-left: 0 !important;
    padding-left: 12px !important;
  }
  
  #footer-content .widget_archive li:before {
    display: none;
  }
}

/* Keep single column on tablet and mobile for archives */
@media (max-width: 991px) {
  #footer-content .widget_archive ul {
    grid-template-columns: 1fr;
  }
}

/* ========================================================================
 * META WIDGET IMPROVEMENTS
 * ======================================================================== */

/* Make Meta items more compact */
#footer-content .widget_meta ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#footer-content .widget_meta li {
  padding: 12px 15px !important;
  background: rgba(0, 31, 43, 0.4);
  border: 1px solid rgba(0, 246, 255, 0.2);
  border-radius: 6px;
  text-align: center;
  transition: all 0.3s ease;
  margin: 0 !important;
}

#footer-content .widget_meta li:hover {
  background: rgba(0, 31, 43, 0.7);
  border-color: rgba(0, 246, 255, 0.5);
  box-shadow: 0 0 12px rgba(0, 246, 255, 0.3);
  transform: translateX(5px);
  margin-left: 0 !important;
  padding-left: 15px !important;
}


/* ========================================================================
 * CRITICAL FIX: All Widgets in Single Column Issue
 * WordPress has all widgets in one aside - force multi-column layout
 * ======================================================================== */

/* Override previous column rules and force proper layout */
#footer-content .column:first-child {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
  align-items: start !important;
}

/* Hide empty columns */
#footer-content .column:empty,
#footer-content .column:not(:first-child):empty {
  display: none !important;
}

/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 991px) {
  #footer-content .column:first-child {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

/* Mobile: 1 column */
@media (max-width: 767px) {
  #footer-content .column:first-child {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }
}

/* Ensure widgets don't have conflicting flex properties */
#footer-content .column:first-child .footer-widget {
  width: 100%;
  max-width: 100%;
}

/* Override the categories column setting for this layout */
#footer-content .column:first-child .widget_categories ul {
  grid-template-columns: 1fr !important;
}

/* Keep categories single column within their widget since we have 3 widget columns now */
@media (min-width: 992px) {
  #footer-content .column:first-child .widget_categories ul {
    grid-template-columns: 1fr !important;
  }
  
  #footer-content .column:first-child .widget_archive ul {
    grid-template-columns: 1fr !important;
    display: block !important;
  }
  
  #footer-content .column:first-child .widget_archive li {
    display: block !important;
    text-align: left !important;
  }
}