@import "../js/modules/swiper/css/swiper-bundle.min.css";
@import "../js/modules/magnific-popup/magnific-popup.css";
@import url("https://use.typekit.net/kem7sfh.css");
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, 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;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clear {
  clear: both;
}

:focus {
  outline: none;
}

@-webkit-keyframes nav-arrow-bounce {
  0% {
    background-position: right 0 center;
  }
  25% {
    background-position: right 15px center;
  }
  30% {
    background-position: right 0px center;
  }
  35% {
    background-position: right 7px center;
  }
  40% {
    background-position: right 0px center;
  }
  45% {
    background-position: right 3px center;
  }
  50% {
    background-position: right 0 center;
  }
  100% {
    background-position: right 0 center;
  }
}
@keyframes nav-arrow-bounce {
  0% {
    background-position: right 0 center;
  }
  25% {
    background-position: right 15px center;
  }
  30% {
    background-position: right 0px center;
  }
  35% {
    background-position: right 7px center;
  }
  40% {
    background-position: right 0px center;
  }
  45% {
    background-position: right 3px center;
  }
  50% {
    background-position: right 0 center;
  }
  100% {
    background-position: right 0 center;
  }
}
@-webkit-keyframes nav-arrow-bounce-left {
  0% {
    background-position: left 0 center;
  }
  25% {
    background-position: left 15px center;
  }
  30% {
    background-position: left 0px center;
  }
  35% {
    background-position: left 7px center;
  }
  40% {
    background-position: left 0px center;
  }
  45% {
    background-position: left 3px center;
  }
  50% {
    background-position: left 0 center;
  }
  100% {
    background-position: left 0 center;
  }
}
@keyframes nav-arrow-bounce-left {
  0% {
    background-position: left 0 center;
  }
  25% {
    background-position: left 15px center;
  }
  30% {
    background-position: left 0px center;
  }
  35% {
    background-position: left 7px center;
  }
  40% {
    background-position: left 0px center;
  }
  45% {
    background-position: left 3px center;
  }
  50% {
    background-position: left 0 center;
  }
  100% {
    background-position: left 0 center;
  }
}
/* ==========================================================================
  Mixins & Variables
========================================================================== */
/*  Variables  */
/* Mixins */
.hide {
  display: none;
}

.video-container {
  background: #000;
  position: relative;
  position: relative;
}
.video-container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(9 / 16 * 100%);
}
.video-container .video-placeholder .fluid-width-video-wrapper {
  padding: 0 !important;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-container .video-code {
  display: none;
}
.video-container .video-cover {
  background: #000;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  overflow: hidden;
  z-index: 100;
}
.video-container .video-cover:hover .background {
  -ms-transform: scale(1.03, 1.03);
  -webkit-transform: scale(1.03, 1.03);
  -moz-transform: scale(1.03, 1.03);
  -o-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}
.video-container .video-cover:hover .fade {
  opacity: 1;
}
.video-container .video-cover .background {
  -ms-transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-backface-visibility: hidden;
  z-index: 2;
}
.video-container .video-cover .fade {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-image: radial-gradient(70% 110%, rgba(0, 0, 0, 0) 52%, #000000 100%);
  z-index: 3;
  -ms-transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-backface-visibility: hidden;
}
@media (max-width: 375px) {
  .video-container .video-cover .fade {
    opacity: 0.5;
  }
}
.video-container .video-cover .play {
  position: absolute;
  width: 67px;
  height: 67px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  z-index: 5;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%203%20Copy%3C%2Ftitle%3E%3Cg%20transform%3D%22translate(.55%20-.1)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke%3D%22%23FFF%22%20stroke-width%3D%227.28%22%20cx%3D%2247.32%22%20cy%3D%2247.818%22%20r%3D%2243.68%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M61.293%2047.818L39.575%2065.915V29.72z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 1s;
}

.sfl-btn {
  position: relative;
  font-weight: 800;
  font-size: em(15px);
  color: #FFF;
  letter-spacing: 0;
  text-align: center;
  background-color: #000;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 47px;
  border-radius: 100px;
  text-decoration: none;
  min-width: 206px;
  border: 2px solid #000;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
}
.sfl-btn:hover {
  border: 2px solid #000;
  color: #000;
  background: transparent;
}
.sfl-btn.large {
  font-size: em(19px);
  border-width: 3px;
  min-height: 55px;
}
.sfl-btn.sfl-btn-white {
  background-color: #FFF;
  color: #000;
  border: 2px solid #FFF;
}
.sfl-btn.sfl-btn-white:hover {
  background-color: transparent;
  color: #FFF;
}
.sfl-btn.sfl-btn-gradient {
  border: 0;
  color: #FFF;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(270deg, #EC5C2B 1%, #EB35A0 100%);
}
.sfl-btn.sfl-btn-gradient:hover {
  border: 0;
  color: #FFF;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(270deg, #EB35A0 1%, #EC5C2B 100%);
}
.sfl-btn.sfl-btn-outline {
  background: transparent;
  border: 2px solid #000;
  color: #000;
}
.sfl-btn.sfl-btn-outline:hover {
  background-color: #000;
  color: #FFF;
}
.sfl-btn.sfl-btn-outline-white {
  background: transparent;
  border: 2px solid #FFF;
  color: #FFF;
}
.sfl-btn.sfl-btn-outline-white:hover {
  background-color: #FFF;
  color: #000;
}
.sfl-btn.sfl-btn-outline-pink {
  background: transparent;
  border: 2px solid #EB35A0;
  color: #FFF;
}
.sfl-btn.sfl-btn-outline-pink:hover {
  background-color: #EB35A0;
  color: #FFF;
}
.sfl-btn.sfl-btn-small-white {
  min-height: 33px;
  border: 2px solid #FFF;
  color: #000;
  min-width: 0;
  text-transform: uppercase;
  background-color: #fff;
  font-size: em(13px);
  padding: 0 15px;
  letter-spacing: 0.72px;
}
.sfl-btn.sfl-btn-small-white:hover {
  color: #FFF;
  background-color: transparent;
}
.sfl-btn.sfl-btn-small-outline-gray {
  min-height: 33px;
  border: 2px solid #797979;
  background-color: transparent;
  color: #FFF;
  min-width: 0;
  text-transform: uppercase;
  font-size: em(13px);
  padding: 0 15px;
  letter-spacing: 0.72px;
}
.sfl-btn.sfl-btn-small-outline-gray:hover {
  color: #FFF;
  border-color: #FFF;
}
.sfl-btn.sfl-btn-gradient-outline-white-bg {
  border: 0;
  background: none;
  color: #000;
}
.sfl-btn.sfl-btn-gradient-outline-white-bg:before {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-image: linear-gradient(270deg, #EC5C2B 1%, #EB35A0 100%);
  z-index: -2;
  border-radius: 50px;
}
.sfl-btn.sfl-btn-gradient-outline-white-bg:after {
  content: "";
  position: absolute;
  display: block;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 50px;
  z-index: -1;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
}
.sfl-btn.sfl-btn-gradient-outline-white-bg:hover {
  color: #FFF;
}
.sfl-btn.sfl-btn-gradient-outline-white-bg:hover:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
}

.center {
  text-align: center;
}

/* Animate.css Classes */
.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

/* Additional Animation Classes */
.fade-in {
  opacity: 0;
  -ms-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-backface-visibility: hidden;
}
.fade-in.animate {
  opacity: 1;
}

.fade-out {
  -ms-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-backface-visibility: hidden;
}
.fade-out.animate {
  opacity: 0;
}

.from-bottom {
  -ms-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
}
.from-bottom.animate {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.from-top {
  -ms-transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}
.from-top.animate {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.from-left {
  -ms-transform: translateX(-40px);
  -webkit-transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  transform: translateX(-40px);
}
.from-left.animate {
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.from-right {
  -ms-transform: translateX(40px);
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
}
.from-right.animate {
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.extra-fast {
  transition-duration: 0.15s;
}

.fast {
  transition-duration: 0.3s;
}

.normal {
  transition-duration: 0.5s;
}

.sluggish {
  transition-duration: 1.5s;
}

.slow {
  transition-duration: 3s;
}

.extra-slow {
  transition-duration: 5s;
}

.delay-1 {
  transition-delay: 0.1s;
}

.delay-2 {
  transition-delay: 0.2s;
}

.delay-3 {
  transition-delay: 0.3s;
}

.delay-4 {
  transition-delay: 0.4s;
}

.delay-5 {
  transition-delay: 0.5s;
}

.delay-6 {
  transition-delay: 0.6s;
}

.delay-7 {
  transition-delay: 0.7s;
}

.delay-8 {
  transition-delay: 0.8s;
}

.delay-9 {
  transition-delay: 0.9s;
}

.delay-10 {
  transition-delay: 1s;
}

.delay-11 {
  transition-delay: 1.1s;
}

.delay-12 {
  transition-delay: 1.2s;
}

.delay-13 {
  transition-delay: 1.3s;
}

.delay-14 {
  transition-delay: 1.4s;
}

.delay-15 {
  transition-delay: 1.5s;
}

.delay-16 {
  transition-delay: 1.6s;
}

.delay-17 {
  transition-delay: 1.7s;
}

.delay-18 {
  transition-delay: 1.8s;
}

.delay-19 {
  transition-delay: 1.9s;
}

.delay-20 {
  transition-delay: 2s;
}

.delay-21 {
  transition-delay: 2.1s;
}

.delay-22 {
  transition-delay: 2.2s;
}

.delay-23 {
  transition-delay: 2.3s;
}

.delay-24 {
  transition-delay: 2.4s;
}

.delay-25 {
  transition-delay: 2.5s;
}

.delay-26 {
  transition-delay: 2.6s;
}

.delay-27 {
  transition-delay: 2.7s;
}

.delay-28 {
  transition-delay: 2.8s;
}

.delay-29 {
  transition-delay: 2.9s;
}

.delay-30 {
  transition-delay: 3s;
}

.delay-31 {
  transition-delay: 3.1s;
}

.delay-32 {
  transition-delay: 3.2s;
}

.delay-33 {
  transition-delay: 3.3s;
}

.delay-34 {
  transition-delay: 3.4s;
}

.delay-35 {
  transition-delay: 3.5s;
}

.delay-36 {
  transition-delay: 3.6s;
}

.delay-37 {
  transition-delay: 3.7s;
}

.delay-38 {
  transition-delay: 3.8s;
}

.delay-39 {
  transition-delay: 3.9s;
}

.delay-40 {
  transition-delay: 4s;
}

.delay-41 {
  transition-delay: 4.1s;
}

.delay-42 {
  transition-delay: 4.2s;
}

.delay-43 {
  transition-delay: 4.3s;
}

.delay-44 {
  transition-delay: 4.4s;
}

.delay-45 {
  transition-delay: 4.5s;
}

.delay-46 {
  transition-delay: 4.6s;
}

.delay-47 {
  transition-delay: 4.7s;
}

.delay-48 {
  transition-delay: 4.8s;
}

.delay-49 {
  transition-delay: 4.9s;
}

.delay-50 {
  transition-delay: 5s;
}

.admin-spacer {
  position: relative;
  height: 32px;
}

.panel-admin {
  width: 100%;
  top: 0;
  left: 0;
  color: #FFF;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  -ms-transition: right 0.3s ease-in, left 0.3s ease-in;
  -webkit-transition: right 0.3s ease-in, left 0.3s ease-in;
  -moz-transition: right 0.3s ease-in, left 0.3s ease-in;
  -o-transition: right 0.3s ease-in, left 0.3s ease-in;
  transition: right 0.3s ease-in, left 0.3s ease-in;
  -webkit-backface-visibility: hidden;
  background-color: #222;
  cursor: auto;
}
.panel-admin a {
  cursor: pointer !important;
}
.panel-admin.active {
  right: 100%;
  left: -100%;
}
@media (min-width: 768px) {
  .panel-admin.active {
    right: 470px;
    left: -470px;
  }
}
.panel-admin ul {
  display: flex;
  min-height: 32px;
  align-items: stretch;
  justify-content: stretch;
}
.panel-admin ul.left li {
  border-right: 1px solid #333;
}
.panel-admin ul.right li {
  border-left: 1px solid #333;
}
.panel-admin ul li {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: em(14px);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
}
.panel-admin ul li a {
  color: #FFF;
  text-decoration: none;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  -ms-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-backface-visibility: hidden;
}
.panel-admin ul li a:hover {
  background-color: #333;
}
.panel-admin ul li a i {
  margin: 0 5px 0 0;
}

/*
Font: 		The Picnic Club Italic
Style: 		Regular
URL: 		https://youworkforthem.com/font/T17352/the-picnic-club
Foundry: 	Ivan Rosenberg
Foundry: 	https://youworkforthem.com/designer/755/ivan-rosenberg
Copyright:	
Version: 	17
Created:	October 10, 2022
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/
@font-face {
  font-family: "ThePicnicClub";
  src: url("../webfonts/the-picnic-club-italic/webfonts/the-picnic-club-italic.eot");
  src: url("../webfonts/the-picnic-club-italic/webfonts/the-picnic-club-italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/the-picnic-club-italic/webfonts/the-picnic-club-italic.woff2") format("woff2"), url("../webfonts/the-picnic-club-italic/webfonts/the-picnic-club-italic.woff") format("woff"), url("../webfonts/the-picnic-club-italic/webfonts/the-picnic-club-italic.ttf") format("truetype"), url("../webfonts/the-picnic-club-italic/webfonts/the-picnic-club-italic.svg#youworkforthem") format("svg");
  font-weight: normal;
  font-style: italic;
}
/*
Font: 		The Picnic Club
Style: 		Regular
URL: 		https://youworkforthem.com/font/T17352/the-picnic-club
Foundry: 	Ivan Rosenberg
Foundry: 	https://youworkforthem.com/designer/755/ivan-rosenberg
Copyright:	
Version: 	17
Created:	October 10, 2022
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/
@font-face {
  font-family: "ThePicnicClub";
  src: url("../webfonts/the-picnic-club-regular/webfonts/the-picnic-club-regular.eot");
  src: url("../webfonts/the-picnic-club-regular/webfonts/the-picnic-club-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/the-picnic-club-regular/webfonts/the-picnic-club-regular.woff2") format("woff2"), url("../webfonts/the-picnic-club-regular/webfonts/the-picnic-club-regular.woff") format("woff"), url("../webfonts/the-picnic-club-regular/webfonts/the-picnic-club-regular.ttf") format("truetype"), url("../webfonts/the-picnic-club-regular/webfonts/the-picnic-club-regular.svg#youworkforthem") format("svg");
  font-weight: normal;
  font-style: normal;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  position: relative;
  font-family: proxima-nova, sans-serif;
  background-color: #F6F3EC;
}

body {
  position: relative;
  background: transparent;
  z-index: 1;
  -ms-transition: min-height 0.3s, background-color 0.3s, border 0.3s;
  -webkit-transition: min-height 0.3s, background-color 0.3s, border 0.3s;
  -moz-transition: min-height 0.3s, background-color 0.3s, border 0.3s;
  -o-transition: min-height 0.3s, background-color 0.3s, border 0.3s;
  transition: min-height 0.3s, background-color 0.3s, border 0.3s;
  -webkit-backface-visibility: hidden;
}
body.no-scroll {
  overflow: hidden;
}

.no-scroll {
  touch-action: none !important;
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
.site-nav {
  height: 51px;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #BBB9AE;
  text-transform: uppercase;
  color: #FFF;
  opacity: 0;
  pointer-events: none;
  transition: all 1s;
  z-index: 100;
}
.site-nav.active {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 767px) {
  .site-nav {
    display: none;
  }
}
.site-nav a {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 0 25px;
  transition: all 0.3s;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 1.2px;
}
.site-nav a:hover {
  color: #828073;
}
@media (max-width: 1023px) {
  .site-nav a {
    padding: 0 15px;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0.8px;
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.page-event-collective-giving {
  overflow: hidden;
}
.page-event-collective-giving a {
  color: inherit;
}

.header {
  position: relative;
  width: 100%;
  display: block;
  background-color: #302B21;
  color: #FFF;
}
.header .h-top {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  min-height: calc(675 / 1440 * 100vw);
  padding: calc(138 / 1440 * 100vw) 0 40px 0;
}
@media (max-width: 1023px) {
  .header .h-top {
    padding: 120px 0 40px 0;
  }
}
@media (max-width: 767px) {
  .header .h-top {
    padding: 120px 0 100px 0;
  }
}
.header .h-top .h-logo {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 45px;
}
@media (max-width: 767px) {
  .header .h-top .h-logo {
    top: 20px;
    left: 20px;
    width: 70px;
    height: 65px;
  }
  .header .h-top .h-logo svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.header .h-top .h-title {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
.header .h-top .h-title img {
  width: calc(592 / 1440 * 100vw);
  height: auto;
}
@media (max-width: 767px) {
  .header .h-top .h-title img {
    width: 100%;
    max-width: 80%;
  }
}
.header .h-top .h-bg {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.header .h-top .h-bg::before {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(48, 43, 33) 100%);
}
.header .h-top .h-bg img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .h-top .h-bg video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .h-bottom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: calc(75 / 1440 * 100vw) 0 calc(145 / 1440 * 100vw) 0;
}
@media (max-width: 767px) {
  .header .h-bottom {
    padding: 0 0 100px 0;
  }
}
.header .h-date {
  width: 100%;
  color: #F6F3EC;
  text-align: center;
  font-size: calc(59 / 1440 * 100vw);
  font-style: normal;
  font-weight: 700;
  margin-bottom: calc(35 / 1440 * 100vw);
}
@media (max-width: 767px) {
  .header .h-date {
    font-size: 30px;
    margin-bottom: 35px;
  }
}
.header .h-desc {
  width: calc(930 / 1440 * 100vw);
  text-align: center;
  font-size: calc(22 / 1440 * 100vw);
  line-height: 2;
  font-weight: 400;
}
@media (max-width: 1023px) {
  .header .h-desc {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .header .h-desc {
    width: 80vw;
    font-size: 16px;
    line-height: 1.7;
  }
}
.header .h-desc a {
  color: inherit;
}
.header .h-buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: calc(75 / 1440 * 100vw);
}
@media (max-width: 767px) {
  .header .h-buttons {
    margin-top: 40px;
  }
}
.header .h-buttons .h-button {
  display: flex;
  justify-content: center;
  color: #F6F3EC;
  font-size: calc(27 / 1440 * 100vw);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2.7px;
  border-radius: 200px;
  background: #828073;
  text-decoration: none;
  padding: calc(30 / 1440 * 100vw) calc(70 / 1440 * 100vw);
  text-transform: uppercase;
  transition: all 0.3s;
}
.header .h-buttons .h-button:hover {
  background: #FFF;
  color: #828073;
}
@media (max-width: 1023px) {
  .header .h-buttons .h-button {
    font-size: 18px;
    letter-spacing: 2px;
    padding: 20px 40px;
  }
}

.marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  padding: 0;
  background-color: #BBB9AE;
  color: #F6F3EC;
  font-family: ThePicnicClub, sans-serif;
  font-size: vw(85);
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  .marquee {
    font-size: 40px;
  }
}
.marquee .block {
  white-space: nowrap;
  display: block;
  position: relative;
  animation-name: marquee;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.marquee .block .inner {
  white-space: nowrap;
  display: block;
  padding: 1vw 1vw 2vw 0;
}
@media (max-width: 767px) {
  .marquee .block .inner {
    padding: 5vw 1vw 5vw 0;
  }
}
.marquee .block .inner em {
  font-style: italic;
}

.location {
  display: flex;
  align-items: stretch;
  width: 100%;
  background-color: #828073;
  color: #FFF;
  min-height: 50vw;
  flex-wrap: wrap;
}
.location .l-slider {
  position: relative;
  width: 50%;
  border-right: 2px solid #000;
  background-color: #000;
}
@media (max-width: 767px) {
  .location .l-slider {
    width: 100%;
    height: 100vw;
    border: 0;
  }
}
.location .l-slider .location-swiper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.location .l-slider .location-swiper .swiper-slide {
  height: 100%;
  width: 100%;
}
.location .l-slider .location-swiper .swiper-slide img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.location .l-slider .location-swiper-nav {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  pointer-events: none;
}
.location .l-slider .location-swiper-nav .location-swiper-next {
  font-size: 0;
  width: vw(29);
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2255%22%20viewBox%3D%220%200%2030%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29.266%2027.426L2.133%2054.559.72%2053.145l25.719-25.719L.718%201.707%202.134.293l27.133%2027.133z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: vw(25);
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  pointer-events: all;
}
.location .l-slider .location-swiper-nav .location-swiper-next:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(55 / 29 * 100%);
}
@media (max-width: 767px) {
  .location .l-slider .location-swiper-nav .location-swiper-next {
    display: none;
  }
}
.location .l-slider .location-swiper-nav .location-swiper-prev {
  font-size: 0;
  width: vw(29);
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2255%22%20viewBox%3D%220%200%2030%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M.719%2027.426L27.852.293l1.414%201.414L3.547%2027.426l25.72%2025.719-1.415%201.414L.719%2027.426z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: vw(25);
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  pointer-events: all;
}
.location .l-slider .location-swiper-nav .location-swiper-prev:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(55 / 29 * 100%);
}
@media (max-width: 767px) {
  .location .l-slider .location-swiper-nav .location-swiper-prev {
    display: none;
  }
}
.location .l-slider .location-swiper-nav .location-swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding-bottom: vw(47);
  pointer-events: all;
}
@media (max-width: 767px) {
  .location .l-slider .location-swiper-nav .location-swiper-pagination {
    padding-bottom: 30px;
  }
}
.location .l-slider .location-swiper-nav .location-swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #FFF;
  opacity: 1;
  transition: all 0.3s;
  margin: 2.5px;
}
@media (max-width: 767px) {
  .location .l-slider .location-swiper-nav .location-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 4px;
  }
}
.location .l-slider .location-swiper-nav .location-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
.location .l-details {
  width: 50%;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding: vw(80);
}
@media (max-width: 767px) {
  .location .l-details {
    width: 100%;
    padding: 60px 10vw;
  }
}
.location .l-details .l-title {
  width: 100%;
  font-family: ThePicnicClub, sans-serif;
  font-size: vw(65);
  font-weight: 400;
  margin-bottom: vw(30);
}
@media (max-width: 767px) {
  .location .l-details .l-title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
.location .l-details .l-subtitle {
  font-size: vw(22);
  font-weight: 500;
  letter-spacing: vw(4.4);
  text-transform: uppercase;
  margin-bottom: vw(35);
}
@media (max-width: 767px) {
  .location .l-details .l-subtitle {
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
.location .l-details .l-desc {
  font-size: vw(20);
  font-style: normal;
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 1023px) {
  .location .l-details .l-desc {
    font-size: 16px;
  }
}
.location .l-details .l-buttons {
  margin-top: vw(70);
}
@media (max-width: 1023px) {
  .location .l-details .l-buttons {
    margin-top: 40px;
  }
}
.location .l-details .l-buttons .l-button {
  color: #F6F3EC;
  border: 2px solid #F6F3EC;
  border-radius: 200px;
  text-align: center;
  font-size: vw(18.288);
  font-style: normal;
  font-weight: 600;
  letter-spacing: vw(1.829);
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: vw(20) vw(50);
  transition: all 0.3s;
}
.location .l-details .l-buttons .l-button:hover {
  background-color: #F6F3EC;
  color: #302B21;
}
@media (max-width: 1023px) {
  .location .l-details .l-buttons .l-button {
    font-size: 18px;
    letter-spacing: 2px;
    padding: 16px 40px;
  }
}

.amenities {
  width: 100%;
  padding: vw(133) vw(120);
  color: #000;
}
@media (max-width: 767px) {
  .amenities {
    padding: 60px 10vw;
  }
}
.amenities .a-title {
  font-size: vw(33);
  font-style: normal;
  font-weight: 600;
  margin-bottom: vw(32);
}
@media (max-width: 1023px) {
  .amenities .a-title {
    font-size: 34px;
    margin-bottom: 25px;
  }
}
.amenities .a-desc {
  font-size: vw(18);
  font-style: normal;
  font-weight: 400;
  line-height: 189.5%;
  margin-bottom: vw(70);
}
@media (max-width: 1023px) {
  .amenities .a-desc {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 40px;
  }
}
.amenities .a-swiper {
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .amenities .a-swiper .swiper {
    overflow: visible;
  }
}
.amenities .a-swiper .swiper-slide {
  padding-bottom: 10px;
}
.amenities .a-swiper .swiper-slide .s-image {
  width: 100%;
  position: relative;
  margin-bottom: vw(21);
}
.amenities .a-swiper .swiper-slide .s-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(418 / 280 * 100%);
}
@media (max-width: 767px) {
  .amenities .a-swiper .swiper-slide .s-image {
    margin-bottom: 15px;
  }
}
.amenities .a-swiper .swiper-slide .s-image img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.amenities .a-swiper .swiper-slide .s-title {
  font-family: ThePicnicClub, sans-serif;
  font-size: vw(33);
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 1023px) {
  .amenities .a-swiper .swiper-slide .s-title {
    font-size: 22px;
  }
}
.amenities .a-swiper .swiper-slide .s-desc {
  margin-top: 20px;
  color: #707070;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 169%;
}
.amenities .a-swiper .amenities-swiper-nav {
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  height: 100%;
  width: calc(100% + vw(120) + vw(120));
  left: vw(-120);
  pointer-events: none;
}
@media (max-width: 767px) {
  .amenities .a-swiper .amenities-swiper-nav {
    display: none;
  }
}
.amenities .a-swiper .amenities-swiper-nav .amenities-swiper-next,
.amenities .a-swiper .amenities-swiper-nav .amenities-swiper-prev {
  pointer-events: all;
  font-size: 0;
  width: vw(29);
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s;
}
.amenities .a-swiper .amenities-swiper-nav .amenities-swiper-next:before,
.amenities .a-swiper .amenities-swiper-nav .amenities-swiper-prev:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(55 / 29 * 100%);
}
.amenities .a-swiper .amenities-swiper-nav .amenities-swiper-next.swiper-button-disabled,
.amenities .a-swiper .amenities-swiper-nav .amenities-swiper-prev.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.amenities .a-swiper .amenities-swiper-nav .amenities-swiper-next {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2255%22%20viewBox%3D%220%200%2030%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29.266%2027.426L2.133%2054.559.72%2053.145l25.719-25.719L.718%201.707%202.134.293l27.133%2027.133z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  right: vw(30);
}
.amenities .a-swiper .amenities-swiper-nav .amenities-swiper-prev {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2255%22%20viewBox%3D%220%200%2030%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M.719%2027.426L27.852.293l1.414%201.414L3.547%2027.426l25.72%2025.719-1.415%201.414L.719%2027.426z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  left: vw(30);
}
.amenities .a-buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: vw(110);
}
@media (max-width: 767px) {
  .amenities .a-buttons {
    margin-top: 40px;
  }
}
.amenities .a-buttons .a-button {
  color: #000;
  border: 2px solid #000;
  border-radius: 200px;
  text-align: center;
  font-size: vw(18.288);
  font-style: normal;
  font-weight: 600;
  letter-spacing: vw(1.829);
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: vw(20) vw(50);
  transition: all 0.3s;
}
.amenities .a-buttons .a-button:hover {
  background-color: #000;
  color: #FFF;
}
@media (max-width: 1023px) {
  .amenities .a-buttons .a-button {
    font-size: 18px;
    letter-spacing: 2px;
    padding: 20px 40px;
  }
}

.logistics {
  padding: 0 vw(45);
}
@media (max-width: 767px) {
  .logistics {
    padding: 0 5vw;
  }
}
.logistics .l-container {
  padding: vw(120) vw(130) vw(154) vw(130);
  background-color: #302B21;
  color: #FFF;
}
@media (max-width: 767px) {
  .logistics .l-container {
    padding: 60px 5vw;
  }
}
.logistics .l-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  padding: 0 vw(86);
  margin-bottom: -2vw;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .logistics .l-header {
    padding: 0 5vw;
    margin-bottom: 20px;
  }
}
.logistics .l-header .l-title {
  font-family: ThePicnicClub, sans-serif;
  font-size: vw(87);
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  width: 45%;
}
.logistics .l-header .l-title em {
  font-style: italic;
}
@media (max-width: 767px) {
  .logistics .l-header .l-title {
    font-size: 60px;
    width: 100%;
    margin-bottom: 20px;
  }
}
.logistics .l-header .l-subtitle {
  color: #F6F3EC;
  text-align: right;
  font-size: vw(18);
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width: 1023px) {
  .logistics .l-header .l-subtitle {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .logistics .l-header .l-subtitle {
    font-size: 16px;
    text-align: left;
  }
}
.logistics .l-map {
  width: 100%;
  position: relative;
  margin-bottom: vw(100);
  border-radius: vw(25);
  overflow: hidden;
}
.logistics .l-map:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(461 / 1093 * 100%);
}
@media (max-width: 767px) {
  .logistics .l-map {
    position: relative;
    margin-bottom: 20px;
    border-radius: 10px;
  }
  .logistics .l-map:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: calc(3 / 5 * 100%);
  }
}
.logistics .l-map .fade {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(48, 43, 33, 0.73) 0%, rgba(0, 0, 0, 0) 58.33%);
}
.logistics .l-map img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.logistics .l-desc {
  font-size: vw(22);
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  padding: 0 vw(85);
}
@media (max-width: 1023px) {
  .logistics .l-desc {
    font-size: 16px;
    padding: 0 5vw;
  }
}
.logistics .l-points {
  color: #FFF;
  font-family: ThePicnicClub, sans-serif;
  font-size: vw(44);
  font-style: normal;
  font-weight: 400;
  line-height: 90%;
  padding: 0 vw(85);
  margin-top: vw(60);
}
@media (max-width: 767px) {
  .logistics .l-points {
    font-size: 22px;
    line-height: 1.3;
    padding: 0 5vw;
    margin-top: 30px;
  }
}
.logistics .l-points .l-point {
  margin-bottom: vw(43);
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .logistics .l-points .l-point {
    margin-bottom: 20px;
  }
}
.logistics .l-points .l-point .icon {
  width: vw(55);
  position: relative;
}
.logistics .l-points .l-point .icon:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(1 / 1 * 100%);
}
@media (max-width: 767px) {
  .logistics .l-points .l-point .icon {
    width: 45px;
  }
}
.logistics .l-points .l-point .icon img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.logistics .l-points .l-point .point {
  margin-left: vw(30);
}
@media (max-width: 767px) {
  .logistics .l-points .l-point .point {
    margin-left: 20px;
  }
}

.speakers {
  z-index: 1;
  position: relative;
  padding: vw(133) vw(180) vw(95) vw(180);
  width: 100%;
}
@media (max-width: 767px) {
  .speakers {
    padding: 60px 10vw;
  }
}
.speakers .sp-graphic {
  position: absolute;
  top: 0;
  width: vw(366);
  right: 0;
  transform: translate(10%, -16%);
}
.speakers .sp-title {
  color: #000;
  font-family: ThePicnicClub, sans-serif;
  font-size: vw(100);
  font-style: normal;
  font-weight: 400;
  margin-bottom: vw(80);
}
@media (max-width: 767px) {
  .speakers .sp-title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
.speakers .sp-grid .speaker {
  display: flex;
  justify-content: space-between;
  margin-bottom: vw(45);
}
@media (max-width: 767px) {
  .speakers .sp-grid .speaker {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .speakers .sp-grid .speaker:last-of-type {
    margin-bottom: 0;
  }
}
.speakers .sp-grid .speaker .sp-image {
  width: vw(356);
  position: relative;
}
.speakers .sp-grid .speaker .sp-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(455 / 356 * 100%);
}
@media (max-width: 767px) {
  .speakers .sp-grid .speaker .sp-image {
    width: 100%;
    position: relative;
  }
  .speakers .sp-grid .speaker .sp-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: calc(3.5 / 3 * 100%);
  }
}
.speakers .sp-grid .speaker .sp-image img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.speakers .sp-grid .speaker .sp-details {
  width: vw(637);
  padding-top: vw(70);
}
@media (max-width: 1023px) {
  .speakers .sp-grid .speaker .sp-details {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .speakers .sp-grid .speaker .sp-details {
    width: 100%;
    padding-top: 20px;
  }
}
.speakers .sp-grid .speaker .sp-details .sp-name {
  font-size: vw(48);
  font-weight: 700;
  color: #302B21;
  margin-bottom: vw(20);
}
@media (max-width: 767px) {
  .speakers .sp-grid .speaker .sp-details .sp-name {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
.speakers .sp-grid .speaker .sp-details .sp-subtitle {
  color: #828073;
  font-size: vw(20);
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: vw(4);
  text-transform: uppercase;
  margin-bottom: vw(30);
}
@media (max-width: 767px) {
  .speakers .sp-grid .speaker .sp-details .sp-subtitle {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 15px;
  }
}
.speakers .sp-grid .speaker .sp-details .sp-bio {
  color: rgba(0, 0, 0, 0.6);
  font-size: vw(22);
  font-style: normal;
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 1023px) {
  .speakers .sp-grid .speaker .sp-details .sp-bio {
    font-size: 16px;
    line-height: 1.8;
  }
}
@media (max-width: 767px) {
  .speakers .sp-grid .speaker .sp-details .sp-bio {
    font-size: 14px;
    line-height: 1.6;
  }
}

.faq {
  background: #BBB9AE;
  color: #FFF;
  padding: vw(125) vw(188) vw(180) vw(188);
}
@media (max-width: 767px) {
  .faq {
    padding: 60px 10vw;
  }
}
.faq .f-title {
  color: #FFF;
  font-size: vw(47);
  font-style: normal;
  font-weight: 700;
  margin-bottom: vw(50);
}
@media (max-width: 767px) {
  .faq .f-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.faq .faq-list .item {
  border-bottom: 1px solid #FFF;
}
.faq .faq-list .item:first-of-type {
  border-top: 1px solid #FFF;
}
.faq .faq-list dt {
  position: relative;
  font-size: vw(33);
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  padding: vw(50) 20px vw(45) 0;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .faq .faq-list dt {
    font-size: 22px;
    padding: 3vw 30px 3vw 0;
  }
}
@media (max-width: 767px) {
  .faq .faq-list dt {
    font-size: 20px;
    padding: 5vw 30px 5vw 0;
  }
}
.faq .faq-list dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 29px;
  height: 17px;
  backface-visibility: hidden;
  transform: translate(0, -50%) rotate(-90deg);
  transition: all 0.3s;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2214%22%20viewBox%3D%220%200%2023%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.607%2013.627L.293%202.314%201.707.899l9.9%209.9%209.9-9.9%201.413%201.415-11.313%2011.313z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E");
}
@media (max-width: 1023px) {
  .faq .faq-list dt::after {
    width: 20px;
    height: 10px;
  }
}
.faq .faq-list dt.active::after {
  transform: translate(0, -50%);
}
.faq .faq-list dd {
  padding: 0 5vw vw(45) 0;
  color: #FFF;
  font-size: vw(22);
  font-style: normal;
  font-weight: 400;
  line-height: 199.5%; /* 43.89px */
}
@media (max-width: 1023px) {
  .faq .faq-list dd {
    padding: 0 0 45px 0;
    font-size: 16px;
  }
}
.faq .faq-list dd strong, .faq .faq-list dd b {
  font-weight: 700;
}
.faq .faq-list dd em, .faq .faq-list dd i {
  font-style: italic;
}
.faq .faq-list dd a {
  color: inherit;
  text-decoration: underline;
}

.schedule {
  position: relative;
  background-color: #302B21;
  color: #FFF;
  padding: vw(140) vw(180);
}
@media (max-width: 767px) {
  .schedule {
    padding: 60px 10vw;
  }
}
.schedule .s-graphic {
  position: absolute;
  width: 32px;
  right: vw(122);
  z-index: 1;
  top: 0;
  transform: translateY(-32px);
}
@media (max-width: 767px) {
  .schedule .s-graphic {
    width: 20px;
    right: 2.5vw;
    transform: translateY(-20px);
  }
}
.schedule .s-title {
  font-family: ThePicnicClub, sans-serif;
  font-size: vw(100);
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: vw(20);
}
@media (max-width: 767px) {
  .schedule .s-title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
.schedule .expander-container {
  position: relative;
  max-height: vw(500);
  overflow: hidden;
  transition: all 1s;
  padding-bottom: vw(120);
}
@media (max-width: 767px) {
  .schedule .expander-container {
    max-height: 350px;
    padding-bottom: 60px;
  }
}
.schedule .expander-container.expanded {
  max-height: 4000px;
}
.schedule .expander-container.expanded:after {
  height: 0;
}
.schedule .expander-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: vw(300);
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #302B21 80%);
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .schedule .expander-container::after {
    height: 200px;
  }
}
.schedule .expander-container .expander-button {
  position: absolute;
  z-index: 10;
  bottom: 0;
  width: 100%;
  text-align: center;
  cursor: pointer;
  color: #F6F3EC;
  font-size: vw(24);
  font-weight: 700;
  letter-spacing: vw(2.04);
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .schedule .expander-container .expander-button {
    font-size: 18px;
    letter-spacing: 2px;
  }
}
.schedule .s-schedule {
  position: relative;
}
.schedule .day {
  padding: vw(40) 0;
  border-bottom: 2px solid #828073;
}
@media (max-width: 767px) {
  .schedule .day {
    padding: 20px 0;
  }
}
.schedule .day .day-title {
  font-size: vw(34);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: vw(24);
}
@media (max-width: 767px) {
  .schedule .day .day-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.schedule .day .day-schedule .day-event {
  position: relative;
  color: #FFF;
  font-size: vw(24);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .schedule .day .day-schedule .day-event {
    font-size: 16px;
  }
}
.schedule .day .day-schedule .day-event .e-time {
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
.schedule .day .day-schedule .day-event .e-line {
  display: block;
  height: 2px;
  width: 8px;
  margin-top: vw(12);
  background-color: #fff;
  margin: 11px 6px 0 6px;
}
@media (max-width: 767px) {
  .schedule .day .day-schedule .day-event .e-line {
    margin-top: 15px;
  }
}

.featured-image {
  width: 100%;
  height: vw(537);
  position: relative;
}
@media (max-width: 767px) {
  .featured-image {
    height: 60vw;
  }
}
.featured-image img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.form {
  width: 100%;
  background: #BBB9AE;
  color: #FFF;
  padding: vw(142) vw(296);
}
@media (max-width: 767px) {
  .form {
    padding: 60px 10vw;
  }
}
.form .f-title {
  width: 100%;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  font-size: vw(80);
  font-style: normal;
  font-weight: 700;
  letter-spacing: vw(6.8);
  margin-bottom: vw(50);
}
@media (max-width: 767px) {
  .form .f-title {
    font-size: 30px;
    letter-spacing: 4px;
    margin-bottom: 40px;
  }
}
.form .gform_wrapper.gravity-theme .gform_validation_errors {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  font: inherit;
}
.form .gform_wrapper.gravity-theme .gform_validation_errors .gform_submission_error {
  font-size: 20px;
  margin-bottom: 20px;
}
.form .gform_wrapper.gravity-theme .gform_heading {
  display: none;
}
.form .gform_wrapper.gravity-theme .gfield {
  margin-bottom: 20px;
}
.form .gform_wrapper.gravity-theme .gfield.gsection {
  border-bottom: 1px solid #FFF;
  margin: 0 0 50px 0;
}
@media (max-width: 767px) {
  .form .gform_wrapper.gravity-theme .gfield.gsection {
    margin: 0 0 20px 0;
  }
}
.form .gform_wrapper.gravity-theme .gfield.gsection .gsection_title {
  font-family: ThePicnicClub, sans-serif;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 15px;
  padding: 0;
  line-height: 1;
}
@media (max-width: 767px) {
  .form .gform_wrapper.gravity-theme .gfield.gsection .gsection_title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.form .gform_wrapper.gravity-theme .ginput_complex.ginput_container--name .gform-grid-col label {
  padding-left: 10px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .form .gform_wrapper.gravity-theme .ginput_complex.ginput_container--name .gform-grid-col label {
    font-size: 18px;
  }
}
.form .gform_wrapper.gravity-theme .gfield .gform-field-label {
  padding-left: 10px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 12px;
  color: inherit;
}
.form .gform_wrapper.gravity-theme .gfield .gform-field-label .gfield_required {
  display: none;
}
@media (max-width: 767px) {
  .form .gform_wrapper.gravity-theme .gfield .gform-field-label {
    font-size: 18px;
  }
}
.form .gform_wrapper.gravity-theme .gfield .gfield_description {
  padding-left: 10px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .form .gform_wrapper.gravity-theme .gfield .gfield_description {
    font-size: 16px;
  }
}
.form .gform_wrapper.gravity-theme .gfield .validation_message {
  background-color: transparent;
  border: 0;
}
.form .gform_wrapper.gravity-theme input[type=email],
.form .gform_wrapper.gravity-theme input[type=number],
.form .gform_wrapper.gravity-theme input[type=password],
.form .gform_wrapper.gravity-theme input[type=search],
.form .gform_wrapper.gravity-theme input[type=tel],
.form .gform_wrapper.gravity-theme input[type=text],
.form .gform_wrapper.gravity-theme input[type=time],
.form .gform_wrapper.gravity-theme input[type=url],
.form .gform_wrapper.gravity-theme select,
.form .gform_wrapper.gravity-theme textarea {
  appearance: none;
  font: inherit;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
  border-radius: 35px;
  padding: 10px 20px;
  display: block;
  line-height: 1;
  box-sizing: border-box;
  font-size: 20px;
  height: auto;
  min-height: 66px;
}
@media (max-width: 767px) {
  .form .gform_wrapper.gravity-theme input[type=email],
  .form .gform_wrapper.gravity-theme input[type=number],
  .form .gform_wrapper.gravity-theme input[type=password],
  .form .gform_wrapper.gravity-theme input[type=search],
  .form .gform_wrapper.gravity-theme input[type=tel],
  .form .gform_wrapper.gravity-theme input[type=text],
  .form .gform_wrapper.gravity-theme input[type=time],
  .form .gform_wrapper.gravity-theme input[type=url],
  .form .gform_wrapper.gravity-theme select,
  .form .gform_wrapper.gravity-theme textarea {
    min-height: 50px;
    padding: 5px 20px;
    font-size: 18px;
  }
}
.form .gform_wrapper.gravity-theme select {
  padding-right: 30px;
  background-position: right 20px center;
  background-size: 22px 12px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2214%22%20viewBox%3D%220%200%2023%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.606%2013.627L.293%202.314%201.707.899l9.9%209.9%209.899-9.9%201.414%201.415-11.314%2011.313z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
.form .gform_wrapper.gravity-theme textarea {
  padding: 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .form .gform_wrapper.gravity-theme textarea {
    padding: 10px 20px;
    border-radius: 20px;
  }
}
.form .gform_wrapper.gravity-theme .gform_footer {
  display: flex;
  justify-content: center;
}
.form .gform_wrapper.gravity-theme .gform_footer input[type=submit].gform_button.button {
  appearance: none;
  color: #F6F3EC;
  text-align: center;
  font-family: proxima-nova, sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 2.7px;
  text-transform: uppercase;
  background-color: #828073;
  border: 0;
  padding: 30px 80px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
}
.form .gform_wrapper.gravity-theme .gform_footer input[type=submit].gform_button.button:hover {
  background-color: #000;
  color: #FFF;
}
@media (max-width: 767px) {
  .form .gform_wrapper.gravity-theme .gform_footer input[type=submit].gform_button.button {
    font-size: 18px;
    letter-spacing: 2px;
    padding: 20px 40px;
  }
}

.partners {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #302B21;
  padding: 112px 0 130px 0;
  color: #FFF;
  overflow: hidden;
  padding: vw(142) 0;
}
@media (max-width: 767px) {
  .partners {
    padding: 60px 0;
  }
}
.partners .container {
  width: 80%;
  max-width: 1100px;
}
@media (max-width: 767px) {
  .partners .container {
    width: 75%;
  }
}
.partners .section-title {
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: vw(142);
  font-weight: 700;
  font-size: em(22px);
  color: #FFF;
  letter-spacing: 6px;
  text-align: center;
  text-transform: uppercase;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .partners .section-title {
    margin-bottom: 60px;
    line-height: 1.3;
    font-size: em(18px);
    letter-spacing: 4px;
  }
}
.partners .partners-grid {
  position: relative;
  display: flex;
  width: calc(100% + 100px * 2);
  margin: 0 -100px;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1199px) {
  .partners .partners-grid {
    width: calc(100% + 60px * 2);
    margin: 50px -60px 0 -60px;
  }
}
@media (max-width: 767px) {
  .partners .partners-grid {
    width: calc(100% + 40px * 2);
    margin: 50px -40px 0 -40px;
  }
}
.partners .partner {
  position: relative;
  width: calc(33.3333333333% - 100px * 2);
  margin: 0 100px 100px 100px;
}
.partners .partner:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(1.5 / 3 * 100%);
}
@media (max-width: 1199px) {
  .partners .partner {
    width: calc(33.3333333333% - 60px * 2);
    margin: 0 60px 60px 60px;
  }
}
@media (max-width: 1023px) {
  .partners .partner {
    width: calc(50% - 60px * 2);
    margin: 0 60px 60px 60px;
  }
}
@media (max-width: 767px) {
  .partners .partner {
    width: calc(50% - 40px * 2);
    margin: 0 40px 40px 40px;
  }
}
.partners .partner:hover img {
  opacity: 1;
}
.partners .partner img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.35;
  -ms-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
}
.partners .partner a {
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.footer {
  padding: vw(126) 0 vw(138) 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .footer {
    padding: 60px 0;
  }
}
.footer .f-badge {
  width: vw(273);
}
@media (max-width: 767px) {
  .footer .f-badge {
    width: 50vw;
  }
}

.page-event-collective-giving-std {
  overflow: hidden;
}
.page-event-collective-giving-std a {
  color: inherit;
}
.page-event-collective-giving-std .header {
  position: relative;
  width: 100%;
  display: block;
  background-color: #302B21;
  color: #FFF;
}
.page-event-collective-giving-std .header .h-top {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: vw(143) 0 0 0;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .page-event-collective-giving-std .header .h-top {
    padding: 120px 0 0 0;
  }
}
@media (max-width: 767px) {
  .page-event-collective-giving-std .header .h-top {
    padding: 120px 0 0 0;
  }
}
.page-event-collective-giving-std .header .h-top .h-logo {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 45px;
}
@media (max-width: 767px) {
  .page-event-collective-giving-std .header .h-top .h-logo {
    top: 20px;
    left: 20px;
    width: 70px;
    height: 65px;
  }
  .page-event-collective-giving-std .header .h-top .h-logo svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.page-event-collective-giving-std .header .h-top .h-title {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
.page-event-collective-giving-std .header .h-top .h-title img {
  width: vw(476);
  height: auto;
}
@media (max-width: 767px) {
  .page-event-collective-giving-std .header .h-top .h-title img {
    width: 100%;
    max-width: 70%;
  }
}
.page-event-collective-giving-std .header .h-top .h-date-year {
  text-align: center;
  color: #F6F3EC;
  text-align: center;
  font-size: vw(47);
  letter-spacing: vw(8);
  font-style: normal;
  font-weight: 700;
  margin-top: vw(14);
  z-index: 1;
}
@media (max-width: 767px) {
  .page-event-collective-giving-std .header .h-top .h-date-year {
    font-size: 30px;
  }
}
.page-event-collective-giving-std .header .h-top .h-bg {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.page-event-collective-giving-std .header .h-top .h-bg::before {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(48, 43, 33) 100%);
}
.page-event-collective-giving-std .header .h-top .h-bg img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-event-collective-giving-std .header .h-top .h-bg video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-event-collective-giving-std .header .h-bottom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: vw(75) 0 vw(178) 0;
}
@media (max-width: 767px) {
  .page-event-collective-giving-std .header .h-bottom {
    padding: 70px 0 100px 0;
  }
}
.page-event-collective-giving-std .header .h-date {
  width: 100%;
  color: #F6F3EC;
  text-align: center;
  font-size: vw(38);
  font-style: normal;
  font-weight: 700;
  margin-bottom: vw(35);
  text-transform: uppercase;
  letter-spacing: vw(0.5);
}
@media (max-width: 767px) {
  .page-event-collective-giving-std .header .h-date {
    font-size: vw(80);
    margin-bottom: 35px;
  }
}
.page-event-collective-giving-std .header .h-save-the-date {
  width: vw(390);
  margin-bottom: vw(48);
}
@media (max-width: 767px) {
  .page-event-collective-giving-std .header .h-save-the-date {
    width: 50vw;
    margin-bottom: 30px;
  }
}
.page-event-collective-giving-std .header .h-save-the-date img {
  width: 100%;
  height: auto;
  display: block;
}
.page-event-collective-giving-std .header .h-desc {
  width: vw(930);
  text-align: center;
  font-size: vw(22);
  margin-bottom: vw(68);
  color: #FFF;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: vw(4.4);
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .page-event-collective-giving-std .header .h-desc {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .page-event-collective-giving-std .header .h-desc {
    width: 80vw;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: vw(100);
  }
}
.page-event-collective-giving-std .header .h-desc a {
  color: inherit;
}
.page-event-collective-giving-std .header .h-buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0;
}
.page-event-collective-giving-std .header .h-buttons .h-button {
  display: flex;
  justify-content: center;
  color: #F6F3EC;
  font-size: vw(27);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2.7px;
  border-radius: 200px;
  background: #828073;
  text-decoration: none;
  padding: vw(35) vw(117);
  text-transform: uppercase;
  transition: all 0.3s;
}
.page-event-collective-giving-std .header .h-buttons .h-button:hover {
  background: #FFF;
  color: #828073;
}
@media (max-width: 1023px) {
  .page-event-collective-giving-std .header .h-buttons .h-button {
    font-size: 18px;
    letter-spacing: 2px;
    padding: 20px 40px;
  }
}