/* =============================================================================
- Reset CSS
============================================================================= */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  overflow-x: hidden;
}

body {
  line-height: 1;
  overflow: hidden;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  word-wrap: break-word;
}

.grve-with-scroll {
  overflow-y: hidden;
}

/* =============================================================================
- WP General
============================================================================= */
/* Responsive images. */
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  max-width: 100%;
  height: auto;
}

.comment-content img,
.entry-content img,
.entry-summary img,
.widget img,
.wp-caption {
  max-width: 100%;
}

.wp-block-image figcaption {
  font-size: 0.875rem;
  text-align: center;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  display: block;
}

.size-full,
.size-large,
.size-medium,
.size-thumbnail,
.wp-post-image,
.post-thumbnail img {
  height: auto;
  max-width: 100%;
}

/* Embeds and iframes */
embed,
iframe,
object,
video {
  max-width: 100%;
  display: block;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
  margin-bottom: 0;
}

/* Image Captions*/
.wp-caption {
  margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}

.wp-caption-text {
  display: block;
  font-size: 14px;
  margin: 0 auto;
  padding: 15px 0;
  text-align: left;
  line-height: 1.5;
  margin-bottom: 30px;
}

.entry-caption {
  display: block;
  font-size: 14px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.5;
  padding: 15px 0;
}

.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  text-decoration: none;
  margin: 10px 5px !important;
  padding: 0 !important;
  position: absolute !important;
  height: 20px !important;
  width: 20px !important;
  border: 0 !important;
  line-height: 16px;
  text-indent: 2px;
  background-color: transparent !important;
}

/* Gallery */
.gallery {
  margin: 0 -15px !important;
}

.gallery dl {
  margin-top: 0 !important;
}

.gallery dl img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  padding: 0 15px;
  border: none !important;
}

.gallery-caption {
  padding-left: 15px;
  padding-right: 15px;
}

/* =============================================================================
- Basic Typography
============================================================================= */
html {
  font-size: 16px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

.grve-stop-scrolling {
  overflow-y: hidden !important;
}

p {
  position: relative;
  margin-bottom: 30px;
}

p:last-child {
  margin-bottom: 0;
}

p:empty {
  display: none;
}

p.grve-pull-left,
p.grve-pull-right {
  position: relative;
  width: 40%;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 30px;
  opacity: 0.7;
}

p.grve-pull-left {
  position: relative;
  float: left;
  margin-left: -30px;
  padding: 30px 30px 30px 0;
}

p.grve-pull-right {
  position: relative;
  float: right;
  margin-right: -30px;
  padding: 30px 0 30px 30px;
}

@media only screen and (max-width: 767px) {
  p.grve-pull-left,
  p.grve-pull-right {
    float: none;
    margin: 0 0 30px 0;
    width: 100%;
    padding: 0;
  }
}
p.grve-dropcap:first-letter {
  float: left;
  line-height: 1em !important;
  padding: 0px 18px 0px 0px;
  margin-bottom: 0;
}

#grve-theme-wrapper .grve-bold-text {
  font-weight: 600;
}

/*	Links  */
a {
  text-decoration: none;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

/* More Link*/
.more-link {
  display: block;
  margin-top: 10px;
}

/*	List  */
ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ol ul {
  list-style: circle;
}

ul,
ol {
  margin-bottom: 28px;
  margin-left: 20px;
  line-height: 30px;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 20px;
}

/*	Blockquote  */
blockquote {
  margin-bottom: 30px;
}

blockquote:last-child {
  margin-bottom: 0;
}

p + blockquote {
  margin-top: 30px;
}

hr + blockquote {
  margin-top: 30px;
}

blockquote {
  padding-top: 5px;
  padding-bottom: 5px;
}
blockquote:not(.has-text-align-right) {
  padding-left: 28px;
  border-left-width: 2px;
  border-left-style: solid;
}
blockquote.has-text-align-right {
  padding-right: 28px;
  border-right-width: 2px;
  border-right-style: solid;
}

@media only screen and (max-width: 767px) {
  br.hidden {
    display: none;
  }
}
/* Other elements */
cite,
em,
var,
address,
dfn {
  font-style: italic;
}

address {
  margin-bottom: 30px;
}

dl {
  margin-bottom: 30px;
}

dt {
  font-family: inherit;
}

dd {
  padding-left: 15px;
}

.sticky {
  position: relative;
}

.bypostauthor {
  position: relative;
}

code,
kbd,
tt,
var,
samp,
pre {
  hyphens: none;
}

pre {
  display: block;
  clear: both;
  overflow: auto;
  padding: 2.000rem;
  font-size: 1.000rem;
  line-height: 1.8em;
  letter-spacing: 0;
  white-space: pre;
  overflow-x: auto;
  height: auto;
  margin: 30px 0;
  color: #525455;
  background-color: rgba(170, 170, 251, 0.1);
  font-family: monospace;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

strong {
  font-weight: bold;
}

cite,
code {
  letter-spacing: 0.100em;
}

hr {
  margin-bottom: 30px;
  display: block;
  border: none;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: currentColor;
  opacity: 1;
}

/* =============================================================================
- Inputs
============================================================================= */
.input-text,
input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="url"],
input[type="tel"],
input[type="search"],
textarea,
select {
  border-radius: 0;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus {
  outline: none;
}

legend {
  white-space: normal;
}

/**
* Buttons
* ----------------------------------------------------------------------------
*/
input[type=submit] {
  -webkit-appearance: none;
}

input[type="submit"],
.grve-btn {
  display: inline-block;
  border: none;
  cursor: pointer;
}

/* =============================================================================
- Disable Link
============================================================================= */
a.grve-disable-link,
.grve-disable-link a {
  pointer-events: none;
}

/* =============================================================================
- Aligns
============================================================================= */
.grve-align-left {
  text-align: left;
}

.grve-align-right {
  text-align: right;
}

.grve-align-center {
  text-align: center;
}

/* Tablet (landscape) ----------- */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
  .grve-column.grve-tablet-align-left,
  .grve-column-inner.grve-tablet-align-left {
    text-align: left;
  }

  .grve-column.grve-tablet-align-right,
  .grve-column-inner.grve-tablet-align-right {
    text-align: right;
  }

  .grve-column.grve-tablet-align-center,
  .grve-column-inner.grve-tablet-align-center {
    text-align: center;
  }
}
/* Tablet (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .grve-column.grve-tablet-sm-align-left,
  .grve-column-inner.grve-tablet-sm-align-left {
    text-align: left;
  }

  .grve-column.grve-tablet-sm-align-right,
  .grve-column-inner.grve-tablet-sm-align-right {
    text-align: right;
  }

  .grve-column.grve-tablet-sm-align-center,
  .grve-column-inner.grve-tablet-sm-align-center {
    text-align: center;
  }
}
/* Smartphones (landscape) ----------- */
@media only screen and (max-width: 767px) {
  .grve-column.grve-mobile-align-left,
  .grve-column-inner.grve-mobile-align-left {
    text-align: left;
  }

  .grve-column.grve-mobile-align-right,
  .grve-column-inner.grve-mobile-align-right {
    text-align: right;
  }

  .grve-column.grve-mobile-align-center,
  .grve-column-inner.grve-mobile-align-center {
    text-align: center;
  }
}
.alignleft,
img.alignleft {
  float: left;
  margin-right: 20px;
}

.alignright,
img.alignright {
  float: right;
  margin-left: 20px;
}

.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

img.grve-pull-left {
  float: left;
  margin-left: -30px;
  padding: 15px 0;
}

img.grve-pull-right {
  float: right;
  margin-right: -30px;
  padding: 15px 0;
}

.grve-vertical-top {
  vertical-align: top;
}

.grve-vertical-middle {
  vertical-align: middle;
}

.grve-vertical-bottom {
  vertical-align: bottom;
}

.grve-float-left {
  float: left;
}

.grve-float-right {
  float: right;
}

.grve-float-none {
  float: none;
}

/* =============================================================================
- Tables
============================================================================= */
table {
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid;
  border-collapse: separate;
  cursor: default;
}

tr {
  transition: background-color 0.2s ease;
  border-bottom: 1px solid;
}

td,
th {
  padding: 10px 20px 10px 20px;
  line-height: 1.5;
  border-right: 1px solid;
  text-align: center;
}

td:last-child,
th:last-child {
  border: none;
}

/* =============================================================================
- Typography
============================================================================= */
h1, h2, h3, h4, h5, h6,
.grve-h1,
.grve-h2,
.grve-h3,
.grve-h4,
.grve-h5,
.grve-h6 {
  margin-bottom: 18px;
}

h1, .grve-h1,
h2, .grve-h2 {
  margin-bottom: 18px;
}

h3, .grve-h3,
h4, .grve-h4 {
  margin-bottom: 15px;
}

h5, .grve-h5,
h6, .grve-h6 {
  margin-bottom: 10px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.grve-h1:last-child,
.grve-h2:last-child,
.grve-h3:last-child,
.grve-h4:last-child,
.grve-h5:last-child,
.grve-h6:last-child,
.grve-subtitle:last-child {
  margin-bottom: 0px;
}

.grve-small-title {
  font-size: 18px;
  line-height: 24px;
}

.grve-small-text {
  line-height: 1.2;
}

.grve-list-divider {
  font-size: 0;
}

.grve-list-divider li {
  margin: 0 !important;
  display: inline-block;
  vertical-align: middle;
}

.grve-list-divider li:after {
  content: '/';
  margin: 0 0.455em;
  opacity: 0.5;
}

.grve-list-divider li:last-child:after {
  display: none;
}

.grve-item-url {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

/* =============================================================================
- Increase Headings
============================================================================= */
.grve-increase-heading > span,
.grve-increase-heading .grve-clipping-content > span,
.grve-increase-heading .grve-appear-content > span {
  line-height: 1.200em;
}

.grve-increase-heading.grve-heading-120 > span,
.grve-increase-heading.grve-heading-120 .grve-clipping-content > span,
.grve-increase-heading.grve-heading-120 .grve-appear-content > span {
  font-size: 120%;
}

.grve-increase-heading.grve-heading-140 > span,
.grve-increase-heading.grve-heading-140 .grve-clipping-content > span,
.grve-increase-heading.grve-heading-140 .grve-appear-content > span {
  font-size: 140%;
}

.grve-increase-heading.grve-heading-160 > span,
.grve-increase-heading.grve-heading-160 .grve-clipping-content > span,
.grve-increase-heading.grve-heading-160 .grve-appear-content > span {
  font-size: 160%;
}

.grve-increase-heading.grve-heading-180 > span,
.grve-increase-heading.grve-heading-180 .grve-clipping-content > span,
.grve-increase-heading.grve-heading-180 .grve-appear-content > span {
  font-size: 180%;
}

.grve-increase-heading.grve-heading-200 > span,
.grve-increase-heading.grve-heading-200 .grve-clipping-content > span,
.grve-increase-heading.grve-heading-200 .grve-appear-content > span {
  font-size: 200%;
}

.grve-increase-heading.grve-heading-250 > span,
.grve-increase-heading.grve-heading-250 .grve-clipping-content > span,
.grve-increase-heading.grve-heading-250 .grve-appear-content > span {
  font-size: 250%;
}

.grve-increase-heading.grve-heading-300 > span,
.grve-increase-heading.grve-heading-300 .grve-clipping-content > span,
.grve-increase-heading.grve-heading-300 .grve-appear-content > span {
  font-size: 300%;
}

/* Tablet Landscape ----------- */
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  .grve-increase-heading.grve-desktop-sm-reset-increase-heading > span,
  .grve-increase-heading.grve-desktop-sm-reset-increase-heading .grve-clipping-content > span,
  .grve-increase-heading.grve-desktop-sm-reset-increase-heading .grve-appear-content > span {
    line-height: inherit;
    font-size: inherit;
  }
}
/* Tablet Landscape ----------- */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
  .grve-increase-heading.grve-tablet-reset-increase-heading > span,
  .grve-increase-heading.grve-tablet-reset-increase-heading .grve-clipping-content > span,
  .grve-increase-heading.grve-tablet-reset-increase-heading .grve-appear-content > span {
    line-height: inherit;
    font-size: inherit;
  }
}
/* Tablet Portrait ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .grve-increase-heading.grve-tablet-sm-reset-increase-heading > span,
  .grve-increase-heading.grve-tablet-sm-reset-increase-heading .grve-clipping-content > span,
  .grve-increase-heading.grve-tablet-sm-reset-increase-heading .grve-appear-content > span {
    line-height: inherit;
    font-size: inherit;
  }
}
/* Mobile ----------- */
@media screen and (max-width: 767px) {
  .grve-increase-heading.grve-mobile-reset-increase-heading > span,
  .grve-increase-heading.grve-mobile-reset-increase-heading .grve-clipping-content > span,
  .grve-increase-heading.grve-mobile-reset-increase-heading .grve-appear-content > span {
    line-height: inherit;
    font-size: inherit;
  }
}
/* =============================================================================
- Underline Text
============================================================================= */
span.grve-underline {
  background-image: linear-gradient(#f00 0%, #000 100%);
  background-repeat: no-repeat;
  background-size: 0 0.250em;
  background-position: 0 80%;
  transition: background-size 0.5s ease-in;
}
span.grve-underline.grve-active {
  background-size: 100% 0.250em;
}

/* =============================================================================
- Inputs
============================================================================= */
input[type="text"],
input[type="input"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="date"],
textarea,
select,
.select2-choice {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid;
  padding: 16px 20px;
  outline: none;
  color: inherit;
  margin: 0;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border-radius: 0;
  border-color: inherit;
  min-height: 42px;
  display: block;
}

input[type="file"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid;
  padding: 16px 20px;
  outline: none;
  color: inherit;
  margin: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border-radius: 0;
  border-color: inherit;
  min-height: 42px;
}
input[type="file"]::-webkit-file-upload-button {
  border: none;
  border-radius: 3px;
  color: inherit;
  font-size: 0.9em;
  padding: 2px 6px;
  font-family: inherit;
  margin-right: 18px;
  pointer-events: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="file"]:focus,
textarea:focus {
  color: inherit;
}

input[type="date"] {
  line-height: 15px;
}

.select2-choice {
  padding: 10px 14px;
}

select {
  background-image: url(../images/graphics/select-icon.svg);
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  text-indent: 0;
  min-height: 30px;
}

select option {
  color: #000000;
}

select[multiple] {
  background-image: none;
}

::-webkit-inner-spin-button {
  display: none;
}

::-webkit-calendar-picker-indicator {
  background: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.8;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: inherit;
  opacity: 0.8;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: inherit;
  opacity: 0.8;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 0.8;
}

/* Search */
.grve-search {
  position: relative;
  display: block;
}

#grve-theme-wrapper .grve-search {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
#grve-theme-wrapper .grve-search input[type='text'] {
  width: 100%;
  height: 50px;
  padding-right: 50px;
  padding-left: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
  margin-bottom: 0;
}
#grve-theme-wrapper .grve-search button[type='submit'] {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  position: absolute;
  border: none;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 0;
  cursor: pointer;
  z-index: 3;
  outline: 0;
  background-color: transparent;
  transition: all .3s;
  font-size: inherit;
  line-height: inherit;
}
#grve-theme-wrapper .grve-search button[type='submit'] svg {
  fill: currentColor;
}

/* =============================================================================
- Visibility & Accessibility
============================================================================= */
.grve-hidden {
  display: none;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.screen-reader-text:focus {
  clip: auto !important;
  display: block;
  height: auto;
  left: 5px;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* =============================================================================
- Margins
============================================================================= */
.grve-margin-top-1x,
.grve-margin-list-top-1x li:not(:first-child) {
  margin-top: 6px;
}

.grve-margin-top-2x,
.grve-margin-list-top-2x li:not(:first-child) {
  margin-top: 12px;
}

.grve-margin-top-3x,
.grve-margin-list-top-3x li:not(:first-child) {
  margin-top: 18px;
}

.grve-margin-top-4x,
.grve-margin-list-top-4x li:not(:first-child) {
  margin-top: 24px;
}

.grve-margin-top-5x,
.grve-margin-list-top-5x li:not(:first-child) {
  margin-top: 30px;
}

.grve-margin-top-6x,
.grve-margin-list-top-6x li:not(:first-child) {
  margin-top: 36px;
}

.grve-margin-bottom-1x,
.grve-margin-list-bottom-1x li:not(:last-child) {
  margin-bottom: 6px;
}

.grve-margin-bottom-2x,
.grve-margin-list-bottom-2x li:not(:last-child) {
  margin-bottom: 12px;
}

.grve-margin-bottom-3x,
.grve-margin-list-bottom-3x li:not(:last-child) {
  margin-bottom: 18px;
}

.grve-margin-bottom-4x,
.grve-margin-list-bottom-4x li:not(:last-child) {
  margin-bottom: 24px;
}

.grve-margin-bottom-5x,
.grve-margin-list-bottom-5x li:not(:last-child) {
  margin-bottom: 30px;
}

.grve-margin-bottom-6x,
.grve-margin-list-bottom-6x li:not(:last-child) {
  margin-bottom: 36px;
}

.grve-margin-left-1x,
.grve-margin-list-left-1x li:not(:first-child) {
  margin-left: 6px;
}

.grve-margin-left-2x,
.grve-margin-list-left-2x li:not(:first-child) {
  margin-left: 12px;
}

.grve-margin-left-3x,
.grve-margin-list-left-3x li:not(:first-child) {
  margin-left: 18px;
}

.grve-margin-left-4x,
.grve-margin-list-left-4x li:not(:first-child) {
  margin-left: 24px;
}

.grve-margin-left-5x,
.grve-margin-list-left-5x li:not(:first-child) {
  margin-left: 30px;
}

.grve-margin-left-6x,
.grve-margin-list-left-6x li:not(:first-child) {
  margin-left: 36px;
}

.grve-margin-right-1x,
.grve-margin-list-right-1x li:not(:last-child) {
  margin-right: 6px;
}

.grve-margin-right-2x,
.grve-margin-list-right-2x li:not(:last-child) {
  margin-right: 12px;
}

.grve-margin-right-3x,
.grve-margin-list-right-3x li:not(:last-child) {
  margin-right: 18px;
}

.grve-margin-right-4x,
.grve-margin-list-right-4x li:not(:last-child) {
  margin-right: 24px;
}

.grve-margin-right-5x,
.grve-margin-list-right-5x li:not(:last-child) {
  margin-right: 30px;
}

.grve-margin-right-6x,
.grve-margin-list-right-6x li:not(:last-child) {
  margin-right: 36px;
}

/* =============================================================================
- Borders
============================================================================= */
.grve-border-top {
  border-top: 1px solid;
}

.grve-border-bottom {
  border-bottom: 1px solid;
}

.grve-border-left {
  border-left: 1px solid;
}

.grve-border-right {
  border-right: 1px solid;
}

.grve-border-all {
  border: 1px solid;
}

.grve-border {
  transition: border-color .3s;
}

/* =============================================================================
- Shadows
============================================================================= */
.grve-small-shadow {
  box-shadow: 0 25px 60px -20px rgba(0, 0, 0, 0.25);
}

.grve-medium-shadow {
  box-shadow: 0 12px 35px -10px rgba(0, 0, 0, 0.1);
}

.grve-large-shadow {
  box-shadow: 0 60px 100px -30px rgba(0, 0, 0, 0.25);
}

/* Shadows */
.grve-with-shadow {
  transition: box-shadow 0.3s ease-in-out;
}

.grve-shadow-small {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.grve-shadow-medium {
  box-shadow: 0 12px 35px -10px rgba(0, 0, 0, 0.1);
}

.grve-shadow-large {
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
}

#grve-theme-wrapper .grve-clipping-animation .grve-with-shadow,
#grve-theme-wrapper .grve-clipping-animation.grve-drop-shadow .grve-column-wrapper,
#grve-theme-wrapper .grve-clipping-animation .grve-drop-shadow,
#grve-theme-wrapper .grve-clipping-animation.grve-drop-shadow-large .grve-column-wrapper,
#grve-theme-wrapper .grve-clipping-animation .grve-drop-shadow-large {
  box-shadow: none;
}

/* =============================================================================
- Shadow Mode
============================================================================= */
.grve-shadow-wrapper {
  box-shadow: 0px 40px 80px -40px rgba(0, 0, 0, 0.4);
}

/* =============================================================================
- Buttons
============================================================================= */
.grve-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 1.250em 2.500em;
  margin-top: 3px;
  margin-bottom: 3px;
  min-width: 7.500em;
  line-height: 1.4;
  position: relative;
  border-radius: 0;
  z-index: 2;
  outline: 0;
  text-align: center;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  border-color: inherit;
  box-sizing: border-box;
  word-wrap: break-word;
  user-select: none;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: color .5s ease, background-color .5s ease, border-color .5s ease;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  white-space: nowrap;
}
.grve-btn + .grve-btn {
  margin-left: 30px;
}
.grve-btn.grve-btn-outline {
  background-color: transparent;
  background-image: none;
}
.grve-btn.grve-fullwidth-btn {
  width: 100%;
}
.grve-btn.grve-btn-gradient {
  overflow: visible !important;
}
.grve-btn.grve-btn-gradient:before, .grve-btn.grve-btn-gradient:after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: 1;
  border-radius: inherit;
  transition: opacity .5s ease;
}
.grve-btn.grve-btn-gradient:after {
  opacity: 0;
}
.grve-btn.grve-btn-gradient:hover:after {
  opacity: 1;
}
.grve-btn.grve-btn-gradient:hover:before {
  opacity: 0;
}
.grve-btn.grve-btn-gradient:hover span {
  color: inherit;
}
.grve-btn.grve-btn-gradient span {
  position: relative;
  z-index: 3;
}

.grve-btn-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  z-index: 3;
  direction: ltr;
}
.grve-btn-inner > span {
  margin-right: 1.000em;
}
.grve-btn-inner .grve-btn-icon {
  line-height: 1.000em;
}
.grve-btn-inner .grve-btn-icon i,
.grve-btn-inner .grve-btn-icon .grve-icon {
  display: block;
  font-size: 1.000em;
}
.grve-btn-inner .grve-btn-svg-icon {
  position: relative;
}
.grve-btn-inner .grve-btn-svg-icon svg {
  display: block;
  position: relative;
  z-index: 3;
  transition: fill 0.5s ease, transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-btn-inner .grve-btn-svg-icon.grve-with-shape {
  width: 2.000em;
  margin-right: -0.500em;
}
.grve-btn-inner .grve-btn-svg-icon.grve-with-shape svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.grve-btn-inner .grve-btn-svg-icon .grve-shape-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.000em;
  height: 2.000em;
  margin-top: -1.000em;
  margin-left: -1.000em;
}
.grve-btn-inner .grve-btn-svg-icon .grve-shape-icon.grve-outline {
  background-color: transparent;
  border-style: solid;
  border-width: 2px;
}

.grve-with-svg-icon-arrow-1 svg {
  width: 0.700em;
  margin-left: 1px;
  height: auto;
}

.grve-with-svg-icon-arrow-2.grve-btn .grve-btn-inner {
  transform: translateX(1em);
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-with-svg-icon-arrow-2.grve-btn:hover .grve-btn-inner {
  transform: translateX(0);
}
.grve-with-svg-icon-arrow-2 svg {
  width: 2.000em;
  height: auto;
  transform: translateX(-1.5em);
}
.grve-with-svg-icon-arrow-2 .grve-arrow-line {
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-with-svg-icon-arrow-2:hover svg {
  transform: translateX(0);
}
.grve-with-svg-icon-arrow-2:hover .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}

/* Button Margins */
#grve-theme-wrapper .grve-fullwidth-btn.grve-btn {
  margin: 0;
}

#grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-medium {
  line-height: 60px !important;
}

#grve-theme-wrapper .grve-fullwidth-btn.grve-btn.grve-fluid-btn-tall {
  line-height: 80px !important;
}

/* Fluid Button */
.grve-fluid-button,
.grve-fluid-button a.grve-btn {
  width: 100%;
  margin: 0;
}

.grve-align-center .grve-fluid-button,
.grve-fluid-button.grve-align-center {
  margin-left: auto;
  margin-right: auto;
}

.grve-align-right .grve-fluid-button,
.grve-fluid-button.grve-align-right {
  margin-left: auto;
  margin-right: 0;
}

@media only screen and (max-width: 1200px) {
  .grve-tablet-align-center .grve-fluid-button {
    margin-left: auto;
    margin-right: auto;
  }

  .grve-tablet-align-left .grve-fluid-button {
    margin-left: 0;
    margin-right: auto;
  }

  .grve-tablet-align-right .grve-fluid-button {
    margin-left: auto;
    margin-right: 0;
  }
}
@media only screen and (max-width: 959px) {
  .grve-tablet-sm-align-center .grve-fluid-button {
    margin-left: auto;
    margin-right: auto;
  }

  .grve-tablet-sm-align-left .grve-fluid-button {
    margin-left: 0;
    margin-right: auto;
  }

  .grve-tablet-sm-align-right .grve-fluid-button {
    margin-left: auto;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .grve-mobile-align-center .grve-fluid-button {
    margin-left: auto;
    margin-right: auto;
  }

  .grve-mobile-align-left .grve-fluid-button {
    margin-left: 0;
    margin-right: auto;
  }

  .grve-mobile-align-right .grve-fluid-button {
    margin-left: auto;
    margin-right: 0;
  }
}
/* =============================================================================
--- Underline Buttons
============================================================================= */
.grve-btn-line {
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.grve-btn-line span {
  margin: 0;
}
.grve-btn-line .grve-line {
  width: 2.000rem;
  height: 2px;
}
.grve-btn-line.grve-line-left .grve-btn-inner span {
  order: 2;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-btn-line.grve-line-left .grve-btn-inner .grve-line {
  order: 1;
  margin-right: 1.000rem;
  transform-origin: left center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-btn-line.grve-line-left:hover .grve-btn-inner span {
  transform: translateX(-1rem);
}
.grve-btn-line.grve-line-left:hover .grve-btn-inner .grve-line {
  transform: scaleX(0.5);
}
.grve-btn-line.grve-line-right .grve-btn-inner span {
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-btn-line.grve-line-right .grve-btn-inner .grve-line {
  margin-left: 1.000rem;
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-btn-line.grve-line-right:hover .grve-btn-inner span {
  transform: translateX(1rem);
}
.grve-btn-line.grve-line-right:hover .grve-btn-inner .grve-line {
  transform: scaleX(0.5);
}
.grve-btn-line.grve-line-bottom .grve-btn-inner {
  flex-direction: column;
}
.grve-btn-line.grve-line-bottom .grve-btn-inner .grve-line {
  width: 100%;
  margin-top: 0.200rem;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-btn-line.grve-line-bottom:hover .grve-btn-inner .grve-line {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-btn-line.grve-line-bottom-advanced .grve-btn-inner {
  flex-direction: column;
}
.grve-btn-line.grve-line-bottom-advanced .grve-btn-inner .grve-line {
  transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  position: absolute;
  z-index: -1;
  width: auto;
  height: 0.500em;
  top: auto;
  left: -0.250em;
  right: -0.250em;
  bottom: 0.025em;
  opacity: 0.2;
}
.grve-btn-line.grve-line-bottom-advanced:hover .grve-btn-inner .grve-line {
  left: 0;
  right: 0;
  bottom: -0.200em;
  height: 2px;
  opacity: 1;
}

.grve-with-link:hover .grve-btn-line.grve-line-left .grve-btn-inner span {
  transform: translateX(-1rem);
}
.grve-with-link:hover .grve-btn-line.grve-line-left .grve-btn-inner .grve-line {
  transform: scaleX(0.5);
}
.grve-with-link:hover .grve-btn-line.grve-line-right .grve-btn-inner span {
  transform: translateX(1rem);
}
.grve-with-link:hover .grve-btn-line.grve-line-right .grve-btn-inner .grve-line {
  transform: scaleX(0.5);
}
.grve-with-link:hover .grve-btn-line.grve-line-bottom .grve-btn-inner .grve-line {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-with-link:hover .grve-btn-line.grve-line-bottom-advanced .grve-btn-inner .grve-line {
  left: 0;
  right: 0;
  bottom: -0.200em;
  height: 2px;
  opacity: 1;
}

/* =============================================================================
--- Only Text Buttons
============================================================================= */
.grve-btn-only-text {
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: color .5s ease;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/* =============================================================================
--- Video Buttons
============================================================================= */
.grve-btn-video {
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: color .5s ease;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.grve-btn-video .grve-btn-inner {
  flex-direction: row-reverse;
}
.grve-btn-video span {
  margin-left: 1.000em;
  margin-right: 0;
}
.grve-btn-video .grve-btn-video-icon {
  position: relative;
}
.grve-btn-video .grve-btn-video-icon svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1.714em;
  transform: translate(-50%, -50%);
  transition: all .5s ease;
}
.grve-btn-video .grve-btn-video-icon .grve-shape-icon {
  transition: all .5s ease;
}
.grve-btn-video .grve-btn-video-icon .grve-shape-icon.grve-outline {
  border-width: 2px;
  border-style: solid;
}
.grve-btn-video .grve-btn-video-icon .grve-shape-icon.grve-circle {
  width: 4.000em;
  height: 4.000em;
}
.grve-btn-video .grve-btn-video-icon .grve-shape-icon.grve-round {
  width: 3.500em;
  height: 2.000em;
  border-radius: 50px !important;
}

/* =============================================================================
--- Hover Actions
============================================================================= */
/* Pulse Action */
.grve-btn.grve-pulse {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), border-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), color 0.45s cubic-bezier(0.25, 1, 0.33, 1), background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow 0.45s cubic-bezier(0.25, 1, 0.33, 1);
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), border-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), color 0.45s cubic-bezier(0.25, 1, 0.33, 1), background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow 0.45s cubic-bezier(0.25, 1, 0.33, 1);
  -o-transition: -o-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), border-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), color 0.45s cubic-bezier(0.25, 1, 0.33, 1), background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow 0.45s cubic-bezier(0.25, 1, 0.33, 1);
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), border-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), color 0.45s cubic-bezier(0.25, 1, 0.33, 1), background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

.grve-btn.grve-pulse:hover {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
  transform: translateY(-5px);
}

/* =============================================================================
- Contact Form Buttons
============================================================================= */
/* Outline Button */
.grve-contact-form.grve-form-btn-outline input[type="submit"]:not(.grve-custom-btn) {
  border: 2px solid;
  background-color: transparent;
  background-image: none;
}

.grve-contact-form.grve-form-btn-square input[type="submit"]:not(.grve-custom-btn) {
  border-radius: 0;
}

.grve-contact-form.grve-form-btn-round input[type="submit"]:not(.grve-custom-btn) {
  border-radius: 3px;
  overflow: hidden;
}

.grve-contact-form.grve-form-btn-extra-round input[type="submit"]:not(.grve-custom-btn) {
  border-radius: 50px;
  overflow: hidden;
}

.grve-contact-form input,
.grve-contact-form textarea,
.grve-contact-form select {
  transition: background-color .2s, color .2s, border-color .2s;
}

/* =============================================================================
- RTL Buttons
============================================================================= */
body.rtl .grve-btn-inner {
  direction: rtl;
}
body.rtl .grve-btn-inner span {
  margin-right: 0;
  margin-left: 1em;
}
body.rtl .grve-btn-inner .grve-btn-svg-icon {
  transform: rotate(180deg);
}
body.rtl .grve-btn-inner .grve-btn-svg-icon.grve-with-shape {
  margin-right: 0;
  margin-left: -0.500em;
}
body.rtl .grve-with-svg-icon-arrow-1 svg {
  margin-left: 0;
  margin-right: 1px;
}
body.rtl .grve-with-svg-icon-arrow-2.grve-btn .grve-btn-inner {
  transform: translateX(-1em);
}
body.rtl .grve-with-svg-icon-arrow-2.grve-btn:hover .grve-btn-inner {
  transform: translateX(0);
}
body.rtl .grve-btn-video .grve-btn-video-icon {
  transform: rotate(180deg);
}
body.rtl .grve-btn-video .grve-btn-inner span {
  margin-right: 1em;
  margin-left: 0;
}

/* =============================================================================
- Image Thumbnail
============================================================================= */
.grve-thumbnail-wrapper {
  width: 100%;
  max-width: 100%;
}
.grve-thumbnail-wrapper .grve-thumbnail {
  position: relative;
  overflow: hidden;
  display: block;
}
.grve-thumbnail-wrapper img:not(.grve-dummy-image):not(.grve-image-from-url) {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
}
.grve-thumbnail-wrapper img.grve-dummy-image,
.grve-thumbnail-wrapper img.grve-image-from-url {
  display: inline-block;
  vertical-align: top;
}

img.grve-lazy-load {
  opacity: 0;
  transition: opacity .4s;
}

img.lazyload {
  opacity: 0;
}

img.lazyloaded {
  opacity: 1;
}

/* =============================================================================
- Image Sizes ( square - landscape - portrait )
============================================================================= */
.grve-isotope .grve-image-square img,
.grve-isotope .grve-image-large-square img,
.grve-isotope .grve-image-landscape img,
.grve-isotope .grve-image-portrait img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* =============================================================================
- Top Bar
============================================================================= */
#grve-top-bar {
  position: relative;
  width: 100%;
  top: 0;
}
#grve-top-bar.grve-fullwidth .grve-top-bar-section > .grve-container {
  max-width: 100%;
  width: 100%;
  padding-left: 2.000rem;
  padding-right: 2.000rem;
}
#grve-top-bar .grve-top-bar-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: -0.500rem;
  margin-right: -0.500rem;
}
#grve-top-bar .grve-top-bar-row .grve-left-area,
#grve-top-bar .grve-top-bar-row .grve-right-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1;
  align-items: center;
}
#grve-top-bar .grve-top-bar-row .grve-right-area {
  justify-content: flex-end;
}
#grve-top-bar .grve-top-bar-row .grve-top-bar-items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 1.2;
}
#grve-top-bar .grve-top-bar-row .grve-top-bar-items ul {
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
}
#grve-top-bar .grve-top-bar-row .grve-top-bar-items ul li + li {
  margin-left: 1.000rem;
}
#grve-top-bar .grve-top-bar-row .grve-top-bar-items p {
  font-size: 13px;
  line-height: 1.2;
}
#grve-top-bar .grve-top-bar-row .grve-top-bar-items svg {
  display: block;
  width: 20px;
  fill: currentColor;
}
#grve-top-bar .grve-top-bar-row .grve-top-bar-items .grve-topbar-item {
  padding: 0 0.500rem;
}
@media only screen and (max-width: 767px) {
  #grve-top-bar .grve-top-bar-row {
    flex-direction: column;
  }
  #grve-top-bar .grve-top-bar-row .grve-left-area,
  #grve-top-bar .grve-top-bar-row .grve-right-area {
    justify-content: center;
  }
}

#grve-top-bar .grve-search input[type='text'] {
  min-height: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}

/* =============================================================================
- Header
============================================================================= */
#grve-header {
  position: relative;
  z-index: 10;
}

/* Main Header */
#grve-main-header,
#grve-main-header .grve-bottom-header-area {
  width: 100%;
  z-index: 2;
  position: relative;
}
#grve-main-header.grve-skin-changed,
#grve-main-header .grve-bottom-header-area.grve-skin-changed {
  transition: background-color 0s, padding-top .5s, padding-bottom .5s, border-color .5s;
}

#grve-main-header.grve-sticky-ready,
#grve-main-header.grve-sticky-ready .grve-bottom-header-area {
  transition: background-color .3s, padding-top .5s, padding-bottom .5s, border-color .5s;
}

/* Header Container */
#grve-main-header .grve-container {
  height: inherit;
  line-height: inherit;
}

#grve-main-header.grve-fullwidth > .grve-container {
  width: 100%;
  max-width: 100%;
}

/* Header Row */
.grve-header-row {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-left: -2.000rem;
  margin-right: -2.000rem;
}

#grve-header .grve-left-area,
#grve-header .grve-right-area {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

#grve-header .grve-left-area {
  justify-content: flex-start;
}

#grve-header .grve-right-area {
  justify-content: flex-end;
}

#grve-main-header.grve-fullwidth .grve-header-row {
  margin-left: 0;
  margin-right: 0;
}

#grve-main-header .grve-bottom-header-area {
  position: relative;
}

/* =============================================================================
--- Header Style 2
============================================================================= */
#grve-main-header.grve-layout-default.grve-style-2 .grve-header-row {
  margin-left: calc( -770px / 2 + 50% );
  margin-right: 0;
}
#grve-main-header.grve-layout-default.grve-style-2 .grve-header-row .grve-left-area .grve-logo {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#grve-main-header.grve-layout-default.grve-style-2 .grve-header-row .grve-left-area .grve-header-menu.grve-horizontal-menu {
  padding: 0;
}
@media only screen and (max-width: 1200px) {
  #grve-main-header.grve-layout-default.grve-style-2 .grve-header-row {
    margin-left: 0;
  }
  #grve-main-header.grve-layout-default.grve-style-2 .grve-header-row .grve-left-area .grve-logo {
    position: relative;
  }
}

.grve-safebutton-icon-wrapper.grve-fixed {
  position: fixed;
  top: 50%;
  right: 0.875rem;
  transform: translateY(-50%);
  z-index: 9;
  width: 3.750rem;
  height: 3.750rem;
  transition: all .5s ease;
  transform-origin: center center;
}
.grve-safebutton-icon-wrapper.grve-fixed .grve-safe-button {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
  border-radius: 100%;
  overflow: hidden;
  transition: color .5s ease, background-color .5s ease;
  border: 2px solid currentColor;
}
.grve-safebutton-icon-wrapper.grve-fixed .grve-safe-button .grve-item {
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.grve-safebutton-icon-wrapper.grve-fixed .grve-safe-button .grve-item svg {
  width: inherit;
  height: inherit;
}
.grve-safebutton-icon-wrapper.grve-fixed .grve-safe-button .grve-item svg path {
  fill: currentColor;
}
.grve-safebutton-icon-wrapper.grve-fixed .grve-safe-button .grve-item i, .grve-safebutton-icon-wrapper.grve-fixed .grve-safe-button .grve-item .grve-icon {
  font-size: 16px;
  line-height: inherit;
}
.grve-safebutton-icon-wrapper.grve-fixed.grve-skin-default .grve-safe-button, .grve-safebutton-icon-wrapper.grve-fixed.grve-skin-dark .grve-safe-button {
  color: #000000;
}
.grve-safebutton-icon-wrapper.grve-fixed.grve-skin-light .grve-safe-button {
  color: #ffffff;
}
.grve-safebutton-icon-wrapper.grve-fixed.grve-close {
  width: 2.250rem;
  height: 2.250rem;
}
.grve-safebutton-icon-wrapper.grve-fixed.grve-close .grve-safe-button {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
}
.grve-safebutton-icon-wrapper.grve-fixed.grve-close .grve-safe-button .grve-item {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
@media only screen and (max-width: 1023px) {
  .grve-safebutton-icon-wrapper.grve-fixed {
    right: 0.375rem;
    width: 2.250rem;
    height: 2.250rem;
  }
  .grve-safebutton-icon-wrapper.grve-fixed .grve-safe-button .grve-item {
    width: 18px;
    height: 18px;
    line-height: 18px;
  }
}

.grve-safebutton-ready .grve-safebutton-icon-wrapper.grve-fixed {
  z-index: 90;
}

.grve-safebutton-icon-wrapper.grve-close {
  z-index: 90;
}

body.grve-modal-open .grve-safebutton-icon-wrapper.grve-fixed,
body.grve-responsivemenu-open .grve-safebutton-icon-wrapper.grve-fixed {
  display: none;
}

body.rtl #grve-main-header.grve-layout-default.grve-style-2 .grve-header-row {
  margin-left: 0;
  margin-right: calc( -770px / 2 + 50% );
}
body.rtl #grve-main-header.grve-layout-default.grve-style-2 .grve-header-row .grve-left-area .grve-logo {
  left: auto;
  right: 0;
}
@media only screen and (max-width: 1200px) {
  body.rtl #grve-main-header.grve-layout-default.grve-style-2 .grve-header-row {
    margin-left: 0;
    margin-right: 0;
  }
}

/* =============================================================================
- Logo on top
============================================================================= */
#grve-main-header.grve-layout-top-bottom .grve-header-row.grve-header-align-center {
  justify-content: center;
  align-items: center;
}
#grve-main-header.grve-layout-top-bottom .grve-top-header-area .grve-right-area {
  max-width: 80%;
  align-items: center;
}
#grve-main-header.grve-layout-top-bottom.grve-fullwidth .grve-top-header-area > .grve-container,
#grve-main-header.grve-layout-top-bottom.grve-fullwidth .grve-bottom-header-area > .grve-container {
  width: 100%;
  max-width: 100%;
}

/* =============================================================================
--- Overlaping Header
============================================================================= */
body.grve-header-overlapping #grve-main-header {
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
}
body.grve-header-overlapping #grve-main-header.grve-header-below:not(.grve-fixed) {
  top: auto;
  bottom: 100%;
}

/* =============================================================================
- Responsive Header
============================================================================= */
#grve-main-responsive-header {
  display: none;
  position: relative;
  width: 100%;
  z-index: 2;
}
#grve-main-responsive-header.grve-sticky-responsive-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#grve-main-responsive-header .grve-header-row {
  margin-left: 0;
  margin-right: 0;
}
#grve-main-responsive-header .grve-logo,
#grve-main-responsive-header .grve-header-elements,
#grve-main-responsive-header .grve-hidden-menu-icon {
  padding: 0 0.750rem;
}
#grve-main-responsive-header.grve-layout-2 .grve-left-area,
#grve-main-responsive-header.grve-layout-2 .grve-right-area {
  flex: 1;
}

/* =============================================================================
- Off Canvas Show Header
============================================================================= */
#grve-main-header.grve-header-visible {
  pointer-events: none;
}
#grve-main-header.grve-header-visible .grve-logo,
#grve-main-header.grve-header-visible .grve-hidden-menu-icon {
  pointer-events: visible;
}
#grve-main-header.grve-header-visible .grve-header-elements {
  display: none;
}

#grve-main-header.grve-header-visible,
#grve-main-responsive-header.grve-header-visible {
  z-index: 6;
  position: fixed !important;
  top: 0;
  transition: transform 0.3s, background-color 0.3s, padding-top 0s, padding-bottom 0s, border-color 0.3s;
}

/* =============================================================================
--- Overlaping Responsive Header
============================================================================= */
body.grve-responsive-header-overlapping #grve-main-responsive-header {
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
}

/* =============================================================================
- Side Header
============================================================================= */
#grve-main-header.grve-layout-side {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
#grve-main-header.grve-layout-side .grve-logo {
  height: auto;
}
#grve-main-header.grve-layout-side .grve-logo .grve-logo-inner,
#grve-main-header.grve-layout-side .grve-logo img {
  top: 0;
}
#grve-main-header.grve-layout-side.grve-align-center .grve-logo {
  justify-content: center;
}
#grve-main-header.grve-layout-side.grve-align-right .grve-logo {
  justify-content: flex-end;
}
#grve-main-header.grve-layout-side .grve-header-row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow-y: auto;
  z-index: 2;
}
#grve-main-header.grve-layout-side .grve-top-header-area {
  width: 100%;
}
#grve-main-header.grve-layout-side .grve-bottom-header-area {
  padding-top: 36px;
  padding-bottom: 36px;
}
#grve-main-header.grve-layout-side .grve-logo,
#grve-main-header.grve-layout-side .grve-vertical-menu,
#grve-main-header.grve-layout-side .grve-hidden-menu-icon,
#grve-main-header.grve-layout-side .grve-header-elements,
#grve-main-header.grve-layout-side .grve-header-modules,
#grve-main-header.grve-layout-side .grve-header-button {
  padding-left: 0;
  padding-right: 0;
}
#grve-main-header.grve-layout-side.grve-align-center .grve-vertical-menu ul .grve-link-wrapper,
#grve-main-header.grve-layout-side.grve-align-center .grve-header-elements {
  justify-content: center;
}
#grve-main-header.grve-layout-side.grve-align-right .grve-vertical-menu ul .grve-link-wrapper,
#grve-main-header.grve-layout-side.grve-align-right .grve-header-elements {
  justify-content: flex-end;
}

/* =============================================================================
- Split Main Menu
============================================================================= */
#grve-main-header.grve-layout-default.grve-style-4 .grve-left-area,
#grve-main-header.grve-layout-default.grve-style-4 .grve-right-area {
  flex: 1;
}

/* =============================================================================
- Offcanvas Style 2
============================================================================= */
#grve-main-header.grve-layout-offcanvas.grve-style-2 {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
}
#grve-main-header.grve-layout-offcanvas.grve-style-2 .grve-header-row {
  min-height: 100%;
  margin: 0;
  flex-direction: column;
  flex-wrap: nowrap;
}
#grve-main-header.grve-layout-offcanvas.grve-style-2 .grve-header-row .grve-btn-wrapper {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#grve-main-header.grve-layout-offcanvas.grve-style-2 .grve-header-row .grve-logo {
  padding-left: 12%;
  padding-right: 12%;
  justify-content: center;
}
#grve-main-header.grve-layout-offcanvas.grve-style-2 .grve-header-row .grve-header-elements {
  padding-top: 2.000rem;
  padding-bottom: 2.000rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#grve-main-header.grve-layout-offcanvas.grve-style-2 .grve-header-row .grve-header-elements ul.grve-header-element {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#grve-main-header.grve-layout-offcanvas.grve-style-2 .grve-header-row .grve-header-elements ul.grve-header-element li + li {
  margin: 1.000rem 0 0 0;
}
#grve-main-header.grve-layout-offcanvas.grve-style-2 .grve-header-row .grve-header-elements .grve-header-element + .grve-header-element {
  margin: 1.000rem 0 0 0;
}

/* =============================================================================
- Offcanvas Style 3
============================================================================= */
.grve-layout-offcanvas.grve-style-3 .grve-logo {
  padding-left: 0;
}

.grve-offcanvas-icon-wrapper.grve-fixed {
  position: fixed;
  top: 50%;
  right: 0.875rem;
  transform: translateY(-50%);
  z-index: 10;
  width: 110px;
  height: 110px;
  transition: transform 1s cubic-bezier(0.01, 0.52, 0.035, 1.405);
  transform-origin: center right;
}
.grve-offcanvas-icon-wrapper.grve-fixed.grve-small {
  transform: translateY(-50%) scale(0.55);
}
.grve-offcanvas-icon-wrapper.grve-fixed a {
  display: block;
  width: 110px;
  height: 110px;
  color: #ffffff;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-icon-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  white-space: nowrap;
  overflow: hidden;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-icon-inner {
  display: flex;
  flex-direction: column;
  transition: all .3s ease;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-icon-inner .grve-burger-icon {
  display: block;
  text-align: center;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-icon-inner .grve-burger-icon svg {
  display: inline-block;
  vertical-align: top;
  fill: currentColor;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-icon-inner .grve-burger-label {
  margin: 0;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-close-icon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-close-icon svg {
  width: 18px;
  height: auto;
  fill: #000000;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-morphing-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: transform .3s ease;
  z-index: 2;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-morphing-bg svg {
  overflow: visible;
  width: 110px;
  height: 110px;
  display: block;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-morphing-bg svg path {
  transform-origin: center;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-morphing-bg svg.grve-morphing-bg-svg {
  animation: grve_rotating_morphing 4s linear infinite;
}
.grve-offcanvas-icon-wrapper.grve-fixed a .grve-morphing-bg svg.grve-morphing-close-bg-svg {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.grve-offcanvas-icon-wrapper.grve-fixed a.grve-close .grve-icon-inner {
  opacity: 0;
  transform: translateY(-100%);
}
.grve-offcanvas-icon-wrapper.grve-fixed a.grve-close .grve-close-icon {
  transform: translateY(-100%);
}
.grve-offcanvas-icon-wrapper.grve-fixed a.grve-close .grve-morphing-bg {
  transform: translate(-50%, -50%) scale(0.36);
}
.grve-offcanvas-icon-wrapper.grve-fixed a.grve-close .grve-morphing-bg svg {
  fill: #fff;
}
.grve-offcanvas-icon-wrapper.grve-fixed a.grve-close .grve-morphing-bg svg.grve-morphing-close-bg-svg {
  visibility: visible;
}

body.grve-safebutton-ready .grve-offcanvas-icon-wrapper.grve-fixed {
  display: none;
}

@keyframes grve_rotating_morphing {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* =============================================================================
- Logo
============================================================================= */
.grve-logo {
  height: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  padding: 0 2.000rem;
  position: relative;
  line-height: 1;
  z-index: 2;
}
.grve-logo.grve-logo-text {
  overflow: visible;
}

.grve-logo.grve-position-center {
  margin-left: auto;
  margin-right: auto;
}

.grve-logo .grve-logo-inner a {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.grve-logo .grve-logo-inner img {
  display: block;
  position: relative;
  height: 100%;
  width: auto !important;
  max-width: none;
}

.grve-logo img.grve-light,
.grve-logo img.grve-dark,
.grve-logo img.grve-sticky {
  display: none;
}

/* Light Logo */
#grve-main-header.grve-skin-light .grve-logo img.grve-light {
  display: block;
}

#grve-main-header.grve-skin-light .grve-logo img.grve-default,
#grve-main-header.grve-skin-light .grve-logo img.grve-dark {
  display: none;
}

/* Dark Logo */
#grve-main-header.grve-skin-dark .grve-logo img.grve-dark {
  display: block;
}

#grve-main-header.grve-skin-dark .grve-logo img.grve-default,
#grve-main-header.grve-skin-dark .grve-logo img.grve-light {
  display: none;
}

/* Sticky Logo */
#grve-main-header.grve-skin-sticky .grve-logo img.grve-sticky {
  display: block;
}

#grve-main-header.grve-skin-sticky .grve-logo img.grve-default,
#grve-main-header.grve-skin-sticky .grve-logo img.grve-light,
#grve-main-header.grve-skin-sticky .grve-logo img.grve-dark {
  display: none;
}

/* =============================================================================
- Header Text
============================================================================= */
.grve-header-text-wrapper {
  width: 100%;
  z-index: 2;
  padding: 0 2.000rem;
}
.grve-header-text-wrapper .grve-header-text-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.grve-header-text-wrapper .grve-header-text-row .grve-header-text {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.grve-header-text-wrapper .grve-header-text-row .grve-header-text + .grve-header-text {
  margin-left: 2.000rem;
}
.grve-header-text-wrapper.grve-with-borders .grve-header-text + .grve-header-text {
  border-left: 1px solid;
  margin-left: 1.000rem;
  padding-left: 1.000rem;
}

/* =============================================================================
- Header Search
============================================================================= */
#grve-header .grve-header-search .grve-search {
  min-width: 200px;
}
#grve-header .grve-header-search .grve-search input[type="text"] {
  border: none;
  border-bottom: 2px solid;
  padding: 0;
  height: auto;
  font-size: 14px;
}
#grve-header .grve-header-search .grve-search button[type='submit'] {
  font-size: 20px;
  color: inherit;
  right: 0;
}

/* =============================================================================
- Header Language
============================================================================= */
#grve-theme-wrapper .grve-language.grve-dropdown {
  line-height: 1;
  list-style: none;
  margin: 0;
}
#grve-theme-wrapper .grve-language.grve-dropdown > li {
  position: relative;
}
#grve-theme-wrapper .grve-language.grve-dropdown > li ul {
  position: absolute;
  z-index: 12;
  min-width: 160px;
  padding: 12px;
  flex-direction: column;
  top: calc( 100% + 10px );
  line-height: inherit;
  list-style: none;
  margin: 0;
  box-shadow: 0 8px 40px -5px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .3s ease;
}
#grve-theme-wrapper .grve-language.grve-dropdown > li ul li {
  display: block;
}
#grve-theme-wrapper .grve-language.grve-dropdown > li ul li + li {
  margin: 1.000em 0 0 0;
}
#grve-theme-wrapper .grve-language.grve-dropdown > li.grve-hover ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#grve-theme-wrapper .grve-language.grve-dropdown > li > a:after {
  content: '';
  width: 1px;
  height: 1px;
  line-height: inherit;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  padding: 2px;
  transform: rotate(45deg);
  margin: -1px 8px 0 8px;
}
#grve-theme-wrapper .grve-language.grve-list {
  line-height: 1;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
#grve-theme-wrapper .grve-language.grve-list li + li {
  margin-left: 1.000rem;
}
#grve-theme-wrapper .grve-language a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#grve-theme-wrapper .grve-language a img {
  margin-right: 8px;
}

/* =============================================================================
--- Sticky Header General
============================================================================= */
body.grve-header-is-sticky.grve-header-overlapping #grve-main-header.grve-sticky-ready:not(.grve-header-below) {
  position: fixed;
  top: 0;
}

/* =============================================================================
--- Sticky Header
============================================================================= */
#grve-main-header.grve-fixed,
#grve-main-responsive-header.grve-fixed {
  position: fixed;
  top: 0;
}

/* Wp Bar */
body.admin-bar #grve-main-header.grve-fixed.grve-layout-default {
  top: 32px;
}

/* =============================================================================
--- Scroll Up Sticky Header
============================================================================= */
#grve-main-header.grve-scrollup-sticky.grve-sticky-ready,
#grve-main-header.grve-scrollup-sticky.grve-sticky-ready .grve-bottom-header-area {
  transition: transform .5s, background-color .5s, padding-top .5s, padding-bottom .5s, border-color .5s;
}

#grve-main-header.grve-scrollup-sticky.grve-hide-header,
#grve-main-header.grve-scrollup-sticky .grve-bottom-header-area.grve-hide-header {
  transform: translateY(-100%);
}

#grve-main-header.grve-scrollup-sticky.grve-fixed + div {
  pointer-events: none;
}

/* =============================================================================
--- Sticky Vertical Animation
============================================================================= */
#grve-main-header.grve-vertical-animation-sticky .grve-container {
  transition: all .5s;
}

#grve-main-header.grve-vertical-animation-sticky.grve-sticky-header .grve-container {
  max-width: 100%;
  width: calc( 100% - 4.000rem );
}

/* =============================================================================
- Main Menu
============================================================================= */
.grve-link-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.grve-link-wrapper a {
  transition: color .3s;
  display: block;
  position: relative;
}
.grve-link-wrapper a .grve-item {
  position: relative;
  display: block;
  line-height: 1.2;
}
.grve-link-wrapper .grve-arrow {
  cursor: pointer;
  margin-left: 0.500rem;
  color: inherit;
}

/* =============================================================================
- Horizontal Menu
============================================================================= */
.grve-header-menu.grve-horizontal-menu {
  padding: 0 2.000rem;
}
.grve-header-menu.grve-horizontal-menu > .grve-menu {
  list-style: none;
  margin: 0;
  line-height: inherit;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.grve-header-menu.grve-horizontal-menu > .grve-menu > .grve-first-level {
  position: relative;
}
.grve-header-menu.grve-horizontal-menu > .grve-menu > .grve-first-level.grve-menu-size-fullwidth {
  position: static;
}
.grve-header-menu.grve-horizontal-menu > .grve-menu > .grve-first-level > .grve-link-wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.grve-header-menu.grve-horizontal-menu > .grve-menu > .grve-first-level.grve-menu-no-link > .grve-link-wrapper a {
  cursor: default;
  pointer-events: none;
}

/* =============================================================================
--- Sub Menu
============================================================================= */
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu {
  list-style: none;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99;
  text-align: left;
  width: 250px;
  line-height: 1.4em;
  box-shadow: 0 90px 60px -30px rgba(0, 0, 0, 0.1);
  padding: 1.500rem 0;
  visibility: hidden;
  pointer-events: none;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu > .sub-menu {
  display: none;
  animation-fill-mode: both;
  animation-duration: .3s;
  animation-name: grve_submenu_anim;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li {
  display: block;
  position: relative;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li > .grve-link-wrapper {
  padding: 0 2.000rem;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li a {
  display: block;
  position: relative;
  transition: all .3s;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li a span {
  position: relative;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li a span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li > .grve-link-wrapper > a:hover span:after, .grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li.grve-menu-hover > .grve-link-wrapper > a span:after, .grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li.current-menu-item > .grve-link-wrapper > a span:after {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li .grve-classic-sub-menu {
  top: -1.500rem;
  left: 100%;
  margin-left: 1px;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li.grve-menu-hover > .grve-classic-sub-menu {
  visibility: visible;
  pointer-events: visible;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li.grve-menu-hover > .grve-classic-sub-menu > .sub-menu {
  display: block;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li.grve-invert > .grve-classic-sub-menu {
  left: auto;
  right: 100%;
  margin-right: 1px;
  margin-left: 0;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu li + li {
  margin-top: 1.000rem;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item).grve-menu-hover > .grve-classic-sub-menu {
  visibility: visible;
  pointer-events: visible;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item).grve-menu-hover > .grve-classic-sub-menu > .sub-menu {
  display: block;
}
.grve-header-menu.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item).grve-invert > .grve-classic-sub-menu {
  left: auto;
  right: 0;
  margin-right: 1px;
  margin-left: 0;
}

#grve-main-header.grve-menu-type-line-through .grve-header-menu.grve-horizontal-menu li .grve-classic-sub-menu li a span:after,
#grve-main-header.grve-menu-type-line-through .grve-header-menu.grve-horizontal-menu .current-menu-item a span:after {
  top: 50%;
}

.grve-horizontal-menu.grve-sub-menu-animation .grve-sub-menu:not(.grve-area-item-sub-menu) li {
  opacity: 0;
  transform: translateY(13px);
  transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.25, 1), opacity 0.65s cubic-bezier(0.2, 0.8, 0.25, 1);
}

.grve-horizontal-menu.grve-sub-menu-animation .grve-menu-hover > .grve-sub-menu > ul > li,
.grve-horizontal-menu.grve-sub-menu-animation .megamenu.grve-menu-hover > .grve-sub-menu li {
  opacity: 1;
  transform: translateY(0);
}

@keyframes grve_submenu_anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* =============================================================================
--- Menu Arrows
============================================================================= */
.grve-horizontal-menu > .grve-menu > .grve-first-level > .grve-link-wrapper .grve-arrow {
  width: 6px;
  height: 6px;
  line-height: inherit;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  padding: 2px;
  transform: rotate(45deg);
  transition: all .3s;
  margin: -1px 8px 0 8px;
  display: none;
}
.grve-horizontal-menu .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu .grve-arrow {
  position: absolute;
  top: 50%;
  right: 1.000rem;
  width: 6px;
  height: 6px;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  padding: 2px;
  transform: translateY(-50%) rotate(-45deg);
  transition: all .3s;
  display: none;
}
.grve-horizontal-menu.grve-with-arrow .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu .grve-arrow, .grve-horizontal-menu.grve-arrow-not-first-level .grve-first-level:not(.megamenu):not(.grve-menu-area-item) .grve-classic-sub-menu .grve-arrow {
  display: block;
}
.grve-horizontal-menu.grve-with-arrow > .grve-menu > .grve-first-level > .grve-link-wrapper .grve-arrow, .grve-horizontal-menu.grve-arrow-not-first-level > .grve-menu > .grve-first-level > .grve-link-wrapper .grve-arrow {
  display: block;
}
.grve-horizontal-menu > .grve-menu > .grve-first-level.grve-menu-type-button > .grve-link-wrapper .grve-arrow, .grve-horizontal-menu > .grve-menu > .grve-first-level.grve-menu-type-outline > .grve-link-wrapper .grve-arrow {
  display: none;
}

.grve-horizontal-menu.grve-arrow-not-first-level > .grve-menu > .grve-first-level > .grve-link-wrapper .grve-arrow {
  display: none;
}

/* =============================================================================
--- Mega Menu
============================================================================= */
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 99;
  text-align: left;
  line-height: 1.4em;
  box-shadow: 0 90px 60px -30px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  pointer-events: none;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu {
  display: none;
  flex-direction: row;
  list-style: none;
  align-items: flex-start;
  margin: 0 auto;
  padding: 0;
  animation-fill-mode: both;
  animation-duration: .3s;
  animation-name: grve_submenu_anim;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu ul.sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu > li.menu-item {
  flex: 1;
  border-right-width: 1px;
  border-right-style: solid;
  padding: 2.000rem;
  align-self: stretch;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu > li.menu-item:last-child {
  border-right: none;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu > li.menu-item li.menu-item + li.menu-item {
  margin-top: 1.000rem;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu > li.menu-item li.menu-item + li.menu-item-has-children {
  margin-top: 2.000rem;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu > li.menu-item.menu-item-has-children > .grve-link-wrapper,
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu > li.menu-item li.menu-item-has-children > .grve-link-wrapper {
  margin-bottom: 1.000rem;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu > li.menu-item.menu-item-has-children > .grve-link-wrapper a span:after,
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu > li.menu-item li.menu-item-has-children > .grve-link-wrapper a span:after {
  display: none;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu > .sub-menu > li.menu-item.grve-hidden-menu-item > .grve-link-wrapper {
  display: none;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu a {
  display: block;
  position: relative;
  transition: all .3s;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu a .grve-item {
  position: relative;
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu a .grve-item:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu a:hover .grve-item:after,
.grve-header-menu.grve-horizontal-menu li.megamenu .grve-megamenu-sub-menu .current-menu-item > .grve-link-wrapper > a .grve-item:after {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-header-menu.grve-horizontal-menu li.megamenu.grve-menu-hover .grve-megamenu-sub-menu {
  visibility: visible;
  pointer-events: visible;
}
.grve-header-menu.grve-horizontal-menu li.megamenu.grve-menu-hover .grve-megamenu-sub-menu > .sub-menu {
  display: flex;
}
.grve-header-menu.grve-horizontal-menu li.megamenu li.grve-menu-no-link > .grve-link-wrapper a {
  cursor: default;
}
.grve-header-menu.grve-horizontal-menu li.megamenu li.grve-menu-no-link > .grve-link-wrapper a span:after {
  display: none;
}

/* =============================================================================
--- Mega Menu Size
============================================================================= */
#grve-main-header li.grve-first-level.grve-menu-size-custom {
  position: relative;
}
#grve-main-header li.grve-first-level.grve-menu-size-large > .grve-sub-menu {
  width: 1170px;
  max-width: calc(100vw - 4.000rem);
}
#grve-main-header li.grve-first-level.grve-menu-size-medium > .grve-sub-menu {
  width: 720px;
  max-width: calc(100vw - 4.000rem);
}
#grve-main-header li.grve-first-level.grve-menu-size-small > .grve-sub-menu {
  width: 500px;
  max-width: calc(100vw - 4.000rem);
}

/* =============================================================================
--- Area Menu Item
============================================================================= */
.grve-header-menu.grve-horizontal-menu li.grve-menu-area-item .grve-area-item-sub-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 99;
  max-height: 100vh;
  overflow: auto;
  box-shadow: 0 90px 60px -30px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  pointer-events: none;
}
.grve-header-menu.grve-horizontal-menu li.grve-menu-area-item .grve-area-item-sub-menu .grve-area-item-sub-menu-inner {
  display: none;
}
.grve-header-menu.grve-horizontal-menu li.grve-menu-area-item .grve-area-item-sub-menu .grve-container {
  width: calc( 100% - 4.000rem );
}
.grve-header-menu.grve-horizontal-menu li.grve-menu-area-item.grve-menu-hover .grve-area-item-sub-menu {
  visibility: visible;
  pointer-events: visible;
}
.grve-header-menu.grve-horizontal-menu li.grve-menu-area-item.grve-menu-hover .grve-area-item-sub-menu .grve-area-item-sub-menu-inner {
  display: block;
}

/* =============================================================================
--- Vertical Menu Toggle Animation
============================================================================= */
.grve-vertical-menu .grve-container {
  width: 100% !important;
}
.grve-vertical-menu.grve-toggle-animation ul, .grve-vertical-menu.grve-accordion-animation ul {
  display: flex;
  flex-direction: column;
  flex: 1;
  list-style: none;
  margin: 0;
  line-height: inherit;
}
.grve-vertical-menu.grve-toggle-animation li.menu-item, .grve-vertical-menu.grve-accordion-animation li.menu-item {
  display: block;
}
.grve-vertical-menu.grve-toggle-animation li.menu-item > .sub-menu,
.grve-vertical-menu.grve-toggle-animation .grve-sub-menu, .grve-vertical-menu.grve-accordion-animation li.menu-item > .sub-menu,
.grve-vertical-menu.grve-accordion-animation .grve-sub-menu {
  display: none;
  visibility: hidden;
}
.grve-vertical-menu.grve-toggle-animation li.menu-item > .sub-menu.grve-current,
.grve-vertical-menu.grve-toggle-animation .grve-sub-menu.grve-current, .grve-vertical-menu.grve-accordion-animation li.menu-item > .sub-menu.grve-current,
.grve-vertical-menu.grve-accordion-animation .grve-sub-menu.grve-current {
  visibility: visible;
}
.grve-vertical-menu.grve-toggle-animation .grve-arrow, .grve-vertical-menu.grve-accordion-animation .grve-arrow {
  width: 32px;
  height: 32px;
  position: relative;
  transition: all .3s ease;
}
.grve-vertical-menu.grve-toggle-animation .grve-arrow:before, .grve-vertical-menu.grve-accordion-animation .grve-arrow:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 1px;
  background-color: currentColor;
  transition: all .3s ease;
}
.grve-vertical-menu.grve-toggle-animation .grve-arrow:after, .grve-vertical-menu.grve-accordion-animation .grve-arrow:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 12px;
  background-color: currentColor;
  transition: all .3s ease;
}
.grve-vertical-menu.grve-toggle-animation .grve-arrow.grve-open, .grve-vertical-menu.grve-accordion-animation .grve-arrow.grve-open {
  transform: rotate(45deg);
}

/* =============================================================================
--- Vertical Menu Slide Animation
============================================================================= */
.grve-vertical-menu-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-bottom: 24px;
}

.grve-vertical-menu.grve-slide-animation {
  position: relative;
  transition: min-height .5s ease;
}
.grve-vertical-menu.grve-slide-animation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.grve-vertical-menu.grve-slide-animation li.menu-item > .sub-menu,
.grve-vertical-menu.grve-slide-animation .grve-sub-menu {
  position: absolute;
  top: 0;
  left: 100%;
  list-style: none;
  margin: 0;
  line-height: 1.6em;
  z-index: 1;
  width: 100%;
  visibility: hidden;
}
.grve-vertical-menu.grve-slide-animation li.menu-item > .sub-menu.grve-current,
.grve-vertical-menu.grve-slide-animation .grve-sub-menu.grve-current {
  visibility: visible;
}
.grve-vertical-menu.grve-slide-animation .grve-link-wrapper {
  justify-content: flex-start;
}
.grve-vertical-menu.grve-slide-animation .grve-arrow {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row-reverse;
}
.grve-vertical-menu.grve-slide-animation .grve-arrow:before {
  content: '';
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: translateX(-10px) rotate(-45deg);
  transition: transform 0.2s cubic-bezier(0.49, 1.27, 1, 1);
}
.grve-vertical-menu.grve-slide-animation .grve-arrow:after {
  content: '';
  width: 2.000rem;
  height: 1px;
  background-color: currentColor;
  transform-origin: left center;
  transform: scaleX(0) translateX(0px);
  transition: transform 0.2s cubic-bezier(0.49, 1.27, 1, 1);
}
.grve-vertical-menu.grve-slide-animation .grve-arrow:hover:before {
  transform: translateX(-1px) rotate(-45deg);
}
.grve-vertical-menu.grve-slide-animation .grve-arrow:hover:after {
  transform: scaleX(1) translateX(7px);
}
.grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 1.000rem;
  color: inherit;
  margin: 0 1px 2.000rem 1px;
}
.grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back {
  position: relative;
  transform: rotate(180deg);
  width: 2.250rem;
  height: 2.250rem;
  border: thin solid currentColor;
  border-radius: 50px;
}
.grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back .grve-back-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row-reverse;
}
.grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back .grve-back-arrow:before {
  content: '';
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: translateX(-0.6rem) rotate(-45deg);
  transition: transform 0.2s cubic-bezier(0.49, 1.27, 1, 1);
}
.grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back .grve-back-arrow:after {
  content: '';
  width: 1.000rem;
  height: 1px;
  background-color: currentColor;
  transform-origin: left center;
  transform: scaleX(0) translateX(0px);
  transition: transform 0.2s cubic-bezier(0.49, 1.27, 1, 1);
}
.grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back:hover .grve-back-arrow:before {
  transform: translateX(-5px) rotate(-45deg);
}
.grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back:hover .grve-back-arrow:after {
  transform: scaleX(1) translateX(2px);
}

.grve-align-center .grve-vertical-menu.grve-slide-animation .grve-link-wrapper,
.grve-align-center .grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper {
  justify-content: center;
}
.grve-align-center .grve-vertical-menu.grve-slide-animation li.menu-item-has-children > .grve-link-wrapper a {
  padding-left: 40px;
}

.grve-align-right .grve-vertical-menu.grve-slide-animation .grve-link-wrapper,
.grve-align-right .grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper {
  justify-content: flex-end;
}
.grve-align-right .grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back:hover:before, .grve-align-right .grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back.grve-active:before {
  transform: translate(-0.5em, -50%) rotate(135deg);
}
.grve-align-right .grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back:hover .grve-label, .grve-align-right .grve-vertical-menu.grve-slide-animation .grve-go-back-wrapper .grve-go-back.grve-active .grve-label {
  transform: translate(0, 0);
}

/* =============================================================================
--- Menu Description
============================================================================= */
#menu-main-menu .grve-menu-description,
#grve-responsive-main-menu .grve-menu-description {
  display: block;
  white-space: normal;
  margin-top: -3px;
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 1.4em;
}

/* =============================================================================
--- Menu Label
============================================================================= */
.grve-header-menu .grve-label {
  font-size: 11px;
  line-height: 18px;
  width: auto;
  min-width: 18px;
  text-align: center;
  letter-spacing: 0;
  padding: 0 4px;
  border-radius: 10px;
  position: absolute;
  top: -8px;
  left: 95%;
  margin-left: 6px;
  color: #ffffff;
  white-space: nowrap;
}
.grve-header-menu .grve-label.grve-bg-white, .grve-header-menu .grve-label.grve-bg-grey, .grve-header-menu .grve-label.grve-bg-light-grey {
  color: #000000;
}
.grve-header-menu .grve-label:after {
  display: none;
}

.grve-header-menu.grve-horizontal-menu .grve-first-level > .grve-link-wrapper > a .label {
  left: 100%;
}

#grve-responsive-main-menu .grve-label {
  display: none;
}

/* =============================================================================
--- Menu Icon
============================================================================= */
.grve-vertical-menu .grve-item .grve-menu-icon,
.grve-horizontal-menu .grve-item .grve-menu-icon {
  margin-right: 6px;
}

/* =============================================================================
--- Main Menu Types
============================================================================= */
.grve-header-menu.grve-vertical-menu .grve-menu-type-button > .grve-link-wrapper a .grve-item,
.grve-header-menu.grve-vertical-menu .grve-menu-type-outline > .grve-link-wrapper a .grve-item,
.grve-menu-type-underline .grve-header-menu.grve-vertical-menu .grve-link-wrapper a .grve-item,
.grve-menu-type-line-through .grve-header-menu.grve-vertical-menu .grve-link-wrapper a .grve-item {
  display: inline-block;
}

#grve-main-header .grve-header-menu .grve-first-level.grve-menu-type-button > .grve-link-wrapper a .grve-item {
  padding: 0.563em 1.250em;
  transition: background-color .3s ease;
}

#grve-main-header .grve-header-menu .grve-first-level.grve-menu-type-outline > .grve-link-wrapper a .grve-item {
  padding: 0.563em 1.250em;
  border: 2px solid currentColor;
  transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}

#grve-main-header .grve-header-menu .grve-first-level.grve-menu-type-button.grve-shape-round > .grve-link-wrapper a .grve-item,
#grve-main-header .grve-header-menu .grve-first-level.grve-menu-type-outline.grve-shape-round > .grve-link-wrapper a .grve-item {
  border-radius: 3px;
}
#grve-main-header .grve-header-menu .grve-first-level.grve-menu-type-button.grve-shape-extra-round > .grve-link-wrapper a .grve-item,
#grve-main-header .grve-header-menu .grve-first-level.grve-menu-type-outline.grve-shape-extra-round > .grve-link-wrapper a .grve-item {
  border-radius: 50px;
}

#grve-main-header.grve-menu-type-underline .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item,
#grve-main-header.grve-menu-type-underline-first-level .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item,
#grve-offcanvas-area.grve-menu-type-underline .grve-header-menu li .grve-link-wrapper a .grve-item,
#grve-responsive-main-menu.grve-menu-type-underline li .grve-link-wrapper a .grve-item {
  position: relative;
}
#grve-main-header.grve-menu-type-underline .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item:after,
#grve-main-header.grve-menu-type-underline-first-level .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item:after,
#grve-offcanvas-area.grve-menu-type-underline .grve-header-menu li .grve-link-wrapper a .grve-item:after,
#grve-responsive-main-menu.grve-menu-type-underline li .grve-link-wrapper a .grve-item:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 0.143em;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#grve-main-header.grve-menu-type-underline .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item:hover:after,
#grve-main-header.grve-menu-type-underline-first-level .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item:hover:after,
#grve-offcanvas-area.grve-menu-type-underline .grve-header-menu li .grve-link-wrapper a .grve-item:hover:after,
#grve-responsive-main-menu.grve-menu-type-underline li .grve-link-wrapper a .grve-item:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}

#grve-main-header.grve-menu-type-underline .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline).grve-menu-hover > .grve-link-wrapper a .grve-item:after,
#grve-main-header.grve-menu-type-underline-first-level .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline).grve-menu-hover > .grve-link-wrapper a .grve-item:after,
#grve-main-header.grve-menu-type-underline-first-level .grve-header-menu .grve-first-level.current-menu-item:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item:after,
#grve-main-header.grve-menu-type-underline-first-level .grve-header-menu .grve-first-level.current-menu-ancestor:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item:after,
#grve-offcanvas-area.grve-menu-type-underline .grve-header-menu li.grve-menu-hover .grve-link-wrapper a .grve-item:after,
#grve-responsive-main-menu.grve-menu-type-underline li.grve-menu-hover .grve-link-wrapper a .grve-item:after,
#grve-responsive-main-menu.grve-menu-type-underline li.current-menu-item > .grve-link-wrapper a .grve-item:after {
  transform: scaleX(1);
  transform-origin: left center;
}

#grve-main-header.grve-menu-type-line-through .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item,
#grve-offcanvas-area.grve-menu-type-line-through .grve-header-menu li .grve-link-wrapper a .grve-item,
#grve-responsive-main-menu.grve-menu-type-line-through li .grve-link-wrapper a .grve-item {
  position: relative;
}
#grve-main-header.grve-menu-type-line-through .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item:after,
#grve-offcanvas-area.grve-menu-type-line-through .grve-header-menu li .grve-link-wrapper a .grve-item:after,
#grve-responsive-main-menu.grve-menu-type-line-through li .grve-link-wrapper a .grve-item:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 0.143em;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#grve-main-header.grve-menu-type-line-through .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item:hover:after,
#grve-offcanvas-area.grve-menu-type-line-through .grve-header-menu li .grve-link-wrapper a .grve-item:hover:after,
#grve-responsive-main-menu.grve-menu-type-line-through li .grve-link-wrapper a .grve-item:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}
#grve-main-header.grve-menu-type-line-through .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline) > .grve-link-wrapper a .grve-item:after,
#grve-offcanvas-area.grve-menu-type-line-through .grve-header-menu li .grve-link-wrapper a .grve-item:after,
#grve-responsive-main-menu.grve-menu-type-line-through li .grve-link-wrapper a .grve-item:after {
  top: 50%;
}

#grve-main-header.grve-menu-type-line-through .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline).grve-menu-hover > .grve-link-wrapper a .grve-item:after,
#grve-main-header.grve-menu-type-line-through .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline).current-menu-item > .grve-link-wrapper a .grve-item:after,
#grve-main-header.grve-menu-type-line-through .grve-header-menu .grve-first-level:not(.grve-menu-type-button):not(.grve-menu-type-outline).current-menu-ancestor > .grve-link-wrapper a .grve-item:after,
#grve-offcanvas-area.grve-menu-type-line-through .grve-header-menu li.grve-menu-hover > .grve-link-wrapper > a .grve-item:after,
#grve-responsive-main-menu.grve-menu-type-line-through li.grve-menu-hover .grve-link-wrapper a .grve-item:after,
#grve-responsive-main-menu.grve-menu-type-line-through li.current-menu-item > .grve-link-wrapper a .grve-item:after {
  transform: scaleX(1);
  transform-origin: left center;
}

/* =============================================================================
- No Assigned Menu
============================================================================= */
.grve-no-assigned-menu {
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
}

/* =============================================================================
- Burger Icon Label
============================================================================= */
.grve-burger-icon + .grve-burger-label {
  margin-left: 12px;
}

.grve-burger-icon {
  position: relative;
  overflow: hidden;
}
.grve-burger-icon .grve-icon,
.grve-burger-icon svg,
.grve-burger-icon i {
  transition: transform .3s ease, color .3s ease;
}
.grve-burger-icon svg {
  width: 24px;
  height: auto;
}
.grve-burger-icon .grve-icon + .grve-icon,
.grve-burger-icon svg + svg,
.grve-burger-icon i + i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
}

.grve-close .grve-burger-icon.grve-with-close .grve-icon,
.grve-close .grve-burger-icon.grve-with-close svg,
.grve-close .grve-burger-icon.grve-with-close i {
  transform: translateY(-100%);
}
.grve-close.grve-close-black {
  color: #000000 !important;
}
.grve-close.grve-close-white {
  color: #ffffff !important;
}

/* =============================================================================
- Header Elements
============================================================================= */
.grve-header-elements {
  padding: 0 2.000rem;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: -0.500rem;
  margin-bottom: -0.500rem;
  z-index: 2;
}
.grve-header-elements > ul.grve-header-element {
  list-style: none;
  margin: 0.500rem 1.000rem 0.500rem 0;
  display: inline-flex;
  flex-direction: row;
}
.grve-header-elements > ul.grve-header-element li + li {
  margin-left: 1.000rem;
}
.grve-header-elements .grve-header-element {
  line-height: 1;
  margin-top: 0.500rem;
  margin-bottom: 0.500rem;
  margin-right: 1.000rem;
}
.grve-header-elements .grve-header-element .grve-item {
  display: block;
  position: relative;
  font-size: 1.500rem;
  line-height: 1em;
  min-width: 1em;
  height: 1em;
  text-align: center;
}
.grve-header-elements .grve-header-element .grve-item i,
.grve-header-elements .grve-header-element .grve-item .grve-icon {
  font-size: 0.833em;
  line-height: inherit;
}
.grve-header-elements .grve-header-element .grve-item svg path {
  fill: currentColor;
}
.grve-header-elements .grve-header-element:last-child {
  margin-right: 0;
}
.grve-header-elements .grve-header-element a {
  text-decoration: none;
}
.grve-header-elements .grve-header-element a:not(.grve-btn) {
  display: block;
  position: relative;
  transition: color .3s;
}
.grve-header-elements .grve-header-element.grve-header-text-element .grve-item {
  text-align: left;
  height: auto;
  line-height: 1.2em;
  font-size: 1.000rem;
  max-width: 300px;
}
.grve-header-elements .grve-header-element.grve-cart-element {
  position: relative;
}

/* Shop Counter */
.grve-purchased-items {
  position: absolute;
  top: -5px;
  right: -4px;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  line-height: 12px;
  min-width: 12px;
  padding: 0 3px;
  text-align: center;
  border-radius: 12px;
}

body.rtl .grve-header-elements > ul.grve-header-element {
  margin: 0.500rem 0 0.500rem 1.000rem;
}
body.rtl .grve-header-elements > ul.grve-header-element li + li {
  margin-left: 0;
  margin-right: 1.000rem;
}
body.rtl .grve-header-elements .grve-header-element {
  margin-right: 0;
  margin-left: 1.000rem;
}
body.rtl .grve-header-elements .grve-header-element:last-child {
  margin-right: 0;
  margin-left: 0;
}
body.rtl .grve-header-elements .grve-header-element.grve-header-text-element .grve-item {
  text-align: right;
}

/* =============================================================================
- Responsive Header Elements
============================================================================= */
.grve-header-responsive-elements {
  z-index: 2;
}
.grve-header-responsive-elements > ul.grve-header-responsive-element {
  list-style: none;
  margin: 0;
  display: inline-flex;
  flex-direction: row;
}
.grve-header-responsive-elements > ul.grve-header-responsive-element li + li {
  margin-left: 1.000rem;
}

/* =============================================================================
- Header Modules
============================================================================= */
.grve-header-modules {
  max-width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 36px;
}

/* =============================================================================
- Header Button
============================================================================= */
/* Simple Style */
.grve-header-button.grve-style-simple {
  display: block;
  padding: 0 2.000rem;
  background-color: #A1A1A1;
  color: #ffffff;
}

/* Outline on Hover */
.grve-header-button.grve-style-outline {
  display: block;
  margin-right: 36px;
  transition: all .3s;
}

.grve-header-button.grve-style-outline span {
  border: 2px solid;
  line-height: 1em;
  padding: 10px 18px;
}

/* =============================================================================
- Hidden Menu Icon
============================================================================= */
.grve-hidden-menu-icon {
  line-height: 1;
  position: relative;
  padding: 0 2.000rem;
  cursor: pointer;
  transition: color .3s;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.grve-hidden-menu-icon .grve-item {
  display: block;
  position: relative;
  font-size: 1.500rem;
  line-height: 1em;
  min-width: 1em;
  height: 1em;
  text-align: center;
}
.grve-hidden-menu-icon .grve-item i, .grve-hidden-menu-icon .grve-item .grve-icon {
  font-size: 0.833em;
  line-height: inherit;
}
.grve-hidden-menu-icon .grve-item svg path {
  fill: currentColor;
}

/* =============================================================================
- Off Canvas & Responsive Area
============================================================================= */
#grve-offcanvas-area.grve-offcanvas-full-width .grve-area-container {
  padding-left: 2.000rem;
  padding-right: calc( 2.000rem + 30px );
}
#grve-offcanvas-area .grve-offcanvas-logo {
  display: block;
  overflow: hidden;
  position: relative;
  line-height: 1;
  z-index: 2;
  margin-bottom: 7vh;
}
#grve-offcanvas-area .grve-offcanvas-logo .grve-logo-inner a {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#grve-offcanvas-area .grve-offcanvas-logo .grve-logo-inner img {
  display: block;
  position: relative;
  height: 100%;
  width: auto;
  max-width: none;
}
#grve-offcanvas-area.grve-offcanvas-half-width {
  max-width: 50%;
}
#grve-offcanvas-area.grve-offcanvas-full-width {
  width: 100%;
}
#grve-offcanvas-area.grve-offcanvas-position-left {
  left: 0;
  right: auto;
}
#grve-offcanvas-area.grve-offcanvas-position-right {
  left: auto;
  right: 0;
}
#grve-offcanvas-area.grve-offcanvas-content-position-center .grve-area-container {
  justify-content: center;
}
#grve-offcanvas-area.grve-offcanvas-content-position-right .grve-area-container {
  justify-content: flex-end;
}
#grve-offcanvas-area.grve-align-center .grve-link-wrapper {
  justify-content: center;
}
#grve-offcanvas-area.grve-align-right .grve-link-wrapper {
  justify-content: flex-end;
}
#grve-offcanvas-area .grve-header-menu .grve-label {
  display: none;
}

/* =============================================================================
- Off Canvas Layout 2
============================================================================= */
#grve-offcanvas-area.grve-layout-2 .grve-area-container {
  align-items: center;
}
#grve-offcanvas-area.grve-layout-2 .grve-area-content {
  flex-direction: row;
  align-items: flex-end;
}
#grve-offcanvas-area.grve-layout-2 .grve-area-content .grve-area-left,
#grve-offcanvas-area.grve-layout-2 .grve-area-content .grve-area-right {
  flex: 1;
}
#grve-offcanvas-area.grve-layout-2 .grve-area-content .grve-area-right {
  padding-left: 15%;
}
#grve-offcanvas-area.grve-layout-2 .grve-area-content .grve-area-right > *:not(:last-child) {
  margin-bottom: 15%;
}
#grve-offcanvas-area.grve-layout-2 .grve-area-content #grve-second-menu li.menu-item + li.menu-item,
#grve-offcanvas-area.grve-layout-2 .grve-area-content #grve-second-menu .grve-go-back-wrapper + *,
#grve-offcanvas-area.grve-layout-2 .grve-area-content #grve-second-menu.grve-toggle-animation li .grve-sub-menu,
#grve-offcanvas-area.grve-layout-2 .grve-area-content #grve-second-menu.grve-accordion-animation li .grve-sub-menu {
  margin-top: 24px;
}

/* =============================================================================
--- Safebutton Modal
============================================================================= */
#grve-safebutton-area {
  position: relative;
  z-index: 8;
  display: none;
}

.grve-close-button-wrapper {
  position: fixed;
}

#grve-safebutton-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  display: none;
  background-color: #000000;
}

#grve-safebutton-area {
  display: none;
  overflow: hidden;
  height: auto;
  min-height: 100vh;
}

html.grve-safebutton-ready {
  overflow-y: scroll;
}

/* =============================================================================
- Single Post
============================================================================= */
.single-post #grve-content:not(.grve-right-sidebar):not(.grve-left-sidebar) #grve-single-content img.aligncenter {
  margin-left: -18%;
  width: calc(100% + 36%);
  max-width: initial;
}

/* Single Wrapper */
.grve-single-wrapper {
  position: relative;
  z-index: 5;
}

.grve-single-wrapper:before,
.grve-single-wrapper:after {
  display: table;
  content: " ";
}

.grve-single-wrapper:after {
  clear: both;
}

/* =============================================================================
--- Single Post Title
============================================================================= */
#grve-post-title .grve-title-categories {
  margin-bottom: 0;
}
#grve-post-title .grve-title-categories a {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  padding: 0 0.500em;
  border-radius: 3px;
  background-color: rgba(214, 214, 214, 0.15);
  transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}
#grve-post-title .grve-title-categories a:hover {
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}
#grve-post-title .grve-title-categories li {
  margin-right: 1.000rem;
  margin-bottom: 1.000rem;
}
#grve-post-title .grve-title-meta-content {
  margin-top: 2.000rem;
}
#grve-post-title .grve-title-meta-content li {
  margin-right: 1.000em;
}
#grve-post-title .grve-title-meta-content li:after {
  content: '';
  width: 1px;
  height: 1.500rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.000rem;
  background-color: rgba(210, 210, 210, 0.55);
}
#grve-post-title .grve-title-meta-content li:last-child:after {
  display: none;
}
#grve-post-title .grve-title-meta-content .grve-post-author {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#grve-post-title .grve-title-meta-content .grve-post-author img {
  display: block;
  width: 4.000em;
  min-width: 30px;
  margin-right: 1.000em;
  border-radius: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #grve-post-title .grve-title-meta-content {
    margin-top: 1.000rem;
    margin-bottom: 1.500rem;
  }
  #grve-post-title .grve-title-meta-content li {
    margin-right: 1.000em;
  }
  #grve-post-title .grve-title-meta-content li:after {
    display: none;
  }
  #grve-post-title .grve-title-meta-content .grve-post-author img {
    display: none;
  }
}
#grve-post-title .grve-title {
  margin-bottom: 0;
}
#grve-post-title .grve-title-content-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
#grve-post-title .grve-title-content-wrapper.grve-align-center ul {
  justify-content: center;
}
#grve-post-title .grve-title-content-wrapper.grve-align-right ul {
  justify-content: flex-end;
}

/* =============================================================================
--- Single Post Simple Title
============================================================================= */
.grve-post-simple-title-wrapper {
  margin-bottom: 3.000rem;
}
.grve-post-simple-title-wrapper .grve-single-simple-title {
  margin-bottom: 0;
}
.grve-post-simple-title-wrapper .grve-post-meta {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.000rem;
}
.grve-post-simple-title-wrapper .grve-post-meta .grve-post-author img {
  display: none;
}
.grve-post-simple-title-wrapper .grve-post-meta li {
  margin-right: 1.000em;
  line-height: 2.000em;
}
.grve-post-simple-title-wrapper .grve-post-meta li:after {
  content: '';
  width: 1px;
  height: 1.500rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.000rem;
  background-color: rgba(210, 210, 210, 0.55);
}
.grve-post-simple-title-wrapper .grve-post-meta li:last-child:after {
  display: none;
}
.grve-post-simple-title-wrapper .grve-post-meta a {
  transition: color .3s ease;
}

/* =============================================================================
--- Single Post Media
============================================================================= */
#grve-single-media {
  margin-bottom: 60px;
}

#grve-single-media.grve-portfolio-media {
  margin-bottom: 0;
}

#grve-single-media.grve-portfolio-media video {
  width: 100%;
}

#grve-single-media:not(.grve-fullwidth) img {
  margin-left: auto;
  margin-right: auto;
}

#grve-single-media .grve-gallery:not(.grve-vertical-style) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -2% 0 0 -2%;
  width: 102%;
}
#grve-single-media .grve-gallery:not(.grve-vertical-style) .grve-gallery-item {
  position: relative;
  margin: 2% 0 0 2%;
  flex-basis: 31.333333%;
}
@media only screen and (max-width: 767px) {
  #grve-single-media .grve-gallery:not(.grve-vertical-style) .grve-gallery-item {
    flex-basis: 48%;
  }
}
#grve-single-media .grve-gallery.grve-vertical-style .grve-gallery-item + .grve-gallery-item {
  margin-top: 3%;
}
#grve-single-media.grve-fullwidth .grve-gallery {
  padding: 0 2%;
}

/* =============================================================================
--- Single Quote
============================================================================= */
#grve-single-content .grve-single-quote-wrapper {
  position: relative;
}
#grve-single-content .grve-single-quote-wrapper svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-30%, -50%);
  z-index: -1;
  opacity: 0.15;
}

/* =============================================================================
--- Single Link
============================================================================= */
#grve-single-link {
  margin-bottom: 2.5rem;
  position: relative;
}
#grve-single-link .grve-post-content {
  position: relative;
  z-index: 5;
  display: block;
  padding: 5%;
  color: #ffffff;
}
#grve-single-link .grve-media {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#grve-single-link .grve-bg-overlay {
  transition: all .5s ease;
}

/* =============================================================================
--- Single Post Tags
============================================================================= */
.grve-single-post-tags .grve-tags {
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.grve-single-post-tags .grve-tags li {
  margin-right: 1.000rem;
  margin-bottom: 1.000rem;
}
.grve-single-post-tags .grve-tags li a {
  padding: 9px 10px;
  display: block;
  border-radius: 3px;
  border: 2px solid rgba(170, 170, 170, 0.3);
  line-height: 1.000em;
  font-size: small;
  transition: all .3s ease;
  box-shadow: none;
  color: inherit;
}
.grve-single-post-tags .grve-tags li a:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.3);
  color: #ffffff;
}

/* =============================================================================
--- Single Post Author
============================================================================= */
#grve-about-author-section {
  background-color: rgba(214, 214, 214, 0.15);
  border-top: 1px solid rgba(197, 197, 197, 0.15);
  border-bottom: 1px solid rgba(197, 197, 197, 0.15);
}

#grve-about-author {
  display: flex;
  flex-direction: row;
}
#grve-about-author .grve-author-image {
  width: 6.000rem;
  margin-right: 2.000rem;
}
#grve-about-author .grve-author-image img {
  display: block;
  width: 100%;
  max-width: none;
  border-radius: 100%;
  overflow: hidden;
}
#grve-about-author .grve-author-info {
  flex: 1;
  padding-top: 2.00rem;
}
#grve-about-author .grve-author-read-more {
  position: relative;
}
#grve-about-author .grve-author-read-more:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 0.143em;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#grve-about-author .grve-author-read-more:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}
@media only screen and (max-width: 767px) {
  #grve-about-author {
    flex-direction: column;
  }
}

/* =============================================================================
--- Single Post Related
============================================================================= */
#grve-related-post .grve-related-title {
  margin-bottom: 30px;
}

#grve-related-post .grve-related-title .grve-description {
  margin-bottom: 6px;
}

#grve-related-post .grve-related-title .grve-title {
  margin-bottom: 0;
}

/* =============================================================================
--- Single Post Password Form
============================================================================= */
.post-password-form input[type="submit"] {
  margin-top: 1.000rem;
  height: 60px;
}

/* =============================================================================
- Blog Settings
============================================================================= */
.grve-post-item .grve-post-item-inner,
.grve-post-item .grve-post-media {
  position: relative;
}

.grve-post-item a:not(.grve-item-url) {
  z-index: 10;
  position: relative;
}

.grve-post-item .grve-post-url {
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grve-post-item .grve-post-title,
.grve-post-item .grve-post-expert {
  position: relative;
  z-index: 1;
}

/* Read More */
.grve-read-more {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: min-content;
}
.grve-read-more span {
  margin-right: 1.000em;
  white-space: nowrap;
}
.grve-read-more svg {
  display: block;
  position: relative;
  width: 2.000em;
  height: auto;
  transform: translateX(-1.5em);
  transition: fill 0.5s ease, transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  fill: currentColor;
}
.grve-read-more svg .grve-arrow-line {
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

/* =============================================================================
--- Blog Categories
============================================================================= */
#grve-theme-wrapper .grve-post-item .grve-post-category a {
  color: #000000;
  background-color: #F6F7FA;
}
#grve-theme-wrapper .grve-post-item .grve-post-media + .grve-post-category {
  position: absolute;
  z-index: 10;
  margin: 0;
}
#grve-theme-wrapper .grve-post-item .grve-post-media + .grve-post-category a {
  color: #000000;
  background-color: #ffffff;
}

.grve-post-item .grve-post-category {
  position: relative;
  top: 1.500rem;
  right: 1.500rem;
  margin-bottom: 2.000rem;
  text-align: right;
}
.grve-post-item .grve-post-category a {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
  position: relative;
  padding: 4px 8px;
  border-radius: 2px;
  transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}
.grve-post-item .grve-post-category a:hover {
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}

/* =============================================================================
--- Double Size Increase Title
============================================================================= */
.grve-double-size .grve-post-item .grve-post-title span {
  font-size: 1.500em;
  line-height: 1.200em;
}

/* =============================================================================
--- Blog Sticky
============================================================================= */
.grve-blog-large .sticky .grve-post-content {
  -moz-box-shadow: 0px 40px 80px -40px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 40px 80px -40px rgba(0, 0, 0, 0.4);
  background-color: #f7f7f7;
  padding: 12%;
}
@media only screen and (max-width: 767px) {
  .grve-blog-large .sticky .grve-post-content {
    -moz-box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.2);
  }
}

/* =============================================================================
--- Blog Gallery Format
============================================================================= */
ul.grve-post-gallery {
  list-style: none;
  display: block;
  vertical-align: top;
}

ul.grve-post-gallery li {
  float: left;
}

ul.grve-post-gallery li img {
  max-width: none;
  width: 100%;
}

ul.grve-post-gallery li a {
  display: block;
  overflow: hidden;
}

/* =============================================================================
--- Post Icon Format
============================================================================= */
.grve-post-icon {
  width: 3.750rem;
  height: 3.750rem;
  position: relative;
  border-radius: 100%;
  transition: all .3s ease;
  background-image: linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
  box-shadow: 0 12px 24px -5px rgba(0, 0, 0, 0.2);
}
.grve-post-icon svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* =============================================================================
--- Blog Meta
============================================================================= */
.grve-post-meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  /* Style 1 */
  /* Style 2 */
  /* Style 3 */
}
.grve-post-meta .grve-meta-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.grve-post-meta .grve-meta-wrapper div + div {
  margin-left: 1.000rem;
}
.grve-post-meta svg {
  display: block;
  width: 1.125rem;
  height: auto;
  margin-right: 3px;
  fill: currentColor;
}
.grve-post-meta span {
  white-space: nowrap;
}
.grve-post-meta .grve-post-likes,
.grve-post-meta .grve-post-comments {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.grve-post-meta.grve-style-1 {
  justify-content: flex-start;
}
.grve-post-meta.grve-style-1 div:not(:last-child) {
  position: relative;
  margin-right: 0.500rem;
  padding-right: 0.500rem;
}
.grve-post-meta.grve-style-1 div:not(:last-child):after {
  content: '';
  border-right: 1px solid;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0.1;
}
.grve-post-meta.grve-style-1 .grve-post-author {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.grve-post-meta.grve-style-1 .grve-post-author .grve-post-avatar {
  position: relative;
  width: 30px;
  height: 1.000em;
  margin-right: 0.500rem;
}
.grve-post-meta.grve-style-1 .grve-post-author .grve-post-avatar img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  border-radius: 100%;
}
.grve-post-meta.grve-style-2 .grve-meta-wrapper {
  justify-content: flex-end;
}
.grve-post-meta.grve-style-2 .grve-meta-wrapper div + div {
  position: relative;
  margin-left: 0.500rem;
  padding-left: 0.500rem;
}
.grve-post-meta.grve-style-2 .grve-meta-wrapper div + div:before {
  content: '';
  border-left: 1px solid;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.1;
}
.grve-post-meta.grve-style-2 .grve-post-author + .grve-meta-wrapper {
  margin-left: 1.500rem;
}
.grve-post-meta.grve-style-3 .grve-meta-wrapper {
  justify-content: flex-end;
}
.grve-post-meta.grve-style-3 .grve-post-author + .grve-meta-wrapper {
  margin-left: 1.500rem;
}

/* =============================================================================
--- Blog Large Media
============================================================================= */
.grve-post-item.grve-style-large {
  position: relative;
  margin-bottom: 3%;
  text-align: left;
}
.grve-post-item.grve-style-large .grve-post-title {
  margin-bottom: 1.000rem;
}
.grve-post-item.grve-style-large .grve-post-media.grve-media-normal {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.grve-post-item.grve-style-large .grve-post-content {
  padding: 5% 12%;
}
.grve-post-item.grve-style-large .grve-post-content:before, .grve-post-item.grve-style-large .grve-post-content:after {
  display: table;
  content: " ";
}
.grve-post-item.grve-style-large .grve-post-content:after {
  clear: both;
}
@media only screen and (max-width: 1023px) {
  .grve-post-item.grve-style-large .grve-post-content {
    padding: 5% 0;
  }
}
.grve-post-item.grve-style-large .grve-post-meta {
  margin-bottom: 2.000rem;
}
.grve-post-item.grve-style-large .grve-read-more {
  color: inherit;
  margin-top: 2.000rem;
}
.grve-post-item.grve-style-large .grve-read-more:hover svg {
  transform: translateX(0);
}
.grve-post-item.grve-style-large .grve-read-more:hover .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}
.grve-post-item.grve-style-large .grve-post-category {
  margin-bottom: 0;
  margin-top: 2.000rem;
  position: relative;
  top: 0;
  right: auto;
  text-align: left;
}
.grve-post-item.grve-style-large .grve-post-category:before {
  content: '';
  border-top: 1px solid;
  margin-bottom: 2.000rem;
  width: 100%;
  display: block;
  opacity: 0.1;
  display: table;
  content: " ";
}
.grve-post-item.grve-style-large .grve-post-category:after {
  display: table;
  content: " ";
  clear: both;
}
.grve-post-item.grve-style-large p {
  margin-bottom: 0;
}
.grve-post-item.grve-style-large p + * {
  margin-top: 30px;
}
.grve-post-item.grve-style-large.grve-format-link {
  padding: 3% 3% 3% 6%;
}
.grve-post-item.grve-style-large.grve-format-link .grve-post-item-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.grve-post-item.grve-style-large.grve-format-link .grve-post-title {
  margin-bottom: 0;
}
.grve-post-item.grve-style-large.grve-format-link .grve-arrow-icon svg {
  display: block;
  position: relative;
  width: 2.000em;
  height: auto;
  transform: translateX(-1.5em);
  transition: fill 0.5s ease, transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-post-item.grve-style-large.grve-format-link .grve-arrow-icon svg .grve-arrow-line {
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-post-item.grve-style-large.grve-format-link:hover .grve-arrow-icon svg {
  transform: translateX(0);
}
.grve-post-item.grve-style-large.grve-format-link:hover .grve-arrow-icon .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}
.grve-post-item.grve-style-large.grve-format-quote .grve-post-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.grve-post-item.grve-style-large.grve-format-quote .grve-post-content {
  z-index: 2;
  position: relative;
  max-width: 720px;
  padding: 8% 6%;
}
.grve-post-item.grve-style-large.grve-format-quote .grve-post-icon {
  width: 4.000rem;
  height: 4.000rem;
  border-radius: 100%;
  position: relative;
  margin: 0 auto 1.000rem auto;
}
.grve-post-item.grve-style-large.grve-format-quote .grve-post-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.grve-post-item.grve-style-large.grve-format-quote .grve-post-quote-name {
  margin-top: 1.500rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.grve-post-item.grve-style-large.grve-format-quote .grve-post-quote-name .grve-line {
  width: 2.000rem;
  height: 2px;
  margin-bottom: 1.000rem;
  transition: width 0.2s cubic-bezier(0, 0, 0.42, 1.21);
}
.grve-post-item.grve-style-large.grve-format-quote:hover .grve-post-quote-name .grve-line {
  width: 3.000rem;
}
.grve-post-item.grve-style-large.grve-format-quote .grve-bg-overlay {
  background-color: #020202;
  opacity: 0.4;
}
@media only screen and (max-width: 1023px) {
  .grve-post-item.grve-style-large {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .grve-post-item.grve-style-large {
    margin-bottom: 48px;
  }
}

/* =============================================================================
--- Blog Small Media Style 1
============================================================================= */
.grve-post-item.grve-small-style-1 {
  margin-bottom: 8%;
  text-align: left;
}
.grve-post-item.grve-small-style-1 .grve-post-item-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.grve-post-item.grve-small-style-1 .grve-post-item-inner .grve-post-media,
.grve-post-item.grve-small-style-1 .grve-post-item-inner .grve-post-content {
  flex: 1 0 50%;
}
.grve-post-item.grve-small-style-1 .grve-post-item-inner .grve-post-content {
  padding: 30px 7%;
}
.grve-post-item.grve-small-style-1 .grve-post-item-inner .grve-post-meta {
  margin-top: 0.500rem;
  margin-bottom: 1.500rem;
}
.grve-post-item.grve-small-style-1 .grve-post-item-inner .grve-post-exerpt {
  margin-top: 1.000rem;
}
.grve-post-item.grve-small-style-1 .grve-post-item-inner .grve-read-more {
  color: inherit;
  margin-top: 2.000rem;
}
.grve-post-item.grve-small-style-1 .grve-post-item-inner .grve-read-more:hover svg {
  transform: translateX(0);
}
.grve-post-item.grve-small-style-1 .grve-post-item-inner .grve-read-more:hover .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}
@media only screen and (max-width: 1023px) {
  .grve-post-item.grve-small-style-1:not(.grve-format-link) .grve-post-item-inner {
    align-items: flex-start;
  }
  .grve-post-item.grve-small-style-1:not(.grve-format-link) .grve-post-item-inner .grve-post-media {
    flex-basis: 35%;
  }
  .grve-post-item.grve-small-style-1:not(.grve-format-link) .grve-post-item-inner .grve-post-content {
    flex-basis: 65%;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .grve-post-item.grve-small-style-1:not(.grve-format-link) .grve-post-item-inner {
    flex-direction: column;
    align-items: stretch;
  }
  .grve-post-item.grve-small-style-1:not(.grve-format-link) .grve-post-item-inner .grve-post-content {
    padding: 30px 0;
  }
}
.grve-post-item.grve-small-style-1.grve-format-link {
  padding: 3% 3% 3% 6%;
}
.grve-post-item.grve-small-style-1.grve-format-link .grve-post-title {
  margin-bottom: 0;
}
.grve-post-item.grve-small-style-1.grve-format-link .grve-arrow-icon svg {
  display: block;
  position: relative;
  width: 2.000em;
  height: auto;
  transform: translateX(-1.5em);
  transition: fill 0.5s ease, transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-post-item.grve-small-style-1.grve-format-link .grve-arrow-icon svg .grve-arrow-line {
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-post-item.grve-small-style-1.grve-format-link:hover .grve-arrow-icon svg {
  transform: translateX(0);
}
.grve-post-item.grve-small-style-1.grve-format-link:hover .grve-arrow-icon .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}
.grve-post-item.grve-small-style-1.grve-format-quote .grve-post-item-inner {
  flex-direction: column;
  text-align: center;
}
.grve-post-item.grve-small-style-1.grve-format-quote .grve-post-content {
  z-index: 2;
  position: relative;
  max-width: 720px;
  padding: 8% 6%;
}
.grve-post-item.grve-small-style-1.grve-format-quote .grve-post-icon {
  width: 4.000rem;
  height: 4.000rem;
  border-radius: 100%;
  position: relative;
  margin: 0 auto 1.000rem auto;
}
.grve-post-item.grve-small-style-1.grve-format-quote .grve-post-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  fill: #ffffff;
}
.grve-post-item.grve-small-style-1.grve-format-quote .grve-post-quote-name {
  margin-top: 1.500rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.grve-post-item.grve-small-style-1.grve-format-quote .grve-post-quote-name .grve-line {
  width: 2.000rem;
  height: 2px;
  margin-bottom: 1.000rem;
  transition: width 0.2s cubic-bezier(0, 0, 0.42, 1.21);
}
.grve-post-item.grve-small-style-1.grve-format-quote:hover .grve-post-quote-name .grve-line {
  width: 3.000rem;
}
.grve-post-item.grve-small-style-1.grve-format-quote .grve-bg-overlay {
  background-color: #020202;
  opacity: 0.4;
}
.grve-post-item.grve-small-style-1 .grve-post-media .grve-post-category {
  right: auto;
  left: 1.500rem;
  position: absolute;
}

.grve-blog-small .grve-blog-item:not(.has-post-thumbnail) .grve-post-item.grve-small-style-1.grve-format-standard .grve-post-item-inner {
  flex-direction: column;
  align-items: flex-start;
}
.grve-blog-small .grve-blog-item:not(.has-post-thumbnail) .grve-post-item.grve-small-style-1.grve-format-standard .grve-post-content {
  padding: 0;
}
.grve-blog-small .grve-blog-item:not(.has-post-thumbnail) .grve-post-item.grve-small-style-1.grve-format-standard .grve-post-category {
  top: 0;
  left: 0;
}

/* =============================================================================
--- Blog Small Media Style 2
============================================================================= */
.grve-post-item.grve-small-style-2:after {
  content: '';
  position: absolute;
  width: 100%;
  border-top: 1px solid;
  opacity: 0.1;
  z-index: -1;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 3% 0;
  min-height: 100px;
  position: relative;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-post-date {
  flex: 1 0 20%;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-post-content {
  flex: 1 0 60%;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-post-content .grve-post-meta {
  z-index: 2;
  position: relative;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-post-content .grve-post-meta .grve-meta-wrapper {
  justify-content: flex-start;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-post-content .grve-post-meta + p {
  margin-top: 1.000rem;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-post-content .grve-post-category {
  top: 0;
  left: 0;
  right: auto;
  margin-bottom: 0;
  text-align: left;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-read-more {
  color: inherit;
  flex: 1 0 20%;
  justify-content: flex-end;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-post-media {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  width: 30vw;
  max-width: 350px;
  z-index: 3;
  mix-blend-mode: exclusion;
  pointer-events: none;
}
.grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-post-media .grve-media-inner {
  opacity: 0;
  padding-bottom: 80%;
}
@media only screen and (max-width: 1023px) {
  .grve-post-item.grve-small-style-2 .grve-post-item-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 8% 8% 8% 18%;
  }
  .grve-post-item.grve-small-style-2 .grve-post-item-inner .grve-post-date {
    position: absolute;
    top: auto;
    left: 3%;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
}
.grve-post-item.grve-small-style-2:hover .grve-read-more svg {
  transform: translateX(0);
}
.grve-post-item.grve-small-style-2:hover .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}

/* =============================================================================
--- Blog Grid
============================================================================= */
.grve-blog-columns .grve-post-item .grve-post-item-inner {
  position: relative;
  display: flex;
  flex-direction: column;
}

.grve-blog-columns .grve-post-item .grve-post-content-wrapper,
.grve-blog-columns .grve-post-item .grve-post-bottom {
  z-index: 2;
}

/* =============================================================================
--- Blog Style 1
============================================================================= */
.grve-post-item.grve-style-1 {
  text-align: left;
  margin-bottom: 2.000rem;
}
.grve-post-item.grve-style-1 .grve-post-item-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grve-post-item.grve-style-1 .grve-post-media {
  margin-bottom: 1.500rem;
}
.grve-post-item.grve-style-1 .grve-post-content {
  position: relative;
  z-index: 2;
}
.grve-post-item.grve-style-1 .grve-post-content p {
  margin-bottom: 0;
  margin-top: 1.000rem;
}
.grve-post-item.grve-style-1 .grve-post-animated-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: transform .5s ease;
  background: rgba(214, 214, 214, 0.15);
}
.grve-post-item.grve-style-1:hover .grve-post-animated-bg {
  transform: scale(0.95);
}
.grve-post-item.grve-style-1 .grve-post-date {
  margin-bottom: 0.500rem;
}
.grve-post-item.grve-style-1 .grve-post-title {
  margin-bottom: 0;
}
.grve-post-item.grve-style-1 .grve-read-more {
  color: inherit;
  margin-top: 2.000rem;
}
.grve-post-item.grve-style-1 .grve-read-more:hover svg {
  transform: translateX(0);
}
.grve-post-item.grve-style-1 .grve-read-more:hover .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}
.grve-post-item.grve-style-1 .grve-post-meta {
  position: relative;
  z-index: 2;
  margin-top: 2.000rem;
  padding: 1.000rem 0;
}
.grve-post-item.grve-style-1 .grve-post-meta:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid;
  opacity: 0.1;
}
.grve-post-item.grve-style-1 .grve-post-icon {
  position: relative;
  margin-bottom: 1.500rem;
}
.grve-post-item.grve-style-1.grve-format-link .grve-post-item-inner {
  flex-direction: row;
  align-items: center;
}
.grve-post-item.grve-style-1.grve-format-link .grve-post-item-inner .grve-post-content-wrapper {
  width: 100%;
}
.grve-post-item.grve-style-1.grve-format-link .grve-post-item-inner .grve-post-content {
  padding: 16%;
  flex: 1;
}
.grve-post-item.grve-style-1.grve-format-link .grve-post-url {
  margin-top: 1.000rem;
}
.grve-post-item.grve-style-1.grve-format-quote .grve-post-item-inner {
  flex-direction: row;
  align-items: center;
}
.grve-post-item.grve-style-1.grve-format-quote .grve-post-item-inner .grve-post-content {
  padding: 16%;
  flex: 1;
}
.grve-post-item.grve-style-1.grve-format-quote .grve-post-quote-name {
  margin-top: 1.500rem;
  display: flex;
  flex-direction: column;
}
.grve-post-item.grve-style-1.grve-format-quote .grve-post-quote-name .grve-line {
  width: 2.000rem;
  height: 2px;
  margin-bottom: 1.000rem;
  transition: width 0.2s cubic-bezier(0, 0, 0.42, 1.21);
}
.grve-post-item.grve-style-1.grve-format-quote .grve-post-content:hover .grve-post-quote-name .grve-line {
  width: 3.000rem;
}
.grve-post-item.grve-style-1 .grve-post-media,
.grve-post-item.grve-style-1 .grve-post-media .grve-thumbnail {
  overflow: hidden;
  transition: transform .5s ease;
}
.grve-post-item.grve-style-1:hover .grve-post-media {
  transform: scale(0.95);
}
.grve-post-item.grve-style-1:hover .grve-post-media .grve-thumbnail {
  transform: scale(1.15);
}

/* =============================================================================
--- Blog Style 2
============================================================================= */
.grve-post-item.grve-style-2 {
  text-align: left;
}
.grve-post-item.grve-style-2 .grve-post-item-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.grve-post-item.grve-style-2 .grve-post-item-inner.grve-bg-default {
  background-color: #ffffff;
}
.grve-post-item.grve-style-2 .grve-post-item-inner.grve-text-default {
  color: #000000;
}
.grve-post-item.grve-style-2 .grve-post-item-inner.grve-border-default {
  border-color: rgba(170, 170, 251, 0.1);
}
.grve-post-item.grve-style-2 .grve-post-item-inner.grve-headings-default .grve-post-title {
  color: #000000;
}
.grve-post-item.grve-style-2 .grve-post-item-inner .grve-post-media .grve-post-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.grve-post-item.grve-style-2 .grve-post-content {
  padding: 18%;
  flex: 1;
}
.grve-post-item.grve-style-2 .grve-post-content .grve-post-date {
  margin-bottom: 18px;
}
.grve-post-item.grve-style-2 .grve-post-content .grve-post-exerpt {
  margin-top: 1.000rem;
}
.grve-post-item.grve-style-2 .grve-post-meta {
  padding: 1.250rem 1.000rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: inherit;
}
.grve-post-item.grve-style-2 .grve-read-more {
  color: inherit !important;
  margin-top: 2.000rem;
}
.grve-post-item.grve-style-2 .grve-read-more:hover svg {
  transform: translateX(0);
}
.grve-post-item.grve-style-2 .grve-read-more:hover .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}
.grve-post-item.grve-style-2.grve-format-quote .grve-post-item-inner, .grve-post-item.grve-style-2.grve-format-link .grve-post-item-inner {
  justify-content: center;
}
.grve-post-item.grve-style-2.grve-format-video .grve-post-item-inner:not(.grve-image-priority) .grve-post-content .grve-post-icon {
  display: none;
}
.grve-post-item.grve-style-2 .grve-post-content .grve-post-icon {
  margin-bottom: 1.500rem;
}
.grve-post-item.grve-style-2 .grve-post-quote-name {
  margin-top: 2.000rem;
}

.grve-default-size .grve-post-item.grve-style-2.grve-format-video .grve-post-item-inner.grve-image-priority .grve-post-content .grve-post-icon {
  display: none;
}

.grve-double-size .grve-post-item.grve-style-2 .grve-post-content {
  padding: 8.5%;
}
.grve-double-size .grve-post-item.grve-style-2 .grve-image-priority:not(.grve-without-media) .grve-post-content,
.grve-double-size .grve-post-item.grve-style-2 .grve-image-priority:not(.grve-without-media) .grve-post-meta {
  max-width: 50%;
}
.grve-double-size .grve-post-item.grve-style-2 .grve-image-priority:not(.grve-without-media) .grve-post-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.grve-double-size .grve-post-item.grve-style-2 .grve-image-priority:not(.grve-without-media) .grve-post-media {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}
.grve-double-size .grve-post-item.grve-style-2 .grve-image-priority:not(.grve-without-media) .grve-post-media .grve-thumbnail-wrapper {
  height: 100%;
}
.grve-double-size .grve-post-item.grve-style-2 .grve-image-priority:not(.grve-without-media) .grve-post-media .grve-thumbnail-wrapper .grve-thumbnail {
  height: 100% !important;
}
.grve-double-size .grve-post-item.grve-style-2 .grve-image-priority:not(.grve-without-media) .grve-post-media .grve-thumbnail-wrapper .grve-thumbnail img {
  object-fit: cover;
}
.grve-double-size .grve-post-item.grve-style-2 .grve-image-priority:not(.grve-without-media) .grve-post-media .grve-post-icon {
  display: none;
}

/* =============================================================================
--- Blog Style 3
============================================================================= */
.grve-blog-grid[data-items-height="equal"] .grve-post-item.grve-style-3 .grve-post-item-inner {
  min-height: 490px;
}

.grve-post-item.grve-style-3 {
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
  text-align: left;
}
.grve-post-item.grve-style-3 .grve-post-item-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.500rem;
  color: #ffffff;
  background-color: #020202;
  will-change: transform;
}
.grve-post-item.grve-style-3 .grve-post-category {
  position: absolute;
  top: 2.000rem;
  right: 2.000rem;
}
.grve-post-item.grve-style-3 .grve-post-content {
  padding-top: 30%;
  position: relative;
  z-index: 2;
  max-width: 440px;
}
.grve-post-item.grve-style-3 .grve-post-content p {
  margin-bottom: 0;
  margin-top: 1.000rem;
}
.grve-post-item.grve-style-3 .grve-post-icon {
  position: relative;
  margin-bottom: 1.500rem;
}
.grve-post-item.grve-style-3.grve-format-quote .grve-post-quote-name {
  margin-top: 2.000rem;
}
.grve-post-item.grve-style-3.grve-format-link .grve-post-url {
  margin-top: 1.000rem;
}
.grve-post-item.grve-style-3 .grve-headings-default .grve-post-title {
  color: #ffffff;
}
.grve-post-item.grve-style-3 .grve-post-date {
  margin-bottom: 0.500rem;
}
.grve-post-item.grve-style-3 .grve-post-title {
  margin-bottom: 0;
}
.grve-post-item.grve-style-3 .grve-post-meta {
  position: relative;
  z-index: 2;
  margin-top: 2.000rem;
  padding-top: 1.000rem;
  margin-bottom: -1.500rem;
}
.grve-post-item.grve-style-3 .grve-post-meta:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid;
  opacity: 0.3;
}
.grve-post-item.grve-style-3 .grve-post-meta.grve-svg-default svg {
  fill: #ffffff;
}
.grve-post-item.grve-style-3 .grve-read-more {
  color: inherit;
  margin-top: 2.000rem;
}
.grve-post-item.grve-style-3 .grve-text-default .grve-read-more svg {
  fill: #ffffff;
}
.grve-post-item.grve-style-3 .grve-background-wrapper .grve-bg-overlay.grve-bg-default {
  background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 30%, rgba(15, 15, 15, 0.5) 100%);
}
.grve-post-item.grve-style-3 .grve-background-wrapper .grve-bg-image {
  opacity: 1;
  transition: transform 5s ease;
}
.grve-post-item.grve-style-3:hover {
  transform: translateY(-10px);
}
.grve-post-item.grve-style-3:hover .grve-read-more svg {
  transform: translateX(0);
}
.grve-post-item.grve-style-3:hover .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}
.grve-post-item.grve-style-3:hover .grve-background-wrapper .grve-bg-image {
  transform: scale(1.1);
}

/* =============================================================================
--- Blog Leader
============================================================================= */
.grve-blog-leader {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: -15px;
  margin-right: -15px;
}
.grve-blog-leader .grve-post-date {
  margin-bottom: 0.500rem;
}
.grve-blog-leader .grve-post-leader {
  display: flex;
  flex-direction: row;
  min-width: 45%;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
  color: #ffffff;
}
.grve-blog-leader .grve-post-leader .grve-blog-item {
  width: 100%;
}
.grve-blog-leader .grve-post-leader .grve-blog-item-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 100%;
}
.grve-blog-leader .grve-post-leader .grve-blog-item-inner .grve-post-content {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  z-index: 2;
  height: 100%;
}
.grve-blog-leader .grve-post-leader .grve-blog-item-inner .grve-post-content .grve-post-title {
  color: #ffffff;
}
.grve-blog-leader .grve-post-leader .grve-blog-item-inner .grve-post-content .grve-read-more {
  color: #ffffff;
  margin-top: 2.000rem;
}
.grve-blog-leader .grve-post-leader .grve-blog-item-inner .grve-post-content .grve-read-more svg {
  fill: #ffffff;
}
.grve-blog-leader .grve-post-leader .grve-blog-item-inner .grve-post-content .grve-post-icon {
  margin-bottom: 1.500rem;
}
.grve-blog-leader .grve-post-leader .grve-blog-item-inner .grve-post-content-inner {
  padding: 17%;
}
.grve-blog-leader .grve-post-leader .grve-blog-item-inner .grve-post-meta {
  position: relative;
  z-index: 2;
  padding: 1.000rem;
}
.grve-blog-leader .grve-post-leader .grve-blog-item-inner .grve-post-meta:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #ffffff;
  opacity: 0.3;
}
.grve-blog-leader .grve-post-leader .grve-background-wrapper .grve-bg-default {
  background-color: #0F0F0F;
}
.grve-blog-leader .grve-post-leader .grve-background-wrapper .grve-bg-image {
  opacity: 1;
  transition: transform 5s ease;
}
.grve-blog-leader .grve-post-leader:hover .grve-read-more svg {
  transform: translateX(0);
}
.grve-blog-leader .grve-post-leader:hover .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}
.grve-blog-leader .grve-post-leader:hover .grve-background-wrapper .grve-bg-image {
  transform: scale(1.1);
}
.grve-blog-leader .grve-post-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 300px;
  padding-left: 15px;
  padding-right: 15px;
}
.grve-blog-leader .grve-post-list .grve-blog-item-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
}
.grve-blog-leader .grve-post-list .grve-blog-item-inner .grve-media,
.grve-blog-leader .grve-post-list .grve-blog-item-inner .grve-post-content {
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.grve-blog-leader .grve-post-list .grve-blog-item-inner .grve-media .grve-thumbnail-wrapper {
  background: rgba(210, 210, 210, 0.15);
}
.grve-blog-leader .grve-post-list .grve-blog-item + .grve-blog-item {
  margin-top: 2.000rem;
}
.grve-blog-leader .grve-post-list .grve-post-title {
  margin-bottom: 0.500rem;
}
.grve-blog-leader .grve-post-list .grve-post-content p {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.grve-blog-leader.grve-vertical {
  flex-direction: column;
}
.grve-blog-leader.grve-vertical .grve-post-leader + .grve-post-list {
  margin-top: 2.000rem;
}
.grve-blog-leader.grve-vertical .grve-post-list {
  flex-direction: row;
  padding-left: 0;
  padding-right: 0;
}
.grve-blog-leader.grve-vertical .grve-post-list .grve-blog-item {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}
.grve-blog-leader.grve-vertical .grve-post-list .grve-blog-item + .grve-blog-item {
  margin-top: 0;
}
.grve-blog-leader.grve-vertical .grve-post-list .grve-blog-item-inner {
  display: block;
}
.grve-blog-leader.grve-vertical .grve-post-list .grve-media {
  flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 2.000rem;
}
.grve-blog-leader.grve-vertical .grve-post-list .grve-post-content {
  flex-basis: 100%;
  max-width: 100%;
}

@media only screen and (max-width: 1200px) {
  .grve-blog-leader .grve-post-list {
    flex: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .grve-blog-leader {
    flex-direction: column;
  }
  .grve-blog-leader .grve-post-leader + .grve-post-list {
    margin-top: 2.000rem;
  }
  .grve-blog-leader.grve-vertical .grve-post-list {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }
  .grve-blog-leader.grve-vertical .grve-post-list .grve-blog-item {
    padding-left: 0;
    padding-right: 0;
  }
  .grve-blog-leader.grve-vertical .grve-post-list .grve-blog-item + .grve-blog-item {
    margin-top: 2.000rem;
  }
  .grve-blog-leader.grve-vertical .grve-post-list .grve-blog-item-inner {
    display: flex;
  }
  .grve-blog-leader.grve-vertical .grve-post-list .grve-media {
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
  }
  .grve-blog-leader.grve-vertical .grve-post-list .grve-post-content {
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .grve-blog-leader .grve-post-list .grve-blog-item-inner .grve-media {
    flex-basis: 40%;
    max-width: 40%;
  }
  .grve-blog-leader .grve-post-list .grve-blog-item-inner .grve-post-content {
    flex-basis: 60%;
    max-width: 60%;
  }
  .grve-blog-leader .grve-post-list .grve-blog-item-inner p {
    display: none;
  }
}
/* =============================================================================
- Blog Carousel
============================================================================= */
.grve-classic-carousel .grve-post-item,
.grve-classic-carousel .grve-post-item-inner {
  height: 100%;
}
.grve-classic-carousel .grve-post-item.grve-style-3:hover {
  transform: translateY(0);
}

/* =============================================================================
- Broken Portfolio
============================================================================= */
.grve-broken-portfolio.grve-layout-1 .grve-broken-container,
.grve-broken-gallery.grve-layout-1 .grve-broken-container {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
  column-gap: 5vw;
  row-gap: 5vw;
}
.grve-broken-portfolio.grve-layout-1 .grve-broken-container .grve-broken-item:nth-child(4n + 1),
.grve-broken-gallery.grve-layout-1 .grve-broken-container .grve-broken-item:nth-child(4n + 1) {
  grid-column: 2 / 4;
}
.grve-broken-portfolio.grve-layout-1 .grve-broken-container .grve-broken-item:nth-child(4n + 2),
.grve-broken-gallery.grve-layout-1 .grve-broken-container .grve-broken-item:nth-child(4n + 2) {
  grid-column: 4 / 6;
  margin-top: 5vw;
}
.grve-broken-portfolio.grve-layout-1 .grve-broken-container .grve-broken-item:nth-child(4n + 3),
.grve-broken-gallery.grve-layout-1 .grve-broken-container .grve-broken-item:nth-child(4n + 3) {
  grid-column: 1 / 3;
  margin-top: 5vw;
  align-self: end;
}
.grve-broken-portfolio.grve-layout-1 .grve-broken-container .grve-broken-item:nth-child(4n),
.grve-broken-gallery.grve-layout-1 .grve-broken-container .grve-broken-item:nth-child(4n) {
  grid-column: 3 / 6;
}
.grve-broken-portfolio.grve-layout-2 .grve-broken-container,
.grve-broken-gallery.grve-layout-2 .grve-broken-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 5vw;
  row-gap: 5vw;
}
.grve-broken-portfolio.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(4n + 1),
.grve-broken-gallery.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(4n + 1) {
  grid-column: 2 / 4;
  align-self: center;
}
.grve-broken-portfolio.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(4n + 2),
.grve-broken-gallery.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(4n + 2) {
  grid-column: 4 / 8;
}
.grve-broken-portfolio.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(4n + 3),
.grve-broken-gallery.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(4n + 3) {
  grid-column: 1 / 4;
}
.grve-broken-portfolio.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(4n + 4),
.grve-broken-gallery.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(4n + 4) {
  grid-column: 4 / 7;
  align-self: center;
}
.grve-broken-portfolio.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(12n + 11),
.grve-broken-gallery.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(12n + 11) {
  grid-column: 2 / 6;
}
.grve-broken-portfolio.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(12n + 12),
.grve-broken-gallery.grve-layout-2 .grve-broken-container .grve-broken-item:nth-child(12n + 12) {
  grid-column: 6 / 9;
}
.grve-broken-portfolio.grve-layout-3 .grve-broken-container,
.grve-broken-gallery.grve-layout-3 .grve-broken-container {
  display: grid;
  grid-template-columns: 6fr 4fr 4fr;
  column-gap: 5vw;
  row-gap: 15vw;
}
.grve-broken-portfolio.grve-layout-3 .grve-broken-container .grve-broken-item:nth-child(2n),
.grve-broken-gallery.grve-layout-3 .grve-broken-container .grve-broken-item:nth-child(2n) {
  margin-top: 10vw;
  grid-column: 3 / 4;
}
.grve-broken-portfolio.grve-layout-3 .grve-broken-container .grve-broken-item:nth-child(3n),
.grve-broken-gallery.grve-layout-3 .grve-broken-container .grve-broken-item:nth-child(3n) {
  grid-column: 1 / 3;
}
.grve-broken-portfolio.grve-layout-3 .grve-broken-container .grve-broken-item:nth-child(5n),
.grve-broken-gallery.grve-layout-3 .grve-broken-container .grve-broken-item:nth-child(5n) {
  grid-column: 2 / 3;
}
.grve-broken-portfolio.grve-layout-3 .grve-broken-container .grve-broken-item:nth-child(10n),
.grve-broken-gallery.grve-layout-3 .grve-broken-container .grve-broken-item:nth-child(10n) {
  grid-column: 1 / 2;
}
.grve-broken-portfolio.grve-layout-4 .grve-broken-container,
.grve-broken-gallery.grve-layout-4 .grve-broken-container {
  display: grid;
  grid-template-columns: 6fr 6fr 6fr;
  column-gap: 5vw;
  row-gap: 5vw;
  align-items: center;
}
.grve-broken-portfolio.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(2n),
.grve-broken-gallery.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(2n) {
  grid-column: 2 / 4;
}
.grve-broken-portfolio.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(3n),
.grve-broken-gallery.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(3n) {
  grid-column: 1 / 3;
  padding-left: 8vw;
}
.grve-broken-portfolio.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(5n),
.grve-broken-gallery.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(5n) {
  grid-column: 1 / 3;
  padding-left: 3vw;
}
.grve-broken-portfolio.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(16n),
.grve-broken-gallery.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(16n) {
  grid-column: 3 / 4;
  padding-left: 3vw;
}
.grve-broken-portfolio.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(18n),
.grve-broken-gallery.grve-layout-4 .grve-broken-container .grve-broken-item:nth-child(18n) {
  grid-column: 2 / 4;
}
@media only screen and (max-width: 767px) {
  .grve-broken-portfolio.grve-layout-1 .grve-broken-container, .grve-broken-portfolio.grve-layout-2 .grve-broken-container, .grve-broken-portfolio.grve-layout-3 .grve-broken-container, .grve-broken-portfolio.grve-layout-4 .grve-broken-container,
  .grve-broken-gallery.grve-layout-1 .grve-broken-container,
  .grve-broken-gallery.grve-layout-2 .grve-broken-container,
  .grve-broken-gallery.grve-layout-3 .grve-broken-container,
  .grve-broken-gallery.grve-layout-4 .grve-broken-container {
    display: block;
  }
  .grve-broken-portfolio.grve-layout-1 .grve-broken-container .grve-broken-item, .grve-broken-portfolio.grve-layout-2 .grve-broken-container .grve-broken-item, .grve-broken-portfolio.grve-layout-3 .grve-broken-container .grve-broken-item, .grve-broken-portfolio.grve-layout-4 .grve-broken-container .grve-broken-item,
  .grve-broken-gallery.grve-layout-1 .grve-broken-container .grve-broken-item,
  .grve-broken-gallery.grve-layout-2 .grve-broken-container .grve-broken-item,
  .grve-broken-gallery.grve-layout-3 .grve-broken-container .grve-broken-item,
  .grve-broken-gallery.grve-layout-4 .grve-broken-container .grve-broken-item {
    padding: 0;
    margin: 0 0 3.000rem 0;
  }
}

/* =============================================================================
- List Title Grid
============================================================================= */
.grve-list-title-grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 100vh;
  padding: 12% 0;
  visibility: hidden;
}
.grve-list-title-grid .grve-list-images-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  margin-left: calc((-100vw + 100%)/2);
  margin-right: calc((-100vw + 100%)/2);
  overflow: hidden;
  z-index: 0;
}
.grve-list-title-grid .grve-list-images-wrapper .grve-list-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  z-index: 1;
  will-change: opacity;
}
.grve-list-title-grid .grve-list-images-wrapper .grve-list-image.grve-active {
  opacity: 1;
  z-index: 3;
}
.grve-list-title-grid .grve-list-images-wrapper .grve-list-image .grve-bg-image {
  clip: rect(auto, auto, auto, auto);
}
.grve-list-title-grid .grve-list-images-wrapper .grve-list-image .grve-bg-image:before {
  content: '';
  background-image: inherit;
  background-repeat: inherit;
  background-size: cover;
  background-position: inherit;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  left: 0;
  right: 0;
  transform: translateZ(0);
}
@media only screen and (max-width: 767px) {
  .grve-list-title-grid {
    padding: 35% 0;
  }
}
.grve-list-title-grid .grve-list-grid {
  position: relative;
  z-index: 3;
  width: 100%;
  margin-left: -1.000rem;
  margin-right: -1.000rem;
}
.grve-list-title-grid .grve-list-grid .grve-list-item {
  position: absolute;
  white-space: nowrap;
  padding: 1.000rem;
  display: flex;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.grve-list-title-grid .grve-list-grid .grve-list-item .grve-title {
  margin: 0 0 0 0.250em;
  position: relative;
}
.grve-list-title-grid .grve-list-grid .grve-list-item .grve-line {
  position: absolute;
  width: 100%;
  height: 0.357em;
  min-height: 3px;
  top: 100%;
  left: 0.286em;
  margin-top: -0.357em;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-list-title-grid .grve-list-grid .grve-list-item.grve-active .grve-line {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-list-title-grid .grve-list-grid .grve-list-item.grve-hide {
  opacity: 0.5;
}
.grve-list-title-grid .grve-list-grid-wrapper {
  position: relative;
  z-index: 3;
  width: 100%;
}
.grve-list-title-grid .grve-pagination {
  position: relative;
  z-index: 3;
}

/* =============================================================================
--- Single Portfolio Title
============================================================================= */
#grve-portfolio-title .grve-title-categories {
  margin-bottom: 2.000rem;
}
#grve-portfolio-title .grve-title-categories a {
  color: inherit;
  position: relative;
}
#grve-portfolio-title .grve-title-categories a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 0.143em;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#grve-portfolio-title .grve-title-categories a:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}

/* =============================================================================
- Single Portfolio
============================================================================= */
.grve-portfolio-info {
  padding-bottom: 2.500rem;
}
.grve-portfolio-info:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.grve-portfolio-info .grve-portfolio-details {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.grve-portfolio-info .grve-portfolio-details-btn {
  width: 100%;
  padding: 0.750rem 1.000rem;
}
.grve-portfolio-info .grve-portfolio-field {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.grve-portfolio-info .grve-portfolio-field:not(:first-child) {
  margin-top: 2.000rem;
  padding-top: 2.000rem;
  border-top-width: 1px;
  border-top-style: solid;
}
.grve-portfolio-info .grve-portfolio-field a {
  position: relative;
  z-index: 2;
  display: block;
  white-space: nowrap;
  padding: 0.250rem 0.500rem;
  border-radius: 2px;
  margin-bottom: 0.250rem;
  margin-right: 0.250rem;
  color: inherit;
  box-shadow: none;
  transition: all .3s ease;
  background-color: rgba(170, 170, 251, 0.1);
}
.grve-portfolio-info .grve-portfolio-field a:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.3);
}

/* =============================================================================
- Single Portfolio Media
============================================================================= */
.grve-portfolio-media .grve-thumbnail-wrapper {
  margin-left: auto;
  margin-right: auto;
}

/* =============================================================================
--- Comments
============================================================================= */
#grve-comments .grve-comments-header {
  margin-bottom: 3.000rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#grve-comments .grve-comments-header .grve-comments-number {
  margin-bottom: 0;
}
#grve-comments .grve-comments-header .grve-comment-nav {
  line-height: 1.500rem;
  display: flex;
  flex-direction: row;
}
#grve-comments .grve-comments-header .grve-comment-nav a {
  transition: color .3s ease;
}
#grve-comments .grve-comments-header .grve-comment-nav a:hover {
  color: inherit;
}
#grve-comments .grve-comments-header .grve-comment-nav a + a:before {
  content: '';
  border-left: 1px solid rgba(170, 170, 170, 0.3);
  margin: 0 1.500rem;
}
@media only screen and (max-width: 767px) {
  #grve-comments .grve-comments-header {
    align-items: flex-start;
    flex-direction: column;
  }
  #grve-comments .grve-comments-header .grve-comment-nav a {
    margin-top: 1.000rem;
  }
}
#grve-comments .grve-comments-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#grve-comments .grve-comments-list li + li.grve-comment-item {
  margin-top: 4.000rem;
}
#grve-comments .grve-comments-list ul.children {
  list-style: none;
  margin: 4.000rem 0 0 0;
  padding: 0 0 0 5.000rem;
}
@media only screen and (max-width: 767px) {
  #grve-comments .grve-comments-list ul.children {
    padding: 0 0 0 5%;
  }
}
#grve-comments .grve-comments-list .grve-comment-inner {
  display: flex;
  flex-direction: row;
}
#grve-comments .grve-comments-list .grve-comment-inner .grve-author-image {
  width: 3.500rem;
  margin-right: 1.500rem;
  margin-top: -3px;
}
#grve-comments .grve-comments-list .grve-comment-inner .grve-author-image img {
  max-width: none;
  border-radius: 100%;
  display: block;
}
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content {
  width: calc(100% - 5rem);
}
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-title {
  display: block;
  margin-bottom: 6px;
}
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-comment-meta {
  display: flex;
  flex-direction: row;
  line-height: 1.000em;
}
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-comment-meta .grve-comment-date {
  color: inherit;
}
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-comment-meta .grve-comment-reply,
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-comment-meta .grve-comment-edit,
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-comment-meta .comment-reply-login {
  font-weight: bold;
  margin-left: 1.000rem;
  transition: color .3s ease;
}
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-comment-meta .grve-comment-reply:hover,
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-comment-meta .grve-comment-edit:hover,
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-comment-meta .comment-reply-login:hover {
  color: inherit;
}
#grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content .grve-comment-text {
  margin-top: 1.000rem;
}
@media only screen and (max-width: 767px) {
  #grve-comments .grve-comments-list .grve-comment-inner {
    flex-direction: column;
  }
  #grve-comments .grve-comments-list .grve-comment-inner .grve-author-image {
    margin-right: 0;
    margin-bottom: 0.500rem;
  }
  #grve-comments .grve-comments-list .grve-comment-inner .grve-comment-content {
    width: 100%;
  }
}

/* =============================================================================
--- Single Post Comment Form
============================================================================= */
#grve-comments + #grve-comment-form .comment-respond,
.comment + #respond {
  margin-top: 3.125rem;
}

#respond .comment-reply-title {
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
}
#respond .comment-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -12px;
}
#respond .comment-form > * {
  flex-basis: 100%;
  padding: 30px 12px 0 12px;
}
#respond .comment-form .grve-half-size {
  flex-basis: 50%;
}
@media only screen and (max-width: 767px) {
  #respond .comment-form .grve-half-size {
    flex-basis: 100%;
  }
}
#respond .comment-form textarea,
#respond .comment-form input[type="text"] {
  background-color: rgba(214, 214, 214, 0.15);
  border-color: rgba(197, 197, 197, 0.15);
  border-radius: 2px;
  resize: none;
  padding: 16px;
  font-size: inherit;
  margin: 0;
  line-height: 1.500rem;
}
#respond .comment-form .form-submit {
  margin-bottom: 0;
}
#respond .comment-form #grve-comment-submit-button {
  margin: 0;
  width: 100%;
}
#respond .comment-form .logged-in-as {
  padding: 0 12px;
}
#respond .comment-form .grve-form-inner {
  position: relative;
}
#respond .comment-form .grve-form-inner label {
  position: absolute;
  top: 17px;
  left: 16px;
  z-index: 3;
  transition: transform .3s;
  line-height: 1.5rem;
}
#respond .comment-form .grve-form-inner.grve-input-filled label {
  transform: translate(-16px, -40px);
}
#respond .comment-form .comment-form-cookies-consent {
  margin-bottom: 0;
}

#grve-comments-section {
  border-top-width: 1px;
  border-top-style: solid;
  margin-top: -1px;
}
#grve-comments-section .help {
  display: flex;
  justify-content: center;
}

/* =============================================================================
- Single Related
============================================================================= */
.grve-related .grve-related-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3.000rem;
}
.grve-related .grve-related-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 -1.000rem;
}
.grve-related .grve-related-row .grve-related-item {
  position: relative;
  flex-basis: 33.333333%;
  max-width: 33.333333%;
  padding: 0 1.000rem;
}
.grve-related .grve-related-row .grve-related-item .grve-related-item-inner {
  position: relative;
  padding-bottom: 120%;
  transition: all .3s;
  border-radius: 2px;
  overflow: hidden;
  background-color: rgba(170, 170, 251, 0.1);
}
.grve-related .grve-related-row .grve-related-item .grve-related-item-inner .grve-bg-image {
  opacity: 1;
}
.grve-related .grve-related-row .grve-related-item .grve-related-item-inner .grve-bg-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 50%, rgba(15, 15, 15, 0.45) 100%);
}
.grve-related .grve-related-row .grve-related-item .grve-related-item-inner .grve-related-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 1.500rem;
  color: #ffffff;
}
.grve-related .grve-related-row .grve-related-item .grve-related-item-inner .grve-title {
  color: inherit;
  margin-top: 4px;
  max-width: 80%;
}
.grve-related .grve-related-row .grve-related-item.grve-related-item-without-thumb .grve-related-content {
  color: inherit;
}
@media only screen and (max-width: 767px) {
  .grve-related .grve-related-row {
    flex-direction: column;
  }
  .grve-related .grve-related-row .grve-related-item {
    flex-basis: auto;
    max-width: none;
  }
  .grve-related .grve-related-row .grve-related-item + .grve-related-item {
    margin-top: 2.500rem;
  }
  .grve-related .grve-related-row .grve-related-item .grve-related-item-inner {
    padding-bottom: 70%;
  }
}

/* =============================================================================
- Single Social Bar
============================================================================= */
#grve-socials-section {
  position: relative;
  z-index: 100;
}

.grve-social-bar.grve-layout-1 {
  line-height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  user-select: none;
  position: fixed;
  bottom: 40px;
  left: 32px;
  z-index: 10;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all .3s ease;
  white-space: nowrap;
}
@media only screen and (max-width: 1200px) {
  .grve-social-bar.grve-layout-1 {
    left: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .grve-social-bar.grve-layout-1 {
    left: 12px;
  }
}
.grve-social-bar.grve-layout-1.grve-hide {
  opacity: 0;
  visibility: hidden;
}
.grve-social-bar.grve-layout-1 .grve-socials-bar-title {
  margin-bottom: 1.000rem;
  margin-right: 0;
  transition: color .5s ease;
}
.grve-social-bar.grve-layout-1 .grve-socials-bar-title.grve-skin-light {
  color: #ffffff;
}
.grve-social-bar.grve-layout-1 .grve-socials-bar-title.grve-skin-dark {
  color: #000000;
}
.grve-social-bar.grve-layout-1 .grve-like-counter-link {
  transform: rotate(180deg);
  writing-mode: horizontal-tb;
  position: relative;
}
.grve-social-bar.grve-layout-1 .grve-like-counter-link svg {
  width: 18px;
  height: auto;
  display: block;
}
.grve-social-bar.grve-layout-1 .grve-like-counter-link .grve-like-counter {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
  line-height: 1;
  padding: 0 0.250rem;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}
.grve-social-bar.grve-layout-1 .grve-like-counter-link:hover .grve-like-counter {
  opacity: 1;
  visibility: visible;
}
.grve-social-bar.grve-layout-1 .grve-like-counter-link:not(.active) svg {
  fill: currentColor;
}
.grve-social-bar.grve-layout-1 .grve-line {
  width: 1px;
  height: 2.000rem;
  margin-bottom: 1.000rem;
  margin-right: 0;
  position: relative;
  transition: background-color .5s ease;
  background-color: currentColor;
}
.grve-social-bar.grve-layout-1 .grve-line.grve-skin-light {
  background-color: #ffffff;
}
.grve-social-bar.grve-layout-1 .grve-line.grve-skin-dark {
  background-color: #000000;
}
.grve-social-bar.grve-layout-1 .grve-line:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  transform: scaleY(0);
  animation: social_line_animation 3s infinite cubic-bezier(0.48, 0, 0.12, 1);
}
.grve-social-bar.grve-layout-1 .grve-socials-wrapper a {
  color: inherit;
  transition: color .5s ease;
}
.grve-social-bar.grve-layout-1 .grve-socials-wrapper a.grve-skin-light {
  color: #ffffff;
}
.grve-social-bar.grve-layout-1 .grve-socials-wrapper a.grve-skin-dark {
  color: #000000;
}
.grve-social-bar.grve-layout-1 .grve-socials-wrapper a + a {
  margin-top: 1.000rem;
  margin-left: 0;
}

@keyframes social_line_animation {
  10% {
    transform: scaleY(0);
    transform-origin: center bottom;
  }
  50% {
    transform-origin: center bottom;
    transform: scale(1);
  }
  51% {
    transform-origin: center top;
  }
  100% {
    transform-origin: center top;
    transform: scaleY(0);
  }
}
.grve-social-bar.grve-layout-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 30px 0;
}
.grve-social-bar.grve-layout-2 .grve-socials-bar-title {
  font-size: 1.000rem;
  margin: 0.500rem 3.000rem 0.500rem 0;
}
.grve-social-bar.grve-layout-2 .grve-bar-socials {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.grve-social-bar.grve-layout-2 .grve-bar-socials a {
  display: block;
  transition: color .3s ease;
  font-size: 1.000rem;
}
.grve-social-bar.grve-layout-2 .grve-bar-socials li {
  margin-top: 0.250rem;
  margin-bottom: 0.250rem;
}
.grve-social-bar.grve-layout-2 .grve-bar-socials li:not(:last-child) {
  margin-right: 1.000rem;
}
.grve-social-bar.grve-layout-2 .grve-bar-socials .grve-like-counter-link {
  position: relative;
}
.grve-social-bar.grve-layout-2 .grve-bar-socials .grve-like-counter-link svg {
  width: 1.286em;
  height: auto;
  display: block;
}
.grve-social-bar.grve-layout-2 .grve-bar-socials .grve-like-counter-link .grve-like-counter {
  position: absolute;
  top: 50%;
  left: 80%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 0.857em;
  line-height: 1;
  padding: 0 0.250rem;
  white-space: nowrap;
}
.grve-social-bar.grve-layout-2 .grve-bar-socials .grve-like-counter-link:not(.active) svg {
  fill: currentColor;
}

/* =============================================================================
- RTL Socials
============================================================================= */
body.rtl .grve-social-bar.grve-layout-1 {
  display: flex;
  flex-direction: row-reverse;
}
body.rtl .grve-social-bar.grve-layout-1 .grve-socials-wrapper {
  display: flex;
  flex-direction: row-reverse;
}
body.rtl .grve-social-bar.grve-layout-2 .grve-socials-bar-title {
  font-size: 1.000rem;
  margin: 0.500rem 0 0.500rem 3.000rem;
}
body.rtl .grve-social-bar.grve-layout-2 .grve-bar-socials li {
  margin-top: 0.250rem;
  margin-bottom: 0.250rem;
}
body.rtl .grve-social-bar.grve-layout-2 .grve-bar-socials li:not(:last-child) {
  margin-right: 0;
  margin-left: 1.000rem;
}
body.rtl .grve-social-bar.grve-layout-2 .grve-bar-socials .grve-like-counter-link .grve-like-counter {
  left: auto;
  right: 80%;
}

/* =============================================================================
- Pagination
============================================================================= */
.grve-pagination,
.woocommerce-pagination {
  margin-top: 6%;
}
.grve-pagination ul,
.woocommerce-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.grve-pagination ul li,
.woocommerce-pagination ul li {
  width: 2.250em;
  margin: 0 0.250rem;
}
.grve-pagination ul li svg,
.woocommerce-pagination ul li svg {
  display: block;
  width: 2.000rem;
}
.grve-pagination ul li a,
.woocommerce-pagination ul li a {
  transition: color .3s ease;
}
.grve-pagination .prev,
.woocommerce-pagination .prev {
  display: flex;
  justify-content: flex-start;
}
.grve-pagination .prev svg,
.woocommerce-pagination .prev svg {
  transform: rotate(180deg);
}
.grve-pagination .next,
.woocommerce-pagination .next {
  display: flex;
  justify-content: flex-end;
}
.grve-pagination a.prev,
.grve-pagination a.next,
.woocommerce-pagination a.prev,
.woocommerce-pagination a.next {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.grve-pagination a.prev .grve-arrow-point,
.grve-pagination a.next .grve-arrow-point,
.woocommerce-pagination a.prev .grve-arrow-point,
.woocommerce-pagination a.next .grve-arrow-point {
  transform: translateX(-50%);
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.grve-pagination a.prev .grve-arrow-line,
.grve-pagination a.next .grve-arrow-line,
.woocommerce-pagination a.prev .grve-arrow-line,
.woocommerce-pagination a.next .grve-arrow-line {
  transform: translateX(-100%);
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.grve-pagination a.prev:hover .grve-arrow-point,
.grve-pagination a.prev:hover .grve-arrow-line,
.grve-pagination a.next:hover .grve-arrow-point,
.grve-pagination a.next:hover .grve-arrow-line,
.woocommerce-pagination a.prev:hover .grve-arrow-point,
.woocommerce-pagination a.prev:hover .grve-arrow-line,
.woocommerce-pagination a.next:hover .grve-arrow-point,
.woocommerce-pagination a.next:hover .grve-arrow-line {
  transform: translateX(0);
}

/* =============================================================================
- Page Navigation
============================================================================= */
.grve-page-nav {
  position: fixed;
  bottom: 40px;
  left: 32px;
  z-index: 200;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .grve-page-nav {
    left: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .grve-page-nav {
    left: 12px;
  }
}
.grve-page-nav a {
  color: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: color .5s ease;
  direction: ltr;
}
.grve-page-nav a span {
  transition: transform .3s ease;
}
.grve-page-nav a:before {
  content: '';
  width: 1px;
  height: 2.000rem;
  margin-bottom: 20px;
  background-color: currentColor;
  display: block;
  transition: transform .3s ease;
}
.grve-page-nav a:hover {
  color: inherit;
}
.grve-page-nav a:hover span {
  transform: translateY(-1.5rem);
}
.grve-page-nav a:hover:before {
  transform: translateY(-1rem);
}
.grve-page-nav.grve-skin-dark a {
  color: #000000;
}
.grve-page-nav.grve-skin-light a {
  color: #ffffff;
}
@media only screen and (max-width: 1200px) {
  .grve-page-nav.grve-page-nav-hide-tablet {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  .grve-page-nav.grve-page-nav-hide-tablet-sm {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .grve-page-nav.grve-page-nav-hide-mobile {
    display: none;
  }
}

/* =============================================================================
- Breadcrumbs
============================================================================= */
.grve-breadcrumbs {
  border-top: 1px solid;
  border-bottom: 1px solid;
  position: relative;
  z-index: 5;
}
.grve-breadcrumbs.grve-fullwidth {
  padding: 0 2.000rem;
}
.grve-breadcrumbs.grve-fullwidth .grve-container {
  max-width: none;
  width: 100%;
}
.grve-breadcrumbs ul {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.grve-breadcrumbs ul li + li {
  margin-left: 12px;
}
.grve-breadcrumbs ul li + li:before {
  content: '/';
  margin-right: 12px;
}
.grve-breadcrumbs .grve-yoast-breadcrumbs > span {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.grve-breadcrumbs .grve-yoast-breadcrumbs > span span + span {
  margin-left: 12px;
}
.grve-breadcrumbs .grve-yoast-breadcrumbs > span span + span:before {
  content: '/';
  margin-right: 12px;
}
.grve-breadcrumbs.grve-align-center ul, .grve-breadcrumbs.grve-align-center .grve-yoast-breadcrumbs > span {
  justify-content: center;
}
.grve-breadcrumbs.grve-align-right ul, .grve-breadcrumbs.grve-align-right .grve-yoast-breadcrumbs > span {
  justify-content: flex-end;
}

/* =============================================================================
- Page With Sidebar
============================================================================= */
#grve-content.grve-left-sidebar, #grve-content.grve-right-sidebar {
  overflow: hidden;
}
#grve-content.grve-left-sidebar .grve-content-wrapper, #grve-content.grve-right-sidebar .grve-content-wrapper {
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
#grve-content.grve-left-sidebar .grve-content-wrapper:before, #grve-content.grve-left-sidebar .grve-content-wrapper:after, #grve-content.grve-right-sidebar .grve-content-wrapper:before, #grve-content.grve-right-sidebar .grve-content-wrapper:after {
  display: table;
  content: " ";
}
#grve-content.grve-left-sidebar .grve-content-wrapper:after, #grve-content.grve-right-sidebar .grve-content-wrapper:after {
  clear: both;
}
#grve-content.grve-left-sidebar .grve-container, #grve-content.grve-right-sidebar .grve-container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

#grve-content.grve-left-sidebar #grve-main-content {
  float: right;
}
#grve-content.grve-left-sidebar #grve-sidebar {
  float: left;
}

#grve-content.grve-right-sidebar #grve-main-content {
  float: left;
}
#grve-content.grve-right-sidebar #grve-sidebar {
  float: right;
}

#grve-sidebar {
  z-index: 5;
}

@media only screen and (max-width: 1023px) {
  #grve-content.grve-with-sidebar #grve-main-content {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }

  #grve-content.grve-with-sidebar #grve-sidebar {
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
body.rtl #grve-content.grve-left-sidebar #grve-main-content {
  float: left;
}
body.rtl #grve-content.grve-left-sidebar #grve-sidebar {
  float: right;
}
body.rtl #grve-content.grve-right-sidebar #grve-main-content {
  float: right;
}
body.rtl #grve-content.grve-right-sidebar #grve-sidebar {
  float: left;
}
@media only screen and (max-width: 1023px) {
  body.rtl #grve-content.grve-with-sidebar #grve-main-content {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
  body.rtl #grve-content.grve-with-sidebar #grve-sidebar {
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

/* =============================================================================
- Hidden Area
============================================================================= */
.grve-hidden-area {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  overflow: hidden;
  display: none;
}
.grve-hidden-area .grve-area-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}
.grve-hidden-area .grve-area-inner .grve-area-scroller {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 30px);
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}
.grve-hidden-area .grve-area-inner .grve-area-scroller .grve-area-container {
  min-height: 100%;
  padding: 12vh calc(10% + 30px) 12vh 10%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.grve-hidden-area .grve-area-inner .grve-area-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1;
  justify-content: space-between;
  visibility: hidden;
}
.grve-hidden-area .grve-area-inner .grve-area-content .grve-area-top {
  flex: 1;
}
.grve-hidden-area .grve-area-inner .grve-area-content .grve-area-bottom {
  margin-top: 5vh;
}
.grve-hidden-area .grve-area-inner .grve-area-content .grve-area-bottom > * {
  margin-top: 2.000rem;
}
.grve-hidden-area .grve-hidden-area-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.grve-hidden-area[data-items-animation="none"] .grve-area-inner .grve-area-content {
  visibility: visible;
}

/* =============================================================================
- Side Area
============================================================================= */
#grve-side-area {
  right: 0;
  left: auto;
  z-index: 22;
  width: 100%;
  max-width: 570px;
}
#grve-side-area .grve-area-content {
  visibility: visible;
  justify-content: flex-start;
}

/* =============================================================================
- RTL Side Area
============================================================================= */
body.rtl #grve-side-area {
  right: auto;
  left: 0;
}

/* =============================================================================
- Close Button
============================================================================= */
.grve-close-button-wrapper {
  position: absolute;
  top: 2.000rem;
  right: 2.000rem;
  z-index: 10;
}
.grve-close-button-wrapper.grve-position-left {
  left: 2.000rem;
  right: auto;
}
.grve-close-button-wrapper .grve-close-btn {
  display: block;
  width: 2.250rem;
  height: 2.250rem;
  border-radius: 100%;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
}
.grve-close-button-wrapper .grve-close-btn svg {
  width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.grve-close-button-wrapper .grve-close-btn i, .grve-close-button-wrapper .grve-close-btn .grve-icon {
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.grve-close-button-wrapper .grve-close-btn.grve-white {
  background-color: #ffffff;
}
.grve-close-button-wrapper .grve-close-btn.grve-white svg {
  fill: #000000;
}
.grve-close-button-wrapper .grve-close-btn.grve-white i, .grve-close-button-wrapper .grve-close-btn.grve-white .grve-icon {
  color: #000000;
}
.grve-close-button-wrapper .grve-close-btn.grve-black {
  background-color: #000000;
}
.grve-close-button-wrapper .grve-close-btn.grve-black svg {
  fill: #ffffff;
}
.grve-close-button-wrapper .grve-close-btn.grve-black i, .grve-close-button-wrapper .grve-close-btn.grve-black .grve-icon {
  color: #ffffff;
}

/* =============================================================================
- Modal
============================================================================= */
#grve-modal-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}
#grve-modal-area .grve-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#grve-modal-area .grve-close-button-wrapper {
  position: fixed;
}
#grve-modal-area .grve-bg-image {
  opacity: 1;
}
#grve-modal-area .grve-modal-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}
#grve-modal-area .grve-modal-element .grve-modal-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
#grve-modal-area .grve-modal-element .grve-modal-inner {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 90vh;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}
#grve-modal-area .grve-modal-element.grve-modal-full .grve-modal-inner {
  height: 100vh;
  max-height: none;
}
#grve-modal-area .grve-modal-element.grve-modal-dialog .grve-close-button-wrapper {
  top: -18px;
  right: -18px;
}
#grve-modal-area .grve-modal-element.grve-modal-dialog .grve-container {
  width: 100%;
  max-width: none;
}
#grve-modal-area .grve-modal-element.grve-modal-dialog.grve-content-small .grve-modal-content {
  width: 90%;
  max-width: 400px;
}
#grve-modal-area .grve-modal-element.grve-modal-dialog.grve-content-medium .grve-modal-content {
  width: 90%;
  max-width: 720px;
}
#grve-modal-area .grve-modal-element.grve-modal-dialog.grve-content-large .grve-modal-content {
  width: 90%;
  max-width: 1170px;
}

/* =============================================================================
- Page Modal
============================================================================= */
#grve-sliding-area {
  position: fixed;
  top: 0;
  left: auto;
  right: auto;
  width: 100%;
  min-height: 70%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  transform: translateY(-100%);
  z-index: 20;
}
#grve-sliding-area.grve-header-vertical {
  width: 50%;
  height: 100%;
  transform: translateX(-100%);
  z-index: 9;
}
#grve-sliding-area .grve-sliding-wrapper {
  padding: 4.000rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#grve-sliding-area .grve-sliding-wrapper .grve-sliding-content {
  width: 100%;
  max-width: 770px;
}
#grve-sliding-area .grve-sliding-wrapper .grve-sliding-item {
  display: none;
}
#grve-sliding-area .grve-sliding-wrapper .grve-sliding-item.grve-active {
  display: block;
}
@media only screen and (max-width: 1023px) {
  #grve-sliding-area {
    z-index: 10;
  }
}

/* =============================================================================
--- Search Modal
============================================================================= */
#grve-search-modal .grve-search-item {
  position: relative;
}
#grve-search-modal .grve-search-item .grve-search-title {
  position: absolute;
  top: 8px;
  left: 0;
  transform-origin: left;
  transition: transform .3s;
}
#grve-search-modal .grve-search-item.grve-input-filled .grve-search-title {
  transform: translate(0, -40px) scale(0.7);
  opacity: 0.4;
}
#grve-search-modal .grve-search-item input[type='text'] {
  width: 100%;
  padding: 8px 50px 8px 0;
  border: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 0;
}
#grve-search-modal .grve-search-item button[type='submit'] {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  position: absolute;
  border: none;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 0;
  cursor: pointer;
  z-index: 3;
  outline: 0;
  background-color: transparent;
  transition: all .3s;
  font-size: inherit;
  line-height: inherit;
}
#grve-search-modal .grve-search-item button[type='submit'] svg {
  fill: currentColor;
}

/* =============================================================================
--- Socials Modal
============================================================================= */
#grve-socials-modal .grve-social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#grve-socials-modal .grve-social li {
  margin-right: 2.000rem;
}
#grve-socials-modal .grve-social li:last-child {
  margin-right: 0;
}
#grve-socials-modal .grve-social li a {
  display: block;
  position: relative;
}
#grve-socials-modal .grve-social li a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 0.143em;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#grve-socials-modal .grve-social li a:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}

/* =============================================================================
--- Language Modal
============================================================================= */
#grve-language-modal ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#grve-language-modal ul li {
  margin-right: 2.000rem;
}
#grve-language-modal ul li:last-child {
  margin-right: 0;
}
#grve-language-modal ul li a {
  display: block;
  position: relative;
}
#grve-language-modal ul li a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 0.143em;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#grve-language-modal ul li a:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}
#grve-language-modal ul li a.grve-active:after {
  transform: scaleX(1);
}

/* =============================================================================
- Popup HTML5 Video
============================================================================= */
.grve-html5-video-popup-container {
  max-width: 900px;
  margin: 0 auto;
}

.grve-html5-video-popup-container video {
  width: 100%;
}

/* =============================================================================
- Page Transitions
============================================================================= */
#grve-loader-overflow {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fefefe;
  z-index: 99999;
}

/* Page Transition */
#grve-loader-overflow.grve-page-transition {
  animation-fill-mode: both;
  animation-duration: .6s;
}

/* Zoom In */
#grve-loader-overflow.grve-fade-in-transition.grve-visible {
  animation-name: grve_fade_in_transition;
}

#grve-loader-overflow.grve-fade-in-transition.grve-hide {
  animation-name: grve_fade_out_transition;
}

/* Left To Right */
#grve-loader-overflow.grve-left-to-right-transition.grve-visible {
  animation-name: grve_left_to_right_transition;
}

#grve-loader-overflow.grve-left-to-right-transition.grve-hide {
  animation-name: grve_left_to_right_out_transition;
}

/* Right To Left */
#grve-loader-overflow.grve-right-to-left-transition.grve-visible {
  animation-name: grve_right_to_left_transition;
}

#grve-loader-overflow.grve-right-to-left-transition.grve-hide {
  animation-name: grve_right_to_left_out_transition;
}

/* Top to Bottom */
#grve-loader-overflow.grve-top-to-bottom-transition.grve-visible {
  animation-name: grve_top_to_bottom_transition;
}

#grve-loader-overflow.grve-top-to-bottom-transition.grve-hide {
  animation-name: grve_top_to_bottom_out_transition;
}

/* Bottom to Top */
#grve-loader-overflow.grve-bottom-to-top-transition.grve-visible {
  animation-name: grve_bottom_to_top_transition;
}

#grve-loader-overflow.grve-bottom-to-top-transition.grve-hide {
  animation-name: grve_bottom_to_top_out_transition;
}

/* Fade In */
@keyframes grve_fade_in_transition {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
/* Fade Out */
@keyframes grve_fade_out_transition {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* Left to Right */
@keyframes grve_left_to_right_transition {
  0% {
    transform: translateX(-100%);
    visibility: hidden;
  }
  100% {
    transform: translateX(0);
    visibility: visible;
  }
}
/* Left to Right Out */
@keyframes grve_left_to_right_out_transition {
  0% {
    transform: translateX(0);
    visibility: visible;
  }
  100% {
    transform: translateX(100%);
    visibility: hidden;
  }
}
/* Right to Left */
@keyframes grve_right_to_left_transition {
  0% {
    transform: translateX(100%);
    visibility: hidden;
  }
  100% {
    transform: translateX(0);
    visibility: visible;
  }
}
/* Right to Left Out */
@keyframes grve_right_to_left_out_transition {
  0% {
    transform: translateX(0);
    visibility: visible;
  }
  100% {
    transform: translateX(-100%);
    visibility: hidden;
  }
}
/* Top to Bottom */
@keyframes grve_top_to_bottom_transition {
  0% {
    transform: translateY(-100%);
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    visibility: visible;
  }
}
/* Top to Bottom Out */
@keyframes grve_top_to_bottom_out_transition {
  0% {
    transform: translateY(0);
    visibility: visible;
  }
  100% {
    transform: translateY(100%);
    visibility: hidden;
  }
}
/* Bottom to Top */
@keyframes grve_bottom_to_top_transition {
  0% {
    transform: translateY(100%);
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    visibility: visible;
  }
}
/* Bottom to Top Out */
@keyframes grve_bottom_to_top_out_transition {
  0% {
    transform: translateY(0);
    visibility: visible;
  }
  100% {
    transform: translateY(-100%);
    visibility: hidden;
  }
}
/* Zoom Out */
#grve-loader-overflow.grve-zoom-out-transition.grve-visible {
  animation-name: grve_fade_in_transition;
}

#grve-loader-overflow.grve-zoom-out-transition.grve-hide {
  animation-name: grve_fade_out_transition;
}

#grve-loader-overflow.grve-zoom-out-transition.grve-visible + #grve-theme-wrapper {
  height: 100vh;
  overflow: hidden;
  animation-fill-mode: both;
  animation-duration: .5s;
  animation-name: grve_zoom_out_transition;
}

#grve-loader-overflow.grve-zoom-out-transition.grve-hide + #grve-theme-wrapper {
  animation-name: grve_fade_in_transition;
}

/* Zoom Out */
@keyframes grve_zoom_out_transition {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
/* =============================================================================
- Spinners Styles
============================================================================= */
.grve-spinner {
  display: inline-block;
  position: absolute !important;
  top: 50%;
  left: 50%;
  font-size: 14px;
  text-indent: -9999em;
  transform: translate(-50%, -50%) translateZ(0);
}

.grve-isotope .grve-spinner {
  top: 50px;
}

/* Spinner 1 */
.grve-spinner-1 {
  border-width: 0.200em;
  border-style: solid;
  border-color: rgba(127, 127, 127, 0.3);
  animation: spinnerAnim 1.1s infinite linear;
}

.grve-spinner-1 {
  border-radius: 50%;
  width: 3.000em;
  height: 3.000em;
}

/* Spinner 2 */
.grve-spinner-2,
.grve-spinner-2:before,
.grve-spinner-2:after {
  border-radius: 50%;
}

.grve-spinner-2 {
  border-width: 0.286em;
  border-style: solid;
  border-color: #f00;
  width: 4.286em;
  height: 4.286em;
}

.grve-spinner-2:before,
.grve-spinner-2:after {
  position: absolute;
  content: '';
}

.grve-spinner-2:before {
  width: 2.286em;
  height: 4.429em;
  border-radius: 100px 0 0 100px;
  top: -0.357em;
  left: -0.357em;
  transform-origin: 2.214em 2.214em;
  animation: spinnerAnim 2s infinite ease 1.5s;
}

.grve-spinner-2:after {
  width: 2.286em;
  height: 4.429em;
  border-radius: 0 100px 100px 0;
  top: -0.357em;
  left: 1.786em;
  transform-origin: 0px 2.214em;
  animation: spinnerAnim 2s infinite ease;
}

@keyframes spinnerAnim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Custom Spinner */
.grve-spinner.grve-spinner-custom {
  background-position: center center;
  display: inline-block;
  background-size: cover;
}

/* =============================================================================
- Animate Page Mask
============================================================================= */
.grve-mask-wrapper {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  bottom: 100%;
  left: 0;
  visibility: hidden;
  pointer-events: none;
}

.grve-mask-wrapper.grve-layer-animate {
  visibility: visible;
}

.grve-mask-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9998;
}

.grve-layer-animate .grve-mask-layer {
  transform: translate3d(0, 0, 0);
  animation: anim-layer-1 1.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}

.grve-layer-animate .grve-layer-2 {
  animation-name: anim-layer-2;
}

.grve-layer-animate .grve-layer-3 {
  animation-name: anim-layer-3;
}

@keyframes anim-layer-1 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  25%,
	75% {
    transform: translate3d(0, 100%, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: translate3d(0, 200%, 0);
  }
}
@keyframes anim-layer-2 {
  0%,
	12.5% {
    transform: translate3d(0, 0, 0);
  }
  37.5%,
	62.5% {
    transform: translate3d(0, 100%, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  87.5%,
	100% {
    transform: translate3d(0, 200%, 0);
  }
}
@keyframes anim-layer-3 {
  0%,
	25% {
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  75%,
	100% {
    transform: translate3d(0, 200%, 0);
  }
}
.grve-safebutton-logo {
  position: absolute;
  top: 150%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  animation: mask-logo-anim 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
  display: none;
}

.grve-safebutton-logo.show {
  display: block;
}

@keyframes mask-logo-anim {
  0% {
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  35%,
	75% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, 50%);
    opacity: 0;
  }
}
/* =============================================================================
- Main Loader
============================================================================= */
#grve-loader-overflow {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fefefe;
  z-index: 99999;
}

/* =============================================================================
- Contact Form Styles
============================================================================= */
#grve-theme-wrapper .wpcf7 form {
  position: relative;
}
#grve-theme-wrapper .wpcf7 form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
#grve-theme-wrapper .wpcf7 form .wpcf7-form-control-wrap + br {
  display: none;
}
#grve-theme-wrapper .wpcf7 form .wpcf7-list-item {
  margin: 0;
}
#grve-theme-wrapper .wpcf7 form .ajax-loader {
  display: none;
}
#grve-theme-wrapper .wpcf7 form .wpcf7-not-valid-tip {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  border: none;
  margin: 0;
  z-index: 3;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 2px;
  transform: translate(-16px, -50%);
  color: #ffffff;
  background: #f00000;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
#grve-theme-wrapper .wpcf7 form .wpcf7-validation-errors {
  border: none;
  margin: 20px 0 0 0;
  text-align: center;
  left: 0;
  z-index: 1;
  color: #f00000;
}
#grve-theme-wrapper .wpcf7 form .wpcf7-mail-sent-ok {
  border: none;
  margin: 20px 0 0 0;
  text-align: center;
  left: 0;
  z-index: 1;
  color: #79ca99;
}
#grve-theme-wrapper .wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0 0;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 2px;
  border: none;
  color: inherit;
  background: rgba(214, 214, 214, 0.15);
}
#grve-theme-wrapper .wpcf7 form input[type="submit"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* =============================================================================
- Form Columns
============================================================================= */
.grve-fields-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.grve-fields-wrapper > div {
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 10px;
}
.grve-fields-wrapper > div:not(:last-child) {
  margin-bottom: 20px;
}
.grve-fields-wrapper .grve-one-third {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.grve-fields-wrapper .grve-one-half {
  flex-basis: 50%;
  max-width: 50%;
}
@media only screen and (max-width: 767px) {
  .grve-fields-wrapper .grve-one-third,
  .grve-fields-wrapper .grve-one-half {
    flex-basis: 100%;
    max-width: 100%;
  }
}

#grve-theme-wrapper #grve-sliding-area input[type='text'],
#grve-theme-wrapper #grve-sliding-area input[type='input'],
#grve-theme-wrapper #grve-sliding-area input[type='password'],
#grve-theme-wrapper #grve-sliding-area input[type='email'],
#grve-theme-wrapper #grve-sliding-area input[type='number'],
#grve-theme-wrapper #grve-sliding-area input[type='url'],
#grve-theme-wrapper #grve-sliding-area input[type='tel'],
#grve-theme-wrapper #grve-sliding-area input[type='search'],
#grve-theme-wrapper #grve-sliding-area textarea,
#grve-theme-wrapper #grve-sliding-area select {
  color: inherit;
  border-color: inherit;
}
#grve-theme-wrapper .grve-fields-white-bg input,
#grve-theme-wrapper .grve-fields-white-bg textarea,
#grve-theme-wrapper .grve-fields-white-bg select {
  background-color: #ffffff;
}
#grve-theme-wrapper .grve-fields-grey-bg input,
#grve-theme-wrapper .grve-fields-grey-bg textarea,
#grve-theme-wrapper .grve-fields-grey-bg select {
  background-color: #f7f7f7;
}
#grve-theme-wrapper .grve-fields-round input,
#grve-theme-wrapper .grve-fields-round textarea,
#grve-theme-wrapper .grve-fields-round select {
  border-radius: 3px;
}
#grve-theme-wrapper .grve-fields-extra-round input,
#grve-theme-wrapper .grve-fields-extra-round textarea,
#grve-theme-wrapper .grve-fields-extra-round select {
  border-radius: 50px;
}
#grve-theme-wrapper .grve-form.grve-underline input,
#grve-theme-wrapper .grve-form.grve-underline textarea,
#grve-theme-wrapper .grve-form.grve-underline select {
  border: none;
  border-bottom: 1px solid;
  border-color: inherit;
}
#grve-theme-wrapper .grve-form-light div span {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3);
}

/* Form with icons */
.wpcf7-form .grve-with-icon {
  position: relative;
}

.wpcf7-form .grve-with-icon i,
.wpcf7-form .grve-with-icon .grve-icon {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 40px;
  text-align: center;
}

#grve-theme-wrapper .wpcf7-form .grve-with-icon input {
  padding-left: 40px;
}

/* Radio Buttons */
.wpcf7-form input[type='radio']:checked,
.wpcf7-form input[type='radio']:not(:checked),
.wpcf7-form input[type='checkbox']:checked,
.wpcf7-form input[type='checkbox']:not(:checked) {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  margin: 1px;
  cursor: pointer;
  opacity: 0;
}

.wpcf7-form input[type='radio']:checked + .wpcf7-list-item-label,
.wpcf7-form input[type='radio']:not(:checked) + .wpcf7-list-item-label,
.wpcf7-form input[type='checkbox']:checked + .wpcf7-list-item-label,
.wpcf7-form input[type='checkbox']:not(:checked) + .wpcf7-list-item-label {
  position: relative;
  padding-left: 28px;
  line-height: 20px;
  display: inline-block;
  border-color: inherit;
}

.wpcf7-form input[type='radio']:checked + .wpcf7-list-item-label:before,
.wpcf7-form input[type='radio']:not(:checked) + .wpcf7-list-item-label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-color: inherit;
  border-radius: 100%;
  background: #fff;
}

.wpcf7-form input[type='radio']:checked + .wpcf7-list-item-label:after,
.wpcf7-form input[type='radio']:not(:checked) + .wpcf7-list-item-label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #F87DA9;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  transition: all .3s;
}

.wpcf7-form input[type='checkbox']:checked + .wpcf7-list-item-label:before,
.wpcf7-form input[type='checkbox']:not(:checked) + .wpcf7-list-item-label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-color: inherit;
  border-radius: 0;
  background: #fff;
}

.wpcf7-form input[type='checkbox']:checked + .wpcf7-list-item-label:after,
.wpcf7-form input[type='checkbox']:not(:checked) + .wpcf7-list-item-label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #F87DA9;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 0;
  transition: all .3s;
}

.wpcf7-form input[type='radio']:not(:checked) + .wpcf7-list-item-label:after,
.wpcf7-form input[type='checkbox']:not(:checked) + .wpcf7-list-item-label:after {
  opacity: 0;
  transform: scale(0);
}

.wpcf7-form input[type='radio']:checked + .wpcf7-list-item-label:after,
.wpcf7-form input[type='checkbox']:checked + .wpcf7-list-item-label:after {
  opacity: 1;
  transform: scale(1);
}

/* =============================================================================
- Formidable Forms
============================================================================= */
#grve-theme-wrapper .frm_forms select {
  padding: 0 15px;
  min-height: 42px;
}
#grve-theme-wrapper .frm_rootline_single input[type='button'] {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 100% !important;
}

/* =============================================================================
- Form Shapes
============================================================================= */
#grve-theme-wrapper .grve-element.grve-contact-form.grve-form-round .wpcf7-form-control-wrap input, #grve-theme-wrapper .grve-element.grve-contact-form.grve-form-round .wpcf7-form-control-wrap textarea {
  border-radius: 3px;
}
#grve-theme-wrapper .grve-element.grve-contact-form.grve-form-extra-round .wpcf7-form-control-wrap input, #grve-theme-wrapper .grve-element.grve-contact-form.grve-form-extra-round .wpcf7-form-control-wrap textarea {
  border-radius: 50px;
}

/* =============================================================================
- Newsletter
============================================================================= */
#grve-theme-wrapper .wpcf7 .grve-newsletter:not(.grve-horizontal) .wpcf7-form-control-wrap {
  margin-bottom: 20px;
}
#grve-theme-wrapper .wpcf7 .grve-newsletter.grve-horizontal {
  display: flex;
  flex-direction: row;
}
#grve-theme-wrapper .wpcf7 .grve-newsletter.grve-horizontal input[type="submit"] {
  margin: 0;
  border-radius: 0;
  min-width: 25%;
}
#grve-theme-wrapper .wpcf7 .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap {
  width: auto;
  flex: 1;
}
#grve-theme-wrapper .wpcf7 .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap input {
  margin-bottom: 0;
  border-right-width: 0;
  min-height: auto;
  height: 100%;
  border-radius: 0;
}
#grve-theme-wrapper .wpcf7 .grve-newsletter.grve-horizontal .ajax-loader {
  display: none;
}
#grve-theme-wrapper .grve-element.grve-contact-form.grve-form-btn-round .grve-newsletter.grve-horizontal input[type="submit"] {
  border-radius: 0 3px 3px 0;
}
#grve-theme-wrapper .grve-element.grve-contact-form.grve-form-btn-extra-round .grve-newsletter.grve-horizontal input[type="submit"] {
  border-radius: 0 50px 50px 0;
}
#grve-theme-wrapper .grve-element.grve-contact-form.grve-form-round .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap:first-child input {
  border-radius: 3px 0 0 3px;
}
#grve-theme-wrapper .grve-element.grve-contact-form.grve-form-extra-round .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap:first-child input {
  border-radius: 50px 0 0 50px;
}
@media only screen and (max-width: 767px) {
  #grve-theme-wrapper .wpcf7 .grve-newsletter.grve-horizontal {
    flex-direction: column;
    align-items: center;
    height: auto;
  }
  #grve-theme-wrapper .wpcf7 .grve-newsletter.grve-horizontal input[type="submit"] {
    min-width: 100%;
  }
  #grve-theme-wrapper .wpcf7 .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap {
    width: 100%;
    margin-bottom: 18px;
  }
  #grve-theme-wrapper .wpcf7 .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap input {
    padding-top: 1.000em;
    padding-bottom: 1.000em;
    border-right-width: 1px;
  }
  #grve-theme-wrapper .grve-element.grve-contact-form.grve-form-btn-extra .grve-newsletter.grve-horizontal input[type="submit"] {
    border-radius: 3px;
  }
  #grve-theme-wrapper .grve-element.grve-contact-form.grve-form-btn-extra-round .grve-newsletter.grve-horizontal input[type="submit"] {
    border-radius: 50px;
  }
  #grve-theme-wrapper .grve-element.grve-contact-form.grve-form-round .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap:first-child input,
  #grve-theme-wrapper .grve-element.grve-contact-form.grve-form-round .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap input {
    border-radius: 3px;
  }
  #grve-theme-wrapper .grve-element.grve-contact-form.grve-form-extra-round .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap:first-child input,
  #grve-theme-wrapper .grve-element.grve-contact-form.grve-form-extra-round .grve-newsletter.grve-horizontal .wpcf7-form-control-wrap input {
    border-radius: 50px;
  }
}

/* =============================================================================
- Form Text Style
============================================================================= */
#grve-theme-wrapper .wpcf7 .grve-text-style-form .wpcf7-form-control-wrap {
  max-width: 10em;
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0.500em;
  position: relative;
}
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="text"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="input"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="password"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="number"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="email"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="number"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="url"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="tel"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="search"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="date"],
#grve-theme-wrapper .wpcf7 .grve-text-style-form textarea,
#grve-theme-wrapper .wpcf7 .grve-text-style-form select,
#grve-theme-wrapper .wpcf7 .grve-text-style-form .select2-choice {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-bottom: 2px solid;
  padding: 0;
  font-size: inherit;
  min-height: auto;
  height: 0.800em;
}
#grve-theme-wrapper .wpcf7 .grve-text-style-form input[type="submit"]:not(.grve-custom-btn) {
  margin-top: 60px;
}
#grve-theme-wrapper .wpcf7 .grve-text-style-form .ajax-loader {
  display: none;
}
#grve-theme-wrapper .wpcf7 .grve-text-style-form .wpcf7-not-valid-tip {
  top: 50%;
  right: 50%;
}

/* =============================================================================
- Gravity Forms
============================================================================= */
#grve-theme-wrapper .gform_wrapper input[type="text"],
#grve-theme-wrapper .gform_wrapper input[type="input"],
#grve-theme-wrapper .gform_wrapper input[type="password"],
#grve-theme-wrapper .gform_wrapper input[type="number"],
#grve-theme-wrapper .gform_wrapper input[type="email"],
#grve-theme-wrapper .gform_wrapper input[type="number"],
#grve-theme-wrapper .gform_wrapper input[type="url"],
#grve-theme-wrapper .gform_wrapper input[type="tel"],
#grve-theme-wrapper .gform_wrapper input[type="search"],
#grve-theme-wrapper .gform_wrapper input[type="date"],
#grve-theme-wrapper .gform_wrapper textarea,
#grve-theme-wrapper .gform_wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid;
  padding: 16px 20px;
  outline: none;
  color: inherit;
  margin: 0;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border-radius: 0;
  border-color: inherit;
  min-height: 42px;
  line-height: 1;
  display: block;
}
#grve-theme-wrapper .gform_wrapper select {
  background-image: url(../images/graphics/select-icon.svg);
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  text-indent: 0;
  min-height: 30px;
}
#grve-theme-wrapper .gform_wrapper select option {
  color: #000000;
}
#grve-theme-wrapper .gform_wrapper select[multiple] {
  background-image: none;
}

/* =============================================================================
- Anchor Menu
============================================================================= */
.grve-anchor-menu {
  position: relative;
  z-index: 999;
  transition: transform .5s ease;
}
.grve-anchor-menu .grve-anchor-wrapper {
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  position: relative;
}
.grve-anchor-menu .grve-anchor-dropdown-wrapper {
  display: none;
  position: relative;
}
.grve-anchor-menu .grve-anchor-dropdown-wrapper .grve-anchor-dropdown {
  border: none;
  background: transparent;
  color: currentColor;
}
.grve-anchor-menu .grve-anchor-dropdown-wrapper:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}
.grve-anchor-menu .grve-container,
.grve-anchor-menu > ul > li {
  line-height: inherit;
}
.grve-anchor-menu ul {
  margin: 0;
  list-style: none;
  font-size: 0;
  line-height: inherit;
}
.grve-anchor-menu ul li {
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  .grve-anchor-menu.grve-anchor-responsive-layout ul {
    display: none;
  }
  .grve-anchor-menu.grve-anchor-responsive-layout .grve-anchor-dropdown-wrapper {
    display: block;
  }
}
.grve-anchor-menu .grve-container ul.sub-menu li {
  display: block;
}

.grve-anchor-menu .grve-container a {
  position: relative;
  line-height: inherit !important;
}

.grve-anchor-menu .grve-container ul.sub-menu li a {
  padding: 15px 20px;
  display: block;
}

.grve-anchor-menu .grve-container > ul > li > a {
  display: block;
  padding: 0 20px;
}

.grve-anchor-menu .grve-container ul.sub-menu {
  line-height: 1.4;
  display: none;
}

/* Arrows */
.grve-anchor-menu a .grve-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  z-index: 10;
  margin-top: 1px;
  display: inline-block;
  line-height: inherit;
  text-align: right;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grve-anchor-menu a .grve-arrow:after,
.grve-anchor-menu a .grve-arrow:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(0deg);
  transition: all .3s ease .3s;
  background-color: #333333;
}

.grve-anchor-menu a .grve-arrow:after {
  width: 9px;
  height: 1px;
  margin-left: -5px;
  margin-top: -1px;
}

.grve-anchor-menu a .grve-arrow:before {
  width: 1px;
  height: 9px;
  margin-left: -1px;
  margin-top: -5px;
}

.grve-anchor-menu .open > a .grve-arrow:after,
.grve-anchor-menu .open > a .grve-arrow:before {
  transform: rotate(45deg);
}

.grve-anchor-menu ul li {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.grve-anchor-menu a .grve-arrow {
  display: none;
}

.grve-anchor-menu li a {
  border-left: 1px solid;
}

.grve-anchor-menu li:last-child a {
  border-right: 1px solid;
}

.grve-anchor-menu .grve-container ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  animation-duration: .15s;
  animation-fill-mode: both;
  animation-name: menu_animation;
}

.grve-anchor-menu .grve-container li:hover > ul.sub-menu {
  display: block;
}

.grve-anchor-menu .grve-container ul.sub-menu ul {
  top: 0;
  left: 100%;
}

/* Responsive */
.grve-anchor-responsive.grve-anchor-menu .grve-container > ul {
  display: none;
}

.grve-anchor-responsive.grve-anchor-menu ul li,
.grve-anchor-responsive.grve-anchor-menu .grve-container ul.sub-menu {
  display: block;
  position: static;
}

.grve-anchor-responsive.grve-anchor-menu .grve-container > ul > li > a {
  border-bottom: 1px solid;
  padding: 0;
}

.grve-anchor-responsive.grve-anchor-menu li a {
  border-left: none;
  border-right: none;
}

/* Sticky Anchor */
.grve-anchor-menu .grve-anchor-wrapper.grve-sticky {
  position: fixed;
  left: auto;
  width: 100%;
}

.grve-anchor-menu.grve-go-down .grve-anchor-wrapper.grve-sticky {
  transition: all .5s;
  transition-delay: .5s;
}

.grve-anchor-menu.grve-go-up .grve-anchor-wrapper.grve-sticky {
  transition-delay: .0s;
}

/* =============================================================================
- Section Navigation
============================================================================= */
#grve-section-nav {
  height: 100vh;
  bottom: 40px;
  left: 32px;
  padding-bottom: calc( 2rem + 2.571em );
  position: fixed;
  z-index: 9;
}
@media only screen and (max-width: 1200px) {
  #grve-section-nav {
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #grve-section-nav {
    left: 16px;
  }
}
#grve-section-nav .grve-line {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 12px;
  display: block;
  cursor: pointer;
}
#grve-section-nav .grve-line .grve-line-inner {
  width: 1px;
  height: 2rem;
  background-color: currentColor;
  transition: background-color 0.5s ease, transform 0.2s;
}
#grve-section-nav .grve-line:before, #grve-section-nav .grve-line:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -4px;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  padding: 4px;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.49, 1.27, 1, 1);
}
#grve-section-nav .grve-line:before {
  bottom: 0;
  transform: translateY(15px) rotate(45deg);
}
#grve-section-nav .grve-line:after {
  top: 0;
  transform: translateY(-15px) rotate(-135deg);
}
#grve-section-nav .grve-line:hover.grve-go-to-first .grve-line-inner {
  transform: translateY(-5px);
}
#grve-section-nav .grve-line:hover.grve-go-to-first:after {
  opacity: 1;
  transform: translateY(-5px) rotate(-135deg);
}
#grve-section-nav .grve-line:hover:not(.grve-go-to-first) .grve-line-inner {
  transform: translateY(5px);
}
#grve-section-nav .grve-line:hover:not(.grve-go-to-first):before {
  opacity: 1;
  transform: translateY(5px) rotate(45deg);
}
#grve-section-nav .grve-line.grve-skin-light {
  color: #ffffff;
}
#grve-section-nav .grve-line.grve-skin-dark {
  color: #000000;
}
#grve-section-nav .grve-section-nav-inner {
  position: relative;
  height: 100%;
  overflow: hidden;
}
#grve-section-nav .grve-section-slider {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  top: 100%;
  width: 1.4em;
}
#grve-section-nav a {
  color: inherit;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 2.571em;
  transition: all .5s ease;
  opacity: 0.3;
}
#grve-section-nav a:last-child {
  margin-bottom: 0;
}
#grve-section-nav a.grve-hide {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
#grve-section-nav a.active {
  opacity: 1;
}
#grve-section-nav a span {
  display: block;
  transform: rotate(-180deg);
  white-space: nowrap;
  writing-mode: vertical-rl;
  transition: color .5s ease;
}
#grve-section-nav a span.grve-skin-light {
  color: #ffffff;
}
#grve-section-nav a span.grve-skin-dark {
  color: #000000;
}

@media only screen and (max-width: 1200px) {
  #grve-theme-wrapper.grve-section-nav-hide-tablet #grve-section-nav {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  #grve-theme-wrapper.grve-section-nav-hide-tablet-sm #grve-section-nav {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #grve-theme-wrapper.grve-section-nav-hide-mobile #grve-section-nav {
    display: none;
  }
}

/* =============================================================================
- Main Content
============================================================================= */
#grve-content {
  position: relative;
  z-index: 100;
}

#grve-main-content .grve-main-content-wrapper {
  position: relative;
}

#grve-theme-content {
  position: relative;
  z-index: 2;
}

/* =============================================================================
- Footer
============================================================================= */
#grve-footer {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#grve-footer .grve-footer-wrapper {
  position: relative;
}

.grve-body:not(.grve-open-safebutton-area) #grve-footer.grve-fixed-footer {
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

#grve-footer .grve-widget-area .grve-container {
  border-bottom: 1px solid;
}

.grve-body.grve-footer-with-shadow #grve-theme-content:after {
  content: '';
  background-image: url(../images/graphics/shadow-separator.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-bottom: 6.5%;
  opacity: 0.7;
  pointer-events: none;
}

/* =============================================================================
--- Footer Grid
============================================================================= */
#grve-footer {
  /* Tablet (landscape) ----------- */
  /* Tablet (portrait) ----------- */
  /* Smartphones (landscape) ----------- */
}
#grve-footer .grve-footer-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
#grve-footer .grve-footer-column {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  z-index: 1;
}
#grve-footer .grve-footer-column.grve-footer-column-1 {
  width: 100%;
}
#grve-footer .grve-footer-column.grve-footer-column-1-2 {
  width: 50%;
}
#grve-footer .grve-footer-column.grve-footer-column-1-3 {
  width: 33.33333333%;
}
#grve-footer .grve-footer-column.grve-footer-column-1-4 {
  width: 25%;
}
#grve-footer .grve-footer-column.grve-footer-column-2-3 {
  width: 66.66666667%;
}
@media only screen and (max-width: 1200px) {
  #grve-footer .grve-footer-column {
    margin-top: 30px;
  }
  #grve-footer .grve-footer-column.grve-footer-column-1-4, #grve-footer .grve-footer-column.grve-footer-column-2-3 {
    width: 50.0%;
  }
  #grve-footer .grve-layout-footer-8 .grve-footer-column.grve-footer-column-1-2 {
    width: 50%;
  }
  #grve-footer .grve-layout-footer-8 .grve-footer-column.grve-footer-column-1-4 {
    width: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #grve-footer .grve-layout-footer-1 .grve-footer-column.grve-footer-column-1-4 {
    width: 50%;
  }
  #grve-footer .grve-layout-footer-2 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-3 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-8 .grve-footer-column.grve-footer-column-1-2 {
    width: 100%;
    order: 1;
  }
  #grve-footer .grve-layout-footer-2 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-3 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-8 .grve-footer-column.grve-footer-column-1-4 {
    width: 50%;
    order: 2;
  }
  #grve-footer .grve-layout-footer-6 .grve-footer-column.grve-footer-column-1-3, #grve-footer .grve-layout-footer-6 .grve-footer-column.grve-footer-column-2-3,
  #grve-footer .grve-layout-footer-7 .grve-footer-column.grve-footer-column-1-3,
  #grve-footer .grve-layout-footer-7 .grve-footer-column.grve-footer-column-2-3 {
    width: 50%;
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  #grve-footer .grve-layout-footer-1 .grve-footer-column.grve-footer-column-1-2, #grve-footer .grve-layout-footer-1 .grve-footer-column.grve-footer-column-1-3, #grve-footer .grve-layout-footer-1 .grve-footer-column.grve-footer-column-1-4, #grve-footer .grve-layout-footer-1 .grve-footer-column.grve-footer-column-2-3,
  #grve-footer .grve-layout-footer-2 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-2 .grve-footer-column.grve-footer-column-1-3,
  #grve-footer .grve-layout-footer-2 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-2 .grve-footer-column.grve-footer-column-2-3,
  #grve-footer .grve-layout-footer-3 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-3 .grve-footer-column.grve-footer-column-1-3,
  #grve-footer .grve-layout-footer-3 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-3 .grve-footer-column.grve-footer-column-2-3,
  #grve-footer .grve-layout-footer-4 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-4 .grve-footer-column.grve-footer-column-1-3,
  #grve-footer .grve-layout-footer-4 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-4 .grve-footer-column.grve-footer-column-2-3,
  #grve-footer .grve-layout-footer-5 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-5 .grve-footer-column.grve-footer-column-1-3,
  #grve-footer .grve-layout-footer-5 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-5 .grve-footer-column.grve-footer-column-2-3,
  #grve-footer .grve-layout-footer-6 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-6 .grve-footer-column.grve-footer-column-1-3,
  #grve-footer .grve-layout-footer-6 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-6 .grve-footer-column.grve-footer-column-2-3,
  #grve-footer .grve-layout-footer-7 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-7 .grve-footer-column.grve-footer-column-1-3,
  #grve-footer .grve-layout-footer-7 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-7 .grve-footer-column.grve-footer-column-2-3,
  #grve-footer .grve-layout-footer-8 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-8 .grve-footer-column.grve-footer-column-1-3,
  #grve-footer .grve-layout-footer-8 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-8 .grve-footer-column.grve-footer-column-2-3,
  #grve-footer .grve-layout-footer-9 .grve-footer-column.grve-footer-column-1-2,
  #grve-footer .grve-layout-footer-9 .grve-footer-column.grve-footer-column-1-3,
  #grve-footer .grve-layout-footer-9 .grve-footer-column.grve-footer-column-1-4,
  #grve-footer .grve-layout-footer-9 .grve-footer-column.grve-footer-column-2-3 {
    width: 100%;
  }
}

.grve-body.grve-boxed #grve-footer.grve-fixed-footer {
  max-width: 1220px;
}

#grve-footer .grve-widget-area:last-child .grve-container {
  border-bottom: none;
}

#grve-footer .grve-widget-area.grve-fullwidth > .grve-container {
  width: 100%;
  max-width: 100%;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

/* =============================================================================
--- Footer Bar
============================================================================= */
#grve-footer .grve-footer-bar {
  position: relative;
  z-index: 3;
}
#grve-footer .grve-footer-bar ul {
  margin: 0;
  list-style: none;
}
#grve-footer .grve-footer-bar ul li {
  display: inline-block;
}
#grve-footer .grve-footer-bar .grve-bar-content {
  font-size: 13px;
  line-height: 2.000em;
}
#grve-footer .grve-footer-bar .grve-footer-column {
  margin-top: 0;
}
#grve-footer .grve-footer-bar.grve-align-center .grve-column-content {
  text-align: center;
}
#grve-footer .grve-footer-bar.grve-align-center .grve-footer-column + .grve-footer-column {
  margin-top: 6px;
}
#grve-footer .grve-footer-bar.grve-fullwidth .grve-container {
  width: 100%;
  max-width: 100%;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
#grve-footer .grve-footer-bar .grve-social li:first-child {
  margin: 0;
}
@media only screen and (max-width: 1023px) {
  #grve-footer .grve-footer-bar .grve-footer-row {
    flex-direction: column;
  }
  #grve-footer .grve-footer-bar .grve-footer-column {
    width: 100%;
  }
  #grve-footer .grve-footer-bar .grve-footer-column + .grve-footer-column {
    margin-top: 6px;
  }
  #grve-footer .grve-footer-bar .grve-column-content {
    text-align: center;
  }
}

/* =============================================================================
- Isotope
============================================================================= */
.grve-isotope .grve-isotope-container {
  visibility: hidden;
  width: 100%;
}
.grve-isotope .grve-isotope-container .grve-isotope-item {
  z-index: 1;
}
.grve-isotope .grve-isotope-container .grve-isotope-item:hover {
  z-index: 3;
}
.grve-isotope .grve-grid-sizer {
  width: 50%;
}
.grve-isotope .grve-infinite-pagination {
  display: none;
}
.grve-isotope .grve-infinite-button-wrapper {
  text-align: center;
}
.grve-isotope .grve-infinite-button-wrapper .grve-infinite-button {
  margin-top: 6%;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
  position: relative;
  position: relative;
}
.grve-isotope .grve-infinite-button-wrapper .grve-infinite-button:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 0.143em;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-isotope .grve-infinite-button-wrapper .grve-infinite-button:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-isotope .grve-infinite-button-wrapper .grve-infinite-button.grve-is-loading {
  animation: grve_infinite_anim 0.4s infinite ease-in-out both;
}
.grve-isotope .grve-infinite-page-load {
  display: none;
  /* hidden by default */
  text-align: center;
  margin-top: 6%;
}
.grve-isotope .grve-infinite-page-load .grve-loader-ellips {
  position: relative;
  width: 88px;
  height: 4px;
  margin: 0 auto;
}
.grve-isotope .grve-infinite-page-load .grve-loader-ellips .grve-loader-ellips-dot {
  display: block;
  width: 24px;
  height: 2px;
  border-radius: 0.5em;
  border: 2px solid;
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.grve-isotope .grve-infinite-page-load .grve-loader-ellips .grve-loader-ellips-dot:nth-child(1), .grve-isotope .grve-infinite-page-load .grve-loader-ellips .grve-loader-ellips-dot:nth-child(2) {
  left: 0;
}
.grve-isotope .grve-infinite-page-load .grve-loader-ellips .grve-loader-ellips-dot:nth-child(3) {
  left: 32px;
}
.grve-isotope .grve-infinite-page-load .grve-loader-ellips .grve-loader-ellips-dot:nth-child(4) {
  left: 64px;
}
.grve-isotope .grve-infinite-page-load .grve-loader-ellips .grve-loader-ellips-dot:nth-child(2), .grve-isotope .grve-infinite-page-load .grve-loader-ellips .grve-loader-ellips-dot:nth-child(3) {
  animation-name: slide;
}
.grve-isotope:not([data-animation="none"]) .grve-isotope-item-inner {
  visibility: hidden;
}

@keyframes grve_infinite_anim {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
@keyframes slide {
  to {
    transform: translateX(32px);
  }
}
/* =============================================================================
--- Isotope Filters
============================================================================= */
.grve-filter {
  margin-bottom: 3.750rem;
  user-select: none;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .grve-filter {
    display: none;
  }
}
.grve-filter ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.grve-filter ul li {
  margin-bottom: 0.250rem;
}
.grve-filter ul li:not(.selected) {
  cursor: pointer;
  transition: all .3s;
}
.grve-filter.grve-align-right ul {
  justify-content: flex-end;
}
.grve-filter.grve-filter-style-simple li {
  margin-right: 3%;
}
@media only screen and (max-width: 1023px) {
  .grve-filter.grve-filter-style-simple li {
    margin-right: 8%;
  }
}
.grve-filter.grve-filter-style-simple li:last-child {
  margin-right: 0;
}
.grve-filter.grve-filter-style-simple li span {
  position: relative;
}
.grve-filter.grve-filter-style-simple li span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 0.143em;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-filter.grve-filter-style-simple li span:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-filter.grve-filter-style-simple li.selected span:after {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-filter.grve-align-center ul {
  justify-content: center;
}
.grve-filter.grve-filter-style-classic li + li {
  margin-left: 3%;
}
.grve-filter.grve-filter-style-button li + li {
  margin-left: 2%;
}
.grve-filter.grve-filter-style-button li {
  line-height: 1.2;
  background-color: transparent;
  color: inherit;
}
.grve-filter.grve-filter-style-button li span {
  display: block;
  padding: 6px 12px;
}
.grve-filter.grve-filter-style-button li.selected {
  transition: all .3s;
}
.grve-filter.grve-filter-style-button.grve-filter-shape-round li {
  border-radius: 3px;
}
.grve-filter.grve-filter-style-button.grve-filter-shape-extra-round li {
  border-radius: 50px;
}
.grve-filter.grve-filter-style-splitted li:first-child {
  flex: 1;
}
.grve-filter.grve-filter-style-splitted li + li {
  margin-left: 3%;
}
.grve-filter.grve-filter-style-splitted li span {
  position: relative;
}
.grve-filter.grve-filter-style-splitted li span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top-width: 0.143em;
  border-top-style: solid;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grve-filter.grve-filter-style-splitted li span:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-filter.grve-filter-style-splitted li.selected span:after {
  transform: scaleX(1);
  transform-origin: left center;
}
.grve-filter.grve-filter-style-count {
  overflow: visible;
}
.grve-filter.grve-filter-style-count li + li {
  margin-left: 3%;
}
.grve-filter.grve-filter-style-count li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.grve-filter.grve-filter-style-count li .grve-count {
  margin-left: 5px;
  margin-top: -2px;
  min-width: 18px;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  padding: 0 4px;
  background-color: rgba(214, 214, 214, 0.15);
  border-radius: 10px;
  transition: all .3s ease;
}
.grve-filter.grve-filter-style-count li.selected .grve-count {
  color: #ffffff;
}

.grve-section.grve-fullwidth .grve-filter {
  padding: 0 2.000rem;
}

select.grve-filters-select {
  margin-bottom: 3.750rem;
  border: none;
  border-bottom: 1px solid;
  padding-left: 0;
  display: none;
}
@media only screen and (max-width: 1023px) {
  select.grve-filters-select {
    display: block;
  }
}

/* =============================================================================
- Background Image
============================================================================= */
.grve-background-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: inherit;
}

.grve-bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity .4s ease;
}

/* Pattern Bg */
.grve-bg-pattern .grve-bg-image {
  background-repeat: repeat;
  background-size: inherit;
}

/* Fixed Bg */
.grve-bg-fixed > .grve-background-wrapper .grve-bg-image {
  clip: rect(auto, auto, auto, auto);
}

.grve-bg-fixed > .grve-background-wrapper .grve-bg-image:before {
  content: '';
  background-image: inherit;
  background-repeat: inherit;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: inherit;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

/* Animated Bg */
#grve-feature-section.grve-bg-animated .grve-bg-image,
#grve-feature-section.grve-bg-animated .grve-bg-video,
.grve-bg-animated .grve-bg-image,
.grve-bg-animated .grve-bg-video {
  transform: scale(1);
  transition: transform 20s ease, opacity 0.4s;
}

#grve-feature-section.grve-bg-animated:hover .grve-bg-image,
#grve-feature-section.grve-bg-animated:hover .grve-bg-video,
.grve-bg-animated.zoom .grve-bg-image,
.grve-bg-animated.zoom .grve-bg-video {
  transform: scale(1.4);
}

.grve-bg-horizontal .grve-bg-image {
  background-size: contain;
}

.grve-bg-image.show {
  opacity: 1;
}

.grve-bg-image.lazyloaded {
  opacity: 1;
}

/* Background Positions */
.grve-bg-image.grve-bg-left-top {
  background-position: left top;
}

.grve-bg-image.grve-bg-left-center {
  background-position: left center;
}

.grve-bg-image.grve-bg-left-bottom {
  background-position: left bottom;
}

.grve-bg-image.grve-bg-center-top {
  background-position: center top;
}

.grve-bg-image.grve-bg-center-center {
  background-position: center center;
}

.grve-bg-image.grve-bg-center-bottom {
  background-position: center bottom;
}

.grve-bg-image.grve-bg-right-top {
  background-position: right top;
}

.grve-bg-image.grve-bg-right-center {
  background-position: right center;
}

.grve-bg-image.grve-bg-right-bottom {
  background-position: right bottom;
}

@media only screen and (max-width: 1023px) {
  .grve-bg-image.grve-bg-tablet-sm-left-top {
    background-position: left top;
  }

  .grve-bg-image.grve-bg-tablet-sm-left-center {
    background-position: left center;
  }

  .grve-bg-image.grve-bg-tablet-sm-left-bottom {
    background-position: left bottom;
  }

  .grve-bg-image.grve-bg-tablet-sm-center-top {
    background-position: center top;
  }

  .grve-bg-image.grve-bg-tablet-sm-center-center {
    background-position: center center;
  }

  .grve-bg-image.grve-bg-tablet-sm-center-bottom {
    background-position: center bottom;
  }

  .grve-bg-image.grve-bg-tablet-sm-right-top {
    background-position: right top;
  }

  .grve-bg-image.grve-bg-tablet-sm-right-center {
    background-position: right center;
  }

  .grve-bg-image.grve-bg-tablet-sm-right-bottom {
    background-position: right bottom;
  }
}
/* =============================================================================
- Background Image Sizes
============================================================================= */
.grve-bg-wrapper {
  position: relative;
}

.grve-bg-wrapper:before {
  display: block;
  content: '';
}

.grve-bg-wrapper.grve-full-size {
  height: 100%;
}

.grve-bg-wrapper.grve-custom-size {
  padding-bottom: 75%;
}

.grve-bg-wrapper.grve-large-rect-horizontal {
  padding-bottom: 56.239316%;
}

.grve-bg-wrapper.grve-small-square {
  padding-bottom: 100%;
}

.grve-bg-wrapper.grve-small-rect-horizontal {
  padding-bottom: 75%;
}

.grve-bg-wrapper.grve-small-rect-horizontal-wide {
  padding-bottom: 56.25%;
}

.grve-bg-wrapper.grve-small-rect-vertical {
  padding-bottom: 133.3333333%;
}

.grve-bg-wrapper.grve-medium-rect-vertical {
  padding-bottom: 200%;
}

.grve-bg-wrapper.grve-medium-square {
  padding-bottom: 100%;
}

/* =============================================================================
- Background Video
============================================================================= */
.grve-bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
}
.grve-bg-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  object-fit: cover;
}

.grve-yt-bg-video {
  pointer-events: none;
}

.grve-background-wrapper .grve-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}

.grve-background-wrapper .grve-icon-left-top {
  top: 45px;
  left: 45px;
}

.grve-background-wrapper .grve-icon-right-top {
  top: 45px;
  left: initial;
  right: 15px;
}

.grve-background-wrapper .grve-icon-left-bottom {
  top: initial;
  left: 45px;
  bottom: 15px;
}

.grve-background-wrapper .grve-icon-right-bottom {
  top: initial;
  left: initial;
  right: 15px;
  bottom: 15px;
}

/* =============================================================================
- Background Overlay
============================================================================= */
.grve-bg-overlay,
.grve-hover-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity .3s;
}

.grve-hover-item .grve-hover-overlay {
  opacity: 0;
}

.grve-opacity-0,
.grve-hover-item.hover .grve-opacity-0 {
  opacity: 0;
}

.grve-opacity-10,
.grve-hover-item.hover .grve-opacity-10 {
  opacity: 0.1;
}

.grve-opacity-15,
.grve-hover-item.hover .grve-opacity-15 {
  opacity: 0.15;
}

.grve-opacity-20,
.grve-hover-item.hover .grve-opacity-20 {
  opacity: 0.2;
}

.grve-opacity-25,
.grve-hover-item.hover .grve-opacity-25 {
  opacity: 0.25;
}

.grve-opacity-30,
.grve-hover-item.hover .grve-opacity-30 {
  opacity: 0.3;
}

.grve-opacity-35,
.grve-hover-item.hover .grve-opacity-35 {
  opacity: 0.35;
}

.grve-opacity-40,
.grve-hover-item.hover .grve-opacity-40 {
  opacity: 0.4;
}

.grve-opacity-45,
.grve-hover-item.hover .grve-opacity-45 {
  opacity: 0.45;
}

.grve-opacity-50,
.grve-hover-item.hover .grve-opacity-50 {
  opacity: 0.5;
}

.grve-opacity-55,
.grve-hover-item.hover .grve-opacity-55 {
  opacity: 0.55;
}

.grve-opacity-60,
.grve-hover-item.hover .grve-opacity-60 {
  opacity: 0.6;
}

.grve-opacity-65,
.grve-hover-item.hover .grve-opacity-65 {
  opacity: 0.65;
}

.grve-opacity-70,
.grve-hover-item.hover .grve-opacity-70 {
  opacity: 0.7;
}

.grve-opacity-75,
.grve-hover-item.hover .grve-opacity-75 {
  opacity: 0.75;
}

.grve-opacity-80,
.grve-hover-item.hover .grve-opacity-80 {
  opacity: 0.8;
}

.grve-opacity-85,
.grve-hover-item.hover .grve-opacity-85 {
  opacity: 0.85;
}

.grve-opacity-90,
.grve-hover-item.hover .grve-opacity-90 {
  opacity: 0.9;
}

.grve-opacity-95,
.grve-hover-item.hover .grve-opacity-95 {
  opacity: 0.95;
}

.grve-opacity-100,
.grve-hover-item.hover .grve-opacity-100 {
  opacity: 1;
}

/* Patterns & Overlays */
.grve-pattern {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  background-image: url(../images/graphics/pattern.png);
  background-repeat: repeat;
}

/* =============================================================================
- Page Overlay
============================================================================= */
.grve-body-overlay {
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  cursor: pointer;
  z-index: 9999;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

/* =============================================================================
- Background Change On Scroll
============================================================================= */
.page-template-template-skin-on-scroll-effect #grve-theme-content {
  z-index: auto;
}
.page-template-template-skin-on-scroll-effect #grve-theme-content .grve-section > .grve-background-wrapper {
  display: none;
}
.page-template-template-skin-on-scroll-effect #grve-top-bar {
  z-index: 3;
}

#grve-helper-bg-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
#grve-helper-bg-wrapper .grve-helper-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: 0;
  will-change: opacity;
  display: none;
}
#grve-helper-bg-wrapper .grve-helper-bg .grve-background-wrapper {
  display: block;
}
#grve-helper-bg-wrapper .grve-helper-bg.active:not(.show) {
  display: block;
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-name: grve_helper_bg_anim;
  z-index: 2;
}
#grve-helper-bg-wrapper .grve-helper-bg.previous {
  opacity: 1;
  z-index: 1;
  display: block;
}
#grve-helper-bg-wrapper .grve-helper-bg.show {
  opacity: 1;
  z-index: 1;
  display: block;
}
#grve-helper-bg-wrapper .grve-helper-bg .grve-bg-image {
  opacity: 1;
}
#grve-helper-bg-wrapper .grve-helper-bg .elementor-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

@keyframes grve_helper_bg_anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.grve-section.grve-remove-bg-image > .grve-background-wrapper {
  display: none;
}

.grve-bg-transparent {
  background: transparent !important;
}

#grve-content.grve-skin-effect .grve-section,
#grve-content.grve-skin-effect .elementor-section {
  transition: color 1s;
}
#grve-content.grve-skin-effect .grve-section h1, #grve-content.grve-skin-effect .grve-section h2, #grve-content.grve-skin-effect .grve-section h3, #grve-content.grve-skin-effect .grve-section h4, #grve-content.grve-skin-effect .grve-section h5, #grve-content.grve-skin-effect .grve-section h6, #grve-content.grve-skin-effect .grve-section .elementor-widget-text-editor p,
#grve-content.grve-skin-effect .elementor-section h1,
#grve-content.grve-skin-effect .elementor-section h2,
#grve-content.grve-skin-effect .elementor-section h3,
#grve-content.grve-skin-effect .elementor-section h4,
#grve-content.grve-skin-effect .elementor-section h5,
#grve-content.grve-skin-effect .elementor-section h6,
#grve-content.grve-skin-effect .elementor-section .elementor-widget-text-editor p {
  transition: color 1s;
}

/* =============================================================================
- Section Separators
============================================================================= */
.grve-separator-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 0;
  overflow: hidden;
}

.grve-separator-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 0;
  overflow: hidden;
}

.grve-separator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grve-separator-top .grve-separator {
  top: -2px;
  bottom: auto;
  transform: scale(-1);
}

.grve-separator-bottom .grve-separator {
  top: auto;
  bottom: -2px;
}

/* Round Split Separator */
.grve-separator-top .grve-separator.grve-round-split-separator {
  top: -2px;
}

.grve-separator-bottom .grve-separator.grve-round-split-separator {
  bottom: -2px;
}

.grve-separator-top .grve-separator.grve-round-split-separator {
  left: 50%;
  transform: translateX(-50%) scale(-1);
}

.grve-separator-bottom .grve-separator.grve-round-split-separator {
  left: 50%;
  transform: translateX(-50%);
}

/* Tablet Landscape ----------- */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
  #grve-theme-wrapper .grve-separator-top.grve-hide-tablet,
  #grve-theme-wrapper .grve-separator-bottom.grve-hide-tablet {
    display: none;
  }
}
/* Tablet Portrait ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #grve-theme-wrapper .grve-separator-top.grve-hide-tablet-sm,
  #grve-theme-wrapper .grve-separator-bottom.grve-hide-tablet-sm {
    display: none;
  }
}
/* Mobile ----------- */
@media screen and (max-width: 767px) {
  #grve-theme-wrapper .grve-separator-top.grve-hide-mobile,
  #grve-theme-wrapper .grve-separator-bottom.grve-hide-mobile {
    display: none;
  }
}
/* =============================================================================
- Feature Section Separators
============================================================================= */
#grve-feature-section .grve-separator-bottom {
  z-index: 2;
  pointer-events: none;
}

#grve-feature-section.grve-with-map .grve-separator-bottom {
  z-index: 6;
}

/* =============================================================================
- Testimonial Settings
============================================================================= */
.grve-testimonial-carousel .grve-classic-carousel .grve-carousel-stage {
  align-items: flex-start;
}
.grve-testimonial-carousel .grve-classic-carousel .grve-carousel-stage .grve-carousel-item {
  height: auto;
}
.grve-testimonial-carousel .grve-carousel-pagination {
  justify-content: flex-start;
}
.grve-testimonial-carousel .grve-thumb-pagination {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-2 .grve-pagination-item {
  zoom: 1;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-2 .grve-pagination-item img {
  width: 70px;
  border-radius: 100%;
  transition: all .3s ease;
  transform: scale(0.5);
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-2 .grve-pagination-item.active img, .grve-testimonial-carousel .grve-thumb-pagination.grve-style-2 .grve-pagination-item:hover img {
  transform: scale(0.7);
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-3 {
  display: flex;
  flex-direction: row;
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-3 .grve-pagination-item {
  zoom: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  overflow: hidden;
  transition: all .3s ease;
  max-width: 50px;
  overflow: hidden;
  transition: max-width .8s ease;
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-3 .grve-pagination-item + .grve-pagination-item {
  margin-left: 18px;
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-3 .grve-pagination-item.active {
  max-width: 100%;
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-3 .grve-pagination-item img {
  width: 70px;
  min-width: 70px;
  border-radius: 100%;
  transform: scale(0.7);
  transform-origin: left;
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-3 .grve-pagination-item .grve-pagination-content {
  margin-left: -10px;
  padding-right: 18px;
}
.grve-testimonial-carousel .grve-thumb-pagination.grve-style-3 .grve-pagination-item .grve-pagination-content span {
  display: block;
  text-align: left;
  white-space: nowrap;
}

.grve-align-left .grve-thumb-pagination,
.grve-testimonial-carousel .grve-thumb-pagination.grve-align-left,
.grve-align-left .grve-carousel-pagination {
  justify-content: flex-start;
}

.grve-align-center .grve-thumb-pagination,
.grve-testimonial-carousel .grve-thumb-pagination.grve-align-center,
.grve-align-center .grve-carousel-pagination {
  justify-content: center;
}

.grve-align-right .grve-thumb-pagination,
.grve-testimonial-carousel .grve-thumb-pagination.grve-align-right,
.grve-align-right .grve-carousel-pagination {
  justify-content: flex-end;
}

.grve-testimonial-item.grve-style-1, .grve-testimonial-item.grve-style-2 {
  padding-bottom: 18px;
}
.grve-testimonial-item.grve-style-1 .grve-testimonial-thumb, .grve-testimonial-item.grve-style-2 .grve-testimonial-thumb {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 36px;
  max-width: 120px;
}
.grve-testimonial-item.grve-style-1 .grve-testimonial-thumb img, .grve-testimonial-item.grve-style-2 .grve-testimonial-thumb img {
  width: 100%;
  border-radius: 100%;
}
.grve-testimonial-item.grve-style-1 .grve-testimonial-content, .grve-testimonial-item.grve-style-2 .grve-testimonial-content {
  display: block;
}
.grve-testimonial-item.grve-style-1 .grve-testimonial-content .grve-title, .grve-testimonial-item.grve-style-2 .grve-testimonial-content .grve-title {
  margin-bottom: 30px;
}
.grve-testimonial-item.grve-style-1 .grve-testimonial-content .grve-testimonial-meta span, .grve-testimonial-item.grve-style-2 .grve-testimonial-content .grve-testimonial-meta span {
  display: block;
  margin-bottom: 0;
  line-height: 1;
}
.grve-testimonial-item.grve-style-1 .grve-testimonial-content .grve-testimonial-meta span + span, .grve-testimonial-item.grve-style-2 .grve-testimonial-content .grve-testimonial-meta span + span {
  margin-top: 8px;
}
.grve-testimonial-item.grve-style-3 .grve-testimonial-content {
  display: block;
}
.grve-testimonial-item.grve-style-3 .grve-testimonial-content .grve-title {
  margin-bottom: 30px;
}
.grve-testimonial-item.grve-style-4 {
  text-align: left;
  padding: 15% 10%;
}
.grve-testimonial-item.grve-style-4 .grve-testimonial-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grve-testimonial-item.grve-style-4 .grve-rating {
  margin-bottom: 18px;
}
.grve-testimonial-item.grve-style-4 .grve-testimonial-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 30px;
}
.grve-testimonial-item.grve-style-4 .grve-testimonial-meta img {
  width: 70px;
  min-width: 70px;
  border-radius: 100%;
  transform: scale(0.7);
  transform-origin: left;
}
.grve-testimonial-item.grve-style-4 .grve-testimonial-meta .grve-testimonial-thumb + .grve-testimonial-name-wrapper {
  margin-left: -10px;
}
.grve-testimonial-item.grve-style-4 .grve-testimonial-meta .grve-testimonial-name-wrapper {
  padding-right: 18px;
}
.grve-testimonial-item.grve-style-4 .grve-testimonial-meta .grve-testimonial-name-wrapper span {
  display: block;
  text-align: left;
  white-space: nowrap;
}
.grve-testimonial-item.grve-style-5 {
  text-align: center;
  padding: 15% 10%;
}
.grve-testimonial-item.grve-style-5 .grve-testimonial-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grve-testimonial-item.grve-style-5 .grve-testimonial-thumb {
  display: block;
  margin-bottom: 30px;
}
.grve-testimonial-item.grve-style-5 .grve-testimonial-thumb img {
  max-width: 90px;
  border-radius: 100%;
  display: block;
  margin: 0 auto;
}
.grve-testimonial-item.grve-style-5 .grve-testimonial-meta {
  margin-top: 30px;
}
.grve-testimonial-item.grve-style-5 .grve-testimonial-meta span {
  display: block;
}
.grve-testimonial-item.grve-style-5 .grve-testimonial-meta .grve-rating {
  margin: 30px auto 0 auto;
}
.grve-testimonial-item.grve-style-5 .grve-testimonial-meta .grve-rating .grve-level {
  margin: 0 auto;
}

.grve-testimonial-item .grve-rating {
  width: 84px;
  height: 11px;
}
.grve-testimonial-item .grve-rating .grve-level {
  overflow: hidden;
}
.grve-testimonial-item .grve-rating svg {
  display: block;
  fill: #FFCD53;
}

/* =============================================================================
- Events
============================================================================= */
.grve-event-item {
  position: relative;
}
.grve-event-item .grve-event-media {
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}
.grve-event-item .tribe-events-event-cost {
  color: #000000;
  background-color: #F6F7FA;
  display: inline-block;
  vertical-align: top;
  padding: 4px 8px;
  border-radius: 2px;
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.3);
  position: relative;
  top: 1.500rem;
  right: 1.500rem;
  margin-bottom: 2.000rem;
  text-align: right;
}
.grve-event-item .grve-event-media + .tribe-events-event-cost {
  position: absolute;
  z-index: 10;
  margin: 0;
  background-color: #ffffff;
}
.grve-event-item .grve-event-exerpt {
  margin-top: 18px;
}
.grve-event-item .tribe-event-schedule-details {
  margin-top: 18px;
}
.grve-event-item .tribe-event-schedule-details:before {
  content: '';
  display: block;
  opacity: 0.1;
  padding-bottom: 18px;
  border-top: 1px solid currentColor;
}

/* =============================================================================
- Event Section Containers
============================================================================= */
#tribe-events-pg-template {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
#tribe-events-pg-template .tribe-events-single > .tribe_events {
  overflow: visible;
}
#tribe-events-pg-template #grve-single-content .grve-section:not(.grve-container-width) {
  margin-left: calc((-100vw + 100%)/2);
  margin-right: calc((-100vw + 100%)/2);
}
#tribe-events-pg-template #grve-single-content .grve-section.grve-container-width {
  width: auto;
}

/* =============================================================================
- Event Bar Form
============================================================================= */
#tribe-events-bar {
  margin-bottom: 60px;
}
#tribe-events-bar #tribe-bar-form {
  background: transparent;
  margin: 0;
  position: relative;
  width: 100%;
}
#tribe-events-bar .tribe-bar-views-inner {
  background-color: transparent;
}
#tribe-events-bar #tribe-bar-views-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#tribe-events-bar #tribe-bar-views-toggle:focus, #tribe-events-bar #tribe-bar-views-toggle:hover {
  background-color: transparent;
  outline: none;
}
#tribe-events-bar #tribe-bar-views .tribe-bar-views-list {
  outline: none;
  background-color: #f7f7f7;
  padding: 0;
}
#tribe-events-bar #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#tribe-events-bar #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option:hover, #tribe-events-bar #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active {
  background-color: #edecec;
}

/* =============================================================================
- Events List Overview
============================================================================= */
#grve-tribe-events-list .grve-event-item-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10%;
}
#grve-tribe-events-list .grve-event-item-inner .grve-media,
#grve-tribe-events-list .grve-event-item-inner .grve-post-content-wrapper {
  flex-basis: 45%;
  max-width: 45%;
}
#grve-tribe-events-list .grve-event-item-inner .grve-tribe-events-event-cost {
  color: #000000;
  background-color: #F6F7FA;
  display: inline-block;
  vertical-align: top;
  padding: 4px 8px;
  border-radius: 2px;
  margin-bottom: 1.500rem;
}
#grve-tribe-events-list .grve-event-item-inner .grve-tribe-events-list-event-title a {
  transition: color .3s ease;
}
#grve-tribe-events-list .grve-event-item-inner .grve-read-more {
  color: inherit;
}
#grve-tribe-events-list .grve-event-item-inner .grve-read-more:hover svg {
  transform: translateX(0);
}
#grve-tribe-events-list .grve-event-item-inner .grve-read-more:hover .grve-arrow-line {
  transform: scaleX(1);
  transform-origin: right center;
}

#grve-tribe-events-list .tribe-event-featured,
#grve-tribe-events-day .tribe-event-featured,
#grve-tribe-events-map .tribe-event-featured {
  background-color: transparent;
}
#grve-tribe-events-list .tribe-event-featured .grve-event-item-inner,
#grve-tribe-events-day .tribe-event-featured .grve-event-item-inner,
#grve-tribe-events-map .tribe-event-featured .grve-event-item-inner {
  color: inherit;
  background-color: #ffffff;
  border: 1px solid #f7f7f7;
  padding: 3%;
  box-shadow: 0 15px 50px -10px rgba(0, 0, 0, 0.1);
}
#grve-tribe-events-list .tribe-event-featured .event-is-recurring,
#grve-tribe-events-day .tribe-event-featured .event-is-recurring,
#grve-tribe-events-map .tribe-event-featured .event-is-recurring {
  color: inherit;
}
#grve-tribe-events-list .tribe-event-featured .event-is-recurring:hover,
#grve-tribe-events-day .tribe-event-featured .event-is-recurring:hover,
#grve-tribe-events-map .tribe-event-featured .event-is-recurring:hover {
  color: inherit;
}

#grve-main-content .tribe-common .tribe-common-l-container {
  padding-left: 0;
  padding-right: 0;
}

/* =============================================================================
- Event Single
============================================================================= */
#grve-theme-wrapper .tribe-events-single-section + .tribe-events-single-section {
  border-top: 1px solid #f1f1f1;
}
#grve-theme-wrapper #tribe-events-content {
  margin-bottom: 0;
  padding: 0;
}
#grve-theme-wrapper a.tribe-events-gcal,
#grve-theme-wrapper a.tribe-events-ical {
  color: inherit;
  background-color: transparent;
}
#grve-theme-wrapper .tribe-events-single-event-title,
#grve-theme-wrapper .tribe-events-schedule .recurringinfo,
#grve-theme-wrapper .tribe-events-schedule h2,
#grve-theme-wrapper .tribe-related-event-info .recurringinfo,
#grve-theme-wrapper .tribe-events-schedule .recurringinfo,
#grve-theme-wrapper .tribe-events-schedule .tribe-events-cost,
#grve-theme-wrapper .tribe-events-content,
#grve-theme-wrapper .tribe-events-event-meta,
#grve-theme-wrapper .tribe-events-meta-group .tribe-events-single-section-title {
  color: inherit;
  font-family: inherit;
}

/* =============================================================================
--- Split Text
============================================================================= */
.grve-split-text .grve-split-inner {
  overflow: hidden;
  display: inline-block;
}
.grve-split-text .grve-split-inner span {
  opacity: 1;
  transform: translateY(100%);
  display: inline-block;
  transition: all 0.3s cubic-bezier(0.33, -0.15, 0.04, 1.26);
}
.grve-split-text .grve-split-inner.whitespace, .grve-split-text .grve-split-inner.whitespace span {
  display: initial;
}
.grve-split-text .grve-char {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}
.grve-split-text .grve-char span {
  visibility: hidden;
  display: inline-block;
  vertical-align: bottom;
}
.grve-split-text .grve-char.grve-break-space, .grve-split-text .grve-char.grve-break-space span {
  display: initial;
}

.grve-hover-item:hover .grve-split-text .grve-split-inner span {
  transform: translateY(0);
}

/* =============================================================================
- Go to Section
============================================================================= */
#grve-feature-section .grve-goto-section-wrapper {
  position: absolute;
  width: 100%;
  pointer-events: none;
  left: 0;
  bottom: 2.000rem;
  z-index: 100;
}
#grve-feature-section .grve-goto-section-wrapper .grve-goto-section {
  pointer-events: visible;
  cursor: pointer;
}
#grve-feature-section .grve-goto-section-wrapper .grve-goto-section svg {
  fill: currentColor;
  transition: all .3s;
  display: block;
}
#grve-feature-section .grve-goto-section-wrapper .grve-goto-section:not(.grve-goto-section-text) {
  display: inline-block;
}
#grve-feature-section .grve-goto-section-wrapper .grve-goto-section:not(.grve-goto-section-text):hover svg {
  transform: translateY(10px);
}
#grve-feature-section .grve-goto-section-wrapper .grve-goto-section.grve-goto-section-text {
  white-space: nowrap;
  display: inline-block;
}
#grve-feature-section .grve-goto-section-wrapper .grve-goto-section.grve-goto-section-text:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 60px;
  border-right: 1px solid;
  bottom: calc(100% + 24px);
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.12, 0.75, 0.4, 1);
}
#grve-feature-section .grve-goto-section-wrapper .grve-goto-section.grve-goto-section-text:hover:before {
  height: 0px;
}
#grve-feature-section .grve-goto-section-wrapper.grve-arrow-left {
  text-align: left;
}
#grve-feature-section .grve-goto-section-wrapper.grve-arrow-left .grve-goto-section-text:before {
  left: 1px;
}
#grve-feature-section .grve-goto-section-wrapper.grve-arrow-center {
  text-align: center;
}
#grve-feature-section .grve-goto-section-wrapper.grve-arrow-center .grve-goto-section-text:before {
  left: 50%;
  margin-left: -1px;
}
#grve-feature-section .grve-goto-section-wrapper.grve-arrow-right {
  text-align: right;
}
#grve-feature-section .grve-goto-section-wrapper.grve-arrow-right .grve-goto-section-text:before {
  right: 0px;
}
@media only screen and (max-width: 767px) {
  #grve-feature-section .grve-goto-section-wrapper {
    display: none;
  }
}

/* =============================================================================
- Back to Top
============================================================================= */
.grve-back-top {
  position: fixed;
  width: 2.500rem;
  height: 2.500rem;
  right: 1.500rem;
  bottom: 2.000rem;
  text-align: center;
  z-index: 900;
  overflow: hidden;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.grve-back-top .grve-arrow-wrapper {
  height: inherit;
  width: inherit;
  cursor: pointer;
  position: relative;
  transition: all .3s ease;
}
.grve-back-top .grve-arrow-wrapper svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.grve-back-top .grve-arrow-wrapper.grve-with-shape {
  transform: scale(0);
}
.grve-back-top .grve-arrow-wrapper.grve-no-shape {
  transform: translateY(100%);
}
.grve-back-top .grve-arrow-wrapper.grve-no-shape svg {
  transition: all .5s ease;
  fill: currentColor;
}
.grve-back-top .grve-arrow-wrapper.grve-no-shape.grve-skin-light svg {
  fill: #ffffff;
}
.grve-back-top .grve-arrow-wrapper.grve-no-shape.grve-skin-dark svg {
  fill: #000000;
}
.grve-back-top.show .grve-arrow-wrapper {
  pointer-events: visible;
}
.grve-back-top.show .grve-arrow-wrapper.grve-with-shape {
  transform: scale(1);
}
.grve-back-top.show .grve-arrow-wrapper.grve-no-shape {
  transform: translateY(30%);
}
.grve-back-top.show .grve-arrow-wrapper.grve-no-shape:hover {
  transform: translateY(0);
}
@media only screen and (max-width: 1023px) {
  .grve-back-top {
    right: 0.375rem;
  }
}
@media only screen and (max-width: 767px) {
  .grve-back-top {
    width: 2.000rem;
    height: 2.000rem;
  }
  .grve-back-top .grve-arrow-wrapper svg {
    height: 2.000rem;
  }
}

body.grve-modal-open .grve-back-top,
body.grve-responsivemenu-open .grve-back-top,
body.grve-offcanvas-open .grve-back-top {
  display: none;
}

/* =============================================================================
- Basic Shapes ( Round - Extra Round - Circle )
============================================================================= */
.grve-round {
  border-radius: 3px;
  overflow: hidden;
}

.grve-extra-round {
  border-radius: 50px;
  overflow: hidden;
}

.grve-circle,
.grve-radius-circle {
  border-radius: 100%;
  overflow: hidden;
}

.grve-radius-3 {
  border-radius: 3px;
  overflow: hidden;
}

.grve-radius-5 {
  border-radius: 5px;
  overflow: hidden;
}

.grve-radius-10 {
  border-radius: 10px;
  overflow: hidden;
}

.grve-radius-15 {
  border-radius: 15px;
  overflow: hidden;
}

.grve-radius-20 {
  border-radius: 20px;
  overflow: hidden;
}

.grve-radius-25 {
  border-radius: 25px;
  overflow: hidden;
}

.grve-radius-30 {
  border-radius: 30px;
  overflow: hidden;
}

.grve-radius-35 {
  border-radius: 35px;
  overflow: hidden;
}

.grve-radius-40 {
  border-radius: 40px;
  overflow: hidden;
}

.grve-radius-45 {
  border-radius: 45px;
  overflow: hidden;
}

.grve-radius-50 {
  border-radius: 50px;
  overflow: hidden;
}

/* =============================================================================
- Impeka Icon Library
============================================================================= */
.grve-icon-nav-left-small:before {
  content: "\e91a";
}

.grve-icon-nav-right-small:before {
  content: "\e91b";
}

.grve-icon-nav-down-small:before {
  content: "\e919";
}

.grve-icon-nav-up-small:before {
  content: "\e91c";
}

.grve-icon-nav-left:before {
  content: "\e901";
}

.grve-icon-nav-right:before {
  content: "\e903";
}

.grve-icon-nav-up:before {
  content: "\e90b";
}

.grve-icon-nav-down:before {
  content: "\e90c";
}

.grve-icon-nav-left-large:before {
  content: "\e900";
}

.grve-icon-nav-right-large:before {
  content: "\e902";
}

.grve-icon-search:before {
  content: "\e905";
}

.grve-icon-socials:before {
  content: "\e90d";
}

.grve-icon-envelope:before {
  content: "\e90a";
}

.grve-icon-globe:before {
  content: "\e907";
}

.grve-icon-shop:before {
  content: "\e908";
}

.grve-icon-user:before {
  content: "\e90f";
}

.grve-icon-date:before {
  content: "\e910";
}

.grve-icon-safebutton:before {
  content: "\e911";
}

.grve-icon-menu:before {
  content: "\e906";
}

.grve-icon-plus:before {
  content: "\e904";
}

.grve-icon-close:before {
  content: "\e912";
}

.grve-icon-video:before {
  content: "\e909";
}

.grve-icon-heart-o:before {
  content: "\e913";
}

.grve-icon-heart:before {
  content: "\e914";
}

.grve-icon-comment:before {
  content: "\e915";
}

.grve-icon-quote:before {
  content: "\e916";
}

.grve-icon-link:before {
  content: "\e917";
}

.grve-icon-pencil:before {
  content: "\e918";
}

.grve-icon-th-large:before {
  content: "\e90e";
}

/* =============================================================================
- Feather Icon Library
============================================================================= */
@font-face {
  font-family: 'feather';
  src: url("../fonts/feather.eot?v=1.0.0");
  src: url("../fonts/feather.eot?#iefix&v=1.0.0") format("embedded-opentype"), url("../fonts/feather.woff?v=1.0.0") format("woff"), url("../fonts/feather.ttf?v=1.0.0") format("truetype"), url("../fonts/feather.svg?v=1.0.0#feather") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="grve-feather-icon-"], [class*=" grve-feather-icon-"] {
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  /* Better Font Rendering =========== */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.grve-feather-icon-close:before {
  content: "\e900";
}

.grve-feather-icon-alert-circle:before {
  content: "\e901";
}

.grve-feather-icon-arrow-down:before {
  content: "\e902";
}

.grve-feather-icon-arrow-left:before {
  content: "\e903";
}

.grve-feather-icon-arrow-right:before {
  content: "\e904";
}

.grve-feather-icon-arrow-up:before {
  content: "\e905";
}

.grve-feather-icon-award:before {
  content: "\e906";
}

.grve-feather-icon-bookmark:before {
  content: "\e907";
}

.grve-feather-icon-camera:before {
  content: "\e908";
}

.grve-feather-icon-chevron-down:before {
  content: "\e909";
}

.grve-feather-icon-chevron-left:before {
  content: "\e90a";
}

.grve-feather-icon-chevron-right:before {
  content: "\e90b";
}

.grve-feather-icon-chevron-up:before {
  content: "\e90c";
}

.grve-feather-icon-chevrons-down:before {
  content: "\e90d";
}

.grve-feather-icon-chevrons-left:before {
  content: "\e90e";
}

.grve-feather-icon-chevrons-right:before {
  content: "\e90f";
}

.grve-feather-icon-chevrons-up:before {
  content: "\e910";
}

.grve-feather-icon-clock:before {
  content: "\e911";
}

.grve-feather-icon-edit-2:before {
  content: "\e912";
}

.grve-feather-icon-eye:before {
  content: "\e913";
}

.grve-feather-icon-globe:before {
  content: "\e914";
}

.grve-feather-icon-grid:before {
  content: "\e915";
}

.grve-feather-icon-hash:before {
  content: "\e916";
}

.grve-feather-icon-heart:before {
  content: "\e917";
}

.grve-feather-icon-image:before {
  content: "\e918";
}

.grve-feather-icon-link:before {
  content: "\e919";
}

.grve-feather-icon-mail:before {
  content: "\e91a";
}

.grve-feather-icon-menu:before {
  content: "\e91b";
}

.grve-feather-icon-message-square:before {
  content: "\e91c";
}

.grve-feather-icon-more-horizontal:before {
  content: "\e91d";
}

.grve-feather-icon-more-vertical:before {
  content: "\e91e";
}

.grve-feather-icon-play-circle:before {
  content: "\e91f";
}

.grve-feather-icon-play:before {
  content: "\e920";
}

.grve-feather-icon-plus-circle:before {
  content: "\e921";
}

.grve-feather-icon-plus:before {
  content: "\e922";
}

.grve-feather-icon-search:before {
  content: "\e923";
}

.grve-feather-icon-share:before {
  content: "\e924";
}

.grve-feather-icon-shop:before {
  content: "\e925";
}

.grve-feather-icon-tag:before {
  content: "\e926";
}

.grve-feather-icon-video:before {
  content: "\e927";
}

/* =============================================================================
- Svg Custom Icons
============================================================================= */
.grve-svg-icon {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.grve-svg-icon svg {
  overflow: visible;
}
.grve-svg-icon svg path {
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.grve-svg-icon.grve-direction-left {
  transform: rotate(180deg);
}
.grve-svg-icon.grve-direction-up {
  transform: rotate(270deg);
}
.grve-svg-icon.grve-direction-down {
  transform: rotate(90deg);
}
.grve-svg-icon.grve-outline {
  border-width: 1px;
  border-style: solid;
}

/* =============================================================================
- Video Icon
============================================================================= */
.grve-video-icon {
  position: relative;
  z-index: 2;
  width: 3.750rem;
  height: 3.750rem;
  position: relative;
  border-radius: 100%;
  transition: all .3s ease;
  box-shadow: 0 12px 24px -5px rgba(0, 0, 0, 0.2);
}
.grve-video-icon svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* =============================================================================
- Owl Carousel
============================================================================= */
.grve-carousel-element {
  visibility: hidden;
}

.grve-auto-height {
  transition: height 500ms ease-in-out;
}

.grve-classic-carousel {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.grve-classic-carousel .grve-carousel-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -ms-touch-action: pan-Y;
}
.grve-classic-carousel[data-slider-autoheight="yes"] .grve-carousel-stage {
  align-items: flex-start;
}
.grve-classic-carousel .grve-carousel-stage-outer {
  position: relative;
  overflow: hidden;
}
.grve-classic-carousel .grve-carousel-item-wrapper {
  position: relative;
  user-select: none;
}
.grve-classic-carousel .grve-carousel-item {
  position: relative;
  z-index: 1;
  height: 100%;
}
.grve-classic-carousel .grve-bg-image {
  opacity: 1;
}
.grve-classic-carousel .grve-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

/* =============================================================================
- Slider Element
============================================================================= */
.grve-slider-element {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.grve-slider-element .grve-carousel-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -ms-touch-action: pan-Y;
  align-items: center;
}
.grve-slider-element .grve-carousel-stage-outer {
  position: relative;
  overflow: hidden;
}
.grve-slider-element .grve-slider-item-wrapper {
  position: relative;
  user-select: none;
}
.grve-slider-element .grve-slider-item-wrapper .grve-image-wrapper {
  display: block;
  margin-left: -1px;
}
.grve-slider-element .grve-slider-item-wrapper .grve-image-wrapper .grve-thumbnail-wrapper {
  margin: 0 auto;
}
.grve-slider-element .grve-carousel-pagination {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

/* =============================================================================
- Flickity Carousel
============================================================================= */
.grve-flickity-carousel .grve-carousel-item {
  margin-right: 3%;
}

@media only screen and (min-width: 1201px) {
  .grve-flickity-carousel[data-items="1"] .grve-carousel-item {
    width: 63.6666666667%;
  }

  .grve-flickity-carousel[data-items="1"][data-slider-loop="no"] .grve-carousel-item {
    width: 80.3333333333%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items="1"] .grve-carousel-item {
    width: 63.6666666667%;
    margin-right: 6%;
  }

  .grve-flickity-carousel[data-items="2"] .grve-carousel-item {
    width: 37%;
  }

  .grve-flickity-carousel[data-items="2"][data-slider-loop="no"] .grve-carousel-item {
    width: 42.4545454545%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items="2"] .grve-carousel-item {
    width: 37%;
    margin-right: 5%;
  }

  .grve-flickity-carousel[data-items="3"] .grve-carousel-item {
    width: 25.5714285714%;
  }

  .grve-flickity-carousel[data-items="3"][data-slider-loop="no"] .grve-carousel-item {
    width: 28.25%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items="3"] .grve-carousel-item {
    width: 25.5714285714%;
    margin-right: 4%;
  }

  .grve-flickity-carousel[data-items="4"] .grve-carousel-item {
    width: 19.2222222222%;
  }

  .grve-flickity-carousel[data-items="4"][data-slider-loop="no"] .grve-carousel-item {
    width: 20.8095238095%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items="4"] .grve-carousel-item {
    width: 19.2222222222%;
    margin-right: 3%;
  }

  .grve-flickity-carousel[data-items="5"] .grve-carousel-item {
    width: 15.1818181818%;
  }

  .grve-flickity-carousel[data-items="5"][data-slider-loop="no"] .grve-carousel-item {
    width: 16.2307692308%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items="5"] .grve-carousel-item {
    width: 15.1818181818%;
    margin-right: 2%;
  }
}
/* Tablet (landscape) ----------- */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
  .grve-flickity-carousel[data-items-tablet-landscape="1"] .grve-carousel-item {
    width: 63.6666666667%;
  }

  .grve-flickity-carousel[data-items-tablet-landscape="1"][data-slider-loop="no"] .grve-carousel-item {
    width: 80.3333333333%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-landscape="1"] .grve-carousel-item {
    width: 63.6666666667%;
    margin-right: 6%;
  }

  .grve-flickity-carousel[data-items-tablet-landscape="2"] .grve-carousel-item {
    width: 37%;
  }

  .grve-flickity-carousel[data-items-tablet-landscape="2"][data-slider-loop="no"] .grve-carousel-item {
    width: 42.4545454545%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-landscape="2"] .grve-carousel-item {
    width: 37%;
    margin-right: 5%;
  }

  .grve-flickity-carousel[data-items-tablet-landscape="3"] .grve-carousel-item {
    width: 25.5714285714%;
  }

  .grve-flickity-carousel[data-items-tablet-landscape="3"][data-slider-loop="no"] .grve-carousel-item {
    width: 28.25%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-landscape="3"] .grve-carousel-item {
    width: 25.5714285714%;
    margin-right: 4%;
  }

  .grve-flickity-carousel[data-items-tablet-landscape="4"] .grve-carousel-item {
    width: 19.2222222222%;
  }

  .grve-flickity-carousel[data-items-tablet-landscape="4"][data-slider-loop="no"] .grve-carousel-item {
    width: 20.8095238095%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-landscape="4"] .grve-carousel-item {
    width: 19.2222222222%;
    margin-right: 3%;
  }

  .grve-flickity-carousel[data-items-tablet-landscape="5"] .grve-carousel-item {
    width: 15.1818181818%;
  }

  .grve-flickity-carousel[data-items-tablet-landscape="5"][data-slider-loop="no"] .grve-carousel-item {
    width: 16.2307692308%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-landscape="5"] .grve-carousel-item {
    width: 15.1818181818%;
    margin-right: 2%;
  }
}
/* Tablet (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .grve-flickity-carousel[data-items-tablet-portrait="1"] .grve-carousel-item {
    width: 63.6666666667%;
  }

  .grve-flickity-carousel[data-items-tablet-portrait="1"][data-slider-loop="no"] .grve-carousel-item {
    width: 80.3333333333%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-portrait="1"] .grve-carousel-item {
    width: 63.6666666667%;
    margin-right: 6%;
  }

  .grve-flickity-carousel[data-items-tablet-portrait="2"] .grve-carousel-item {
    width: 37%;
  }

  .grve-flickity-carousel[data-items-tablet-portrait="2"][data-slider-loop="no"] .grve-carousel-item {
    width: 42.4545454545%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-portrait="2"] .grve-carousel-item {
    width: 37%;
    margin-right: 5%;
  }

  .grve-flickity-carousel[data-items-tablet-portrait="3"] .grve-carousel-item {
    width: 25.5714285714%;
  }

  .grve-flickity-carousel[data-items-tablet-portrait="3"][data-slider-loop="no"] .grve-carousel-item {
    width: 28.25%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-portrait="3"] .grve-carousel-item {
    width: 25.5714285714%;
    margin-right: 4%;
  }

  .grve-flickity-carousel[data-items-tablet-portrait="4"] .grve-carousel-item {
    width: 19.2222222222%;
  }

  .grve-flickity-carousel[data-items-tablet-portrait="4"][data-slider-loop="no"] .grve-carousel-item {
    width: 20.8095238095%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-portrait="4"] .grve-carousel-item {
    width: 19.2222222222%;
    margin-right: 3%;
  }

  .grve-flickity-carousel[data-items-tablet-portrait="5"] .grve-carousel-item {
    width: 15.1818181818%;
  }

  .grve-flickity-carousel[data-items-tablet-portrait="5"][data-slider-loop="no"] .grve-carousel-item {
    width: 16.2307692308%;
  }

  .grve-fullwidth .grve-column-content > .grve-carousel .grve-flickity-carousel[data-items-tablet-portrait="5"] .grve-carousel-item {
    width: 15.1818181818%;
    margin-right: 2%;
  }
}
/* Smartphones (landscape) ----------- */
@media only screen and (max-width: 767px) {
  .grve-flickity-carousel[data-items-mobile="1"] .grve-carousel-item {
    width: 93%;
    margin-right: 7%;
  }

  .grve-flickity-carousel[data-items-mobile="2"] .grve-carousel-item {
    width: 43%;
    margin-right: 7%;
  }

  .grve-flickity-carousel[data-items-mobile="3"] .grve-carousel-item {
    width: 26.3333333333%;
    margin-right: 7%;
  }

  .grve-flickity-carousel[data-items-mobile="4"] .grve-carousel-item {
    width: 18%;
    margin-right: 7%;
  }

  .grve-flickity-carousel[data-items-mobile="5"] .grve-carousel-item {
    width: 13%;
    margin-right: 7%;
  }
}
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  position: relative;
  height: 100%;
}

.grve-section.grve-fullwidth .grve-column-1 .flickity-viewport {
  overflow: visible;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/* =============================================================================
- Carousel Pagination
============================================================================= */
#grve-feature-slider .grve-carousel-pagination {
  position: absolute;
  bottom: 2%;
  left: 50%;
  z-index: 10;
  transition: all .3s;
  transform: translateX(-50%);
}

.grve-carousel-pagination {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.grve-carousel-pagination.disabled {
  display: none;
}
.grve-carousel-pagination .grve-dot {
  display: inline-block;
  zoom: 1;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  width: 24px;
  height: 4px;
  color: inherit;
}
.grve-carousel-pagination .grve-dot + .grve-dot {
  margin-left: 4px;
}
.grve-carousel-pagination .grve-dot span {
  display: block;
  opacity: 0.3;
  border-radius: 4px;
  width: 4px;
  height: 4px;
  margin: 0 auto;
  cursor: pointer;
  transition: all .3s;
  border: 2px solid;
}
.grve-carousel-pagination .grve-dot.active span {
  opacity: 1;
  width: 24px;
}
.grve-carousel-pagination .grve-dot:hover span {
  opacity: 1;
}

.grve-white .grve-carousel-pagination,
.grve-carousel-pagination.grve-white,
.grve-dots-white {
  color: #ffffff;
}

.grve-dark .grve-carousel-pagination,
.grve-default .grve-carousel-pagination,
.grve-carousel-pagination.grve-dark,
.grve-carousel-pagination.grve-default,
.grve-dots-dark {
  color: #000000;
}

/* Hide Pagination when Offcanvas Open */
body.grve-offcanvas-opened #grve-feature-slider .grve-carousel-pagination {
  opacity: 0;
}

/* Flickity Pagination */
.flickity-page-dots {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 60px 0 0 0;
  list-style: none;
  position: relative;
}
.flickity-page-dots .dot {
  display: inline-block;
  zoom: 1;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  width: 24px;
  height: 4px;
  color: inherit;
}
.flickity-page-dots .dot + .dot {
  margin-left: 4px;
}
.flickity-page-dots .dot:after {
  content: '';
  display: block;
  opacity: 0.3;
  border-radius: 4px;
  width: 0;
  height: 0;
  margin: 0 auto;
  cursor: pointer;
  transition: all .3s;
  border: 2px solid;
}
.flickity-page-dots .dot.is-selected:after {
  opacity: 1;
  width: 20px;
}
.flickity-page-dots .dot:hover:after {
  opacity: 1;
}

.flickity[data-slider-loop='no'] .flickity-page-dots {
  text-align: left;
  justify-content: flex-start;
}

/* =============================================================================
- Carousel Navigation
============================================================================= */
.grve-carousel .grve-carousel-navigation .grve-carousel-buttons,
.grve-slider .grve-carousel-navigation .grve-carousel-buttons {
  pointer-events: none;
}
.grve-carousel .grve-carousel-navigation .grve-carousel-buttons > div,
.grve-slider .grve-carousel-navigation .grve-carousel-buttons > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0);
  z-index: 3;
  cursor: pointer;
  pointer-events: visible;
  width: 48px;
  height: 48px;
  transition: transform .3s ease;
}
.grve-carousel .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-prev,
.grve-slider .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-prev {
  left: -60px;
}
.grve-carousel .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-next,
.grve-slider .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-next {
  right: -60px;
}
.grve-carousel .grve-carousel-navigation.grve-navigation-arrow-1 svg,
.grve-slider .grve-carousel-navigation.grve-navigation-arrow-1 svg {
  width: 12px;
  height: auto;
}
.grve-carousel .grve-carousel-navigation.grve-navigation-arrow-2 svg,
.grve-slider .grve-carousel-navigation.grve-navigation-arrow-2 svg {
  width: 30px;
  height: auto;
}
.grve-carousel .grve-carousel-navigation.grve-navigation-arrow-3 svg,
.grve-slider .grve-carousel-navigation.grve-navigation-arrow-3 svg {
  width: 6px;
  height: auto;
}
.grve-carousel:hover .grve-carousel-navigation .grve-carousel-buttons > div,
.grve-slider:hover .grve-carousel-navigation .grve-carousel-buttons > div {
  transform: translateY(-50%) scale(1);
}

.grve-slider .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-prev {
  left: 12px;
}
.grve-slider .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-next {
  right: 12px;
}

.grve-section.grve-fullwidth .grve-column-content > .grve-carousel .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-prev {
  left: 12px;
}
.grve-section.grve-fullwidth .grve-column-content > .grve-carousel .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-next {
  right: 12px;
}

/* =============================================================================
- Lightgallery Popup
============================================================================= */
/*! lightgallery - v1.6.9 - 2018-04-03
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2018 Sachin N; Licensed GPLv3 */
.lg-sub-html, .lg-toolbar {
  background-color: rgba(0, 0, 0, 0.45);
}

@font-face {
  font-family: lg;
  src: url(../fonts/lightgallery/lg.eot?n1z373);
  src: url(../fonts/lightgallery/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lightgallery/lg.woff?n1z373) format("woff"), url(../fonts/lightgallery/lg.ttf?n1z373) format("truetype"), url(../fonts/lightgallery/lg.svg?n1z373#lg) format("svg");
  font-weight: 400;
  font-style: normal;
}
.lg-icon {
  font-family: lg;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: 0;
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: .5;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}

.lg-actions .lg-next {
  right: 20px;
}

.lg-actions .lg-next:before {
  content: "\e095";
}

.lg-actions .lg-prev {
  left: 20px;
}

.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0%,100% {
    left: 0;
  }
  50% {
    left: -30px;
  }
}
@-moz-keyframes lg-right-end {
  0%,100% {
    left: 0;
  }
  50% {
    left: -30px;
  }
}
@-ms-keyframes lg-right-end {
  0%,100% {
    left: 0;
  }
  50% {
    left: -30px;
  }
}
@keyframes lg-right-end {
  0%,100% {
    left: 0;
  }
  50% {
    left: -30px;
  }
}
@-webkit-keyframes lg-left-end {
  0%,100% {
    left: 0;
  }
  50% {
    left: 30px;
  }
}
@-moz-keyframes lg-left-end {
  0%,100% {
    left: 0;
  }
  50% {
    left: 30px;
  }
}
@-ms-keyframes lg-left-end {
  0%,100% {
    left: 0;
  }
  50% {
    left: 30px;
  }
}
@keyframes lg-left-end {
  0%,100% {
    left: 0;
  }
  50% {
    left: 30px;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end .3s;
  -o-animation: lg-right-end .3s;
  animation: lg-right-end .3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end .3s;
  -o-animation: lg-left-end .3s;
  animation: lg-left-end .3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: 0;
  -webkit-transition: color .2s linear;
  -o-transition: color .2s linear;
  transition: color .2s linear;
}

.lg-toolbar .lg-icon:hover {
  color: #FFF;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-next, .lg-prev, .lg-toolbar {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom .25s ease;
  -o-transition: bottom .25s ease;
  transition: bottom .25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}

.lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}

.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url(../images/lightgallery/vimeo-play.png) no-repeat;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url(../images/lightgallery/vimeo-play.png) 0 -58px no-repeat;
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: url(../images/lightgallery/video-play.png) no-repeat;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: .8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url(../images/lightgallery/youtube-play.png) no-repeat;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url(../images/lightgallery/youtube-play.png) 0 -60px no-repeat;
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 80ms ease 0s;
  -moz-transition: opacity 80ms ease 0s;
  -o-transition: opacity 80ms ease 0s;
  transition: opacity 80ms ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}

#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: .5;
  pointer-events: none;
}

#lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px #fff inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s;
  -moz-transition: opacity .15s ease 0s,-moz-transform .15s ease 0s;
  -o-transition: opacity .15s ease 0s,-o-transform .15s ease 0s;
  transition: opacity .15s ease 0s,transform .15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow .3s ease 0s;
  -o-transition: box-shadow .3s ease 0s;
  transition: box-shadow .3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
  box-shadow: 0 0 0 8px #fff inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear .18s,opacity .18s linear 0s;
  -o-transition: visibility 0s linear .18s,opacity .18s linear 0s;
  transition: visibility 0s linear .18s,opacity .18s linear 0s;
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
  -moz-transition: -moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
  -o-transition: -o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
  transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0;
}

.lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a {
  color: #333;
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

.lg-outer, .lg-outer .lg, .lg-outer .lg-inner {
  width: 100%;
  height: 100%;
}

.lg-outer #lg-share {
  position: relative;
}

.lg-outer #lg-share:after {
  content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.lg-outer .lg-item {
  background: url(../images/lightgallery/loading.gif) center center no-repeat;
  display: none !important;
}

.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
  display: inline-block !important;
}

.lg-outer .lg-img-wrap, .lg-outer .lg-item {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
  -webkit-transition: opacity .1s ease 0s;
  -moz-transition: opacity .1s ease 0s;
  -o-transition: opacity .1s ease 0s;
  transition: opacity .1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-sub-html .grve-title {
  display: block;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html .grve-caption {
  font-size: 12px;
  margin: 5px 0 0;
}

.lg-toolbar .lg-icon {
  background-color: transparent;
  border: none;
  outline: 0;
}

.lg-outer {
  direction: ltr;
}

/* =============================================================================
- Magnific Popup
============================================================================= */
/*.mfp-container {
	opacity: 0;
}*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  overflow: hidden;
  position: fixed;
  background: #000000;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-close:before {
  content: "\e912";
  font-family: 'impeka-icons';
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  cursor: pointer !important;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
}

button.mfp-arrow {
  width: 60px;
  height: 60px;
  font-size: 24px;
  overflow: hidden;
  top: 50%;
  margin-top: -30px;
}

button.mfp-arrow:before {
  font-family: 'impeka-icons' !important;
  transition: all .2s;
}

.mfp-arrow-left {
  left: 30px;
}

.mfp-arrow-right {
  right: 30px;
}

.mfp-arrow-left:before {
  content: '\e900';
}

.mfp-arrow-right:before {
  content: '\e902';
}

.mfp-arrow-left:before {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translate(0, -50%);
}

.mfp-arrow-left:hover:before {
  transform: translate(-18px, -50%);
}

.mfp-arrow-right:before {
  position: absolute;
  top: 50%;
  left: -18px;
  transform: translate(0, -50%);
}

.mfp-arrow-right:hover:before {
  transform: translate(18px, -50%);
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1280px;
}

@media only screen and (max-width: 1400px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 1024px;
  }
}
@media only screen and (max-width: 1200px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 900px;
  }
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 100px 0 70px;
  margin: 0 auto;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -55px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 24px;
  color: #ffffff;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
     * Remove all paddings around the image on small screen
     */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    transform-origin: 0;
  }

  .mfp-arrow-right {
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* =============================================================================
- Quick View
============================================================================= */
#grve-quick-view-wrapper {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(100%);
}
#grve-quick-view-wrapper .grve-quick-view-modal {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#grve-quick-view-wrapper .grve-quick-view-modal .grve-quick-view-description {
  flex-basis: 50%;
  max-width: 50%;
  padding: 10%;
}
#grve-quick-view-wrapper .grve-quick-view-modal .grve-quick-view-description .grve-title {
  margin-bottom: 18px;
}
#grve-quick-view-wrapper .grve-quick-view-modal .grve-quick-view-media {
  flex-basis: 50%;
  max-width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#grve-quick-view-wrapper .grve-quick-view-modal .grve-quick-view-media .grve-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
#grve-quick-view-wrapper .grve-quick-view-modal .grve-quick-view-media .grve-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#grve-quick-view-wrapper .grve-quick-view-modal .grve-quick-view-media .grve-inner .grve-bg-image {
  opacity: 1;
}
#grve-quick-view-wrapper .grve-quick-view-modal .price {
  display: block;
  margin-bottom: 18px;
}
#grve-quick-view-wrapper .grve-quick-view-modal .grve-btn-text {
  margin-top: 2.000rem;
  color: inherit;
}
#grve-quick-view-wrapper .grve-quick-view-modal .grve-btn-text svg {
  fill: currentColor;
}
@media only screen and (max-width: 1023px) {
  #grve-quick-view-wrapper .grve-quick-view-modal {
    flex-direction: column;
    align-items: stretch;
  }
  #grve-quick-view-wrapper .grve-quick-view-modal .grve-quick-view-description {
    flex-basis: 100%;
    max-width: 100%;
    padding: 10%;
  }
  #grve-quick-view-wrapper .grve-quick-view-modal .grve-quick-view-media {
    flex-basis: 100%;
    max-width: 100%;
    height: 60vh;
  }
}

/* =============================================================================
- Animations
============================================================================= */
.grve-animated-item {
  /*	opacity: 0;*/
}

.grve-clipping-animation {
  /*	opacity: 1;*/
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.grve-animated-item:not(.grve-animating) .grve-clipping-wrapper,
.grve-animated-item:not(.grve-animating) .grve-appear-wrapper,
.grve-title-section:not(.grve-animating) .grve-appear-wrapper,
#grve-feature-section .grve-appear-wrapper {
  overflow: hidden;
}

.grve-clipping-wrapper,
.grve-appear-wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.grve-column.grve-clipping-animation > .grve-clipping-wrapper,
.grve-column-inner.grve-clipping-animation > .grve-clipping-wrapper {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}

.grve-clipping-content,
.grve-appear-content {
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.grve-column.grve-clipping-animation > .grve-clipping-wrapper > .grve-clipping-content,
.grve-column-inner.grve-clipping-animation > .grve-clipping-wrapper > .grve-clipping-content {
  width: 100%;
  display: flex;
  flex-grow: 1;
}

.grve-clipping-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.grve-animating .grve-clipping-overlay {
  display: none;
}

.grve-animated-item,
.grve-colored-clipping .grve-clipping-content {
  visibility: hidden;
}

/* =============================================================================
- Full Page
============================================================================= */
#grve-fullpage .grve-section {
  height: 100vh;
  margin-bottom: 0;
}
#grve-fullpage .grve-section > div {
  visibility: hidden;
}

html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none;
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-out;
}

.fp-tableCell {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  height: auto !important;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: hidden;
  position: relative;
}

.fp-scroller {
  overflow: hidden;
}

.iScrollIndicator {
  border: 0 !important;
}

.fp-notransition {
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 9;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
}
#fp-nav.right {
  right: 17px;
}
#fp-nav.left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}
.fp-slidesNav.bottom {
  bottom: 17px;
}
.fp-slidesNav.top {
  top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 4px;
  height: 24px;
  position: relative;
}
#fp-nav ul li + li,
.fp-slidesNav ul li + li {
  margin-top: 4px;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  display: block;
  opacity: 0.3;
  border-radius: 4px;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all .3s;
  border: 2px solid currentColor;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
  opacity: 1;
  height: 24px;
}
#fp-nav ul li a:hover span,
.fp-slidesNav ul li a:hover span {
  opacity: 1;
}
#fp-nav.grve-skin-light a,
.fp-slidesNav.grve-skin-light a {
  color: #ffffff;
}
#fp-nav.grve-skin-default a, #fp-nav.grve-skin-dark a,
.fp-slidesNav.grve-skin-default a,
.fp-slidesNav.grve-skin-dark a {
  color: #000000;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}

#fp-nav .fp-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  font-size: 11px;
  line-height: 1.2em;
  padding: 5px 8px;
  border-radius: 3px;
}

/* =============================================================================
- Framed Layout
============================================================================= */
body.grve-framed #grve-theme-wrapper {
  width: 100%;
  margin: 0;
}

.grve-frame {
  position: fixed;
  z-index: 1000;
}

/* =============================================================================
- Grid Settings
============================================================================= */
#grve-theme-wrapper {
  position: relative;
  float: none;
  width: 1220px;
  margin: 0 auto;
}

body.grve-boxed #grve-theme-wrapper {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);
}

body.grve-stretched #grve-theme-wrapper {
  width: 100%;
  margin: 0;
}

body.grve-open-safebutton-area #grve-theme-wrapper {
  padding: 0;
}

.grve-container {
  max-width: 1170px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.grve-container:before,
.grve-container:after {
  display: table;
  content: " ";
}

.grve-container:after {
  clear: both;
}

/* =============================================================================
- Page 404
============================================================================= */
#grve-default-page-404 .grve-inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 8% 0;
  text-align: center;
}
#grve-default-page-404 .grve-inner .grve-widget {
  margin: 3.000rem auto;
  max-width: 450px;
}

/* =============================================================================
- Plugin Community Event
============================================================================= */
#grve-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-end_date,
#grve-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-start_date {
  width: 100px;
  margin-bottom: 0;
  padding: 5px 10px;
}

#grve-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-end_time,
#grve-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-start_time {
  width: 100px;
  margin-bottom: 0;
}

#grve-theme-wrapper .ui-timepicker-wrapper {
  width: 100px;
}

#grve-theme-wrapper .eventForm .tribe-datetime-block .tribe-field-timezone {
  margin-top: 0;
  width: auto;
}

#grve-theme-wrapper .choose-file.tribe-button.tribe-button-secondary {
  color: #ffffff;
}

#grve-theme-wrapper .tribe-section-content tr,
#grve-theme-wrapper .tribe-section-content td {
  border: none;
  text-align: left;
}

#grve-theme-wrapper .tribe-community-events .tribe-section table.tribe-section-content td {
  padding: 10px 20px;
}

#grve-theme-wrapper .tribe-community-events .select2-choice {
  margin-bottom: 0;
  height: auto;
}

#grve-theme-wrapper .tribe-section-content .select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important;
}

#grve-theme-wrapper .tribe-community-events .events-community-post-content > input,
#grve-theme-wrapper .tribe-community-events .events-community-post-content > textarea,
#grve-theme-wrapper .tribe-community-events .events-community-post-title > input,
#grve-theme-wrapper .tribe-community-events .events-community-post-title > textarea {
  background-color: #fff;
}

#grve-theme-wrapper .select2-container .select2-choice .select2-arrow {
  background-color: #ccc;
  border-left: 1px solid #ccc;
  border-radius: 0;
}

#grve-theme-wrapper .select2-container .select2-choice .select2-arrow b {
  background-position: 0 10px;
}

#grve-theme-wrapper .select2-container .select2-choice abbr {
  top: 15px;
}

#grve-theme-wrapper .select2-container.select2-allowclear .select2-choice span.select2-chosen {
  margin-right: 42px;
}

#grve-theme-wrapper .tribe-button,
#grve-theme-wrapper a.tribe-button,
#grve-theme-wrapper button.tribe-button,
#grve-theme-wrapper input.tribe-button {
  margin: 0;
}

#grve-theme-wrapper .tribe_community_edit .grve-title-section {
  background-color: #000;
}

#grve-theme-wrapper .tribe_community_edit .grve-title-section .grve-title {
  color: #fff;
}

#ui-datepicker-div {
  z-index: 100 !important;
}

/* =============================================================================
- GDPR Privacy
============================================================================= */
#grve-privacy-bar {
  background-color: #ffffff;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  left: 50%;
  bottom: 4%;
  position: fixed;
  width: 90%;
  max-width: 740px;
  z-index: 999;
  border-radius: 3px;
  transform: translateX(-50%);
  box-shadow: 0 16px 24px -10px rgba(0, 0, 0, 0.2);
  display: none;
}

.grve-privacy-wrapper {
  padding: 18px 24px;
  position: relative;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.grve-privacy-content {
  flex-basis: 55%;
  max-width: 55%;
}

.grve-privacy-buttons-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.grve-privacy-btn {
  border-radius: 2px;
  border-width: 0;
  box-shadow: none;
  line-height: 14px;
  padding: 8px 18px;
  text-shadow: none;
  text-transform: none;
  cursor: pointer;
  background-color: #2bc137;
  color: #ffffff;
  outline: 0;
  font-weight: bold;
  letter-spacing: 0 !important;
  transition: all .3s;
}

.grve-privacy-btn + .grve-privacy-btn {
  margin-left: 18px;
}

.grve-privacy-preferences {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.grve-privacy-preferences:hover {
  opacity: 0.6;
  color: inherit;
}

.grve-privacy-agreement:hover,
.grve-privacy-refresh-btn:hover {
  background-color: #17a523;
}

/* Position Left / Right */
#grve-privacy-bar.grve-bar-position-left {
  left: 2%;
  right: auto;
  width: 30%;
  min-width: 450px;
  transform: translateX(0);
}

#grve-privacy-bar.grve-bar-position-right {
  left: auto;
  right: 2%;
  width: 30%;
  min-width: 450px;
  transform: translateX(0);
}

.grve-bar-position-left .grve-privacy-wrapper,
.grve-bar-position-right .grve-privacy-wrapper {
  flex-wrap: wrap;
}

.grve-bar-position-left .grve-privacy-content,
.grve-bar-position-right .grve-privacy-content {
  flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}

.grve-bar-position-left .grve-privacy-buttons-wrapper,
.grve-bar-position-right .grve-privacy-buttons-wrapper {
  flex-basis: 100%;
  max-width: 100%;
  flex-direction: row-reverse;
}

.grve-bar-position-left .grve-privacy-btn + .grve-privacy-btn,
.grve-bar-position-right .grve-privacy-btn + .grve-privacy-btn {
  margin-left: 0px;
}

@media only screen and (max-width: 690px) {
  #grve-privacy-bar.grve-bar-position-left,
  #grve-privacy-bar.grve-bar-position-right {
    min-width: auto;
    width: 90%;
    left: 5%;
    right: 5%;
  }

  #grve-privacy-bar .grve-privacy-wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
  }

  #grve-privacy-bar .grve-privacy-content {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 24px;
  }

  #grve-privacy-bar .grve-privacy-buttons-wrapper {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }

  #grve-privacy-bar .grve-privacy-btn + .grve-privacy-btn {
    margin: 0;
  }
}
@media only screen and (max-width: 479px) {
  #grve-privacy-bar .grve-privacy-wrapper {
    padding: 10%;
  }

  #grve-privacy-bar .grve-privacy-buttons-wrapper {
    flex-direction: column-reverse;
  }

  #grve-privacy-bar .grve-privacy-btn {
    width: 100%;
    margin: 0;
  }

  #grve-privacy-bar .grve-privacy-btn:first-child {
    margin-top: 12px;
  }
}
/* Fallback */
.grve-privacy-fallback-content {
  padding: 25% 12%;
  color: #ffffff;
  background-color: #252525;
  background-size: 13px;
  background-image: url(../images/privacy/fallback-pattern.jpg);
}

#grve-feature-section .grve-privacy-fallback-content,
.grve-map .grve-privacy-fallback-content {
  height: 100%;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

#grve-feature-section .grve-map .grve-privacy-fallback-content {
  height: 100vh;
}

#grve-feature-section .grve-privacy-fallback-inner,
.grve-map .grve-privacy-fallback-inner {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.grve-privacy-fallback-content a {
  color: inherit;
  transition: all .3s;
}

.grve-privacy-fallback-content a:hover {
  opacity: 0.6;
  color: inherit;
}

.grve-privacy-fallback-icon {
  display: block;
  margin: 0 auto 12px auto;
  width: 36px;
}

/* =============================================================================
--- GDPR Privacy Popup
============================================================================= */
#grve-privacy-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.9;
  z-index: 99999999;
  display: none;
}

#grve-privacy-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-height: 700px;
  max-width: 800px;
  transform: translate(-50%, -50%);
  z-index: 999999999;
  padding: 36px;
  display: none;
}

.grve-privacy-popup-wrapper {
  width: 100%;
  height: 100%;
  color: #000000;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  position: relative;
  border-radius: 2px;
}

.grve-privacy-popup-inner {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 76px;
}

.grve-privacy-popup-content {
  max-height: 100%;
  padding: 48px 36px 36px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.grve-close-privacy-popup {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-50%, 50%);
  z-index: 3;
  background-color: #ffffff;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
}
.grve-close-privacy-popup svg {
  width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #000000;
}
.grve-close-privacy-popup .grve-icon {
  width: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.grve-privacy-refresh-btn-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 18px 36px;
  background-color: #f7f7f7;
}

/* =============================================================================
--- GDPR Privacy Switcher
============================================================================= */
.grve-privacy-switch {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 18px;
  padding-bottom: 18px;
  position: relative;
}

.grve-privacy-switch .grve-switch {
  position: absolute;
  display: inline-block;
  font-size: 12px;
  width: 3.000em;
  height: 1.625em;
  top: 2px;
  right: 0;
}

.grve-privacy-switch .grve-switch.grve-switch-text {
  width: auto;
}

.grve-privacy-switch .grve-switch input[type='checkbox'] {
  font-size: inherit;
  position: relative;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  width: 3.000em;
  height: 1.625em;
  margin: 0;
}

.grve-privacy-switch .grve-switch-value {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.grve-privacy-switch .grve-switch-label {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  max-width: 70%;
  font-weight: bold;
}

.grve-privacy-switch .grve-switch .grve-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  transition: .4s;
  border-radius: 1.625em;
  width: 3.000em;
}

.grve-privacy-switch .grve-switch .grve-switch-slider:before {
  position: absolute;
  content: "";
  height: 1.125em;
  width: 1.125em;
  left: 0.250em;
  bottom: 0.250em;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.grve-privacy-switch .grve-switch input[type='checkbox']:checked + .grve-switch-slider {
  background-color: #2bc137;
}

.grve-privacy-switch .grve-switch input[type='checkbox']:checked + .grve-switch-slider:before {
  -ms-transform: translateX(1.375em);
  transform: translateX(1.375em);
}

/* =============================================================================
- Widget
============================================================================= */
.widget,
.widgets {
  font-size: 13px;
  line-height: 1.846em;
  margin-bottom: 3.846em;
  position: relative;
  z-index: 1;
}

.grve-sticky-widget-wrapper {
  padding-bottom: 3.846em;
}

.widget:last-child,
.widgets:last-child {
  margin-bottom: 0;
}

.grve-widget-title {
  margin-bottom: 20px;
}

/* Widget in vc column */
#grve-content-area .wpb_content_element {
  margin-bottom: 40px;
}

#grve-content-area .wpb_content_element .widget,
#grve-content-area .wpb_content_element .widgets,
#grve-content-area .wpb_content_element:last-child {
  margin-bottom: 0;
}

.grve-widget .grve-media {
  overflow: hidden;
}

#grve-content-area {
  text-align: center;
}
#grve-content-area .grve-image {
  display: block;
}
#grve-content-area .grve-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#grve-content-area .entry-caption {
  text-align: center;
}

/* =============================================================================
--- Widget Categories
============================================================================= */
.widget.widget_categories label {
  display: none;
}
.widget.widget_categories ul {
  margin: 0;
  list-style: none;
}
.widget.widget_categories li {
  margin-bottom: 6px;
  border-color: inherit;
  text-align: right;
  overflow: hidden;
}
.widget.widget_categories li ul {
  padding-left: 10px;
  margin-top: 6px;
  border-color: inherit;
}
.widget.widget_categories li ul li {
  margin-bottom: 6px;
}
.widget.widget_categories li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget.widget_categories li a {
  float: left;
  color: inherit;
}

/* =============================================================================
--- Widget Archive
============================================================================= */
.widget.widget_archive label {
  display: none;
}
.widget.widget_archive ul {
  margin: 0;
  list-style: none;
}
.widget.widget_archive li {
  margin-bottom: 6px;
  border-color: inherit;
  text-align: right;
  overflow: hidden;
}
.widget.widget_archive li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget.widget_archive li a {
  float: left;
  color: inherit;
}

/* =============================================================================
--- Widget Pages
============================================================================= */
.widget.widget_pages ul {
  margin: 0;
  list-style: none;
}
.widget.widget_pages li {
  margin-bottom: 6px;
  border-color: inherit;
}
.widget.widget_pages li ul {
  padding-left: 10px;
  margin-top: 6px;
  border-color: inherit;
}
.widget.widget_pages li ul li {
  margin-bottom: 6px;
}
.widget.widget_pages li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget.widget_pages li a {
  color: inherit;
}

/* =============================================================================
--- Widget Recent Post
============================================================================= */
.widget.widget_recent_entries ul {
  margin: 0;
  list-style: none;
}
.widget.widget_recent_entries li {
  margin-bottom: 18px;
}
.widget.widget_recent_entries li:last-child {
  margin-bottom: 0;
}
.widget.widget_recent_entries li span.post-date {
  display: block;
  line-height: 2em;
  margin-bottom: 0;
  opacity: 0.8;
}
.widget.widget_recent_entries li a {
  color: inherit;
  line-height: 1.571em;
}

/* =============================================================================
--- Widget Custom Menu
============================================================================= */
.widget.widget_nav_menu ul {
  margin: 0;
  list-style: none;
}
.widget.widget_nav_menu li {
  margin-bottom: 6px;
}
.widget.widget_nav_menu li ul {
  padding-left: 10px;
  margin-bottom: 6px;
  border-color: inherit;
}
.widget.widget_nav_menu li ul li {
  margin-bottom: 6px;
}
.widget.widget_nav_menu li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget.widget_nav_menu li a {
  color: inherit;
}

/* =============================================================================
--- Widget Calendar
============================================================================= */
.widget.widget_calendar {
  position: relative;
}
.widget.widget_calendar table,
.widget.widget_calendar thead,
.widget.widget_calendar tbody,
.widget.widget_calendar tfoot,
.widget.widget_calendar tr,
.widget.widget_calendar td,
.widget.widget_calendar th {
  border-color: inherit !important;
}
.widget.widget_calendar table {
  width: 100%;
  border-collapse: collapse;
}
.widget.widget_calendar a {
  color: inherit;
}
.widget.widget_calendar table tbody td {
  padding: 4px;
  font-size: 11px;
}
.widget.widget_calendar table th {
  text-align: center;
  padding: 10px 0;
  width: 14.28%;
}
.widget.widget_calendar caption {
  margin-bottom: 10px;
  text-align: left;
}

/* =============================================================================
--- Widget RSS
============================================================================= */
.widget.widget_rss ul {
  margin: 0;
  list-style: none;
}
.widget.widget_rss li {
  margin-bottom: 20px;
  border-color: inherit;
}
.widget.widget_rss li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget.widget_rss .rss-date {
  display: block;
  margin-bottom: 5px;
}
.widget.widget_rss .grve-widget-title img {
  display: inline-block;
  margin-top: -3px;
  margin-right: 5px;
}
.widget.widget_rss a.rsswidget {
  color: inherit;
}
.widget.widget_rss .rss-date,
.widget.widget_rss cite {
  opacity: 0.8;
}

/* =============================================================================
--- Widget Tagcloud
============================================================================= */
.widget .tagcloud {
  font-size: 0;
  border-color: inherit;
}

/* =============================================================================
--- Widget Meta
============================================================================= */
.widget.widget_meta ul {
  margin: 0;
  list-style: none;
}
.widget.widget_meta li {
  margin-bottom: 6px;
}
.widget.widget_meta li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget.widget_meta li a {
  color: inherit;
}

/* =============================================================================
--- Widget Recent Comments
============================================================================= */
.widget.widget_recent_comments ul {
  margin: 0;
  list-style: none;
}
.widget.widget_recent_comments li {
  margin-bottom: 6px;
}
.widget.widget_recent_comments li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget.widget_recent_comments li a {
  color: inherit;
}

/* =============================================================================
--- Latest Portfolio (GRVE WIDGET)
============================================================================= */
.grve-widget.grve-latest-portfolio ul,
.elementor-widget-wp-widget-grve-widget-latest-portfolio ul {
  margin: 0;
  list-style: none;
  margin: -0.231em;
  position: relative;
}
.grve-widget.grve-latest-portfolio ul:before,
.grve-widget.grve-latest-portfolio ul:after,
.elementor-widget-wp-widget-grve-widget-latest-portfolio ul:before,
.elementor-widget-wp-widget-grve-widget-latest-portfolio ul:after {
  display: table;
  content: " ";
}
.grve-widget.grve-latest-portfolio ul:after,
.elementor-widget-wp-widget-grve-widget-latest-portfolio ul:after {
  clear: both;
}
.grve-widget.grve-latest-portfolio ul li,
.elementor-widget-wp-widget-grve-widget-latest-portfolio ul li {
  float: left;
  width: 25%;
  max-width: 90px;
}
.grve-widget.grve-latest-portfolio ul li a,
.elementor-widget-wp-widget-grve-widget-latest-portfolio ul li a {
  display: block;
  padding: 0.231em;
}
.grve-widget.grve-latest-portfolio li .grve-bg-wrapper .grve-bg-image,
.elementor-widget-wp-widget-grve-widget-latest-portfolio li .grve-bg-wrapper .grve-bg-image {
  border-radius: 3px;
  overflow: hidden;
}
.grve-widget.grve-latest-portfolio ul li img,
.elementor-widget-wp-widget-grve-widget-latest-portfolio ul li img {
  display: none;
}

/* =============================================================================
--- Widget Contact Info (GRVE WIDGET)
============================================================================= */
.grve-widget.grve-contact-info ul,
.elementor-widget-wp-widget-grve-widget-contact-info ul {
  margin: 0;
  list-style: none;
}
.grve-widget.grve-contact-info li,
.elementor-widget-wp-widget-grve-widget-contact-info li {
  margin-bottom: 6px;
}
.grve-widget.grve-contact-info li:last-child,
.elementor-widget-wp-widget-grve-widget-contact-info li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.grve-widget.grve-contact-info li i,
.grve-widget.grve-contact-info .grve-icon,
.elementor-widget-wp-widget-grve-widget-contact-info li i,
.elementor-widget-wp-widget-grve-widget-contact-info .grve-icon {
  margin-right: 20px;
  float: left;
  line-height: inherit;
  opacity: 0.5;
}
.grve-widget.grve-contact-info li .grve-info-content,
.elementor-widget-wp-widget-grve-widget-contact-info li .grve-info-content {
  overflow: hidden;
}
.grve-widget.grve-contact-info li a,
.elementor-widget-wp-widget-grve-widget-contact-info li a {
  color: inherit;
}

/* =============================================================================
--- Widget Latest Posts (GRVE WIDGET)
============================================================================= */
.grve-widget.grve-latest-posts ul,
.elementor-widget-wp-widget-grve-widget-latest-posts ul {
  margin: 0;
  list-style: none;
}
.grve-widget.grve-latest-posts li,
.elementor-widget-wp-widget-grve-widget-latest-posts li {
  margin-bottom: 18px;
  display: table;
  width: 100%;
}
.grve-widget.grve-latest-posts li:last-child,
.elementor-widget-wp-widget-grve-widget-latest-posts li:last-child {
  margin-bottom: 0;
}
.grve-widget.grve-latest-posts li .grve-post-thumb,
.elementor-widget-wp-widget-grve-widget-latest-posts li .grve-post-thumb {
  display: table-cell;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  min-width: 60px;
}
.grve-widget.grve-latest-posts li a.grve-title,
.elementor-widget-wp-widget-grve-widget-latest-posts li a.grve-title {
  line-height: 1.714em;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 3.428em;
  -webkit-line-clamp: 2;
  color: inherit;
}
.grve-widget.grve-latest-posts li img,
.elementor-widget-wp-widget-grve-widget-latest-posts li img {
  display: none;
}
.grve-widget.grve-latest-posts li .grve-bg-wrapper .grve-bg-image,
.elementor-widget-wp-widget-grve-widget-latest-posts li .grve-bg-wrapper .grve-bg-image {
  border-radius: 3px;
  overflow: hidden;
}
.grve-widget.grve-latest-posts li .grve-news-content,
.elementor-widget-wp-widget-grve-widget-latest-posts li .grve-news-content {
  display: table-cell;
  vertical-align: middle;
}
.grve-widget.grve-latest-posts li a.grve-post-thumb + .grve-news-content,
.elementor-widget-wp-widget-grve-widget-latest-posts li a.grve-post-thumb + .grve-news-content {
  padding-left: 20px;
}
.grve-widget.grve-latest-posts .grve-latest-news-date,
.elementor-widget-wp-widget-grve-widget-latest-posts .grve-latest-news-date {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
  opacity: 0.5;
}

/* =============================================================================
--- Widget Latest Comments (GRVE WIDGET)
============================================================================= */
.grve-widget.grve-comments ul,
.elementor-widget-wp-widget-grve-widget-latest-comments ul {
  margin: 0;
  list-style: none;
}
.grve-widget.grve-comments li,
.elementor-widget-wp-widget-grve-widget-latest-comments li {
  margin-bottom: 20px;
  border-color: inherit;
}
.grve-widget.grve-comments li img,
.elementor-widget-wp-widget-grve-widget-latest-comments li img {
  border-radius: 50px;
  float: left;
}
.grve-widget.grve-comments li:last-child,
.elementor-widget-wp-widget-grve-widget-latest-comments li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.grve-widget.grve-comments li a.grve-title,
.elementor-widget-wp-widget-grve-widget-latest-comments li a.grve-title {
  display: block;
  line-height: 1.571em;
}
.grve-widget.grve-comments li a,
.elementor-widget-wp-widget-grve-widget-latest-comments li a {
  color: inherit;
}
.grve-widget.grve-comments li .grve-comment-content,
.elementor-widget-wp-widget-grve-widget-latest-comments li .grve-comment-content {
  overflow: hidden;
  vertical-align: middle;
}
.grve-widget.grve-comments li img + .grve-comment-content,
.elementor-widget-wp-widget-grve-widget-latest-comments li img + .grve-comment-content {
  padding-left: 20px;
}
.grve-widget.grve-comments .grve-comment-date,
.elementor-widget-wp-widget-grve-widget-latest-comments .grve-comment-date {
  line-height: 2em;
  margin-bottom: 0;
  opacity: 0.5;
}

/* =============================================================================
--- Widget Social (GRVE WIDGET)
============================================================================= */
.grve-widget.grve-social,
.elementor-widget-wp-widget-grve-widget-social {
  overflow: hidden;
  /* Small Size */
  /* Medium Size */
  /* Large Size */
}
.grve-widget.grve-social ul,
.elementor-widget-wp-widget-grve-widget-social ul {
  margin: 0;
  list-style: none;
  font-size: 0;
}
.grve-widget.grve-social li,
.elementor-widget-wp-widget-grve-widget-social li {
  font-size: 13px;
  display: inline-block;
  margin: 0px 10px 10px 0;
}
.grve-widget.grve-social li a,
.elementor-widget-wp-widget-grve-widget-social li a {
  display: inline-block;
  width: inherit;
  height: inherit;
  line-height: inherit;
  text-align: center;
  font-size: 16px;
  color: inherit;
  transition: all 0.3s ease-in-out;
}
.grve-widget.grve-social li a.grve-outline,
.elementor-widget-wp-widget-grve-widget-social li a.grve-outline {
  border: 1px solid;
  border-color: inherit;
}
.grve-widget.grve-social li a.grve-small,
.elementor-widget-wp-widget-grve-widget-social li a.grve-small {
  font-size: 1.125em;
}
.grve-widget.grve-social li a.grve-small.grve-outline,
.grve-widget.grve-social li a.grve-small.grve-simple,
.elementor-widget-wp-widget-grve-widget-social li a.grve-small.grve-outline,
.elementor-widget-wp-widget-grve-widget-social li a.grve-small.grve-simple {
  width: 2.188em;
  height: 2.188em;
  line-height: 2.188em;
  font-size: 1em;
}
.grve-widget.grve-social li a.grve-medium,
.elementor-widget-wp-widget-grve-widget-social li a.grve-medium {
  font-size: 1.500em;
}
.grve-widget.grve-social li a.grve-medium.grve-outline,
.grve-widget.grve-social li a.grve-medium.grve-simple,
.elementor-widget-wp-widget-grve-widget-social li a.grve-medium.grve-outline,
.elementor-widget-wp-widget-grve-widget-social li a.grve-medium.grve-simple {
  width: 2.778em;
  height: 2.778em;
  line-height: 2.778em;
  font-size: 1.125em;
}
.grve-widget.grve-social li a.grve-large,
.elementor-widget-wp-widget-grve-widget-social li a.grve-large {
  font-size: 2.000em;
}
.grve-widget.grve-social li a.grve-large.grve-outline,
.grve-widget.grve-social li a.grve-large.grve-simple,
.elementor-widget-wp-widget-grve-widget-social li a.grve-large.grve-outline,
.elementor-widget-wp-widget-grve-widget-social li a.grve-large.grve-simple {
  width: 3.500em;
  height: 3.500em;
  line-height: 3.500em;
  font-size: 1.250em;
}

/* =============================================================================
--- Widget Social List (GRVE WIDGET)
============================================================================= */
.grve-widget.grve-social-list ul,
.elementor-widget-wp-widget-grve-widget-social-list ul {
  margin: 0;
  list-style: none;
}
.grve-widget.grve-social-list ul.grve-horizontal li a,
.elementor-widget-wp-widget-grve-widget-social-list ul.grve-horizontal li a {
  color: inherit;
  display: inline-block;
  vertical-align: middle;
  transition: all .3s;
}
.grve-widget.grve-social-list ul.grve-vertical li,
.elementor-widget-wp-widget-grve-widget-social-list ul.grve-vertical li {
  margin-bottom: 7px;
}
.grve-widget.grve-social-list ul.grve-horizontal li a:hover,
.elementor-widget-wp-widget-grve-widget-social-list ul.grve-horizontal li a:hover {
  color: inherit !important;
  opacity: 0.6;
}
@media screen and (min-width: 1201px) {
  .grve-widget.grve-social-list ul.grve-horizontal li,
  .elementor-widget-wp-widget-grve-widget-social-list ul.grve-horizontal li {
    display: inline-block;
  }
  .grve-widget.grve-social-list ul.grve-horizontal li:after,
  .elementor-widget-wp-widget-grve-widget-social-list ul.grve-horizontal li:after {
    content: '';
    width: 36px;
    border-top: 1px solid;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 2px 0px 2px;
    opacity: 0.3;
  }
  .grve-widget.grve-social-list ul.grve-horizontal li:last-child:after,
  .elementor-widget-wp-widget-grve-widget-social-list ul.grve-horizontal li:last-child:after {
    display: none;
  }
}

/* =============================================================================
--- Widget Sticky Widget (GRVE WIDGET)
============================================================================= */
.grve-widget.grve-sticky-widget {
  margin-bottom: 0;
}

/* =============================================================================
--- Widget Polylang
============================================================================= */
.grve-widget.widget_polylang ul {
  margin: 0;
  list-style: none;
}
.grve-widget.widget_polylang ul li {
  margin-bottom: 10px;
}
.grve-widget.widget_polylang ul li img {
  margin-top: -2px;
  margin-right: 5px;
}

/* =============================================================================
- Gutenberg
============================================================================= */
@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-column.grve-column-tablet-sm-10 {
    flex-basis: 10% !important;
    margin-left: 0;
  }

  .wp-block-column.grve-column-tablet-sm-20 {
    flex-basis: 20% !important;
    margin-left: 0;
  }

  .wp-block-column.grve-column-tablet-sm-30 {
    flex-basis: 30% !important;
    margin-left: 0;
  }

  .wp-block-column.grve-column-tablet-sm-40 {
    flex-basis: 40% !important;
    margin-left: 0;
  }

  .wp-block-column.grve-column-tablet-sm-50 {
    flex-basis: 50% !important;
    margin-left: 0;
  }

  .wp-block-column.grve-column-tablet-sm-60 {
    flex-basis: 60% !important;
    margin-left: 0;
  }

  .wp-block-column.grve-column-tablet-sm-70 {
    flex-basis: 70% !important;
    margin-left: 0;
  }

  .wp-block-column.grve-column-tablet-sm-80 {
    flex-basis: 80% !important;
    margin-left: 0;
  }

  .wp-block-column.grve-column-tablet-sm-90 {
    flex-basis: 90% !important;
    margin-left: 0;
  }

  .wp-block-column.grve-column-tablet-sm-100 {
    flex-basis: 100% !important;
    margin-left: 0;
  }
}
@media (max-width: 781px) {
  .wp-block-spacer.grve-spacer-tablet-sm-10 {
    height: 10px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-15 {
    height: 15px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-20 {
    height: 20px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-25 {
    height: 25px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-30 {
    height: 30px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-35 {
    height: 35px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-40 {
    height: 40px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-45 {
    height: 45px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-50 {
    height: 50px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-55 {
    height: 55px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-60 {
    height: 60px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-65 {
    height: 65px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-70 {
    height: 70px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-75 {
    height: 75px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-80 {
    height: 80px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-85 {
    height: 85px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-90 {
    height: 90px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-95 {
    height: 95px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-100 {
    height: 100px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-110 {
    height: 110px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-120 {
    height: 120px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-130 {
    height: 130px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-140 {
    height: 140px !important;
  }

  .wp-block-spacer.grve-spacer-tablet-sm-150 {
    height: 150px !important;
  }
}
@media (max-width: 599px) {
  .wp-block-spacer.grve-spacer-mobile-10 {
    height: 10px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-15 {
    height: 15px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-20 {
    height: 20px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-25 {
    height: 25px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-30 {
    height: 30px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-35 {
    height: 35px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-40 {
    height: 40px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-45 {
    height: 45px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-50 {
    height: 50px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-55 {
    height: 55px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-60 {
    height: 60px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-65 {
    height: 65px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-70 {
    height: 70px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-75 {
    height: 75px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-80 {
    height: 80px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-85 {
    height: 85px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-90 {
    height: 90px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-95 {
    height: 95px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-100 {
    height: 100px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-110 {
    height: 110px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-120 {
    height: 120px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-130 {
    height: 130px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-140 {
    height: 140px !important;
  }

  .wp-block-spacer.grve-spacer-mobile-150 {
    height: 150px !important;
  }
}
/* =============================================================================
--- Aligns
============================================================================= */
#grve-content:not(.grve-with-sidebar) .alignfull {
  margin-left: calc((-100vw + 100%)/2);
  margin-right: calc((-100vw + 100%)/2);
  max-width: 100vw;
  width: auto;
}

.alignwide {
  margin-left: -6vw;
  margin-right: -6vw;
  width: calc(100% + 12vw);
  max-width: none;
}

#grve-content.grve-right-sidebar .alignwide {
  margin-right: 0;
  width: calc(100% + 6vw);
  max-width: none;
}

#grve-content.grve-left-sidebar .alignwide {
  margin-left: 0;
  width: calc(100% + 6vw);
  max-width: none;
}

@media only screen and (max-width: 1023px) {
  .alignwide {
    margin-left: -3vw;
    margin-right: -3vw;
    width: calc(100% + 6vw);
  }

  #grve-content.grve-right-sidebar .alignwide,
  #grve-content.grve-left-sidebar .alignwide {
    margin-left: -6vw;
    margin-right: -6vw;
    width: calc(100% + 12vw);
  }
}
@media only screen and (max-width: 767px) {
  .alignwide {
    margin-left: -6vw;
    margin-right: -6vw;
    width: calc(100% + 12vw);
  }

  #grve-content.grve-right-sidebar .alignwide,
  #grve-content.grve-left-sidebar .alignwide {
    margin-left: -6vw;
    margin-right: -6vw;
    width: calc(100% + 12vw);
  }
}
.wp-block-group.has-background {
  padding: 2.000rem;
}

.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
  padding-left: 30px;
  padding-right: 30px;
}

/* =============================================================================
--- Text Sizes
============================================================================= */
.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-huge-font-size,
.has-larger-font-size {
  line-height: 1.2;
}

/* =============================================================================
--- Block Quote
============================================================================= */
.wp-block-quote.is-large:before {
  content: '';
}

/* =============================================================================
--- Block Margins
============================================================================= */
.wp-block-cover:not(:last-child),
.wp-block-cover-image:not(:last-child),
.wp-block-gallery:not(:last-child),
.wp-block-video:not(:last-child),
.wp-block-embed:not(:last-child),
.wp-block-audio:not(:last-child),
.wp-block-button:not(:last-child),
.wp-block-search:not(:last-child),
.wp-block-group.has-background:not(:last-child),
.wp-block-media-text:not(:last-child) {
  margin-bottom: 30px;
}

/* =============================================================================
--- Block Pullquote
============================================================================= */
.wp-block-pullquote {
  border: none;
}
.wp-block-pullquote blockquote:before {
  content: '';
}

/* =============================================================================
--- Block Pullquote
============================================================================= */
#grve-content blockquote.wp-block-quote {
  padding-top: 5px;
  padding-bottom: 5px;
}
#grve-content blockquote.wp-block-quote cite {
  display: block;
  margin-top: 1em;
  font-size: 14px;
  line-height: 1;
  text-align: inherit;
}

.wp-block-pullquote {
  text-align: center;
}

/* =============================================================================
--- Block Separator
============================================================================= */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100%;
  max-width: 100px;
  border: none;
  border-bottom: 1px solid currentColor;
  margin-top: 30px;
  margin-bottom: 30px;
}
.wp-block-separator.is-style-wide {
  width: auto;
  border: none;
  border-bottom: 1px solid currentColor;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -12%;
  margin-right: -12%;
}

/* =============================================================================
--- Block  Archives/ Categories / Latest Posts
============================================================================= */
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts {
  margin: 0;
  list-style: none;
}

.wp-block-archives li,
.wp-block-categories li,
.wp-block-latest-posts li {
  margin-bottom: 6px;
  text-align: left;
  overflow: hidden;
}

.wp-block-archives li ul,
.wp-block-categories li ul,
.wp-block-latest-posts li ul {
  padding-left: 10px;
}

.wp-block-archives li:last-child,
.wp-block-categories li:last-child,
.wp-block-latest-posts li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.wp-block-latest-comments {
  margin: 0;
  list-style: none;
}

/* =============================================================================
--- Block Cover
============================================================================= */
.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
  color: #ffffff;
}

.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
  color: #ffffff;
}

/* =============================================================================
--- Block Button
============================================================================= */
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

/* =============================================================================
--- Block Gallery
============================================================================= */
.wp-block-gallery .blocks-gallery-item figcaption {
  line-height: 1.4;
}

/* =============================================================================
--- Caption
============================================================================= */
.wp-block-embed figcaption,
.blocks-gallery-caption {
  font-size: 14px;
  text-align: center;
}

/* =============================================================================
--- Search
============================================================================= */
.wp-block-search .wp-block-search__input {
  border-color: inherit;
  padding: 0 16px;
}

/* =============================================================================
- Print
============================================================================= */
@media print {
  /* =============================================================================
  --- General Print
  ============================================================================= */
  @page {
    margin: 3.5cm;
  }
  img {
    max-height: 200px !important;
    width: auto !important;
  }

  .grve-body {
    background-color: #ffffff !important;
  }

  /* =============================================================================
  --- Print Typography
  ============================================================================= */
  body,
  .grve-quote-text,
  blockquote p,
  .single-post #grve-single-content {
    font-size: 12pt !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    line-height: 1.3 !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .grve-title,
  .grve-description,
  .grve-subheading,
  .grve-link-text {
    font-family: Georgia, "Times New Roman", Times, serif !important;
  }

  p a:link:after,
  p a:visited:after {
    content: " [" attr(href) "] ";
  }

  .grve-element {
    margin-bottom: 40px !important;
  }

  .vc_empty_space {
    display: none;
  }

  .grve-animated-item {
    opacity: 1;
  }

  .grve-background-wrapper {
    display: none;
  }

  #grve-footer,
  #grve-sidebar,
  .grve-single-post-tags,
  #grve-about-author,
  #grve-comment-form,
  .grve-navigation-bar,
  .grve-back-top {
    display: none;
  }

  #grve-header,
  .grve-hidden-area,
  .grve-modal,
  #grve-safebutton-area,
  .grve-mask-wrapper {
    display: none !important;
  }

  .grve-title-section,
  .grve-title-section .grve-wrapper {
    height: 200px !important;
    min-height: 200px !important;
    background-color: #ffffff;
    position: static;
    display: block;
  }

  .grve-title-section .grve-title-content-wrapper {
    background-color: #ffffff !important;
    max-width: 100% !important;
    text-align: left;
  }

  .grve-title-section .grve-subheading,
  .grve-title-section .grve-title,
  .grve-title-section .grve-title-meta-content {
    color: #000000 !important;
  }

  #grve-content.grve-right-sidebar #grve-main-content,
  #grve-content.grve-left-sidebar #grve-main-content {
    width: 100%;
    float: none;
  }

  #grve-header.grve-fullwidth #grve-main-header:not(.grve-side-default) .grve-container {
    padding: 0;
  }
}
body.rtl {
  direction: rtl;
  unicode-bidi: embed;
  /* Position Left / Right */
}
body.rtl .grve-align-left {
  text-align: right;
}
body.rtl .grve-align-right {
  text-align: left;
}
body.rtl .grve-margin-left-1x,
body.rtl .grve-margin-list-left-1x li:not(:first-child) {
  margin-left: 0px;
  margin-right: 6px;
}
body.rtl .grve-margin-left-2x,
body.rtl .grve-margin-list-left-2x li:not(:first-child) {
  margin-left: 0px;
  margin-right: 12px;
}
body.rtl .grve-margin-left-3x,
body.rtl .grve-margin-list-left-3x li:not(:first-child) {
  margin-left: 0px;
  margin-right: 18px;
}
body.rtl .grve-margin-left-4x,
body.rtl .grve-margin-list-left-4x li:not(:first-child) {
  margin-left: 0px;
  margin-right: 24px;
}
body.rtl .grve-margin-left-5x,
body.rtl .grve-margin-list-left-5x li:not(:first-child) {
  margin-left: 0px;
  margin-right: 30px;
}
body.rtl .grve-margin-left-6x,
body.rtl .grve-margin-list-left-6x li:not(:first-child) {
  margin-left: 0px;
  margin-right: 36px;
}
body.rtl .grve-margin-right-1x,
body.rtl .grve-margin-list-right-1x li:not(:last-child) {
  margin-right: 0px;
  margin-left: 6px;
}
body.rtl .grve-margin-right-2x,
body.rtl .grve-margin-list-right-2x li:not(:last-child) {
  margin-right: 0px;
  margin-left: 12px;
}
body.rtl .grve-margin-right-3x,
body.rtl .grve-margin-list-right-3x li:not(:last-child) {
  margin-right: 0px;
  margin-left: 18px;
}
body.rtl .grve-margin-right-4x,
body.rtl .grve-margin-list-right-4x li:not(:last-child) {
  margin-right: 0px;
  margin-left: 24px;
}
body.rtl .grve-margin-right-5x,
body.rtl .grve-margin-list-right-5x li:not(:last-child) {
  margin-right: 0px;
  margin-left: 30px;
}
body.rtl .grve-margin-right-6x,
body.rtl .grve-margin-list-right-6x li:not(:last-child) {
  margin-right: 0px;
  margin-left: 36px;
}
body.rtl .grve-border-left {
  border-left: none;
  border-right: 1px solid;
}
body.rtl .grve-border-right {
  border-right: none;
  border-left: 1px solid;
}
body.rtl .grve-privacy-content {
  padding-right: 0;
  padding-left: 300px;
}
body.rtl .grve-privacy-buttons-wrapper {
  right: auto;
  left: 30px;
}
body.rtl .grve-privacy-btn + .grve-privacy-btn {
  margin-left: 0;
  margin-right: 24px;
}
body.rtl #grve-privacy-bar.grve-bar-position-left {
  right: 15px;
  left: auto;
}
body.rtl #grve-privacy-bar.grve-bar-position-right {
  right: auto;
  left: 15px;
}
body.rtl #grve-privacy-bar.grve-bar-position-left .grve-privacy-agreement,
body.rtl #grve-privacy-bar.grve-bar-position-right .grve-privacy-agreement {
  float: left;
}
@media only screen and (max-width: 767px) {
  body.rtl #grve-privacy-bar.grve-bar-position-left,
  body.rtl #grve-privacy-bar.grve-bar-position-right {
    left: 5%;
    right: 5%;
  }
  body.rtl .grve-privacy-agreement {
    float: left;
  }
}
body.rtl .grve-privacy-switch .grve-switch {
  left: 0;
  right: auto;
}

/* =============================================================================
- Page Title & Feature Section
============================================================================= */
.grve-title-section,
#grve-feature-section {
  position: relative;
  overflow: hidden;
  z-index: 5;
  clear: both;
  clip: rect(0, auto, auto, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.grve-title-section .grve-content,
#grve-feature-section .grve-content {
  opacity: 0;
  display: table-cell;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.grve-title-section .grve-content.show, .grve-title-section .grve-content[data-animation="none"],
#grve-feature-section .grve-content.show,
#grve-feature-section .grve-content[data-animation="none"] {
  opacity: 1;
}
.grve-title-section .grve-wrapper,
#grve-feature-section .grve-wrapper {
  display: table;
  width: 100%;
  position: relative;
  z-index: 5;
}
.grve-title-section .grve-subheading,
.grve-title-section .grve-title,
.grve-title-section .grve-description,
#grve-feature-section .grve-subheading,
#grve-feature-section .grve-title,
#grve-feature-section .grve-description {
  display: block;
  position: relative;
  z-index: 10;
}
.grve-title-section .grve-subheading.grve-text-white,
.grve-title-section .grve-title.grve-text-white,
.grve-title-section .grve-description.grve-text-white,
#grve-feature-section .grve-subheading.grve-text-white,
#grve-feature-section .grve-title.grve-text-white,
#grve-feature-section .grve-description.grve-text-white {
  color: #ffffff;
}
.grve-title-section .grve-subheading.grve-text-black,
.grve-title-section .grve-title.grve-text-black,
.grve-title-section .grve-description.grve-text-black,
#grve-feature-section .grve-subheading.grve-text-black,
#grve-feature-section .grve-title.grve-text-black,
#grve-feature-section .grve-description.grve-text-black {
  color: #000000;
}
.grve-title-section .grve-title,
.grve-title-section .grve-description,
#grve-feature-section .grve-title,
#grve-feature-section .grve-description {
  margin-bottom: 18px;
}
.grve-title-section .grve-title:last-child,
.grve-title-section .grve-description:last-child,
#grve-feature-section .grve-title:last-child,
#grve-feature-section .grve-description:last-child {
  margin-bottom: 0;
}
.grve-title-section .grve-subheading,
#grve-feature-section .grve-subheading {
  margin-bottom: 18px;
}

#grve-feature-section .grve-feature-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip: rect(0, auto, auto, 0);
}

.grve-title-section .grve-title > span:empty {
  display: none;
}

#grve-feature-section a + .grve-description {
  margin-top: 18px;
}

#grve-feature-section .grve-parallax-wrapper {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

/* Feature Prallax Wrapper and Open Safe Button Area */
body.grve-open-safebutton-area #grve-feature-section .grve-parallax-wrapper {
  position: relative !important;
}

/* =============================================================================
--- Page Title & Feature Section Heights
============================================================================= */
.grve-title-section.grve-fullscreen,
#grve-feature-section.grve-fullscreen {
  min-height: 100vh;
}
.grve-title-section.grve-fullscreen .grve-wrapper,
#grve-feature-section.grve-fullscreen .grve-wrapper {
  height: 100vh;
}
.grve-title-section.grve-fullscreen .grve-content.grve-align-left-top, .grve-title-section.grve-fullscreen .grve-content.grve-align-center-top, .grve-title-section.grve-fullscreen .grve-content.grve-align-right-top,
#grve-feature-section.grve-fullscreen .grve-content.grve-align-left-top,
#grve-feature-section.grve-fullscreen .grve-content.grve-align-center-top,
#grve-feature-section.grve-fullscreen .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section.grve-fullscreen .grve-content.grve-align-left-bottom, .grve-title-section.grve-fullscreen .grve-content.grve-align-center-bottom, .grve-title-section.grve-fullscreen .grve-content.grve-align-right-bottom,
#grve-feature-section.grve-fullscreen .grve-content.grve-align-left-bottom,
#grve-feature-section.grve-fullscreen .grve-content.grve-align-center-bottom,
#grve-feature-section.grve-fullscreen .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section.grve-fullscreen.grve-bg-parallax, .grve-title-section.grve-fullscreen.grve-bg-advanced-parallax, .grve-title-section.grve-fullscreen.grve-bg-fixed-section,
#grve-feature-section.grve-fullscreen.grve-bg-parallax,
#grve-feature-section.grve-fullscreen.grve-bg-advanced-parallax,
#grve-feature-section.grve-fullscreen.grve-bg-fixed-section {
  height: 100vh;
}
.grve-title-section.grve-small-height,
#grve-feature-section.grve-small-height {
  min-height: 350px;
}
.grve-title-section.grve-small-height .grve-wrapper,
#grve-feature-section.grve-small-height .grve-wrapper {
  height: 350px;
}
.grve-title-section.grve-small-height .grve-content.grve-align-left-top, .grve-title-section.grve-small-height .grve-content.grve-align-center-top, .grve-title-section.grve-small-height .grve-content.grve-align-right-top,
#grve-feature-section.grve-small-height .grve-content.grve-align-left-top,
#grve-feature-section.grve-small-height .grve-content.grve-align-center-top,
#grve-feature-section.grve-small-height .grve-content.grve-align-right-top {
  padding-top: 2%;
}
.grve-title-section.grve-small-height .grve-content.grve-align-left-bottom, .grve-title-section.grve-small-height .grve-content.grve-align-center-bottom, .grve-title-section.grve-small-height .grve-content.grve-align-right-bottom,
#grve-feature-section.grve-small-height .grve-content.grve-align-left-bottom,
#grve-feature-section.grve-small-height .grve-content.grve-align-center-bottom,
#grve-feature-section.grve-small-height .grve-content.grve-align-right-bottom {
  padding-bottom: 2%;
}
.grve-title-section.grve-small-height.grve-bg-parallax, .grve-title-section.grve-small-height.grve-bg-advanced-parallax, .grve-title-section.grve-small-height.grve-bg-fixed-section,
#grve-feature-section.grve-small-height.grve-bg-parallax,
#grve-feature-section.grve-small-height.grve-bg-advanced-parallax,
#grve-feature-section.grve-small-height.grve-bg-fixed-section {
  height: 350px;
}
.grve-title-section.grve-medium-height,
#grve-feature-section.grve-medium-height {
  min-height: 500px;
}
.grve-title-section.grve-medium-height .grve-wrapper,
#grve-feature-section.grve-medium-height .grve-wrapper {
  height: 500px;
}
.grve-title-section.grve-medium-height .grve-content.grve-align-left-top, .grve-title-section.grve-medium-height .grve-content.grve-align-center-top, .grve-title-section.grve-medium-height .grve-content.grve-align-right-top,
#grve-feature-section.grve-medium-height .grve-content.grve-align-left-top,
#grve-feature-section.grve-medium-height .grve-content.grve-align-center-top,
#grve-feature-section.grve-medium-height .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section.grve-medium-height .grve-content.grve-align-left-bottom, .grve-title-section.grve-medium-height .grve-content.grve-align-center-bottom, .grve-title-section.grve-medium-height .grve-content.grve-align-right-bottom,
#grve-feature-section.grve-medium-height .grve-content.grve-align-left-bottom,
#grve-feature-section.grve-medium-height .grve-content.grve-align-center-bottom,
#grve-feature-section.grve-medium-height .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section.grve-medium-height.grve-bg-parallax, .grve-title-section.grve-medium-height.grve-bg-advanced-parallax, .grve-title-section.grve-medium-height.grve-bg-fixed-section,
#grve-feature-section.grve-medium-height.grve-bg-parallax,
#grve-feature-section.grve-medium-height.grve-bg-advanced-parallax,
#grve-feature-section.grve-medium-height.grve-bg-fixed-section {
  height: 500px;
}
.grve-title-section.grve-large-height,
#grve-feature-section.grve-large-height {
  min-height: 700px;
}
.grve-title-section.grve-large-height .grve-wrapper,
#grve-feature-section.grve-large-height .grve-wrapper {
  height: 700px;
}
.grve-title-section.grve-large-height .grve-content.grve-align-left-top, .grve-title-section.grve-large-height .grve-content.grve-align-center-top, .grve-title-section.grve-large-height .grve-content.grve-align-right-top,
#grve-feature-section.grve-large-height .grve-content.grve-align-left-top,
#grve-feature-section.grve-large-height .grve-content.grve-align-center-top,
#grve-feature-section.grve-large-height .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section.grve-large-height .grve-content.grve-align-left-bottom, .grve-title-section.grve-large-height .grve-content.grve-align-center-bottom, .grve-title-section.grve-large-height .grve-content.grve-align-right-bottom,
#grve-feature-section.grve-large-height .grve-content.grve-align-left-bottom,
#grve-feature-section.grve-large-height .grve-content.grve-align-center-bottom,
#grve-feature-section.grve-large-height .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section.grve-large-height.grve-bg-parallax, .grve-title-section.grve-large-height.grve-bg-advanced-parallax, .grve-title-section.grve-large-height.grve-bg-fixed-section,
#grve-feature-section.grve-large-height.grve-bg-parallax,
#grve-feature-section.grve-large-height.grve-bg-advanced-parallax,
#grve-feature-section.grve-large-height.grve-bg-fixed-section {
  height: 700px;
}
@media only screen and (max-width: 1200px) {
  .grve-title-section.grve-medium-height,
  #grve-feature-section.grve-medium-height {
    min-height: 400px;
  }
  .grve-title-section.grve-medium-height .grve-wrapper,
  #grve-feature-section.grve-medium-height .grve-wrapper {
    height: 400px;
  }
  .grve-title-section.grve-medium-height.grve-bg-parallax, .grve-title-section.grve-medium-height.grve-bg-advanced-parallax, .grve-title-section.grve-medium-height.grve-bg-fixed-section,
  #grve-feature-section.grve-medium-height.grve-bg-parallax,
  #grve-feature-section.grve-medium-height.grve-bg-advanced-parallax,
  #grve-feature-section.grve-medium-height.grve-bg-fixed-section {
    height: 400px;
  }
  .grve-title-section.grve-large-height,
  #grve-feature-section.grve-large-height {
    min-height: 500px;
  }
  .grve-title-section.grve-large-height .grve-wrapper,
  #grve-feature-section.grve-large-height .grve-wrapper {
    height: 500px;
  }
  .grve-title-section.grve-large-height.grve-bg-parallax, .grve-title-section.grve-large-height.grve-bg-advanced-parallax, .grve-title-section.grve-large-height.grve-bg-fixed-section,
  #grve-feature-section.grve-large-height.grve-bg-parallax,
  #grve-feature-section.grve-large-height.grve-bg-advanced-parallax,
  #grve-feature-section.grve-large-height.grve-bg-fixed-section {
    height: 500px;
  }
}
@media only screen and (max-width: 1023px) {
  .grve-title-section.grve-medium-height,
  #grve-feature-section.grve-medium-height {
    min-height: 350px;
  }
  .grve-title-section.grve-medium-height .grve-wrapper,
  #grve-feature-section.grve-medium-height .grve-wrapper {
    height: 350px;
  }
  .grve-title-section.grve-medium-height.grve-bg-parallax, .grve-title-section.grve-medium-height.grve-bg-advanced-parallax, .grve-title-section.grve-medium-height.grve-bg-fixed-section,
  #grve-feature-section.grve-medium-height.grve-bg-parallax,
  #grve-feature-section.grve-medium-height.grve-bg-advanced-parallax,
  #grve-feature-section.grve-medium-height.grve-bg-fixed-section {
    height: 350px;
  }
  .grve-title-section.grve-large-height,
  #grve-feature-section.grve-large-height {
    min-height: 450px;
  }
  .grve-title-section.grve-large-height .grve-wrapper,
  #grve-feature-section.grve-large-height .grve-wrapper {
    height: 450px;
  }
  .grve-title-section.grve-large-height.grve-bg-parallax, .grve-title-section.grve-large-height.grve-bg-advanced-parallax, .grve-title-section.grve-large-height.grve-bg-fixed-section,
  #grve-feature-section.grve-large-height.grve-bg-parallax,
  #grve-feature-section.grve-large-height.grve-bg-advanced-parallax,
  #grve-feature-section.grve-large-height.grve-bg-fixed-section {
    height: 450px;
  }
}
.grve-title-section[data-height="10"],
#grve-feature-section[data-height="10"] {
  min-height: 10vh;
}
.grve-title-section[data-height="10"] .grve-wrapper,
#grve-feature-section[data-height="10"] .grve-wrapper {
  height: 10vh;
}
.grve-title-section[data-height="10"] .grve-content.grve-align-left-top, .grve-title-section[data-height="10"] .grve-content.grve-align-center-top, .grve-title-section[data-height="10"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="10"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="10"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="10"] .grve-content.grve-align-right-top {
  padding-top: 2%;
}
.grve-title-section[data-height="10"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="10"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="10"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="10"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="10"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="10"] .grve-content.grve-align-right-bottom {
  padding-bottom: 2%;
}
.grve-title-section[data-height="10"].grve-bg-parallax, .grve-title-section[data-height="10"].grve-bg-advanced-parallax, .grve-title-section[data-height="10"].grve-bg-fixed-section,
#grve-feature-section[data-height="10"].grve-bg-parallax,
#grve-feature-section[data-height="10"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="10"].grve-bg-fixed-section {
  height: 10vh;
}
.grve-title-section[data-height="15"],
#grve-feature-section[data-height="15"] {
  min-height: 15vh;
}
.grve-title-section[data-height="15"] .grve-wrapper,
#grve-feature-section[data-height="15"] .grve-wrapper {
  height: 15vh;
}
.grve-title-section[data-height="15"] .grve-content.grve-align-left-top, .grve-title-section[data-height="15"] .grve-content.grve-align-center-top, .grve-title-section[data-height="15"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="15"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="15"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="15"] .grve-content.grve-align-right-top {
  padding-top: 2%;
}
.grve-title-section[data-height="15"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="15"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="15"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="15"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="15"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="15"] .grve-content.grve-align-right-bottom {
  padding-bottom: 2%;
}
.grve-title-section[data-height="15"].grve-bg-parallax, .grve-title-section[data-height="15"].grve-bg-advanced-parallax, .grve-title-section[data-height="15"].grve-bg-fixed-section,
#grve-feature-section[data-height="15"].grve-bg-parallax,
#grve-feature-section[data-height="15"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="15"].grve-bg-fixed-section {
  height: 15vh;
}
.grve-title-section[data-height="20"],
#grve-feature-section[data-height="20"] {
  min-height: 20vh;
}
.grve-title-section[data-height="20"] .grve-wrapper,
#grve-feature-section[data-height="20"] .grve-wrapper {
  height: 20vh;
}
.grve-title-section[data-height="20"] .grve-content.grve-align-left-top, .grve-title-section[data-height="20"] .grve-content.grve-align-center-top, .grve-title-section[data-height="20"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="20"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="20"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="20"] .grve-content.grve-align-right-top {
  padding-top: 2%;
}
.grve-title-section[data-height="20"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="20"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="20"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="20"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="20"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="20"] .grve-content.grve-align-right-bottom {
  padding-bottom: 2%;
}
.grve-title-section[data-height="20"].grve-bg-parallax, .grve-title-section[data-height="20"].grve-bg-advanced-parallax, .grve-title-section[data-height="20"].grve-bg-fixed-section,
#grve-feature-section[data-height="20"].grve-bg-parallax,
#grve-feature-section[data-height="20"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="20"].grve-bg-fixed-section {
  height: 20vh;
}
.grve-title-section[data-height="25"],
#grve-feature-section[data-height="25"] {
  min-height: 25vh;
}
.grve-title-section[data-height="25"] .grve-wrapper,
#grve-feature-section[data-height="25"] .grve-wrapper {
  height: 25vh;
}
.grve-title-section[data-height="25"] .grve-content.grve-align-left-top, .grve-title-section[data-height="25"] .grve-content.grve-align-center-top, .grve-title-section[data-height="25"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="25"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="25"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="25"] .grve-content.grve-align-right-top {
  padding-top: 2.5%;
}
.grve-title-section[data-height="25"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="25"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="25"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="25"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="25"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="25"] .grve-content.grve-align-right-bottom {
  padding-bottom: 2.5%;
}
.grve-title-section[data-height="25"].grve-bg-parallax, .grve-title-section[data-height="25"].grve-bg-advanced-parallax, .grve-title-section[data-height="25"].grve-bg-fixed-section,
#grve-feature-section[data-height="25"].grve-bg-parallax,
#grve-feature-section[data-height="25"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="25"].grve-bg-fixed-section {
  height: 25vh;
}
.grve-title-section[data-height="30"],
#grve-feature-section[data-height="30"] {
  min-height: 30vh;
}
.grve-title-section[data-height="30"] .grve-wrapper,
#grve-feature-section[data-height="30"] .grve-wrapper {
  height: 30vh;
}
.grve-title-section[data-height="30"] .grve-content.grve-align-left-top, .grve-title-section[data-height="30"] .grve-content.grve-align-center-top, .grve-title-section[data-height="30"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="30"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="30"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="30"] .grve-content.grve-align-right-top {
  padding-top: 3%;
}
.grve-title-section[data-height="30"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="30"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="30"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="30"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="30"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="30"] .grve-content.grve-align-right-bottom {
  padding-bottom: 3%;
}
.grve-title-section[data-height="30"].grve-bg-parallax, .grve-title-section[data-height="30"].grve-bg-advanced-parallax, .grve-title-section[data-height="30"].grve-bg-fixed-section,
#grve-feature-section[data-height="30"].grve-bg-parallax,
#grve-feature-section[data-height="30"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="30"].grve-bg-fixed-section {
  height: 30vh;
}
.grve-title-section[data-height="35"],
#grve-feature-section[data-height="35"] {
  min-height: 35vh;
}
.grve-title-section[data-height="35"] .grve-wrapper,
#grve-feature-section[data-height="35"] .grve-wrapper {
  height: 35vh;
}
.grve-title-section[data-height="35"] .grve-content.grve-align-left-top, .grve-title-section[data-height="35"] .grve-content.grve-align-center-top, .grve-title-section[data-height="35"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="35"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="35"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="35"] .grve-content.grve-align-right-top {
  padding-top: 3.5%;
}
.grve-title-section[data-height="35"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="35"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="35"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="35"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="35"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="35"] .grve-content.grve-align-right-bottom {
  padding-bottom: 3.5%;
}
.grve-title-section[data-height="35"].grve-bg-parallax, .grve-title-section[data-height="35"].grve-bg-advanced-parallax, .grve-title-section[data-height="35"].grve-bg-fixed-section,
#grve-feature-section[data-height="35"].grve-bg-parallax,
#grve-feature-section[data-height="35"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="35"].grve-bg-fixed-section {
  height: 35vh;
}
.grve-title-section[data-height="40"],
#grve-feature-section[data-height="40"] {
  min-height: 40vh;
}
.grve-title-section[data-height="40"] .grve-wrapper,
#grve-feature-section[data-height="40"] .grve-wrapper {
  height: 40vh;
}
.grve-title-section[data-height="40"] .grve-content.grve-align-left-top, .grve-title-section[data-height="40"] .grve-content.grve-align-center-top, .grve-title-section[data-height="40"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="40"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="40"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="40"] .grve-content.grve-align-right-top {
  padding-top: 4%;
}
.grve-title-section[data-height="40"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="40"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="40"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="40"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="40"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="40"] .grve-content.grve-align-right-bottom {
  padding-bottom: 4%;
}
.grve-title-section[data-height="40"].grve-bg-parallax, .grve-title-section[data-height="40"].grve-bg-advanced-parallax, .grve-title-section[data-height="40"].grve-bg-fixed-section,
#grve-feature-section[data-height="40"].grve-bg-parallax,
#grve-feature-section[data-height="40"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="40"].grve-bg-fixed-section {
  height: 40vh;
}
.grve-title-section[data-height="45"],
#grve-feature-section[data-height="45"] {
  min-height: 45vh;
}
.grve-title-section[data-height="45"] .grve-wrapper,
#grve-feature-section[data-height="45"] .grve-wrapper {
  height: 45vh;
}
.grve-title-section[data-height="45"] .grve-content.grve-align-left-top, .grve-title-section[data-height="45"] .grve-content.grve-align-center-top, .grve-title-section[data-height="45"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="45"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="45"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="45"] .grve-content.grve-align-right-top {
  padding-top: 4.5%;
}
.grve-title-section[data-height="45"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="45"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="45"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="45"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="45"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="45"] .grve-content.grve-align-right-bottom {
  padding-bottom: 4.5%;
}
.grve-title-section[data-height="45"].grve-bg-parallax, .grve-title-section[data-height="45"].grve-bg-advanced-parallax, .grve-title-section[data-height="45"].grve-bg-fixed-section,
#grve-feature-section[data-height="45"].grve-bg-parallax,
#grve-feature-section[data-height="45"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="45"].grve-bg-fixed-section {
  height: 45vh;
}
.grve-title-section[data-height="50"],
#grve-feature-section[data-height="50"] {
  min-height: 50vh;
}
.grve-title-section[data-height="50"] .grve-wrapper,
#grve-feature-section[data-height="50"] .grve-wrapper {
  height: 50vh;
}
.grve-title-section[data-height="50"] .grve-content.grve-align-left-top, .grve-title-section[data-height="50"] .grve-content.grve-align-center-top, .grve-title-section[data-height="50"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="50"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="50"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="50"] .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section[data-height="50"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="50"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="50"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="50"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="50"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="50"] .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section[data-height="50"].grve-bg-parallax, .grve-title-section[data-height="50"].grve-bg-advanced-parallax, .grve-title-section[data-height="50"].grve-bg-fixed-section,
#grve-feature-section[data-height="50"].grve-bg-parallax,
#grve-feature-section[data-height="50"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="50"].grve-bg-fixed-section {
  height: 50vh;
}
.grve-title-section[data-height="55"],
#grve-feature-section[data-height="55"] {
  min-height: 55vh;
}
.grve-title-section[data-height="55"] .grve-wrapper,
#grve-feature-section[data-height="55"] .grve-wrapper {
  height: 55vh;
}
.grve-title-section[data-height="55"] .grve-content.grve-align-left-top, .grve-title-section[data-height="55"] .grve-content.grve-align-center-top, .grve-title-section[data-height="55"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="55"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="55"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="55"] .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section[data-height="55"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="55"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="55"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="55"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="55"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="55"] .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section[data-height="55"].grve-bg-parallax, .grve-title-section[data-height="55"].grve-bg-advanced-parallax, .grve-title-section[data-height="55"].grve-bg-fixed-section,
#grve-feature-section[data-height="55"].grve-bg-parallax,
#grve-feature-section[data-height="55"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="55"].grve-bg-fixed-section {
  height: 55vh;
}
.grve-title-section[data-height="60"],
#grve-feature-section[data-height="60"] {
  min-height: 60vh;
}
.grve-title-section[data-height="60"] .grve-wrapper,
#grve-feature-section[data-height="60"] .grve-wrapper {
  height: 60vh;
}
.grve-title-section[data-height="60"] .grve-content.grve-align-left-top, .grve-title-section[data-height="60"] .grve-content.grve-align-center-top, .grve-title-section[data-height="60"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="60"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="60"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="60"] .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section[data-height="60"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="60"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="60"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="60"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="60"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="60"] .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section[data-height="60"].grve-bg-parallax, .grve-title-section[data-height="60"].grve-bg-advanced-parallax, .grve-title-section[data-height="60"].grve-bg-fixed-section,
#grve-feature-section[data-height="60"].grve-bg-parallax,
#grve-feature-section[data-height="60"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="60"].grve-bg-fixed-section {
  height: 60vh;
}
.grve-title-section[data-height="65"],
#grve-feature-section[data-height="65"] {
  min-height: 65vh;
}
.grve-title-section[data-height="65"] .grve-wrapper,
#grve-feature-section[data-height="65"] .grve-wrapper {
  height: 65vh;
}
.grve-title-section[data-height="65"] .grve-content.grve-align-left-top, .grve-title-section[data-height="65"] .grve-content.grve-align-center-top, .grve-title-section[data-height="65"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="65"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="65"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="65"] .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section[data-height="65"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="65"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="65"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="65"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="65"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="65"] .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section[data-height="65"].grve-bg-parallax, .grve-title-section[data-height="65"].grve-bg-advanced-parallax, .grve-title-section[data-height="65"].grve-bg-fixed-section,
#grve-feature-section[data-height="65"].grve-bg-parallax,
#grve-feature-section[data-height="65"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="65"].grve-bg-fixed-section {
  height: 65vh;
}
.grve-title-section[data-height="70"],
#grve-feature-section[data-height="70"] {
  min-height: 70vh;
}
.grve-title-section[data-height="70"] .grve-wrapper,
#grve-feature-section[data-height="70"] .grve-wrapper {
  height: 70vh;
}
.grve-title-section[data-height="70"] .grve-content.grve-align-left-top, .grve-title-section[data-height="70"] .grve-content.grve-align-center-top, .grve-title-section[data-height="70"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="70"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="70"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="70"] .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section[data-height="70"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="70"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="70"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="70"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="70"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="70"] .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section[data-height="70"].grve-bg-parallax, .grve-title-section[data-height="70"].grve-bg-advanced-parallax, .grve-title-section[data-height="70"].grve-bg-fixed-section,
#grve-feature-section[data-height="70"].grve-bg-parallax,
#grve-feature-section[data-height="70"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="70"].grve-bg-fixed-section {
  height: 70vh;
}
.grve-title-section[data-height="75"],
#grve-feature-section[data-height="75"] {
  min-height: 75vh;
}
.grve-title-section[data-height="75"] .grve-wrapper,
#grve-feature-section[data-height="75"] .grve-wrapper {
  height: 75vh;
}
.grve-title-section[data-height="75"] .grve-content.grve-align-left-top, .grve-title-section[data-height="75"] .grve-content.grve-align-center-top, .grve-title-section[data-height="75"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="75"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="75"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="75"] .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section[data-height="75"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="75"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="75"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="75"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="75"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="75"] .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section[data-height="75"].grve-bg-parallax, .grve-title-section[data-height="75"].grve-bg-advanced-parallax, .grve-title-section[data-height="75"].grve-bg-fixed-section,
#grve-feature-section[data-height="75"].grve-bg-parallax,
#grve-feature-section[data-height="75"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="75"].grve-bg-fixed-section {
  height: 75vh;
}
.grve-title-section[data-height="80"],
#grve-feature-section[data-height="80"] {
  min-height: 80vh;
}
.grve-title-section[data-height="80"] .grve-wrapper,
#grve-feature-section[data-height="80"] .grve-wrapper {
  height: 80vh;
}
.grve-title-section[data-height="80"] .grve-content.grve-align-left-top, .grve-title-section[data-height="80"] .grve-content.grve-align-center-top, .grve-title-section[data-height="80"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="80"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="80"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="80"] .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section[data-height="80"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="80"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="80"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="80"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="80"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="80"] .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section[data-height="80"].grve-bg-parallax, .grve-title-section[data-height="80"].grve-bg-advanced-parallax, .grve-title-section[data-height="80"].grve-bg-fixed-section,
#grve-feature-section[data-height="80"].grve-bg-parallax,
#grve-feature-section[data-height="80"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="80"].grve-bg-fixed-section {
  height: 80vh;
}
.grve-title-section[data-height="85"],
#grve-feature-section[data-height="85"] {
  min-height: 85vh;
}
.grve-title-section[data-height="85"] .grve-wrapper,
#grve-feature-section[data-height="85"] .grve-wrapper {
  height: 85vh;
}
.grve-title-section[data-height="85"] .grve-content.grve-align-left-top, .grve-title-section[data-height="85"] .grve-content.grve-align-center-top, .grve-title-section[data-height="85"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="85"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="85"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="85"] .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section[data-height="85"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="85"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="85"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="85"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="85"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="85"] .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section[data-height="85"].grve-bg-parallax, .grve-title-section[data-height="85"].grve-bg-advanced-parallax, .grve-title-section[data-height="85"].grve-bg-fixed-section,
#grve-feature-section[data-height="85"].grve-bg-parallax,
#grve-feature-section[data-height="85"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="85"].grve-bg-fixed-section {
  height: 85vh;
}
.grve-title-section[data-height="90"],
#grve-feature-section[data-height="90"] {
  min-height: 90vh;
}
.grve-title-section[data-height="90"] .grve-wrapper,
#grve-feature-section[data-height="90"] .grve-wrapper {
  height: 90vh;
}
.grve-title-section[data-height="90"] .grve-content.grve-align-left-top, .grve-title-section[data-height="90"] .grve-content.grve-align-center-top, .grve-title-section[data-height="90"] .grve-content.grve-align-right-top,
#grve-feature-section[data-height="90"] .grve-content.grve-align-left-top,
#grve-feature-section[data-height="90"] .grve-content.grve-align-center-top,
#grve-feature-section[data-height="90"] .grve-content.grve-align-right-top {
  padding-top: 5%;
}
.grve-title-section[data-height="90"] .grve-content.grve-align-left-bottom, .grve-title-section[data-height="90"] .grve-content.grve-align-center-bottom, .grve-title-section[data-height="90"] .grve-content.grve-align-right-bottom,
#grve-feature-section[data-height="90"] .grve-content.grve-align-left-bottom,
#grve-feature-section[data-height="90"] .grve-content.grve-align-center-bottom,
#grve-feature-section[data-height="90"] .grve-content.grve-align-right-bottom {
  padding-bottom: 5%;
}
.grve-title-section[data-height="90"].grve-bg-parallax, .grve-title-section[data-height="90"].grve-bg-advanced-parallax, .grve-title-section[data-height="90"].grve-bg-fixed-section,
#grve-feature-section[data-height="90"].grve-bg-parallax,
#grve-feature-section[data-height="90"].grve-bg-advanced-parallax,
#grve-feature-section[data-height="90"].grve-bg-fixed-section {
  height: 90vh;
}

/* =============================================================================
--- Page Title & Feature Section Positions
============================================================================= */
.grve-content.grve-align-left-center, .grve-content.grve-align-center-center, .grve-content.grve-align-right-center {
  vertical-align: middle;
}
.grve-content.grve-align-left-top, .grve-content.grve-align-center-top, .grve-content.grve-align-right-top {
  vertical-align: top;
}
.grve-content.grve-align-left-bottom, .grve-content.grve-align-center-bottom, .grve-content.grve-align-right-bottom {
  vertical-align: bottom;
}
.grve-content.grve-align-left-center, .grve-content.grve-align-left-top, .grve-content.grve-align-left-bottom {
  text-align: left;
}
.grve-content.grve-align-right-center, .grve-content.grve-align-right-top, .grve-content.grve-align-right-bottom {
  text-align: right;
}
.grve-content.grve-align-center-center, .grve-content.grve-align-center-top, .grve-content.grve-align-center-bottom {
  text-align: center;
}

/* =============================================================================
--- Page Title & Feature Section Content Wrapper
============================================================================= */
.grve-title-content-wrapper:not(.grve-bg-none) {
  display: inline-block;
  vertical-align: middle;
  padding: 4% 5%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1023px) {
  #grve-feature-section .grve-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
/* =============================================================================
--- Page Title & Feature Content Sizes
============================================================================= */
.grve-title-section .grve-fullwidth .grve-container,
#grve-feature-section .grve-fullwidth .grve-container {
  padding-left: 5%;
  padding-right: 5%;
}
.grve-title-section .grve-title-content-wrapper,
#grve-feature-section .grve-title-content-wrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}
.grve-title-section .grve-title-content-wrapper.grve-content-small,
#grve-feature-section .grve-title-content-wrapper.grve-content-small {
  max-width: 370px;
}
.grve-title-section .grve-title-content-wrapper.grve-content-medium,
#grve-feature-section .grve-title-content-wrapper.grve-content-medium {
  max-width: 570px;
}
.grve-title-section .grve-title-content-wrapper.grve-content-large,
#grve-feature-section .grve-title-content-wrapper.grve-content-large {
  max-width: 770px;
}

.grve-boxed .grve-title-section .grve-title-content-wrapper.grve-content-large,
.grve-boxed #grve-feature-section .grve-title-content-wrapper.grve-content-large {
  max-width: 900px;
}

@media only screen and (max-width: 767px) {
  .grve-title-section .grve-title-content-wrapper.grve-content-small,
  .grve-title-section .grve-title-content-wrapper.grve-content-medium,
  #grve-feature-section .grve-title-content-wrapper.grve-content-small,
  #grve-feature-section .grve-title-content-wrapper.grve-content-medium {
    width: 100%;
    max-width: none;
  }
}
/* =============================================================================
--- Feature Section Buttons
============================================================================= */
#grve-feature-section .grve-button-wrapper {
  margin-top: 27px;
}

#grve-feature-section .grve-button-wrapper .grve-appear-wrapper + .grve-appear-wrapper {
  margin-left: 30px;
}

/* =============================================================================
--- Feature Section Graphic
============================================================================= */
.grve-graphic {
  margin-bottom: 40px;
  display: inline-block;
  vertical-align: top;
}

.grve-circle-graphic .grve-graphic img {
  border-radius: 50%;
}

.grve-content .grve-graphic img {
  max-height: 150px;
  width: auto;
  display: block;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .grve-content.grve-align-left-center .grve-graphic,
  .grve-content.grve-align-center-center .grve-graphic,
  .grve-content.grve-align-right-center .grve-graphic {
    position: relative;
  }
}
/* =============================================================================
--- Feature Slider
============================================================================= */
#grve-feature-slider .grve-slider-item {
  width: 100%;
}
#grve-feature-slider:not(.flickity-enabled) .grve-slider-item:nth-child(n + 2) {
  display: none;
}

/* =============================================================================
--- Feature Slider Navigation
============================================================================= */
#grve-feature-section .grve-slider:not(.flickity-enabled) .grve-slider-item:nth-child(n + 2) {
  display: none;
}
#grve-feature-section .grve-carousel-prev {
  transform: rotate(180deg);
}
#grve-feature-section .grve-navigation-style-1 .grve-carousel-buttons {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#grve-feature-section .grve-navigation-style-1 .grve-carousel-buttons > div {
  cursor: pointer;
  width: 60px;
  height: 60px;
  position: relative;
}
#grve-feature-section .grve-navigation-style-1 .grve-carousel-buttons > div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s ease, transform 0.2s cubic-bezier(0, 0.55, 0.6, 0.99);
}
#grve-feature-section .grve-navigation-style-1 .grve-carousel-buttons > div:hover:after {
  transform: scale(0.9);
}
#grve-feature-section .grve-navigation-style-1 .grve-carousel-buttons > div svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
#grve-feature-section .grve-navigation-style-1 .grve-carousel-buttons .grve-carousel-next {
  margin-top: 2px;
}
#grve-feature-section .grve-navigation-style-1.grve-skin-light {
  color: #ffffff;
}
#grve-feature-section .grve-navigation-style-1.grve-skin-light .grve-carousel-buttons > div:after {
  background-color: #ffffff;
}
#grve-feature-section .grve-navigation-style-1.grve-skin-light .grve-carousel-buttons svg {
  fill: #000000;
}
#grve-feature-section .grve-navigation-style-1.grve-skin-default, #grve-feature-section .grve-navigation-style-1.grve-skin-dark {
  color: #000000;
}
#grve-feature-section .grve-navigation-style-1.grve-skin-default .grve-carousel-buttons > div:after, #grve-feature-section .grve-navigation-style-1.grve-skin-dark .grve-carousel-buttons > div:after {
  background-color: #000000;
}
#grve-feature-section .grve-navigation-style-1.grve-skin-default .grve-carousel-buttons svg, #grve-feature-section .grve-navigation-style-1.grve-skin-dark .grve-carousel-buttons svg {
  fill: #ffffff;
}
#grve-feature-section .grve-navigation-style-1 .flickity-page-dots {
  margin-top: 0;
  position: absolute;
  left: 50%;
  bottom: 2.000rem;
  transform: translateX(-50%);
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  #grve-feature-section .grve-navigation-style-1 {
    display: none;
  }
}
#grve-feature-section .grve-navigation-style-2 .grve-nav-wrapper {
  position: absolute;
  left: 0;
  bottom: 2.000rem;
  width: 100%;
  z-index: 10;
  pointer-events: none;
}
#grve-feature-section .grve-navigation-style-2 .grve-nav-wrapper .grve-nav-inner,
#grve-feature-section .grve-navigation-style-2 .grve-nav-wrapper .grve-nav-right-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#grve-feature-section .grve-navigation-style-2 .grve-nav-wrapper .grve-carousel-next {
  cursor: pointer;
  pointer-events: visible;
}
#grve-feature-section .grve-navigation-style-2 .grve-nav-wrapper .grve-carousel-next svg {
  display: block;
  fill: currentColor;
}
#grve-feature-section .grve-navigation-style-2 .grve-slider-progress {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 30px;
}
#grve-feature-section .grve-navigation-style-2 .grve-slider-progress .grve-current-slide {
  height: 30px;
  position: relative;
  overflow: hidden;
}
#grve-feature-section .grve-navigation-style-2 .grve-slider-progress .grve-current-slide .grve-counter {
  display: flex;
  flex-direction: column;
  text-align: right;
  transition: transform .5s ease;
}
#grve-feature-section .grve-navigation-style-2 .grve-slider-progress .grve-current-slide .grve-counter span {
  height: 30px;
  line-height: 30px;
  min-width: 60px;
}
#grve-feature-section .grve-navigation-style-2 .grve-slider-progress .grve-slider-bar-wrapper {
  width: 120px;
  height: 2px;
  display: block;
  position: relative;
  margin: 0 18px;
}
#grve-feature-section .grve-navigation-style-2 .grve-slider-progress .grve-slider-bar-wrapper .grve-slider-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: width .5s ease;
  background-color: currentColor;
}
#grve-feature-section .grve-navigation-style-2 .grve-slider-progress .grve-slider-bar-wrapper .grve-slider-bar-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  opacity: 0.1;
}
@media only screen and (max-width: 767px) {
  #grve-feature-section .grve-navigation-style-2 .grve-slider-progress {
    display: none;
  }
}
#grve-feature-section .grve-navigation-style-2 .flickity-page-dots {
  margin-top: 0;
  pointer-events: visible;
}
#grve-feature-section .grve-navigation-style-2.grve-skin-light {
  color: #ffffff;
}
#grve-feature-section .grve-navigation-style-2.grve-skin-default, #grve-feature-section .grve-navigation-style-2.grve-skin-dark {
  color: #000000;
}
#grve-feature-section .grve-navigation-style-3 .grve-nav-wrapper {
  position: absolute;
  left: 0;
  bottom: 2.000rem;
  width: 100%;
  z-index: 10;
  pointer-events: none;
}
#grve-feature-section .grve-navigation-style-3 .grve-nav-wrapper .grve-nav-inner,
#grve-feature-section .grve-navigation-style-3 .grve-nav-wrapper .grve-nav-left-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#grve-feature-section .grve-navigation-style-3 .grve-nav-wrapper .grve-carousel-next,
#grve-feature-section .grve-navigation-style-3 .grve-nav-wrapper .grve-carousel-prev {
  cursor: pointer;
  pointer-events: visible;
  width: 36px;
  height: 36px;
  border: 2px solid currentColor;
  background-color: transparent;
  transition: all .3s ease;
  border-radius: 50px;
  position: relative;
}
#grve-feature-section .grve-navigation-style-3 .grve-nav-wrapper .grve-carousel-next svg,
#grve-feature-section .grve-navigation-style-3 .grve-nav-wrapper .grve-carousel-prev svg {
  display: block;
  fill: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: fill .3s ease;
}
#grve-feature-section .grve-navigation-style-3 .grve-nav-wrapper .grve-carousel-prev {
  margin-right: 8px;
}
#grve-feature-section .grve-navigation-style-3 .flickity-page-dots {
  margin-top: 0;
  pointer-events: visible;
}
#grve-feature-section .grve-navigation-style-3.grve-skin-light {
  color: #ffffff;
}
#grve-feature-section .grve-navigation-style-3.grve-skin-light .grve-carousel-next:hover,
#grve-feature-section .grve-navigation-style-3.grve-skin-light .grve-carousel-prev:hover {
  background-color: #ffffff;
}
#grve-feature-section .grve-navigation-style-3.grve-skin-light .grve-carousel-next:hover svg,
#grve-feature-section .grve-navigation-style-3.grve-skin-light .grve-carousel-prev:hover svg {
  fill: #000000;
}
#grve-feature-section .grve-navigation-style-3.grve-skin-default, #grve-feature-section .grve-navigation-style-3.grve-skin-dark {
  color: #000000;
}
#grve-feature-section .grve-navigation-style-3.grve-skin-default .grve-carousel-next:hover,
#grve-feature-section .grve-navigation-style-3.grve-skin-default .grve-carousel-prev:hover, #grve-feature-section .grve-navigation-style-3.grve-skin-dark .grve-carousel-next:hover,
#grve-feature-section .grve-navigation-style-3.grve-skin-dark .grve-carousel-prev:hover {
  background-color: #000000;
}
#grve-feature-section .grve-navigation-style-3.grve-skin-default .grve-carousel-next:hover svg,
#grve-feature-section .grve-navigation-style-3.grve-skin-default .grve-carousel-prev:hover svg, #grve-feature-section .grve-navigation-style-3.grve-skin-dark .grve-carousel-next:hover svg,
#grve-feature-section .grve-navigation-style-3.grve-skin-dark .grve-carousel-prev:hover svg {
  fill: #ffffff;
}

/* =============================================================================
--- Feature Advanced Slider
============================================================================= */
#grve-feature-section.grve-advanced-slider.grve-style-1 {
  visibility: hidden;
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .grve-slider-item {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .grve-slider-item .grve-content {
  opacity: 1;
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .grve-slider-item .grve-title {
  transition: all .3s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .grve-slider-item .grve-description {
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .grve-slider-item .grve-btn-wrapper {
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .grve-slider-item.is-selected .grve-title {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .6s;
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .grve-slider-item.is-selected .grve-description {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .8s;
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .grve-slider-item.is-selected .grve-btn-wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .8s;
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .grve-content-inner {
  display: block;
  max-width: 770px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
#grve-feature-section.grve-advanced-slider.grve-style-1 .flickity-page-dots {
  position: absolute;
  width: 100%;
  max-width: 770px;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  justify-content: flex-start;
}
@media only screen and (max-width: 1023px) {
  #grve-feature-section.grve-advanced-slider.grve-style-1 .flickity-page-dots {
    justify-content: center;
  }
}

/* =============================================================================
--- Feature Advanced Slider
============================================================================= */
#grve-feature-section.grve-advanced-slider.grve-style-2 {
  min-height: 100vh;
  padding: 90px 0 90px 30%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  visibility: hidden;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider {
  width: 100%;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider .flickity-viewport {
  width: 100%;
  overflow: hidden;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider .grve-slider-item {
  width: 65%;
  height: 55vh;
  min-height: 400px;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider .grve-slider-item .grve-content {
  display: none;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider .grve-slider-item .grve-background-wrapper {
  transform: scale(0.8);
  transition: transform .5s;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider .grve-slider-item.is-selected .grve-background-wrapper {
  transform: scale(1);
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-stripe {
  position: absolute;
  top: 0;
  left: 75%;
  width: 120px;
  height: 100%;
  z-index: 4;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-stripe .grve-next-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 5px;
  overflow: hidden;
  cursor: pointer;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-stripe .grve-next-btn svg {
  fill: currentColor;
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s cubic-bezier(0, 0.85, 0.38, 1.01);
  transform: translateX(-10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-stripe .grve-next-btn:hover svg {
  transform: translateX(0);
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents {
  position: absolute;
  left: 10%;
  top: 50%;
  width: 100%;
  max-width: 670px;
  height: 55vh;
  min-height: 400px;
  transform: translateY(-50%);
  z-index: 3;
  pointer-events: none;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents .grve-item-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents .grve-item-content .grve-title {
  margin-bottom: 18px;
  max-width: 7.976em;
  transition: all .3s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents .grve-item-content .grve-description {
  max-width: 16.875em;
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents .grve-item-content .grve-btn-wrapper {
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents .grve-item-content .grve-btn-wrapper > * {
  pointer-events: visible;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents .grve-item-content.grve-current .grve-title {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .6s;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents .grve-item-content.grve-current .grve-description {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .8s;
}
#grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents .grve-item-content.grve-current .grve-btn-wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .8s;
}
@media only screen and (max-width: 1023px) {
  #grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider .grve-slider-item {
    width: 82%;
    height: 55vh;
    min-height: 400px;
  }
  #grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-stripe {
    left: 87%;
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  #grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider .grve-slider-item {
    width: 100%;
    height: 55vh;
    min-height: 400px;
  }
  #grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-contents .grve-item-content {
    justify-content: center;
  }
  #grve-feature-section.grve-advanced-slider.grve-style-2 .grve-slider-stripe {
    display: none;
  }
}

/* =============================================================================
--- Feature Advanced Slider
============================================================================= */
#grve-feature-section.grve-advanced-slider.grve-style-3 {
  min-height: 100vh;
  padding: 90px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  visibility: hidden;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider {
  width: 100%;
  margin-bottom: -90px;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider .flickity-viewport {
  width: 100%;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider .grve-slider-item {
  width: 60%;
  height: 65vh;
  min-height: 400px;
  margin-right: 8%;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider .grve-slider-item .grve-content {
  display: none;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider .grve-slider-item .grve-background-wrapper {
  transform: scale(0.8);
  transition: transform .5s;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider .grve-slider-item.is-selected .grve-background-wrapper {
  transform: scale(1);
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-next-btn {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  transition: opacity .3s ease;
  margin-left: 5px;
  overflow: hidden;
  cursor: pointer;
  z-index: 4;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-next-btn svg {
  fill: currentColor;
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s cubic-bezier(0, 0.85, 0.38, 1.01);
  transform: translateX(-10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-next-btn:hover svg {
  transform: translateX(0);
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-prev-btn {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%) rotate(180deg);
  transition: opacity .3s ease;
  margin-left: 5px;
  overflow: hidden;
  cursor: pointer;
  z-index: 4;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-prev-btn svg {
  fill: currentColor;
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s cubic-bezier(0, 0.85, 0.38, 1.01);
  transform: translateX(-10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-prev-btn:hover svg {
  transform: translateX(0);
}
#grve-feature-section.grve-advanced-slider.grve-style-3.grve-is-scroll .grve-next-btn,
#grve-feature-section.grve-advanced-slider.grve-style-3.grve-is-scroll .grve-prev-btn {
  opacity: 0;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents {
  position: absolute;
  left: 18%;
  top: 50%;
  width: 100%;
  max-width: 670px;
  height: 65vh;
  min-height: 400px;
  transform: translateY(-50%);
  z-index: 3;
  pointer-events: none;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents .grve-item-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents .grve-item-content .grve-title {
  max-width: 7.976em;
  transition: all .3s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents .grve-item-content .grve-description {
  max-width: 16.875em;
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents .grve-item-content .grve-btn-wrapper {
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents .grve-item-content .grve-btn-wrapper > * {
  pointer-events: visible;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents .grve-item-content.grve-current .grve-title {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .6s;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents .grve-item-content.grve-current .grve-description {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .8s;
}
#grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents .grve-item-content.grve-current .grve-btn-wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .8s;
}
@media only screen and (max-width: 767px) {
  #grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider .grve-slider-item {
    width: 90%;
    height: 60vh;
    min-height: 400px;
  }
  #grve-feature-section.grve-advanced-slider.grve-style-3 .grve-next-btn,
  #grve-feature-section.grve-advanced-slider.grve-style-3 .grve-prev-btn {
    display: none;
  }
  #grve-feature-section.grve-advanced-slider.grve-style-3 .grve-slider-contents {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
  }
}

/* =============================================================================
--- Feature Advanced Slider
============================================================================= */
#grve-feature-section.grve-advanced-slider.grve-style-4 {
  min-height: 100vh;
  padding: 90px 0 90px 30%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  visibility: hidden;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider {
  width: 100%;
  position: static;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider .flickity-viewport {
  width: 100%;
  overflow: hidden;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider .grve-slider-item {
  width: 70%;
  height: 65vh;
  min-height: 400px;
  margin-right: 30px;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider .grve-slider-item .grve-content {
  display: none;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .flickity-page-dots {
  position: absolute;
  left: 10%;
  bottom: 8%;
  height: 30px;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav {
  position: absolute;
  bottom: 8%;
  left: 30%;
  width: 70%;
  height: 30px;
  z-index: 4;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-slider-nav-inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  width: 70%;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-slider-progress {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 30px;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-slider-progress .grve-current-slide {
  height: 30px;
  position: relative;
  overflow: hidden;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-slider-progress .grve-current-slide .grve-counter {
  display: flex;
  flex-direction: column;
  text-align: right;
  transition: transform .5s ease;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-slider-progress .grve-current-slide .grve-counter span {
  height: 30px;
  line-height: 30px;
  min-width: 60px;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-slider-progress .grve-slider-bar-wrapper {
  width: 120px;
  height: 2px;
  display: block;
  position: relative;
  margin: 0 18px;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-slider-progress .grve-slider-bar-wrapper .grve-slider-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: width .5s ease;
  background-color: currentColor;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-slider-progress .grve-slider-bar-wrapper .grve-slider-bar-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  opacity: 0.1;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-next-btn {
  cursor: pointer;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-next-btn svg {
  fill: currentColor;
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-next-btn svg .grve-arrow-line,
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-next-btn svg .grve-arrow-point {
  transition: transform .3s ease;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-next-btn:hover svg .grve-arrow-line {
  transform: scaleX(1.3);
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-next-btn:hover svg .grve-arrow-point {
  transform: translateX(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents {
  position: absolute;
  left: 10%;
  top: 50%;
  width: 100%;
  max-width: 670px;
  height: 65vh;
  min-height: 400px;
  transform: translateY(-50%);
  z-index: 3;
  pointer-events: none;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents .grve-item-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents .grve-item-content .grve-title {
  max-width: 7.976em;
  transition: all .3s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents .grve-item-content .grve-description {
  max-width: 16.875em;
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents .grve-item-content .grve-btn-wrapper {
  margin-top: 2.000rem;
  transition: all .5s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents .grve-item-content .grve-btn-wrapper > * {
  pointer-events: visible;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents .grve-item-content.grve-current .grve-title {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .6s;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents .grve-item-content.grve-current .grve-description {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .8s;
}
#grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents .grve-item-content.grve-current .grve-btn-wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: .8s;
}
@media only screen and (max-width: 1023px) {
  #grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider .grve-slider-item {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  #grve-feature-section.grve-advanced-slider.grve-style-4 .flickity-page-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  #grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider .grve-slider-item {
    width: 100%;
  }
  #grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-slider-progress,
  #grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-nav .grve-next-btn {
    display: none;
  }
  #grve-feature-section.grve-advanced-slider.grve-style-4 .grve-slider-contents {
    width: 80%;
  }
}

/* =============================================================================
- Single Navigation Bar Layout 1
============================================================================= */
.grve-navigation-bar.grve-layout-1 {
  /* Mobidle Size */
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-nav-item {
  flex: 1;
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-nav-item a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: inherit;
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-nav-item a svg {
  width: 2.000rem;
  fill: currentColor;
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-nav-item a .grve-title {
  margin-bottom: 0;
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-nav-item a .grve-arrow-line {
  transform: translateX(-100%);
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-nav-item a:hover .grve-arrow-line {
  transform: translateX(0);
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-prev {
  display: flex;
  justify-content: flex-start;
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-prev svg {
  transform: rotate(180deg);
  margin-right: 1.500rem;
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-prev a .grve-title-wrapper {
  transform: translateX(-2rem);
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-prev a:hover .grve-title-wrapper {
  transform: translateX(0);
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-next {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-next svg {
  margin-left: 1.500rem;
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-next a .grve-title-wrapper {
  transform: translateX(2rem);
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-next a:hover .grve-title-wrapper {
  transform: translateX(0);
}
.grve-navigation-bar.grve-layout-1 .grve-backlink a {
  color: inherit;
  width: 48px;
  height: 48px;
  display: block;
  position: relative;
  border-radius: 100%;
}
.grve-navigation-bar.grve-layout-1 .grve-backlink a:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 2px;
  border-radius: inherit;
}
.grve-navigation-bar.grve-layout-1 .grve-backlink svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: visible;
  fill: currentColor;
}
@media only screen and (max-width: 767px) {
  .grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-nav-item {
    flex-basis: auto;
  }
  .grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-nav-item a .grve-title-wrapper {
    display: none;
  }
  .grve-navigation-bar.grve-layout-1 .grve-bar-item .grve-nav-item a .grve-arrow-line {
    transform: translateX(0);
  }
}

/* =============================================================================
- Single Navigation Bar Layout 2
============================================================================= */
@media only screen and (min-width: 767px) {
  .grve-navigation-bar.grve-layout-2 {
    position: fixed;
    z-index: 999;
    top: 15vh;
    left: -6px;
    display: flex;
    flex-direction: column;
    visibility: hidden;
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item {
    padding: 0.500rem 2.000rem;
    display: block;
    position: relative;
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item.grve-prev .grve-arrow {
    transform: rotate(180deg);
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item .grve-arrow {
    display: block;
    position: relative;
    width: 2.000rem;
    height: 2.000rem;
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item svg {
    display: block;
    position: absolute;
    top: 50%;
    left: -17px;
    transform: translateY(-50%);
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item .grve-arrow-line {
    transform: scaleX(0);
    transform-origin: right center;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item:hover svg {
    left: -3px;
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item:hover .grve-arrow-line {
    transform: scaleX(1);
  }
  .grve-navigation-bar.grve-layout-2 .grve-backlink {
    padding: 0.500rem 2.000rem;
    display: block;
    position: relative;
    order: 3;
  }
  .grve-navigation-bar.grve-layout-2 .grve-backlink a {
    display: block;
    text-align: center;
  }
  .grve-navigation-bar.grve-layout-2 .grve-backlink svg {
    display: inline-block;
    vertical-align: middle;
  }
  .grve-navigation-bar.grve-layout-2 .grve-media {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 20vw;
    max-width: 300px;
    z-index: 1;
    pointer-events: none;
  }
  .grve-navigation-bar.grve-layout-2 .grve-media .grve-inner {
    padding-bottom: 80%;
    transform: scale(0.9);
    opacity: 0;
  }
  .grve-navigation-bar.grve-layout-2 .grve-media .grve-inner .grve-nav-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .grve-navigation-bar.grve-layout-2 .grve-media .grve-inner .grve-nav-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 50%, rgba(15, 15, 15, 0.45) 100%);
  }
  .grve-navigation-bar.grve-layout-2 .grve-media .grve-inner .grve-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.000rem;
    z-index: 3;
    color: #ffffff;
  }
}
@media only screen and (max-width: 1200px) {
  .grve-navigation-bar.grve-layout-2 .grve-nav-item,
  .grve-navigation-bar.grve-layout-2 .grve-backlink {
    padding: 0.500rem 1.500rem;
  }
}
@media only screen and (max-width: 1023px) {
  .grve-navigation-bar.grve-layout-2 .grve-nav-item,
  .grve-navigation-bar.grve-layout-2 .grve-backlink {
    padding: 0.500rem 0.700rem;
  }
}
@media only screen and (max-width: 767px) {
  .grve-navigation-bar.grve-layout-2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.250rem;
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item {
    padding: 2.000rem 1.000rem;
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item.grve-next {
    align-items: flex-end;
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item.grve-prev {
    align-items: flex-start;
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item.grve-prev .grve-arrow {
    transform: rotate(180deg);
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item svg {
    display: block;
  }
  .grve-navigation-bar.grve-layout-2 .grve-nav-item .grve-media {
    display: none;
  }
}

/* =============================================================================
- Single Navigation Bar Layout 3
============================================================================= */
.grve-navigation-bar.grve-layout-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.grve-navigation-bar.grve-layout-3 .grve-line {
  width: 30vw;
  height: 2px;
  max-width: 360px;
  background-color: currentColor;
  position: relative;
  z-index: 10;
  transition: transform 0.3s cubic-bezier(0.13, 0.95, 0.58, 1);
}
.grve-navigation-bar.grve-layout-3.grve-hover .grve-line {
  transform: scaleX(0.6);
}
.grve-navigation-bar.grve-layout-3.grve-hover-item-next .grve-line {
  transform-origin: right center;
}
.grve-navigation-bar.grve-layout-3.grve-hover-item-prev .grve-line {
  transform-origin: left center;
}
.grve-navigation-bar.grve-layout-3 .grve-nav-item {
  position: relative;
  padding: 3.000rem;
  color: inherit;
}
.grve-navigation-bar.grve-layout-3 .grve-nav-item .grve-title {
  position: relative;
  z-index: 10;
  margin-bottom: 0;
  transition: transform .5s ease;
}
.grve-navigation-bar.grve-layout-3.grve-hover.grve-hover-item-next .grve-nav-item.grve-next .grve-title {
  transform: translateX(-30px);
}
.grve-navigation-bar.grve-layout-3.grve-hover.grve-hover-item-prev .grve-nav-item.grve-prev .grve-title {
  transform: translateX(30px);
}
.grve-navigation-bar.grve-layout-3 .grve-media {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30vw;
  max-width: 400px;
  z-index: 1;
  pointer-events: none;
}
.grve-navigation-bar.grve-layout-3 .grve-media .grve-inner {
  padding-bottom: 80%;
  transform: scale(0.9);
  opacity: 0;
}
.grve-navigation-bar.grve-layout-3 .grve-media .grve-inner .grve-nav-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .grve-navigation-bar.grve-layout-3 {
    flex-direction: column;
  }
}

/* =============================================================================
- Intro Style 1
============================================================================= */
#grve-intro.grve-style-1 {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: none;
}
#grve-intro.grve-style-1 .grve-intro-graphic + .grve-first-title {
  margin-top: 30px;
  margin-bottom: 30px;
}
#grve-intro.grve-style-1 .grve-intro-content {
  max-width: 970px;
  width: 100%;
  position: relative;
}
#grve-intro.grve-style-1 .grve-intro-graphic {
  opacity: 0;
  transform: translateY(120px);
}
#grve-intro.grve-style-1 .grve-intro-graphic img {
  display: block;
  margin: 0 auto;
}
#grve-intro.grve-style-1 .grve-first-title {
  visibility: hidden;
}
#grve-intro.grve-style-1 .grve-first-title .grve-word {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
#grve-intro.grve-style-1 .grve-first-title .grve-word span {
  display: block;
  transform: translateY(100%);
}
#grve-intro.grve-style-1 .grve-second-title {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

/* =============================================================================
- Grayscale Effect
============================================================================= */
.grve-grayscale-image img,
.grve-grayscale-image-hover img {
  filter: gray;
  filter: grayscale(100%);
  transition: filter .3s;
}

.grve-grayscale-image-hover:hover img {
  filter: none;
  filter: grayscale(0);
}

/* =============================================================================
- Image Hover General Settings
============================================================================= */
.grve-hover-item .grve-bg-default {
  background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 30%, rgba(15, 15, 15, 0.5) 100%);
}
.grve-hover-item .grve-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* =============================================================================
- Image Hover General Settings
============================================================================= */
.grve-image-hover {
  position: relative;
  will-change: transform;
}

.grve-hover-item .grve-item-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}

.grve-hover-item .grve-content .grve-title {
  line-height: 1.400em;
  margin-bottom: 6px;
}

.grve-hover-item .grve-content .grve-title:last-child {
  margin-bottom: 0;
}

.grve-hover-item .grve-content {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

/* Like Counter Animation */
.grve-hover-item .grve-like-counter i,
.grve-hover-item .grve-like-counter .grve-icon {
  padding: 2px;
  animation: like_counter_animation 1.5s infinite;
}

@keyframes like_counter_animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* =============================================================================
- Zoom Effect
============================================================================= */
.grve-zoom-effect {
  overflow: hidden;
}

.grve-zoom-effect img {
  transform: scale(1);
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.grve-zoom-effect:hover img {
  transform: scale(1.05);
}

/* =============================================================================
- Magnetism Effect
============================================================================= */
.grve-magnetism-wrapper {
  display: inline-block;
  vertical-align: middle;
  background-color: #f00;
}

/* =============================================================================
- Indicator
============================================================================= */
#grve-indicator {
  position: fixed;
  z-index: 400;
  pointer-events: none;
  top: 0;
  left: 0;
  display: none;
}
@media only screen and (max-width: 1200px) {
  #grve-indicator {
    display: none !important;
  }
}
#grve-indicator .grve-inner:not(.grve-ind-content) {
  position: absolute;
  width: 5.000rem;
  height: 5.000rem;
  left: -2.500rem;
  top: -2.500rem;
  opacity: 0;
  transform: scale(0);
  transition: all .3s ease;
}
#grve-indicator .grve-inner:not(.grve-ind-content) svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#grve-indicator .grve-inner:not(.grve-ind-content) span {
  position: absolute;
  white-space: nowrap;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#grve-indicator .grve-ind-content {
  position: absolute;
  width: 300px;
  text-align: left;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(0);
  transition: all .3s ease;
  transform-origin: left center;
}
#grve-indicator .grve-ind-content .grve-content-inner {
  margin-left: 1.500rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#grve-indicator .grve-ind-content .grve-content-inner .grve-title {
  margin: 0;
  padding: 0.250rem 0.500rem;
}
#grve-indicator .grve-ind-content .grve-content-inner .grve-description {
  margin-top: 0.250rem;
  padding: 0.200rem 0.500rem;
}
#grve-indicator .grve-ind-content .grve-text-default {
  color: #ffffff;
}
#grve-indicator .grve-ind-content.grve-active {
  opacity: 1;
  transform: scale(1);
}
#grve-indicator.grve-style-1.grve-blend {
  mix-blend-mode: difference;
}
#grve-indicator.grve-style-1 .grve-default {
  position: absolute;
  left: -4px;
  top: -4px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  transition: all .3s ease;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0);
}
#grve-indicator.grve-style-1 .grve-default:after {
  content: '';
  border-style: solid;
  border-width: thin;
  opacity: 0.4;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: inherit;
  transition: all .3s ease;
  z-index: -1;
}
#grve-indicator.grve-style-1 .grve-default.grve-indicator-expand {
  width: 5.000rem;
  height: 5.000rem;
  left: -2.500rem;
  top: -2.500rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  mix-blend-mode: normal;
}
#grve-indicator.grve-style-1 .grve-default.grve-indicator-expand:after {
  opacity: 0;
}
#grve-indicator.grve-style-1 .grve-default.grve-indicator-small {
  width: 4px;
  height: 4px;
}
#grve-indicator.grve-style-1 .grve-default.grve-indicator-small:after {
  width: 18px;
  height: 18px;
}
#grve-indicator.grve-style-1:not(.grve-item-hover) .grve-default {
  background-color: #ffffff;
}
#grve-indicator.grve-style-1:not(.grve-item-hover) .grve-default:after {
  border-color: #ffffff;
}
#grve-indicator.grve-style-2 .grve-default {
  position: absolute;
  left: -3px;
  top: -3px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  transition: all .3s ease;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0);
}
#grve-indicator.grve-style-2 .grve-default:after {
  content: '';
  border-style: solid;
  border-width: thin;
  opacity: 0.3;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: inherit;
  transition: all .3s ease;
  z-index: -1;
}
#grve-indicator.grve-style-2 .grve-default.grve-indicator-expand {
  left: -4px;
  top: -4px;
  width: 6px;
  height: 6px;
}
#grve-indicator.grve-style-2 .grve-default.grve-indicator-expand:after {
  width: 5.000rem;
  height: 5.000rem;
}
#grve-indicator.grve-style-2 .grve-default.grve-indicator-small {
  width: 4px;
  height: 4px;
}
#grve-indicator.grve-style-2 .grve-default.grve-indicator-small:after {
  width: 18px;
  height: 18px;
}
#grve-indicator.grve-style-2.grve-item-hover .grve-default.grve-indicator-expand {
  width: 5.000rem;
  height: 5.000rem;
  left: -2.500rem;
  top: -2.500rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
#grve-indicator.grve-style-2.grve-item-hover .grve-default.grve-indicator-expand:after {
  opacity: 0;
}
#grve-indicator.grve-indicator-hide {
  opacity: 0;
}
#grve-indicator .grve-inner.grve-active {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.2s;
}

/* =============================================================================
--- Hover 01
============================================================================= */
.grve-hover-item.grve-hover-style-1 .grve-content {
  margin-top: 1.500rem;
}
.grve-hover-item.grve-hover-style-1 .grve-media {
  will-change: transform;
}
.grve-hover-item.grve-hover-style-1 .grve-thumbnail img {
  transition: transform 5s ease;
}
.grve-hover-item.grve-hover-style-1.hover .grve-thumbnail img {
  transform: scale(1.1);
}

/* =============================================================================
--- Hover 02
============================================================================= */
.grve-hover-item.grve-hover-style-2 .grve-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8% 10%;
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  text-align: left;
}
.grve-hover-item.grve-hover-style-2 .grve-content .grve-title.grve-text-default,
.grve-hover-item.grve-hover-style-2 .grve-content .grve-description.grve-text-default {
  color: #ffffff;
}
.grve-hover-item.grve-hover-style-2 .grve-content .grve-char span,
.grve-hover-item.grve-hover-style-2 .grve-content .grve-description {
  transition: all .5s ease;
  opacity: 0;
  transform: translateY(30px);
}
.grve-hover-item.grve-hover-style-2 .grve-thumbnail img {
  transition: transform 5s ease;
}
.grve-hover-item.grve-hover-style-2.hover .grve-content .grve-char span {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.grve-hover-item.grve-hover-style-2.hover .grve-content .grve-description {
  opacity: 1;
  transform: translateY(0);
}
.grve-hover-item.grve-hover-style-2.hover .grve-thumbnail img {
  transform: scale(1.1);
}

/* =============================================================================
--- Hover 03
============================================================================= */
.grve-hover-item.grve-hover-style-3 .grve-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2.000rem;
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.grve-hover-item.grve-hover-style-3 .grve-content .grve-content-inner {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.grve-hover-item.grve-hover-style-3 .grve-content .grve-title.grve-text-default,
.grve-hover-item.grve-hover-style-3 .grve-content .grve-description.grve-text-default {
  color: #ffffff;
}
.grve-hover-item.grve-hover-style-3 .grve-content .grve-char span,
.grve-hover-item.grve-hover-style-3 .grve-content .grve-description {
  transition: all .5s ease;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.grve-hover-item.grve-hover-style-3 .grve-thumbnail img {
  transition: transform .5s ease;
}
.grve-hover-item.grve-hover-style-3 .grve-thumbnail-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 30%, rgba(15, 15, 15, 0.2) 100%);
  transition: opacity .5s ease;
  z-index: 2;
}
.grve-hover-item.grve-hover-style-3.hover .grve-thumbnail img {
  transform: scale(1.1);
}
.grve-hover-item.grve-hover-style-3.hover .grve-content .grve-char span {
  opacity: 0;
  transform: translateY(30px);
}
.grve-hover-item.grve-hover-style-3.hover .grve-content .grve-description {
  opacity: 0;
  transform: translateY(10px);
}
.grve-hover-item.grve-hover-style-3.hover .grve-thumbnail-wrapper:before {
  opacity: 0;
}

/* =============================================================================
--- Hover 04 - 3D Rollover
============================================================================= */
.grve-hover-item.grve-hover-style-4 {
  position: relative;
  transform: translateZ(0);
}
.grve-hover-item.grve-hover-style-4 .grve-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: none;
}
.grve-hover-item.grve-hover-style-4 .grve-content .grve-title {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.3s, transform 0.5s cubic-bezier(0.12, 1.1, 0.57, 1.08);
}
.grve-hover-item.grve-hover-style-4 .grve-content .grve-title.grve-text-default {
  color: #ffffff;
}
.grve-hover-item.grve-hover-style-4 .grve-content .grve-description {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.3s, transform 0.5s cubic-bezier(0.12, 1.1, 0.57, 1.08);
}
.grve-hover-item.grve-hover-style-4 .grve-content .grve-description.grve-text-default {
  color: #ffffff;
}
.grve-hover-item.grve-hover-style-4.hover .grve-content .grve-title {
  opacity: 1;
  transform: translateY(0);
}
.grve-hover-item.grve-hover-style-4.hover .grve-content .grve-description {
  opacity: 1;
  transition-delay: .2s;
  transform: translateY(0);
}

/* =============================================================================
--- Hover 05
============================================================================= */
.grve-hover-item.grve-hover-style-5 .grve-content {
  display: none;
}

/* =============================================================================
--- Hover 06
============================================================================= */
.grve-hover-item.grve-hover-style-6 .grve-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8% 10%;
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  will-change: transform;
}
.grve-hover-item.grve-hover-style-6 .grve-hover-overlay {
  will-change: transform;
}
.grve-hover-item.grve-hover-style-6 .grve-title {
  position: relative;
  overflow: hidden;
}
.grve-hover-item.grve-hover-style-6 .grve-title span {
  opacity: 0;
  transform: translateY(15px);
  transition: all .35s;
}
.grve-hover-item.grve-hover-style-6 .grve-title.grve-text-default {
  color: #ffffff;
}
.grve-hover-item.grve-hover-style-6 .grve-description {
  opacity: 0;
  transition: all .35s;
}
.grve-hover-item.grve-hover-style-6 .grve-description.grve-text-default {
  color: #ffffff;
}
.grve-hover-item.grve-hover-style-6.hover .grve-title span {
  opacity: 1;
  transform: translateY(0);
}
.grve-hover-item.grve-hover-style-6.hover .grve-description {
  opacity: 1;
  transition-delay: .06s;
}

/* =============================================================================
--- Hover 07
============================================================================= */
.grve-hover-item.grve-hover-style-7 .grve-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8% 10%;
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.grve-hover-item.grve-hover-style-7 .grve-gradient-overlay {
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
.grve-hover-item.grve-hover-style-7 .grve-title.grve-text-default {
  color: #ffffff;
}
.grve-hover-item.grve-hover-style-7 .grve-description.grve-text-default {
  color: #ffffff;
}
