/*
Theme Name: Cyber Guardian News
Theme URI: https://www.thehackernewsbr.com
Description: Cyber Guardian News — Tema de notícias com foco em cibersegurança
Author: Hydra Corp
License: Private
Text Domain: cyber-guardian-news
*/

/* ==========================================================================
   CSS Custom Properties — converted from Blogger <Variable> definitions
   ========================================================================== */

:root {
  /* Theme Colors */
  --main-color: #e50914;
  --main-dark-color: #08090d;
  --title-color: #f8fafc;
  --title-hover: #ff2d3d;

  /* Body */
  --body-bg-color: #0b0d11;
  --body-background: #0b0d11 url() repeat fixed top left;
  --body-text-color: #cbd5e1;
  --body-link-color: #ff2d3d;

  /* Menu */
  --menu-bg: #10131a;
  --menu-color: #f8fafc;
  --menu-hover: #e50914;

  /* Sub Menu */
  --submenu-bg: #141820;
  --submenu-color: #f8fafc;
  --submenu-hover: #ffffff;

  /* Top Menu */
  --top-menu-color: #cbd5e1;
  --top-menu-hover: #ffffff;

  /* Top Social */
  --top-social-color: #cbd5e1;
  --top-social-hover: #ffffff;

  /* Slider */
  --slider-body: #08090d;

  /* Featured Post */
  --feat-bg: #10131a;
  --feat-color: #f8fafc;
  --feat-hover: #ff2d3d;
  --feat-button-bg: #e50914;
  --feat-button-color: #ffffff;
  --feat-button-hover: #ff2d3d;

  /* Footer */
  --footer-bg: #08090d;
  --footer-color: #ffffff;
  --footer-hover: #ff2d3d;

  /* Posts */
  --posts-text-color: #cbd5e1;
  --card-bg: #10131a;
  --accent-light: #ff2d3d;

  /* Typography */
  --font-heading: 'Bona Nova', 'Merriweather', Georgia, serif;
  --font-body: 'Barlow', 'Merriweather', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-base: 14px;
  --line-height-base: 1.7;

  /* Dimensions */
  --content-width: 1200px;
  --sidebar-width: 300px;
  --border-radius: 12px;
}

/* ==========================================================================
   Google Fonts import (replaces individual @font-face blocks)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Barlow:wght@300;400;500;600;700&display=swap');

/* ==========================================================================
   Base CSS — extracted from <b:skin> (lines 87–7015)
   Blogger variable references converted to CSS custom properties
   ========================================================================== */

@font-face {
  font-family: 'Bona Nova';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50LF7ZCpX7fcHfvIUB5iZJkNKuiLA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50LF7ZCpX7fcHfvIUB5iZJtNKuiLA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50LF7ZCpX7fcHfvIUB5iZJqNKuiLA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50LF7ZCpX7fcHfvIUB5iZJrNKuiLA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50LF7ZCpX7fcHfvIUB5iZJmNKuiLA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50LF7ZCpX7fcHfvIUB5iZJnNKuiLA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50LF7ZCpX7fcHfvIUB5iZJpNKs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50NF7ZCpX7fcHfvIUB5gaJrLK8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50NF7ZCpX7fcHfvIUB5iKJrLK8.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50NF7ZCpX7fcHfvIUB5j6JrLK8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50NF7ZCpX7fcHfvIUB5jqJrLK8.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50NF7ZCpX7fcHfvIUB5g6JrLK8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50NF7ZCpX7fcHfvIUB5gqJrLK8.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50NF7ZCpX7fcHfvIUB5jKJr.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50IF7ZCpX7fcHfvIUBxN4d-Ho6fFY8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50IF7ZCpX7fcHfvIUBxN4d-F46fFY8.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50IF7ZCpX7fcHfvIUBxN4d-EI6fFY8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50IF7ZCpX7fcHfvIUBxN4d-EY6fFY8.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50IF7ZCpX7fcHfvIUBxN4d-HI6fFY8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50IF7ZCpX7fcHfvIUBxN4d-HY6fFY8.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Bona Nova';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bonanova/v10/B50IF7ZCpX7fcHfvIUBxN4d-E46f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E_Cfs0wH8RnA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E_Cfs1wH8RnA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E_Cfs7wH8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPI42ohvTobdw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPI42ogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPI42ouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPk5GohvTobdw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPk5GogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfPk5GouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOA5WohvTobdw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOA5WogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHsv4kjgoGqM7E_CfOA5WouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3_-gs6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:0 0;
    text-decoration:none
}
.comments .continue a {
    display: none;
}
form,textarea,input,button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0
}
dl,ul{
    list-style-position:inside;
    font-weight:400;
    list-style:none
}
ul li{
    list-style:none
}
caption,th{
    text-align:center
}
img{
    border:none;
    position:relative
}
a,a:visited{
    text-decoration:none
}
.clearfix{
    clear:both
}
.section,.widget,.widget ul{
    margin:0;
    padding:0
}
a{
    color:var(--body-link-color)
}
.post-body a:visited{
color:blue;
}
a img{
    border:0
}
* {
    box-sizing: border-box;
}
abbr{
    text-decoration:none
}
.CSS_LIGHTBOX{
    z-index:999999!important
}
.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}
.separator a{
    clear:none!important;
    float:none!important;
    margin-left:0!important;
    margin-right:0!important
}
#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{
    display:none!important
}
.center{
    display:table;
    margin:0 auto;
    position:relative
}
.widget > h2,.widget > h3{
    display:none
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Bona Nova', serif;
 }
.flex-content {
    display: flex;
}
.flex-center {
    justify-content: center;
}

 body{
    background:var(--body-background);
    background-color:var(--body-bg-color);
    font-family:'Barlow', sans-serif;;
    font-size:14px;
    font-weight:400;
    color:var(--body-text-color);
    word-wrap:break-word;
    margin:0;
    padding:0
}
 #outer-wrapper{
    margin:0 auto;
    background-color:#fff;
}
 .row{
    width:1170px
}
#overlap-wrapper {
    z-index:100;
}
 #content-wrapper{
    margin:30px auto;
    overflow:hidden;
}
 #content-wrapper > .container{
    margin:0 -15px
}
 #main-wrapper{
    float:left;
    overflow:hidden;
    width:66.66666667%;
    box-sizing:border-box;
    word-wrap:break-word;
    padding:0 15px;
    margin:0
}
 #sidebar-wrapper{
    float:right;
    overflow:hidden;
    width:33.33333333%;
    box-sizing:border-box;
    word-wrap:break-word;
    padding:0 15px
}
.head-ads {
    display: block;
    background: #edcbaf;
}
.heade-ads h2 {
    display: none;
}
.head-ads .widget {
    width: 100%;
    height: auto;
    padding: 0px 0 0px;
    margin: 0 auto;
    text-align: center;
    line-height: 0px;
}
 .post-image-wrap{
    position:relative;
    display:block
}
 .post-image-link,.about-author .avatar-container,.comments .avatar-image-container{
    background-color:rgba(155,155,155,0.07);
    color:transparent!important
}
 .post-thumb{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
    opacity: 1;
    transition:opacity .17s ease,transform .17s ease
}
.post-thumb.lazy-yard {
    opacity: 1;
}
 .post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb,.hot-item-inner:hover .post-image-link .post-thumb{
    opacity:1
}
 .post-title{
}
 .post-title a{
    display:block
}
.header-header .flex-left{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 0;
    z-index: 10;
}
 .top-bar-nav .widget > .widget-title{
    display:none
}
 .top-bar-nav ul li{
    float:left
}
 .top-bar-nav ul li > a{
    height:34px;
    display:block;
    color:var(--top-menu-color);
    font-size:12px;
    font-weight:500;
    line-height:34px;
    text-transform:uppercase;
    margin:0 10px 0 0;
    padding:0 5px;
    transition:color .17s
}
 .top-bar-nav ul > li:hover > a{
    color:var(--top-menu-hover)
}
.header-header .flex-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    right: 0;
}
 .top-bar-social .widget > .widget-title{
    display:none
}
 .top-bar-social ul > li{
    float:left;
    display:inline-block
}
 .top-bar-social ul > li > a{
    line-height:34px;
    display:block;
    color:var(--top-social-color);
    text-decoration:none;
    font-size:14px;
    text-align:center;
    padding:0 7px;
    margin:0 0 0 10px;
    transition:color .17s
}
 .top-bar-social ul > li:last-child > a{
    padding:0 0 0 7px
}
 .top-bar-social ul > li:hover > a{
    color:var(--top-social-hover)
}
 .social a:before{
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400
}
 .social .blogger a:before{
    content:"\f37d"
}
 .social .facebook a:before{
    content:"\f09a"
}
 .social .twitter a:before{
    content:"\f099"
}
 .social .gplus a:before{
    content:"\f0d5"
}
 .social .rss a:before{
    content:"\f09e"
}
 .social .youtube a:before{
    content:"\f167"
}
 .social .skype a:before{
    content:"\f17e"
}
 .social .stumbleupon a:before{
    content:"\f1a4"
}
 .social .tumblr a:before{
    content:"\f173"
}
 .social .vk a:before{
    content:"\f189"
}
 .social .stack-overflow a:before{
    content:"\f16c"
}
 .social .github a:before{
    content:"\f09b"
}
 .social .linkedin a:before{
    content:"\f0e1"
}
 .social .dribbble a:before{
    content:"\f17d"
}
 .social .soundcloud a:before{
    content:"\f1be"
}
 .social .behance a:before{
    content:"\f1b4"
}
 .social .digg a:before{
    content:"\f1a6"
}
 .social .instagram a:before{
    content:"\f16d"
}
 .social .pinterest a:before{
    content:"\f0d2"
}
 .social .twitch a:before{
    content:"\f1e8"
}
 .social .delicious a:before{
    content:"\f1a5"
}
 .social .codepen a:before{
    content:"\f1cb"
}
 .social .reddit a:before{
    content:"\f1a1"
}
 .social .whatsapp a:before{
    content:"\f232"
}
 .social .snapchat a:before{
    content:"\f2ac"
}
 .social .email a:before{
    content:"\f0e0"
}
 .social .external-link a:before{
    content:"\f35d"
}
 .social-color .blogger a{
    background-color:#ff5722
}
 .social-color .facebook a{
    background-color:#3b5999
}
 .social-color .twitter a{
    background-color:#00acee
}
 .social-color .gplus a{
    background-color:#db4a39
}
 .social-color .youtube a{
    background-color:#f50000
}
 .social-color .instagram a{
    background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)
}
 .social-color .pinterest a{
    background-color:#ca2127
}
 .social-color .dribbble a{
    background-color:#ea4c89
}
 .social-color .linkedin a{
    background-color:#0077b5
}
 .social-color .tumblr a{
    background-color:#365069
}
 .social-color .twitch a{
    background-color:#6441a5
}
 .social-color .rss a{
    background-color:#ffc200
}
 .social-color .skype a{
    background-color:#00aff0
}
 .social-color .stumbleupon a{
    background-color:#eb4823
}
 .social-color .vk a{
    background-color:#4a76a8
}
 .social-color .stack-overflow a{
    background-color:#f48024
}
 .social-color .github a{
    background-color:#24292e
}
 .social-color .soundcloud a{
    background:linear-gradient(#ff7400,#ff3400)
}
 .social-color .behance a{
    background-color:#191919
}
 .social-color .digg a{
    background-color:#1b1a19
}
 .social-color .delicious a{
    background-color:#0076e8
}
 .social-color .codepen a{
    background-color:#000
}
 .social-color .reddit a{
    background-color:#ff4500
}
 .social-color .whatsapp a{
    background-color:#3fbb50
}
 .social-color .snapchat a{
    background-color:#ffe700
}
 .social-color .email a{
    background-color:#888
}
 .social-color .external-link a{
    background-color:var(--main-dark-color)
}
 #header-wrap{
    position:relative;
    margin:0;
}
 .header-header{
    background-color:var(--main-dark-color);
    width:100%;
    position:relative;
    overflow:hidden;
    padding:10px 0;
    text-align:center;
}
 .header-header .container{
    position:relative;
    margin:0 auto;
}
 .header-logo{
    position:relative;
    width:auto;
text-align:center;
    display: inline-block;
    max-height:40px;
    margin:0;
    padding:0
}
 .header-logo .header-image-wrapper{
    display:block
}
 .header-logo img{
    max-width:100%;
    max-height:40px;
    margin:0
}
 .header-logo h1{
    color:var(--title-color);
    font-size:20px;
    line-height:1.4em;
    margin:0
}
 .header-logo p{
    font-size:12px;
    margin:5px 0 0
}
 .header-menu{
    position:relative;
    width:100%;
    min-height:75px;
    z-index:10;
    font-size:13px;
    margin:0;
    background:var(--menu-bg);
}
 .header-menu .container{
    position:relative;
    margin:0 auto;
    padding:0;
    background:var(--menu-bg);
 }
.header-menu .container:after {
    content:'';
    clear: both;
    display: block;
    position: relative;
    background: rgba(94, 94, 94, 0.6);
    height: 1px;
    visibility: visible;
}
.header-menu.scrolled-header {
 background: var(--menu-bg);
}
.header-menu.scrolled-header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.header-menu.scrolled-header .show-search, .header-menu.scrolled-header .hide-search, .mobile-header.scrolled-header .show-search, .mobile-header.scrolled-header .hide-search {
    border-radius: 0;
}
.header-menu.scrolled-header, .header-menu.scrolled-header #main-menu, .header-menu.scrolled-header #nav-search .search-input, .header-menu.scrolled-header #main-menu ul > li > a, .header-menu.scrolled-header #nav-search, .header-menu.scrolled-header #nav-search .search-form, .header-menu.scrolled-header .show-search, .header-menu.scrolled-header .hide-search  {
height:46px;
}

.header-menu.scrolled-header #main-menu ul > li > a, .header-menu.scrolled-header #nav-search .search-form, .header-menu.scrolled-header .show-search, .header-menu.scrolled-header .hide-search {
line-height:46px;
}

.header-menu.scrolled-header #nav-search .search-input {
padding-right:46px;
}

.header-menu.scrolled-header .show-search, .header-menu.scrolled-header .hide-search {
    width: 46px;
    height: 46px;
}
.header-menu.scrolled-header #main-menu ul > li > ul {
top:46px;
}
.header-menu.scrolled-header #main-menu ul > li > ul > li > ul {
top:0;
}
.header-menu.scrolled-header #main-menu, .header-menu.scrolled-header .container {
    background: transparent;
    box-shadow: none;
}
 #main-menu .widget,#main-menu .widget > .widget-title{
    display:none
}
 #main-menu .show-menu{
    display:block
}
 #main-menu{
    position:relative;
    min-height:75px;
    z-index:15;
}
 #main-menu ul > li{
    float:left;
    position:relative;
    margin:0;
    padding:0;
    transition:background .17s
}
#main-menu ul > li.li-home-icon > a{
    width:48px;
    height:75px;
    text-align:center;
    font-size:18px;
    line-height:75px;
    font-weight:400;
    padding:0;
}

#main-menu #main-menu-nav > li.li-home{
    background-color:var(--menu-hover)
}
#main-menu #main-menu-nav > li:hover > a{
    color:var(--menu-hover)
}
#main-menu #main-menu-nav > li.li-home:hover > a {
   color:var(--submenu-hover)
}
 #main-menu ul > li > a{
    position:relative;
    color:var(--menu-color);
    font-size:15px;
    font-weight:500;
    line-height:75px;
    display:inline-block;
    margin:0;
    padding:0 15px;
    transition:color .17s ease
}
 #main-menu #main-menu-nav > li > a{
    text-transform:capitalize;
    font-weight:500
}
#main-menu #main-menu-nav > li:first-child > a {
    padding:0 15px 0 0;
}
 #main-menu ul > li:hover > a{
    color:#efefef;
}
 #main-menu ul > li > ul{
    position:absolute;
    float:left;
    left:0;
    top:75px;
    width:180px;
    background-color:var(--submenu-bg);
    z-index:99999;
    margin-top:0;
    padding:0;
    visibility:hidden;
    opacity:0
}
 #main-menu ul > li > ul > li > ul{
    position:absolute;
    float:left;
    top:0;
    left:100%;
    margin:0
}
 #main-menu ul > li > ul > li{
    display:block;
    float:none;
    position:relative
}
 #main-menu ul > li > ul > li:hover{
    background-color:var(--menu-hover)
}
#main-menu ul > li > ul > li:hover > a {
color:var(--submenu-hover)
}
 #main-menu ul > li > ul > li a{
    display:block;
    height:36px;
    font-size:13px;
    color:var(--submenu-color);
    line-height:36px;
    box-sizing:border-box;
    margin:0;
    padding:0 15px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,0.05);
    transition:all .17s ease
}
 #main-menu ul > li.has-sub > a:after{
    content:'\f107';
    float:right;
    font-family:FontAwesome;
    font-size:12px;
    font-weight:400;
    margin:0 0 0 5px
}
 #main-menu ul > li > ul > li.has-sub > a:after{
    content:'\f105';
    float:right;
    margin:0
}
 #main-menu .mega-menu{
    position:static!important
}
 #main-menu .mega-menu > ul{
    width:100%;
    box-sizing:border-box;
    padding:20px 10px
}
 #main-menu .mega-menu > ul.mega-menu-inner{
    overflow:hidden
}
 #main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{
    visibility:visible;
    opacity:1
}
 #main-menu ul ul{
    transition:all .25s ease
}
 .mega-menu-inner .mega-item{
    float:left;
    width:20%;
    box-sizing:border-box;
    padding:0 10px
}
 .mega-menu-inner .mega-content{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:0
}
 .mega-content .post-image-wrap{
    width:100%;
    height:120px
}
 .mega-content .post-image-link{
    width:100%;
    height:100%;
    z-index:1;
    display:block;
    position:relative;
    overflow:hidden;
    padding:0
}
 .mega-content .post-title{
    position:relative;
    font-size:13px;
    font-weight:700;
    line-height:1.5em;
    margin:7px 0 5px;
    padding:0
}
 .mega-content .post-title a{
    display:block;
    color:var(--submenu-color);
    transition:color .17s
}
 .mega-content .post-title a:hover{
    color:var(--submenu-hover)
}
 .mega-content .post-meta{
    font-size:11px
}
 .no-posts{
    float:left;
    width:100%;
    height:100px;
    line-height:100px;
    text-align:center
}
 .mega-menu .no-posts{
    line-height:60px;
    color:var(--menu-color)
}
 .show-search,.hide-search{
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:48px;
    height:75px;
    line-height:75px;
    z-index:20;
    color:var(--menu-color);
    font-size:15px;
    text-align:right;
    cursor:pointer;
    padding:0;
    transition:background .17s ease
}
.show-search {

}
 .show-search:before{
    content:"\f002";
    font-family:FontAwesome;
    font-weight:400
}
 .hide-search:before{
    content:"\f00d";
    font-family:FontAwesome;
    font-weight:400
}
 #nav-search{
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:75px;
    z-index:99;
    background-color:#ebebeb;
    box-sizing:border-box;
    padding:0
}
 #nav-search .search-form{
    width:100%;
    height:75px;
    background-color:rgba(0,0,0,0);
    line-height:75px;
    overflow:hidden;
    padding:0
}
 #nav-search .search-input{
    width:100%;
    height:75px;
    font-family:inherit;
    color:var(--menu-color);
    margin:0;
    padding:0 48px 0 15px;
    font-size:13px;
    font-weight:400;
    outline:none;
    box-sizing:border-box;
    border:0
}
 .mobile-menu .widget,.mobile-menu .widget > .widget-title{
    display:none
}
.mobile-menu .show-menu{
    display:block
}
 .no-posts{
    float:left;
    width:100%;
    height:100px;
    line-height:100px;
    text-align:center
}
.mobile-menu-toggle{
    display:none;
    width:34px;
    height:34px;
    line-height:34px;
    z-index:20;
    color:var(--main-dark-color);
    font-size:17px;
    font-weight:400;
    text-align:center;
    cursor:pointer;
    transition:color .17s ease
}
 .mobile-menu-toggle:hover{
    color:var(--menu-hover)
}
 .mobile-menu-toggle:before{
    content:"\f0c9";
  font-family:FontAwesome;
}
 .nav-active .mobile-menu-toggle:before{
    content:"\f00d";
}
.mobile-side-menu {
background-color:var(--menu-bg);
position: fixed;
    width: 300px;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 151515;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    box-shadow: 3px 0 7px rgb(0 0 0 / 10%);
    transition: all .25s ease;
}
.slide-menu-header {
    position: relative;
    float: left;
    width: 100%;
    height: 59px;
    background-color: var(--menu-bg);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(155,155,155,0.15);
}
.mobile-search{
    flex:1;
    padding:0 0 0 16px
}
 .mobile-search .search-form{
    width:100%;
    height:34px;
    background-color:#fff;
    overflow:hidden;
    display:flex;
    justify-content:space-between;
    border:0;
    border-radius:8px
}
 .mobile-search .search-form:focus-within{
    background-color:#ffffff;
    box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)
}

 .mobile-search .search-input{
    flex:1;
    width:100%;
    background-color:rgba(0,0,0,0);
    font-family:inherit;
    font-size:14px;
    color:var(--main-dark-color);
    font-weight:400;
    padding:0 10px;
    border:0
}
 .mobile-search .search-input:focus,.mobile-search .search-input::placeholder{
    color:var(--main-dark-color)
}
 .mobile-search .search-input::placeholder{
    opacity:.65
}
 .mobile-search .search-action{
    background-color:rgba(0,0,0,0);
    font-family:inherit;
    font-size:12px;
    color:var(--main-dark-color);
    font-weight:400;
    text-align:center;
    cursor:pointer;
    padding:0 10px;
    border:0;
    opacity:.65
}
 .mobile-search .search-action:before{
    display:block;
    content:'\f002';
    font-family:FontAwesome;
    font-weight:900
}
 .mobile-search .search-action:hover{
    opacity:1
}
 .hide-freepic-pro-mobile-menu{
    display:flex;
    height:100%;
    border:0;
    background:transparent;
    color:var(--menu-color);
    font-size:16px;
    align-items:center;
    cursor:pointer;
    z-index:20;
    padding:0 16px
}
 .hide-freepic-pro-mobile-menu:before{
    content:'\f00d';
    font-family:FontAwesome;
    font-weight:900
}
 .hide-freepic-pro-mobile-menu:hover{
    color:var(--menu-hover)
}
 .overlay{
    display:none;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(27,27,37,0.6);
    z-index: 151514;
    -webkit-backdrop-filter: saturate(100%) blur(3px);
    -ms-backdrop-filter: saturate(100%) blur(3px);
    -o-backdrop-filter: saturate(100%) blur(3px);
    backdrop-filter: saturate(100%) blur(3px);
    margin: 0;
    transition: all .25s ease;
}
.nav-active .overlay {
    display:block;
    visibility: visible;
    opacity: 1;
}
.nav-active .mobile-side-menu{
visibility:visible;
opacity:1;
z-index:151515;
transform:scaleY(1)
}
.slide-menu-flex{
    position:relative;
    float:left;
    width:100%;
    height:calc(100% - 59px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    margin:0
}
 .mobile-menu-wrap{
     position:relative;
    float:left;
    width:100%;
    background-color:var(--menu-bg);
}
 .nav-active .mobile-menu-wrap{
    visibility:visible;
    opacity:1
}
 .mobile-menu{
    position:relative;
    overflow:hidden;
    padding:20px;
    border-top:1px solid rgba(255,255,255,0.03)
}
 .mobile-menu > ul{
    margin:0
}
 .mobile-menu .m-sub{
    display:none;
    padding:0
}
 .mobile-menu ul li{
    position:relative;
    display:block;
    overflow:hidden;
    float:left;
    width:100%;
    font-size:14px;
    line-height:38px
}
 .mobile-menu > ul > li{
    font-weight:500;
}
 .mobile-menu > ul li ul{
    overflow:hidden
}
 .mobile-menu ul li a{
    color:var(--menu-color);
    padding:0;
    display:block;
    transition:all .17s ease
}
 .mobile-menu ul li.has-sub .submenu-toggle{
    position:absolute;
    top:0;
    right:0;
    color:var(--menu-color);
    cursor:pointer
}
 .mobile-menu ul li.has-sub .submenu-toggle:after{
    content:'\f105';
    font-family:FontAwesome;
    font-weight:900;
    float:right;
    width:34px;
    font-size:14px;
    text-align:center;
    transition:all .17s ease
}
 .mobile-menu ul li.has-sub.show > .submenu-toggle:after{
    transform:rotate(90deg)
}
 .mobile-menu > ul > li > ul > li > a{
    color:var(--menu-color);
    opacity:.7;
    padding:0 0 0 15px
}
 .mobile-menu > ul > li > ul > li > ul > li > a{
    color:var(--menu-color);
    opacity:.7;
    padding:0 0 0 30px
}
 .mm-footer{
    display:none;
    position:relative;
    float:left;
    width:100%;
    padding:20px 16px;
    margin:0
}
 .mm-footer .mm-social,.mm-footer .mm-menu{
    position:relative;
    float:left;
    width:100%;
    margin:8px 0 0
}
 .mm-footer .mm-social{
    margin:0
}
 .mm-footer ul{
    display:flex;
    flex-wrap:wrap
}
 .mm-footer .mm-social ul li{
    margin:0 16px 0 0
}
 .mm-footer .mm-social ul li:last-child{
    margin:0
}
 .mm-footer .mm-social ul li a{
    display:block;
    font-size:14px;
    color:var(--menu-color);
    padding:0
}
 .mm-footer .mm-social ul li a:hover{
    color:var(--menu-hover)
}
 .mm-footer .mm-menu ul li{
    margin:5px 18px 0 0
}
 .mm-footer .mm-menu ul li:last-child{
    margin:5px 0 0
}
 .mm-footer .mm-menu ul li a{
    display:block;
    font-size:14px;
    color:var(--menu-color);
    font-weight:400;
    padding:0
}
.mm-footer .mm-menu ul li a i {
    font-size: 12px;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -1px;
}
 .mm-footer .mm-menu ul li a:hover{
    color:var(--menu-hover)
}
#hot-wrapper{
    margin:0 auto
}
 #hot-section .widget,#hot-section .widget > .widget-title{
    display:none
}
 #hot-section .show-hot, #hot-section .widget.PopularPosts{
    display:block!important
}
 #hot-section .show-hot .widget-content, #hot-section .PopularPosts .widget-content{
    position:relative;
    overflow:hidden;
    background: #ffffff;
    padding:0;
    box-sizing: border-box;
    margin:30px 0 0;
}
 .hot-loader{
    position:relative;
    height:200px;
    overflow:hidden;
    display:block
}
 .hot-loader:after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:26px;
    height:26px;
    margin:-16px 0 0 -16px;
    border:3px solid #eaeaea;
    border-left-color:var(--main-color);
    border-right-color:var(--main-color);
    border-radius:100%;
    animation:spinner .8s infinite linear;
    transform-origin:center
}
 @-webkit-keyframes spinner {
     0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
     to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
 @keyframes spinner {
     0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
     to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
 ul.hot-posts, .PopularPosts ul.hot-posts{
    position:relative;
    overflow:hidden;
    margin:0
}
 .hot-posts .hot-item, PopularPosts .hot-posts .hot-item{
    position:relative;
    float:right;
    width: calc(32% - 20px);
    overflow:hidden;
    box-sizing:border-box;
    padding:0;
    margin-bottom:30px;
}
.hot-posts .hot-item:last-child, .PopularPosts .hot-posts .hot-item:last-child {
    border: 0;
    margin-bottom:0;
}
 .hot-posts .item-0, .PopularPosts .hot-posts .item-0{
    float:left;
   width: calc(68% - 20px);
    height: 100%;
   padding:0;
    margin-bottom:0;
}
  .hot-item-inner, PopularPosts .hot-item-inner{
    position:relative;
    float:left;
    width:100%;
    height:100%;
    overflow:hidden;
display: flex;
    flex-direction: column;
    gap: 15px;
}

 .hot-posts .post-image-link, .PopularPosts .hot-posts .post-image-link{
   display: flex;
    flex-direction: column;
    width:100%;
    height:160px;
    position:relative;
    overflow:hidden;
    margin:0;
}
 .hot-posts .item-0 .post-image-link, .PopularPosts .hot-posts .item-0 .post-image-link{
    width:100%;
    height:520px;
    margin:0;
}
.hot-posts .post-image-link .post-thumb, .PopularPosts .hot-posts .post-image-link .post-thumb {

}
 .hot-posts .post-info, .PopularPosts .hot-posts .post-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 5;
    box-sizing: border-box;
    padding: 0;
    gap: 8px;
    position: relative;
}
 .hot-posts .item-0 .post-info, .PopularPosts .hot-posts .item-0 .post-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    background-color: #f9f9f9;
    overflow: hidden;
    justify-content: left;
    align-items: flex-start;
    text-align: left;
    z-index: 5;
    box-sizing: border-box;
    padding: 20px;
}
.hot-posts .post-tag, .PopularPosts .hot-posts .post-tag {
  position: absolute;
    z-index: 2;
    top: -30px;
    left: 50%;
    transform: translate(-50%,0);
}
.hot-posts .item-0 .post-tag, .PopularPosts .hot-posts .item-0 .post-tag {
    position: relative;
    top: auto;
    left: auto;
    transform: inherit;
}
 .hot-posts .post-title, .PopularPosts .hot-posts .post-title{
    font-size:19px;
    font-weight:400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height:1.3em;
    margin:0;
}
 .hot-posts .item-0 .post-title, .PopularPosts .hot-posts .item-0 .post-title {
     font-size:46px;
    margin:0;
  line-height:1.3em;
    font-weight:700;
}
 .hot-posts .post-title a, .PopularPosts .hot-posts .post-title a{
    color:var(--title-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.hot-posts .post-title a:hover, .PopularPosts .hot-posts .post-title a:hover{
color:var(--main-color)
}

 .hot-posts .post-meta, .PopularPosts .hot-posts .post-meta{
    font-size:11px;
    color:#afafaf
}
.PopularPosts .hot-posts .post-info .post-meta .post-date {
margin-top:0;
}
 .show-hot .no-posts, .PopularPosts .no-posts{
    width:100%;
text-align:center;
}
.hot-posts .post-meta .post-author:before, .hot-posts .post-meta .post-date:before, .footer .post-meta .post-author:before, .footer .post-meta .post-date:before {
   color:#afafaf;
}
.owl-carousel{
    display:none;
    width:100%;
    -webkit-tap-highlight-color:transparent;
    position:relative;
    z-index:1
}
 .owl-carousel .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y
}
 .owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
 .owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0px,0px,0px)
}
 .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{
    cursor:pointer;
    cursor:hand;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#slider-wrapper-outer {
    background:var(--slider-body);
    padding-top: 85px;
    padding-bottom: 75px;
margin:30px 0 0;
overflow:hidden;
}
#slider-wrapper .PopularPosts .main-slider, #slider-wrapper .PopularPosts .main-slider .slider-item  {
    height: 395px;
    overflow: hidden;
}
#slider-wrapper .PopularPosts .main-slider.owl-carousel.owl-loaded, #slider-wrapper .PopularPosts .main-slider.owl-carousel.owl-loaded .slider-item  {
    height: auto;
}
 .owl-carousel.owl-loaded{
    display:block
}
 .owl-carousel.owl-loading{
    opacity:0;
    display:block
}
 .owl-carousel.owl-hidden{
    opacity:0
}
 .owl-carousel .owl-refresh .owl-item{
    display:none
}
 .owl-carousel .owl-item{
    position:relative;
    min-height:1px;
    float:left;
    -webkit-backface-visibility:visible;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
 .owl-carousel .owl-item img{
    display:block;
    width:100%;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
 .owl-carousel.owl-text-select-on .owl-item{
    -webkit-user-select:auto;
    -moz-user-select:auto;
    -ms-user-select:auto;
    user-select:auto
}
 .owl-carousel .owl-grab{
    cursor:move;
    cursor:-webkit-grab;
    cursor:-o-grab;
    cursor:-ms-grab;
    cursor:grab
}
 .owl-carousel.owl-rtl{
    direction:rtl
}
 .owl-carousel.owl-rtl .owl-item{
    float:right
}
 .no-js .owl-carousel{
    display:block
}
 .owl-carousel .animated{
    -webkit-animation-duration:1000ms;
    animation-duration:1000ms;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
 .owl-carousel .owl-animated-in{
    z-index:1
}
 .owl-carousel .owl-animated-out{
    z-index:0
}
 .owl-height{
    -webkit-transition:height 500ms ease-in-out;
    -moz-transition:height 500ms ease-in-out;
    -ms-transition:height 500ms ease-in-out;
    -o-transition:height 500ms ease-in-out;
    transition:height 500ms ease-in-out
}
 .owl-prev,.owl-next{
    position:relative;
    float:left;
    width:25px;
    height:30px;
    background-color:#fff;
   font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:11px;
    line-height:30px;
    font-weight:900;
    color:var(--main-dark-color);
    text-align:center;
    cursor:pointer;
    border:1px solid rgba(0,0,0,0.08);
    box-sizing:border-box;
    transition:all .25s ease
}
 .owl-prev:before{
    content:"\f053"
}
 .owl-next:before{
    content:"\f054"
}
 .owl-prev:hover,.owl-next:hover{
    background-color:var(--main-color);
    color:#fff;
    border-color:var(--main-color)
}
 @keyframes fadeInLeft {
     from{
        opacity:0;
        transform:translate3d(-30px,0,0)
    }
     to{
        opacity:1;
        transform:none
    }
}
 @keyframes fadeOutLeft {
     from{
        opacity:1
    }
     to{
        opacity:0;
        transform:translate3d(-30px,0,0)
    }
}
 @keyframes fadeInRight {
     from{
        opacity:0;
        transform:translate3d(30px,0,0)
    }
     to{
        opacity:1;
        transform:none
    }
}
 .fadeInRight{
    animation-name:fadeInRight
}
 @keyframes fadeOutRight {
     from{
        opacity:1
    }
     to{
        opacity:0;
        transform:translate3d(30px,0,0)
    }
}
 .fadeOutRight{
    animation-name:fadeOutRight
}
.loader{
    position:relative;
    height:280px;
    overflow:hidden;
    display:block;
    margin:0
}
 .loader:after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:28px;
    height:28px;
    margin:-16px 0 0 -16px;
    border:2px solid var(--main-color);
    border-right-color:rgba(155,155,155,0.2);
    border-radius:100%;
    animation:spinner 1.1s infinite linear;
    transform-origin:center
}
 @-webkit-keyframes spinner {
     0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
     to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
 @keyframes spinner {
     0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
     to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
#slider-wrapper .show-slider, #slider-wrapper .PopularPosts{
    display:block!important
}
#slider-wrapper .show-slider .widget-content, #slider-wrapper .PopularPosts .widget-content{
    position:relative;
    height:auto;
    overflow:hidden;
    float: left;
    width: 100%;
}
#slider-wrapper {
    margin: 0 auto;
}
#slider-section .widget > .widget-title {
    display: block;
    clear:both;
}
#slider-section .widget {
display:none;
}
#slider-wrapper .PopularPosts .main-slider {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
}
#slider-wrapper .PopularPosts ul.main-slider.owl-carousel.owl-loaded {
    display: block;
}
 .main-slider{
    position:relative;
    overflow:hidden;
    height:auto
}
 .main-slider .slider-item{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    overflow:hidden;
    box-sizing:border-box
}
#slider-wrapper .PopularPosts .main-slider .slider-item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#slider-wrapper .PopularPosts ul.main-slider.owl-carousel.owl-loaded .slider-item {
    display: block;
}
 .slider-item-inner{
    position:relative;
    float:left;
    width:100%;
    height:100%;
    overflow:hidden;
    display:block;
}
 .main-slider .post-image-link{
    width:100%;
    height:280px;
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    background-image:linear-gradient(-45deg,rgba(0,0,0,0.1),#ededed,rgba(0,0,0,0.1));background-size:150% 150%;animation:gradient 1s ease infinite
}
@keyframes gradient {
0%{background-position:100% 50%}
50%{background-position:50% 0}
100%{background-position:100% 50%}
}
 .main-slider .post-info-wrap {
    width: 100%;
    height:100%;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px 0 0;
    flex: 1;
    z-index: 5;
    box-sizing: border-box;
    transition: transform .5s ease;
}
.main-slider .owl-item.active .post-info-wrap {

}

 .main-slider .post-info{
  position: relative;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 15px;
    z-index: 10;
}

 .main-slider .post-title{
    font-size:21px;
    font-weight:500;
    display:block;
    line-height:1.5;
    margin:12px 0
}
 .main-slider .post-title a{
    color:#ffffff;
    display:block
}
 .main-slider .post-title a:hover{
    text-decoration:underline
}
.main-slider .post-snippet {
    color:var(--posts-text-color);
}
 .show-slider .no-posts{
    position:absolute;
    top:calc(50% - 50px);
    left:0;
    width:100%;
text-align:center;
}
.main-slider .post-info .post-tag p, .hot-posts .post-tag p, .PopularPosts .hot-posts .post-tag p{
   display: flex;
   color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    background-color:var(--main-color);
    font-weight: 500;
    text-transform:capitalize;
    margin: 0;
    clip-path: polygon(5% 1%, 85% 0, 80% 100%, 0% 100%);
    padding: 0 40px 0 23px;
    box-sizing:border-box;
    position:relative;
}
.main-slider .post-info .post-tag:after, .hot-posts .post-tag:after, .PopularPosts .hot-posts .post-tag:after {
    content: "";
    position: absolute;
    width: 3px;
    top: 0px;
    right: 10px;
    height: 26px;
    transform: rotate(11deg);
    background-color: var(--main-color);
}
.main-slider .post-meta {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 1px;
}
.main-slider .post-date {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
display: inline-block;
float:none;
}
.main-slider .owl-nav{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:0
}
 .main-slider .owl-prev,.main-slider .owl-next{
    height:40px;
    line-height:40px;
    z-index:10;
    border:0
}
 .main-slider .owl-prev{
    float:left;
    left:-25px;
}
 .main-slider:hover .owl-prev{
    left:0
}
 .main-slider .owl-next{
    float:right;
    right:-25px;
}
 .main-slider:hover .owl-next{
    right:0
}
#main-feat-wrapper{
 margin:0
}
#featured-section {
    float: left;
    width: 100%;
    margin:0 0 50px;
    padding: 0;
}
#main-feat-wrapper .widget-title {
display:none;
}
#main-feat-wrapper .widget-content, #main-feat-wrapper .post, #main-feat-wrapper .post-content {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
}
#main-feat-wrapper .post {
    padding:0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#featured-section .FeaturedPost .post-image-link {
     position: relative;
    float: left;
    width:100%;
    height: 350px;
    z-index: 1;
    overflow: hidden;
    margin: 25px 0;
}
#featured-section .FeaturedPost .post-info {
    width: 100%;
    background:var(--feat-bg);
    padding: 0 5% 0;
    position: relative;
    z-index: 9;
    box-sizing: border-box;
    display: inline-block;
}
#featured-section .FeaturedPost .post-info .post-title {
    font-size: 28px;
    line-height: 1.3em;
    font-weight: 600;
    margin: 0 0 15px;
}
#featured-section .FeaturedPost .post-info .post-title a {
color:var(--feat-color)
}
#featured-section .FeaturedPost .post-info .post-title a:hover {
color:var(--feat-hover)
}
#featured-section .FeaturedPost .post-info .post-meta .post-author, #featured-section .FeaturedPost .post-info .post-meta .post-date {
float:none;
}
#featured-section .FeaturedPost .post-info .post-snippet {
  line-height: 1.6em;
      font-size: 16px;
}
#featured-section .FeaturedPost .post-info .jump-link.flat-button a {
   display: inline-block;
    height: 35px;
    background-color:var(--feat-button-bg);
    font-size: 14px;
    color: var(--feat-button-color);
    font-weight: 500;
    line-height: 35px;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 15px 0 0;
    transition: background .17s ease;
	}
#featured-section .FeaturedPost .post-info .jump-link.flat-button a:hover {
    background-color:var(--feat-button-hover);
}
 .post-meta{
    overflow:hidden;
    color:#aaa;
    font-size:13px;
    font-weight:400;
    padding:0 1px
}
 .post-meta .post-author,.post-meta .post-date{
    display:inline-block;
    margin:0
}
.post-meta .post-author, .post-meta .post-date {

}
 .post-meta .post-author:after{
    content:'-';
    margin:0 4px
}
 .post-author{
    font-weight:700
}
 .post-meta a{
    color:var(--title-color);
    transition:color .17s
}
 .post-meta a:hover{
    color:var(--main-color)
}
 .queryMessage{
    overflow:hidden;
    background-color:#f2f2f2;
    color:var(--title-color);
    font-size:13px;
    font-weight:400;
    padding:8px 10px;
    margin:0 0 25px
}
 .queryMessage .query-info{
    margin:0 5px
}
 .queryMessage .search-query,.queryMessage .search-label{
    font-weight:700;
    text-transform:uppercase
}
 .queryMessage .search-query:before,.queryMessage .search-label:before{
    content:"\201c"
}
 .queryMessage .search-query:after,.queryMessage .search-label:after{
    content:"\201d"
}
 .queryMessage a.show-more{
    float:right;
    color:var(--title-hover);
    text-decoration:underline;
    transition:opacity .17s
}
 .queryMessage a.show-more:hover{
    opacity:.8
}
 .queryEmpty{
    font-size:13px;
    font-weight:400;
    padding:10px 0;
    margin:0 0 25px;
    text-align:center
}
 .title-wrap{
    position:relative;
    float:left;
    width:100%;
    height:30px;
    display:block;
    margin:0 0 30px;
    text-align:center;
}
 .title-wrap > h3{
    position:relative;
    display:block;
    height:30px;
    color:var(--main-dark-color);
    font-size:20px;
    font-weight:700;
    line-height:30px;
    text-transform:capitalize;
    margin:0;
}
.title-wrap > h3:after {
   content:'';
   width: 100%;
    display: block;
    margin-left: 0;
    margin-top: 8px;
    height: 1px;
    opacity: .25;
    background: #000;
    background: radial-gradient(circle,#000,transparent);
}
.title-wrap > h3 span{
color:var(--main-color);
}
#slider-wrapper .title-wrap > h3, #grid-wrapper .title-wrap > h3 {
    color:#ffffff;
    font-size:28px;
}
#testimonial-wrap .title-wrap > h3 {
    font-size:28px;
}
#slider-wrapper .title-wrap > h3:after, #grid-wrapper .title-wrap > h3:after {
    background: #ffffff;
    background: radial-gradient(circle,#ffffff,transparent);
}
 a.view-all{
position:relative;
        float: right;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
   margin-top: 5px;
    margin-right: 5px;
    padding: 0 10px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .17s ease;
    color:var(--main-dark-color);
    border:1px solid var(--main-dark-color)
}

 a.view-all:hover{
color:var(--main-color);
}
 a.view-all:after{
    content:'\f178';
    float:right;
    font-weight:400;
    font-family:FontAwesome;
    margin:0 0 0 3px;
    -webkit-transition: all .3s cubic-bezier(.32,.74,.57,1);
    -moz-transition: all .3s cubic-bezier(.32,.74,.57,1);
    -ms-transition: all .3s cubic-bezier(.32,.74,.57,1);
    -o-transition: all .3s cubic-bezier(.32,.74,.57,1);
    transition: all .3s cubic-bezier(.32,.74,.57,1);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
a.view-all:hover:after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
#testimonial-wrap{
    display:none;
    float:left;
    width:100%;
    margin:0
}
 #testimonial-wrap .container{
    position:relative;
    margin:0 auto
}
 #testimonial{
  display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 0;
}
 #testimonial .widget{
display: flex;
    flex-direction: column;
    box-sizing: border-box;
text-align:center;
}
.instagram-inner {
    position: relative;
    padding:0;
    margin: 0 auto;
    width: auto;
}
.instagram-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.instagram-bg svg {
    fill: var(--main-color);
    width: 90%;
    margin: 0 auto;
}
 .testi-avatar{
  display:block;
    width:100%;
    height:195px;
    overflow:hidden;
    margin:0;
    position:relative;
}
.testi-avatar:before {
    content: '';
    background: rgb(0 0 0 / 18%);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 15;
}
 .testi-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    color:transparent;
    margin:0
}
 .testi-info{
 color: #ffffff;
    background: var(--main-color);
    display: inline-block;
    letter-spacing: 0.8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 5px 15px;
    border-radius: 3px;
    text-transform: uppercase;
    z-index: 1515;
}
 .testi-title{
    font-size:16px;
    color:#fff;
    font-weight:500;
    margin:0
}
.testi-title a{
 color:#fff;
}
 .custom-widget li{
    overflow:hidden;
    margin:20px 0 0
}
 .custom-widget li:first-child{
    padding:0;
    margin:0;
    border:0
}
 .custom-widget .post-image-link{
    position:relative;
    width:80px;
    height:60px;
    float:left;
    overflow:hidden;
    display:block;
    vertical-align:middle;
    margin:0 12px 0 0;
    border-radius:0
}
 .custom-widget .post-info{
    overflow:hidden
}
 .custom-widget .post-title{
    overflow:hidden;
    font-size:13px;
    font-weight:400;
    line-height:1.5em;
    margin:0 0 3px
}
 .custom-widget .post-title a{
    display:block;
    color:var(--title-color);
    transition:color .17s
}
 .custom-widget li:hover .post-title a{
    color:var(--title-hover)
}
 .home-ad .widget > .widget-title{
    display:none
}
 .home-ad {
    margin:0 auto
}
 .home-ad .widget .widget-content{
    position:relative;
    width:100%;
    max-height:90px;
    overflow:hidden;
    line-height:1;
    margin:30px 0 0
}
div#home-ad2 .widget .widget-content {
margin:0 0 30px
}
#prev-ad .widget, #nxt-ad .widget {
    width: 100%;
    margin: 20px 0 0;
    border-top: 1px solid #f2f2f6;
    padding: 15px 10px 0;
    box-sizing: border-box;
}
div#nxt-ad .title-wrap, div#prev-ad .title-wrap {
    display: none;
}
#nxt-ad .widget {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f2f2f6;
}
#ty-post-before-ad .widget .widget-title, #ty-post-after-ad .widget .widget-title, #ty-post-before-ad .widget .widget-title h2, #ty-post-after-ad .widget .widget-title h2 {
display:none;
}
 .index-post-wrap{
    position:relative;
    float:left;
    width:100%
}
.grid-posts {
   display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 35px;
}
 .blog-post{
    display:block;
    overflow:hidden;
    word-wrap:break-word
}
 .index-post{
  display: block;
}
 .index-post .post-image-wrap-outer {
    float: left;
    width:100%;
    margin: 0 0 20px;
}
 .index-post .post-image-wrap-inner {
    padding: 0;
    position: relative;
}
 .index-post .post-image-wrap{
display:block;
    width: 100%;
    height: 260px;
    overflow: hidden;
}
 .index-post .post-image-wrap .post-image-link{
    width:100%;
    height:100%;
    position:relative;
    display:block;
    z-index:1;
    overflow:hidden
}
 .post-tag{
    color: #8f9294;
    text-align: left;
    margin-bottom: 10px;
    position: relative;
    font-size: 12px;
    color: #a6a7a8;
}
.post-meta-top {
    margin-bottom: 15px;
}
.post-meta-top .post-tag {
    padding: 4px 10px;
    background-color: var(--main-color);
}
.blog-post .post-tag span {
text-decoration: none;
    text-transform: uppercase;
    font-style: normal;
color: #ffffff;
}
 .index-post .post-info{
float: left;
    width:100%;
    overflow:hidden;
text-align:left;
}
 .index-post .post-info > h2{
    font-size:24px;
    font-weight:700;
    line-height:1.4em;
    text-decoration:none;
    margin:0
}
 .index-post .post-info > h2 > a{
    display:block;
    color:var(--title-color);
    transition:color .17s
}
 .index-post .post-info > h2:hover > a{
    color:var(--title-hover)
}
 .widget iframe,.widget img{
    max-width:100%
}
 .date-header{
    display:block;
    overflow:hidden;
    font-weight:400;
    margin:0!important;
    padding:0
}
 .index-post .post-meta{
    margin:10px 0 0
}
 .post-snippet{
    position:relative;
    display:block;
    overflow:hidden;
    font-size:13px;
    color:#918f94;
    line-height:1.8em;
    font-weight:400;
    margin:7px 0 0
}

.index-post .post-snippet:before {
    content: "";
    display: block;
    width: 100%;
    margin: 16px 0;
    height: 1px;
    vertical-align: middle;
    opacity: .5;
    background: linear-gradient(to right,#444,transparent);
}
 a.read-more{
    display:inline-block;
    background-color:var(--main-dark-color);
color:#fff;
    height:32px;
    font-size:12px;
    font-weight:600;
    line-height:32px;
text-transform:uppercase;
    padding:0 12px;
    margin:12px 0 0;
    transition:background .17s ease
}
 a.read-more:hover{
    background-color:var(--main-color);
color:#fff;
}
 #breadcrumb{
    font-size:12px;
    font-weight:400;
    color:#aaa;
    margin:0 0 10px
}
 #breadcrumb a{
    color:#aaa;
    transition:color .17s
}
 #breadcrumb a:hover{
    color:var(--title-hover)
}
 #breadcrumb a,#breadcrumb em{
    display:inline-block
}
 #breadcrumb .delimiter:after{
    content:'\f054';
    font-family:FontAwesome;
    font-size:8px;
    font-weight:400;
    font-style:normal;
    vertical-align:middle;
    margin:0 3px
}
 .item-post h1.post-title{
    color:var(--title-color);
    font-size:27px;
    line-height:1.5em;
    font-weight:700;
    position:relative;
    display:block;
    margin:10px 0;
    padding:0
}
 .static_page .item-post h1.post-title{
    margin:0
}
 .item-post .post-body{
    width:100%;
    font-size:15px;
    line-height:1.5em;
    overflow:hidden;
    padding:20px 0 0;
    margin:10px 0 0;
    border-top:1px dashed #ebebeb
}
 .static_page .item-post .post-body{
    padding:20px 0
}
 .item-post .post-outer{
    padding:0
}
 .item-post .post-body img{
    max-width:100%
}
 .main .widget{
    margin:0
}
 .main .Blog{
    border-bottom-width:0
}
 .post-footer{
    position:relative;
    float:left;
    width:100%;
    margin:20px 0 0
}
 .inline-ad{
    position:relative;
    display:block;
    max-height:60px;
    margin:0 0 30px
}
 .inline-ad > ins{
    display:block!important;
    margin:0 auto!important
}
 .item .inline-ad{
    float:left;
    width:100%;
    margin:20px 0 0
}
 .item-post-wrap > .inline-ad{
    margin:0 0 20px
}
 .post-labels{
    overflow:hidden;
    height:auto;
    position:relative;
    margin:0 0 20px;
    padding:0
}
 .post-labels span,.post-labels a{
    float:left;
    height:22px;
    background-color:#f2f2f2;
    color:var(--title-color);
    font-size:12px;
    line-height:22px;
    font-weight:400;
    margin:0;
    padding:0 10px;
    border-radius:2px
}
 .post-labels span{
    background-color:var(--main-color);
    color:#fff
}
 .post-labels a{
    margin:0 0 0 5px;
    transition:all .17s ease
}
 .post-labels a:hover{
    background-color:var(--main-color);
    color:#fff;
    border-color:var(--main-color)
}
 .post-reactions{
    height:28px;
    display:block;
    margin:0 0 15px
}
 .post-reactions span{
    float:left;
    color:var(--title-color);
    font-size:11px;
    line-height:25px;
    text-transform:uppercase;
    font-weight:700
}
 .reactions-inner{
    float:left;
    margin:0;
    height:28px
}
 .post-share{
    position:relative;
    overflow:hidden;
    line-height:0;
    margin:0 0 30px
}
 ul.share-links{
    position:relative
}
 .share-links li{
    width:32px;
    float:left;
    box-sizing:border-box;
    margin:0 5px 0 0
}
 .share-links li.facebook,.share-links li.twitter{
    width:20%
}
 .share-links li a{
    float:left;
    display:inline-block;
    cursor:pointer;
    width:100%;
    height:32px;
    line-height:32px;
    color:#fff;
    font-weight:400;
    font-size:13px;
    text-align:center;
    box-sizing:border-box;
    opacity:1;
    border-radius:2px;
    transition:all .17s ease
}
 .share-links li.whatsapp-mobile{
    display:none
}
 .is-mobile li.whatsapp-desktop{
    display:none
}
 .is-mobile li.whatsapp-mobile{
    display:inline-block
}
 .share-links li a:before{
    float:left;
    display:block;
    width:32px;
    background-color:rgba(0,0,0,0.05);
    text-align:center;
    line-height:32px
}
 .share-links li a:hover{
    opacity:.8
}
 ul.post-nav{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0 0 30px
}
 .post-nav li{
    display:inline-block;
    width:50%
}
 .post-nav .post-prev{
    float:left;
    text-align:left;
    box-sizing:border-box;
    padding:0 10px
}
 .post-nav .post-next{
    float:right;
    text-align:right;
    box-sizing:border-box;
    padding:0 10px
}
 .post-nav li a{
    color:var(--title-color);
    line-height:1.4em;
    display:block;
    overflow:hidden;
    transition:color .17s
}
 .post-nav li:hover a{
    color:var(--title-hover)
}
 .post-nav li span{
    display:block;
    font-size:11px;
    color:#aaa;
    font-weight:700;
    text-transform:uppercase;
    padding:0 0 2px
}
 .post-nav .post-prev span:before{
    content:"\f053";
    float:left;
    font-family:FontAwesome;
    font-size:10px;
    font-weight:400;
    text-transform:none;
    margin:0 2px 0 0
}
 .post-nav .post-next span:after{
    content:"\f054";
    float:right;
    font-family:FontAwesome;
    font-size:10px;
    font-weight:400;
    text-transform:none;
    margin:0 0 0 2px
}
 .post-nav p{
    font-size:12px;
    font-weight:400;
    line-height:1.4em;
    margin:0
}
 .post-nav .post-nav-active p{
    color:#aaa
}
 .about-author{
    position:relative;
    display:block;
    overflow:hidden;
    background-color:#f9f9f9;
    padding:20px;
    margin:0 0 30px;
    border:1px solid #f0f0f0
}
 .about-author .avatar-container{
    position:relative;
    float:left;
    width:80px;
    height:80px;
    background-color:rgba(255,255,255,0.05);
    overflow:hidden;
    margin:0 15px 0 0
}
 .about-author .author-avatar{
    float:left;
    width:100%;
    height:100%
}
 .author-name{
    overflow:hidden;
    display:inline-block;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    line-height:14px;
    margin:7px 0 3px
}
 .author-name span{
    color:var(--title-color)
}
 .author-name a{
    color:var(--main-color);
    transition:opacity .17s
}
 .author-name a:hover{
    opacity:.8
}
 .author-description{
    display:block;
    overflow:hidden;
    font-size:12px;
    font-weight:400;
    line-height:1.6em
}
 .author-description a:hover{
    text-decoration:underline
}
 #related-wrap{
    overflow:hidden;
    margin:0 0 30px
}
 #related-wrap .related-tag{
    display:none
}
 .related-ready{
    float:left;
    width:100%
}
 .related-ready .loader{
    height:178px
}
 ul.related-posts{
    position:relative;
    overflow:hidden;
    margin:0 -10px;
    padding:0
}
 .related-posts .related-item{
    width:33.33333333%;
    position:relative;
    overflow:hidden;
    float:left;
    display:block;
    box-sizing:border-box;
    padding:0 10px;
    margin:0
}
 .related-posts .post-image-link{
    width:100%;
    height:130px;
    position:relative;
    overflow:hidden;
    display:block;
    border-radius:4px
}
 .related-posts .post-title{
    font-size:13px;
    font-weight:400;
    line-height:1.5em;
    display:block;
    margin:7px 0 5px
}
 .related-posts .post-title a{
    color:var(--title-color);
    transition:color .17s
}
 .related-posts .related-item:hover .post-title a{
    color:var(--title-hover)
}
 #blog-pager{
    float:left;
    width:100%;
    overflow:hidden;
    clear:both;
    margin:30px 0
}
 .blog-pager a,.blog-pager span{
    float:left;
    display:block;
    min-width:30px;
    height:30px;
    background-color:#f2f2f2;
    color:var(--title-color);
    font-size:13px;
    font-weight:700;
    line-height:30px;
    text-align:center;
    box-sizing:border-box;
    padding:0 10px;
    margin:0 5px 0 0;
    border-radius:2px;
    transition:all .17s ease
}
 .blog-pager span.page-dots{
    min-width:20px;
    background-color:#fff;
    font-size:16px;
    color:var(--body-text-color);
    font-weight:400;
    line-height:32px;
    padding:0
}
 .blog-pager .page-of{
    display:none;
    width:auto;
    float:right;
    border-color:rgba(0,0,0,0);
    margin:0
}
 .blog-pager .page-active,.blog-pager a:hover{
    background-color:var(--main-color);
    color:#fff;
    border-color:var(--main-color)
}
 .blog-pager .page-prev:before,.blog-pager .page-next:before{
    font-family:FontAwesome;
    font-size:11px;
    font-weight:400
}
 .blog-pager .page-prev:before{
    content:'\f053'
}
 .blog-pager .page-next:before{
    content:'\f054'
}
 .blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{
    float:left;
    display:inline-block;
    width:auto;
    padding:0 10px;
    margin:0
}
 .blog-pager .blog-pager-older-link{
    float:right
}
 .archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link{
    display:none
}
 .blog-post-comments{
    display:none
}
 .blog-post-comments .comments-title{
    margin:0 0 20px
}
 .comments-system-disqus .comments-title,.comments-system-facebook .comments-title{
    margin:0
}
 #comments{
    margin:0
}
 #gpluscomments{
    float:left!important;
    width:100%!important;
    margin:0 0 25px!important
}
 #gpluscomments iframe{
    float:left!important;
    width:100%
}
 .comments{
    display:block;
    clear:both;
    margin:0;
    color:var(--title-color)
}
 .comments .comment-thread > ol{
    padding:0
}
 .comments > h3{
    font-size:13px;
    font-weight:400;
    font-style:italic;
    padding-top:1px
}
 .comments .comments-content .comment{
    list-style:none;
    margin:0;
    padding:0 0 8px
}
 .comments .comments-content .comment:first-child{
    padding-top:0
}
 .facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{
    width:100%!important
}
 .comments .item-control{
    position:static
}
 .comments .avatar-image-container{
    float:left;
    overflow:hidden;
    position:absolute
}
 .comments .avatar-image-container,.comments .avatar-image-container img{
    height:35px;
    max-height:35px;
    width:35px;
    max-width:35px;
    border-radius:100%
}
 .comments .comment-block{
    overflow:hidden;
    padding:0 0 10px
}
 .comments .comment-block,.comments .comments-content .comment-replies{
    margin:0 0 0 50px
}
 .comments .comments-content .inline-thread{
    padding:0
}
 .comments .comment-actions{
    float:left;
    width:100%;
    position:relative;
    margin:0
}
 .comments .comments-content .comment-header{
    font-size:15px;
    display:block;
    overflow:hidden;
    clear:both;
    margin:0 0 3px;
    padding:0 0 5px;
    border-bottom:1px dashed #d6d6d6
}
 .comments .comments-content .comment-header a{
    color:var(--title-color);
    transition:color .17s
}
 .comments .comments-content .comment-header a:hover{
    color:var(--title-hover)
}
 .comments .comments-content .user{
    font-style:normal;
    font-weight:700;
    display:block
}
 .comments .comments-content .icon.blog-author{
    display:none
}
 .comments .comments-content .comment-content{
    float:left;
    font-size:13px;
    color:#5E5E5E;
    font-weight:400;
    text-align:left;
    line-height:1.4em;
    margin:5px 0 9px
}
 .comments .comment .comment-actions a{
    margin-right:5px;
    padding:2px 5px;
    color:var(--title-color);
    font-weight:400;
    background-color:#f2f2f2;
    font-size:10px;
    transition:all .17s ease
}
 .comments .comment .comment-actions a:hover{
    color:#fff;
    background-color:var(--main-color);
    border-color:var(--main-color);
    text-decoration:none
}
 .comments .comments-content .datetime{
    float:left;
    font-size:11px;
    font-weight:400;
    color:#aaa;
    position:relative;
    padding:0 1px;
    margin:4px 0 0;
    display:block
}
 .comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{
    color:#aaa
}
 .comments .thread-toggle{
    margin-bottom:4px
}
 .comments .thread-toggle .thread-arrow{
    height:7px;
    margin:0 3px 2px 0
}
 .comments .thread-count a,.comments .continue a{
    transition:opacity .17s
}
 .comments .thread-count a:hover,.comments .continue a:hover{
    opacity:.8
}
 .comments .thread-expanded{
    padding:5px 0 0
}
 .comments .thread-chrome.thread-collapsed{
    display:none
}
 .thread-arrow:before{
    content:'';
    font-family:FontAwesome;
    color:var(--title-color);
    font-weight:400;
    margin:0 2px 0 0
}
 .comments .thread-expanded .thread-arrow:before{
    content:'\f0d7'
}
 .comments .thread-collapsed .thread-arrow:before{
    content:'\f0da'
}
 .comments .comments-content .comment-thread{
    margin:0
}
 .comments .continue a{
    padding:0 0 0 60px;
    font-weight:400
}
 .comments .comments-content .loadmore.loaded{
    margin:0;
    padding:0
}
 .comments .comment-replybox-thread{
    margin:0
}
 .comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{
    display:none
}
 #comment-editor{
    margin:0 0 20px
}
 .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
    color:var(--title-color);
    font-weight:700;
    margin:0 0 15px
}
 .post-body h1,.post-body h2{
    font-size:24px
}
 .post-body h3{
    font-size:21px
}
 .post-body h4{
    font-size:18px
}
 .post-body h5{
    font-size:16px
}
 .post-body h6{
    font-size:13px
}
 blockquote{
    font-style:italic;
    padding:10px;
    margin:0;
    border-left:4px solid var(--main-color)
}
 blockquote:before,blockquote:after{
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    color:#aaa;
    line-height:1
}
 blockquote:before{
    content:'\f10d';
    margin:0 10px 0 0
}
 blockquote:after{
    content:'\f10e';
    margin:0 0 0 10px
}
 .widget .post-body ul,.widget .post-body ol{
    line-height:1.5;
    font-weight:400
}
 .widget .post-body li{
    margin:5px 0;
    padding:0;
    line-height:1.5
}
 .post-body ul{
    padding:0 0 0 20px
}
 .post-body ul li:before{
    content:"\f105";
    font-family:FontAwesome;
    font-size:13px;
    font-weight:400;
    margin:0 5px 0 0
}
 .post-body u{
    text-decoration:underline
}
 .post-body a{
    transition:color .17s ease
}
 .post-body strike{
    text-decoration:line-through
}
 .contact-form{
    overflow:hidden
}
 .contact-form .widget-title{
    display:none
}
 .contact-form .contact-form-name{
    width:calc(50% - 5px)
}
 .contact-form .contact-form-email{
    width:calc(50% - 5px);
    float:right
}
.sidebar {

}
 .sidebar .widget{
    position:relative;
    overflow:hidden;
    background: #f1f1f1;
    box-sizing:border-box;
    padding:20px;
    margin:0 0 30px
}
 .sidebar .widget-title{
position: relative;
    float: left;
    width: 100%;
    line-height: 1;
    padding: 0;
    margin: 0 0 25px;
    text-align: center;
}
.sidebar .widget-title > h3:after {
   content:'';
   width: 100%;
    display: block;
    margin-left: 0;
    margin-top: 8px;
    height: 1px;
    opacity: .25;
    background: #000;
    background: radial-gradient(circle,#000,transparent);
}
 .sidebar .widget-title > h3{
 position: relative;
    display: block;
    font-size: 20px;
    color: var(--title-color);
    text-transform: capitalize;
    letter-spacing: 1.5px;
    font-weight: 600;
    padding:0;
    margin: 0;
}
 .sidebar .widget-content{
    float:left;
    width:100%;
    margin:0
}
 ul.social-counter{
    margin:0 -5px
}
 .social-counter li{
    float:left;
    width:25%;
    box-sizing:border-box;
    padding:0 5px;
    margin:10px 0 0
}
 .social-counter li:nth-child(1),.social-counter li:nth-child(2),.social-counter li:nth-child(3),.social-counter li:nth-child(4){
    margin-top:0
}
 .social-counter li a{
    display:block;
    height:40px;
    font-size:22px;
    color:#fff;
    text-align:center;
    line-height:40px;
    border-radius:2px;
    transition:opacity .17s
}
 .social-counter li a:hover{
    opacity:.8
}
 .list-label li{
    position:relative;
    display:block;
    padding:7px 0;
    border-top:1px dotted #ebebeb
}
 .list-label li:first-child{
    padding-top:0;
    border-top:0
}
 .list-label li:last-child{
    padding-bottom:0;
    border-bottom:0
}
 .list-label li a{
    display:block;
    color:var(--title-color);
    font-size:12px;
    font-weight:400;
    text-transform:capitalize;
    transition:color .17s
}
 .list-label li a:before{
    content:"\f054";
    float:left;
    color:var(--title-color);
    font-weight:400;
    font-family:FontAwesome;
    font-size:6px;
    margin:5px 3px 0 0;
    transition:color .17s
}
 .list-label li a:hover{
    color:var(--title-hover)
}
 .list-label .label-count{
    position:relative;
    float:right;
    width:16px;
    height:16px;
    background-color:var(--main-color);
    color:#fff;
    font-size:11px;
    font-weight:400;
    text-align:center;
    line-height:16px;
    border-radius:2px
}
 .cloud-label li{
    position:relative;
    float:left;
    margin:0 5px 5px 0
}
 .cloud-label li a{
    display:block;
    height:26px;
    background-color:#f2f2f2;
    color:var(--title-color);
    font-size:12px;
    line-height:26px;
    font-weight:400;
    padding:0 10px;
    border-radius:2px;
    transition:all .17s ease
}
 .cloud-label li a:hover{
    color:#fff;
    background-color:var(--main-color)
}
 .cloud-label .label-count{
    display:none
}
 .sidebar .FollowByEmail > .widget-title > h3{
    margin:0
}
 .FollowByEmail .widget-content{
    position:relative;
    overflow:hidden;
    background-color:#f9f9f9;
    text-align:center;
    font-weight:400;
    box-sizing:border-box;
    padding:20px;
    border-radius:2px;
    border:1px solid #f0f0f0
}
 .FollowByEmail .widget-content > h3{
    font-size:18px;
    color:var(--title-color);
    font-weight:700;
    text-transform:uppercase;
    margin:0 0 13px
}
 .FollowByEmail .before-text{
    font-size:13px;
    line-height:1.5em;
    margin:0 0 15px;
    display:block;
    padding:0 10px;
    overflow:hidden
}
 .FollowByEmail .widget-content:after{
    content:'\f0e0';
    position:absolute;
    right:-15px;
    top:-15px;
    font-family:FontAwesome;
    font-size:50px;
    color:#f0f0f0;
    transform:rotate(21deg)
}
 .FollowByEmail .follow-by-email-inner{
    position:relative
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-address{
    width:100%;
    height:32px;
    color:var(--title-color);
    font-size:11px;
    font-family:inherit;
    padding:0 10px;
    margin:0 0 10px;
    box-sizing:border-box;
    border:1px solid #f0f0f0;
    border-radius:2px;
    transition:ease .17s
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-submit{
    width:100%;
    height:32px;
    font-family:inherit;
    font-size:11px;
    color:#fff;
    background-color:var(--main-color);
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    cursor:pointer;
    margin:0;
    border:0;
    border-radius:2px;
    transition:opacity .17s ease
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
    opacity:.85
}
 #ArchiveList ul.flat li{
    color:var(--title-color);
    font-size:13px;
    font-weight:400;
    padding:7px 0;
    border-bottom:1px dotted #eaeaea
}
 #ArchiveList ul.flat li:first-child{
    padding-top:0
}
 #ArchiveList ul.flat li:last-child{
    padding-bottom:0;
    border-bottom:0
}
 #ArchiveList .flat li > a{
    display:block;
    color:var(--title-color);
    transition:color .17s
}
 #ArchiveList .flat li > a:hover{
    color:var(--title-hover)
}
 #ArchiveList .flat li > a:before{
    content:"\f054";
    float:left;
    color:#161619;
    font-weight:400;
    font-family:FontAwesome;
    font-size:6px;
    margin:5px 4px 0 0;
    display:inline-block;
    transition:color .17s
}
 #ArchiveList .flat li > a > span{
    position:relative;
    float:right;
    width:16px;
    height:16px;
    background-color:var(--main-color);
    color:#fff;
    font-size:11px;
    font-weight:400;
    text-align:center;
    line-height:16px;
    border-radius:2px
}
 .PopularPosts .default-popularpost{
    overflow:hidden;
    margin:20px 0 0
}
.PopularPosts .default-popularpost:first-child {
    margin: 0;
}
 .PopularPosts .default-popularpost .post:first-child{
    padding:0;
    margin:0;
    border:0
}
 .PopularPosts .default-popularpost .post-image-link{
    position:relative;
    width:80px;
    height:60px;
    float:left;
    overflow:hidden;
    display:block;
    vertical-align:middle;
    margin:0 12px 0 0;
    border-radius:4px
}
 .PopularPosts .default-popularpost .post-info{
    overflow:hidden
}
 .PopularPosts .default-popularpost .post-title{
    font-size:13px;
    font-weight:400;
    line-height:1.5em;
    margin:0 0 3px
}
 .PopularPosts .default-popularpost .post-title a{
    display:block;
    color:var(--title-color);
    transition:color .17s
}
 .PopularPosts .default-popularpost:hover .post-title a{
    color:var(--title-hover)
}
 .PopularPosts .default-popularpost .post-date:before{
    font-size:10px
}
 .FeaturedPost .post-image-link{
    display:block;
    position:relative;
    width:100%;
    height:180px;
    overflow:hidden;
    margin:0 0 10px;
}
 .FeaturedPost .post-title{
    font-size:16px;
    overflow:hidden;
    font-weight:400;
    line-height:1.5em;
    margin:0 0 5px
}
 .FeaturedPost .post-title a{
    color:var(--title-color);
    display:block;
    transition:color .17s ease
}
 .FeaturedPost .post-title a:hover{
    color:var(--title-hover)
}
 .Text{
    font-size:13px
}
 .contact-form-widget form{
    font-weight:400
}
 .contact-form-name{
    float:left;
    width:100%;
    height:30px;
    font-family:inherit;
    font-size:13px;
    line-height:30px;
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 0 10px;
    border:1px solid #ebebeb;
    border-radius:2px
}
 .contact-form-email{
    float:left;
    width:100%;
    height:30px;
    font-family:inherit;
    font-size:13px;
    line-height:30px;
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 0 10px;
    border:1px solid #ebebeb;
    border-radius:2px
}
 .contact-form-email-message{
    float:left;
    width:100%;
    font-family:inherit;
    font-size:13px;
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 0 10px;
    border:1px solid #ebebeb;
    border-radius:2px
}
 .contact-form-button-submit{
    float:left;
    width:100%;
    height:30px;
    background-color:var(--main-color);
    font-size:13px;
    color:#fff;
    line-height:30px;
    cursor:pointer;
    box-sizing:border-box;
    padding:0 10px;
    margin:0;
    border:0;
    border-radius:2px;
    transition:background .17s ease
}
 .contact-form-button-submit:hover{
    background-color:var(--main-dark-color)
}
 .contact-form-error-message-with-border{
    float:left;
    width:100%;
    background-color:#fbe5e5;
    font-size:11px;
    text-align:center;
    line-height:11px;
    padding:3px 0;
    margin:10px 0;
    box-sizing:border-box;
    border:1px solid #fc6262
}
 .contact-form-success-message-with-border{
    float:left;
    width:100%;
    background-color:#eaf6ff;
    font-size:11px;
    text-align:center;
    line-height:11px;
    padding:3px 0;
    margin:10px 0;
    box-sizing:border-box;
    border:1px solid #5ab6f9
}
 .contact-form-cross{
    margin:0 0 0 3px
}
 .contact-form-error-message,.contact-form-success-message{
    margin:0
}
 .BlogSearch .search-input{
    float:left;
    width:75%;
    height:30px;
    background-color:#fff;
    font-weight:400;
    font-size:13px;
    line-height:30px;
    box-sizing:border-box;
    padding:5px 10px;
    border:1px solid #ebebeb;
    border-right-width:0;
    border-radius:2px 0 0 2px
}
 .BlogSearch .search-action{
    float:right;
    width:25%;
    height:30px;
    font-family:inherit;
    font-size:13px;
    line-height:30px;
    cursor:pointer;
    box-sizing:border-box;
    background-color:var(--main-color);
    color:#fff;
    padding:0 5px;
    border:0;
    border-radius:0 2px 2px 0;
    transition:background .17s ease
}
 .BlogSearch .search-action:hover{
    background-color:var(--main-dark-color)
}
 .Profile .profile-img{
    float:left;
    width:80px;
    height:80px;
    margin:0 15px 0 0;
    transition:all .17s ease
}
 .Profile .profile-datablock{
    margin:0
}
 .Profile .profile-data .g-profile{
    display:block;
    font-size:18px;
    color:var(--title-color);
    font-weight:700;
    margin:0 0 5px;
    transition:color .17s ease
}
 .Profile .profile-data .g-profile:hover{
    color:var(--title-hover)
}
 .Profile .profile-info > .profile-link{
    color:var(--title-color);
    font-size:11px;
    margin:5px 0 0;
    transition:color .17s ease
}
 .Profile .profile-info > .profile-link:hover{
    color:var(--title-hover)
}
 .Profile .profile-datablock .profile-textblock{
    display:none
}
 .common-widget .LinkList ul li,.common-widget .PageList ul li{
    width:calc(50% - 5px);
    padding:7px 0 0
}
 .common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){
    float:left
}
 .common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){
    float:right
}
 .common-widget .LinkList ul li a,.common-widget .PageList ul li a{
    display:block;
    color:var(--title-color);
    font-size:13px;
    font-weight:400;
    transition:color .17s ease
}
 .common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{
    color:var(--title-hover)
}
 .common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){
    padding:0
}
#grid-wrapper {
    margin: 0 auto 30px;
    background-color: #343451;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxR7wQ6a6v7zyADpyglkx0NE5xGuG6bfHYAOghop8Plg-1Lb8HGnYh2SITzHaS0RRhDbA08Z-c5SsCil2dMwZTAX9CC7MFVbX6nXbZ9EQIKNGrUu0w3Or9a1hzijAruOdnVLAcc3FfDeRDYkMt96Upj2mvCAjC3wDweo9H943t1h-SBkmMm9C_Ciw6LA/s16000/diagonal-lines-3.png);
    background-size: 70px auto;
    position:relative;
    overflow: hidden;
    padding: 30px 0 40px;
}
#grid-wrapper:before {
    content:'';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    background-image: linear-gradient(165deg, rgb(52 52 81 / 62%) 30%, #f32a7a 100%);
    opacity: 0.9;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.grid-widget {
    margin: 0 auto;
    padding:25px 0;
    overflow:hidden;
}
.grid-widget .widget {
display:none;
}
.grid-widget .widget.show-widget {
display:block;
}
.grid-widget .widget-content {
    float: left;
    width: 100%;
}
.grid-widget .custom-widget {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
}
.grid-widget .custom-widget li {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    position:relative;
}
.grid-widget .custom-widget .post-image-link {
    width: 100%;
    height:280px;
    margin:0;
}
.grid-widget .custom-widget .post-image-link .post-thumb{
filter: brightness( 60% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}
.grid-widget .custom-widget .post-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 5;
    box-sizing: border-box;
    padding: 20px;
    background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
    text-align:left;
}
.grid-widget .custom-widget .post-info:before {
    content: '';
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw_6By07L6PYLRrZToB1oyPFMLOX4hv5140OfKYYK8TxKCXf1N58-1ym2fZNXljhGehem0i0sbOEe8kXrPTRUgfpbpXJNjZ3rHdBfMSdmMocK5doVAb80JSHHEqh54lld7xqgwOF1mV6eHWpe0WK1Yz6JtnsTCQX0w2uFM6ljX-CMiPQjuJUoUfCM-J9E/s16000/Element-1.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 38px;
    display: block;
    margin-bottom: 8px;
}
.grid-widget .custom-widget .post-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.grid-widget .custom-widget .post-title a {
    color:#ffffff;
}
 #footer-wrapper{
    background-color:var(--footer-bg);
    position: static;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}
 #sub-footer-wrapper{
    color:var(--footer-color);
    display:block;
    padding:0;
    width:100%;
    overflow:hidden;
    border-top:1px solid rgba(158, 158, 158, 0.23)
}
 #sub-footer-wrapper .container{
    overflow:hidden;
    margin:0 auto;
    padding:10px 0
}
 #menu-footer{
    float:right;
    position:relative;
    display:block
}
 #menu-footer .widget > .widget-title{
    display:none
}
 #menu-footer ul li{
    float:left;
    display:inline-block;
    height:34px;
    padding:0;
    margin:0
}
 #menu-footer ul li a{
    font-size:12px;
    font-weight:400;
    display:block;
    color:var(--footer-color);
    line-height:34px;
    padding:0 10px;
    margin:0 0 0 5px;
    transition:color .17s ease
}
 #menu-footer ul li:last-child a{
    padding:0 0 0 5px
}
 #menu-footer ul li a:hover{
    color:var(--footer-hover)
}
 #sub-footer-wrapper .copyright-area{
    font-size:12px;
    float:left;
    height:34px;
    line-height:34px;
    font-weight:400
}
 #sub-footer-wrapper .copyright-area a{
    color:var(--footer-hover);
    transition:color .17s
}
#sub-footer-wrapper .copyright-area a:hover{
    color:var(--footer-color);
}
 .hidden-widgets{
    display:none;
    visibility:hidden
}
 .back-top{
    display:none;
    z-index:1010;
    width:32px;
    height:32px;
    position:fixed;
    bottom:25px;
    right:25px;
    cursor:pointer;
    overflow:hidden;
    font-size:13px;
    color:#fff;
    text-align:center;
    line-height:32px;
    border-radius:2px
}
 .back-top:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:var(--main-color);
    opacity:.5;
    transition:opacity .17s ease
}
 .back-top:after{
    content:'\f077';
    position:relative;
    font-family:FontAwesome;
    font-weight:400;
    opacity:.8;
    transition:opacity .17s ease
}
 .back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{
    opacity:1
}
 .error404 #main-wrapper{
    width:100%!important;
    margin:0!important
}
 .error404 #sidebar-wrapper{
    display:none
}
 .errorWrap{
    color:var(--title-color);
    text-align:center;
    padding:80px 0 100px
}
 .errorWrap h3{
    font-size:160px;
    line-height:1;
    margin:0 0 30px
}
 .errorWrap h4{
    font-size:25px;
    margin:0 0 20px
}
 .errorWrap p{
    margin:0 0 10px
}
 .errorWrap a{
    display:block;
    color:var(--main-color);
    padding:10px 0 0
}
 .errorWrap a i{
    font-size:20px
}
 .errorWrap a:hover{
    text-decoration:underline
}
 @media screen and (max-width: 1100px) {
     #outer-wrapper{
        max-width:100%
    }
     .row{
        width:100%
    }
     .top-bar .container{
        box-sizing:border-box;
        padding:0 20px
    }
     #header-wrap{
        height:auto
    }
     .header-header{
        height:auto;
        box-sizing:border-box;
        padding:25px 20px
    }
#hot-wrapper {
 box-sizing:border-box;
        padding:0 20px;
    box-sizing: border-box;
}
  #slider-section {
    padding:0;
    box-sizing: border-box;
}
.home-ad {
    padding: 0 20px;
    box-sizing: border-box;
}
#grid-wrapper {
    box-sizing: border-box;
}
#grid-section {
    padding: 25px 20px;
}
#slider-wrapper {
    padding: 0 20px;
}
.header-menu {
    padding: 0 20px;
}
     #content-wrapper{
        position:relative;
        box-sizing:border-box;
        padding:0 20px;
        margin:30px 0 0
    }
     #footer-wrapper .container{
        box-sizing:border-box;
        padding:25px 20px
    }
     #sub-footer-wrapper .container{
        box-sizing:border-box;
        padding:10px 20px
    }
}

 @media screen and (max-width: 980px) {
     #content-wrapper > .container{
        margin:0
    }
     .header-logo{
        max-width:100%;
        width:100%;
        text-align:center;
    }
     .header-logo .header-image-wrapper{
        display:inline-block
    }
     #header-wrap{
        padding:0
    }
     .header-header{
        background-color:#fff;
        padding:10px 0
    }
     .header-header .container.row{
        width:98%
    }
     #header-inner a{
        display:inline-block!important
    }
     #main-wrapper,#sidebar-wrapper{
        width:100%;
        padding:0
    }
     .item #sidebar-wrapper{
        margin-top:20px
    }
}
 @media screen and (max-width: 880px) {
.header-header .flex-left {
    left: unset;
    right: 0;
}
 .header-menu {
       display:none;
    }
    .mobile-menu-toggle {
    display: inline-block;
    }
.header-header .flex-left .top-bar-nav, .header-header .flex-right {
    display: none;
}
.mm-footer {
display:block;
}
.header-logo {
    text-align: left;
}
  #hot-section .show-hot .widget-content, #hot-section .PopularPosts .widget-content, ul.hot-posts, .PopularPosts ul.hot-posts {
    height: auto;
}
.hot-posts .hot-item, PopularPosts .hot-posts .hot-item {
    float:left;
    width: calc(50% - 10px);
    margin:0;
}
.hot-posts .item-2, .PopularPosts .hot-posts .item-2 {
    margin-left: 20px;
}
.hot-posts .item-0, .PopularPosts .hot-posts .item-0 {
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}
.grid-widget .custom-widget {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}
#testimonial {
    grid-template-columns: repeat(3,1fr);
}
#testimonial .widget:nth-child(even) {
    position: relative;
    top: 0;
}
.instagram-inner {
    padding-top: 0;
    padding-bottom: 0;
}
     .footer-widgets-wrap{
        display:block
    }
     #footer-wrapper .footer{
        width:100%;
        margin-right:0
    }
     #footer-sec2,#footer-sec3{
        margin-top:25px
    }
}
@media screen and (max-width: 769px) {
#slider-wrapper .PopularPosts .main-slider {
    grid-template-columns: repeat(2,1fr);
}
.index-post .post-info > h2 {
    font-size: 22px;
}
.post-snippet {
    font-size: 13px;
}
}
@media screen and (max-width: 681px) {
#slider-wrapper .PopularPosts .main-slider {
        grid-template-columns: 1fr;
    grid-gap: 0px;
}

}
 @media screen and (max-width: 680px) {
.post-read-link {
    display: none;
}
     .index-post{
        width:100%
    }
#testimonial {
    grid-template-columns: repeat(2,1fr);
}
     #menu-footer,#sub-footer-wrapper .copyright-area{
        width:100%;
        height:auto;
        line-height:inherit;
        text-align:center
    }
     #menu-footer{
        margin:10px 0 0
    }
     #sub-footer-wrapper .copyright-area{
        margin:10px 0
    }
     #menu-footer ul li{
        float:none;
        height:auto
    }
     #menu-footer ul li a{
        line-height:inherit;
        margin:0 3px 5px
    }
}
 @media screen and (max-width: 560px) {
.hot-posts .item-0, .PopularPosts .hot-posts .item-0 {
    height: 100%;
}
.hot-posts .item-0 .post-image-link, .PopularPosts .hot-posts .item-0 .post-image-link {
    width: 100%;
    height: 280px;
}
.hot-posts .item-0 .post-title, .PopularPosts .hot-posts .item-0 .post-title {
    font-size: 20px;
}
.grid-posts {
    grid-template-columns: 1fr;
    grid-gap: 30px;
}
.main-slider .post-title {
    font-size: 18px;
}
     .top-bar{
        display:none
    }

    .top-bar-social {
    width: 100%;
    text-align: center;
    position: relative;
    top: auto;
    right: auto;
    clear: both;
    margin-top: 10px;
}
     .top-bar-social ul > li{
        float:none
    }
     .top-bar-social ul > li > a{
        margin:0 5px
    }
     .top-bar-social ul > li:last-child > a{
        padding:0 5px
    }
#testimonial {
    grid-template-columns: 1fr;
}
.title-wrap > h3:before {
    margin-right: 10px;
    width: 20px;
}
.index-post .post-image-wrap-outer {
    width: 100%;
    margin: 0 0 20px;
}
     .index-post .post-image-wrap{
        width:100%;
height:200px;
    }
     .index-post .post-info{
        float:left;
        width:100%
    }
.index-post .post-info > h2 {
    font-size: 24px;
    line-height: 1.4em;
}
.post-snippet {
    font-size: 13px;
    line-height: 1.8em;
}
     .share-links li a span{
        display:none
    }
     .share-links li.facebook,.share-links li.twitter{
        width:32px
    }
     ul.related-posts{
        margin:0
    }
     .related-posts .related-item{
        width:100%;
        padding:0;
        margin:20px 0 0
    }
     .related-posts .item-0{
        margin:0
    }
     .related-posts .post-tag{
        display:none
    }
     .related-posts .post-image-link{
        width:80px;
        height:60px;
        float:left;
        margin:0 12px 0 0
    }
     .related-posts .post-title{
        font-size:13px;
        overflow:hidden;
        margin:0 0 5px
    }
     .post-reactions{
        display:none
    }
   .grid-widget .custom-widget {
    grid-template-columns: 1fr;
   }
}
@media screen and (max-width: 480px) {
.hot-posts .post-image-link, .PopularPosts .hot-posts .post-image-link {
    width: 100%;
    height: 150px;
    margin: 0;
}
}
 @media screen and (max-width: 440px) {
     .queryMessage{
        text-align:center
    }
     .queryMessage a.show-more{
        width:100%;
        margin:10px 0 0
    }
     .item-post h1.post-title{
        font-size:24px
    }
     .about-author{
        text-align:center
    }
     .about-author .avatar-container{
        float:none;
        display:table;
        margin:0 auto 10px
    }
     #comments ol{
        padding:0
    }
     .errorWrap{
        padding:70px 0 100px
    }
     .errorWrap h3{
        font-size:120px
    }
}
 @media screen and (max-width: 360px) {
 .mobile-side-menu{
        width:100%
    }
    .title-wrap > h3:before {
display:none;
}
.title-wrap > h3 {
    font-size: 15px;
}
     .about-author .avatar-container{
        width:60px;
        height:60px
    }
}

html,
body,
body *{
    letter-spacing:0!important;
}
body{
    background:#0b0d11!important;
    color:#cbd5e1;
}
body:before{
    content:'';
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,255,255,.022) 1px,transparent 1px),
        linear-gradient(135deg,rgba(229,9,20,.16),transparent 34%,rgba(255,255,255,.02) 70%);
    background-size:48px 48px,48px 48px,100% 100%;
}
#outer-wrapper{
    background:transparent!important;
}
.row{
    width:min(1180px,calc(100% - 32px));
}
#overlap-wrapper{
    background:transparent;
}
#header-wrap{
    background:#08090d;
    border-bottom:1px solid rgba(229,9,20,.25);
    box-shadow:0 18px 42px rgba(0,0,0,.36);
}
.header-header{
    background:
        linear-gradient(180deg,#10131a 0%,#08090d 100%);
    overflow:visible;
    padding:18px 0;
}
.header-header:before{
    content:'Bits, bytes e notícias críticas';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:2px;
    background:linear-gradient(90deg,transparent,#e50914,#ffffff,#e50914,transparent);
    color:transparent;
}
.header-header .container{
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.header-logo{
    max-height:none;
}
.header-logo .header-image-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#ffffff;
}
.header-logo img{
    display:none;
}
.thnb-logo-mark{
    display:flex;
    width:48px;
    height:48px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(229,9,20,.72);
    border-radius:8px;
    background:linear-gradient(145deg,#e50914,#7a0b12);
    color:#ffffff;
    font-size:14px;
    font-weight:800;
    box-shadow:0 0 22px rgba(229,9,20,.36);
}
.thnb-logo-copy{
    display:flex;
    flex-direction:column;
    color:#ffffff;
    font-family:'Barlow',sans-serif;
    font-size:34px;
    font-weight:800;
    line-height:1;
}
.thnb-logo-copy strong{
    color:#ff2d3d;
    font-weight:800;
}
.thnb-logo-copy em{
    color:#94a3b8;
    font-size:12px;
    font-style:normal;
    font-weight:600;
    margin-top:6px;
    text-transform:uppercase;
}
.top-bar-nav .widget-content:before{
    content:'THE HACKER NEWS BRASIL';
    display:inline-flex;
    align-items:center;
    height:26px;
    padding:0 9px;
    margin-right:8px;
    border:1px solid rgba(229,9,20,.34);
    border-radius:6px;
    color:#ffb4bb;
    background:rgba(229,9,20,.08);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}
.top-bar-nav ul li > a,
.top-bar-social ul > li > a{
    color:#cbd5e1;
    opacity:.82;
}
.top-bar-nav ul li > a:hover,
.top-bar-social ul > li > a:hover{
    color:#ffffff;
    opacity:1;
}
.social .telegram a:before{
    content:"\f2c6";
}
.header-menu,
.header-menu .container{
    min-height:60px;
    background:rgba(12,15,21,.94)!important;
}
.header-menu{
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(229,9,20,.28);
    backdrop-filter:blur(12px);
}
.header-menu .container:after{
    display:none;
}
#main-menu,
#main-menu ul > li.li-home-icon > a,
#main-menu ul > li > a,
.show-search,
.hide-search,
#nav-search,
#nav-search .search-form,
#nav-search .search-input{
    height:60px;
    line-height:60px;
}
#main-menu ul > li > a{
    color:#e5e7eb;
    font-size:13px;
    font-weight:800;
    padding:0 12px;
    text-transform:uppercase!important;
}
#main-menu #main-menu-nav > li:first-child > a{
    padding-left:0;
}
#main-menu #main-menu-nav > li:hover > a,
#main-menu ul > li:hover > a{
    color:#ffffff;
    text-shadow:0 0 12px rgba(229,9,20,.5);
}
#main-menu #main-menu-nav > li > a:before{
    content:'';
    position:absolute;
    left:12px;
    right:12px;
    bottom:10px;
    height:2px;
    background:#e50914;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .2s ease;
    box-shadow:0 0 14px rgba(229,9,20,.65);
}
#main-menu #main-menu-nav > li:hover > a:before{
    transform:scaleX(1);
}
#main-menu ul > li > ul{
    top:60px;
    width:230px;
    background:#11151d;
    border:1px solid rgba(229,9,20,.28);
    border-radius:0 0 8px 8px;
    box-shadow:0 20px 45px rgba(0,0,0,.45);
}
#main-menu ul > li > ul > li:hover{
    background:rgba(229,9,20,.16);
}
#main-menu ul > li > ul > li a{
    height:40px;
    line-height:40px;
    color:#d7dde7;
    border-bottom:1px solid rgba(255,255,255,.05);
}
#nav-search{
    background:#10131a;
}
#nav-search .search-input{
    color:#ffffff;
    background:#10131a;
    font-size:15px;
}
.show-search,
.hide-search{
    color:#e5e7eb;
}
.mobile-menu-toggle{
    color:#ffffff;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
}
.mobile-side-menu,
.mobile-menu-wrap,
.slide-menu-header{
    background:#0b0d11!important;
}
.mobile-menu ul li a,
.mobile-menu ul li.has-sub .submenu-toggle,
.hide-freepic-pro-mobile-menu{
    color:#e5e7eb;
}
.mobile-search .search-form{
    border-color:rgba(229,9,20,.34);
    background:#10131a;
}
.mobile-search .search-input{
    color:#ffffff;
}
.thnb-hero-shell{
    position:relative;
    padding:34px 0 22px;
    background:
        linear-gradient(135deg,rgba(229,9,20,.2),rgba(8,9,13,.98) 32%,rgba(20,24,32,.92)),
        repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 34px);
    border-bottom:1px solid rgba(255,255,255,.08);
}
.thnb-hero-inner{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);
    gap:22px;
    align-items:stretch;
    margin:0 auto;
}
.thnb-hero-main,
.thnb-hero-panel{
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:rgba(10,12,17,.74);
    box-shadow:0 22px 60px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);
}
.thnb-hero-main{
    padding:34px;
}
.thnb-kicker,
.thnb-hero-panel > span{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 10px;
    border:1px solid rgba(229,9,20,.45);
    border-radius:6px;
    color:#ffb4bb;
    background:rgba(229,9,20,.1);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}
.thnb-hero-main h2{
    color:#ffffff;
    font-family:'Barlow',sans-serif;
    font-size:38px;
    line-height:1.08;
    font-weight:800;
    margin:18px 0 14px;
}
.thnb-hero-main p{
    color:#cbd5e1;
    max-width:760px;
    font-size:16px;
    line-height:1.7;
    margin:0;
}
.thnb-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}
.thnb-primary-action,
.thnb-secondary-action,
.thnb-newsletter-widget a,
.thnb-community-widget a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border-radius:6px;
    font-weight:800;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.thnb-primary-action,
.thnb-newsletter-widget a{
    color:#ffffff!important;
    background:linear-gradient(135deg,#e50914,#9f111c);
    box-shadow:0 0 22px rgba(229,9,20,.28);
}
.thnb-secondary-action,
.thnb-community-widget a{
    color:#f8fafc!important;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.04);
}
.thnb-primary-action:hover,
.thnb-secondary-action:hover,
.thnb-newsletter-widget a:hover,
.thnb-community-widget a:hover{
    transform:translateY(-1px);
    box-shadow:0 0 28px rgba(229,9,20,.36);
}
.thnb-hero-panel{
    padding:24px;
}
.thnb-hero-panel ul{
    margin:18px 0 0;
}
.thnb-hero-panel li{
    border-top:1px solid rgba(255,255,255,.08);
}
.thnb-hero-panel li:first-child{
    border-top:0;
}
.thnb-hero-panel a{
    display:block;
    color:#f8fafc;
    font-size:16px;
    font-weight:800;
    line-height:1.4;
    padding:14px 0;
}
.thnb-hero-panel a:hover{
    color:#ff2d3d;
}
.thnb-topic-rail{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:18px auto 0;
}
.thnb-topic-rail a{
    display:inline-flex;
    min-height:32px;
    align-items:center;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:6px;
    color:#d7dde7;
    background:rgba(255,255,255,.04);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
}
.thnb-topic-rail a:hover{
    color:#ffffff;
    border-color:rgba(229,9,20,.55);
    box-shadow:0 0 18px rgba(229,9,20,.18);
}
#content-wrapper{
    margin:34px auto;
}
#content-wrapper > .container{
    margin:0;
}
#main-wrapper{
    width:68%;
    padding:0 22px 0 0;
}
#sidebar-wrapper{
    width:32%;
    padding:0 0 0 22px;
}
.grid-posts{
    display:block!important;
}
.blog-post.index-post{
    display:flex;
    gap:20px;
    align-items:stretch;
    background:#10131a;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    padding:14px;
    margin:0 0 18px;
    box-shadow:0 18px 40px rgba(0,0,0,.22);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.blog-post.index-post:hover{
    transform:translateY(-2px);
    border-color:rgba(229,9,20,.36);
    box-shadow:0 20px 48px rgba(0,0,0,.32),0 0 24px rgba(229,9,20,.1);
}
.index-post .post-image-wrap-outer{
    width:42%;
    min-width:260px;
    margin:0;
}
.index-post .post-image-wrap{
    height:210px;
    border-radius:6px;
    background:#0b0d11;
}
.post-image-link,
.post-image-wrap,
.FeaturedPost .post-image-link,
.PopularPosts .default-popularpost .post-image-link{
    border-radius:6px;
}
.post-thumb{
    transform:scale(1);
}
.post-image-link:hover .post-thumb,
.post-image-wrap:hover .post-image-link .post-thumb,
.hot-item-inner:hover .post-image-link .post-thumb{
    opacity:1;
    transform:none;
}
.index-post .post-info{
    width:58%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.index-post .post-info > h2{
    font-family:'Barlow',sans-serif;
    font-size:24px;
    line-height:1.25;
}
.index-post .post-info > h2 > a,
.PopularPosts .default-popularpost .post-title a,
.custom-widget .post-title a,
.FeaturedPost .post-title a{
    color:#f8fafc;
}
.index-post .post-info > h2:hover > a,
.PopularPosts .default-popularpost:hover .post-title a,
.custom-widget li:hover .post-title a,
.FeaturedPost .post-title a:hover{
    color:#ff2d3d;
}
.post-meta,
.post-snippet,
.queryEmpty{
    color:#94a3b8;
}
.post-meta a{
    color:#d7dde7;
}
.post-meta a:hover{
    color:#ff2d3d;
}
.post-meta-top .post-tag,
.blog-post .post-tag span{
    background:#e50914;
    color:#ffffff;
    border-radius:5px;
    font-size:11px;
    font-weight:800;
}
.index-post .post-snippet:before{
    background:linear-gradient(to right,rgba(229,9,20,.65),transparent);
}
a.read-more{
    width:max-content;
    border-radius:6px;
    background:#e50914;
    color:#ffffff;
}
a.read-more:hover{
    background:#ff2d3d;
}
.sidebar .widget,
.common-widget .widget,
#social-widget .widget{
    background:#10131a;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    padding:18px;
    margin:0 0 20px;
    box-shadow:0 16px 36px rgba(0,0,0,.22);
}
.sidebar .widget-title,
.common-widget .widget-title,
#social-widget .widget-title{
    display:block!important;
}
.sidebar .widget-title > h3,
.common-widget .widget-title > h3,
#social-widget .widget-title > h3,
.title-wrap > h3{
    color:#ffffff;
    font-family:'Barlow',sans-serif;
    font-size:18px;
    font-weight:800;
    text-align:left;
    text-transform:none;
}
.sidebar .widget-title > h3:before,
.common-widget .widget-title > h3:before,
#social-widget .widget-title > h3:before{
    content:'';
    display:inline-block;
    width:8px;
    height:18px;
    margin-right:8px;
    vertical-align:-3px;
    border-radius:3px;
    background:#e50914;
    box-shadow:0 0 14px rgba(229,9,20,.5);
}
.title-wrap{
    height:auto;
    margin:0 0 20px;
    text-align:left;
}
.title-wrap > h3:after{
    background:linear-gradient(90deg,#e50914,transparent);
    opacity:.55;
}
.PopularPosts .default-popularpost{
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:16px;
}
.PopularPosts .default-popularpost:first-child{
    border-top:0;
    padding-top:0;
}
.PopularPosts .default-popularpost .post-image-link{
    width:92px;
    height:68px;
}
.PopularPosts .default-popularpost .post-title{
    font-size:14px;
    font-weight:800;
}
.social-counter li a{
    border-radius:6px;
    box-shadow:none;
}
.social-color .facebook a,
.social-color .twitter a,
.social-color .telegram a,
.social-color .linkedin a,
.social-color .youtube a,
.social-color .instagram a,
.social-color .whatsapp a,
.social-color .rss a{
    background:#171b24;
    border:1px solid rgba(255,255,255,.1);
}
.social-color .facebook a:hover,
.social-color .twitter a:hover,
.social-color .telegram a:hover,
.social-color .linkedin a:hover,
.social-color .youtube a:hover,
.social-color .instagram a:hover,
.social-color .whatsapp a:hover,
.social-color .rss a:hover{
    background:#e50914;
}
.thnb-newsletter-widget,
.thnb-community-widget{
    color:#cbd5e1;
}
.thnb-newsletter-widget span{
    display:inline-flex;
    padding:4px 9px;
    border-radius:5px;
    color:#ffb4bb;
    background:rgba(229,9,20,.1);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}
.thnb-newsletter-widget h3{
    color:#ffffff;
    font-family:'Barlow',sans-serif;
    font-size:20px;
    line-height:1.25;
    margin:12px 0 8px;
}
.thnb-newsletter-widget p,
.thnb-community-widget p{
    color:#94a3b8;
    line-height:1.65;
    margin:0 0 14px;
}
.thnb-community-widget strong{
    display:block;
    color:#ffffff;
    font-size:18px;
    margin-bottom:8px;
}
.Label .widget-content li,
.common-widget .LinkList ul li,
.common-widget .PageList ul li{
    background:#171b24!important;
    border:1px solid rgba(255,255,255,.08);
    border-radius:6px;
    margin:0 6px 8px 0;
}
.Label .widget-content li a,
.common-widget .LinkList ul li a,
.common-widget .PageList ul li a{
    color:#d7dde7;
}
.Label .widget-content li:hover,
.common-widget .LinkList ul li:hover,
.common-widget .PageList ul li:hover{
    border-color:rgba(229,9,20,.45);
}
.item-post,
.queryMessage,
.errorWrap{
    background:#10131a;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    padding:22px;
}
.item-post h1.post-title,
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6{
    color:#ffffff;
}
.item-post .post-body{
    color:#cbd5e1;
    border-top:1px solid rgba(255,255,255,.08);
}
.post-body a,
.post-body a:visited{
    color:#ff6b75;
}
blockquote{
    background:#171b24;
    color:#e5e7eb;
    border-left:3px solid #e50914;
    border-radius:0 8px 8px 0;
}
#breadcrumb,
#breadcrumb a{
    color:#94a3b8;
}
#breadcrumb a:hover{
    color:#ff2d3d;
}
#footer-wrapper{
    background:#08090d;
    border-top:1px solid rgba(229,9,20,.28);
}
#sub-footer-wrapper{
    border-top:0;
}
#menu-footer ul li a,
#sub-footer-wrapper .copyright-area{
    color:#cbd5e1;
}
#sub-footer-wrapper .copyright-area a,
#menu-footer ul li a:hover{
    color:#ff2d3d;
}
.back-top{
    border-radius:8px;
}
.back-top:before{
    background:#e50914;
}
@media screen and (max-width: 980px){
    .header-header .container{
        min-height:58px;
    }
    .thnb-logo-copy{
        font-size:26px;
    }
    .header-header .flex-left .top-bar-nav,
    .header-header .flex-right{
        display:none;
    }
    .mobile-menu-toggle{
        display:block;
    }
    .header-menu{
        display:none;
    }
    .thnb-hero-inner{
        grid-template-columns:1fr;
    }
    #main-wrapper,
    #sidebar-wrapper{
        float:none;
        width:100%;
        padding:0;
    }
    #sidebar-wrapper{
        margin-top:24px;
    }
}
@media screen and (max-width: 680px){
    .row{
        width:calc(100% - 24px);
    }
    .header-header{
        padding:14px 0;
    }
    .thnb-logo-mark{
        width:42px;
        height:42px;
    }
    .thnb-logo-copy{
        font-size:22px;
    }
    .thnb-logo-copy em{
        font-size:10px;
    }
    .thnb-hero-shell{
        padding:22px 0 16px;
    }
    .thnb-hero-main,
    .thnb-hero-panel{
        padding:20px;
    }
    .thnb-hero-main h2{
        font-size:28px;
    }
    .blog-post.index-post{
        display:block;
    }
    .index-post .post-image-wrap-outer,
    .index-post .post-info{
        width:100%;
        min-width:0;
    }
    .index-post .post-image-wrap{
        height:210px;
        margin-bottom:14px;
    }
    .index-post .post-info > h2{
        font-size:21px;
    }
}

@keyframes hnbrGridDrift{
    0%{background-position:0 0,0 0,0 0}
    100%{background-position:96px 48px,-48px 96px,0 0}
}
@keyframes hnbrSweep{
    0%{transform:translateX(-120%)}
    100%{transform:translateX(120%)}
}
@keyframes hnbrPulse{
    0%,100%{opacity:.62;transform:scale(1)}
    50%{opacity:1;transform:scale(1.08)}
}
@keyframes hnbrOrbit{
    to{transform:rotate(360deg)}
}
body{
    background:#07090d!important;
}
body:before{
    background:
        linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,255,255,.018) 1px,transparent 1px),
        radial-gradient(circle at 14% 18%,rgba(255,22,40,.18),transparent 30%),
        radial-gradient(circle at 82% 12%,rgba(255,255,255,.06),transparent 26%),
        linear-gradient(135deg,#07090d 0%,#0c1017 48%,#08090d 100%);
    background-size:56px 56px,56px 56px,100% 100%,100% 100%,100% 100%;
    animation:none!important;
}
body:after{
    content:'';
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 5px);
    opacity:.28;
}
#header-wrap{
    background:linear-gradient(180deg,#080a0f 0%,#0b0e14 100%);
    border-bottom:1px solid rgba(255,24,40,.18);
    box-shadow:0 26px 70px rgba(0,0,0,.5);
}
.header-header{
    padding:14px 0 12px;
    background:
        radial-gradient(circle at 50% 0,rgba(255,36,52,.16),transparent 34%),
        linear-gradient(180deg,#0d1017,#07090d);
}
.header-header:before{
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),#ff1f32,rgba(255,255,255,.18),transparent);
    height:1px;
}
.header-header:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,27,43,.9),transparent);
    animation:none!important;
}
.header-header .flex-left{
    display:none!important;
}
.header-header .container{
    min-height:54px;
    justify-content:center!important;
}
.top-bar-nav .widget-content:before{
    content:'THE HACKER NEWS BRASIL';
    border-color:rgba(255,31,50,.45);
    background:linear-gradient(135deg,rgba(255,31,50,.16),rgba(255,255,255,.03));
    color:#ffc4ca;
}
.header-logo .header-image-wrapper{
    gap:0;
}
.hnbr-sigil{
    position:relative;
    display:inline-flex;
    width:66px;
    height:66px;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:
        linear-gradient(#090b10,#090b10) padding-box,
        conic-gradient(from 140deg,transparent 0 14%,#ff2438 18%,#ffffff 27%,#8b0d17 38%,transparent 52%,#ff2438 72%,transparent 100%) border-box;
    border:1px solid transparent;
    box-shadow:0 0 34px rgba(255,31,50,.24),inset 0 0 22px rgba(255,255,255,.04);
    overflow:hidden;
}
.hnbr-sigil:before{
    content:'';
    position:absolute;
    inset:9px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
}
.hnbr-sigil:after{
    content:'';
    position:absolute;
    width:140%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
    transform:rotate(-28deg);
    box-shadow:0 0 18px rgba(255,31,50,.72);
    animation:none!important;
}
.hnbr-sigil-core{
    position:relative;
    width:19px;
    height:19px;
    border-radius:50%;
    background:#ff1f32;
    box-shadow:0 0 0 8px rgba(255,31,50,.11),0 0 26px rgba(255,31,50,.76);
}
.hnbr-sigil-core:before,
.hnbr-sigil-core:after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:42px;
    height:1px;
    background:rgba(255,255,255,.42);
    transform:translate(-50%,-50%);
}
.hnbr-sigil-core:after{
    width:1px;
    height:42px;
}
.hnbr-wordmark{
    display:flex;
    flex-direction:row;
    align-items:baseline;
    justify-content:center;
    gap:10px;
    max-width:100%;
    color:#ffffff;
    font-family:'Barlow',sans-serif;
    font-size:clamp(30px,3.2vw,48px);
    font-weight:900;
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    text-transform:none;
}
.hnbr-wordmark strong{
    color:#ff263a;
    font-weight:900;
    text-shadow:0 0 22px rgba(255,31,50,.28);
}
.hnbr-wordmark em{
    display:none!important;
}
.thnb-logo-mark,
.thnb-logo-copy{
    display:none!important;
}
.header-menu,
.header-menu .container{
    min-height:64px;
    background:rgba(7,9,13,.88)!important;
}
.header-menu{
    overflow:visible;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,31,50,.22);
}
#main-menu{
    width:calc(100% - 64px);
    height:64px;
}
#main-menu #main-menu-nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px;
    min-width:0;
    padding:4px 0;
}
#main-menu ul > li{
    float:none;
}
#main-menu ul > li > a,
.show-search,
.hide-search,
#nav-search,
#nav-search .search-form,
#nav-search .search-input{
    height:64px;
    line-height:64px;
}
#main-menu ul > li > a{
    white-space:nowrap;
    font-size:12px;
    padding:0 10px;
}
#main-menu #main-menu-nav > li > a:before{
    left:10px;
    right:10px;
    bottom:13px;
}
#main-menu ul > li > ul{
    top:64px;
}
.show-search,
.hide-search{
    width:64px;
    text-align:center;
}
.thnb-hero-shell{
    overflow:hidden;
    isolation:isolate;
    padding:58px 0 32px;
    background:
        radial-gradient(circle at 18% 36%,rgba(255,31,50,.22),transparent 32%),
        radial-gradient(circle at 80% 24%,rgba(255,255,255,.07),transparent 24%),
        linear-gradient(135deg,#07090d 0%,#111720 55%,#08090d 100%);
}
.thnb-hero-shell:before{
    content:'';
    position:absolute;
    inset:-25%;
    z-index:-1;
    background:conic-gradient(from 90deg at 50% 50%,transparent,rgba(255,31,50,.12),transparent 32%,rgba(255,255,255,.05),transparent 58%,rgba(255,31,50,.1),transparent);
    animation:none!important;
}
.thnb-hero-shell:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:100%;
    pointer-events:none;
    background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.055) 42%,rgba(255,31,50,.12) 50%,rgba(255,255,255,.045) 58%,transparent 100%);
    transform:translateX(-120%);
    animation:none!important;
}
.thnb-hero-inner{
    grid-template-columns:minmax(0,1.46fr) minmax(300px,.74fr);
    gap:28px;
}
.thnb-hero-main,
.thnb-hero-panel{
    position:relative;
    overflow:hidden;
    border-radius:12px;
    background:linear-gradient(145deg,rgba(14,17,24,.92),rgba(7,9,13,.84));
    border:1px solid rgba(255,255,255,.1);
    box-shadow:0 30px 90px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.055);
}
.thnb-hero-main{
    min-height:368px;
    padding:44px;
}
.thnb-hero-main:before,
.thnb-hero-panel:before{
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(255,31,50,.52),transparent 18%) 0 0/100% 1px no-repeat,
        linear-gradient(180deg,rgba(255,31,50,.42),transparent 22%) 0 0/1px 100% no-repeat,
        radial-gradient(circle at 92% 12%,rgba(255,31,50,.16),transparent 28%);
    pointer-events:none;
}
.thnb-hero-main:after{
    content:'CGN';
    position:absolute;
    right:28px;
    bottom:14px;
    color:rgba(255,255,255,.025);
    font-size:138px;
    font-weight:900;
    line-height:1;
}
.thnb-kicker,
.thnb-hero-panel > span{
    min-height:30px;
    padding:0 12px;
    border-radius:999px;
    border-color:rgba(255,31,50,.5);
    background:rgba(255,31,50,.09);
    color:#ffd3d7;
}
.thnb-hero-main h2{
    position:relative;
    z-index:1;
    max-width:820px;
    font-size:48px;
    line-height:1.02;
    margin:20px 0 18px;
}
.thnb-hero-main p{
    position:relative;
    z-index:1;
    max-width:760px;
    color:#aeb8c8;
    font-size:17px;
}
.thnb-hero-actions{
    position:relative;
    z-index:1;
    margin-top:28px;
}
.thnb-primary-action,
.thnb-secondary-action,
.thnb-newsletter-widget a,
.thnb-community-widget a{
    border-radius:8px;
}
.thnb-primary-action,
.thnb-newsletter-widget a{
    background:linear-gradient(135deg,#ff1f32,#b30716 58%,#6b0710);
    box-shadow:0 16px 38px rgba(255,31,50,.24),0 0 22px rgba(255,31,50,.2);
}
.thnb-secondary-action,
.thnb-community-widget a{
    border-color:rgba(255,255,255,.16);
    background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
}
.thnb-hero-panel{
    padding:30px;
}
.thnb-hero-panel li{
    border-top:1px solid rgba(255,255,255,.075);
}
.thnb-hero-panel a{
    padding:18px 0;
    font-size:17px;
}
.thnb-hero-panel a:before{
    content:'';
    display:inline-block;
    width:8px;
    height:8px;
    margin-right:10px;
    border-radius:50%;
    background:#ff1f32;
    box-shadow:0 0 14px rgba(255,31,50,.6);
}
.hnbr-metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:16px auto 0;
}
.hnbr-metrics a{
    position:relative;
    overflow:hidden;
    min-height:82px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:10px;
    background:rgba(13,16,23,.78);
    color:#dce3ef;
}
.hnbr-metrics a:after{
    content:'';
    position:absolute;
    inset:auto 0 0;
    height:2px;
    background:linear-gradient(90deg,#ff1f32,transparent);
}
.hnbr-metrics strong{
    display:block;
    color:#ffffff;
    font-size:15px;
    text-transform:uppercase;
}
.hnbr-metrics span{
    display:block;
    color:#8f9bad;
    margin-top:6px;
}
.thnb-topic-rail{
    margin-top:14px;
}
.thnb-topic-rail a{
    min-height:36px;
    border-radius:999px;
    background:rgba(255,255,255,.045);
}
.blog-post.index-post,
.sidebar .widget,
.common-widget .widget,
#social-widget .widget,
.item-post,
.queryMessage,
.errorWrap{
    border-radius:12px;
    background:linear-gradient(145deg,rgba(15,18,25,.94),rgba(8,10,15,.92));
    border-color:rgba(255,255,255,.09);
}
.blog-post.index-post{
    position:relative;
    overflow:hidden;
}
.blog-post.index-post:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:100%;
    background:linear-gradient(180deg,#ff1f32,transparent);
    opacity:.8;
}
.queryEmpty{
    padding:70px 24px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:rgba(10,12,17,.64);
}
@media screen and (max-width:1100px){
    #main-menu ul > li > a{
        font-size:11px;
        padding:0 8px;
    }
}
@media screen and (max-width:980px){
    .hnbr-wordmark{
        font-size:clamp(26px,5.2vw,36px);
    }
    .hnbr-metrics{
        grid-template-columns:1fr;
    }
}
@media screen and (max-width:680px){
    .hnbr-wordmark{
        font-size:24px;
        gap:7px;
    }
    .thnb-hero-main{
        min-height:0;
        padding:24px;
    }
    .thnb-hero-main h2{
        font-size:31px;
    }
    .thnb-hero-main p{
        font-size:15px;
    }
}

@keyframes hnbrParticlesMove{
    0%{background-position:0 0,120px 80px,240px 20px,0 0}
    100%{background-position:360px 180px,-220px 260px,120px -180px,0 0}
}
@keyframes hnbrSoftPulse{
    0%,100%{opacity:.52}
    50%{opacity:.9}
}
@keyframes hnbrLineGlow{
    0%,100%{opacity:.66;box-shadow:0 0 12px rgba(255,31,50,.46)}
    50%{opacity:1;box-shadow:0 0 26px rgba(255,31,50,.8)}
}
@keyframes hnbrLogoScan{
    0%{transform:translateX(-120%) rotate(-24deg)}
    48%,100%{transform:translateX(120%) rotate(-24deg)}
}
html,
body{
    max-width:100%;
    overflow-x:hidden!important;
}
#outer-wrapper{
    position:relative;
    overflow:hidden;
}
#outer-wrapper:before{
    content:'';
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(circle,rgba(255,42,58,.34) 0 1px,transparent 2px),
        radial-gradient(circle,rgba(255,255,255,.2) 0 1px,transparent 2px),
        radial-gradient(circle,rgba(255,42,58,.18) 0 1px,transparent 2px),
        linear-gradient(135deg,transparent,rgba(255,31,50,.035),transparent);
    background-size:260px 180px,340px 260px,190px 230px,100% 100%;
    animation:hnbrParticlesMove 34s linear infinite;
    opacity:.7;
    mix-blend-mode:screen;
}
#overlap-wrapper,
#footer-wrapper{
    position:relative;
    z-index:1;
}
.hnbr-sigil{
    width:68px;
    height:68px;
    border-radius:19px;
    background:
        radial-gradient(circle at 50% 50%,rgba(255,38,58,.44),transparent 30%),
        linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025)) padding-box,
        conic-gradient(from 210deg,#ff263a,#ffffff,#2b080d,#ff263a,#101722,#ff263a) border-box;
    border:1px solid transparent;
    box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 42px rgba(255,31,50,.3),inset 0 1px 0 rgba(255,255,255,.18);
    transform:none;
}
.hnbr-sigil:before{
    inset:9px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:15px;
    background:
        linear-gradient(135deg,rgba(255,31,50,.2),transparent 56%),
        repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 7px);
}
.hnbr-sigil:after{
    width:130%;
    height:2px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),#ff263a,transparent);
    transform:translateX(-120%) rotate(-24deg);
    box-shadow:0 0 18px rgba(255,31,50,.55);
    animation:hnbrLogoScan 4.8s ease-in-out infinite;
}
.hnbr-mark-line{
    position:absolute;
    z-index:2;
    width:76%;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,transparent,#ff263a,#ffffff,#ff263a,transparent);
    transform:rotate(-35deg);
    animation:hnbrLineGlow 3.6s ease-in-out infinite;
}
.hnbr-mark-text{
    position:relative;
    z-index:3;
    color:#ffffff;
    font-family:'Barlow',sans-serif;
    font-size:19px;
    font-weight:900;
    letter-spacing:.8px;
    transform:none;
    text-shadow:0 0 16px rgba(255,31,50,.42);
}
.hnbr-sigil-core,
.hnbr-sigil-core:before,
.hnbr-sigil-core:after{
    display:none!important;
}
.thnb-hero-shell:before{
    inset:0!important;
    background:
        radial-gradient(circle at 22% 30%,rgba(255,31,50,.18),transparent 28%),
        radial-gradient(circle at 76% 16%,rgba(255,255,255,.055),transparent 24%);
}
.thnb-hero-shell:after{
    transform:none!important;
    background:
        radial-gradient(circle,rgba(255,42,58,.45) 0 1px,transparent 2px),
        radial-gradient(circle,rgba(255,255,255,.24) 0 1px,transparent 2px),
        radial-gradient(circle,rgba(255,42,58,.2) 0 1px,transparent 2px);
    background-size:150px 120px,220px 160px,300px 220px;
    animation:hnbrParticlesMove 22s linear infinite!important;
    opacity:.5;
    mix-blend-mode:screen;
}
.thnb-hero-main:before,
.thnb-hero-panel:before,
.blog-post.index-post:before{
    animation:hnbrSoftPulse 4.8s ease-in-out infinite;
}
.hnbr-live-panel{
    min-height:368px;
}
.hnbr-live-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:22px;
}
.hnbr-live-head span{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 12px;
    border-radius:999px;
    color:#ffffff;
    background:linear-gradient(135deg,#ff263a,#8e101a);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    box-shadow:0 0 20px rgba(255,31,50,.28);
}
.hnbr-live-head span:before{
    content:'';
    width:6px;
    height:6px;
    margin-right:7px;
    border-radius:50%;
    background:#ffffff;
    box-shadow:0 0 12px rgba(255,255,255,.8);
}
.hnbr-live-head strong{
    color:#ffffff;
    font-size:15px;
    text-transform:uppercase;
}
.hnbr-live-list{
    position:relative;
    margin:0!important;
}
.hnbr-live-list li{
    position:relative;
    padding:16px 0 16px 20px;
    border-top:1px solid rgba(255,255,255,.075);
}
.hnbr-live-list li:first-child{
    border-top:0;
}
.hnbr-live-list li:before{
    content:'';
    position:absolute;
    left:0;
    top:24px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ff263a;
    box-shadow:0 0 16px rgba(255,31,50,.72);
}
.hnbr-live-list a{
    display:block;
    color:#ffffff;
    font-size:17px;
    font-weight:900;
    line-height:1.35;
    padding:0!important;
}
.hnbr-live-list a:before{
    display:none!important;
}
.hnbr-live-list span{
    display:block;
    color:#8f9bad;
    font-size:11px;
    font-weight:800;
    margin-top:7px;
    text-transform:uppercase;
}
.hnbr-live-loaded li:first-child a{
    color:#ffced3;
}
.hnbr-threat-widget{
    display:grid;
    gap:12px;
}
.hnbr-threat-widget a{
    position:relative;
    display:block;
    padding:14px 14px 14px 18px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    background:linear-gradient(135deg,rgba(255,31,50,.1),rgba(255,255,255,.025));
    overflow:hidden;
}
.hnbr-threat-widget a:before{
    content:'';
    position:absolute;
    left:0;
    top:12px;
    bottom:12px;
    width:3px;
    border-radius:999px;
    background:#ff263a;
    box-shadow:0 0 16px rgba(255,31,50,.72);
}
.hnbr-threat-widget strong,
.hnbr-threat-widget span{
    display:block;
}
.hnbr-threat-widget strong{
    color:#ffffff;
    font-size:14px;
    line-height:1.25;
}
.hnbr-threat-widget span{
    margin-top:5px;
    color:#8f9bad;
    font-size:12px;
    line-height:1.45;
}
#nav-search.show{
    display:block;
}
#main-menu .widget,
#main-menu .widget.show-menu,
.hnbr-menu-ready #main-menu .widget{
    display:block!important;
}
#main-menu #main-menu-nav{
    visibility:hidden;
    opacity:0;
    pointer-events:none;
}
.hnbr-menu-ready #main-menu #main-menu-nav{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transition:opacity .14s ease;
}
#main-menu .widget > .widget-title{
    display:none!important;
}
.nav-active .mobile-side-menu{
    transform:translateX(0)!important;
}
.mobile-menu li.show > .m-sub{
    display:block;
}
.hnbr-cursor-light{
    position:fixed;
    left:0;
    top:0;
    z-index:2;
    width:260px;
    height:260px;
    pointer-events:none;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,38,58,.16),rgba(255,38,58,.045) 38%,transparent 68%);
    opacity:0;
    transform:translate3d(-50%,-50%,0);
    transition:opacity .22s ease;
    mix-blend-mode:screen;
}
body.hnbr-pointer-live .hnbr-cursor-light{
    opacity:1;
}
.hnbr-interactive{
    position:relative;
    transform-style:preserve-3d;
    will-change:transform,box-shadow;
}
.hnbr-ripple-host{
    overflow:hidden;
}
a.hnbr-ripple-host,
button.hnbr-ripple-host,
.mobile-menu-toggle.hnbr-ripple-host,
.submenu-toggle.hnbr-ripple-host{
    position:relative;
}
.hnbr-ripple{
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    pointer-events:none;
    background:rgba(255,255,255,.28);
    transform:translate(-50%,-50%) scale(1);
    animation:hnbrRipple .58s ease-out forwards;
}
@keyframes hnbrRipple{
    to{opacity:0;transform:translate(-50%,-50%) scale(18)}
}
.thnb-primary-action,
.thnb-secondary-action,
.thnb-topic-rail a,
.hnbr-metrics a,
.hnbr-live-list a,
.hnbr-threat-widget a,
.sidebar .widget,
.blog-post.index-post{
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,background .22s ease;
}
.thnb-topic-rail a:hover,
.hnbr-metrics a:hover,
.hnbr-threat-widget a:hover,
.sidebar .widget:hover,
.blog-post.index-post:hover{
    transform:translateY(-3px);
    border-color:rgba(255,38,58,.42)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 28px rgba(255,31,50,.13);
}
#main-menu #main-menu-nav > li > a{
    overflow:hidden;
}
#main-menu #main-menu-nav > li > a:after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:0;
    height:0;
    border-radius:50%;
    background:rgba(255,38,58,.18);
    transform:translate(-50%,-50%);
    transition:width .28s ease,height .28s ease,opacity .28s ease;
    opacity:0;
}
#main-menu #main-menu-nav > li:hover > a:after{
    width:120%;
    height:120%;
    opacity:1;
}
#main-menu ul > li > ul{
    transform:translateY(8px);
}
#main-menu ul > li:hover > ul,
#main-menu ul > li > ul > li:hover > ul{
    transform:translateY(0);
}
#nav-search.show{
    animation:hnbrSearchOpen .22s ease-out both;
}
@keyframes hnbrSearchOpen{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}
.header-logo .hnbr-sigil{
    width:78px;
    height:78px;
    border-radius:24px;
    background:
        radial-gradient(circle at 53% 48%,rgba(255,38,58,.62),transparent 25%),
        radial-gradient(circle at 24% 24%,rgba(255,255,255,.25),transparent 28%),
        linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035)) padding-box,
        conic-gradient(from 220deg,#ff263a 0 14%,#ffffff 17% 22%,#7a101a 32% 43%,#101720 50% 62%,#ff263a 75% 84%,#ffffff 88% 92%,#ff263a 100%) border-box;
    border:1px solid transparent;
    box-shadow:0 22px 58px rgba(0,0,0,.46),0 0 52px rgba(255,31,50,.34),inset 0 1px 0 rgba(255,255,255,.24);
}
.header-logo .hnbr-sigil:before{
    inset:10px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:20px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.12),transparent 36%,rgba(255,31,50,.13)),
        repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 9px);
}
.header-logo .hnbr-sigil:after{
    width:138%;
    height:3px;
    border:0;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),#ff263a,transparent);
    transform:translateX(-120%) rotate(-25deg);
    box-shadow:0 0 22px rgba(255,255,255,.38),0 0 28px rgba(255,31,50,.68);
    animation:hnbrLogoScan 4.2s ease-in-out infinite!important;
}
.header-logo .hnbr-sigil-ring{
    position:absolute;
    inset:15px;
    z-index:2;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    box-shadow:0 0 0 1px rgba(255,31,50,.12),inset 0 0 22px rgba(255,31,50,.2);
}
.header-logo .hnbr-sigil-ring:before,
.header-logo .hnbr-sigil-ring:after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
    transform:translate(-50%,-50%);
}
.header-logo .hnbr-sigil-ring:before{
    width:42px;
    height:1px;
}
.header-logo .hnbr-sigil-ring:after{
    width:1px;
    height:42px;
    background:linear-gradient(180deg,transparent,rgba(255,255,255,.42),transparent);
}
.header-logo .hnbr-sigil .hnbr-sigil-core{
    display:block!important;
    position:absolute;
    left:50%;
    top:50%;
    z-index:3;
    width:22px;
    height:22px;
    border-radius:50%;
    background:radial-gradient(circle,#ffffff 0 15%,#ff3a4b 18% 62%,#8b0d17 100%);
    box-shadow:0 0 0 8px rgba(255,31,50,.14),0 0 28px rgba(255,31,50,.86);
    transform:translate(-50%,-50%);
}
.header-logo .hnbr-sigil .hnbr-sigil-core:before,
.header-logo .hnbr-sigil .hnbr-sigil-core:after{
    display:none!important;
}
.header-logo .hnbr-sigil .hnbr-mark-line{
    z-index:4;
    width:82%;
    height:2px;
    background:linear-gradient(90deg,transparent,#ff263a,#ffffff,#ff263a,transparent);
    transform:rotate(-33deg);
}
.header-logo .hnbr-sigil .hnbr-mark-text{
    z-index:5;
    font-size:14px;
    letter-spacing:0;
    text-shadow:0 0 14px rgba(0,0,0,.65),0 0 20px rgba(255,31,50,.62);
}
#main-menu #main-menu-nav > li.li-home,
#main-menu #main-menu-nav > li.li-home-icon,
#main-menu #main-menu-nav > li:first-child{
    display:flex!important;
    align-items:center;
    height:64px;
    background:transparent!important;
}
#main-menu #main-menu-nav > li.li-home > a,
#main-menu #main-menu-nav > li.li-home-icon > a,
#main-menu #main-menu-nav > li:first-child > a{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:40px!important;
    line-height:40px!important;
    margin:12px 8px 12px 0;
    padding:0 14px!important;
    border:1px solid rgba(255,31,50,.38);
    border-radius:999px;
    color:#ffffff!important;
    background:linear-gradient(135deg,rgba(255,31,50,.22),rgba(255,255,255,.045))!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 0 20px rgba(255,31,50,.1);
}
#main-menu #main-menu-nav > li.li-home:hover > a,
#main-menu #main-menu-nav > li.li-home-icon:hover > a,
#main-menu #main-menu-nav > li:first-child:hover > a{
    border-color:rgba(255,255,255,.24);
    background:linear-gradient(135deg,#ff263a,#97111d)!important;
    box-shadow:0 12px 28px rgba(255,31,50,.2),0 0 26px rgba(255,31,50,.22);
    text-shadow:none!important;
}
#main-menu #main-menu-nav > li.li-home > a:before,
#main-menu #main-menu-nav > li.li-home > a:after,
#main-menu #main-menu-nav > li.li-home-icon > a:before,
#main-menu #main-menu-nav > li.li-home-icon > a:after,
#main-menu #main-menu-nav > li:first-child > a:before,
#main-menu #main-menu-nav > li:first-child > a:after{
    display:none!important;
}
#main-menu{
    width:calc(100% - 76px)!important;
    height:64px!important;
    overflow:visible!important;
}
#main-menu #main-menu-nav{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:4px;
    height:auto!important;
    min-height:64px!important;
    min-width:0;
    padding:4px 0;
}
#main-menu #main-menu-nav > li{
    display:flex!important;
    align-items:center!important;
    height:64px!important;
    margin:0!important;
    background:transparent!important;
    flex:0 1 auto;
}
	#main-menu #main-menu-nav > li > a{
	    display:inline-flex!important;
	    align-items:center!important;
	    justify-content:center!important;
	    gap:5px;
	    height:36px!important;
	    min-height:36px!important;
	    line-height:36px!important;
	    margin:14px 0!important;
	    padding:0 10px!important;
    border:1px solid rgba(255,31,50,.28);
    border-radius:999px;
    color:#dbe2ec!important;
    background:linear-gradient(135deg,rgba(255,31,50,.12),rgba(255,255,255,.035))!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 16px rgba(255,31,50,.06);
    font-size:11px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    text-shadow:none!important;
    white-space:nowrap!important;
}
#main-menu #main-menu-nav > li > a:hover,
#main-menu #main-menu-nav > li:hover > a{
    border-color:rgba(255,255,255,.22)!important;
    color:#ffffff!important;
    background:linear-gradient(135deg,rgba(255,38,58,.92),rgba(124,12,22,.9))!important;
    box-shadow:0 12px 26px rgba(255,31,50,.16),0 0 24px rgba(255,31,50,.18);
}
#main-menu #main-menu-nav > li > a:before{
    display:none!important;
}
#main-menu #main-menu-nav > li > a:after{
    display:none!important;
}
#main-menu #main-menu-nav > li.has-sub > a:after{
    content:'\f107'!important;
    position:static!important;
    display:inline-block!important;
    width:auto!important;
    height:auto!important;
    margin:0 0 0 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    font-family:FontAwesome;
    font-size:10px;
    font-weight:400;
    line-height:1!important;
    opacity:.72!important;
    transform:none!important;
    transition:transform .2s ease,opacity .2s ease;
}
#main-menu #main-menu-nav > li.has-sub:hover > a:after{
    opacity:1!important;
    transform:translateY(1px)!important;
}
#main-menu #main-menu-nav > li.li-home > a,
#main-menu #main-menu-nav > li.li-home-icon > a,
#main-menu #main-menu-nav > li:first-child > a{
    margin:13px 0!important;
    padding:0 12px!important;
}
.hnbr-home-icon{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border-radius:7px;
    background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,31,50,.18));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 0 14px rgba(255,31,50,.25);
    flex:0 0 20px;
}
.hnbr-home-icon:before{
    content:'\f015';
    font-family:FontAwesome;
    font-size:11px;
    font-weight:400;
    color:#ffffff;
}
.hnbr-home-text{
    display:inline-block;
}
.header-menu .show-search,
.header-menu .hide-search,
.show-search.hnbr-ripple-host,
.hide-search.hnbr-ripple-host{
    position:absolute!important;
    right:0!important;
    top:0!important;
    width:64px!important;
    height:64px!important;
    line-height:64px!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.show-search.hnbr-ripple-host{
    text-align:center!important;
}
.show-search.hnbr-ripple-host:before,
.hide-search.hnbr-ripple-host:before{
    line-height:1;
}
.social .telegram a:before{
    content:"\f2c6"!important;
}
.social-counter li.telegram a,
.social-color .telegram a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:40px!important;
    line-height:40px!important;
    color:#ffffff!important;
    background:#171b24!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:6px!important;
    box-shadow:none!important;
}
.social-counter li.telegram a:before{
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    color:#ffffff!important;
    font-size:22px!important;
    line-height:1!important;
}
.social-color .telegram a:hover{
    background:#e50914!important;
}
.post-labels span{
    color:#ffffff!important;
}
.post-labels a,
.post-labels .label-link,
.label-head .label-link,
.sidebar .Label .label-name,
.common-widget .Label .label-name,
.sidebar .label-size .label-name,
.common-widget .label-size .label-name,
.cloud-label li a{
    background:#f4f6fa!important;
    color:#111827!important;
    border:1px solid rgba(255,255,255,.15)!important;
    text-shadow:none!important;
}
.post-labels a:hover,
.post-labels .label-link:hover,
.label-head .label-link:hover,
.sidebar .Label .label-name:hover,
.common-widget .Label .label-name:hover,
.sidebar .label-size .label-name:hover,
.common-widget .label-size .label-name:hover,
.cloud-label li a:hover{
    background:#e50914!important;
    color:#ffffff!important;
    border-color:#e50914!important;
}
.item-post .post-body a.button[style*="#fff"],
.item-post .post-body a.button[style*="#ffffff"],
.item-post .post-body a.button[style*="white"],
.item-post .post-body a[style*="background:#fff"],
.item-post .post-body a[style*="background: #fff"],
.item-post .post-body a[style*="background-color:#fff"],
.item-post .post-body a[style*="background-color: #fff"],
.item-post .post-body a[style*="background:white"],
.item-post .post-body a[style*="background: white"],
.item-post .post-body a[style*="rgb(255, 255, 255)"]{
    color:#111827!important;
    text-shadow:none!important;
}
.post-thumb,
.post-thumb.lazy-yard,
.post-image-link img,
.FeaturedPost .post-thumb,
.PopularPosts .default-popularpost .post-thumb,
.custom-widget .post-thumb,
.hot-posts .post-thumb,
.main-slider .post-thumb,
.index-post .post-thumb,
.item-thumbnail img,
.snippet-thumbnail img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    -webkit-filter:none!important;
    transform:none!important;
    image-rendering:auto!important;
}
.post-image-link:hover .post-thumb,
.post-image-wrap:hover .post-image-link .post-thumb,
.hot-item-inner:hover .post-image-link .post-thumb,
.blog-post.index-post:hover .post-thumb,
.PopularPosts .default-popularpost:hover .post-thumb,
.custom-widget li:hover .post-thumb{
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    transform:none!important;
}
.post-image-link,
.post-image-wrap,
.FeaturedPost .post-image-link,
.PopularPosts .default-popularpost .post-image-link,
.custom-widget .post-image-link{
    background:#151922!important;
    overflow:hidden!important;
}
.thnb-generated-thumb{
    position:relative!important;
    background:
      radial-gradient(circle at 82% 38%,rgba(239,35,60,.34),transparent 34%),
      linear-gradient(135deg,#070a12 0%,#111827 48%,#31060d 100%)!important;
}
.thnb-generated-thumb:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(90deg,rgba(56,189,248,.15) 1px,transparent 1px),
      linear-gradient(0deg,rgba(148,163,184,.12) 1px,transparent 1px)!important;
    background-size:34px 34px!important;
}
.thnb-generated-thumb:after{
    content:"CGN"!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    color:#f8fafc!important;
    font:900 34px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:1px!important;
    padding:14px 20px!important;
    border:1px solid rgba(239,35,60,.55)!important;
    border-radius:12px!important;
    background:rgba(8,13,22,.62)!important;
    box-shadow:0 0 34px rgba(239,35,60,.22)!important;
}
.thnb-inline-svg-thumb{
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
}
.thnb-inline-svg-thumb svg{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
}
.PopularPosts .default-popularpost .post-image-link{
    flex:0 0 92px;
}
#blog-pager.blog-pager,
.blog-pager.container{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:0!important;
    margin:34px 0 18px!important;
    padding:0!important;
    clear:both!important;
    overflow:visible!important;
}
#blog-pager:empty{
    display:none!important;
    margin:0!important;
}
.archive #blog-pager,
.home .blog-pager .blog-pager-newer-link,
.home .blog-pager .blog-pager-older-link,
.blog-pager .blog-pager-newer-link,
.blog-pager .blog-pager-older-link{
    display:inline-flex!important;
}
.blog-pager a,
.blog-pager span{
    float:none!important;
    min-width:46px!important;
    height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:linear-gradient(135deg,rgba(229,9,20,.16),rgba(255,255,255,.04))!important;
    color:#f8fafc!important;
    box-shadow:0 16px 32px rgba(0,0,0,.28),inset 0 0 18px rgba(229,9,20,.08)!important;
    line-height:46px!important;
    margin:0!important;
    padding:0 16px!important;
}
.blog-pager a:hover,
.blog-pager .page-active{
    background:linear-gradient(135deg,#ff2631,#99060f)!important;
    border-color:rgba(255,70,80,.9)!important;
    color:#ffffff!important;
    box-shadow:0 18px 40px rgba(229,9,20,.28)!important;
}
.blog-pager .blog-pager-newer-link,
.blog-pager .blog-pager-older-link{
    width:auto!important;
    min-width:150px!important;
    text-transform:uppercase!important;
}
.blog-pager .page-dots,
.blog-pager .page-of{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    color:#8f98aa!important;
}
.about-author{
    display:none!important;
}
.back-top.hnbr-ripple-host{
    position:fixed!important;
    right:25px!important;
    bottom:25px!important;
}
.thnb-hero-inner{
    align-items:stretch!important;
}
.hnbr-live-panel{
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:24px!important;
}
.hnbr-live-head{
    margin-bottom:16px!important;
}
.hnbr-live-list{
    display:grid!important;
    gap:10px!important;
    align-content:start!important;
    flex:1 1 auto!important;
    overflow:visible!important;
}
.hnbr-live-list li:nth-child(n+5){
    display:none!important;
}
.hnbr-live-list li{
    cursor:pointer!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    margin:0!important;
    padding:8px 0 8px 18px!important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.hnbr-live-list li:first-child{
    padding:10px 12px 10px 30px!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,rgba(255,31,50,.14),rgba(255,31,50,.045) 55%,rgba(255,255,255,.018))!important;
    border-color:rgba(255,31,50,.24)!important;
    box-shadow:0 10px 24px rgba(255,31,50,.08),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.hnbr-live-list li:first-child:before{
    left:13px!important;
    top:18px!important;
}
.hnbr-live-list li:not(:first-child):before{
    top:16px!important;
}
.hnbr-live-list li:hover,
.hnbr-live-list li:first-child:hover{
    transform:translateX(2px)!important;
    background:linear-gradient(135deg,rgba(255,31,50,.18),rgba(255,31,50,.055) 58%,rgba(255,255,255,.025))!important;
    border-color:rgba(255,60,76,.34)!important;
    box-shadow:0 12px 28px rgba(255,31,50,.11),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.hnbr-live-list a{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    font-size:0!important;
    line-height:1!important;
}
.hnbr-live-list a:after{
    content:''!important;
    position:absolute!important;
    z-index:2!important;
    inset:-8px -10px -8px -28px!important;
}
.hnbr-live-list a strong{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2;
    overflow:hidden!important;
    color:inherit!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1.28!important;
}
.hnbr-live-list li:first-child a strong{
    -webkit-line-clamp:3;
    font-size:17px!important;
}
.hnbr-live-list li:hover a,
.hnbr-live-list li:first-child a,
.hnbr-live-list li:first-child:hover a{
    color:#ffffff!important;
    text-shadow:0 0 18px rgba(255,31,50,.22)!important;
}
.hnbr-live-list li:hover span,
.hnbr-live-list li:first-child span{
    color:#ffb8c0!important;
}
#related-wrap{
    clear:both!important;
    margin:34px 0 30px!important;
    padding:24px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(15,18,25,.94),rgba(8,10,15,.92))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.34)!important;
}
#related-wrap .title-wrap{
    margin-bottom:18px!important;
}
#related-wrap .title-wrap h3{
    color:#ffffff!important;
}
.related-ready{
    float:none!important;
    width:100%!important;
}
.related-ready:empty:after{
    content:'Carregando recomendações...';
    display:block;
    color:#8f9bad;
    font-size:14px;
}
ul.related-posts{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
}
.related-posts .related-item{
    float:none!important;
    width:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:10px!important;
    background:rgba(12,16,22,.82)!important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.related-posts .related-item:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(255,31,50,.42)!important;
    box-shadow:0 18px 44px rgba(255,31,50,.12)!important;
}
.related-posts .post-image-link{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    border-radius:0!important;
    background:#151922!important;
}
.related-posts .post-title{
    display:block!important;
    margin:0!important;
    padding:13px 14px 15px!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.3!important;
}
.related-posts .post-title a{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3;
    overflow:hidden!important;
    color:#ffffff!important;
}
.related-posts .related-item:hover .post-title a{
    color:#ffced3!important;
}
@media screen and (max-width:980px){
    .thnb-hero-inner{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }
    .thnb-hero-main,
    .thnb-hero-panel{
        min-height:0!important;
    }
    .hnbr-live-panel{
        max-height:none!important;
        height:auto!important;
        padding:22px!important;
    }
}
@media screen and (max-width:680px){
    html,
    body{
        max-width:100%;
        overflow-x:hidden;
    }
    #outer-wrapper,
    #overlap-wrapper,
    .container,
    .row,
    .shrink-wrapper{
        max-width:100%!important;
    }
    .row{
        width:calc(100% - 24px)!important;
    }
    .header-header{
        padding:18px 0 14px!important;
    }
    .header-logo .header-image-wrapper,
    .hnbr-wordmark{
        max-width:100%!important;
    }
    .hnbr-wordmark{
        justify-content:center!important;
        gap:8px!important;
        padding:0 12px!important;
        white-space:normal!important;
        text-align:center!important;
    }
    .hnbr-wordmark-main,
    .hnbr-wordmark strong{
        font-size:32px!important;
        line-height:1.05!important;
    }
    .thnb-hero-shell{
        padding:24px 0 18px!important;
    }
    .thnb-hero-inner{
        grid-template-columns:1fr!important;
        gap:14px!important;
        width:calc(100% - 24px)!important;
    }
    .thnb-hero-main,
    .thnb-hero-panel{
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
        padding:22px 16px!important;
        border-radius:10px!important;
    }
    .thnb-hero-main:after{
        right:14px!important;
        bottom:10px!important;
        font-size:72px!important;
    }
    .thnb-hero-main h2{
        max-width:100%!important;
        margin:16px 0 12px!important;
        font-size:31px!important;
        line-height:1.08!important;
    }
    .thnb-hero-main p{
        max-width:100%!important;
        font-size:15px!important;
        line-height:1.55!important;
    }
    .thnb-hero-actions{
        display:flex!important;
        flex-wrap:wrap!important;
        gap:10px!important;
        margin-top:18px!important;
    }
    .thnb-primary-action,
    .thnb-secondary-action{
        flex:1 1 150px!important;
        min-height:44px!important;
        padding:0 12px!important;
        text-align:center!important;
    }
    .hnbr-live-head{
        align-items:flex-start!important;
        gap:10px!important;
        margin-bottom:14px!important;
    }
    .hnbr-live-head strong{
        font-size:18px!important;
        line-height:1.2!important;
    }
    .hnbr-live-list{
        gap:9px!important;
        margin-top:12px!important;
    }
    .hnbr-live-list li{
        padding:8px 0 8px 18px!important;
    }
    .hnbr-live-list li:before{
        top:16px!important;
    }
    .hnbr-live-list li:first-child{
        padding:10px 10px 10px 28px!important;
    }
    .hnbr-live-list li:first-child:before{
        left:12px!important;
        top:18px!important;
    }
    .hnbr-live-list a{
        font-size:15px!important;
        line-height:1.35!important;
        padding:0!important;
    }
    .hnbr-live-list a strong,
    .hnbr-live-list li:first-child a strong{
        font-size:16px!important;
        line-height:1.3!important;
    }
    .hnbr-live-list a:after{
        inset:-8px 0 -8px -18px!important;
    }
    .hnbr-live-list span{
        font-size:11px!important;
    }
    .hnbr-metrics{
        grid-template-columns:1fr!important;
        gap:10px!important;
        width:calc(100% - 24px)!important;
    }
    .hnbr-metrics a{
        min-height:72px!important;
    }
    .thnb-topic-rail{
        width:calc(100% - 24px)!important;
        gap:8px!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .thnb-topic-rail::-webkit-scrollbar{
        display:none;
    }
    .thnb-topic-rail a{
        flex:0 0 auto!important;
    }
    #content-wrapper{
        margin:22px auto!important;
        padding:0!important;
    }
    #content-wrapper > .container{
        display:block!important;
        width:calc(100% - 24px)!important;
        max-width:100%!important;
    }
    #main-wrapper,
    #sidebar-wrapper{
        width:100%!important;
        padding:0!important;
        float:none!important;
    }
    #sidebar-wrapper{
        margin-top:22px!important;
    }
    .blog-post.index-post{
        display:block!important;
        padding:14px!important;
    }
    .index-post .post-image-wrap-outer,
    .index-post .post-info{
        width:100%!important;
        min-width:0!important;
    }
    .index-post .post-image-wrap{
        height:auto!important;
        aspect-ratio:16/9!important;
        margin:0 0 14px!important;
    }
    .index-post .post-info{
        padding-top:0!important;
    }
    .index-post .post-info > h2{
        font-size:22px!important;
        line-height:1.18!important;
    }
    .sidebar .widget{
        margin-top:18px!important;
    }
    #related-wrap{
        padding:18px!important;
        margin:24px 0!important;
    }
    ul.related-posts{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    .related-posts .post-title{
        font-size:14px!important;
    }
}
@media screen and (max-width:420px){
    .hnbr-wordmark-main,
    .hnbr-wordmark strong{
        font-size:27px!important;
    }
    .thnb-hero-main h2{
        font-size:28px!important;
    }
    .hnbr-live-head{
        display:block!important;
    }
    .hnbr-live-head strong{
        display:block!important;
        margin-top:10px!important;
    }
}
@media screen and (max-width:680px){
    .hnbr-sigil,
    .header-logo .hnbr-sigil{
        width:48px;
        height:48px;
        border-radius:13px;
    }
    .header-logo .hnbr-sigil-ring{
        inset:10px;
    }
    .header-logo .hnbr-sigil .hnbr-sigil-core{
        width:15px;
        height:15px;
    }
    .hnbr-mark-text,
    .header-logo .hnbr-sigil .hnbr-mark-text{
        font-size:10px;
    }
    .hnbr-live-panel{
        height:auto!important;
        min-height:0!important;
    }
}

/* ==========================================================================
   Post Body Typography & Components — extracted from <style> block
   ========================================================================== */

<style>
  .firstcharacter{
    float:left;
    color:#27ae60;
    font-size:75px;
    line-height:60px;
    padding-right:8px;
}
 .post-body p{
    margin-bottom:25px
}
 .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
    color:#000;
    line-height:1.3em;
    margin:0 0 20px
}
 .post-body img{
    height:auto!important
}
 blockquote{
    position:relative;
    background-color:rgba(155,155,155,0.05);
    color:#000000;
    font-style:normal;
    padding:20px 25px;
    margin:0;
    border-radius:3px
}
 blockquote:before{
    position:absolute;
    left:10px;
    top:10px;
    content:'\f10e';
    font-family:FontAwesome;
    font-size:33px;
    font-style:normal;
    font-weight:900;
    color:#000;
    line-height:1;
    opacity:.05;
    margin:0
}
 .post-body .responsive-video-wrap{
    position:relative;
    width:100%;
    padding:0;
    padding-top:56%
}
 .post-body .responsive-video-wrap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
 .post-body ul{
    padding:0 0 0 15px;
    margin:10px 0
}
 .post-body li{
    margin:5px 0;
    padding:0
}
 .post-body ul li,.post-body ol ul li{
    list-style:none
}
 .post-body ul li:before{
    display:inline-block;
    content:'\2022';
    margin:0 5px 0 0
}
 .post-body ol{
    counter-reset:ify;
    padding:0 0 0 15px;
    margin:10px 0
}
 .post-body ol > li{
    counter-increment:ify;
    list-style:none
}
 .post-body ol > li:before{
    display:inline-block;
    content:counters(ify,'.')'.';
    margin:0 5px 0 0
}
 .post-body u{
    text-decoration:underline
}
 .post-body strike{
    text-decoration:line-through
}
 .post-body sup{
    vertical-align:super
}
 .post-body a{

}
 .post-body a:hover{
}
 .post-body a.button{
    display:inline-block;
    height:34px;
    background-color:#2c3e50;
    font-size:14px;
    color:#ffffff;
    font-weight:400;
    line-height:34px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    padding:0 20px;
    margin:0 6px 8px 0
}
 .post-body a.colored-button{
    color:#fff
}
 .post-body a.button:hover{
    background-color:#f47500;
    color:#fff
}
 .post-body a.colored-button:hover{
    background-color:#f47500!important;
    color:#fff!important
}
 .button:before{
    float:left;
    font-family:FontAwesome;
    font-weight:900;
    display:inline-block;
    margin:0 8px 0 0
}
 .button.preview:before{
    content:'\f06e'
}
 .button.download:before{
    content:'\f019'
}
 .button.link:before{
    content:'\f0c1'
}
 .button.cart:before{
    content:'\f07a'
}
 .button.info:before{
    content:'\f06a'
}
 .button.share:before{
    content:'\f1e0'
}
 .button.contact:before{
    content:'\f0e0';
    font-weight:400
}
 .alert-message{
    position:relative;
    display:block;
    padding:15px;
    border:1px solid rgba(155,155,155,0.1);
    border-radius:3px
}
 .alert-message.alert-success{
    background-color:rgba(34,245,121,0.03);
    border:1px solid rgba(34,245,121,0.5)
}
 .alert-message.alert-info{
    background-color:rgba(55,153,220,0.03);
    border:1px solid rgba(55,153,220,0.5)
}
 .alert-message.alert-warning{
    background-color:rgba(185,139,61,0.03);
    border:1px solid rgba(185,139,61,0.5)
}
 .alert-message.alert-error{
    background-color:rgba(231,76,60,0.03);
    border:1px solid rgba(231,76,60,0.5)
}
 .alert-message:before{
    font-family:FontAwesome;
    font-size:16px;
    font-weight:900;
    display:inline-block;
    margin:0 5px 0 0
}
 .alert-message.alert-success:before{
    content:'\f058';
    color:rgba(34,245,121,1)
}
 .alert-message.alert-info:before{
    content:'\f05a';
    color:rgba(55,153,220,1)
}
 .alert-message.alert-warning:before{
    content:'\f06a';
    color:rgba(185,139,61,1)
}
 .alert-message.alert-error:before{
    content:'\f057';
    color:rgba(231,76,60,1)
}
 .post-body table{
    width:100%;
    overflow-x:auto;
    text-align:left;
    margin:0;
    border-collapse:collapse;
    border:1px solid #161619
}

 .post-body table td,.post-body table th{
    padding:7px 15px;
    border:1px solid #161619
}
 .post-body table thead th{
    color:#000;
    font-weight:700;
    text-align:left;
    vertical-align:bottom
}
 table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{
    line-height:1;
    padding:0;
    border:0
}
 table.tr-caption-container td.tr-caption{
    font-size:13px;
    color:#666666;
    padding:6px 0 0
}
 .tocify-wrap{
    display:flex;
    width:100%;
    clear:both;
    margin:0
}
 .tocify-inner{
    position:relative;
    max-width:100%;
    background-color:rgba(155,155,155,0.05);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    font-size:14px;
    color:#000000;
    line-height:1.6em;
    border:1px solid rgba(155,155,155,0.1);
    border-radius:3px
}
 a.tocify-title{
    position:relative;
    height:38px;
    font-size:16px;
    color:#000000;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 15px;
    margin:0
}
 .tocify-title-text{
    display:flex
}
 .tocify-title-text:before{
    content:'\f0cb';
    font-family:FontAwesome;
    font-size:14px;
    font-weight:900;
    margin:0 6px 0 0
}
 .tocify-title:after{
    content:'\f078';
    font-family:FontAwesome;
    font-size:12px;
    font-weight:900;
    margin:0 0 0 25px
}
 .tocify-title.is-expanded:after{
    content:'\f077'
}
 a.tocify-title:hover{
    text-decoration:none
}
 #tocify{
    display:none;
    padding:0 15px 10px;
    margin:0
}
 #tocify ol{
    padding:0 0 0 15px
}
 .rtl #tocify ol{
    padding:0 15px 0 0
}
 #tocify li{
    font-size:14px;
    margin:8px 0
}
 #tocify li a{
    color:#f47500
}
 #tocify li a:hover{
    color:#f47500;
    text-decoration:underline
}
 .post-body .contact-form{
    display:table;
}
 .contact-form .widget-title{
    display:none
}
 .contact-form .contact-form-name{
    width:calc(50% - 5px)
}
 .contact-form .contact-form-email{
    float:right;
    width:calc(50% - 5px)
}
 .post-body pre,pre.code-box{
    position:relative;
    display:block;
    background-color:rgba(155,155,155,0.05);
    font-family:Monospace;
    font-size:13px;
    color:#47474a;
    white-space:pre-wrap;
    line-height:1.4em;
    padding:15px;
    margin:0;
    border:1px solid rgba(155,155,155,0.1);
    border-radius:3px
}
 .post-body .google-auto-placed{
    margin:25px 0
}
  #hidden-widgets-wrap,.hidden-widgets{
    display:none;
    visibility:hidden
}
  @media only screen and (max-width: 680px) {
.post-body table {
    display: block;
}
  }
</style>

/* ==========================================================================
   Template Skin — admin layout mode (from <b:template-skin>)
   ========================================================================== */

body#layout{width:800px;}
body#layout #outer-wrapper,body#layout .row{width:auto;padding:0}
body#layout{width:800px;position:relative;padding:95px 5px 0;margin:0}
body#layout div.section{margin:0 5px 10px!important;padding:16px 16px 18px!important}
body#layout .section h4{font-size:14px;margin:0}
body#layout .layout-widget-description{display:none}
body#layout .theme-options,body#layout #main-menu .widget{display:block!important}
body#layout div.sora-panel{background-color:#d7d7d7!important;overflow:hidden!important;border-color:#bcbcbc}
body#layout .sora-panel .widget{float:left;width:49%;margin-right:2%}
body#layout .sora-panel #LinkList71{margin-right:0}
body#layout .header-header .flex-left .top-bar-nav, body#layout .header-header .flex-right .top-bar-social, body#layout .header-header .flex-center .header-logo {
    width: 100%;
}
body#layout .header-header .flex-left, body#layout .header-header .flex-right, body#layout .header-header .flex-center {
    display: flex;
    width: 100%;
}
body#layout #header-wrap{height:auto}
body#layout .header-header{float:left;width:100%;height:auto;padding:0}
body#layout .header-header .container{
    display: flex;}
body#layout .header-menu{float:left;width:100%;height:auto}
body#layout #main-menu{height:auto}
body#layout #hot-wrapper .widget{display:block}
body#layout #content-wrapper{margin:0}
body#layout #content-wrapper > .container{display:flex;margin:0}
body#layout #main-wrapper{width:66.66%;padding:0}
body#layout #sidebar-wrapper{width:33.33%;padding:0}
body#layout .sidebar .widget,body#layout .sidebar .widget-content{float:none;overflow:visible}
body#layout .footer-widgets-wrap{display:flex}
body#layout .footer-widgets-wrap div.footer{width:100%}
body#layout .top-bar {
    height: auto;
}
body#layout #hidden-widgets{
    display:none!important
}