      <!--
      /*
-----------------------------------------------
Blogger Template Style
Name:         Selary
License:      Demo Version
Version:      1.0
Author:       Templateify
Author Url:   https://www.templateify.com/
-----------------------------------------------*/
      /*-- Google Fonts --*/
      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.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: 'Roboto';
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.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: 'Roboto';
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.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: 'Roboto';
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.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: 'Roboto';
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.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: 'Roboto';
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.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: 'Roboto';
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.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: 'Roboto';
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.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: 'Roboto';
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.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: 'Roboto';
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.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: 'Roboto';
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.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: 'Roboto';
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.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: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.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: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.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: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.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: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.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: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.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: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.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: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.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: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.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: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.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: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.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: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.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: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.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: 'Roboto Condensed';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.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: 'Roboto Condensed';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.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: 'Roboto Condensed';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.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: 'Roboto Condensed';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.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: 'Roboto Condensed';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYNNZQyQ.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: 'Roboto Condensed';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoadNZQyQ.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYdNZQyQ.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobtNZQyQ.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYtNZQyQ.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: 'Roboto Condensed';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.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: 'Roboto Condensed';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.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: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.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: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.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: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.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: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.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: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.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: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format("woff2");
        unicode-range: U+1F00-1FFF
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format("woff2");
        unicode-range: U+0370-03FF
      }

      @font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.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: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.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: 'Roboto Condensed';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.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 Awesome Free 5.15.1 --*/
      @font-face {
        font-family: "Font Awesome 5 Brands";
        font-display: swap;
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.eot);
        src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.ttf) format("truetype"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.svg#fontawesome) format("svg")
      }

      .fab {
        font-family: "Font Awesome 5 Brands";
        font-weight: 400
      }

      @font-face {
        font-family: "Font Awesome 5 Free";
        font-display: swap;
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.eot);
        src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.ttf) format("truetype"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.svg#fontawesome) format("svg")
      }

      .far {
        font-family: "Font Awesome 5 Free";
        font-weight: 400
      }

      @font-face {
        font-family: "Font Awesome 5 Free";
        font-display: swap;
        font-style: normal;
        font-weight: 900;
        font-display: block;
        src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.eot);
        src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.ttf) format("truetype"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.svg#fontawesome) format("svg")
      }

      .fa,
      .far,
      .fas {
        font-family: "Font Awesome 5 Free"
      }

      .fa,
      .fas {
        font-weight: 900
      }

      /*-- CSS Variables --*/
      :root {
        --body-font: 'Roboto', Arial, sans-serif;
        --menu-font: 'Roboto Condensed', Arial, sans-serif;
        --title-font: 'Roboto Condensed', Arial, sans-serif;
        --meta-font: 'Roboto', Arial, sans-serif;
        --text-font: 'Roboto', Arial, sans-serif;
        --body-bg-color: #F0F1F2;
        --body-bg: #F0F1F2 none repeat fixed top left;
        --outer-bg: #F0F1F2;
        --main-color: #00C89A;
        --title-color: #15161A;
        --title-hover-color: #00C89A;
        --meta-color: #76767A;
        --text-color: #47474A;
        --tag-bg: #00C89Aaa;
        --topbar-bg: #15171A;
        --topbar-color: #ffffff;
        --topbar-hover-color: #BDD0F2;
        --header-bg: #FFFFFF;
        --header-color: #15151A;
        --header-hover-color: #00C89A;
        --submenu-bg: #FFFFFF;
        --submenu-color: #15161A;
        --submenu-hover-color: #00C89A;
        --megamenu-bg: #FFFFFF;
        --megamenu-color: #15161A;
        --megamenu-hover-color: #00C89A;
        --mobilemenu-bg: #FFFFFF;
        --mobilemenu-color: #15161A;
        --mobilemenu-hover-color: #00C89A;
        --widget-bg: #FFFFFF;
        --widget-title-color: #15161A;
        --feat-title-bg: #10101a;
        --feat-title-color: #ffffff;
        --feat-more-bg: #00C89A;
        --feat-more-color: #ffffff;
        --post-title-color: #15161A;
        --post-title-hover-color: #00C89A;
        --post-text-color: #47474A;
        --footer-bg: #15171A;
        --footer-color: #FFFFFF;
        --footer-hover-color: #00C89A;
        --footer-text-color: #BABABA;
        --footerbar-bg: #0f1012;
        --footerbar-color: #FCFCFC;
        --footerbar-hover-color: #00C89A;
        --cookie-bg: #FFFFFF;
        --cookie-color: #47474A;
        --button-bg: #00C89A;
        --button-lite-bg: #00C89A10;
        --button-color: #FFFFFF;
        --button-hover-bg: #0036b5;
        --button-hover-color: #FFFFFF;
        --border-color: rgba(155, 155, 155, 0.1);
        --border-radius: 3px;
        --widget-shadow: 0 1px 2px rgba(0, 0, 0, 0.025);
        --avatar-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
      }

      html.is-dark {
        --body-bg-color: #2b2b2b;
        --body-bg: #F0F1F2 none repeat fixed top left;
        --outer-bg: #181818;
        --title-color: #f6f7f8;
        --title-hover-color: #00C89A;
        --meta-color: #aaaaaa;
        --text-color: #b4b6ba;
        --topbar-bg: #181818;
        --topbar-color: #c2c2c3;
        --topbar-hover-color: #00C89A;
        --header-bg: #202020;
        --header-color: #f6f7f8;
        --header-hover-color: #00C89A;
        --submenu-bg: #242424;
        --submenu-color: #f6f7f8;
        --submenu-hover-color: #00C89A;
        --megamenu-bg: #242424;
        --megamenu-color: #f6f7f8;
        --megamenu-hover-color: #00C89A;
        --mobilemenu-bg: #181818;
        --mobilemenu-color: #f6f7f8;
        --mobilemenu-hover-color: #00C89A;
        --widget-bg: #202020;
        --widget-title-color: #f6f7f8;
        --feat-title-bg: #202020;
        --post-title-color: #f6f7f8;
        --feat-more-bg: #393939;
        --feat-more-color: #f6f7f8;
        --post-title-hover-color: #00C89A;
        --post-text-color: b4b6ba;
        --footer-bg: #202020;
        --footer-color: #f6f7f8;
        --footer-hover-color: #00C89A;
        --footer-text-color: #b4b6ba;
        --footerbar-bg: #181818;
        --footerbar-color: #f6f7f8;
        --footerbar-hover-color: #00C89A;
        --cookie-bg: #242424;
        --cookie-color: #b4b6ba;
        --button-bg: #00C89A;
        --button-color: #ffffff;
        --button-hover-bg: #0036b5;
        --button-hover-color: #FFFFFF;
        --border-color: rgba(155, 155, 155, 0.05);
      }

      html.rtl {
        --body-font: 'Tajawal', Arial, sans-serif;
        --title-font: 'Tajawal', Arial, sans-serif;
        --meta-font: 'Tajawal', Arial, sans-serif;
        --text-font: 'Tajawal', Arial, sans-serif;
      }

      /*-- Reset CSS --*/
      #google_translate_element {
        clear: both;
      }

      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;
        margin: 0;
        border: 0;
        outline: none;
        vertical-align: baseline;
        background: 0 0;
        text-decoration: none
      }

      dl,
      ul {
        list-style-position: inside;
        list-style: none
      }

      ul li {
        list-style: none
      }

      caption {
        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(--main-color)
      }

      a img {
        border: 0
      }

      abbr {
        text-decoration: none
      }

      .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 {
        text-decoration: none !important;
        clear: none !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important
      }

      #Navbar1,
      #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
      }

      .widget iframe,
      .widget img {
        max-width: 100%
      }

      button,
      input,
      select,
      textarea {
        font-family: var(--body-font);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        border-radius: 0
      }

      /*-- Style CSS --*/
      * {
        box-sizing: border-box
      }

      html {
        position: relative;
        word-break: break-word;
        word-wrap: break-word;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%
      }

      body {
        position: relative;
        background: var(--body-bg);
        background-color: var(--body-bg-color);
        font-family: var(--body-font);
        font-size: 14px;
        color: var(--text-color);
        font-weight: 400;
        font-style: normal;
        line-height: 1.4em
      }

      .rtl {
        direction: rtl
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: var(--title-font);
        font-weight: 700
      }

      a,
      input,
      button {
        transition: all .0s ease
      }

      #outer-wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        background-color: var(--outer-bg);
        margin: 0 auto;
        padding: 0
      }

      .is-boxed #outer-wrapper {
        width: 1123px;
        max-width: 100%;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
      }

      .is-dark .is-boxed #outer-wrapper {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
      }

      .container {
        position: relative
      }

      .row-x1 {
        width: 1073px
      }

      .row-x2 {
        width: 100%
      }

      .flex-center {
        display: flex;
        justify-content: center
      }

      #content-wrapper {
        position: relative;
        float: left;
        width: 100%;
        overflow: hidden;
        padding: 25px 0;
        margin: 0
      }

      #content-wrapper>.container {
        display: flex;
        justify-content: space-between
      }

      .is-left #content-wrapper>.container,
      .rtl .is-right #content-wrapper>.container {
        flex-direction: row-reverse
      }

      .rtl .is-left #content-wrapper>.container {
        flex-direction: row
      }

      .theiaStickySidebar:before,
      .theiaStickySidebar:after {
        content: '';
        display: table;
        clear: both
      }

      #main-wrapper {
        position: relative;
        width: calc(100% - 345px)
      }

      .no-sidebar #main-wrapper {
        width: 100%
      }

      #sidebar-wrapper {
        position: relative;
        width: 320px
      }

      .no-sidebar #sidebar-wrapper {
        display: none
      }

      .btn {
        position: relative;
        border: 0;
        border-radius: var(--border-radius)
      }

      .entry-image-wrap,
      .author-avatar-wrap,
      .comments .avatar-image-container {
        display: block;
        position: relative;
        overflow: hidden;
        background-color: rgba(155, 155, 155, 0.05);
        z-index: 5;
        color: transparent !important
      }

      .entry-thumb,
      .author-avatar {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 1;
        opacity: 0;
        transition: opacity .35s ease, filter 0s ease
      }

      .author-avatar {
        background-size: 100%;
        background-position: 0 0
      }

      .entry-thumb.lazy-ify,
      .author-avatar.lazy-ify {
        opacity: 1
      }

      .entry-image-wrap:hover .entry-thumb,
      .card-style:hover .entry-image-wrap .entry-thumb {
        filter: brightness(1.03)
      }

      .entry-image-wrap.is-video:after {
        position: absolute;
        content: '\f04b';
        top: 50%;
        right: 50%;
        background-color: rgba(0, 0, 0, 0.5);
        width: 34px;
        height: 34px;
        font-family: 'Font Awesome 5 Free';
        font-size: 11px;
        color: #fff;
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 5;
        transform: translate(50%, -50%);
        box-sizing: border-box;
        padding: 0 0 0 1px;
        margin: 0;
        border: 2px solid #fff;
        border-radius: 50%;
        opacity: .9;
        transition: opacity .17s ease
      }

      .entry-image-wrap.is-video:hover:after,
      .card-style:hover .entry-image-wrap.is-video:after {
        opacity: 1
      }

      .card-style .entry-image-wrap.is-video:after {
        top: 15px;
        right: 15px;
        transform: translate(0)
      }

      .rtl .card-style .entry-image-wrap.is-video:after {
        left: 15px;
        right: unset
      }

      .entry-category {
        display: block;
        font-size: 13px;
        color: var(--main-color);
        font-weight: 500;
        text-transform: uppercase;
        margin: 0 0 5px
      }

      .entry-title {
        display: block;
        color: var(--post-title-color);
        font-weight: 700;
        line-height: 1.3em
      }

      .entry-title a {
        display: block;
        color: var(--post-title-color)
      }

      .entry-title a:hover {
        color: var(--post-title-hover-color)
      }

      .entry-meta {
        display: flex;
        font-family: var(--meta-font);
        font-size: 12px;
        color: var(--meta-color);
        font-weight: 400;
        margin: 4px 0 0
      }

      .entry-meta .mi {
        display: flex
      }

      .entry-meta .mi,
      .entry-meta .sp {
        margin: 0 4px 0 0
      }

      .rtl .entry-meta .mi,
      .rtl .entry-meta .sp {
        margin: 0 0 0 4px
      }

      .entry-meta .author-name {
        color: var(--main-color);
        font-weight: 500
      }

      .excerpt {
        font-family: var(--text-font);
        line-height: 1.5em
      }

      .entry-excerpt {
        display: block;
        font-size: 14px;
        color: #b5b5ba;
        margin: 5px 0 0;
      }

      .before-mask:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 70%;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 2;
        opacity: 1;
        margin: 0;
        transition: opacity .25s ease
      }

      .card-style {
        overflow: hidden
      }

      .entry-info {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5));
        overflow: hidden;
        z-index: 10;
        display: flex;
        flex-direction: column;
        padding: 15px
      }

      .entry-info .entry-category {
        display: flex;
        width: -moz-fit-content;
        width: fit-content;
        height: 18px;
        background-color: var(--tag-bg);
        font-size: 11px;
        color: #fff;
        font-weight: 400;
        align-items: center;
        padding: 0 5px;
        margin: 0 0 10px;
        border-radius: 2px
      }

      .entry-info .entry-title a {
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
      }

      .entry-info .entry-meta {
        color: #c5c5c5;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
      }

      .entry-info .entry-meta .author-name {
        color: #e5e5e5
      }

      .error-msg {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: var(--meta-color);
        padding: 20px 0;
        font-weight: 400
      }

      .error-msg b {
        font-weight: 600
      }

      .loader {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0
      }

      .loader:after {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        box-sizing: border-box;
        margin: 0;
        border: 2px solid var(--border-color);
        border-left-color: var(--main-color);
        border-radius: 100%;
        animation: spinner .65s 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)
        }
      }

      .social a:before {
        display: inline-block;
        font-family: 'Font Awesome 5 Brands';
        font-style: normal;
        font-weight: 400
      }

      .social .blogger a:before {
        content: '\f37d'
      }

      .social .apple a:before {
        content: '\f179'
      }

      .social .amazon a:before {
        content: '\f270'
      }

      .social .microsoft a:before {
        content: '\f3ca'
      }

      .social .facebook a:before {
        content: '\f09a'
      }

      .social .facebook-f a:before {
        content: '\f39e'
      }

      .social .twitter a:before {
        content: '\f099'
      }

      .social .rss a:before {
        content: '\f09e';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900
      }

      .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 .pinterest-p a:before {
        content: '\f231'
      }

      .social .twitch a:before {
        content: '\f1e8'
      }

      .social .delicious a:before {
        content: '\f1a5'
      }

      .social .codepen a:before {
        content: '\f1cb'
      }

      .social .flipboard a:before {
        content: '\f44d'
      }

      .social .reddit a:before {
        content: '\f281'
      }

      .social .whatsapp a:before {
        content: '\f232'
      }

      .social .messenger a:before {
        content: '\f39f'
      }

      .social .snapchat a:before {
        content: '\f2ac'
      }

      .social .telegram a:before {
        content: '\f3fe'
      }

      .social .steam a:before {
        content: '\f3f6'
      }

      .social .discord a:before {
        content: '\f392'
      }

      .social .quora a:before {
        content: '\f2c4'
      }

      .social .tiktok a:before {
        content: '\e07b'
      }

      .social .share a:before {
        content: '\f064';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900
      }

      .social .email a:before {
        content: '\f0e0';
        font-family: 'Font Awesome 5 Free'
      }

      .social .external-link a:before {
        content: '\f35d';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900
      }

      .social-bg .blogger a,
      .social-bg-hover .blogger a:hover {
        background-color: #ff5722
      }

      .social-bg .apple a,
      .social-bg-hover .apple a:hover {
        background-color: #333
      }

      .social-bg .amazon a,
      .social-bg-hover .amazon a:hover {
        background-color: #fe9800
      }

      .social-bg .microsoft a,
      .social-bg-hover .microsoft a:hover {
        background-color: #0067B8
      }

      .social-bg .facebook a,
      .social-bg .facebook-f a,
      .social-bg-hover .facebook a:hover,
      .social-bg-hover .facebook-f a:hover {
        background-color: #3b5999
      }

      .social-bg .twitter a,
      .social-bg-hover .twitter a:hover {
        background-color: #00acee
      }

      .social-bg .youtube a,
      .social-bg-hover .youtube a:hover {
        background-color: #f50000
      }

      .social-bg .instagram a,
      .social-bg-hover .instagram a:hover {
        background: linear-gradient(15deg, #ffb13d, #dd277b, #4d5ed4)
      }

      .social-bg .pinterest a,
      .social-bg .pinterest-p a,
      .social-bg-hover .pinterest a:hover,
      .social-bg-hover .pinterest-p a:hover {
        background-color: #ca2127
      }

      .social-bg .dribbble a,
      .social-bg-hover .dribbble a:hover {
        background-color: #ea4c89
      }

      .social-bg .linkedin a,
      .social-bg-hover .linkedin a:hover {
        background-color: #0077b5
      }

      .social-bg .tumblr a,
      .social-bg-hover .tumblr a:hover {
        background-color: #365069
      }

      .social-bg .twitch a,
      .social-bg-hover .twitch a:hover {
        background-color: #6441a5
      }

      .social-bg .rss a,
      .social-bg-hover .rss a:hover {
        background-color: #ffc200
      }

      .social-bg .skype a,
      .social-bg-hover .skype a:hover {
        background-color: #00aff0
      }

      .social-bg .stumbleupon a,
      .social-bg-hover .stumbleupon a:hover {
        background-color: #eb4823
      }

      .social-bg .vk a,
      .social-bg-hover .vk a:hover {
        background-color: #4a76a8
      }

      .social-bg .stack-overflow a,
      .social-bg-hover .stack-overflow a:hover {
        background-color: #f48024
      }

      .social-bg .github a,
      .social-bg-hover .github a:hover {
        background-color: #24292e
      }

      .social-bg .soundcloud a,
      .social-bg-hover .soundcloud a:hover {
        background: linear-gradient(#ff7400, #ff3400)
      }

      .social-bg .behance a,
      .social-bg-hover .behance a:hover {
        background-color: #191919
      }

      .social-bg .digg a,
      .social-bg-hover .digg a:hover {
        background-color: #1b1a19
      }

      .social-bg .delicious a,
      .social-bg-hover .delicious a:hover {
        background-color: #0076e8
      }

      .social-bg .codepen a,
      .social-bg-hover .codepen a:hover {
        background-color: #000
      }

      .social-bg .flipboard a,
      .social-bg-hover .flipboard a:hover {
        background-color: #f52828
      }

      .social-bg .reddit a,
      .social-bg-hover .reddit a:hover {
        background-color: #ff4500
      }

      .social-bg .whatsapp a,
      .social-bg-hover .whatsapp a:hover {
        background-color: #3fbb50
      }

      .social-bg .messenger a,
      .social-bg-hover .messenger a:hover {
        background-color: #0084ff
      }

      .social-bg .snapchat a,
      .social-bg-hover .snapchat a:hover {
        background-color: #ffe700
      }

      .social-bg .telegram a,
      .social-bg-hover .telegram a:hover {
        background-color: #179cde
      }

      .social-bg .steam a,
      .social-bg-hover .steam a:hover {
        background: linear-gradient(5deg, #0d89bc, #112c5b, #0d1c47)
      }

      .social-bg .discord a,
      .social-bg-hover .discord a:hover {
        background-color: #7289da
      }

      .social-bg .quora a,
      .social-bg-hover .quora a:hover {
        background-color: #b92b27
      }

      .social-bg .tiktok a,
      .social-bg-hover .tiktok a:hover {
        background-color: #fe2c55
      }

      .social-bg .share a,
      .social-bg-hover .share a:hover {
        background-color: var(--meta-color)
      }

      .social-bg .email a,
      .social-bg-hover .email a:hover {
        background-color: #888
      }

      .social-bg .external-link a,
      .social-bg-hover .external-link a:hover {
        background-color: var(--title-color)
      }

      .social-color .blogger a,
      .social-color-hover .blogger a:hover {
        color: #ff5722
      }

      .social-color .apple a,
      .social-color-hover .apple a:hover {
        color: #333
      }

      .social-color .amazon a,
      .social-color-hover .amazon a:hover {
        color: #fe9800
      }

      .social-color .microsoft a,
      .social-color-hover .microsoft a:hover {
        color: #0067B8
      }

      .social-color .facebook a,
      .social-color .facebook-f a,
      .social-color-hover .facebook a:hover,
      .social-color-hover .facebook-f a:hover {
        color: #3b5999
      }

      .social-color .twitter a,
      .social-color-hover .twitter a:hover {
        color: #00acee
      }

      .social-color .youtube a,
      .social-color-hover .youtube a:hover {
        color: #f50000
      }

      .social-color .instagram a,
      .social-color-hover .instagram a:hover {
        color: #dd277b
      }

      .social-color .pinterest a,
      .social-color .pinterest-p a,
      .social-color-hover .pinterest a:hover,
      .social-color-hover .pinterest-p a:hover {
        color: #ca2127
      }

      .social-color .dribbble a,
      .social-color-hover .dribbble a:hover {
        color: #ea4c89
      }

      .social-color .linkedin a,
      .social-color-hover .linkedin a:hover {
        color: #0077b5
      }

      .social-color .tumblr a,
      .social-color-hover .tumblr a:hover {
        color: #365069
      }

      .social-color .twitch a,
      .social-color-hover .twitch a:hover {
        color: #6441a5
      }

      .social-color .rss a,
      .social-color-hover .rss a:hover {
        color: #ffc200
      }

      .social-color .skype a,
      .social-color-hover .skype a:hover {
        color: #00aff0
      }

      .social-color .stumbleupon a,
      .social-color-hover .stumbleupon a:hover {
        color: #eb4823
      }

      .social-color .vk a,
      .social-color-hover .vk a:hover {
        color: #4a76a8
      }

      .social-color .stack-overflow a,
      .social-color-hover .stack-overflow a:hover {
        color: #f48024
      }

      .social-color .github a,
      .social-color-hover .github a:hover {
        color: #24292e
      }

      .social-color .soundcloud a,
      .social-color-hover .soundcloud a:hover {
        color: #ff7400
      }

      .social-color .behance a,
      .social-color-hover .behance a:hover {
        color: #191919
      }

      .social-color .digg a,
      .social-color-hover .digg a:hover {
        color: #1b1a19
      }

      .social-color .delicious a,
      .social-color-hover .delicious a:hover {
        color: #0076e8
      }

      .social-color .codepen a,
      .social-color-hover .codepen a:hover {
        color: #000
      }

      .social-color .flipboard a,
      .social-color-hover .flipboard a:hover {
        color: #f52828
      }

      .social-color .reddit a,
      .social-color-hover .reddit a:hover {
        color: #ff4500
      }

      .social-color .whatsapp a,
      .social-color-hover .whatsapp a:hover {
        color: #3fbb50
      }

      .social-color .messenger a,
      .social-color-hover .messenger a:hover {
        color: #0084ff
      }

      .social-color .snapchat a,
      .social-color-hover .snapchat a:hover {
        color: #ffe700
      }

      .social-color .telegram a,
      .social-color-hover .telegram a:hover {
        color: #179cde
      }

      .social-color .steam a,
      .social-color-hover .steam a:hover {
        color: #112c5b
      }

      .social-color .discord a,
      .social-color-hover .discord a:hover {
        color: #7289da
      }

      .social-color .quora a,
      .social-color-hover .quora a:hover {
        color: #b92b27
      }

      .social-color .tiktok a,
      .social-color-hover .tiktok a:hover {
        color: #fe2c55
      }

      .social-color .share a,
      .social-color-hover .share a:hover {
        color: var(--meta-color)
      }

      .social-color .email a,
      .social-color-hover .email a:hover {
        color: #888
      }

      .social-color .external-link a,
      .social-color-hover .external-link a:hover {
        color: var(--title-color)
      }

      #header-wrapper {
        position: relative;
        float: left;
        width: 100%;
        z-index: 50;
        margin: 0
      }

      .topbar-wrap {
        position: relative;
        float: left;
        width: 100%;
        height: 85px;
        align-items: center;
        background-color: var(--topbar-bg);
        z-index: 1;
        padding: 0;
        margin: 0
      }

      :not(.is-dark) .topbar-wrap.has-border {
        border-bottom: 1px solid var(--border-color)
      }

      .topbar-items {
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0
      }

      .topbar-items .flex-left,
      .rtl .topbar-items .flex-right {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        left: 0;
        z-index: 10;
      }

      .topbar-items .flex-center {
        justify-content: center;
      }

      .topbar-items .flex-right,
      .rtl .topbar-items .flex-left {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        right: 0;
        background: transparent;
      }

      .topbar-items .section {
        position: relative;
        height: 28px;
        margin: 0
      }

      .topbar-items .topbar-ul {
        display: flex;
        flex-wrap: wrap
      }

      .topbar-items .topbar-ul li {
        display: inline-block;
        margin: 0 20px 0 0
      }

      .rtl .topbar-items .topbar-ul li {
        margin: 0 0 0 20px
      }

      .topbar-items .topbar-ul li a {
        display: block;
        font-size: 12px;
        color: var(--topbar-color);
        line-height: 28px
      }

      .topbar-items .topbar-ul li a:hover {
        color: var(--topbar-hover-color)
      }

      .topbar-items .topbar-social .topbar-ul li {
        margin: 0 0 0 16px
      }

      .rtl .topbar-items .topbar-social .topbar-ul li {
        margin: 0 16px 0 0
      }

      .topbar-items .topbar-social .topbar-ul li a {
        font-size: 13px
      }

      .main-header,
      .header-inner {
        position: relative;
        float: left;
        width: 100%;
        height: 52px;
        background-color: var(--header-bg);
        margin: 0
      }

      .header-inner {
        background-color: rgba(0, 0, 0, 0)
      }

      .header-header {
        position: relative;
        float: left;
        width: 100%;
        height: 52px;
        background-color: var(--header-bg);
        margin: 0;
      }

      .is-boxed .header-header {
        float: none;
        width: 1123px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0
      }

      .header-items {
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0
      }

      .flex-left {
        position: static;
        display: flex;
        margin: 0
      }

      .flex-right {
        position: absolute;
        top: 0;
        right: 0;
        background-color: var(--header-bg);
        margin: 0
      }

      .rtl .flex-right {
        left: 0;
        right: unset;
        margin: 0
      }

      .topbar-items .main-logo {
        position: relative;
        float: left;
        height: 55px;
        overflow: hidden;
        padding: 0;
        margin: 0
      }

      .rtl .main-logo {
        padding: 0 0 0 14px
      }

      .main-logo .widget {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0
      }

      .main-logo .logo-img {
        display: flex;
        align-items: center;
        height: 38px;
        overflow: hidden;
        margin: 0
      }

      .main-logo img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        margin: 0
      }

      .is-dark #selary-mobile-logo-section img {
        -webkit-filter: invert(1);
        filter: invert(1);
      }

      .main-logo .blog-title {
        display: block;
        font-size: 23px;
        color: var(--topbar-color);
        font-weight: 700;
        margin: 0
      }

      .main-logo .blog-title a {
        color: var(--topbar-color)
      }

      .main-logo .blog-title a:hover {
        color: var(--topbar-hover-color)
      }

      .main-logo #h1-off {
        position: absolute;
        top: -9000px;
        left: -9000px;
        display: none;
        visibility: hidden
      }

      #selary-mobile-logo-section {
        display: none;
      }

      #selary-pro-main-nav {
        position: static;
        height: 52px;
        z-index: 10
      }

      #selary-pro-main-nav .widget,
      #selary-pro-main-nav .widget>.widget-title {
        display: none
      }

      #selary-pro-main-nav .show-menu {
        display: flex
      }

      #selary-pro-main-nav ul#selary-pro-main-nav-menu {
        display: flex;
        flex-wrap: wrap
      }

      #selary-pro-main-nav ul>li {
        position: relative;
        padding: 0;
        margin: 0
      }

      #selary-pro-main-nav-menu>li>a {
        position: relative;
        display: block;
        height: 52px;
        font-family: var(--menu-font);
        font-size: 14px;
        color: var(--header-color);
        font-weight: 700;
        text-transform: uppercase;
        line-height: 52px;
        padding: 0 14px;
        margin: 0
      }

      #selary-pro-main-nav-menu>li:first-child>a {
        padding: 0 14px 0 0;
      }

      #selary-pro-main-nav-menu>li:hover>a {
        color: var(--header-hover-color)
      }

      #selary-pro-main-nav ul>li>ul,
      #selary-pro-main-nav ul>li>.ul {
        position: absolute;
        left: 0;
        top: 52px;
        width: 180px;
        background-color: var(--submenu-bg);
        z-index: 99999;
        padding: 5px 0;
        backface-visibility: hidden;
        visibility: hidden;
        opacity: 0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1)
      }

      .rtl #selary-pro-main-nav ul>li>ul,
      .rtl #selary-pro-main-nav ul>li>.ul {
        left: auto;
        right: 0
      }

      #selary-pro-main-nav ul>li>ul>li>ul {
        position: absolute;
        top: -5px;
        left: 100%;
        margin: 0
      }

      .rtl #selary-pro-main-nav ul>li>ul>li>ul {
        left: unset;
        right: 100%
      }

      #selary-pro-main-nav ul>li>ul>li {
        display: block;
        float: none;
        position: relative
      }

      .rtl #selary-pro-main-nav ul>li>ul>li {
        float: none
      }

      #selary-pro-main-nav ul>li>ul>li a {
        position: relative;
        display: block;
        font-size: 14px;
        color: var(--submenu-color);
        font-weight: 400;
        padding: 8px 14px;
        margin: 0
      }

      #selary-pro-main-nav ul>li>ul>li:hover>a {
        color: var(--submenu-hover-color)
      }

      #selary-pro-main-nav ul>li.has-sub>a:after {
        content: '\f078';
        float: right;
        font-family: 'Font Awesome 5 Free';
        font-size: 9px;
        font-weight: 900;
        margin: -1px 0 0 4px
      }

      .rtl #selary-pro-main-nav ul>li.has-sub>a:after {
        float: left;
        margin: -1px 4px 0 0
      }

      #selary-pro-main-nav ul>li>ul>li.has-sub>a:after {
        content: '\f054';
        float: right;
        margin: 0
      }

      .rtl #selary-pro-main-nav ul>li>ul>li.has-sub>a:after {
        content: '\f053'
      }

      #selary-pro-main-nav ul ul,
      #selary-pro-main-nav ul .ul {
        transition: visibility .1s ease, opacity .17s ease
      }

      #selary-pro-main-nav ul>li:hover>ul,
      #selary-pro-main-nav ul>li:hover>.ul,
      #selary-pro-main-nav ul>li>ul>li:hover>ul {
        visibility: visible;
        opacity: 1;
        margin: 0
      }

      #selary-pro-main-nav .mega-menu {
        position: static !important
      }

      #selary-pro-main-nav .mega-menu>.ul {
        width: 100%;
        overflow: hidden;
        background-color: var(--megamenu-bg);
        padding: 20px
      }

      .mega-menu .mega-items {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        column-gap: 20px
      }

      .mega-menu .mega-items.no-items {
        grid-template-columns: 1fr
      }

      .mega-items .mega-item {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0
      }

      .mega-item .entry-image-wrap {
        width: 100%;
        height: 124px;
        z-index: 1;
        margin: 0 0 8px
      }

      .mega-item .entry-title {
        font-size: 15px
      }

      .mega-item .entry-title a {
        color: var(--megamenu-color)
      }

      .mega-item .entry-title a:hover {
        color: var(--megamenu-hover-color)
      }

      .mega-menu .error-msg {
        justify-content: center
      }

      .mobile-menu-toggle {
        display: flex;
        height: 52px;
        line-height: 52px;
        font-size: 18px;
        color: var(--header-color);
        align-items: center;
        padding: 0 15px 0 0
      }

      .mobile-menu-toggle:after {
        content: '\f0c9';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin: 0
      }

      .mobile-menu-toggle:hover {
        color: var(--header-hover-color)
      }

      .main-toggle-wrap {
        height: 52px;
        display: flex;
        z-index: 20;
        margin: 0
      }

      .main-toggle-style {
        width: 52px;
        height: 100%;
        color: var(--header-color);
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 20;
        padding: 0;
        margin: 0
      }

      .darkmode-toggle {
        width: auto;
        font-size: 14px;
        padding: 0 15px
      }

      .darkmode-toggle:after {
        content: '\f186';
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
        margin: 0
      }

      .is-dark .darkmode-toggle:after {
        content: '\f185';
        font-weight: 900
      }

      .show-search,
      .hide-search {
        background-color: rgba(155, 155, 155, 0.1);
        transition: opacity .17s ease
      }

      .is-dark .show-search,
      .is-dark .hide-search {
        background-color: rgba(255, 255, 255, 0.02)
      }

      .show-search:after {
        content: '\f002';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin: 0
      }

      .main-toggle-style:hover {
        color: var(--header-hover-color)
      }

      #main-search-wrap {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 52px;
        background-color: var(--header-bg);
        z-index: 25;
        margin: 0
      }

      .main-search {
        position: relative;
        float: right;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        animation: showSearch .17s ease
      }

      .rtl .main-search {
        float: left
      }

      .main-search .search-form {
        position: relative;
        height: 34px;
        background-color: rgba(0, 0, 0, 0);
        flex: 1;
        border: 0
      }

      .main-search .search-input {
        position: relative;
        width: 100%;
        height: 34px;
        background-color: rgba(0, 0, 0, 0);
        font-family: inherit;
        font-size: 14px;
        color: var(--header-color);
        font-weight: 400;
        padding: 0 15px 0 0;
        border: 0
      }

      .rtl .main-search .search-input {
        padding: 0 0 0 15px
      }

      .main-search .search-input:focus,
      .main-search .search-input::placeholder {
        color: var(--header-color);
        outline: none
      }

      .main-search .search-input::placeholder {
        opacity: .65
      }

      .hide-search:after {
        content: '\f00d';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        margin: 0
      }

      @-webkit-keyframes showSearch {
        0% {
          width: 80%;
          opacity: 0
        }

        100% {
          width: 100%;
          opacity: 1
        }
      }

      .header-inner.is-fixed {
        position: fixed;
        top: -52px;
        left: 0;
        width: 100%;
        z-index: 990;
        backface-visibility: hidden;
        visibility: hidden;
        opacity: 0;
        transition: all .25s ease
      }

      .header-inner.is-fixed.show {
        top: 0;
        opacity: 1;
        visibility: visible;
        margin: 0
      }

      .overlay {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(23, 28, 36, 0.6);
        z-index: 1000;
        -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
      }

      #slide-menu {
        display: block;
        position: fixed;
        width: 300px;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: var(--mobilemenu-bg);
        overflow: hidden;
        z-index: 1010;
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: hidden;
        box-shadow: 3px 0 7px rgba(0, 0, 0, 0.1);
        transition: all .25s ease
      }

      .rtl #slide-menu {
        left: unset;
        right: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
      }

      .nav-active #slide-menu,
      .rtl .nav-active #slide-menu {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        visibility: visible
      }

      .nav-active .overlay {
        visibility: visible;
        opacity: 1
      }

      .slide-menu-header {
        position: relative;
        float: left;
        width: 100%;
        height: 52px;
        background-color: var(--header-bg);
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1)
      }

      .mobile-search {
        flex: 1;
        padding: 0 0 0 15px
      }

      .rtl .mobile-search {
        padding: 0 15px 0 0
      }

      .mobile-search .search-form {
        width: 100%;
        height: 34px;
        background-color: rgba(155, 155, 155, 0.1);
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
      }

      .is-dark .mobile-search .search-form {
        background-color: rgba(255, 255, 255, 0.01)
      }

      .mobile-search .search-input {
        flex: 1;
        width: 100%;
        height: 32px;
        background-color: rgba(0, 0, 0, 0);
        font-family: inherit;
        font-size: 14px;
        color: var(--header-color);
        font-weight: 400;
        padding: 0 10px;
        border: 0
      }

      .mobile-search .search-input:focus,
      .mobile-search .search-input::placeholder {
        color: var(--header-color)
      }

      .mobile-search .search-input::placeholder {
        opacity: .65
      }

      .mobile-search .search-action {
        height: 32px;
        background-color: rgba(0, 0, 0, 0);
        font-family: inherit;
        font-size: 12px;
        color: var(--header-color);
        font-weight: 400;
        line-height: 32px;
        text-align: center;
        cursor: pointer;
        padding: 0 10px;
        border: 0;
        opacity: .65
      }

      .mobile-search .search-action:before {
        display: block;
        content: '\f002';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900
      }

      .mobile-search .search-action:hover {
        opacity: 1
      }

      .hide-selary-pro-mobile-menu {
        display: flex;
        height: 100%;
        color: var(--header-color);
        font-size: 16px;
        align-items: center;
        cursor: pointer;
        z-index: 20;
        padding: 0 15px
      }

      .hide-selary-pro-mobile-menu:before {
        content: '\f00d';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900
      }

      .hide-selary-pro-mobile-menu:hover {
        color: var(--header-hover-color)
      }

      .slide-menu-flex {
        position: relative;
        float: left;
        width: 100%;
        height: calc(100% - 52px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0
      }

      .selary-pro-mobile-menu {
        display: none;
        position: relative;
        float: left;
        width: 100%;
        padding: 15px
      }

      .slide-menu-flex .hidden-widgets-side {
        padding: 0 15px;
        box-sizing: border-box;
        margin: 15px 0;
      }

      .slide-menu-flex .hidden-widgets-side .widget-title {
        background-color: var(--feat-title-bg);
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 20px;
        border-bottom: 1px solid var(--border-color);
        margin-bottom: 15px;
      }

      .slide-menu-flex .hidden-widgets-side .widget-title h3 {
        display: flex;
        font-family: var(--title-font);
        font-size: 16px;
        color: var(--feat-title-color);
        font-weight: 700;
        margin: 0;
      }

      .slide-menu-flex .hidden-widgets-side .widget-content {
        position: relative;
        float: left;
        width: 100%;
        margin: 0;
      }

      .selary-pro-mobile-menu .m-sub {
        display: none
      }

      .selary-pro-mobile-menu ul li {
        position: relative;
        display: block;
        overflow: hidden;
        float: left;
        width: 100%;
        margin: 0
      }

      .selary-pro-mobile-menu>ul li ul {
        overflow: hidden
      }

      .selary-pro-mobile-menu ul li a {
        font-size: 14px;
        color: var(--mobilemenu-color);
        font-weight: 400;
        padding: 8px 0;
        display: block
      }

      .selary-pro-mobile-menu>ul>li>a {
        font-family: var(--menu-font);
        font-weight: 700;
        text-transform: uppercase
      }

      .selary-pro-mobile-menu ul li.has-sub .submenu-toggle {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        color: var(--mobilemenu-color);
        text-align: right;
        cursor: pointer;
        padding: 8px 0
      }

      .rtl .selary-pro-mobile-menu ul li.has-sub .submenu-toggle {
        text-align: left;
        right: auto;
        left: 0
      }

      .selary-pro-mobile-menu ul li.has-sub .submenu-toggle:after {
        content: '\f078';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        float: right;
        font-size: 12px;
        text-align: right;
        transition: all 0 ease
      }

      .rtl .selary-pro-mobile-menu ul li.has-sub .submenu-toggle:after {
        float: left
      }

      .selary-pro-mobile-menu ul li.has-sub.show>.submenu-toggle:after {
        content: '\f077'
      }

      .selary-pro-mobile-menu ul li a:hover,
      .selary-pro-mobile-menu ul li.has-sub.show>a,
      .selary-pro-mobile-menu ul li.has-sub.show>.submenu-toggle {
        color: var(--mobilemenu-hover-color)
      }

      .selary-pro-mobile-menu>ul>li>ul>li a {
        opacity: .75;
        padding: 8px 0 8px 10px
      }

      .rtl .selary-pro-mobile-menu>ul>li>ul>li a {
        padding: 8px 10px 8px 0
      }

      .selary-pro-mobile-menu>ul>li>ul>li>ul>li>a {
        padding: 8px 0 8px 20px
      }

      .rtl .selary-pro-mobile-menu>ul>li>ul>li>ul>li>a {
        padding: 8px 20px 8px 0
      }

      .selary-pro-mobile-menu ul>li>.submenu-toggle:hover {
        color: var(--mobilemenu-hover-color)
      }

      .mm-footer {
        position: relative;
        float: left;
        width: 100%;
        padding: 20px 15px;
        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
      }

      .rtl .mm-footer .mm-social ul li {
        margin: 0 0 0 16px
      }

      .mm-footer .mm-social ul li:last-child {
        margin: 0
      }

      .mm-footer .mm-social ul li a {
        display: block;
        font-size: 14px;
        color: var(--mobilemenu-color);
        padding: 0
      }

      .mm-footer .mm-social ul li a:hover {
        color: var(--mobilemenu-hover-color)
      }

      .mm-footer .mm-menu ul li {
        margin: 5px 18px 0 0
      }

      .rtl .mm-footer .mm-menu ul li {
        margin: 5px 0 0 18px
      }

      .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(--mobilemenu-color);
        font-weight: 400;
        padding: 0
      }

      .mm-footer .mm-menu ul li a:hover {
        color: var(--mobilemenu-hover-color)
      }

      #header-ads-wrap {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .header-ads .widget,
      .header-ads .widget-content {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .header-ads .widget {
        margin: 25px 0 0
      }

      #featured-wrap,
      #featured .widget,
      #featured .widget-content {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      #featured .widget {
        display: none;
        padding: 0;
        margin: 25px 0 0;
      }

      #featured .widget.is-visible,
      #featured .widget.PopularPosts {
        display: block
      }

      #featured .widget-content {
        min-height: 320px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0
      }

      #featured .widget-content .error-msg {
        padding: 0
      }

      .featured-items {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
      }

      .featured-cards {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        grid-gap: 10px;
      }

      .featured-item {
        position: relative;
        width: 100%;
        height: 240px;
        display: flex;
        flex-direction: column;
        margin: 0
      }

      .PopularPosts .featured-item:not(.card-style) {
        display: none;
      }

      .featured-cards .featured-item.card-style.item-0 {
        height: 100%;
        grid-row: 1/3;
      }

      .featured-item .entry-image-wrap {
        width: 100%;
        height: 154px;
        z-index: 5;
        margin: 0 0 8px
      }

      .featured-cards .featured-item .entry-image-wrap {
        height: 100%;
        margin: 0
      }

      .featured-item .entry-title {
        font-size: 25px
      }

      .featured-cards .featured-item.card-style.item-0 .entry-title {
        font-size: 32px
      }

      .featured-cards .entry-meta {
        flex-wrap: wrap
      }

      #home-ads-wrap {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .home-ads .widget,
      .home-ads .widget-content {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .home-ads .widget {
        margin: 25px 0 0
      }

      .title-wrap {
        background-color: var(--feat-title-bg);
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 20px;
        border-bottom: 1px solid var(--border-color)
      }

      .title-wrap>.title {
        display: flex;
        font-family: var(--title-font);
        font-size: 16px;
        color: var(--feat-title-color);
        font-weight: 700;
        margin: 0
      }

      .title-wrap>a.wt-l {
        font-size: 12px;
        background-color: var(--feat-more-bg);
        color: var(--feat-more-color);
        font-weight: 400;
        line-height: 1;
        padding: 4px 6px;
        transition: opacity .17s ease
      }

      .title-wrap>a.wt-l:hover {
        opacity: .9;
      }

      .content-section,
      .content-section .widget,
      .content-section .widget-content,
      .content-section .content-block {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .content-section .widget {
        display: none;
        background-color: var(--widget-bg);
        margin: 0 0 25px;
        box-shadow: var(--widget-shadow)
      }

      .content-section .widget.is-visible {
        display: block
      }

      .content-section .widget.column-style {
        width: calc(50% - 12.5px)
      }

      .content-section .widget.type-colRight {
        float: right
      }

      #content-section-2 .widget:last-child {
        margin: 0
      }

      .content-section .widget-content {
        padding: 20px
      }

      .content-section .loader {
        height: 180px
      }

      .block1-items {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 25px
      }

      .block1-left,
      .block1-right {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0
      }

      .block1-right {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
      }

      .block1-item {
        position: relative;
        display: flex;
        flex-direction: column
      }

      .block1-left .block1-item {
        height: 335px
      }

      .block1-left .entry-image-wrap {
        width: 100%;
        height: 100%
      }

      .block1-left .entry-title {
        font-size: 22px
      }

      .block1-left .entry-meta {
        flex-wrap: wrap
      }

      .block1-right .block1-item {
        flex-direction: row;
        margin: 0
      }

      .block1-right .block1-item.item-1 {
        margin: 0
      }

      .block1-right .entry-header {
        display: flex;
        flex-direction: column;
        flex: 1
      }

      .block1-right .entry-image-wrap {
        width: 100px;
        height: 65px;
        margin: 0 13px 0 0
      }

      .rtl .block1-right .entry-image-wrap {
        margin: 0 0 0 13px
      }

      .block1-right .entry-image-wrap.is-video:after {
        transform: translate(50%, -50%) scale(.75)
      }

      .block1-right .entry-title {
        font-size: 15px
      }

      .block2-items {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px
      }

      .block2-item {
        position: relative;
        display: flex;
      }

      .block2-item.item-0 {
        height: 350px;
        flex-direction: column
      }

      .block2-item .entry-image-wrap {
        width: 200px;
        margin: 0 16px 0 0;
        height: 140px;
      }

      .rtl .block2-item .entry-image-wrap {
        margin: 0 0 0 16px;
      }

      .block2-item.item-0 .entry-image-wrap {
        width: 100%;
        height: 100%;
        margin: 0
      }

      .block2-item .entry-header {
        display: flex;
        flex-direction: column;
        flex: 1;
        margin: 0;
      }

      .block2-item .entry-title {
        font-size: 20px
      }

      .block2-item.item-0 .entry-title {
        font-size: 27px
      }

      .block2-item .entry-meta {
        flex-wrap: wrap
      }

      .block2-item .entry-excerpt {
        font-size: 13px;
        color: var(--text-color);
      }

      .grid1-items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px
      }

      .grid1-item {
        position: relative;
        display: flex;
        flex-direction: column
      }

      .grid1-item .entry-image-wrap {
        width: 100%;
        height: 140px;
        margin: 0 0 8px
      }

      .grid1-item .entry-title {
        font-size: 16px
      }

      .grid2-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 25px
      }

      .grid2-item {
        position: relative;
        display: flex;
        height: 200px;
        flex-direction: column
      }

      .grid2-item .entry-image-wrap {
        width: 100%;
        height: 100%;
        margin: 0
      }

      .grid2-item .entry-title {
        font-size: 19px
      }

      .grid2-item .entry-meta {
        flex-wrap: wrap
      }

      .col-items {
        display: flex;
        flex-direction: column
      }

      .col-items .col-item {
        position: relative;
        display: flex;
        margin: 20px 0 0
      }

      .col-items .col-item.item-0 {
        height: 190px;
        flex-direction: column;
        margin: 0
      }

      .col-items .entry-image-wrap {
        width: 100px;
        height: 65px;
        z-index: 1;
        margin: 0 13px 0 0
      }

      .rtl .col-items .col-item:not(.item-0) .entry-image-wrap {
        margin: 0 0 0 13px
      }

      .col-items .col-item.item-0 .entry-image-wrap {
        width: 100%;
        height: 100%;
        margin: 0
      }

      .col-items .col-item:not(.item-0) .entry-image-wrap.is-video:after {
        transform: translate(50%, -50%) scale(.75)
      }

      .col-items .entry-header {
        display: flex;
        flex-direction: column
      }

      .col-items .col-item:not(.item-0) .entry-header {
        flex: 1
      }

      .col-items .entry-title {
        font-size: 15px
      }

      .col-items .item-0 .entry-title {
        font-size: 22px
      }

      .col-items .item-0 .entry-meta {
        flex-wrap: wrap
      }

      .video-items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 2px
      }

      .video-item {
        position: relative;
        height: 180px;
        display: flex;
        flex-direction: column
      }

      .video-item .entry-image-wrap {
        width: 100%;
        height: 100%;
        margin: 0
      }

      .video-item .entry-title {
        font-size: 18px
      }

      .video-item .entry-meta {
        flex-wrap: wrap
      }

      .main-ads,
      .main-ads .widget,
      .main-ads .widget-content {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      #main-ads .widget {
        margin: 0 0 25px
      }

      .has-ad-m #main-ads-2 .widget {
        margin: 0 0 25px
      }

      #main-wrapper #main,
      #main .Blog {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .is-home #main-wrapper.has-m #main {
        margin: 0 0 25px
      }

      .queryMessage {
        float: left;
        width: 100%;
        margin: 0
      }

      .queryMessage .query-info,
      .Blog.no-posts .queryMessage {
        margin: 0
      }

      .queryMessage .query-info {
        position: relative;
        float: left;
        width: 100%;
        font-family: var(--title-font);
        font-size: 16px;
        color: var(--widget-title-color);
        font-weight: 700;
        padding: 8px 20px;
        border-bottom: 1px solid var(--border-color)
      }

      .queryEmpty {
        float: left;
        width: 100%;
        font-size: 14px;
        color: var(--text-color);
        font-weight: 400;
        text-align: center;
        margin: 50px 0
      }

      .blog-posts-wrap {
        position: relative;
        float: left;
        width: 100%;
        background-color: var(--widget-bg);
        box-shadow: var(--widget-shadow)
      }

      .index-post-wrap {
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px
      }

      .blog-posts-wrap.no-posts .index-post-wrap {
        display: none
      }

      .blog-post {
        display: block;
        word-wrap: break-word
      }

      .index-post {
        position: relative;
        width: 100%;
        display: flex;
        padding: 0 0 20px;
        margin: 0 0 20px;
        border-bottom: 1px solid var(--border-color)
      }

      .blog-posts-wrap .index-post:last-child {
        padding: 0;
        margin: 0;
        border: 0
      }

      .index-post .entry-image-wrap {
        width: 235px;
        height: 152px;
        margin: 0 18px 0 0
      }

      .rtl .index-post .entry-image-wrap {
        margin: 0 0 0 18px
      }

      .index-post .entry-header {
        display: flex;
        flex-direction: column;
        flex: 1;
        margin: 0
      }

      .index-post .entry-title {
        font-size: 22px;
        margin: 0
      }

      .index-post .entry-excerpt {
        font-size: 13px;
        color: var(--text-color);
        margin: 8px 0 0
      }

      .index-post .entry-meta {
        flex-wrap: wrap;
        font-size: 12px;
        margin: 8px 0 0
      }

      .inline-ad-wrap {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .inline-ad {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        line-height: 1;
        margin: 0
      }

      .post-animated {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
      }

      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translate3d(0, 10px, 0)
        }

        to {
          opacity: 1;
          transform: translate3d(0, 0, 0)
        }
      }

      .post-fadeInUp {
        animation-name: fadeInUp
      }

      .item-post-wrap,
      .is-single .item-post,
      .item-post-inner {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .item-post-inner {
        background-color: var(--widget-bg);
        box-shadow: var(--widget-shadow)
      }

      .item-post .blog-entry-header {
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px;
        margin: 0;
        border-bottom: 1px solid var(--border-color)
      }

      #breadcrumb {
        float: left;
        display: flex;
        width: 100%;
        font-family: var(--meta-font);
        font-size: 14px;
        color: var(--meta-color);
        font-weight: 400;
        line-height: 1;
        margin: 0 0 13px
      }

      #breadcrumb a {
        color: var(--meta-color)
      }

      #breadcrumb a.home,
      #breadcrumb a:hover {
        color: var(--main-color)
      }

      #breadcrumb em:after {
        content: '\f054';
        font-family: 'Font Awesome 5 Free';
        font-size: 9px;
        font-weight: 900;
        font-style: normal;
        vertical-align: middle;
        margin: 0 4px
      }

      .rtl #breadcrumb em:after {
        content: '\f053'
      }

      .item-post h1.entry-title {
        position: relative;
        float: left;
        width: 100%;
        font-size: 37px;
        font-weight: 700;
        margin: 0
      }

      .item-post .has-meta h1.entry-title {
        margin-bottom: 13px
      }

      .item-post .blog-entry-header .entry-meta {
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 14px;
        margin: 0
      }

      .item-post .entry-meta .align-left,
      .item-post .entry-meta .align-right {
        display: flex;
        flex-wrap: wrap;
        align-items: center
      }

      .item-post .entry-meta .entry-author {
        align-items: center
      }

      .item-post .entry-meta .entry-author:before {
        display: none
      }

      .item-post .entry-meta .author-avatar-wrap {
        overflow: visible;
        width: 30px;
        height: 30px;
        background-color: var(--widget-bg);
        padding: 1px;
        margin: 0 5px 0 0;
        border: 1px solid var(--main-color);
        border-radius: 100%
      }

      .rtl .item-post .entry-meta .author-avatar-wrap {
        margin: 0 0 0 5px
      }

      .item-post .entry-meta .author-avatar-wrap:before {
        content: '';
        position: absolute;
        display: block;
        top: calc(50% - 6px);
        left: -1px;
        width: calc(100% + 2px);
        height: 12px;
        background-color: var(--widget-bg);
        z-index: 1;
        margin: 0
      }

      .item-post .entry-meta .author-avatar {
        z-index: 2;
        border-radius: 50%
      }

      .entry-meta .entry-comments-link {
        display: none;
        margin: 0 0 0 10px
      }

      .rlt .entry-meta .entry-comments-link {
        margin: 0 10px 0 0
      }

      .entry-meta .entry-comments-link:before {
        display: inline-block;
        content: '\f086';
        font-family: 'Font Awesome 5 Free';
        font-size: 14px;
        color: var(--main-color);
        font-weight: 400;
        margin: 0 4px 0 0
      }

      .rtl .entry-meta .entry-comments-link:before {
        margin: 0 0 0 4px
      }

      .entry-meta .entry-comments-link.show {
        display: block
      }

      .entry-share-links {
        display: flex
      }

      .entry-share-links li {
        margin: 0 0 0 8px
      }

      .rtl .entry-share-links li {
        margin: 0 8px 0 0
      }

      .entry-share-links a {
        display: flex;
        width: 24px;
        height: 24px;
        font-size: 12px;
        color: #fff;
        font-weight: 400;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 50%
      }

      .entry-content-wrap {
        position: relative;
        float: left;
        width: 100%;
        padding: 20px;
        margin: 0
      }

      #post-body {
        position: relative;
        float: left;
        width: 100%;
        font-family: var(--text-font);
        font-size: 14px;
        color: var(--post-text-color);
        line-height: 1.6em;
        padding: 0;
        margin: 0
      }

      .post-body p {
        margin-bottom: 25px
      }

      .post-body h1,
      .post-body h2,
      .post-body h3,
      .post-body h4,
      .post-body h5,
      .post-body h6 {
        font-size: 17px;
        color: var(--title-color);
        line-height: 1.3em;
        margin: 0 0 20px
      }

      .post-body h1 {
        font-size: 26px
      }

      .post-body h2 {
        font-size: 23px
      }

      .post-body h3 {
        font-size: 20px
      }

      .post-body img {
        height: auto !important
      }

      blockquote {
        position: relative;
        background-color: rgba(155, 155, 155, 0.05);
        color: var(--title-color);
        font-style: normal;
        padding: 20px 25px;
        margin: 0;
        border-radius: var(--border-radius)
      }

      blockquote:before {
        position: absolute;
        left: 10px;
        top: 10px;
        content: '\f10e';
        font-family: 'Font Awesome 5 Free';
        font-size: 33px;
        font-style: normal;
        font-weight: 900;
        color: var(--title-color);
        line-height: 1;
        opacity: .05;
        margin: 0
      }

      .rtl blockquote:before {
        left: unset;
        right: 10px
      }

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

      .rtl .post-body ul {
        padding: 0 15px 0 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
      }

      .rtl .post-body ul li:before {
        margin: 0 0 0 5px
      }

      .post-body ol {
        counter-reset: ify;
        padding: 0 0 0 15px;
        margin: 10px 0
      }

      .rtl .post-body ol {
        padding: 0 15px 0 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
      }

      .rtl .post-body ol>li:before {
        margin: 0 0 0 5px
      }

      .post-body u {
        text-decoration: underline
      }

      .post-body strike {
        text-decoration: line-through
      }

      .post-body sup {
        vertical-align: super
      }

      .post-body a {
        color: var(--main-color)
      }

      .post-body a:hover {
        text-decoration: underline
      }

      .post-body a.button {
        display: inline-block;
        height: 34px;
        background-color: var(--button-bg);
        font-family: var(--body-font);
        font-size: 14px;
        color: var(--button-color);
        font-weight: 400;
        line-height: 34px;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        padding: 0 20px;
        margin: 0 6px 8px 0
      }

      .rtl .post-body a.button {
        margin: 0 0 8px 6px
      }

      .post-body a.colored-button {
        color: #fff
      }

      .post-body a.button:hover {
        background-color: var(--button-hover-bg);
        color: var(--button-hover-color)
      }

      .post-body a.colored-button:hover {
        background-color: var(--button-hover-bg) !important;
        color: var(--button-hover-color) !important
      }

      .button:before {
        float: left;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        display: inline-block;
        margin: 0 8px 0 0
      }

      .rtl .button:before {
        float: right;
        margin: 0 0 0 8px
      }

      .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 var(--border-color);
        border-radius: var(--border-radius)
      }

      .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: 'Font Awesome 5 Free';
        font-size: 16px;
        font-weight: 900;
        display: inline-block;
        margin: 0 5px 0 0
      }

      .rtl .alert-message:before {
        margin: 0 0 0 5px
      }

      .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 var(--border-color)
      }

      .rtl .post-body table {
        text-align: right
      }

      .post-body table td,
      .post-body table th {
        padding: 7px 15px;
        border: 1px solid var(--border-color)
      }

      .post-body table thead th {
        color: var(--post-title-color);
        font-weight: 700;
        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: var(--meta-color);
        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: var(--title-color);
        line-height: 1.6em;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
      }

      a.tocify-title {
        position: relative;
        height: 38px;
        font-size: 16px;
        color: var(--title-color);
        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: 'Font Awesome 5 Free';
        font-size: 14px;
        font-weight: 900;
        margin: 0 6px 0 0
      }

      .rtl .tocify-title-text:after {
        margin: 0 0 0 6px
      }

      .tocify-title:after {
        content: '\f078';
        font-family: 'Font Awesome 5 Free';
        font-size: 12px;
        font-weight: 900;
        margin: 0 0 0 25px
      }

      .rtl .tocify-title:after {
        margin: 0 25px 0 0
      }

      .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: var(--main-color)
      }

      #tocify li a:hover {
        color: var(--main-color);
        text-decoration: underline
      }

      .post-body .contact-form {
        display: table;
        font-family: var(--body-font)
      }

      .contact-form .widget-title {
        display: none
      }

      .contact-form .contact-form-name {
        width: calc(50% - 5px)
      }

      .rtl .contact-form .contact-form-name {
        float: right
      }

      .contact-form .contact-form-email {
        float: right;
        width: calc(50% - 5px)
      }

      .rtl .contact-form .contact-form-email {
        float: left
      }

      .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: var(--post-text-color);
        white-space: pre-wrap;
        line-height: 1.4em;
        padding: 15px;
        margin: 0;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
      }

      .post-body .google-auto-placed {
        margin: 25px 0
      }

      .post-footer {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .entry-labels {
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0 0
      }

      .entry-labels span,
      .entry-labels a {
        font-size: 14px;
        color: var(--main-color);
        font-weight: 400;
        line-height: 1;
        margin: 5px 6px 0 0
      }

      .rtl .entry-labels span,
      .rtl .entry-labels a {
        margin: 5px 0 0 6px
      }

      .entry-labels span {
        color: var(--title-color);
        font-weight: 700
      }

      .entry-labels a:hover {
        color: var(--title-color)
      }

      .entry-labels a:after {
        content: ',';
        color: var(--meta-color)
      }

      .entry-labels a:last-child:after {
        display: none
      }

      .post-share {
        position: relative;
        float: left;
        width: 100%;
        padding: 14px 20px 20px;
        border-top: 1px solid var(--border-color)
      }

      ul.selary-pro-share-links {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start
      }

      .selary-pro-share-links li {
        padding: 0 6px 0 0
      }

      .rtl .selary-pro-share-links li {
        padding: 0 0 0 6px
      }

      .selary-pro-share-links li a {
        display: flex;
        width: 34px;
        height: 34px;
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        margin: 6px 0 0
      }

      .selary-pro-share-links li.has-span a {
        width: auto;
        justify-content: flex-start
      }

      .selary-pro-share-links li.has-span a:before {
        padding: 0 10px
      }

      .selary-pro-share-links span {
        font-size: 14px;
        line-height: 1;
        padding: 0 20px 0 10px;
        border-left: 1px solid rgba(255, 255, 255, 0.2)
      }

      .rtl .selary-pro-share-links span {
        padding: 0 10px 0 20px;
        border-left: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.2)
      }

      .selary-pro-share-links li a:hover {
        opacity: .9
      }

      .selary-pro-share-links .show-hid a {
        background-color: rgba(155, 155, 155, 0.1);
        font-size: 14px;
        color: rgba(155, 155, 155, 0.8)
      }

      .selary-pro-share-links .show-hid a:before {
        content: '\f067';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900
      }

      .show-hidden .show-hid a:before {
        content: '\f068'
      }

      .selary-pro-share-links li.reddit,
      .selary-pro-share-links li.linkedin,
      .selary-pro-share-links li.tumblr,
      .selary-pro-share-links li.telegram {
        display: none
      }

      .show-hidden li.reddit,
      .show-hidden li.linkedin,
      .show-hidden li.tumblr,
      .show-hidden li.telegram {
        display: inline-block
      }

      .about-author {
        position: relative;
        float: left;
        width: 100%;
        background-color: var(--widget-bg);
        display: flex;
        padding: 20px;
        margin: 25px 0 0;
        box-shadow: var(--widget-shadow)
      }

      .about-author .author-avatar-wrap {
        width: 60px;
        height: 60px;
        margin: 0 15px 0 0;
        border-radius: 50%;
        box-shadow: var(--avatar-shadow)
      }

      .rtl .about-author .author-avatar-wrap {
        margin: 0 0 0 15px
      }

      .about-author .author-title {
        display: block;
        font-family: var(--title-font);
        font-size: 18px;
        color: var(--title-color);
        font-weight: 700;
        margin: 0 0 10px
      }

      .about-author .author-title a {
        color: var(--title-color)
      }

      .about-author .author-title a:hover {
        color: var(--title-hover-color)
      }

      .author-description {
        display: flex;
        flex-direction: column;
        flex: 1
      }

      .author-description .author-text {
        display: block;
        font-size: 14px;
        color: var(--text-color);
        font-weight: 400
      }

      .author-description .author-text br,
      .author-description .author-text a {
        display: none
      }

      ul.author-links {
        display: flex;
        flex-wrap: wrap;
        padding: 0
      }

      .author-links li {
        margin: 10px 12px 0 0
      }

      .rtl .author-links li {
        margin: 10px 0 0 12px
      }

      .author-links li a {
        display: block;
        font-size: 14px;
        color: var(--text-color);
        padding: 0
      }

      .author-links li a:hover {
        opacity: .9
      }

      #selary-pro-related-posts {
        display: none
      }

      #related-wrap {
        position: relative;
        float: left;
        width: 100%;
        background-color: var(--widget-bg);
        margin: 25px 0 0;
        box-shadow: var(--widget-shadow)
      }

      #related-wrap .related-tag {
        display: none
      }

      .selary-pro-related-content {
        position: relative;
        float: left;
        width: 100%;
        padding: 20px;
        margin: 0
      }

      .selary-pro-related-content .loader {
        height: 200px
      }

      .related-posts {
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
        margin: 0
      }

      .related-posts .related-item {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0
      }

      .related-posts .entry-image-wrap {
        width: 100%;
        height: 140px;
        margin: 0 0 8px
      }

      .related-posts .entry-title {
        font-size: 16px
      }

      .selary-pro-blog-post-comments {
        display: none;
        float: left;
        width: 100%;
        background-color: var(--widget-bg);
        margin: 25px 0 0;
        box-shadow: var(--widget-shadow)
      }

      .selary-pro-blog-post-comments .fb_iframe_widget_fluid_desktop {
        float: left;
        display: block !important;
        width: calc(100% + 16px) !important;
        max-width: calc(100% + 16px) !important;
        margin: 0 -8px
      }

      .selary-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,
      .selary-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe {
        float: left;
        display: block !important;
        width: 100% !important
      }

      #comments,
      #disqus_thread {
        position: relative;
        float: left;
        width: 100%;
        display: block;
        clear: both;
        padding: 20px;
        margin: 0
      }

      #disqus_thread,
      .fb-comments {
        padding: 0
      }

      .comments-system-disqus #comments,
      .comments-system-facebook #comments {
        padding: 10px 20px
      }

      .comments-title,
      #comments h4#comment-post-message {
        display: none
      }

      .comments-system-blogger .comments-title {
        display: block
      }

      .comments .comments-content {
        float: left;
        width: 100%;
        margin: 0
      }

      .comments .comment-content {
        display: block;
        font-family: var(--text-font);
        font-size: 14px;
        color: var(--text-color);
        line-height: 1.6em;
        margin: 10px 0 0
      }

      .comments .comment-content>a:hover {
        text-decoration: underline
      }

      .comment-thread .comment {
        position: relative;
        list-style: none;
        padding: 20px 0 0;
        margin: 20px 0 0;
        border-top: 1px solid var(--border-color)
      }

      .comment-thread .comment .comment {
        border-top: 1px solid var(--border-color)
      }

      .comment-thread ol {
        padding: 0;
        margin: 0
      }

      .toplevel-thread ol>li:first-child {
        padding: 0;
        margin: 0;
        border: 0
      }

      .toplevel-thread ol>li:first-child>.comment-block {
        padding-top: 0;
        margin: 0;
        border: 0
      }

      .comment-thread ol ol .comment:before {
        content: '\f3bf';
        position: absolute;
        left: -25px;
        top: -11px;
        font-family: 'Font Awesome 5 Free';
        font-size: 16px;
        color: var(--border-color);
        font-weight: 700;
        transform: rotate(90deg);
        margin: 0
      }

      .rtl .comment-thread ol ol .comment:before {
        content: '\f3be';
        left: unset;
        right: -25px
      }

      .comments .comment-replybox-single iframe {
        padding: 0 0 0 48px;
        margin: 10px 0 0
      }

      .rtl .comments .comment-replybox-single iframe {
        padding: 0 48px 0 0
      }

      .comment-thread .avatar-image-container {
        position: absolute;
        top: 20px;
        left: 0;
        width: 35px;
        height: 35px;
        overflow: hidden;
        border-radius: 50%;
        box-shadow: var(--avatar-shadow)
      }

      .toplevel-thread ol>li:first-child>.avatar-image-container {
        top: 0
      }

      .rtl .comment-thread .avatar-image-container {
        left: auto;
        right: 0
      }

      .avatar-image-container img {
        width: 100%;
        height: 100%
      }

      .comments .comment-header {
        padding: 0 0 0 48px
      }

      .rtl .comments .comment-header {
        padding: 0 48px 0 0
      }

      .comments .comment-header .user {
        display: inline-block;
        font-family: var(--title-font);
        font-size: 16px;
        color: var(--title-color);
        font-style: normal;
        font-weight: 700;
        margin: 0
      }

      .comments .comment-header .user a {
        color: var(--title-color)
      }

      .comments .comment-header .user a:hover {
        color: var(--title-hover-color)
      }

      .comments .comment-header .icon.user {
        display: none
      }

      .comments .comment-header .icon.blog-author {
        display: inline-block;
        font-size: 13px;
        color: var(--main-color);
        font-weight: 400;
        vertical-align: top;
        margin: -5px 0 0 5px
      }

      .rtl .comments .comment-header .icon.blog-author {
        margin: -5px 5px 0 0
      }

      .comments .comment-header .icon.blog-author:before {
        content: '\f058';
        font-family: 'Font Awesome 5 Free';
        font-weight: 400
      }

      .comments .comment-header .datetime {
        display: block;
        margin: 0
      }

      .comment-header .datetime a {
        font-family: var(--meta-font);
        font-size: 12px;
        color: var(--meta-color);
        font-weight: 400;
        padding: 0
      }

      .comments .comment-actions {
        display: block;
        margin: 10px 0 0
      }

      .comments .comment-actions a {
        display: inline-block;
        font-size: 14px;
        color: var(--main-color);
        font-weight: 400;
        font-style: normal;
        padding: 0;
        margin: 0 15px 0 0
      }

      .rtl .comments .comment-actions a {
        margin: 0 0 0 15px
      }

      .comments .comment-actions a:hover {
        color: var(--title-color)
      }

      .item-control {
        display: none
      }

      .loadmore.loaded a {
        display: inline-block;
        border-bottom: 1px solid rgba(155, 155, 155, .51);
        text-decoration: none;
        margin-top: 15px
      }

      .comments .continue {
        display: none
      }

      .comments .comment-replies {
        padding: 0 0 0 48px
      }

      .rtl .comments .comment-replies {
        padding: 0 48px 0 0
      }

      .thread-expanded .thread-count a,
      .loadmore {
        display: none
      }

      .comments .footer {
        float: left;
        width: 100%;
        font-size: 13px;
        margin: 0
      }

      .comment-form {
        float: left;
        width: 100%;
        margin: 0
      }

      p.comments-message {
        display: block;
        float: left;
        width: 100%;
        font-size: 14px;
        color: var(--meta-color);
        font-style: italic;
        padding: 0 0 20px;
        margin: 0 0 20px;
        border-bottom: 1px solid var(--border-color)
      }

      p.comments-message.no-new-comments {
        padding: 0;
        margin: 0;
        border: 0
      }

      p.comments-message>a {
        color: var(--main-color)
      }

      p.comments-message>a:hover {
        color: var(--title-color)
      }

      p.comments-message>em {
        color: #ff3f34;
        font-style: normal;
        margin: 0 3px
      }

      #comments[data-embed='false'] p.comments-message>i {
        color: var(--main-color);
        font-style: normal
      }

      .comment-form>p {
        display: none
      }

      .comment-content .responsive-video-wrap {
        position: relative;
        width: 100%;
        padding: 0;
        padding-top: 56%
      }

      .comment-content .responsive-video-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
      }

      .comments #top-ce.comment-replybox-thread {
        padding: 15px 0 0;
        margin: 20px 0 0;
        border-top: 1px solid var(--border-color)
      }

      .comments #top-continue a {
        float: left;
        width: 100%;
        height: 34px;
        background-color: var(--button-bg);
        font-size: 14px;
        color: var(--button-color);
        font-weight: 400;
        line-height: 34px;
        text-align: center;
        padding: 0;
        margin: 25px 0 0;
        border-radius: var(--border-radius)
      }

      .comments #top-continue a:hover {
        background-color: var(--button-hover-bg);
        color: var(--button-hover-color)
      }

      .post-nav {
        float: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-family: var(--meta-font);
        font-size: 14px;
        font-weight: 400;
        margin: 25px 0 0
      }

      .post-nav span,
      .post-nav a {
        display: flex;
        align-items: center;
        color: var(--meta-color)
      }

      .post-nav a:hover {
        color: var(--main-color)
      }

      .post-nav span {
        color: var(--meta-color);
        cursor: no-drop;
        opacity: .65
      }

      .post-nav-newer-link:before,
      .rtl .post-nav-older-link:after {
        content: '\f053';
        font-family: 'Font Awesome 5 Free';
        font-size: 9px;
        font-weight: 900;
        margin: 1px 4px 0 0
      }

      .post-nav-older-link:after,
      .rtl .post-nav-newer-link:before {
        content: '\f054';
        font-family: 'Font Awesome 5 Free';
        font-size: 9px;
        font-weight: 900;
        margin: 1px 0 0 4px
      }

      #custom-ads,
      #selary-pro-post-footer-ads {
        position: relative;
        float: left;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        margin: 0;
        border: 0
      }

      #custom-ads {
        padding: 0 20px
      }

      #before-ad,
      #after-ad {
        float: left;
        width: 100%;
        margin: 0
      }

      #before-ad .widget>.widget-title,
      #after-ad .widget>.widget-title {
        display: block
      }

      #before-ad .widget>.widget-title>.title,
      #after-ad .widget>.widget-title>.title {
        font-size: 10px;
        color: var(--meta-color);
        font-weight: 400;
        line-height: 1;
        margin: 0 0 8px
      }

      #before-ad .widget,
      #after-ad .widget {
        width: 100%;
        margin: 0 0 20px
      }

      #after-ad .widget {
        margin: 20px 0 0
      }

      #before-ad .widget-content,
      #after-ad .widget-content {
        position: relative;
        width: 100%
      }

      #selary-pro-new-before-ad #before-ad,
      #selary-pro-new-after-ad #after-ad {
        float: none;
        display: block;
        margin: 0
      }

      #selary-pro-new-before-ad #before-ad .widget,
      #selary-pro-new-after-ad #after-ad .widget {
        margin: 0
      }

      #blog-pager {
        position: relative;
        float: left;
        width: 100%;
        padding: 0 20px;
        margin: 0;
        border-top: 1px solid var(--border-color)
      }

      .no-posts #blog-pager {
        display: none
      }

      #blog-pager .load-more {
        position: relative;
        display: flex;
        height: 36px;
        font-size: 13px;
        color: var(--main-color);
        font-weight: 500;
        text-transform: uppercase;
        align-items: center;
        justify-content: center
      }

      #blog-pager #selary-pro-load-more-link {
        cursor: pointer
      }

      #blog-pager #selary-pro-load-more-link:hover {
        color: var(--title-color)
      }

      #blog-pager .no-more.show {
        display: flex;
        color: var(--meta-color);
        font-weight: 400;
        cursor: not-allowed
      }

      #blog-pager .loading,
      #blog-pager .no-more {
        display: none
      }

      #blog-pager .loading .loader {
        height: 36px
      }

      #blog-pager .loading .loader:after {
        width: 24px;
        height: 24px;
        margin: 0
      }

      #post-footer-ads {
        position: relative;
        float: left;
        width: 100%;
        padding: 0;
        margin: 25px 0 0
      }

      #post-footer-ads .widget,
      #post-footer-ads .widget-content {
        float: left;
        width: 100%
      }

      .sidebar {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .sidebar>.widget {
        position: relative;
        float: left;
        width: 100%;
        background-color: var(--widget-bg);
        margin: 0 0 25px;
        box-shadow: var(--widget-shadow)
      }

      .sidebar>.widget:last-child {
        margin: 0
      }

      .sidebar .widget-content {
        position: relative;
        float: left;
        width: 100%;
        padding: 20px;
        margin: 0
      }

      .sidebar .widget.no-style {
        background-color: transparent;
        border: 0;
        box-shadow: none
      }

      .sidebar .widget.no-style>.widget-title {
        display: none
      }

      .sidebar .widget.no-style .widget-content {
        padding: 0
      }

      .sidebar ul.social-icons {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5px;
        margin: 0
      }

      .sidebar .social-icons li {
        display: block;
        margin: 0
      }

      .sidebar .social-icons a {
        position: relative;
        display: flex;
        height: 34px;
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        align-items: center
      }

      .sidebar .social-icons a:before {
        padding: 0 10px
      }

      .sidebar .social-icons span {
        font-size: 14px;
        line-height: 1;
        padding: 0 10px;
        border-left: 1px solid rgba(255, 255, 255, 0.2)
      }

      .rtl .sidebar .social-icons span {
        border-left: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.2)
      }

      .sidebar .social-icons a:hover {
        opacity: .9
      }

      .sidebar .loader {
        height: 180px
      }

      .default-items {
        display: flex;
        flex-direction: column
      }

      .default-items .default-item {
        position: relative;
        display: flex;
        margin: 20px 0 0
      }

      .default-items .default-item.item-0 {
        height: 170px;
        flex-direction: column;
        margin: 0
      }

      .default-items .entry-image-wrap {
        width: 100px;
        height: 65px;
        z-index: 1;
        margin: 0 13px 0 0
      }

      .rtl .default-items .default-item:not(.item-0) .entry-image-wrap {
        margin: 0 0 0 13px
      }

      .default-items .default-item.item-0 .entry-image-wrap {
        width: 100%;
        height: 100%;
        margin: 0
      }

      .default-items .default-item:not(.item-0) .entry-image-wrap.is-video:after {
        transform: translate(50%, -50%) scale(.75)
      }

      .default-items .entry-header {
        display: flex;
        flex-direction: column
      }

      .default-items .default-item:not(.item-0) .entry-header {
        flex: 1
      }

      .default-items .entry-title {
        font-size: 15px
      }

      .default-items .item-0 .entry-title {
        font-size: 20px
      }

      .default-items .item-0 .entry-meta {
        flex-wrap: wrap
      }

      .mini-items {
        position: relative;
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px
      }

      .mini-item {
        position: relative;
        display: flex;
        flex-direction: column
      }

      .mini-item .entry-image-wrap {
        width: 100%;
        height: 84px;
        margin: 0 0 8px
      }

      .mini-item .entry-image-wrap.is-video:after {
        transform: translate(50%, -50%) scale(.85)
      }

      .mini-item .entry-title {
        font-size: 15px
      }

      .cmm1-items {
        display: flex;
        flex-direction: column
      }

      .cmm1-items .cmm1-item {
        position: relative;
        width: 100%;
        padding: 20px 0 0;
        margin: 20px 0 0;
        border-top: 1px solid var(--border-color)
      }

      .cmm1-items .cmm1-item.item-0 {
        padding: 0;
        margin: 0;
        border: 0
      }

      .cmm1-items .entry-inner {
        display: flex
      }

      .cmm1-items .entry-image-wrap {
        width: 35px;
        height: 35px;
        z-index: 1;
        margin: 0 13px 0 0;
        border-radius: 50%;
        box-shadow: var(--avatar-shadow)
      }

      .rtl .cmm1-items .entry-image-wrap {
        margin: 0 0 0 13px
      }

      .cmm1-items .entry-header {
        flex: 1
      }

      .cmm1-items .entry-title {
        font-size: 15px
      }

      .cmm1-items .entry-inner:hover .entry-title {
        color: var(--post-title-hover-color)
      }

      .cmm1-items .cmm-snippet {
        font-size: 12px;
        color: var(--text-color);
        margin: 4px 0 0
      }

      .FeaturedPost .featured-post {
        position: relative;
        width: 100%;
        height: 170px;
        display: flex;
        flex-direction: column;
        margin: 0
      }

      .featured-post .entry-image-wrap {
        width: 100%;
        height: 100%;
        z-index: 1;
        margin: 0
      }

      .featured-post .entry-title {
        font-size: 20px
      }

      .featured-post .entry-meta {
        flex-wrap: wrap
      }

      .FollowByEmail .follow-by-email-title {
        display: block;
        font-family: var(--title-font);
        font-size: 18px;
        color: var(--widget-title-color);
        margin: 0 0 10px
      }

      .FollowByEmail .follow-by-email-text {
        display: block;
        font-size: 14px;
        margin: 0 0 15px
      }

      .FollowByEmail .follow-by-email-address {
        width: 100%;
        height: 34px;
        background-color: rgba(155, 155, 155, 0.05);
        font-family: inherit;
        font-size: 14px;
        color: var(--text-color);
        padding: 0 13px;
        margin: 0 0 10px;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
      }

      .FollowByEmail .follow-by-email-address::placeholder {
        color: var(--text-color);
        opacity: .75
      }

      .FollowByEmail .follow-by-email-address:focus {
        color: var(--text-color)
      }

      .FollowByEmail .follow-by-email-submit {
        width: 100%;
        height: 34px;
        background-color: var(--button-bg);
        font-family: inherit;
        font-size: 14px;
        color: var(--button-color);
        font-weight: 400;
        cursor: pointer;
        padding: 0 20px;
        border: 0;
        border-radius: var(--border-radius)
      }

      .FollowByEmail .follow-by-email-submit:hover {
        background-color: var(--button-hover-bg);
        color: var(--button-hover-color)
      }

      .selary-pro-widget-ready .list-style li {
        position: relative;
        display: block;
        font-size: 14px;
        color: var(--title-color);
        font-weight: 400
      }

      .selary-pro-widget-ready .list-style li a {
        display: block;
        color: var(--title-color);
        padding: 8px 0
      }

      .selary-pro-widget-ready .list-style li a.has-count {
        display: flex;
        justify-content: space-between
      }

      .selary-pro-widget-ready .list-style li:first-child a {
        padding: 0 0 8px
      }

      .selary-pro-widget-ready .list-style li:last-child a {
        padding: 8px 0 0
      }

      .selary-pro-widget-ready .list-style li a:hover {
        color: var(--title-hover-color)
      }

      .selary-pro-widget-ready .list-style li a span {
        display: inline-block;
        color: var(--main-color)
      }

      .selary-pro-widget-ready .text-list li {
        padding: 8px 0
      }

      .selary-pro-widget-ready .text-list li:first-child {
        padding: 0 0 8px
      }

      .selary-pro-widget-ready .text-list li:last-child {
        padding: 8px 0 0
      }

      .cloud-label ul {
        display: flex;
        flex-wrap: wrap;
        margin: -8px 0 0
      }

      .cloud-label li {
        margin: 8px 6px 0 0
      }

      .rtl .cloud-label li {
        margin: 8px 0 0 6px
      }

      .cloud-label li a {
        display: flex;
        height: 29px;
        background-color: var(--button-lite-bg);
        color: var(--button-bg);
        font-size: 13px;
        line-height: 29px;
        font-weight: 400;
        padding: 0 13px
      }

      .is-dark .cloud-label li a {
        background-color: rgba(155, 155, 155, 0.05);
        color: var(--text-color)
      }

      .cloud-label li a:hover {
        background-color: var(--button-bg);
        color: var(--button-color)
      }

      .cloud-label .label-count {
        display: inline-block;
        margin: 0 0 0 10px
      }

      .rtl .cloud-label .label-count {
        margin: 0 10px 0 0
      }

      .search-widget .search-form {
        float: left;
        width: 100%;
        display: flex;
        margin: 0
      }

      .search-widget .search-input {
        display: inline-block;
        flex: 1;
        width: 100%;
        height: 34px;
        background-color: rgba(155, 155, 155, 0.05);
        font-family: inherit;
        font-weight: 400;
        font-size: 14px;
        color: var(--text-color);
        padding: 0 13px;
        margin: 0;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
      }

      .search-widget .search-input::placeholder {
        color: var(--text-color);
        opacity: .9
      }

      .search-widget .search-input:focus {
        outline: none
      }

      .search-widget .search-action {
        display: inline-block;
        width: 38px;
        height: 34px;
        background-color: var(--button-bg);
        font-family: inherit;
        font-size: 14px;
        color: var(--button-color);
        font-weight: 400;
        line-height: 34px;
        cursor: pointer;
        padding: 0;
        margin: 0 0 0 5px;
        border: 0;
        border-radius: var(--border-radius)
      }

      .rtl .search-widget .search-action {
        margin: 0 5px 0 0
      }

      .search-widget .search-action:before {
        display: block;
        content: '\f002';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900
      }

      .search-widget .search-action:hover {
        background-color: var(--button-hover-bg);
        color: var(--button-hover-color)
      }

      .Profile ul li {
        float: left;
        width: 100%;
        padding: 20px 0 0;
        margin: 20px 0 0;
        border-top: 1px solid var(--border-color)
      }

      .Profile ul li:first-child {
        padding: 0;
        margin: 0;
        border: 0
      }

      .Profile .individual,
      .Profile .team-member {
        display: flex
      }

      .Profile .profile-img {
        width: 35px;
        height: 35px;
        background-color: rgba(155, 155, 155, 0.05);
        overflow: hidden;
        color: transparent !important;
        margin: 0 13px 0 0;
        border-radius: 50%;
        box-shadow: var(--avatar-shadow)
      }

      .rtl .Profile .profile-img {
        margin: 0 0 0 13px
      }

      .Profile .profile-info {
        flex: 1
      }

      .Profile .profile-name {
        display: block;
        font-family: var(--title-font);
        font-size: 15px;
        color: var(--title-color);
        font-weight: 700;
        margin: 0
      }

      .Profile .profile-name:hover {
        color: var(--title-hover-color)
      }

      .Profile .profile-link {
        display: block;
        font-size: 12px;
        color: var(--meta-color);
        font-weight: 400;
        margin: 0
      }

      .Profile .profile-link:hover {
        color: var(--main-color)
      }

      .Text .widget-content {
        font-family: var(--text-font);
        font-size: 14px;
        color: var(--text-color);
        margin: 0
      }

      .Image .image-caption {
        display: block;
        font-size: 14px;
        color: var(--text-color);
        margin: 6px 0 0
      }

      .contact-form-widget form {
        font-family: inherit;
        font-weight: 400
      }

      .contact-form-name {
        float: left;
        width: 100%;
        height: 34px;
        background-color: transparent;
        font-family: inherit;
        font-size: 14px;
        color: var(--text-color);
        line-height: 34px;
        padding: 0 15px;
        margin: 0 0 10px;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
      }

      .contact-form-email {
        float: left;
        width: 100%;
        height: 34px;
        background-color: transparent;
        font-family: inherit;
        font-size: 14px;
        color: var(--text-color);
        line-height: 34px;
        padding: 0 15px;
        margin: 0 0 10px;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
      }

      .contact-form-email.error {
        border-color: var(--main-color)
      }

      .contact-form-email-message {
        float: left;
        width: 100%;
        background-color: transparent;
        font-family: inherit;
        font-size: 14px;
        color: var(--text-color);
        padding: 10px 15px;
        margin: 0 0 10px;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
      }

      .contact-form-email-message.error {
        border-color: var(--main-color)
      }

      .contact-form-button-submit {
        float: left;
        width: 100%;
        height: 34px;
        background-color: var(--button-bg);
        font-family: inherit;
        font-size: 14px;
        color: var(--button-color);
        font-weight: 400;
        cursor: pointer;
        padding: 0 20px;
        border: 0;
        border-radius: var(--border-radius)
      }

      .contact-form-button-submit:hover {
        background-color: var(--button-hover-bg);
        color: var(--button-hover-color)
      }

      .contact-form-widget p {
        margin: 0
      }

      .contact-form-widget p.contact-form-error-message-with-border,
      p.contact-form-success-message-with-border {
        float: left;
        width: 100%;
        background-color: rgba(0, 0, 0, 0);
        font-size: 13px;
        color: #e74c3c;
        text-align: left;
        line-height: 1;
        padding: 0;
        margin: 10px 0 0;
        border: 0
      }

      .contact-form-widget .contact-form-success-message-with-border {
        color: #27ae60
      }

      .rtl .contact-form-error-message-with-border,
      .rtl .contact-form-success-message-with-border {
        text-align: right
      }

      .contact-form-cross {
        cursor: pointer;
        margin: 0 0 0 3px
      }

      .rtl .contact-form-cross {
        margin: 0 3px 0 0
      }

      .contact-form-name::placeholder,
      .contact-form-email::placeholder,
      .contact-form-email-message::placeholder {
        color: var(--text-color);
        opacity: .9
      }

      .Attribution a {
        font-size: 14px;
        line-height: 16px;
        display: block
      }

      .Attribution a>svg {
        width: 16px;
        height: 16px;
        float: left;
        margin: 0 4px 0 0
      }

      .Attribution .copyright {
        font-size: 12px;
        color: var(--meta-color);
        padding: 0 20px;
        margin: 3px 0 0
      }

      #google_translate_element {
        position: relative;
        float: left;
        width: 100%;
        padding: 20px;
        margin: 0
      }

      .Stats .text-counter-wrapper {
        display: flex;
        font-size: 20px;
        color: var(--meta-color);
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1;
        margin: 0
      }

      .Stats .text-counter-wrapper:before {
        content: '\f201';
        font-family: 'Font Awesome 5 Free';
        color: var(--main-color);
        font-weight: 900;
        margin: 0 4px 0 0
      }

      .rtl .Stats .text-counter-wrapper:before {
        margin: 0 0 0 4px
      }

      .sidebar>.widget.ReportAbuse {
        display: block;
        padding: 15px 20px;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
      }

      .ReportAbuse>h3 {
        display: flex;
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        margin: 0
      }

      .ReportAbuse>h3:before {
        content: '\f071';
        font-family: 'Font Awesome 5 Free';
        color: var(--title-color);
        font-weight: 900;
        margin: 0 4px 0 0
      }

      .rtl .ReportAbuse>h3:before {
        margin: 0 0 0 4px
      }

      .ReportAbuse>h3 a:hover {
        text-decoration: underline
      }

      #footer-ads-wrap {
        position: relative;
        float: left;
        width: 100%;
        margin: 0
      }

      .footer-ads .widget {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        line-height: 0;
        margin: 0 0 25px
      }

      .footer-ads .widget-content {
        float: left;
        width: 100%;
        margin: 0
      }

      .footer-ads .widget>.widget-title {
        display: none
      }

      #footer-wrapper {
        position: relative;
        float: left;
        width: 100%;
        background-color: var(--footer-bg);
        color: var(--footer-text-color);
        z-index: 2;
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.025)
      }

      #footer-wrapper .primary-footer {
        float: left;
        width: 100%;
        margin: 0
      }

      .primary-footer.no-widget {
        display: none
      }

      #selary-pro-about-section {
        position: relative;
        float: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 30px 0;
        margin: 0
      }

      .primary-footer.has-border .selary-pro-about-section {
        border-bottom: 1px solid var(--border-color)
      }

      .footer-info {
        display: flex;
        flex-direction: column;
        flex: 1
      }

      .footer-info h3.title {
        font-size: 16px;
        color: var(--footer-color);
        text-transform: uppercase;
        margin: 0 0 10px
      }

      .selary-pro-about-section .Image {
        width: calc(100% - 345px);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 0
      }

      .selary-pro-about-section .footer-logo {
        padding: 0 25px 0 0
      }

      .rtl .selary-pro-about-section .footer-logo {
        padding: 0 0 0 25px
      }

      .selary-pro-about-section .footer-logo img {
        display: block;
        max-height: 34px;
        margin: 0
      }

      .selary-pro-about-section .Image .image-caption {
        font-size: 14px;
        color: var(--footer-text-color);
        margin: 0
      }

      .selary-pro-about-section .Image .image-caption a {
        color: var(--footer-color)
      }

      .selary-pro-about-section .Image .image-caption a:hover {
        color: var(--footer-hover-color)
      }

      .selary-pro-about-section .LinkList {
        width: 320px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: 0
      }

      .selary-pro-about-section ul.social-icons {
        display: flex;
        flex-wrap: wrap
      }

      .selary-pro-about-section .social-icons li {
        margin: 0 0 0 10px
      }

      .rtl .selary-pro-about-section .social-icons li {
        margin: 0 10px 0 0
      }

      .selary-pro-about-section .social-icons li a {
        display: block;
        width: 34px;
        height: 34px;
        background-color: rgba(155, 155, 155, 0.05);
        font-size: 16px;
        color: var(--footer-color);
        text-align: center;
        line-height: 34px
      }

      .selary-pro-about-section .social-icons li a:hover {
        color: #fff
      }

      .footerbar {
        position: relative;
        float: left;
        width: 100%;
        height: 58px;
        background-color: var(--footerbar-bg);
        color: var(--footerbar-color);
        display: flex;
        align-items: center
      }

      .footerbar .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
      }

      .footerbar .footer-copyright {
        font-size: 14px;
        font-weight: 400;
        margin: 0
      }

      .footerbar .footer-copyright a {
        color: var(--footerbar-color)
      }

      .footerbar .footer-copyright a:hover {
        color: var(--footerbar-hover-color)
      }

      #footer-menu {
        position: relative;
        display: block;
        margin: 0
      }

      .footer-menu ul {
        display: flex;
        flex-wrap: wrap
      }

      .footer-menu ul li a {
        font-size: 14px;
        color: var(--footerbar-color);
        padding: 0;
        margin: 0 0 0 25px
      }

      .rtl .footer-menu ul li a {
        margin: 0 25px 0 0
      }

      #footer-menu ul li a:hover {
        color: var(--footerbar-hover-color)
      }

      #hidden-widgets-wrap,
      .hidden-widgets {
        display: none;
        visibility: hidden
      }

      #back-top {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 34px;
        height: 34px;
        background-color: var(--button-bg);
        cursor: pointer;
        overflow: hidden;
        font-size: 15px;
        color: var(--button-color);
        text-align: center;
        line-height: 34px;
        z-index: 50;
        margin: 0;
        transition: background .17s ease, color .17s ease
      }

      .rtl #back-top {
        right: auto;
        left: 20px
      }

      #back-top:before {
        content: '\f077';
        position: relative;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900
      }

      #back-top:hover {
        background-color: var(--button-hover-bg);
        color: var(--button-hover-color)
      }

      .is-error #main-wrapper {
        width: 100%
      }

      .is-error #sidebar-wrapper {
        display: none
      }

      .errorWrap {
        color: var(--title-color);
        text-align: center;
        padding: 60px 0
      }

      .errorWrap h3 {
        font-size: 160px;
        color: var(--title-color);
        line-height: 1;
        margin: 0 0 25px
      }

      .errorWrap h4 {
        font-size: 27px;
        color: var(--title-color);
        margin: 0 0 25px
      }

      .errorWrap p {
        color: var(--text-color);
        font-size: 14px;
        margin: 0 0 15px
      }

      .errorWrap a {
        display: inline-block;
        height: 34px;
        background-color: var(--button-bg);
        font-size: 14px;
        color: var(--button-color);
        font-weight: 400;
        line-height: 34px;
        padding: 0 30px;
        margin: 15px 0 0;
        border-radius: var(--border-radius)
      }

      .errorWrap a:hover {
        background-color: var(--button-hover-bg);
        color: var(--button-hover-color)
      }

      .cookie-choices-info {
        display: none;
        visibility: hidden;
        opacity: 0
      }

      #selary-pro-cookie-ify {
        display: none;
        position: fixed;
        bottom: 20px;
        left: 20px;
        width: 300px;
        background-color: var(--cookie-bg);
        z-index: 1020;
        padding: 20px;
        visibility: hidden;
        opacity: 0;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transition: all .35s ease
      }

      .rtl #selary-pro-cookie-ify {
        left: unset;
        right: 20px
      }

      #selary-pro-cookie-ify.is-visible {
        visibility: visible;
        opacity: 1
      }

      .nav-active #selary-pro-cookie-ify.is-visible {
        right: 20px;
        left: auto;
      }

      .rtl .nav-active #selary-pro-cookie-ify.is-visible {
        left: 20px;
        right: auto;
      }

      .selary-pro-cookie-ify-content {
        display: block;
        font-size: 14px;
        color: var(--cookie-color);
        margin: 0 0 15px
      }

      .selary-pro-cookie-ify-content a {
        color: var(--cookie-color);
        text-decoration: underline
      }

      .selary-pro-cookie-ify-content a:hover {
        color: var(--main-color)
      }

      #selary-pro-cookie-ify-accept {
        display: inline-block;
        height: 34px;
        background-color: var(--button-bg);
        font-size: 14px;
        color: var(--button-color);
        font-weight: 400;
        line-height: 34px;
        padding: 0 20px
      }

      #selary-pro-cookie-ify-accept:hover {
        background-color: var(--button-hover-bg);
        color: var(--button-hover-color)
      }

      ins.adsbygoogle-noablate[data-anchor-shown="true"] {
        z-index: 990 !important
      }

      a.ads-here {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 78px;
        background-color: var(--widget-bg);
        font-size: 15px;
        color: rgba(155, 155, 155, 0.5);
        font-weight: 600;
        font-style: italic;
        margin: 0;
        box-shadow: var(--widget-shadow)
      }

      .item-post-inner a.ads-here {
        background-color: var(--outer-bg);
        box-shadow: none
      }

      .sidebar a.ads-here {
        height: 250px
      }

      a.ads-here:hover {
        color: rgba(155, 155, 155, 0.65)
      }

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

        #outer-wrapper,
        .is-boxed #outer-wrapper,
        .is-boxed .main-nav-flex {
          width: 100%;
          max-width: 100%;
          margin: 0
        }

        .row-x1 {
          width: 100%;
          max-width: 100%
        }

        #header-wrapper .container,
        #header-ads-wrap>.container,
        #featured-wrap>.container,
        #home-ads-wrap>.container,
        #content-wrapper>.container,
        #footer-ads-wrap>.container,
        #footer-wrapper .container {
          padding: 0 15px
        }

        #selary-pro-cookie-ify {
          left: 15px;
          bottom: 15px;
          padding: 20px
        }

        .rtl #selary-pro-cookie-ify {
          left: unset;
          right: 15px
        }
      }

      @media only screen and (max-width: 980px) {
        #header-wrapper .container {
          padding: 0
        }

        .mobile-menu-toggle {
          display: flex;
          padding: 0 15px;
        }

        .header-items {
          flex-wrap: nowrap
        }

        .topbar-wrap,
        #selary-pro-main-nav,
        .slide-menu-flex .hidden-widgets-side {
          display: none !important
        }

        #selary-mobile-logo-section {
          display: flex;
        }

        #slide-menu,
        .overlay,
        .selary-pro-mobile-menu {
          display: block
        }

        .flex-right,
        .rtl .flex-right {
          position: relative;
          top: unset;
          left: unset;
          right: unset
        }

        .main-search .search-form {
          padding: 0 15px
        }

        .nav-active .overlay {
          visibility: visible;
          opacity: 1
        }

        .nav-active #back-top {
          opacity: 0 !important
        }

        #content-wrapper>.container,
        .is-left #content-wrapper>.container {
          flex-direction: column !important;
          justify-content: flex-start
        }

        #main-wrapper,
        #sidebar-wrapper {
          width: 100%
        }

        #sidebar-wrapper {
          margin: 25px 0 0
        }
      }

      @media only screen and (max-width: 880px) {
        #selary-pro-about-section {
          flex-wrap: wrap;
          flex-direction: column
        }

        .selary-pro-about-section .Image {
          width: 100%;
          flex-direction: column;
          justify-content: center;
          text-align: center
        }

        .selary-pro-about-section .footer-logo,
        .rtl .selary-pro-about-section .footer-logo {
          padding: 0
        }

        .footer-info {
          text-align: center;
          margin: 25px 0 0
        }

        .selary-pro-about-section .LinkList {
          width: 100%;
          justify-content: center;
          margin: 15px 0 0
        }

        .selary-pro-about-section ul.social-icons {
          justify-content: center
        }

        .selary-pro-about-section .social-icons li,
        .rtl .selary-pro-about-section .social-icons li {
          margin: 10px 5px 0
        }

        .footerbar {
          height: auto;
          line-height: inherit;
          padding: 25px 0;
          margin: 0
        }

        .footerbar .container {
          flex-direction: column;
          justify-content: center
        }

        .footerbar .footer-copyright,
        #footer-menu {
          width: 100%;
          text-align: center;
          margin: 0
        }

        #footer-menu {
          padding: 10px 0 0
        }

        .footer-menu ul {
          justify-content: center
        }

        .footer-menu ul li a,
        .rtl .footer-menu ul li a {
          display: block;
          margin: 5px 10px 0
        }

        #back-top {
          right: 15px;
          bottom: 15px
        }

        .rtl #back-top {
          left: 15px;
          right: unset
        }
      }

      @media only screen and (max-width: 780px) {
        .featured-cards {
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 2px;
        }

        .featured-cards .featured-item {
          height: 250px
        }

        .featured-cards .featured-item.card-style.item-0 {
          height: 320px;
          grid-column: 1/3;
          grid-row: auto;
        }

        .featured-cards .featured-item .entry-title {
          font-size: 25px
        }

        .block1-left .block1-item {
          height: 250px
        }

        .content-section .widget.column-style {
          width: 100%
        }

        .col-items .col-item.item-0 {
          height: 220px
        }

        .grid1-items {
          grid-template-columns: repeat(2, 1fr)
        }

        .grid1-item .entry-image-wrap {
          height: 150px
        }

        .grid1-item .entry-title {
          font-size: 17px
        }

        .grid2-items {
          grid-gap: 20px
        }

        .grid2-item .entry-meta .entry-author,
        .grid2-item .entry-meta .sp {
          display: none
        }

        .default-items .default-item.item-0 {
          height: 220px
        }

        .default-items .item-0 .entry-title {
          font-size: 22px
        }

        .mini-item .entry-image-wrap {
          height: 150px
        }

        .mini-item .entry-title {
          font-size: 17px
        }

        .mini-item .entry-image-wrap.is-video:after {
          transform: translate(50%, -50%) scale(1)
        }

        .FeaturedPost .featured-post {
          height: 220px
        }

        .featured-post .entry-title {
          font-size: 22px
        }

        .related-posts {
          grid-template-columns: repeat(2, 1fr)
        }

        .related-posts .entry-image-wrap {
          height: 150px
        }

        .related-posts .entry-title {
          font-size: 17px
        }
      }

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

        #header-ads-wrap>.container,
        #featured-wrap>.container,
        #home-ads-wrap>.container,
        #content-wrapper>.container,
        #footer-ads-wrap>.container {
          padding: 0 10px
        }

        .video-items {
          grid-template-columns: repeat(2, 1fr);
        }

        .index-post {
          flex-direction: column;
          justify-content: flex-start
        }

        .index-post .entry-image-wrap {
          width: 100%;
          height: 220px;
          margin: 0 0 12px !important
        }

        .index-post .entry-excerpt {
          font-size: 14px
        }

        .item-post h1.entry-title {
          font-size: 33px
        }

        .post-body table {
          display: block
        }

        .selary-pro-share-links a.twitter span {
          display: none
        }

        .selary-pro-share-links li.has-span a.twitter {
          width: 34px;
          justify-content: center
        }

        .selary-pro-share-links li.has-span a.twitter:before {
          background-color: transparent;
          padding: 0
        }

        .errorWrap {
          padding: 25px 0 45px
        }

        .errorWrap h3 {
          font-size: 130px
        }

        #selary-pro-cookie-ify {
          right: 0 !important;
          left: 0 !important;
          bottom: 0;
          width: 100%;
          transform: translate(0, 50%);
          padding: 20px;
          margin: 0
        }

        #selary-pro-cookie-ify.is-visible {
          transform: translate(0, 0)
        }

        #back-top {
          right: 10px;
          bottom: 10px
        }

        .rtl #back-top {
          left: 10px;
          right: unset
        }

        a.ads-here {
          height: 65px
        }

        .sidebar a.ads-here {
          height: 200px
        }
      }

      @media only screen and (max-width: 480px) {
        #featured .widget-content {
          min-height: 200px
        }

        .featured-cards {
          grid-template-columns: 1fr;
          grid-gap: 2px;
        }

        .featured-cards .featured-item {
          height: 200px
        }

        .featured-cards .featured-item.card-style.item-0 {
          height: 180px;
          grid-column: auto;
          grid-row: auto;
        }

        .featured-cards .featured-item .entry-title,
        .featured-cards .featured-item.card-style.item-0 .entry-title {
          font-size: 18px
        }

        .featured-item .entry-excerpt,
        .block1-left .entry-excerpt {
          display: none;
        }

        .block1-left .block1-item {
          height: 220px
        }

        .block1-right {
          grid-template-columns: 1fr;
        }

        .block1-right .entry-title {
          font-size: 16px
        }

        .grid1-item .entry-image-wrap {
          height: 110px
        }

        .grid1-item .entry-title {
          font-size: 16px
        }

        .col-items .col-item.item-0 {
          height: 200px
        }

        .col-items .col-item:not(.item-0) .entry-image-wrap {
          width: 120px;
          height: 76px
        }

        .col-items .col-item:not(.item-0) .entry-title {
          font-size: 16px
        }

        .video-items {
          grid-template-columns: 1fr;
        }

        .grid2-items {
          grid-template-columns: 1fr;
        }

        .grid2-item .entry-title {
          font-size: 18px
        }

        .block2-item {
          flex-direction: column;
          justify-content: flex-start;
        }

        .block2-item.item-0 {
          height: 200px
        }

        .block2-item:not(.item-0) .entry-image-wrap {
          height: 200px;
          width: 100%;
          margin: 0 0 12px;
        }

        .block2-item.item-0 .entry-title {
          font-size: 20px;
        }

        .index-post .entry-image-wrap {
          height: 200px
        }

        #post-body,
        .author-description .author-text,
        .comments .comment-content {
          font-size: 15px
        }

        .item-post h1.entry-title {
          font-size: 29px
        }

        .related-posts .entry-image-wrap {
          height: 110px
        }

        .related-posts .entry-title {
          font-size: 16px
        }

        .default-items .default-item.item-0 {
          height: 200px
        }

        .default-items .default-item:not(.item-0) .entry-image-wrap {
          width: 120px;
          height: 76px
        }

        .default-items .default-item:not(.item-0) .entry-title {
          font-size: 16px
        }

        .mini-item .entry-image-wrap {
          height: 110px
        }

        .mini-item .entry-title {
          font-size: 16px
        }

        .FeaturedPost .featured-post {
          height: 200px
        }
      }

      @media only screen and (max-width: 380px) {
        #featured .widget-content {
          min-height: 180px
        }

        .featured-cards .featured-item {
          height: 180px
        }

        .featured-cards .featured-item .entry-title,
        .featured-cards .featured-item.card-style.item-0 .entry-title {
          font-size: 15px
        }

        .block1-left .block1-item {
          height: 180px
        }

        .block1-left .entry-title {
          font-size: 21px
        }

        .block1-right .entry-title {
          font-size: 15px
        }

        .grid1-item .entry-image-wrap {
          height: 90px
        }

        .grid1-item .entry-title {
          font-size: 15px
        }

        .col-items .col-item.item-0 {
          height: 180px
        }

        .col-items .item-0 .entry-title {
          font-size: 21px
        }

        .col-items .col-item:not(.item-0) .entry-image-wrap {
          width: 100px;
          height: 65px
        }

        .col-items .col-item:not(.item-0) .entry-title {
          font-size: 15px
        }

        .grid2-item .entry-title {
          font-size: 16px
        }

        .block2-item.item-0 {
          height: 180px
        }

        .block2-item.item-0 .entry-title {
          font-size: 21px
        }

        .block2-item:not(.item-0) .entry-image-wrap {
          height: 180px
        }

        .block2-item:not(.item-0) .entry-title {
          font-size: 18px
        }

        .block2-item .entry-excerpt {
          display: none;
        }

        .index-post .entry-image-wrap {
          height: 180px
        }

        .item-post h1.entry-title {
          font-size: 25px
        }

        .item-post .entry-meta .align-right {
          display: none
        }

        .tocify-inner {
          min-width: 100%
        }

        .selary-pro-share-links span {
          display: none
        }

        .selary-pro-share-links li.has-span a {
          width: 34px;
          justify-content: center
        }

        .selary-pro-share-links li.has-span a:before {
          background-color: transparent;
          padding: 0
        }

        .related-posts .entry-image-wrap {
          height: 90px
        }

        .related-posts .entry-title {
          font-size: 15px
        }

        .default-items .default-item.item-0 {
          height: 180px
        }

        .default-items .item-0 .entry-title {
          font-size: 21px
        }

        .default-items .default-item:not(.item-0) .entry-image-wrap {
          width: 100px;
          height: 65px
        }

        .default-items .default-item:not(.item-0) .entry-title {
          font-size: 15px
        }

        .mini-item .entry-image-wrap {
          height: 90px
        }

        .mini-item .entry-title {
          font-size: 15px
        }

        .FeaturedPost .featured-post {
          height: 180px
        }

        .featured-post .entry-title {
          font-size: 21px
        }
      }

      @media only screen and (max-width: 340px) {
        #slide-menu {
          width: 100%
        }

        .errorWrap h3 {
          font-size: 110px
        }

        .errorWrap h4 {
          font-size: 25px
        }
      }
      -->