/*!
Theme Name: Janek
Theme URI: http://underscores.me/
Author: Salted Stone
Author URI: https://www.saltedstone.com/
Description: Description
Version: 2.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: janek
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Janek is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
  }
  
  /* Sections
         ========================================================================== */
  /**
     * Remove the margin in all browsers.
     */
  body {
    margin: 0;
  }
  /**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
         ========================================================================== */
  /**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
  hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
  }
  /**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
  pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }
  
  /* Text-level semantics
         ========================================================================== */
  /**
     * Remove the gray background on active links in IE 10.
     */
  a {
    background-color: transparent;
  }
  /**
     * 1. Remove the bottom border in Chrome 57-
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
  abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
  }
  /**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
  b,
  strong {
    font-weight: bold;
  }
  /**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
  }
  /**
     * Add the correct font size in all browsers.
     */
  small {
    font-size: 80%;
  }
  /**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
         ========================================================================== */
  /**
     * Remove the border on images inside links in IE 10.
     */
  img {
    border-style: none;
  }
  
  /* Forms
         ========================================================================== */
  /**
     * 1. Change the font styles in all browsers.
     * 2. Remove the margin in Firefox and Safari.
     */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
  }
  /**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     */
  button,
  input {
    /* 1 */
    overflow: visible;
  }
  /**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
  button,
  select {
    /* 1 */
    text-transform: none;
  }
  /**
     * Correct the inability to style clickable types in iOS and Safari.
     */
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  /**
     * Remove the inner border and padding in Firefox.
     */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  /**
     * Restore the focus styles unset by the previous rule.
     */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  /**
     * Correct the padding in Firefox.
     */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  /**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *		`fieldset` elements in all browsers.
     */
  legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
  }
  /**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
  progress {
    vertical-align: baseline;
  }
  /**
     * Remove the default vertical scrollbar in IE 10+.
     */
  textarea {
    overflow: auto;
  }
  /**
     * 1. Add the correct box sizing in IE 10.
     * 2. Remove the padding in IE 10.
     */
  [type="checkbox"],
  [type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
  }
  /**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
  [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
  }
  /**
     * Remove the inner padding in Chrome and Safari on macOS.
     */
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
  }
  
  /* Interactive
         ========================================================================== */
  /*
     * Add the correct display in Edge, IE 10+, and Firefox.
     */
  details {
    display: block;
  }
  /*
     * Add the correct display in all browsers.
     */
  summary {
    display: list-item;
  }
  
  /* Misc
         ========================================================================== */
  /**
     * Add the correct display in IE 10+.
     */
  template {
    display: none;
  }
  /**
     * Add the correct display in IE 10.
     */
  [hidden] {
    display: none;
  }
  
  /*--------------------------------------------------------------
    # Elements
    --------------------------------------------------------------*/
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  *,
  *:before,
  *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
  }
  hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
  }
  ul,
  ol {
    margin-top: 0;
  }
  ul {
    list-style: disc;
  }
  ol {
    list-style: decimal;
  }
  li > ul,
  li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 1.5em 1.5em;
  }
  img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
  }
  figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
  }
  table {
    margin: 0 0 1.5em;
    width: 100%;
  }
  
  /*--------------------------------------------------------------
    # Typography
    --------------------------------------------------------------*/
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    color: #222527;
    font-family: "quasimoda", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5555;
    font-weight: 300;
  }
  dfn,
  cite,
  em,
  i {
    font-style: italic;
  }
  blockquote {
    margin: 0 1.5em;
  }
  address {
    margin: 0 0 1.5em;
  }
  pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
  }
  code,
  kbd,
  tt,
  var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  abbr,
  acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
  }
  mark,
  ins {
    background: #fff9c0;
    text-decoration: none;
  }
  big {
    font-size: 125%;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-top: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    clear: both;
  }
  p {
    margin-bottom: 1.5em;
  }
  h1,
  .h-1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 1.1;
  }
  .h-1-smaller {
    font-size: 36px;
  }
  h2,
  .h-2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3333;
  }
  .h-2-smaller {
    font-size: 24px;
    line-height: 1;
  }
  h3,
  .h-3 {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1.75px;
    line-height: 1.4;
  }
  h4,
  .h-4 {
    font-size: 18px;
    line-height: 2;
  }
  .h-tag {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1.17px;
    line-height: 1.7;
    text-transform: uppercase;
  }
  h1 strong,
  h2 strong,
  h3 strong {
    position: relative;
    line-height: 1.75;
  }
  h1 strong::after,
  h2 strong::after,
  h3 strong::after {
    content: '';
    background-color: #EE8A22;
    height: 0.1389em;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
  }
  h1 a,
  h2 a,
  h3 a {
    color: inherit
  }
  @media (min-width: 992px) {
  
    h1,
    .h-1 {
      font-size: 44px;
    }
    .h-1-smaller {
      font-size: 42px;
    }
    h2,
    .h-2 {
      font-size: 36px;
    }
    .h-2-smaller {
      font-size: 30px;
    }
    .h-tag {
      font-size: 21px;
    }
    h1 strong,
    h2 strong,
    h3 strong {
      white-space: nowrap;
    }
  
  }
  
  .fw-light {
    font-weight: 300;
  }
  .fw-regular {
    font-weight: 300;
  }
  .fw-medium {
    font-weight: 500;
  }
  .fw-semi {
    font-weight: 600;
  }
  .fw-bold {
    font-weight: 700;
  }
  .fw-extra {
    font-weight: 900;
  }
  
  /*--------------------------------------------------------------
    ## Links
    --------------------------------------------------------------*/
  a {
    color: #ED8B00;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
  }
  a:hover,
  a:focus,
  a:active {
    color: #003763;
  }
  a:focus {
    outline: thin dotted;
  }
  a:hover,
  a:active {
    outline: 0;
  }
  
  /*--------------------------------------------------------------
    # Forms
    --------------------------------------------------------------*/
  .hs-form .hs-submit input[type=submit],
  .comment-form .submit {
    background-color: transparent;
    border: none;
    padding: 0;
  }
  /* add this class to thw btn wrapper so border will be below the background */
  .btn-wrapper,
  .hs-form,
  .form-submit {
    position: relative;
    z-index: 1;
  }
  .btn,
  .hs-form .hs-submit .actions,
  .comment-form .form-submit,
  .cta-link {
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: none;
  }
  .btn,
  .hs-form .hs-submit input[type=submit],
  .comment-form .submit,
  .cta-link {
    font-size: 14px;
    line-height: 1.6;
  }
  .btn,
  .hs-form .hs-submit input[type=submit],
  .comment-form .submit {
    font-weight: 900;
    color: #FFFFFF;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 21px;
  }
  .hs-form .hs-submit input[type=submit],
  .comment-form .submit {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    cursor: pointer;
  }
  .btn,
  .hs-form .hs-submit .actions,
  .comment-form .form-submit {
    background-color: #EE8A22;
    display: block;
  }
  .btn:hover,
  .btn:focus {
    color: #FFFFFF;
  }
  .btn:active,
  .btn:focus,
  .hs-form .hs-submit input[type=submit]:focus,
  .comment-form .submit:focus {
    outline: 0;
  }
  .cta-link {
    font-weight: 700;
    color: #EE8A22;
    letter-spacing: 2px;
    padding-right: 17px;
    text-transform: uppercase;
  }
  .cta-link::after {
    content: '';
    width: 12px;
    height: 9px;
    background-image: url(img/orange-arrow-icon.svg);
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .cta-link:hover::after {
    -webkit-transform: rotate3d(100%, -50%, 0);
    transform: rotate3d(100%, -50%, 0);
  }
  .hs-form .hs-form-field {
    padding-bottom: 20px;
  }
  .hs-form .hs-form-field > label {
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.857;
    margin-bottom: 10px;
    display: block;
  }
  .form-white .hs-form-field > label {
    color: #fff;
  }
  .hbspt-form .hs-form fieldset {
    max-width: 100% !important;
  }
  .hs-form fieldset.form-columns-2 {
    margin-left: -12px;
    margin-right: -12px;
    min-inline-size: -webkit-fill-available;
    min-inline-size: -moz-available;
    min-inline-size: fill-available;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field {
    padding-left: 12px;
    padding-right: 12px;
  }
  .hbspt-form .hs-form fieldset.form-columns-2 .input {
    margin-right: 0;
  }
  .hs-form input[type="text"],
  .hs-form input[type="password"],
  .hs-form input[type="datetime"],
  .hs-form input[type="datetime-local"],
  .hs-form input[type="date"],
  .hs-form input[type="month"],
  .hs-form input[type="time"],
  .hs-form input[type="week"],
  .hs-form input[type="number"],
  .hs-form input[type="email"],
  .hs-form input[type="url"],
  .hs-form input[type="search"],
  .hs-form input[type="tel"],
  .hs-form input[type="color"],
  .hs-form input[type="file"],
  .hs-form textarea,
  .hs-form select {
    border: 1px solid #DDDDDD;
    border-radius: 0;
    padding: 0.75rem 1rem;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.857;
    -webkit-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
    display: block;
    width: 100%;
  }
  .hs-form select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
  }
  .form-white input[type="text"],
  .form-white input[type="password"],
  .form-white input[type="datetime"],
  .form-white input[type="datetime-local"],
  .form-white input[type="date"],
  .form-white input[type="month"],
  .form-white input[type="time"],
  .form-white input[type="week"],
  .form-white input[type="number"],
  .form-white input[type="email"],
  .form-white input[type="url"],
  .form-white input[type="search"],
  .form-white input[type="tel"],
  .form-white input[type="color"],
  .form-white input[type="file"],
  .form-white textarea,
  .form-white select {
    background-color: #fff;
    border: 1px solid #fff;
  }
  .hs-form input[type="text"]:focus,
  .hs-form input[type="password"]:focus,
  .hs-form input[type="datetime"]:focus,
  .hs-form input[type="datetime-local"]:focus,
  .hs-form input[type="date"]:focus,
  .hs-form input[type="month"]:focus,
  .hs-form input[type="time"]:focus,
  .hs-form input[type="week"]:focus,
  .hs-form input[type="number"]:focus,
  .hs-form input[type="email"]:focus,
  .hs-form input[type="url"]:focus,
  .hs-form input[type="search"]:focus,
  .hs-form input[type="tel"]:focus,
  .hs-form input[type="color"]:focus,
  .hs-form input[type="file"]:focus,
  .hs-form textarea:focus,
  .hs-form select:focus {
    outline: #ee8a22 solid 2px;
  }
  .hs-form textarea {
    width: 100%;
  }
  .hs-form ul {
    margin: 0;
  }
  .f-right{
    display: block;
    margin: 10px auto;
  }
  @media (min-width: 768px) {
    .f-right{
      float: right;
      margin-left: 10px;
      margin-bottom: 10px;
    }
    .btn,
    .hs-form .hs-submit .actions {
      margin-right: 10px;
      margin-bottom: 10px;
      display: inline-block;
    }
    .hs-form .hs-submit .actions {
      margin-right: 0;
    }
    /* won't work on <input> */
    .btn::before,
    .hs-form .hs-submit .actions::before {
      content: '';
      border: 2px solid #005287;
      position: absolute;
      top: 0.625em;
      left: 0.625em;
      width: 100%;
      height: 100%;
      z-index: -1;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .btn-b-white::before,
    .form-white .hs-submit .actions::before {
      border-color: #fff;
    }
    .btn:hover::before,
    .hs-form .hs-submit .actions:hover::before {
      top: 0;
      left: 0;
      z-index: 1;
    }
    .btn,
    .hs-form .hs-submit input[type=submit] {
      padding-left: 41px;
      padding-right: 41px;
    }
  }
  
  @media (max-width: 767px) {
  
    .btn, .hs-form .hs-submit .actions, .comment-form .form-submit {
      width: 100%;
    }
  }
  
  /* OVERRIDE ONLY */
  @media (max-width: 400px),
  (max-device-width: 480px) and (min-device-width: 320px) {
    form.hs-form:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input,
    form.hs-form:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input {
      width: 100% !important;
    }
  }
  
  .nav-links {
    text-align: center;
    margin-top: 30px;
  }
  .nav-links .page-numbers {
    display: inline-block;
    padding: 5px 10px;
    font-weight: 700;
    vertical-align: middle;
  }
  .nav-links svg.svg-icon {
    vertical-align: middle;
  }
  
  /*--------------------------------------------------------------
    # Accessibility
    --------------------------------------------------------------*/
  /* Text meant only for screen readers. */
  .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
  }
  /* Do not show the outline on the skip link target. */
  #content[tabindex="-1"]:focus {
    outline: 0;
  }
  
  /*--------------------------------------------------------------
    # Colors
    --------------------------------------------------------------*/
  .c-primary {
    color: #005287;
  }
  .c-secondary {
    color: #ee8a22;
  }
  .c-tertiary {
    color: #39a207;
  }
  .c-dark {
    color: #414042;
  }
  .c-light {
    color: #6D6E71;
  }
  .c-body {
    color: #222527;
  }
  .c-white {
    color: #fff;
  }
  .c-ui-success {
      color:#6EB34F;
  }
  .c-ui-original {
    color:#ff0000;
  }
  .bg-primary {
    background-color: #005287;
  }
  .bg-secondary {
    background-color: #ee8a22;
  }
  .bg-tertiary {
    background-color: #39a207;
  }
  .bg-dark {
    background-color: #414042;
  }
  .bg-light {
    background-color: #6D6E71;
  }
  .bg-white {
    background-color: #fff;
  }
  .bg-ui-success {
      background-color:#6EB34F;
  }
  
  /*--------------------------------------------------------------
    # Text Alignments
    --------------------------------------------------------------*/
  .ta-center {
    text-align: center;
  }
  .ta-left {
    text-align: left;
  }
  .ta-right {
    text-align: right;
  }
  @media (min-width: 576px) {
    .ta-sm-center {
      text-align: center;
    }
    .ta-sm-left {
      text-align: left;
    }
    .ta-sm-right {
      text-align: right;
    }
  }
  @media (min-width: 768px) {
    .ta-md-center {
      text-align: center;
    }
    .ta-md-left {
      text-align: left;
    }
    .ta-md-right {
      text-align: right;
    }
  }
  @media (min-width: 992px) {
    .ta-lg-center {
      text-align: center;
    }
    .ta-lg-left {
      text-align: left;
    }
    .ta-lg-right {
      text-align: right;
    }
  }
  
  /*--------------------------------------------------------------
    # Custom Container
    --------------------------------------------------------------*/
  @media (min-width: 1440px) {
    .row-wider {
      margin-right: -80px;
      margin-left: -80px;
    }
    .container-wider {
      max-width: 1270px;
    }
  }
  
  /*--------------------------------------------------------------
    # Section Padding
    --------------------------------------------------------------*/
  .padding-top {
    padding-top: 38px;
  }
  .padding-bottom {
    padding-bottom: 38px;
  }
  .margin-top {
    margin-top: 38px;
  }
  .margin-bottom {
    margin-bottom: 38px;
  }
  @media (min-width: 768px) {
    .padding-top {
      padding-top: 50px;
    }
    .padding-bottom {
      padding-bottom: 50px;
    }
    .margin-top {
      margin-top: 50px;
    }
    .margin-bottom {
      margin-bottom: 50px;
    }
  }
  
  /*--------------------------------------------------------------
    # Clearings
    --------------------------------------------------------------*/
  .clear:before,
  .clear:after,
  .entry-content:before,
  .entry-content:after,
  .comment-content:before,
  .comment-content:after,
  .site-header:before,
  .site-header:after,
  .site-content:before,
  .site-content:after,
  .site-footer:before,
  .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
  }
  .clear:after,
  .entry-content:after,
  .comment-content:after,
  .site-header:after,
  .site-content:after,
  .site-footer:after {
    clear: both;
  }
  
  /*--------------------------------------------------------------
    # Widgets
    --------------------------------------------------------------*/
  .widget select {
    max-width: 100%;
  }
  
  /*--------------------------------------------------------------
    ## Comments
    --------------------------------------------------------------*/
  .comment-content a {
    word-wrap: break-word;
  }
  .bypostauthor {
    display: block;
  }
  
  /*--------------------------------------------------------------
    # Media
    --------------------------------------------------------------*/
  .page-content .wp-smiley,
  .entry-content .wp-smiley,
  .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  
  .entry-content #slidebox{
    width: 350px;
    margin: 0 auto;
  }
  /* Make sure embeds and iframes fit their containers. */
  embed,
  iframe,
  object {
    max-width: 100%;
  }
  /* Make sure logo link wraps around logo image. */
  .custom-logo-link {
    display: inline-block;
  }
  
  /*--------------------------------------------------------------
    ## Captions
    --------------------------------------------------------------*/
  .wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
  }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0;
  }
  .wp-caption-text {
    text-align: center;
  }
  
  /*--------------------------------------------------------------
    ## Featherlight
    --------------------------------------------------------------*/
  .featherlight.janek-fl {
    background: rgba(34, 37, 39, 0.67);
  }
  .featherlight.janek-fl .featherlight-loading {
    color: #fff;
  }
  .featherlight.janek-fl .featherlight-content {
    width: 95%;
    background-color: transparent;
    border: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 53.4375%;
    position: relative;
    overflow: visible;
  }
  .featherlight.janek-fl .featherlight-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }
  .featherlight-loading .janek-fl-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, .8);
    z-index: 999;
    font-size: 30px;
  }
  .featherlight.janek-fl .featherlight-close-icon {
    width: auto;
    top: auto;
    bottom: calc(100% + 15px);
    background-color: transparent;
    font-family: "quasimoda", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: #FFFFFF;
    text-align: center;
  }
  .featherlight.janek-fl .featherlight-close-icon .fa {
    font-size: 16px;
  }
  @media (min-width: 992px) {
    .featherlight.janek-fl .featherlight-content {
      width: 50%;
      padding-top: 28.125%;
    }
  }
  
  /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
  .site {
    position: relative;
  }
  .site-header {
    position: absolute;
    top: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
  }
  .site-header__logo a {
    display: block;
    padding: 22px 0 19px;
    line-height: 1;
  }
  .site-header__logo a img {
    max-width: 110px;
  }
  .site-header__dd {
    display: none;
  }
  .site-header__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .site-header__nav ul li a {
    font-weight: 500;
    font-size: 14px;
    color: #222527;
    letter-spacing: 2px;
    line-height: normal;
    text-transform: uppercase;
    padding: 1em 1.5em;
    display: block;
  }
  .site-header__nav .menu > li > a:hover {
    color: #EE8A22;
  }
  .site-header__nav .sub-menu {
    display: none;
  }
  .site-header__search-trigger button {
    background-color: transparent;
    border: none;
    padding: 30px 38px 25px 25px;
    line-height: 1;
  }
  .site-header__cta .btn-header {
    /* padding: 1em 1.5em; */
    line-height: 1;
  }
  
  /* Dropdown */
  .site-header__nav .menu-item-has-children {
    position: relative;
  }
  .site-header__nav .menu-item-has-children:hover > .sub-menu,
  .site-header__nav .menu-item-has-children.open-sub > .sub-menu {
    display: block;
  }
  .site-header__nav .sub-menu .menu-item-has-children > a {
    position: relative;
    padding-right: 1.875em;
  }
  .site-header__nav .sub-menu .menu-item-has-children > a::after {
    content: '\f105';
    font-family: 'FontAwesome';
    font-weight: 300;
    position: absolute;
    right: 1.5em;
    top: calc(1em + 3px);
  }
  .site-header__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .site-header__hamburger {
    position: relative;
    border: none;
    background-color: transparent;
  }
  .site-header__hamburger span {
    display: block;
    margin: 4px 0;
    height: 3px;
    border-radius: 1.5px;
    background-color: #01426A;
    width: 30px;
  }
  .site-header__hamburger span:first-child {
    width: 20px;
    margin-left: auto;
  }
  .open-dd .site-header__hamburger span {
    width: 18px;
  }
  .open-dd .site-header__hamburger span:first-child {
    -webkit-transform: translate(0px, 1px) rotate(135deg);
    -ms-transform: translate(0px, 1px) rotate(135deg);
    transform: translate(0px, 1px) rotate(135deg);
  }
  .open-dd .site-header__hamburger span:last-child {
    -webkit-transform: translate(0px, -6px) rotate(-135deg);
    -ms-transform: translate(0px, -6px) rotate(-135deg);
    transform: translate(0px, -6px) rotate(-135deg);
  }
  .site-header__search {
    position: relative;
  }
  .site-header__search .hs-form .input {
    position: relative;
    border-bottom: 1px solid #6D6E71;
  }
  .site-header__search .hs-form .input img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    max-width: 15px;
  }
  .site-header__search-form .hs-form .search-field {
    font-weight: 600;
    color: #6D6E71;
    letter-spacing: 2.67px;
    padding: 20px 30px;
    border: none;
  }
  .site-header__search-form .hs-submit {
    display: none;
  }
  
  @media (min-width: 1200px) {
    .site-branding {
      background-color: #FFFFFF;
      -webkit-box-shadow: 0 0 35px 0 rgba(12, 27, 57, 0.23);
      box-shadow: 0 0 35px 0 rgba(12, 27, 57, 0.23);
    }
    .site-header__logo a {
      padding: 15px 20px 10px;
    }
    .site-header__logo a img {
      max-width: 150px;
    }
    .site-header__dd {
      display: block !important;
    }
    .site-header__nav .menu,
    .site-header__search-trigger {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 100%;
    }
    .site-header__nav .menu {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
    .site-header__nav .menu > li {
      -ms-flex: 0 0 auto;
      -webkit-box-flex: 0;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .site-header__cta .widget,
    .site-header__cta .textwidget {
      height: 100%;
    }
    .site-header__cta .btn-header {
      min-height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #FFF;
            border-left: 1px solid #979797;
      background-color: #ee8a22;
      margin: 0;
      font-size: 12px;
      padding: 30px 25px 25px;
    }
    .site-header__cta .btn-header:hover {
      background-color: #FFF;
      color: #EE8A22;
    }
    .site-header__cta .btn-header::before {
      content: none;
    }
    .site-header__nav .sub-menu {
      white-space: nowrap;
    }
    .site-header__nav .sub-menu {
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #fefefe;
      -webkit-box-shadow: 1px 1px 3px 0px #ddd;
      box-shadow: 1px 1px 3px 0px #ddd;
    }
    .site-header__nav .sub-menu .sub-menu {
      top: 0;
      left: 100%;
    }
    .site-header__nav .sub-menu li a:hover {
      background-color: #EE8A22;
      color: #fff;
    }
    .site-header__search-form {
      position: absolute;
      top: 100%;
      right: 0;
      display: none;
      min-width: 450px;
    }
    .site-header__search:hover .site-header__search-form {
      display: block;
    }
    .site-header__search-form {
      padding: 1.5em 2em;
      background-color: #fefefe;
      -webkit-box-shadow: 1px 1px 3px 0px #ddd;
      box-shadow: 1px 1px 3px 0px #ddd;
    }
  }
  
  @media (max-width: 1199px) {
    .site {
      padding-top: 76px;
    }
    .site-header {
      background-color: #fff;
      /* padding-bottom: 35px; */
    }
    .site-branding.open-dd {
      padding-bottom: 35px;
    }
    .site-header__nav .sub-menu {
      padding-left: 20px;
    }
    .site-header__nav .sub-menu li a {
      font-size: 0.8em;
      padding: 0.7em 1em;
    }
  }
  
  /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/
  .site-footer {
    background-image: url(img/bg-blue-pattern-curves.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
  }
  .site-footer .menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .site-footer__top .menu li a {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.75;
    display: block;
    margin-bottom: 10px;
  }
  .site-footer__form {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .site-footer__top {
    padding-top: 40px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  }
  .site-footer__form .widget,
  .site-footer__top .widget {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .site-footer__form .widget_text {
    font-size: 18px;
    line-height: 2;
  }
  .site-footer__top .widget_media_image {
    padding-bottom: 30px;
  }
  .site-footer__top .widget_media_image a {
    display: block;
    max-width: 160px;
  }
  .site-footer__top .widget_text {
    padding-top: 30px;
  }
  .site-footer__top .widget_text a {
    color: inherit;
  }
  .site-footer__form .hs-message textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    line-height: 1;
  }
  .site-footer__bottom {
    padding-top: 30px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 1.86;
  }
  .site-footer__bottom .widget {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 60%;
  }
  .site-footer__bottom .menu {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .site-footer__bottom .menu li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .site-footer__bottom .menu li a {
    color: #fff;
  }
  .footer-banner--cta .footer-cta__cta .btn {
    display: block;
    width: 100%;
  }
  
  @media (min-width: 576px) {
    .site-footer__top .widget_media_image {
      padding-bottom: 0;
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .site-footer__top .widget_nav_menu {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .site-footer__top .widget_text {
      padding-top: 0;
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  
  @media (min-width: 992px) {
    .site-footer__form {
      padding-top: 100px;
      padding-bottom: 110px;
    }
    .site-footer__form .widget {
      -ms-flex: 0 0 41.666667%;
      -webkit-box-flex: 0;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .site-footer__form .widget_custom_html {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .footer-banner--form .hs-form .hs-submit {
      width: 50%;
      margin-left: auto;
      padding-left: 12px;
    }
    .site-footer__form .hs-form .hs-submit .actions {
      display: block;
    }
    .site-footer__top {
      padding-top: 68px;
      padding-bottom: 60px;
    }
    .site-footer__top .widget_media_image {
      -ms-flex: 0 0 25%;
      -webkit-box-flex: 0;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .site-footer__top .widget_nav_menu {
      -ms-flex: 0 0 16.666667%;
      -webkit-box-flex: 0;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .site-footer__top .widget_text {
      -ms-flex: 0 0 33.333333%;
      -webkit-box-flex: 0;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
  }
  
  @media (max-width: 768px) {
    .site-footer__bottom .menu li a svg.svg-icon {
      height: 20px;
      width: 20px;
    }
  }
  
  /*--------------------------------------------------------------
    # HOME TEMPLATE
    --------------------------------------------------------------*/
  .content-area--home .hero-banner__mobile {
    background-size: 100% 88%;
  }
  
  /*--------------------------------------------------------------
    # Blog Post
    --------------------------------------------------------------*/
  .container.post-container {
      max-width:730px;
      position:relative;
  }
  .entry-header {
      padding-top:150px;
  }
  .entry-title {
      font-size:42px;
      font-weight:600;
      letter-spacing:0.0045em;
  }
  .entry-author-meta {
      padding-top:22px;
  }
  .entry-author-photo {
      width:50px;
      height:50px;
      border-radius:50%;
      overflow:hidden;
      position:relative;
      display:inline-block;
      vertical-align:middle;
      margin-right:15px;
  }
  .entry-author-photo img {
      position:absolute;
      top:50%;
      left:50%;
      width:100%;
      height:auto;
      display:block;
      -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
      transform:translate(-50%, -50%);
  }
  .entry-author-details {
      display:inline-block;
      width:calc(100% - 50px - 20px);
      vertical-align:middle;
  }
  .entry-author-name {
      font-size:16px;
  }
  .entry-author-post-date {
      font-size:14px;
      color:#6D6E71;
      padding-top:6px;
  }
  .entry-author-name a {
      color:#EE8A22;
      font-weight:600;
  }
  .entry-share-links {
      position:absolute;
      top:0;
      left:-150px;
  }
  .entry-share-links a {
      float:none!important;
      display:block;
      text-align:center
  }
  .entry-share-links a img {
      width:auto;
  }
  .entry-share-links a + a {
      margin-top:20px;
  }
  .entry-thumbnail {
      margin-top:60px;
      position:relative;
  }
  .entry-thumbnail::before { /* Top-right accent */
      content:"";
      display:block;
      width:230px;
      height:230px;
      background:url(/wp-content/themes/janek/img/blog-hero-accent.svg) center center no-repeat;
      position:absolute;
      top:-36px;
      right:-94px;
      z-index:0;
  }
  .entry-thumbnail::after { /* Bottom-left accent */
      content:"";
      display:block;
      width:230px;
      height:230px;
      background:url(/wp-content/themes/janek/img/blog-hero-accent.svg) center center no-repeat;
      position:absolute;
      bottom:36px;
      left:-94px;
      z-index:0;
  }
  .entry-thumbnail img {
      display:block;
      width:100%;
      height:auto;
      position:relative;
      z-index:1;
  }
  .post-container .entry-content {
      padding-top:50px;
  }
  .post-container .entry-content > p:first-child:first-letter {
      color: #222527;
      float: left;
      font-size: 3.29em;
      font-weight:700;
      line-height: 0.6em;
      padding-top: 7px;
      padding-right: 20px;
      initial-letter: 2;
  }
  .entry-content .wp-block-pullquote {
      position:relative;
  }
  .entry-content .wp-block-pullquote::before { /* Top-right accent */
      content:"";
      display:block;
      width:230px;
      height:230px;
      background:url(/wp-content/themes/janek/img/blog-hero-accent.svg) center center no-repeat;
      position:absolute;
      top:20px;
      right:-190px;
      z-index:0;
  }
  .entry-content .wp-block-pullquote::after { /* Top-right accent */
      content:"";
      display:block;
      width:230px;
      height:230px;
      background:url(/wp-content/themes/janek/img/blog-hero-accent.svg) center center no-repeat;
      position:absolute;
      bottom:1em;
      left:-190px;
      z-index:0;
  }
  .post-container .entry-content blockquote {
      position:relative;
      z-index:1;
      text-align:left;
      margin:0 -14%;
      padding:5% 11% 0 11%;
      border:1px solid #F0F0F0;
      color:#005287;
      background:#FFF;
      box-shadow:10px 10px 20px rgba(0,0,0,0.05);
  }
  .post-container .entry-content blockquote::before {
      content:'“';
      float:left;
      margin-left:-20px;
  }
  .post-container .entry-content blockquote, .post-container .entry-content blockquote p {
      font-size:36px;
      font-weight:700;
  }
  .post-container .entry-content ul, .post-container .entry-content ol {
      list-style-position:outside;
      padding-left:13px;
  }
  .products.sfn-cart-addons li .onsale{
    display:none;
  }
  @media only screen and (max-width:1024px) {
      .single-post .site-main {
          overflow-x:hidden;
      }
      .entry-header {
          padding-top:26px;
      }
      .entry-author-meta {
          padding-top:0;
      }
      .entry-share-links {
          left:-100px;
      }

      .title-badge-wrap img,
      .menupreview-wrap.with-featured-img .page-preview-thumbnail,
      .bottom-section .preview-box {
          display: none;
      }


      .menupreview-wrap.with-featured-img .page-preview-content {
          max-width: 100%;
          flex: 100%;
      }
  }
  @media only screen and (max-width:768px) {
      .entry-share-links {
          display:none;
      }
      .entry-content .wp-block-pullquote {
          padding:1em 0;
      }
      .entry-content .wp-block-pullquote::before, .entry-content .wp-block-pullquote::after {
          display:none;
      }
      .post-container .entry-content blockquote {
          margin:0;
          padding:0;
          border:none;
          box-shadow:none;
      }
      .post-container .entry-content blockquote, .post-container .entry-content blockquote p {
          font-size:26px;
      }
  }
  @media only screen and (max-width:414px) {
      .entry-thumbnail::before {
          top:-21px;
      }
      .entry-thumbnail::after {
          display:none;
      }
  }
  
  /* Categories */
  .entry-categories {
      padding-top:30px;
      padding-left:0;
  }
  .entry-categories li {
      display:inline-block;
      vertical-align:middle;
      list-style-type:none;
  }
  .entry-categories-title {
      margin-right:13px;
      font-weight:600;
  }
  .entry-categories li + li {
      margin-left:5px;
  }
  .entry-categories a {
      display:inline-block;
      border-radius:7px;
      padding:2px 8px 4px;
      font-size:14px;
      color:#FFF;
      background:#EE8A22;
      font-weight:600;
  }
  @media only screen and (max-width:414px) {
      .entry-categories {
          padding-top:10px;
      }
  }
  
  /* Comments */
  .comment-list  {
      padding-left:0;
  }
  .comment-list .comment:not(.parent) + .comment {
      margin-top:30px;
  }
  .comment-list .children {
      padding-left:30px;
      margin-top:20px;
      margin-left:0;
      border-left:2px solid #f0f0f0;
  }
  .comment-list .parent {
      margin-bottom:40px;
  }
  .comment-author {
      display:inline-block;
      vertical-align:baseline;
  }
  .fn {
      font-size:16px;
      font-weight:600;
  }
  .comment-metadata {
      margin-left:2px;
      display:inline-block;
      vertical-align:baseline;
      font-size:14px;
  }
  .comment-reply-link, .comment-edit-link {
      color:#EE8A22;
  }
  .comment-reply-link {
      font-size:85%;
      font-weight:600;
  }
  #cancel-comment-reply-link {
      color:#EE2222;
      letter-spacing:0;
      font-size:85%;
      text-transform:capitalize;
  }
  .comment-content p {
      margin-bottom:0;
  }
  .comment-content > * + * {
      margin-top:1.5em;
  }
  
  .comments-title {
      padding-top:80px;
  }
  .comment-form label {
      display:block;
      font-size:14px;
      color:#6D6E71;
      padding-bottom:10px;
  }
  .comment-form .required {
      color:#EE8A22;
  }
  .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-cookies-consent {
      display:inline-block;
      width:calc(50% - 3px);
  }
  .comment-form-author, .comment-form-url {
      padding-right:10px;
  }
  .comment-form-email, .comment-form-cookies-consent {
      padding-left:10px;
  }
  #wp-comment-cookies-consent {
      display:inline-block;
      vertical-align:top;
      margin-top:3px;
      margin-right:8px;
      width:auto;
      border:auto;
  }
  .comment-form-cookies-consent label {
      display:inline-block;
      vertical-align:top;
      width:calc(100% - 25px);
  }
  .comment-form input {
      display:block;
      width:100%;
      padding:3px;
      border:1px solid #DDDDDD;
  }
  .comment-form textarea {
      padding:3px;
      width:100%;
      border:1px solid #DDDDDD;
  }
  @media only screen and (max-width:414px) {
      .comments-title {
          padding-top:40px;
      }
      .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-cookies-consent {
          width:100%;
          display:block;
          padding:0;
      }
  }
  
  /* Related Articles */
  .related-articles-wrap {
      padding:150px 0;
  }
  .related-articles {
  padding-top:30px;
  }
  .related-article-card-content {
      display:block;
      border:1px solid #F0F0F0;
      box-shadow:10px 10px 20px rgba(0,0,0,0.05);
  }
  .related-article-card-thumb img {
      display:block;
      width:100%;
      height:246px;
      object-fit:cover;
  }
  .related-article-copy {
      padding:25px;
      min-height:190px;
  }
  .related-article-category.h-tag {
      text-transform:none;
      font-size:14px;
      color:#222527;
  }
  .related-article-title {
      color:#222527;
  }
  .related-article-date {
      color:#222527;
      font-size:16px;
  }
  @media only screen and (max-width:414px) {
      .related-articles-wrap {
          padding:80px 0;
      }
  .related-articles {
      padding-top:10px;
  }
      .related-article-card + .related-article-card {
          margin-top:35px;
      }
  }
  
  
  /*--------------------------------------------------------------
    # Request Info
    --------------------------------------------------------------*/
  
  .page-template-request-info .forms-columns-1 .input {
      width: 100%!important;
  }
  
  .page-template-request-info .form-columns-1 .input {
      margin-right: 0!important;
  }
  
  .page-template-request-info .form-columns-1 input, .form-columns-1 select, 
  .page-template-request-info .form-columns-1 textarea {
      width: 100%!important;
  }
  
  .page-template-request-info .fieldset textarea {
      height: 300px!important;
  }
  
  .page-template-request-info .form-columns-1 textarea {
      height: 100px;
  }
  
  @media (max-width: 768px){
    .page-template-request-info .request-info .hs-form .hs-submit input[type=submit] {
        width: 100%!important;
    }
  }
  @media (max-width: 600px){
    .page-template-request-info .request-info {
      color: #222527!important;
      background: #fff;
    }
    
  
    .page-template-request-info .mobile-cta{
      display: none;
    }
  }
  
  /*--------------------------------------------------------------
    # Woocommerce Admin Pages
    --------------------------------------------------------------*/
  .section.woocommerce-cart {
      padding:90px 0 90px;
      background: url(//www.janek.com/wp-content/uploads/2019/08/bg-blue-curved.png) center -110px no-repeat;
      background-size:100% auto;
  }
  .woocommerce-notices-wrapper {
      position:relative;
      top:32px;
  }
  .woocommerce table.shop_table {
      border:none;
  }
  #add_payment_method table.cart td,
  .woocommerce-cart table.cart td,
  .woocommerce-checkout table.cart td {
      vertical-align:top!important;
  }
  .product-name a {
      font-weight:700;
      font-size:18px;
      display:block;
      padding-bottom:8px;
  }
  .woocommerce-cart table.cart img.woocommerce-placeholder {
      display:none;
  }
  .product-name .wc-pao-addon-name {
      font-size:15px;
      font-weight:700;
      text-transform:uppercase;
  }
  .product-name .wc-pao-addon-online-reinforcement {
      float:right;
      margin-left:20px;
  }
  .product-name .woocommerce-Price-amount {
      color:#6EB34F;
  }
  .woocommerce-cart-form {
      margin-top:25px;
      margin-bottom:0;
      padding:10px 50px;
      box-shadow:3px 8px 16px 2px rgba(0, 0, 0, 0.04);
      border:1px solid #F0F0F0;
      background:#FFF;
  }
  .woocommerce a.remove {
      line-height:0.8;
  }
  .cart-collaterals {
      width:40%;
      float:right;
  }
  .cart_totals, .sfn-cart-addons:not(.products) {
      margin-top:40px;
      padding:30px 50px;
      box-shadow:3px 14px 16px 2px rgba(0, 0, 0, 0.04);
      border:1px solid #F0F0F0;
      background:#FFF;
      border-radius:0;
      position:relative;
      z-index:1;
  }
  .woocommerce-cart-form .actions {
      text-align:right;
  }
  .woocommerce-cart-form .actions .coupon {
      float:left;
  }
  .coupon > label {
      display:none;
  }
  .woocommerce-checkout-card-block {
      padding:50px;
      box-shadow:3px 14px 16px 2px rgba(0, 0, 0, 0.04);
      border:1px solid #F0F0F0;
      background:#FFF;
  }
  .woocommerce-additional-fields > * + h3 {
      margin-top:30px;
  }
  .woocommerce-additional-fields h3 {
      margin-bottom:5px;
  }
  
  .section.woocommerce-cart .container::after {
      content:"";
      display:table;
      width:100%;
      height:0;
      clear:both;
  }
  .sfn-cart-addons:not(.products) {
      width:56%;
      float:left;
      box-sizing:border-box;
  }
  .sfn-cart-addons .products {
      width:100%;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
  }
  .sfn-cart-addons .product_cat-addon {
  }
  .sfn-cart-addons .product_cat-addon + .product_cat-addon {
      margin-left:5%;
  }
  .sfn-cart-addons ul.products li.product a img {
      width:auto;
      max-height:81px;
  }
  .sfn-cart-addons ul.products li.product .button {
      font-size:14px;
  }
  
  .woocommerce-order {
      margin-top:20px;
  }
  .woocommerce ul.order_details {
      padding:0;
  }
  
  .woocommerce ul.products.sfn-cart-addons li.product .price{
      display: inline-flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
      font-weight: 700;
  }
  .woocommerce ul.products.sfn-cart-addons li.product .price del{
      padding-right: 5px;
      opacity: 1;
      color: #ff0000;
  }
  .cart-page-modal .fancybox-close-small svg{
      background: #C9DCE7;
      stroke: #015C92;
      stroke-width: 2.5;
  }
  .fancybox-container{
      font-family: "quasimoda", sans-serif;
  }
  .cart-page-modal{
      max-width: 1000px;
      padding: 50px;
  }
  .cart-page-modal .modal-column{
      display: flex;
      flex-wrap: wrap;
  }
  .cart-page-modal .modal-column .left{
      width: 411px;
      padding: 15px;
      border: 1px solid #C9DCE7;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .cart-page-modal .modal-column .right{
      width: calc(100% - 411px);
      padding-left: 70px;
  }
  .cart-page-modal .modal-column .right h2{
      margin-bottom: 0px;
  }
  .cart-page-modal .modal-column .right .product-price{
      font-size: 24px;
      color: #6EB34F;
      font-weight: 700;
      padding-bottom: 10px;
  }
  .cart-page-modal .modal-column .right .product-price del{
      color: #ff0000;
  }
  .cart-page-modal .modal-column .right .product-price p{
      margin-bottom: 0;
  }
  .cart-page-modal .modal-column .right .product-sort-desc{
      font-size: 18px;
      line-height: 25px;
      font-weight: 400;
      max-height: 180px;
      overflow: auto;
      margin-bottom: 15px;
  }
  .cart-page-modal .modal-column .right .modal-cta{
      position: relative;
      z-index: 1
  }
  .brochures__item-heading.h-2-smaller{font-size: 24px;}
  .discount-note{padding-bottom: 30px;}
  
  /*.author-listing_title{
    font-size: 26px;
    color: #222527;
    font-weight: 700;
  }*/
  .author-listing .insights-listings__listing{
    padding-top: 10px;
  }
  .featured-item__fimg.author-photo{
    padding-top: 0;
  }
  .author-content.featured-item--insights .featured-item__copy-rtext h2{
    margin-top: -12px;
  }
  .post-load-more{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  @media only screen and (max-width:1024px) {
      .sfn-cart-addons .products {
          flex-wrap:wrap;
      }
      .sfn-cart-addons .product_cat-addon {
          padding-bottom:40px;
      }
  }
  @media only screen and (max-width:991px) {
      .cart-page-modal .modal-column .left{
          width: 100%;
          margin-bottom: 30px;
      }
      .cart-page-modal .modal-column .right{
          width: 100%;
          padding-left: 0;
      }
      .cart-page-modal {
          max-width: 500px;
          padding: 50px 20px;
      }
  }
  @media only screen and (max-width:768px) {
      .section.woocommerce-cart {
          padding:40px 0 90px;
      }
      .woocommerce-cart-form {
          padding:0 20px;
      }
      .product-name .wc-pao-addon-online-reinforcement {
          float:none;
          margin-left:0;
      }
      .cart-collaterals {
          width:100%;
          float:none;
      }
      .cart_totals {
          padding:23px 34px;
      }
      .sfn-cart-addons:not(.products) {
          padding:23px 34px;
          float:none;
          width:100%;
      }
      .sfn-cart-addons .products {
          flex-wrap:nowrap;
      }
      .sfn-cart-addons .product_cat-addon {
          padding:0;
      }
  }
  @media only screen and (max-width:767px) {
      #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail, .woocommerce-cart-form thead {
          display:none;
      }
      #add_payment_method table.cart td, .woocommerce-cart table.cart td, .woocommerce-checkout table.cart td {
          display:inline-block;
      }
      .woocommerce table.shop_table .product-name {
          width:90%;
      }
      .woocommerce table.shop_table .product-remove {
          width:8%;
          padding:10px 0;
      }
      .woocommerce table.shop_table .product-name, .woocommerce table.shop_table .product-remove {
          border-top:none;
      }
      .woocommerce table.shop_table .product-price {
          width:50%;
      }
      .woocommerce table.shop_table .product-quantity {
          width:48%;
      }
      .woocommerce .quantity .qty {
          float:right;
      }
      .woocommerce table.shop_table .product-subtotal {
          width:100%;
          font-size:18px;
          font-weight:700;
          text-align:right;
      }
      .woocommerce table.shop_table .actions {
          padding:10px 0;
      }
      .woocommerce-cart-form .actions .coupon {
          float:none;
      }
      #coupon_code, .coupon .button {
          width:48%;
      }
      .woocommerce-cart-form .button[name="update_cart"] {
          display:block;
          width:100%;
          margin-top:10px;
      }
  
      .sfn-cart-addons .products {
          flex-wrap:wrap;
      }
      .sfn-cart-addons .product_cat-addon {
          padding-bottom:40px;
          width:calc(100% / 2 - 5%);
      }
  
      .woocommerce-checkout-card-block {
          padding:20px;
      }
      #customer_details {
          margin-bottom:40px;
      }
    .brochures__item-heading.h-2-smaller{font-size: 18px;}
  }
  
  /* 10052021 */
  
  #cards-icon-block_5d548cd728ded .cards-icon__item {
    padding: 15px;
    margin: 0;
  }
  #cards-icon-block_5d548cd728ded .cards-icon__item .cards-icon__item-inner .cards-icon__item-title{
    font-size: 16px;
  }
  #cards-icon-block_5d548cd728ded .cards-icon__item .cards-icon__item-inner{
    padding: 10px;
  }
  #cards-icon-block_5d548cd728ded .cards-icon__item .cards-icon__item-inner a{
    color: #000;
  }
  #cards-icon-block_5d548cd728ded .cards-icon__item:hover .cards-icon__item-inner {
    background-color: #e0e9f2;
    padding: 10px;
    height: 100%;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .smls-main-logo-wrapper {
    max-width: 1170px;
    padding: 0 15px;
    width: 100%;
  }
  .smls-main-logo-wrapper .smls-hover-type-3 .smls-grid-image-wrap img,
  .smls-main-logo-wrapper .smls-hover-type-3.smls-carousel-logo .smls-car-img-wrap img{
    transform: inherit !important;
    transition: inherit !important;
  }
  .smls-main-logo-wrapper .smls-grid-container-template-1 .smls-grid-pad-container,
  .smls-main-logo-wrapper .smls-grid-container-template-2 .smls-grid-pad-container{
    max-height: inherit !important;
  }
  .smls-main-logo-wrapper .smls-grid-container-template-1 .smls-grid-image-wrap,
  .smls-main-logo-wrapper .smls-grid-container-template-2 .smls-grid-image-wrap{
    min-height: inherit !important;
    max-height: inherit !important;
    height: auto !important;
    padding: 10px !important;
    width: 20% !important;
  }
  .smls-main-logo-wrapper .smls-grid-container-template-2.clearfix{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .smls-main-logo-wrapper .smls-grid-container-template-2.clearfix:before,
  .smls-main-logo-wrapper .smls-grid-container-template-2.clearfix:after{
    display: none !important;
  }
  .smls-main-logo-outer-556924496 .smls-grid-container-template-2 .smls-grid-image-wrap,
  .smls-main-logo-outer-556924496 .smls-grid-container-template-2 .popup-contact{
    width: 20% !important;
    float: none !important;
    padding: 10px !important
  }
  .smls-main-logo-outer-556924496 .smls-grid-container-template-2 .popup-contact{
    display: none !important;
  }
  
  @media (min-width: 768px) and (max-width: 999px) {
    .smls-main-logo-wrapper .smls-grid-container-template-1 .smls-grid-image-wrap,
    .smls-main-logo-wrapper .smls-grid-container-template-2 .smls-grid-image-wrap{
      width: 25% !important
    }
  }
  @media (max-width: 767px) {
    .smls-main-logo-wrapper .smls-grid-container-template-2 .smls-grid-image-wrap,
    .smls-main-logo-wrapper .smls-grid-container-template-2 .popup-contact{
      padding: 5px !important;
    }
    .smls-main-logo-wrapper .smls-grid-container-template-1 .smls-grid-image-wrap,
    .smls-main-logo-wrapper .smls-grid-container-template-2 .smls-grid-image-wrap{
      width: calc(33.3333% - 10px) !important
    }
  }
  @media (max-width: 500px) {
    .smls-main-logo-wrapper .smls-grid-container-template-1 .smls-grid-image-wrap,
    .smls-main-logo-wrapper .smls-grid-container-template-2 .smls-grid-image-wrap{
      width: calc(50% - 10px) !important
    }
  }
  
  
  @media (min-width: 1200px){
   .hero-banner {
      padding-top: 100px !important;
   }
  }
  @media (min-width: 767px) {
    .logo-slider {
       padding-top :50px !important;
   } 
  
  }
  @media (max-width: 768px) {
    #masthead {
    overflow: hidden;
      position: fixed;
      top: 0;
      width: 100%;
      box-shadow: 0 2px 10px #777;
      z-index: 99999;
  
  }
  }
  @media(max-width: 600px){
    #root button {
      display: none !important;
    }
  }
  
  /*exit intent popup nov 11, 2021*/
  html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{
    overflow-y: unset !important;
  }
  
  .pum-content{
    outline: none !important;
      border: 0 !important;
  }
  
  #popmake-4702{
  
  }
  
  #popmake-4702 .content-wrper{
    position: relative;
  }
  
  #popmake-4702 button.pum-close{
    right: 10px;
    top: 10px;
    background: none;
    border: 0;
    box-shadow: 0 0 0;
    color: #000;
    font-size: 40px;
  }
  
  #popmake-4702 .content-wrper h2 span{border-bottom: 4px solid #FF8D17;font-size: 32px;}
  
  #popmake-4702 .content-wrper p{font-weight: 400;max-width: 440px;}
  
  #popmake-4702 .img-container{
    height: 100%;
    position: relative;
  }
  
  #popmake-4702 .img-container img{    
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
    @media (min-width: 1780px) {
      #popmake-4702 .img-container:before{
        content:'';
        background: #fff;
        height: 100%;
        width: 67px;
        position: absolute;
        left: -35px;
        top: 0;
        transform: skewX(355deg);
        z-index: 1;
      }
    }
  
    @media (min-width: 1200px) {
      #popmake-4702 .content-wrper{padding: 0 20px;}
  
      #popmake-4702{padding:0;}
        
        #popmake-4702 .img-container:after{
        content: url('/wp-content/uploads/2019/12/cross-pattern-1.png');
        position: absolute;
        top: 0;
        right: 0;
      }
  
  
      #popmake-4702 .content-wrper:before{
        content: url('/wp-content/uploads/2019/12/cross-pattern-1.png');
        position: absolute;
        bottom: -149px;
        left: 0;
      }
    
    }
  
  

  /* new blog page  */

  .blog-detail-wrap-section{
    padding: 156px 0 0;
  }
  .blog-detail-wrap-section .container{
    max-width: 1224px;
    padding: 0 15px;
  }
  .blog-detail-wrap-section h1{
    max-width: 786px;
    margin: 0 0 30px;
  }
  .blog-detail-wrap-section .author-info .name{
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #EE8A22;
    padding-left: 0 !important;
    width: auto;
  }
  .blog-detail-wrap-section .author-info .name img{
    border-radius: 100%;
    margin: 0 12px 0 0;
  }
  .blog-detail-wrap-section .author-info .space{
    padding: 0 18px;
    border-right: 1px solid rgba(34, 37, 39, 24%);
  }
  .blog-detail-wrap-section .author-info .space.date{
    width: auto;
  }
   .blog-detail-wrap-section .related-articles h2 {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1.75px;
    line-height: 1.4;
  }
  .blog-detail-wrap-section .author-info .name a{
    display: flex;
    align-items: center;
  }
  .blog-detail-wrap-section .author-info{
    border-top: 1px solid rgba(34, 37, 39, 24%);
    padding: 20px 0 0;
  }
  .blog-detail-wrap-section .author-info .link{
    color: #ED8B00;
  }
  .blog-detail-wrap-section .left p{
    color: #222527;
    font-family: "quasimoda", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5555;
    font-weight: 300;
  }
  .blog-detail-wrap-section h2{
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    color: #222527;
  }
  .blog-detail-wrap-section .left ul li{
    position: relative;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #222527;
    padding: 3px 0;
  }
  .blog-detail-wrap-section .author-info .space.link{
    width: 830px;
    border-right: 0;
  }
  .blog-detail-wrap-section .left ul li:before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../janek/img/bullet.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -27px;
    top: 8px;
  }
  .blog-detail-wrap-section ul li::marker{
    display: none;
    font-size: 0;
  }
  .blog-detail-wrap-section .left .image{
    margin: 60px 0;
  }
  .blog-detail-wrap-section .left p span{
    color: #EE8A22;
  }
    .blog-detail-wrap-section .right .subscribed{
      background-color: #FDECDB;
      text-align: center;
      padding: 30px;
    }
    .blog-detail-wrap-section .right .subscribed img{
      padding: 37px 0 20px;
    }
    .blog-detail-wrap-section .right .subscribed .title{
      position: relative;
      font-size: 24px;
      line-height: 46px;
      font-weight: 400;
      color: #222527;
    }
    .blog-detail-wrap-section .right .subscribed .title:before{
      content: "";
      width: 64px;
      height: 3px;
      background-color: #EE8A22;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
    }
    .blog-detail-wrap-section .right .subscribed p{
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      color: #222527;
      cursor: pointer;
    }
    .blog-detail-wrap-section .right{
      margin: 30px 0 0;
    }
    .blog-detail-wrap-section .right .subscribed .hs-button.primary.large:hover{
      border: 2px solid #EE8A22;
      color: #EE8A22;
      background-color: transparent;
    }
    .blog-detail-wrap-section .right .subscribed .hs-submit .actions:before{
      display: none;
    }
    .blog-detail-wrap-section .right .subscribed .hs-form .hs-submit .actions{
      width: 100%;
      background-color: transparent;
    }
    .blog-detail-wrap-section .right .subscribed .hs-form input{
      height: 42px !important;
    }
    .blog-detail-wrap-section .right .subscribed h2{
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      color: #222527;
    }
    .subscribed .hs-form .hs-form-field label{
      font-size: 14px;
      line-height: 24px;
      font-weight: 400;
      color: #222527;
      margin: 0 0 8px;
    }
    .blog-detail-wrap-section .right .subscribed .hs-button.primary.large{
      width: 100%;
      background-color: #EE8A22;
      border: 2px solid #EE8A22 !important;
      color: #fff;
      font-size: 14px;
      line-height: 19px;
      font-weight: 700;
      width: 100%;
      border: none;
      box-shadow: none;
      text-transform: uppercase;
      padding: 10px 8px;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    }
    .blog-detail-wrap-section .right .search-box{
      margin: 0 0 37px;
    }
    .blog-detail-wrap-section .right .search-box .input-group{
      position: relative;
    }
    .blog-detail-wrap-section .right .search-box .form-control{
        width: 100%;
        height: 52px;
        font-size: 14px;
      line-height: 19px;
      font-weight: 600;
      color: #222527;
      padding: 10px 20px;
    }
    .blog-detail-wrap-section .right .search-box .search{
      position: absolute;
      top: -1px;
    right: 0;
    background: #EE8A22;
      width: 65px;
      height: 52px;
      border: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }
    .blog-detail-wrap-section .right .subscribed .form-control{
      width: 100%;
    height: 52px;
    border: 1px solid #DDDDDD;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #222527;
    padding: 10px 20px;
    }
      .blog-detail-wrap-section .right .title{
        font-size: 24px;
        line-height: 28px;
        color: #222527;
        font-weight: 700;
        padding: 0 0 14px;
      }
      .blog-detail-wrap-section .right ul{
        padding: 0;
      }
      .blog-detail-wrap-section .right .filter-by{
        padding: 37px 0 0;
      }
      .blog-detail-wrap-section .right .filter-by ul li{
        padding: 12px 0;
        border-bottom: 1px solid #DDDDDD;
      }
      .blog-detail-wrap-section .right .filter-by ul li:nth-last-child(1){
        border-bottom: 0;
      }
      .blog-detail-wrap-section .right .filter-by ul li a{
        font-size: 18px;
        line-height: 26px;
        color: #222527;
        font-weight: 400;
        -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
      }
      .blog-detail-wrap-section .right .filter-by ul li a:hover{
        color: #EE8A22;
      }
      .blog-detail-wrap-section .right .share-article ul li{
        margin: 0 10px 0 0;
      }
      .blog-detail-wrap-section .right .share-article{
        padding: 15px 0 0;
      }
       .blog-detail-wrap-section .right .share-article ul{
        margin: 8px 0 0;
       }
      .blog-detail-wrap-section .right .share-article ul li a{
        width: 40px;
        height: 40px;
        border: 1px solid #FDECDB;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }
      .blog-detail-wrap-section .right .share-article ul li a:hover{
        background-color: #FDECDB;
      }
      .blog-detail-wrap-section .left .image{
        position: relative;
        text-align: center;
      }
      .blog-detail-wrap-section .left .image img{
        width: 92%;
      }
      .blog-detail-wrap-section .left .image:before{
        content: "";
        width: 151px;
        height: 130px;
        background-image: url(../janek/img/blog-detail-img-bg.png);
        background-repeat: no-repeat;
        background-position: right top;
        position: absolute;
        right: 0;
        top: -30px;
        z-index: -1;
      }
      .blog-detail-wrap-section .left .image:after{
        content: "";
        width: 151px;
        height: 130px;
        background-image: url(../janek/img/blog-detail-img-bg.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        position: absolute;
        left: 0;
        bottom: -30px;
        z-index: -1;
      }
      .blog-detail-wrap-section .blog-links{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 20px;
      }
      .blog-detail-wrap-section .blog-links .prev span{
        max-width: 215px;
        display: inline-flex;
        margin-left: 10px;
      }
      .blog-detail-wrap-section .blog-links .next span{
        max-width: 215px;
        display: inline-flex;
        text-align: right;
        margin-right: 10px;
      }
      .blog-detail-wrap-section .related-articles-wrap{
        padding: 80px 0 150px;
      }
       @media (max-width: 1200px) {
        .blog-detail-wrap-section .author-info .space.link {
            width: 670px;
            border-right: 0;
        }
        }
       @media (max-width: 991px) {
        .blog-detail-wrap-section .left .image img{
        width: 100%;
      }
        .blog-detail-wrap-section .left .image:before{
          display: none;
        }
        .blog-detail-wrap-section .left .image:after{
          display: none;
        }
        .blog-detail-wrap-section h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .blog-detail-wrap-section .left ul li:before {
    content: "";
    width: 14px;
    height: 14px;
    background-size: contain;
    top: 13px;
}
.blog-detail-wrap-section .left ul li{
  padding: 5px 0;
}
.blog-detail-wrap-section .left p{
  margin-bottom: 15px;
}
.blog-detail-wrap-section .right .search-box{
  margin: 30px 0 20px;
}
.blog-detail-wrap-section .right .subscribed img {
    padding: 30px 0 20px;
}
.blog-detail-wrap-section .blog-links{
  flex-wrap: wrap;
}
.blog-detail-wrap-section .blog-links .next span{
  max-width: 100%;
}
.blog-detail-wrap-section .blog-links .prev span{
  max-width: 100%;
}
.blog-detail-wrap-section .author-info{
  flex-wrap: wrap;
  justify-content: center;
}
.blog-detail-wrap-section .author-info .space{
  margin: 5px 0;
}
.blog-detail-wrap-section .blog-links .prev{
  display: flex;
}
.related-articles-wrap{
  padding: 50px 0;
}
.blog-detail-wrap-section h2.comments-title{
  padding-top: 50px;
}
.blog-detail-wrap-section .author-info .space.link{
    width: auto;
    border-right: 0;
  }
  @media (max-width: 768px) {
    .blog-detail-wrap-section {
      padding: 50px 0 0;
    }
}


.woocommerce-Price-amount{
  color: #6EB34F;
}

.woocommerce-Price-currencySymbol{
  color: #6EB34F!important;

}

.woocommerce-Price-currencySymbol ins{
  color: #6EB34F!important;

}