/*! normalize.css v8.0.1 | 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;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * 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 {
    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 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 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 {
    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'] {
    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;
  }


  /*
- Jarallax
- Bootstrap Grid
- Slick Slider
- Scroll Spy
- Chocolat
*/

/*--------------------------------------------------------------
/** Jarallax
--------------------------------------------------------------*/
.jarallax {
    position: relative;
    z-index: 0;
  }
  .jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    top: 2%;
    left: 1%;
    width: 98%;
    height: 105%;
    z-index: -1;
    border-radius: 8px;
  }
  .jarallax-keep-img {
    position: relative;
    z-index: 0;
  }
  .jarallax-keep-img > .jarallax-img {
      position: relative;
      display: block;
      max-width: 100%;
      height: auto;
      z-index: -100;
  }
  
  /*--------------------------------------------------------------
  /** Slick Slider Css
  --------------------------------------------------------------*/
  /* Slider */
  .slick-loading .slick-list
  {
      background: #fff url('./ajax-loader.gif') center center no-repeat;
  }
  
  /* Arrows */
  .slick-prev,
  .slick-next
  {
      font-size: 0;
      line-height: 0;
  
      position: absolute;
      top: 50%;
  
      display: block;
  
      width: 20px;
      height: 20px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  
      cursor: pointer;
  
      color: transparent;
      border: none;
      outline: none;
      background: transparent;
  }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus
  {
      color: transparent;
      outline: none;
      background: transparent;
  }
  .slick-prev:hover:before,
  .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before
  {
      opacity: 1;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before
  {
      opacity: .25;
  }
  
  .slick-prev:before,
  .slick-next:before
  {
      font-family: 'slick';
      font-size: 20px;
      line-height: 1;
  
      opacity: .75;
      color: white;
  
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .slick-prev
  {
      left: -25px;
  }
  [dir='rtl'] .slick-prev
  {
      right: -25px;
      left: auto;
  }
  .slick-prev:before
  {
      content: '←';
  }
  [dir='rtl'] .slick-prev:before
  {
      content: '→';
  }
  
  .slick-next
  {
      right: -25px;
  }
  [dir='rtl'] .slick-next
  {
      right: auto;
      left: -25px;
  }
  .slick-next:before
  {
      content: '→';
  }
  [dir='rtl'] .slick-next:before
  {
      content: '←';
  }
  
  /* Dots */
  .slick-dotted.slick-slider
  {
      margin-bottom: 30px;
  }
  
  .slick-dots
  {
      position: absolute;
      bottom: -25px;
  
      display: block;
  
      width: 100%;
      padding: 0;
      margin: 0;
  
      list-style: none;
  
      text-align: center;
  }
  .slick-dots li
  {
      position: relative;
  
      display: inline-block;
  
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
  
      cursor: pointer;
  }
  .slick-dots li button
  {
      font-size: 0;
      line-height: 0;
  
      display: block;
  
      width: 20px;
      height: 20px;
      padding: 5px;
  
      cursor: pointer;
  
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus
  {
      outline: none;
  }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before
  {
      opacity: 1;
  }
  .slick-dots li button:before
  {
      font-family: 'slick';
      font-size: 6px;
      line-height: 20px;
  
      position: absolute;
      top: 0;
      left: 0;
  
      width: 20px;
      height: 20px;
  
      content: '•';
      text-align: center;
  
      opacity: .25;
      color: black;
  
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  .slick-dots li.slick-active button:before
  {
      opacity: .75;
      color: black;
  }
  
  /* Slider */
  .slick-slider
  {
      position: relative;
  
      display: block;
      box-sizing: border-box;
  
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list
  {
      position: relative;
  
      display: block;
      overflow: hidden;
  
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
  
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
  
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  
  .slick-slide
  {
      display: none;
      float: left;
  
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
  
      height: auto;
  
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }
  
  
  /* scroll spy */
  
  .scrollspy-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  
  .scrollspy-nav .scrollspy-link {
    transition: 0.3s ease;
    margin: 0px 10px;
    padding: 0px 15px;
    cursor: pointer;
  }
  
  .scrollspy-nav .scrollspy-link:hover {
    color: #C5A992;
  }
  
  .scrollspy-nav .scrollspy-indicator {
    position: absolute;
    height: 3px;
    width: 0;
    background: #C5A992;
    bottom: 0;
    left: 0;
    transition: width 0.3s, left 0.1s;
  }
  
  .scrollspy-section {
    
  }
  
  /* Chocolat Lightbox */
  
  .chocolat-zoomable.chocolat-zoomed {
      cursor: zoom-out;
  }
  .chocolat-open {
      overflow: hidden;
  }
  .chocolat-overlay {
      transition: opacity 0.4s ease, visibility 0s 0.4s ease;
      height: 100%;
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 10;
      background-color: #000;
      visibility: hidden;
      opacity: 0;
  }
  .chocolat-overlay.chocolat-visible {
      transition: opacity 0.4s, visibility 0s;
      visibility: visible;
      opacity: 0.8;
  }
  
  .chocolat-wrapper {
      transition: opacity 0.4s ease, visibility 0s 0.4s ease;
      width: 100%;
      height: 100%;
      position: fixed;
      opacity: 0;
      left: 0;
      top: 0;
      z-index: 16;
      color: #fff;
      visibility: hidden;
  }
  .chocolat-wrapper.chocolat-visible {
      transition: opacity 0.4s, visibility 0s;
      opacity: 1;
      visibility: visible;
  }
  
  .chocolat-zoomable .chocolat-img {
      cursor: zoom-in;
  }
  .chocolat-loader {
      transition: opacity 0.3s;
      height: 32px;
      width: 32px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -16px;
      margin-top: -16px;
      z-index: 11;
      background: url(../images/chocolat/loader.gif);
      opacity: 0;
  }
  .chocolat-loader.chocolat-visible {
      opacity: 1;
  }
  
  .chocolat-image-wrapper {
      position: fixed;
      width: 0px;
      height: 0px;
      left: 50%;
      top: 50%;
      z-index: 14;
      text-align: left;
      transform: translate(-50%, -50%);
  }
  
  .chocolat-image-wrapper .chocolat-img {
      position: absolute;
      width: 100%;
      height: 100%;
  }
  .chocolat-wrapper .chocolat-left {
      width: 50px;
      height: 100px;
      cursor: pointer;
      background: url(../images/chocolat/left.png) 50% 50% no-repeat;
      z-index: 17;
      visibility: hidden;
  }
  
  .chocolat-layout {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
  }
  .chocolat-image-canvas {
      transition: opacity .2s;
      opacity: 0;
      flex-grow: 1;
      align-self: stretch;
  }
  .chocolat-image-canvas.chocolat-visible {
      opacity: 1;
  }
  .chocolat-center {
      flex-grow: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      user-select: none;
  }
  
  .chocolat-wrapper .chocolat-right {
      width: 50px;
      height: 100px;
      cursor: pointer;
      background: url(../images/chocolat/right.png) 50% 50% no-repeat;
      z-index: 17;
      visibility: hidden;
  }
  .chocolat-wrapper .chocolat-right.active {
      visibility: visible;
  }
  .chocolat-wrapper .chocolat-left.active {
      visibility: visible;
  }
  .chocolat-wrapper .chocolat-top {
      height: 50px;
      overflow: hidden;
      z-index: 17;
      flex-shrink: 0;
  }
  .chocolat-wrapper .chocolat-close {
      width: 50px;
      height: 50px;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      background: url(../images/chocolat/close.png) 50% 50% no-repeat;
  }
  .chocolat-wrapper .chocolat-bottom {
      height: 40px;
      font-size: 12px;
      z-index: 17;
      padding-left: 15px;
      padding-right: 15px;
      background: rgba(0, 0, 0, 0.2);
      flex-shrink: 0;
      display: flex;
      align-items: center;
  
  }
  .chocolat-wrapper .chocolat-set-title {
      display: inline-block;
      padding-right: 15px;
      line-height: 1;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
  .chocolat-wrapper .chocolat-pagination {
      float: right;
      display: inline-block;
      padding-left: 15px;
      padding-right: 15px;
      margin-right: 15px;
      /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
  }
  .chocolat-wrapper .chocolat-fullscreen {
      width: 16px;
      height: 40px;
      background: url(../images/chocolat/fullscreen.png) 50% 50% no-repeat;
      display: block;
      cursor: pointer;
      float: right;
  }
  .chocolat-wrapper .chocolat-description {
      display: inline-block;
      flex-grow: 1;
      text-align: left;
  }
  
  /* no container mode*/
  body.chocolat-open > .chocolat-overlay {
      z-index: 15;
  }
  body.chocolat-open > .chocolat-loader {
      z-index: 15;
  }
  body.chocolat-open > .chocolat-image-wrapper {
      z-index: 17;
  }
  
  /* container mode*/
  .chocolat-in-container .chocolat-wrapper,
  .chocolat-in-container .chocolat-image-wrapper,
  .chocolat-in-container .chocolat-overlay {
      position: absolute;
  }
  .chocolat-in-container {
      position: relative;
  }
  
  .chocolat-zoomable.chocolat-zooming-in .chocolat-image-wrapper,
  .chocolat-zoomable.chocolat-zooming-out .chocolat-image-wrapper {
      transition: width .2s ease, height .2s ease;
  }
  .chocolat-zoomable.chocolat-zooming-in .chocolat-img,
  .chocolat-zoomable.chocolat-zooming-out .chocolat-img {
      transition: margin .2s ease;
  }
  
  /* uncomment to hide controls when zoomed-in*/
  /*
  .chocolat-zoomable .chocolat-top,
  .chocolat-zoomable .chocolat-bottom,
  .chocolat-zoomable .chocolat-right,
  .chocolat-zoomable .chocolat-left {
      transition: opacity .3s ease, visibility 0s .3s;
     opacity: 1;
  }
  
  .chocolat-zoomable.chocolat-zoomed .chocolat-top,
  .chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
  .chocolat-zoomable.chocolat-zoomed .chocolat-right,
  .chocolat-zoomable.chocolat-zoomed .chocolat-left {
      visibility: hidden;
      opacity: 0;
  }
  */
  

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w0aXp-p7K4KLjztg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w9aXp-p7K4KLjztg.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w2aXp-p7K4KLjztg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w3aXp-p7K4KLjztg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w5aXp-p7K4KLg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  


.text-light {
    --bs-text-opacity: 0.6;
  }
  
  /*--------------------------------------------------------------
  /** 1. VARIABLES
  --------------------------------------------------------------*/
  :root {
    /* widths for rows and containers
       */
    --header-height: 120px;
    --header-height-min: 80px;
  }
  
  /* on mobile devices below 600px
   */
  @media screen and (max-width: 600px) {
    :root {
      --header-height: 100px;
      --header-height-min: 80px;
    }
    ..navbar .container {
        flex-direction: row;
    }
  }
  
  /* Theme Colors */
  :root {
    --accent-color: #C5A992;
    --dark-color: #2f2f2f;
    --grey-color: #f1f1f1;
    --body-text-color: #757575;
    --light-text-color: #afafaf;
    --dark-text-color: #2f2f2f;
  }
  
  /* Fonts */
  :root {
    --body-font: "Roboto", sans-serif;
    --heading-font: 'Montserrat', sans-serif;
  }
  
  /* Bootstrap */
  body {
    --heading-font: "Montserrat", Roboto, sans-serif;
    --heading-font-weight: 400;
    --heading-color: #111;
    --heading-line-height: 1.24;
  
    --swiper-theme-color: #C5A992;
  
    /* bootstrap */
    --bs-body-font-family: "Roboto", Arial, sans-serif;
    --bs-body-font-size: 18px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #757575;
    --bs-body-color-rgb: 117, 117, 117;
  
    --bs-primary: #C5A992;
    --bs-secondary: #6c757d;
    --bs-black: #111;
    --bs-light: #F1F1F0;
    --bs-dark: #2f2f2f;
    --bs-gray: #9aa1a7;
    --bs-gray-dark: #51565b;
  
    --bs-primary-rgb: 197, 169, 146;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-black-rgb: 17, 17, 17;
    --bs-light-rgb: 241, 241, 240;
    --bs-dark-rgb: 33, 37, 41;
  
    --bs-link-color: #111;
    --bs-link-color-rgb: 17, 17, 17;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #111;
    --bs-link-hover-color-rgb: 17, 17, 17;
  }
  
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    font-family: var(--heading-font);
    font-weight: var(--heading-font-weight);
    color: var(--heading-color);
    line-height: var(--heading-line-height);
  }
  
  h1.light,
  .h1,
  h2.light,
  .h2,
  h3.light,
  .h3,
  h4.light,
  .h4,
  h5.light,
  .h5,
  h6.light,
  .h6 {
    color: var(--light-color);
  }
  
  /* container fluid */
  .container-fluid {
    /* width: 98%; */
    max-width: 1800px;
  }
  
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 2.5rem;
  }
  
  /* Dropdown */
  .dropdown-menu {
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-width: 0;
  }
  
  .dropdown-item {
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-link-color: var(--bs-black);
    --bs-dropdown-item-border-radius: 0;
  }
  
  .dropdown-item.active,
  .dropdown-item:active {
    --bs-dropdown-link-active-color: var(--bs-light);
    --bs-dropdown-link-active-bg: var(--bs-black);
  }
  
  /* list group */
  .list-group-item {
    --bs-list-group-item-padding-x: 0;
    --bs-list-group-border-width: 0;
  }
  
  /* btn */
  .btn {
    --bs-btn-border-radius: 0;
  }
  
  .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8C907E;
    --bs-btn-border-color: #8C907E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5e624e;
    --bs-btn-hover-border-color: #5e624e;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5e624e;
    --bs-btn-active-border-color: #5e624e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8C907E;
    --bs-btn-disabled-border-color: #8C907E;
  }
  
  .btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
  }
  
  .pagination {
    --bs-pagination-active-bg: var(--bs-black);
    --bs-pagination-border-width: 0;
    --bs-pagination-border-radius: 0;
  }
  
  /* breadcrumb */
  .breadcrumb {
    --bs-breadcrumb-item-padding-x: 1em;
  }
  
  /* text white */
  .text-white {
    --heading-color: var(--bs-light);
    --bs-breadcrumb-item-active-color: var(--bs-light);
    --bs-breadcrumb-divider-color: var(--bs-light);
    --bs-link-color-rgb: var(--bs-light-rgb);
    --bs-link-hover-color-rgb: var(--bs-light-rgb);
  }
  
  .text-white .nav-link {
    --bs-nav-link-color: var(--bs-light);
    --bs-nav-link-hover-color: var(--bs-light);
    --bs-nav-link-active-color: var(--bs-light);
    --bs-navbar-active-color: var(--bs-light);
  }
  
  /* accordion */
  .accordion {
    --bs-accordion-active-color: var(--bs-dark);
    --bs-accordion-active-bg: transparent; 
  }
  .accordion-button {
    margin: 0;
  }
  
  /* form control */
  .form-control:focus {
    border-color: #ccc;
    box-shadow: 0 0 0 0.25rem rgba(200, 200, 200, .25);
  }
  
  /* dark theme */
  [data-bs-theme=dark] body {
    color-scheme: dark;
  
    --heading-color: #fff;
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    --bs-link-color-rgb: 255, 255, 255;
    --bs-link-hover-color-rgb: 255, 255, 255;
    --bs-body-color: #d1d1d1;
    --bs-body-bg: #111;
    --bs-body-bg-rgb: 17, 17, 41;
  }
  
  [data-bs-theme=dark] .dropdown-item {
    --bs-dropdown-link-color: var(--bs-light);
    --bs-dropdown-link-hover-color: var(--bs-white);
  }
  
  [data-bs-theme=dark] .bg-white,
  [data-bs-theme=dark] .bg-light {
    --bs-bg-opacity: 0.1;
  }
  
  [data-bs-theme=dark] .btn-link,
  [data-bs-theme=dark] a {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    --bs-link-color-rgb: 255, 255, 255;
    --bs-link-hover-color-rgb: 255, 255, 255;
  }
  
  [data-bs-theme=dark] h1,
  [data-bs-theme=dark] h2,
  [data-bs-theme=dark] h3,
  [data-bs-theme=dark] h4,
  [data-bs-theme=dark] h5,
  [data-bs-theme=dark] h6 {
    --heading-color: #fff;
  }
  
  /* end of Bootstrap Color Theme */
  /*----------------------------------------------*/
  /* 2 GENERAL TYPOGRAPHY */
  /*----------------------------------------------*/
  
  /* 2.1 General Styles
  /*----------------------------------------------*/
  *,
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  html {
    box-sizing: border-box;
  }
  
  body {
    font-family: var(--body-font);
    font-size: 16px;
    line-height: 1.8;
    color: #757575;
  }
  
  body.no-scroll {
    overflow: hidden;
  }
  
  a {
    color: #111;
    text-decoration: none;
  }
  
  a:hover {
    color: #111;
    text-decoration: none;
  }
  
  ul,
  ol {
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
  }
  
  ul ul,
  ol ul,
  ul ol,
  ol ol {
    margin-top: 5px;
    margin-bottom: 0;
  }
  
  ul li,
  ol li {
    margin-bottom: 5px;
    outline: 0;
  }
  
  ul li.active a {
    color: #daa556;
  }
  
  ul li:last-child,
  ol li:last-child {
    margin-bottom: 0;
  }
  
  dl {
    margin-top: 0;
    margin-bottom: 2rem;
  }
  
  dt,
  dd {
    line-height: 1.42857143;
  }
  
  dt {
    font-weight: bold;
  }
  
  dd {
    margin-left: 0;
  }
  
  button,
  input,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0;
  }
  
  figure {
    margin: 0;
  }
  
  img {
    display: inline-block;
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
  }
  
  ::selection {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-shadow: none;
  }
  
  ::-moz-selection {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-shadow: none;
  }
  
  /* image align */
  figure.align-right {
    margin: 30px 0 30px 30px;
  }
  
  /* Typography */
  /*----------------------------------------------*/
  
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    font-weight: 700;
    line-height: 1.2;
    color: var(--dark-color);
  }
  
  h1.light,
  .h1,
  h2.light,
  .h2,
  h3.light,
  .h3,
  h4.light,
  .h4,
  h5.light,
  .h5,
  h6.light,
  .h6 {
    color: #fff;
  }
  
  h1,
  h2,
  h3 {
    margin: 0 0 25px;
    text-transform: capitalize;
  }
  
  h5,
  h6 {
    letter-spacing: 1px;
  }
  
  h1,
  .h1 {
    font-size: 2.5em;
    line-height: 1.4;
  }
  
  h2,
  .h2 {
    font-size: 1.5em;
    line-height: 1.4;
  }
  
  h3,
  .h3 {
    font-size: 1.4em;
    line-height: 1.4;
  }
  
  h4,
  .h4 {
    font-size: 1.1em;
    line-height: 1.4;
  }
  
  h5,
  .h5 {
    font-size: .83em;
    line-height: 1.25;
  }
  
  h6,
  .h6 {
    font-size: .67em;
    line-height: 1.1;
  }
  
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
  }
  
  p {
    margin: 0 0 20px 0;
  }
  
  p:empty {
    display: none;
  }
  
  small {
    font-size: 85%;
  }
  
  mark {
    background-color: #fcf8e3;
    padding: 0.28rem;
  }
  
  dfn,
  cite,
  em,
  i {
    font-style: italic;
  }
  
  code,
  kbd,
  var {
    font-size: 14px;
  }
  
  code {
    background-color: #f9f2f4;
  }
  
  abbr {
    border-bottom: 0.1px dotted #666;
    cursor: help;
  }
  
  ::placeholder {
    color: #999;
  }
  
  /*----------------------------------------------*/
  /* 2.1 Floating & Alignment */
  /*----------------------------------------------*/
  
  .align-left {
    float: left;
    text-align: left;
  }
  
  .align-right {
    float: right;
    text-align: right;
  }
  
  .align-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  
  /**::after,*/
  .container::after,
  .row::after,
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
  
  /** Text Align
  --------------------------------------------------------------*/
  
  .text-left {
    text-align: left;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-justify {
    text-align: justify;
  }
  
  .text-nowrap {
    white-space: nowrap;
  }
  
  .text-lead {
    font-size: 24px;
    line-height: 1.7em;
  }
  
  .text-lead strong {
    font-weight: 500;
  }
  
  .text-muted {
    color: #777;
  }
  
  .text-pri {
    color: #ff9697;
  }
  
  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  /*------------------------------------------------
  /* 2.3 Forms
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="text"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  textarea,
  select {
    height: 38px;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
  }
  
  /* Removes awkward default styles on some inputs for iOS */
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="text"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="text"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #33C3F0;
    outline: 0;
  }
  
  label,
  legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
  }
  
  fieldset {
    padding: 0;
    border-width: 0;
  }
  
  input[type="checkbox"],
  input[type="radio"] {
    display: inline;
  }
  
  label>.label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
  }
  
  /*------------------------------------------------
  /* 2.4 Lists
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  ul {
    list-style: circle inside;
  }
  
  ol {
    list-style: decimal inside;
  }
  
  ol,
  ul {
    padding-left: 0;
    margin-top: 0;
  }
  
  ul ul,
  ul ol,
  ol ol,
  ol ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%;
  }
  
  li {
    margin-bottom: 1rem;
  }
  
  /*------------------------------------------------
  /* 2.5 Code
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
  }
  
  pre>code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
  }
  
  /*------------------------------------------------
  /* 2.6 Tables
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  th,
  td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
  }
  
  th:first-child,
  td:first-child {
    padding-left: 0;
  }
  
  th:last-child,
  td:last-child {
    padding-right: 0;
  }
  
  /*------------------------------------------------
  /* 2.7 Spacing
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  button,
  .button {
    margin-bottom: 1rem;
  }
  
  input,
  textarea,
  select,
  fieldset {
    margin-bottom: 1.5rem;
  }
  
  pre,
  blockquote,
  dl,
  figure,
  table,
  p,
  ul,
  ol,
  form {
    margin-bottom: 2.5rem;
  }
  
  /*------------------------------------------------
  /* 2.8 Utilities
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .u-full-width {
    width: 100%;
    box-sizing: border-box;
  }
  
  .u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
  }
  
  .u-pull-right {
    float: right;
  }
  
  .u-pull-left {
    float: left;
  }
  
  .list-icon i {
    margin-right: 10px;
  }
  
  .list-unstyled {
    list-style: none;
  }
  
  .txt-fx .letter {
    opacity: 0;
  }
  
  /*------------------------------------------------
  /* 2.9 Misc
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
  }
  
  /*--------------------------------------------------------------
  /** 2.10 Buttons
  --------------------------------------------------------------*/
  a.btn,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="file"],
  button {
    background-image: none;
    background: var(--accent-color);
    text-decoration: none !important;
    display: inline-block;
    position: relative;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.75em 1.5em;
    margin-top: 15px;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .btn:hover,
  .btn:focus,
  input[type="button"]:focus,
  input[type="button"]:hover,
  input[type="submit"]:focus,
  input[type="submit"]:hover,
  input[type="reset"]:focus,
  input[type="reset"]:hover,
  input[type="file"]:focus,
  input[type="file"]:hover,
  button:focus,
  button:hover {
    text-decoration: none;
    outline: 0;
  }
  
  .light .btn:hover {
    color: #fff;
  }
  
  .btn:last-child {
    margin-right: 0;
  }
  
  .btn:active,
  .btn.btn-outline-light:active,
  .btn.btn-outline-dark:active,
  .btn.btn-outline-accent:active,
  input[type="button"]:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="file"]:active,
  button:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
  }
  
  a.btn.disabled,
  fieldset[disabled] a.btn {
    pointer-events: none;
  }
  
  /* - Button Sizes
  ------------------------------------------------------------- */
  .btn.btn-small {
    padding: 0.325em 1.7em;
    font-size: 0.65em;
  }
  
  .btn.btn-medium {
    padding: 0.5em 1.75em;
    font-size: 0.75em;
  }
  
  .btn.btn-large {
    padding: 1em 2.5em;
  }
  
  .btn.btn-xlarge {
    padding: 1.5em 2.7em;
    font-size: 0.9em;
  }
  
  .btn.btn-image {
    background-color: transparent;
    padding: 0;
    max-height: 50px;
  }
  
  .btn.btn-image img {
    max-height: 50px;
  }
  
  /* - Button Shapes
  ------------------------------------------------------------- */
  .btn.btn-rounded,
  .btn.btn-rounded::after {
    border-radius: 4px;
  }
  
  .btn.btn-pill,
  .btn.btn-pill::after {
    border-radius: 2em;
  }
  
  /* button outline */
  .btn.btn-outline-dark,
  .btn.btn-outline-light,
  .btn.btn-outline-accent {
    background: transparent;
    text-shadow: none;
    box-shadow: none;
  }
  
  .btn.btn-outline-dark:hover::after,
  .btn.btn-outline-light:hover::after {
    background-color: transparent;
  }
  
  .btn.btn-outline-dark {
    border-color: rgba(0, 0, 0, 0.3);
    color: #121212;
  }
  
  .btn.btn-outline-dark:hover {
    background: rgba(0, 0, 0, .03);
    background: #121212;
    border-color: #121212;
    color: #fff;
  }
  
  .btn.btn-outline-light {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
  }
  
  .btn.btn-outline-light:hover {
    background: rgba(255, 255, 255, .045);
    background: #fff;
    border-color: #fff;
    color: #121212;
  }
  
  .btn.btn-outline-accent {
    background: transparent;
    border-color: #c59d5f;
    color: #c59d5f;
  }
  
  .btn.btn-outline-accent:hover {
    border-color: var(--dark-color);
    color: var(--dark-color) !important;
  }
  
  .btn.btn-outline-light {
    background: transparent;
    border-color: #f4ebf2;
    color: #f4ebf2;
  }
  
  .btn.btn-outline-light:hover {
    border-color: var(--accent-color);
    color: var(--accent-color) !important;
  }
  
  .btn.btn-full {
    display: block;
    margin: .85em 0;
    width: 100%;
    text-align: center;
  }
  
  /* button with line */
  .btn-with-line {
    color: #fff;
    position: relative;
  }
  
  .btn-with-line:after {
    content: "";
    position: absolute;
    top: 8px;
    right: -66px;
    border-bottom: 2px solid #fff;
    width: 50%;
    z-index: 9;
    transition: 0.3s ease-out;
  }
  
  .btn-with-line:hover {
    color: #fff;
  }
  
  .btn-with-line:hover:after {
    width: 30%;
    right: -41px;
  }
  
  /* - Buttons Color Scheme
  ------------------------------------------------------------- */
  .btn.btn-common {
    background: var(--accent-color);
    color: #fff;
  }
  
  .btn.btn-common:hover {
    background: #151515;
    color: #fff;
  }
  
  .btn.btn-accent {
    color: #ffffff;
    background-color: var(--accent-color);
  }
  
  .btn.btn-accent:hover {
    color: #ffffff !important;
    background-color: #121212;
  }
  
  .btn.btn-gray,
  .btn.btn-grey {
    background: #9e9e9e;
    color: #fff;
  }
  
  .btn.btn-black {
    background: #121212;
    color: #fff;
  }
  
  .btn.btn-black:hover {
    background-color: #797979;
  }
  
  .btn.btn-white {
    background: #f8f8f8;
    text-shadow: none;
    color: #121212 !important;
  }
  
  .btn.btn-white:hover {
    background: var(--accent-color);
    text-shadow: none;
  }
  
  /* - Buttons Aligns
  ------------------------------------------------------------- */
  .btn-left {
    text-align: left;
    display: block;
  }
  
  .btn-center {
    text-align: center;
    display: block;
  }
  
  .btn-right {
    text-align: right;
    display: block;
  }
  
  /*----------------------------------------------*/
  /* 2.11 Images */
  /*----------------------------------------------*/
  
  /* Image hover Effects */
  .image-hvr-effect {
    display: flex;
    overflow: hidden;
  }
  
  .image-hvr-effect img.post-image {
    transform: scale(1.1);
    will-change: transform;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 0;
  }
  
  .image-hvr-effect:hover img.post-image {
    transform: scale(1);
  }
  
  
  /*====================================================================*/
  /* 3. EXTENDED TYPOGRAPHY */
  /*====================================================================*/
  /*----------------------------------------------*/
  /* 3.1 Blockquote /Pullquote */
  /*----------------------------------------------*/
  .single-post .content p:first-child,
  .quote blockquote,
  blockquote,
  .single-post .content blockquote p,
  .pullquote-right,
  .pullquote-left {
    font-size: 27px;
    line-height: 1.4em;
    font-style: italic;
    margin: 0 0 60px;
    padding: 0;
  }
  
  .pullquote-right,
  .pullquote-left {
    width: 40%;
  }
  
  blockquote cite {
    display: block;
    font-size: 0.8em;
    margin-top: 20px;
    font-style: italic;
  }
  
  .pullquote-left {
    float: left;
    margin: 20px 20px 20px 0;
  }
  
  .pullquote-right {
    float: right;
    margin: 20px 0 20px 20px;
  }
  
  /*----------------------------------------------*/
  /* 3.2 Dropcap */
  /*----------------------------------------------*/
  .dropcap {
    display: inline-block;
    margin: 20px;
    font-size: 4em;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    color: #111;
    float: left;
  }
  
  .dropcap.colored {
    color: #2bcaae;
  }
  
  /*----------------------------------------------*/
  /* 3.3 Text Highlights */
  /*----------------------------------------------*/
  .highlight {
    background: #2bcaae;
    color: #fff;
    padding: 1px 5px;
  }
  
  .highlight.light {
    background: #ffff99;
    color: #101010;
  }
  
  .highlight.dark {
    background: #333;
  }
  
  .colored {
    color: #2bcaae !important;
  }
  
  /*----------------------------------------------*/
  /* 3.4 Code & Pre */
  /*----------------------------------------------*/
  code,
  pre {
    border: 1px solid #e5e5e5;
    border-left: 3px solid #e5e5e5;
    padding: 0 20px;
    line-height: 20px;
    white-space: pre-wrap;
    overflow: auto;
    border-radius: 3px;
  }
  
  code {
    display: block;
    margin: 20px 0;
    padding: 10px;
    background: #f7f7f7;
    color: #666;
  }
  
  /*----------------------------------------------*/
  /* 4. SITE STRUCTURE */
  /*----------------------------------------------*/
  /*--------------------------------------------------------------
  This is main CSS file that contains custom style rules used in this template
  --------------------------------------------------------------*/
  /* preloader */
  .preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--dark-color);
    z-index: 9999;
  }
  
  /* 4.1 Header
  ------------------------------------------------------------- */
  /* Logo
  ------------------------------------------------------------- */
  .main-logo {
    max-width: 200px;
      display: flex;
      align-items: center;
      transition: 1.5s all ease-out;    
      z-index: 1;
      margin-bottom: 5%;
  }
  
  .main-logo img {
      border-radius: 8px;
  }
  
  .side-nav-bar {
    position: absolute;
    z-index: 10;
  }
  
  /* Header Menu
  --------------------------------------------------------------*/
  header .main-logo {
    position: relative;
  }
  header {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: var(--header-height);
    transition: 0.3s all ease-out;
  }
  .nav-active header {
    position: relative;
  }
  header.fixed {}
  
  header.nav-up {
    /*top: -(var(--header-height-min));*/
    top: -160px;
  }
  
  #header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  
  .onepage-menu #header-wrap {
    background: #fff;
  }
  
  .onepage-menu #header-wrap nav#navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
  }
  
  nav#navbar ul.menu-list {
    display: flex;
    margin: 0;
    position: relative;
    margin-top: 0;
    list-style: none;
  }
  
  #navbar ul.menu-list li {
    position: relative;
    display: flex;
    margin: 0;
    align-items: center;
  }
  
  #navbar ul.menu-list a.nav-link {
    line-height: var(--header-height);
    padding: 0 10px;
    text-decoration: none;
    font-size: 1.1em;
    transition: 0.5s all ease-out;
  }
  
  /* Dropdown menu 
  --------------------------------------------------------------*/
  #navbar ul.dropdown-menu {
    position: absolute;
    top: 120px;
    background: #fff;
    width: 240px;
    margin-left: 0;
    margin-top: 0;
    border: 1px solid #d1d1d1;
    display: none;
  }
  
  #navbar ul.dropdown-menu li {
    height: auto;
    border-bottom: 1px solid #d1d1d1;
  }
  
  #navbar ul.dropdown-menu li a {
    padding: 12px 20px;
    line-height: 1.5em;
  }
  
  #navbar .nav-item.dropdown:hover ul.dropdown-menu {
    display: block;
  }
  
  #navbar ul.menu-list a:hover {
    color: var(--accent-color);
  }
  
  /* Sticky Header
  --------------------------------------------------------------*/
  header.sticky {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  
  header.sticky,
  header.sticky .main-logo {
    height: var(--header-height-min);
  }
  
  header.sticky .main-logo a {
    font-size: 3em;
  }
  
  header.sticky .side-nav-bar .menu-btn {
    margin: 0 40px;
  }
  
  header.sticky #navbar ul.dropdown-menu {
    top: var(--header-height-min);
  }
  
  header.sticky #navbar ul.menu-list>li>a {
    line-height: var(--header-height-min);
  }
  
  @media screen and (max-width: 991px) {
    nav#navbar ul.menu-list {
      display: none;
    }
  }
  
  /* - Search Form hover Effects
  ------------------------------------------------------------- */
  #header-wrap .action-menu {
    display: flex;
    align-items: baseline;
    margin-right: 40px;
  }
  
  #header-wrap .action-menu span.opennav.openicon {
    cursor: pointer;
  }
  
  .action-menu .icon {
    font-size: 18px;
    font-weight: 800;
  }
  
  .action-menu .search-bar {
    overflow: hidden;
  }
  
  .action-menu .search-bar,
  .action-menu .open-icon-wrap {
    width: 40px;
    height: 40px;
    background: #E9E9E9;
    border-radius: 40px;
    margin-right: 25px;
    display: flex;
    justify-content: right;
    align-items: center;
    cursor: pointer;
    transition: 0.3s width ease-out;
  }
  
  #header-wrap .search-button {
    order: 1;
    padding-right: 10px;
    padding-left: 10px;
  }
  
  #header-wrap.show .search-bar {
    width: 300px;
  }
  
  #header-wrap .search-bar form {
    margin: 0;
  }
  
  #header-wrap .search-box .search-input {
    width: 250px;
    border: 0;
    margin-bottom: 0;
    font-weight: 300;
    padding-left: 20px;
    background: #E9E9E9;
  }
  
  .action-menu .side-nav-bar .menu-btn a,
  .action-menu .searchbar a {
    color: #000;
    text-decoration: none;
    line-height: 2.2;
  }
  
  .action-menu .icon.icon-menu-btn:hover {
    color: #fff;
    text-decoration: none;
  }
  
  .action-menu .menu-btn a {
    color: #07051a;
    text-decoration: none;
  }
  
  .action-menu .icon.icon-menu-btn:hover {
    color: var(--accent-color);
    text-decoration: none;
  }
  
  @media screen and (max-width: 991px) {
    #header-wrap .action-menu .search-bar {
      display: none;
    }
  }
  
  @media screen and (max-width: 575px) {
    #header-wrap .action-menu .search-bar {
      display: none;
    }
  }
  
  
  /* - Side Nav Bar
  --------------------------------------------------------------*/
  .side-nav-bar #menu-toggle {
    opacity: 0;
  }
  
  .side-nav-bar #menu-toggle .menu-btn {
    position: fixed;
    top: 25px;
    right: 40px;
    width: 15px;
    height: 25px;
    cursor: pointer;
    z-index: 3;
  }
  
  .side-nav-bar #menu-toggle:checked~.menu-btn>span {
    transform: rotate(45deg);
    z-index: 2;
  }
  
  .side-nav-bar #menu-toggle:checked~.menu-btn>span::before {
    top: 0;
    transform: rotate(0);
    background: #f6f6f6;
  }
  
  .side-nav-bar #menu-toggle:checked~.menu-btn>span::after {
    top: 0;
    transform: rotate(90deg);
    background: #f6f6f6;
  }
  
  .side-nav-bar #menu-toggle:checked~.side-nav-menu {
    visibility: visible;
    right: 0;
  }
  
  .side-nav-bar {
    position: absolute;
    z-index: 170;
    right: 0;
    margin: 30px;
    display: block;
    width: 30px;
  }
  
  .side-nav-bar .menu-btn {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    width: 20px;
    height: 26px;
    cursor: pointer;
    transition: 0.5s all ease-out;
  }
  
  .onepage-menu .menu-btn>span,
  .onepage-menu .menu-btn>span::before,
  .onepage-menu .menu-btn>span::after {
    background-color: var(--dark-color);
  }
  
  .side-nav-bar .menu-btn>span,
  .side-nav-bar .menu-btn>span::before,
  .side-nav-bar .menu-btn>span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #f6f6f6;
    transition-duration: .25s;
  }
  
  .side-nav-bar .menu-btn>span::before {
    content: '';
    top: -8px;
  }
  
  .side-nav-bar .menu-btn>span::after {
    content: '';
    top: 8px;
  }
  
  /* hide white menu bar while displaying overlay menu */
  .nav-active {
    overflow: hidden;
  }
  .nav-active #header-wrap {
    background: none;
  }
  
  .nav-active #header-wrap .main-menu,
  .nav-active #header-wrap .search-bar {
    display: none;
  }
  
  /* Overlay Navigation 
  --------------------------------------------------------------*/
  .nav-overlay {
    position: fixed;
    z-index: 9;
  }
  
  .nav-overlay:before,
  .nav-overlay:after {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(20, 21, 26, 0.6);
    border-bottom-left-radius: 200%;
    z-index: -1;
    -webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
    transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
    transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
    transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
    -webkit-transform: translateX(100%) translateY(-100%);
    transform: translateX(100%) translateY(-100%);
  }
  
  .nav-overlay:after {
    background: rgba(9, 9, 12, 1);
    background: var(--dark-color);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  
  .nav-overlay:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }
  
  .nav__content {
    position: fixed;
    visibility: hidden;
    top: 50%;
    margin-top: 20px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 100%;
  }
  
  .nav__list {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 2;
  }
  
  .nav__list-item {
    position: relative;
    display: block;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
    opacity: 0;
    color: #fff;
    overflow: hidden;
    font-family: var(--heading-font);
    font-size: 6vh;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: 3px;
    -webkit-transform: translate(100px, 0%);
    transform: translate(100px, 0%);
    -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
    transition: opacity .2s ease, -webkit-transform .3s ease;
    transition: opacity .2s ease, transform .3s ease;
    transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .nav__list-item a {
    position: relative;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 900;
    z-index: 2;
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  
  .nav__list-item a:after {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -2px;
    left: 50%;
    width: 0;
    height: 0;
    opacity: 0;
    background-color: var(--accent-color);
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  
  .nav__list-item a:hover:after {
    height: 4px;
    opacity: 1;
    left: 0;
    width: 100%;
  }
  
  .nav__list-item a:hover {
    color: rgba(255, 255, 255, 1);
  }
  
  .nav__list-item.active-nav a {
    color: rgba(255, 255, 255, 1);
  }
  
  .nav__list-item.active-nav a:after {
    height: 4px;
    opacity: 1;
    left: 0;
    width: 100%;
  }
  
  body.nav-active .nav__content {
    visibility: visible;
  }
  
  body.nav-active .menu-icon__line {
    background-color: #fff;
    -webkit-transform: translate(0px, 0px) rotate(-45deg);
    transform: translate(0px, 0px) rotate(-45deg);
  }
  
  body.nav-active .menu-icon__line-left {
    width: 15px;
    -webkit-transform: translate(2px, 4px) rotate(45deg);
    transform: translate(2px, 4px) rotate(45deg);
  }
  
  body.nav-active .menu-icon__line-right {
    width: 15px;
    float: right;
    -webkit-transform: translate(-3px, -3.5px) rotate(45deg);
    transform: translate(-3px, -3.5px) rotate(45deg);
  }
  
  body.nav-active .menu-icon:hover .menu-icon__line-left,
  body.nav-active .menu-icon:hover .menu-icon__line-right {
    width: 15px;
  }
  
  body.nav-active .nav-overlay {
    visibility: visible;
  }
  
  body.nav-active .nav-overlay:before,
  body.nav-active .nav-overlay:after {
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
    border-radius: 0;
  }
  
  body.nav-active .nav-overlay:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
  }
  
  body.nav-active .nav-overlay:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  
  body.nav-active .nav__list-item {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, color .3s ease;
    transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
  }
  
  body.nav-active .nav__list-item:nth-child(0) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }
  
  body.nav-active .nav__list-item:nth-child(1) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }
  
  body.nav-active .nav__list-item:nth-child(2) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
  }
  
  body.nav-active .nav__list-item:nth-child(3) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
  }
  
  body.nav-active .nav__list-item:nth-child(4) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
  }
  
  body.nav-active .nav__list-item:nth-child(5) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
  }
  
  body.nav-active .nav__list-item:nth-child(6) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
  }
  
  body.nav-active .nav__list-item:nth-child(7) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
  }
  
  body.nav-active .nav__list-item:nth-child(8) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
  }
  
  body.nav-active .nav__list-item:nth-child(9) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
  }
  
  body.nav-active .nav__list-item:nth-child(10) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
  }
  
  @media only screen and (max-width: 580px) {
    .nav__list-item {
      font-size: 5vh;
    }
  }
  
  .nav__block .nav__block-item {
    display: block;
    opacity: 0;
    transform: translate(100px, 0%);
    transition: opacity .6s ease, transform .6s ease;
  }
  
  .nav__block .nav__block-item:nth-child(1) {
    transition-delay: 300ms;
  }
  
  .nav__block .nav__block-item:nth-child(2) {
    transition-delay: 600ms;
  }
  
  .nav__block .nav__block-item:nth-child(3) {
    transition-delay: 900ms;
  }
  
  .nav__block .nav__block-item:nth-child(4) {
    transition-delay: 1200ms;
  }
  
  .nav__block .nav__block-item:nth-child(5) {
    transition-delay: 1500ms;
  }
  
  .nav__block .nav__block-item:nth-child(6) {
    transition-delay: 1800ms;
  }
  
  .nav__block .nav__block-item:nth-child(7) {
    transition-delay: 2100ms;
  }
  
  .nav__block .nav__block-item:nth-child(8) {
    transition-delay: 2400ms;
  }
  
  .nav__block .nav__block-item:nth-child(9) {
    transition-delay: 2700ms;
  }
  
  .nav__block .nav__block-item:nth-child(10) {
    transition-delay: 3000ms;
  }
  
  body.nav-active .nav__block .nav__block-item {
    opacity: 1;
    transform: translateX(0%);
  }
  
  
  
  /* 4.2 Homepage Slider
  --------------------------------------------------------------*/
  #intro {
    position: relative;
  }
  
  .main-slider .slick-slide {
    height: 85vh !important;
  }
  
  .main-slider .slider-item {
    position: relative;
  }
  
  .main-slider .banner-content {
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
  }
  
  .main-slider .banner-content h2.banner-title {
    font-family: var(--heading-font);
    font-size: 4em;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
  
  }
  
  #intro .button-container {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  
  #intro .button-container button.slick-arrow {
    font-size: 1.6em;
    line-height: 0;
    font-weight: 900;
    color: #fff;
    background: var(--dark-color);
    padding: 20px;
    margin: 0;
  }
  
  #intro .button-container button.slick-arrow:hover,
  #intro .button-container button.slick-arrow:focus {
    background: var(--accent-color);
    outline: none;
  }
  
  @media only screen and (max-width: 1600px) {
    .main-slider .banner-content .btn-wrap {
      margin: 30px 0;
    }
  
    /* .main-slider .banner-content {
      margin-top: 200px;
    } */
  }
  
  @media only screen and (max-width: 1399px) {
    .main-slider .banner-content h2.banner-title {
      font-size: 4.5em;
    }
  }
  
  @media only screen and (max-width: 1199px) {
    /* .main-slider .banner-content {
      margin-top: 150px;
    } */
  
    .main-slider .banner-content h2.banner-title {
      font-size: 4em;
    }
  }
  
  @media only screen and (max-width: 999px) {
    /* .main-slider .banner-content {
      margin-top: 100px;
    } */
  
    .main-slider .banner-content h2.banner-title {
      font-size: 3.5em;
    }
  }
  
  @media only screen and (max-width: 876px) {
    .main-slider .banner-content h2.banner-title {
      font-size: 3em;
    }
  }
  
  @media only screen and (max-width: 753px) {
    .main-slider .banner-content h2.banner-title {
      font-size: 3em;
    }
  
    #intro .button-container {
      bottom: 0;
    }
  }
  
  @media only screen and (max-width: 580px) {
    .main-logo {
      margin-bottom: 4rem;
    }
    .banner-content {
      font-size: 70%;
      text-align: center;
  }
  .slider-item.jarallax {
    height: 76vh;
  }
  }
  
  /*----------------------------------------------*/
  /* 4.3 Section */
  /*----------------------------------------------*/
  /* Hero section
  /*----------------------------------------------*/
  .hero-section .hero-content {
    padding-top: 18em;
    padding-bottom: 10em;
    display: flex;
    align-items: center;
  }
  
  .hero-section {
    position: relative;
    color: #fff;
  }
  
  .hero-section::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(39, 39, 39, 0.4);
    z-index: -1;
  }
  
  .hero-section,
  .hero-section h1,
  .hero-section a,
  .hero-section a:hover {
    color: #fff;
  }
  
  .hero-section h1 {
    font-size: 4em;
  }
  
  
  #about .col-md-6.description.text-lead {
    padding-left: 70px;
  }
  
  @media only screen and (max-width: 768px) {
    .hero-section h1 {
      font-size: 2em;
    }
  
    .hero-section .hero-content {
      padding-top: 12em;
      padding-bottom: 6em;
    }
    #about .col-md-6.description.text-lead {
      padding-left: 0px;
    }
  }
  
  /*--- Section Title
  -----------------------------------------------*/
  .section-header {
    position: relative;
  }
  
  .section-title {
    font-size: 3.8em;
    font-size: calc(1.8em + 2vw);
    line-height: 1;
    font-weight: 900;
  }
  
  .section-header .title span {
    font-size: 14px;
    color: #afafaf;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-left: 30px;
    position: relative;
  }
  
  .section-header span:before {
    content: "";
    border-bottom: 2px solid var(--accent-color);
    position: absolute;
    top: 9px;
    left: 3px;
    width: 14px;
    align-items: center;
  }
  
  /* - Section Padding
  --------------------------------------------------------------*/
  .padding-xsmall {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  
  .padding-small {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  
  .padding-medium {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  
  .padding-large {
    padding-top: 7em;
    padding-bottom: 7em;
  }
  
  .padding-xlarge {
    padding-top: 9.5em;
    padding-bottom: 9.5em;
  }
  
  .padding-2xlarge {
    padding-top: 15em;
    padding-bottom: 15em;
  }
  
  @media only screen and (max-width: 768px) {
  
    .padding-small,
    .padding-medium,
    .padding-large,
    .padding-xlarge {
      padding-top: 2em;
      padding-bottom: 2em;
    }
  }
  
  /* - Section margin
  --------------------------------------------------------------*/
  .margin-small {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  
  .margin-medium {
    margin-top: 4.5em;
    margin-bottom: 4.5em;
  }
  
  .margin-large {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  
  .margin-xlarge {
    margin-top: 7.5em;
    margin-bottom: 7.5em;
  }
  
  @media only screen and (max-width: 768px) {
  
    .margin-small,
    .margin-medium,
    .margin-large,
    .margin-xlarge {
      margin-top: 1em;
      margin-bottom: 1em;
    }
  }
  
  /* - Section bg colors
  --------------------------------------------------------------*/
  .bg-dark {
    background: var(--dark-color);
  }
  
  .bg-grey {
    background: var(--grey-color);
  }
  
  .content-light a,
  .content-light {
    color: #fff;
  }
  
  /*----- About us Section
  --------------------------------------------------------------*/
  #about figure {
    /* margin-right: 50px; */
  }
  
  #about img.single-image {
    width: auto;
    height: auto;
    object-fit: contain;
  }
  
  @media only screen and (max-width: 768px) {
    #about img.single-image {
      height: auto;
    }
  }
  
  /*----- Services Section
  --------------------------------------------------------------*/
  .services-item {
    position: relative;
    margin-top: 60px;
    margin-right: 100px;
  }
  
  .services-item:last-child {
    margin-right: 0;
  }
  
  .services-item .number {
    font-family: var(--heading-font);
    font-size: 5em;
    font-weight: 900;
    color: #F4F4F4;
    position: absolute;
    top: -69px;
    left: -22px;
    z-index: -1;
  }
  
  .services-item p {
    line-height: 2;
  }
  
  @media only screen and (max-width: 1199px) {
    .services-item {
      margin-right: 50px;
    }
  }
  
  @media only screen and (max-width: 600px) {
    .services-item {
      margin-bottom: 50px;
    }
  
    .services-item:last-child {
      margin-right: 50px;
    }
  }
  
  /*----- Subscribe Section
  --------------------------------------------------------------*/
  #subscribe figure.subscribe-image {
    margin-bottom: 60px;
    margin-right: 30px;
  }
  
  .subscribe-content input[type="text"], .subscribe-content input[type="email"], textarea {
    width: 100%;
    height: 65px;
    border: 1px solid #dfdfdf;
    padding-left: 20px;
    margin-bottom: 0;
  }
  
  textarea {
    margin-top: 15px;
    height: 160px;
  }
  
  .subscribe-content button.btn-subscribe {
    width: 100%;
  }
  
  @media only screen and (max-width: 800px) {
    #subscribe .subscribe-content {
      width: 100%;
    }
  }
  
  
  /*--------------------------------------------------------------
  /** 4.4 Footer
  --------------------------------------------------------------*/
  
  
  #footer img.footer-logo {
    margin-bottom: 30px;
    border-radius: 8px;
    width: 50%;
  }
  
  .footer-menu {
    margin-right: 15px;
  }
  
  .footer-menu h5 {
    font-size: 2.2rem;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: capitalize;
  }
  
  .footer-menu p {
    line-height: 2;
  }
  
  .footer-menu .menu-list i.icon {
    padding-right: 10px;
	padding-top: 5px;
    color: var(--accent-color);
  }
  
  .footer-menu .social-links ul {
    display: flex;
    list-style: none;
  }
  
  .footer-menu .social-links li {
    margin-right: 30px;
  }
  
  .footer-menu .social-links a {
    color: #757575;
  }
  
  .footer-menu .social-links a:hover {
    color: #111;
  }
  
  .footer-menu .menu-list li.menu-item {
    margin-bottom: 15px;
  }
  
  .footer-menu .menu-item {
    display: flex;
  }
  
  .footer-menu .menu-item a {
    text-transform: capitalize;
    position: relative;
    transition: 0.3s ease-out;
    color: #757575;
  }
  
  .footer-menu .menu-item a:hover {
    padding-left: 20px;
    color: #111;
  }
  
  .footer-menu .menu-item a:hover:before {
    content: "";
    border-bottom: 2px solid var(--accent-color);
    position: absolute;
    top: 12px;
    left: 3px;
    width: 14px;
    align-items: center;
  }
  
  
  @media only screen and (max-width: 800px) {
  
    #footer-bottom .copyright,
    #footer-bottom .text-right {
      text-align: center;
    }
  }
  
  /*====================================================================*/
  /* 5. CONTENT ELEMENTS */
  /*====================================================================*/
  
  /*--------------------------------------------------------------
  /** 5.1 General Tabs
  --------------------------------------------------------------*/
  /* .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  
  .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .nav-link {
      transition: none;
    }
  }
  
  .nav-link:hover,
  .nav-link:focus {
    color: var(--accent-color);
  }
  
  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
  }
  
  .nav-tabs {
    border-bottom: 1px solid #dee2e6;
  }
  
  .nav-tabs .nav-link {
    color: #999;
    padding: 10px 30px;
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  
  .nav-tabs .nav-link:hover,
  .nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
  }
  
  .nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
  }
  
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
  }
  
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  
  .nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.25rem;
  }
  
  .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd;
  }
  
  .nav-fill>.nav-link,
  .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  
  .nav-justified>.nav-link,
  .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
  }
  
  .nav-fill .nav-item .nav-link,
  .nav-justified .nav-item .nav-link {
    width: 100%;
  }
  
  .bootstrap-tabs .tab-content {
    padding: 20px 0;
  }
  
  .bootstrap-tabs .tab-content>.tab-pane {
    display: none;
  }
  
  .bootstrap-tabs .tab-content>.active {
    display: block;
  } */
  
  /*--------------------------------------------------------------
  /** 5.2 Accordions
  --------------------------------------------------------------*/
  /* .fade {
    transition: opacity 0.15s linear;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none;
    }
  }
  
  .fade:not(.show) {
    opacity: 0;
  }
  
  .collapse:not(.show) {
    display: none;
  }
  
  .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none;
    }
  }
  
  .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .accordion-button {
      transition: none;
    }
  }
  
  .accordion-button:not(.collapsed) {
    color: var(--accent-color);
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
  }
  
  .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
      transition: none;
    }
  }
  
  .accordion-button:hover {
    z-index: 2;
  }
  
  .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
  }
  
  .accordion-header {
    margin-bottom: 0;
  }
  
  .accordion-item {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }
  
  .accordion-body {
    padding: 1rem 0;
  }
  
  .accordion-flush .accordion-collapse {
    border-width: 0;
  }
  
  .accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  
  .accordion-flush .accordion-item:first-child {
    border-top: 0;
  }
  
  .accordion-flush .accordion-item:last-child {
    border-bottom: 0;
  }
  
  .accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
  } */
  
  
  /*--------------------------------------------------------------
  /** 5.3 Contact
  --------------------------------------------------------------*/
  /* contact section */
  #contact .left-content {
    padding-right: 100px;
  }
  
  #contact .right-content {
    width: 100%;
    background: #fff;
    padding: 88px 83px;
  }
  
  @media only screen and (max-width: 1170px) {
    #contact .left-content {
      margin-right: 60px;
    }
  }
  
  @media only screen and (max-width: 999px) {
    #contact .left-content {
      margin-right: 10px;
    }
  
    #contact input[type="text"],
    #contact textarea {
      width: 420px;
    }
  
    #contact .right-content {
      padding: 60px;
    }
  }
  
  @media only screen and (max-width: 820px) {
    #contact .grid {
      flex-wrap: wrap;
    }
  
    #contact input[type="text"],
    #contact textarea {
      width: 100%;
    }
  
    #contact .left-content {
      margin-right: 0;
      padding-right: 0;
    }
  
    #contact .right-content {
      width: 100%;
      padding: 40px;
      margin-top: 40px;
    }
  }
  
  /* Contact form light
  --------------------------------------------------------------*/
  .form-light {
    margin-bottom: 0;
  }
  
  .form-light p {
    margin-bottom: 0;
  }
  
  .form-light input[type="text"],
  .form-light input[type="email"],
  .form-light textarea {
    width: 100%;
    height: 54px;
    color: #ccc;
    font-style: italic;
    background: none;
    border: 1px solid #666;
    padding-left: 25px;
    margin-bottom: 20px;
  }
  
  .form-light ::-webkit-input-placeholder {
    color: #999;
  }
  
  .form-light :-ms-input-placeholder {
    color: #999;
  }
  
  .form-light textarea {
    height: 118px;
    color: #ccc;
    padding-top: 20px;
  }
  
  .form-light .error {
    color: #cf4f4f;
  }
  
  /* 5.4 Iconboxes
  --------------------------------------------------------------*/
  .iconbox {
    display: flex;
  }
  
  .iconbox i.icon {
    font-size: 2em;
    color: var(--dark-color);
    margin-right: 25px;
  }
  
  .iconbox .detail {
    margin-bottom: 60px;
  }
  
  .iconbox .detail p {
    margin-bottom: 0;
  }
  
  .iconbox strong {
    font-size: 1.25em;
    color: var(--dark-color);
    text-transform: uppercase;
  }
  
  /* 5.5 Testimonials
  --------------------------------------------------------------*/
  /*img.review-image {
      width: 90%;
      height: 484px;
      object-fit: cover;
  }*/
  .testimonial-image {
    height: 484px;
    margin-right: 60px;
  }
  
  .testimonial-block {
    margin-top: 50px;
  }
  
  .testimonial-block .testimonials-inner q {
    font-family: "playfair display";
    font-size: 1.25em;
    line-height: 2;
    display: block;
    margin-bottom: 45px;
  }
  
  .testimonial-block .testimonial-author .name {
    font-size: 1.4em;
    font-weight: 900;
  }
  
  @media only screen and (max-width: 580px) {
    img.review-image {
      width: 100%;
      height: auto;
    }
  }
  
  /*--------------------------------------------------------------
  /** 5.6 Portfolio Tabs
  --------------------------------------------------------------*/
  /* .portfolio-tabs .tab-content {
    position: relative;
  }
  
  .portfolio-tabs .tab-content .grid {
    flex-wrap: wrap;
  }
  
  .portfolio-tabs [data-tab-content] {
    opacity: 0;
    visibility: hidden;
    height: 0;
  }
  
  .portfolio-tabs .active[data-tab-content] {
    opacity: 1;
    visibility: visible;
    height: auto;
  }
  
  .portfolio-tabs .tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 55px 0;
    list-style: none;
  }
  
  .portfolio-tabs .tabs .tab {
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 50px;
    margin-right: 20px;
    border: 1px solid #777;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
  }
  
  .portfolio-tabs .tabs .tab.active,
  .portfolio-tabs .tabs .tab:hover {
    background-color: #fff;
    color: var(--dark-color);
  }
  
  .portfolio-tabs .tab-content .grid {
    display: flex;
    justify-content: space-between;
  }
  
  .portfolio-tabs .tab-content a {
    display: block;
    overflow: hidden;
  }
  
  .portfolio-tabs .tab-content a img {
    transition: transform 0.3s ease-in-out;
  }
  
  .portfolio-tabs .tab-content a:hover img {
    transform: scale(1.1);
  }
  
  @media only screen and (max-width: 992px) {
    .portfolio-tabs .tab-content a {
      width: 48%;
    }
  }
  
  @media only screen and (max-width: 850px) {
    .portfolio-tabs .tabs .tab {
      border: none;
      padding: 15px;
      margin-right: 0;
    }
  
    .portfolio-tabs .tabs .tab.active,
    .portfolio-tabs .tabs .tab:hover {
      background: none;
      color: var(--accent-color);
    }
  }
  
  @media only screen and (max-width: 580px) {
    .portfolio-tabs .tab-content a {
      width: 100%;
    }
  
    .portfolio-tabs .tab-content a img {
      width: 100%;
      height: auto;
    }
  } */
  
  /*--------------------------------------------------------------
  /** 5.7 Post Grid
  --------------------------------------------------------------*/
  .post-grid .post-item figure {
    margin-bottom: 0;
  }
  
  .post-grid .post-content {
    width: 100%;
    padding: 40px 30px;
    margin-bottom: 60px;
    box-shadow: -7px 12px 41px -10px rgb(0 0 0 / 12%);
    -webkit-box-shadow: -7px 12px 41px -10px rgb(0 0 0 / 12%);
    -moz-box-shadow: -7px 12px 41px -10px rgba(0, 0, 0, 0.12);
    cursor: pointer;
  }
  
  .post-grid .post-item .post-title {
    font-size: 1.4em;
    line-height: 1.4;
  }
  
  .post-grid .post-item .meta-date {
    font-size: 14px;
    padding-bottom: 20px;
  }
  
  .post-grid .post-item p {
    line-height: 2;
  }
  
  @media only screen and (max-width: 850px) {
    .post-grid .post-item .post-image {
      width: 100%;
    }
  
    .post-grid .post-content {
      padding: 40px 50px;
    }
  
    .post-grid .post-item .post-title {
      font-size: 1.8em;
    }
  }
  
  /*====================================================================*/
  /* 6. BLOG STYLES */
  /*====================================================================*/
  
  /* 6.1 Blog Single Post
  ------------------------------------------*/
  /* breadcrumbs */
  .breadcrumbs span {
    display: inline-block;
  }
  
  /* 6.3 About Author
  ------------------------------------------*/
  .author-post {
    padding-left: 30px;
  }
  
  .author-post h4 {
    font-weight: 500;
    text-transform: none;
  }
  
  /* 6.4 Comments List
  ------------------------------------------*/
  .comment-meta span.meta-date {
    font-size: 13px;
    padding-right: 10px;
  }
  
  .comments-wrap .child-comments {
    padding-left: 50px;
  }
  
  /* 6.5 Comments Form
  ------------------------------------------*/
  .comment-respond .comment-form {
    display: flex;
  }
  
  /*====================================================================*/
  /* 7. WIDGETS */
  /*====================================================================*/
  
  /* 7.1 Gallery Widget
  --------------------------------------------------------------*/
  .gallery {
    display: flex;
    flex-wrap: wrap;
  }
  
  .gallery a {
    margin: 0 10px 10px 0;
  }
  
  .gallery img.gallery-image {
    width: 68px;
    height: 68px;
    object-fit: cover;
    margin-bottom: 5px;
  }
  
  .parallax-wrap {
    height: 300px;
    overflow: hidden;
    position: relative;
  }
  
  .parallax-wrap .parallax-image {
    position: absolute;
  }
  
  #services, #prodotti, #subscribe {
    font-size: 120%;
  }
  
  .mail-id {
    text-transform: lowercase !important;
  }
  
  .slider-item.jarallax {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  #footer {
    padding-top: 58px;
  }
  
  
  input[type="checkbox"]{
    margin-right: 15px;
  }

  #contact-banner-top, #contact-banner-top div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  #contact-banner-top {
    position: fixed;
    z-index: 1;
    width: 100%;
    background: white;
    padding-left: 12px;
    padding-right: 12px;
    box-shadow: 2px 1px 20px 0px #dee2e6;
    height: 40px;
    align-items: center;
  }

 #contact-banner-top p {
    margin-bottom: 0;
 } 
  
  @media only screen and (max-width: 600px) {
    #services .services-item:last-child,
    #prodotti .services-item:last-child {
        margin: 14px;
    }
  
    #subscribe {
      padding-top: 0;
    }
  
    #about .description p {
      font-size: 18px;
      padding-left: 10px;
      margin-bottom: 11px;
      line-height: 32px;
    }
    .container {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
    }
  }


.bwg-item a div {
    opacity: 1 !important;
    border-radius: 4px !important;
    
}

#footer a {
    text-decoration: underline;
}

#bwg_container1_0 #bwg_container2_0 .bwg_masonry_thumb_0 {
 opacity: 1 !important; 
}

/****** RIDUZIONE FONT/SIZE PER TUTTO IL SITO ******/
/* Imposta font base, paragrafi e testo principale */
body {
    font-size: 15px !important;
    line-height: 1.7 !important;
}
@media (max-width:600px) {
    body {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}
p {
    margin-bottom: 1.2em !important;
}

/* Paragrafi lead/about */
.text-lead,
#about .description.text-lead {
    font-size: 18px !important;
    line-height: 1.55 !important;
}
@media (max-width:600px) {
    .text-lead,
    #about .description.text-lead {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}

/* TITOLI */
h1, .h1, .section-title {
    font-size: 2em !important;
    line-height: 1.18 !important;
}
h2, .h2 {
    font-size: 1.3em !important;
    line-height: 1.19 !important;
}
h3, .h3 {
    font-size: 1.05em !important;
}
@media (max-width:600px) {
    h1, .h1, .section-title {
        font-size: 2.2rem !important;
    }
    h2, .h2 {
        font-size: 1.13em !important;
    }
}

/* Banner homepage */
.main-slider .banner-content h2.banner-title {
    font-size: 2rem !important;
    line-height: 3rem !important;
    letter-spacing: 0.01em;
    padding: 0.4em 0 !important;
}
@media (max-width:600px) {

}

/* NUMERO DEI SERVIZI */
.services-item .number {
    font-size: 4.5rem !important;
    top: -47px !important;
    left: -20px !important;
}

/* ICONE */
.iconbox i.icon,
.footer-menu .menu-list i.icon {
    font-size: 1.2em !important;
    margin-right: 10px !important;
}
.footer-menu .social-links li {
    margin-right: 16px !important;
}

/* FORM - INPUT E TEXTAREA */
input[type="text"], input[type="email"],
textarea, select {
    height: 36px !important;
    font-size: 1em !important;
    padding: 7px 10px !important;
}
textarea {
    min-height: 80px !important;
    height: auto !important;
}
.subscribe-content input[type="text"], .subscribe-content input[type="email"], textarea {
    height: 36px !important;
    font-size: 1em !important;
    padding: 7px 10px !important;
}
.subscribe-content textarea {
    min-height: 70px !important;
    height: auto !important;
}

/* BUTTONS */
.btn, a.btn, input[type="submit"], button, .btn.btn-primary {
    padding: 0.45em 1.1em !important;
    font-size: 0.99em !important;
    border-radius: 4px !important;
}
.btn-xl, .btn-xlarge {
    font-size: 1.1em !important;
}

/* PADDING SEZIONI */
.padding-large, .padding-xlarge, .padding-2xlarge {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}
@media (max-width:600px) {
    .padding-large, .padding-xlarge, .padding-2xlarge {
        padding-top: 1.2em !important;
        padding-bottom: 1.2em !important;
    }
}

/* BWG gallery (Best_Wordpress_Gallery) - testi più piccoli */
.bwg-item a div {
    font-size: 0.93em !important;
    padding: 0.3em 0.5em !important;
}

/* ICONE CHECKBOX (es. GDPR/privacy) */
input[type="checkbox"]{
    margin-right: 8px !important;
    width: 16px !important;
    height: 16px !important;
}

/* IFAME GOOGLE MAP */
iframe {
    max-width: 100vw !important;
    height: 430px !important;
    border-radius: 7px !important;
}
@media (max-width:600px) {
    iframe {
        height: 380px !important;
        margin-top: -60px;
    }
}

/* RIGHE UGUALI SU MOBILE */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


#about .col-md-6 video.jarallax-img, 
#about .col-md-6 img.single-image {
    width: 100% !important;
    height: 460px !important;
    max-height: 40vw !important;  /* Limita su desktop/tanti px */
    object-fit: cover !important;
    border-radius: 8px;
}
@media (max-width: 900px) {
    #about .col-md-6 video.jarallax-img {
        height: 460px !important;
        max-height: 50vw !important;
    }
}
@media (max-width: 600px) {
    #about .col-md-6 video.jarallax-img {
        height: 460px !important;
        max-height: none !important;
    }
    .footer-menu {
        margin-right: 0;
    }
    #footer img.footer-logo {
        max-width: 12rem;
    }
    .menu-item-01 a {
        display: flex;
        justify-content: center;
    }
}

#okapi-wasb-icon {
    width: 45px !important;
    height: 45px !important;   
}

.grecaptcha-badge {
    display: none !important;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-content p {
    margin-bottom: 0 !important;
}

.container {
    padding-left: 5rem;
    padding-right: 5rem;
}

#site-header {
  background: #fff;
  border-bottom: 1px solid #eee;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 2px 8px 0 rgba(80,80,80,0.07);
  height: 60px;
}
#site-header .navbar {
  min-height: 54px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
#site-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#site-header .main-logo img {
  height: 44px;
  width: auto;
  border-radius: 8px;
}
.menu-list {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
}
.menu-item {
  display: flex;
  align-items: center;
  margin-left: 9px;
  margin-right: 6px;
}
.menu-item .nav-link {
  font-family: 'Montserrat',sans-serif;
  font-weight: 500;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #333;
  padding: 1.1em .9em;
  transition: color 0.18s;
}
.menu-item .nav-link:hover,
.menu-item .nav-link.active {
  color: #C5A992;
  text-decoration: underline;
}
@media (max-width: 991px) {
  #site-header .container {
    flex-direction: row;
    align-items: flex-start;
  }
  .navbar-toggler {
    margin: 0;
    margin-left: auto;
  }
  .menu-list {
    flex-direction: column;
    width: 100%;
    text-align: left;
    margin-top: 0.4em;
  }
  .menu-item .nav-link {
    padding: 0.7em 0.3em;
    font-size: 1em;
    width: 100%;
    display: block;
  }
}

#sticky-banner-cta {
  position: sticky;
  top: 0; /* puoi mettere anche top: 60px per farlo comparire sotto header */
  width: 100%;
  z-index: 9999;
  background: #d9c7b8;
  box-shadow: 0 2px 8px 0 rgba(80,80,80,.07);
}

#sticky-banner-cta .banner-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7em 1.5em;
}

#sticky-banner-cta .banner-link {
  color: #473626;
  font-weight: 500;
  text-decoration: underline;
  letter-spacing: 0.03em;
  font-size: 1.12em;
  transition: color 0.19s;
}

#sticky-banner-cta .banner-link:hover {
  color: #93734a;
}

#sticky-banner-cta .banner-btn {
  display: inline-block;
  color: #fff;
  background: #473626;
  border-radius: 2em;
  padding: 0.5em 1.4em;
  font-weight: 700;
  text-decoration: none;
  font-size: 1.15em;
  margin-left: 1.8em;
  box-shadow: 0 1px 9px -3px #b5a08080;
  border: 1.5px solid #c5a992;
  transition: background 0.2s, color 0.2s;
}

#sticky-banner-cta .banner-btn:hover {
  color: #473626;
  background: #fff2e2;
  border-color: #b89360;
}

/* Bottone lampeggiante elegante */
.blink-btn {
        background-color: #d9c7b8;
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
  animation: soft-blink 1.8s cubic-bezier(.4,0,.9,1) infinite;
  box-shadow: 0 0 0 0 #ffe3aa80;
}
@keyframes soft-blink {
    0% { box-shadow: 0 0 0 0 rgba(233, 193, 142, .22);}
   60% { box-shadow: 0 0 0 10px rgba(237, 193, 142, 0);}
  100% { box-shadow: 0 0 0 0 rgba(233, 193, 142, .25);}
}

/* Responsive */
@media (max-width: 700px) {
  #sticky-banner-cta .banner-wrapper {
    flex-direction: column;
    gap: 11px;
    text-align: center;
    padding: 1em 0.8em;
  }
  #sticky-banner-cta .banner-btn {
    margin-left: 0;
    font-size: 1em;
    padding: 0.55em 1.2em;
  }
}

.navbar .container {
    margin-top: 7px;
}

@media (max-width: 600px) {
.navbar-collapse.collapse.show,
.navbar-collapse,
.collapse {
        background: white;
    padding: 30px;
    width: 100%;
    margin-top: 17px;
    font-size: 1.3rem;
    border-radius: 8px;
    text-align: center;
}
}

/* Scrollspy voce attiva */
.navbar-nav .nav-link.active {
  font-weight: 700;
  color: #C5A992 !important;
  border-bottom: 2px solid #C5A992;
  background: none;
  text-decoration: none;
}

/* Migliora l'effetto se vuoi una underline più visibile */
@media (max-width: 991px) {
  .navbar-nav .nav-link.active {
    border-bottom: 2px solid #C5A992;
  }
}