/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cl-reviews-slider-1 ul {
  align-items: flex-start !important;
}
.cl-reviews-slider-1 .well img {
  width: 90%;
}
.cl-reviews-slider-1 .weight-300 {
  font-weight: 300;
}
.cl-reviews-slider-1 .well {
  width: 276px;
  margin-right: 16px;
  margin-bottom: 0px;
  overflow-y: hidden;
}
.cl-reviews-slider-1 .expand-review {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  width: 100%;
  height: 50px;
  background: linear-gradient(#f1f2f200, #f1f2f2 84%);
}
.cl-reviews-slider-1 .expand-review i {
  transition: var(--transition);
  color: var(--secondary);
  margin-bottom: 2px;
}
.cl-reviews-slider-1 .well.expanded .expand-review i {
  transform: rotate(0.5turn);
}
@media (min-width: 992px) {
  .cl-reviews-slider-1 .well {
    max-height: 360px;
  }
  .cl-reviews-slider-1:before, .cl-reviews-slider-1:after {
    content: '';
    height: 100%;
    width: 40px;
    position: absolute;
    z-index: 2;
    top: 0px;
    bottom: 0px;
  }
  .cl-reviews-slider-1:before {
    left: 0px;
    background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  .cl-reviews-slider-1:after {
    right: 0px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
  }
  .cl-reviews-slider-1 .well:after {
    content: '';
    display: block;
    height: 44px;
    background-color: var(--primary);
    position: absolute;
    top: 316px;
    width: 100%;
    left: 0px;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background: linear-gradient(#f1f2f200, #f1f2f2 52%);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.ninthroot-overlay::before {
  content: '';
  background: linear-gradient(45deg, rgba(58, 191, 224, 0.7) 0%, rgba(242, 104, 151, 0.73) 54%, rgba(255, 78, 108, 0.75) 100%);
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  wi-subnav-image-2 */
/* ------------------ */
.wi-subnav-image-1 a.wi-wrapper {
  display: block;
  text-align: center;
  color: #5d5d5d;
}
.wi-subnav-image-1 a.wi-wrapper .wi-image {
  position: relative;
  display: block;
  width: 80%;
  padding-top: 80%;
  margin: auto;
  border: 4px solid #ffffff;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.wi-subnav-image-2 a.wi-wrapper:hover {
  text-decoration: none;
}
.wi-subnav-image-1 a.wi-wrapper .wi-image .em-tag {
  position: absolute;
  z-index: 5;
  left: 0px;
  top: calc(50% - 30px);
  width: 100%;
  text-align: center;
  font-size: 35px;
  text-transform: uppercase;
  opacity: 0;
  color: #ffffff !important;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.wi-subnav-image-1 a.wi-wrapper:hover .wi-image .em-tag {
  opacity: 1;
}
.wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay {
  position: absolute;
  z-index: 1;
  left: -120%;
  top: -120%;
  border-radius: 50%;
  width: 120%;
  height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.wi-subnav-image-1 a.wi-wrapper:hover .wi-image div.wi-underlay {
  left: -10%;
  top: -10%;
}
.wi-subnav-image-1 .color-primary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--primary-rgba-tissue);
}
.wi-subnav-image-1 .color-primary a.wi-wrapper:hover .wi-image {
  border-color: var(--primary);
}
.wi-subnav-image-1 .color-secondary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--secondary-rgba-tissue);
}
.wi-subnav-image-1 .color-secondary a.wi-wrapper:hover .wi-image {
  border-color: var(--secondary);
}
.wi-subnav-image-1 .color-tertiary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--tertiary-rgba-tissue);
}
.wi-subnav-image-1 .color-tertiary a.wi-wrapper:hover .wi-image {
  border-color: var(--tertiary);
}
.wi-subnav-image-1 .color-quaternary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--quaternary-rgba-tissue);
}
.wi-subnav-image-1 .color-quaternary a.wi-wrapper:hover .wi-image {
  border-color: var(--quaternary);
}
.wi-subnav-image-1 .color-quinary a.wi-wrapper .wi-image div.wi-underlay {
  background-color: var(--quinary-rgba-tissue);
}
.wi-subnav-image-1 .color-quinary a.wi-wrapper:hover .wi-image {
  border-color: var(--quinary);
}
.wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay {
  font-size: 100px;
}
.wi-subnav-image-1 a.wi-wrapper:hover .wi-image {
  border-color: var(--primary);
}
.wi-subnav-image-1 .go-btn {
  position: absolute;
  left: 0px;
  bottom: 30%;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
nav.wi-breadcrumb ol {
  font-size: 14px;
  margin-bottom: 0px;
}
section nav.wi-breadcrumb .breadcrumb-item.active {
  opacity: 0.5;
}
section.bg-gradient nav.wi-breadcrumb a {
  color: #ffffff;
}
section[class*="bg-"] nav.wi-breadcrumb a, section[class*="bg-"] nav.wi-breadcrumb .breadcrumb-item.active {
  color: #ffffff;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.well {
  position: relative;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: white;
  border-radius: 0;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-reviews-full-2 .wi-review .well {
  border-radius: 0.1rem;
}
.wi-review .well .bg-gray {
  border-color: #f8f9fa;
}
.wi-reviews-full-2 .wi-review .directory {
  text-align: center;
  position: relative;
  top: -30px;
  margin-bottom: -30px;
}
.wi-reviews-full-2 .wi-review .directory a.directory-icon {
  color: #fff;
  background-color: var(--primary);
  border-radius: 100%;
  padding: 8px;
}
.wi-reviews-full-2 .wi-review .directory a.directory-icon:hover {
  background-color: var(--primary) !important;
  box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb));
}
.wi-reviews-full-2 .wi-review .directory a.directory-icon > span {
  text-align: center;
  width: 18px;
  height: 18px;
}
.wi-reviews-full-2 .wi-review > div > figure {
  height: 230px;
  overflow: hidden;
}
.wi-reviews-full-2 .expand-review {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  text-align: center;
}
.wi-reviews-full-2 .expand-review:hover {
  cursor: pointer;
  color: var(--primary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.wi-reviews-stack-1 div.wi-review {
  height: 100%;
}
div.wi-reviews-stack-1 div.wi-review blockquote {
  font-size: 16px;
  padding: 10px;
}
div.wi-reviews-stack-1 div.wi-review div.review-stars {
  font-size: 25px;
}
div.wi-reviews-stack-1 div.wi-review div.review-stars span {
  display: inline-block;
  padding: 0 3px;
}
div.wi-reviews-stack-1 div.wi-review div.directory {
  position: absolute;
  top: -17px;
  right: -17px;
}
div.wi-reviews-stack-1 div.wi-review a.directory-icon {
  height: 60px;
  width: 60px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 50%;
  background-color: #f8f9fa;
}
div.wi-reviews-stack-1 div.wi-review a.directory-icon span {
  font-size: 20px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
div.wi-reviews-stack-1 div.wi-review a.directory-icon:hover span {
  color: #fff;
}
/* .scroll-window */
/* -------------- */
div.scroll-window {
  position: relative;
}
div.scroll-window div.top-overlay {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0);
}
section.bg-gray div.scroll-window div.top-overlay {
  background: -moz-linear-gradient(top, #f8f9fa 0%, rgba(248, 249, 250, 0) 100%);
  background: -webkit-linear-gradient(top, #f8f9fa 0%, rgba(248, 249, 250, 0) 100%);
  background: linear-gradient(to bottom, #f8f9fa 0%, rgba(248, 249, 250, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f9fa', endColorstr='#00f8f9fa',GradientType=0);
}
div.scroll-window div.middle-content {
  z-index: 0;
  overflow: scroll;
  height: 600px;
  padding: 100px 35px 100px 25px;
}
div.scroll-window div.bottom-overlay {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
}
section.bg-gray div.scroll-window div.bottom-overlay {
  background: -moz-linear-gradient(top, rgba(248, 249, 250, 0) 0%, #f8f9fa 100%);
  background: -webkit-linear-gradient(top, rgba(248, 249, 250, 0) 0%, #f8f9fa 100%);
  background: linear-gradient(to bottom, rgba(248, 249, 250, 0) 0%, #f8f9fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f9fa', endColorstr='#f8f9fa',GradientType=0);
}
@media (min-width: 992px) {
  div.scroll-window div.middle-content.alt {
    height: 520px;
    padding: 43px 25px;
  }
}
div.scroll-window div.middle-content.alt {
  overflow: auto;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Instagram 2 */
.instagram-2 [class*='col-'] {
  padding: 0px;
}
.instagram-2 .wrap {
  padding-bottom: 100%;
  overflow: hidden;
}
.instagram-2 .wrap .ig-container {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.instagram-2 .wrap .ig-container .content {
  overflow: hidden;
  height: 100%;
  display: flex;
  justify-content: center;
}
.instagram-2 .wrap .ig-container .content .overlay {
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #000000a1;
  color: white;
  position: absolute;
  bottom: 100%;
  transition: 0.25s ease-in;
}
.instagram-2 .wrap:hover .ig-container .content .overlay {
  bottom: 0px;
  transition: 0.25s ease-in;
}
.instagram-2 .wrap:hover .ig-container .content .overlay p {
  max-height: 84%;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 1.3;
}
.instagram-2 .wrap .ig-container .content .overlay .s-impressions {
  font-size: 20px;
}
.instagram-2 .wrap .ig-container .content .overlay .igo-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-mask-image: -webkit-gradient(linear, left 70%, left bottom, from(black), to(rgba(0, 0, 0, 0)));
}
.instagram-2 .wrap .ig-container .content .ig-media {
  min-width: 100%;
  max-height: 100%;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.nav-pills .nav-link {
  color: var(--primary);
}
.nav-pills .nav-link:hover {
  color: var(--secondary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[subnav-check*="no"] {
  display: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-subnav-full-1 .go-arrow {
  position: absolute;
  right: -5px;
}
.wi-subnav-full-1 .grand-children-col {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.wi-subnav-full-1 .list-unstyled {
  padding-left: 0px;
  list-style: none;
}
.wi-subnav-full-1 a.btn:hover {
  background-color: var(--primary);
  color: white;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* -------------------- */
.wi-subnav-tile-1 a.wi-bg-image {
  display: block;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.wi-subnav-tile-1 .wi-bg-image .wi-bg-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+31,0.1+100 */
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 31%, rgba(0, 0, 0, 0.1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 31%, rgba(0, 0, 0, 0.1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 31%, rgba(0, 0, 0, 0.1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#1a000000',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.wi-subnav-tile-1 a.wi-bg-image:hover {
  text-decoration: none;
}
.wi-subnav-tile-1 a.wi-bg-image:hover .wi-bg-overlay {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e87229+0,f6892a+100&0.8+0,0.9+100 */
  background: -moz-linear-gradient(-45deg, var(--primary-rgba-tissue) 0%, var(--primary-rgba-tissue) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, var(--primary-rgba-tissue) 0%, var(--primary-rgba-tissue) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, var(--primary-rgba-tissue) 0%, var(--primary-rgba-tissue) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce87229', endColorstr='#e6f6892a',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-franchise-list .card-columns {
  column-count: 1;
}
@media (min-width: 992px) {
  .wi-franchise-list .card-columns {
    column-count: 2;
  }
}
@media (min-width: 1200px) {
  .wi-franchise-list .card-columns {
    column-count: 3;
  }
}
.wi-franchise-list .card-title {
  font-weight: 300;
  font-size: 1.3rem;
}
.wi-franchise-list .card-columns .card {
  width: 100%;
  margin-bottom: 20px;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: table;
}
.wi-franchise-list ul.icon-list {
  margin: 0 0 0 10px;
  padding: 0;
}
.wi-franchise-list ul.icon-list li {
  position: relative;
  list-style-type: none;
  padding: 6px 0 5px 18px;
  margin-bottom: 0;
  font-size: 1rem;
}
.wi-franchise-list ul.icon-list li.col {
  padding: 6px 17px 5px 17px;
}
/* default: chevron */
.wi-franchise-list ul.icon-list li::after {
  font-family: 'Font Awesome 5 Pro';
  content: '';
  font-style: normal;
  font-weight: 500;
  text-decoration: inherit;
  position: absolute;
  font-size: 11px;
  color: var(--primary);
  top: 14px;
  left: 0;
  z-index: 1;
}
/* chevron circle */
.wi-franchise-list ul.icon-list.list-arrow-circle li::after {
  content: '';
}
/* checkmark */
.wi-franchise-list ul.icon-list.list-checkmark li {
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.wi-franchise-list ul.icon-list.list-checkmark li::after {
  content: '';
}
.wi-franchise-list ul.icon-list.list-checkmark li:last-child {
  border: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-franchise-list .card-columns {
  column-count: 1;
}
@media (min-width: 992px) {
  .wi-franchise-list .card-columns {
    column-count: 2;
  }
}
@media (min-width: 1200px) {
  .wi-franchise-list .card-columns {
    column-count: 3;
  }
}
.wi-franchise-list ul.icon-list li::after {
  content: '' !important;
  font-style: normal;
  background: url(/oak/files/logos/lemon-tree.insignia.png);
  width: 20px;
  height: 20px;
  background-position: center;
  font-weight: 200;
  text-decoration: inherit;
  position: absolute;
  font-size: 13px;
  color: var(--primary);
  background-size: cover;
  top: 10px;
  left: -10px;
  z-index: 1;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* .wi-franchise-locations */
/* ---------------------- */
.wi-locations-highlight-1 .wi-bg-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  cursor: pointer;
}
.wi-locations-highlight-1 .wi-bg-image .wi-bg-overlay {
  position: relative;
  padding: 25px;
  min-height: 100px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+31,0.1+100 */
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 31%, rgba(0, 0, 0, 0.1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 31%, rgba(0, 0, 0, 0.1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 31%, rgba(0, 0, 0, 0.1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#1a000000',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-badges-well-slider-1 img {
  background-color: #fff;
  padding: 15px;
  border-radius: 0.4rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-badge-autoslide-1 ul li img {
  width: 150px;
}
.wi-badge-autoslide-1 ul li {
  padding: 0px 30px;
}
.wi-badge-autoslide-1 .col-12:before, .wi-badge-autoslide-1 .col-12:after {
  content: '';
  height: 100%;
  width: 40px;
  position: absolute;
  z-index: 2;
  top: 0px;
  bottom: 0px;
}
.wi-badge-autoslide-1 .col-12::before {
  left: 0px;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.wi-badge-autoslide-1 .col-12::after {
  right: 0px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-faqs .panel {
  background-color: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  margin-bottom: 10px;
  transition: 0.2s ease-in;
}
.wi-faqs .panel.active {
  background-color: white;
  -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.07);
}
.wi-faqs .panel h4 a {
  padding: 10px 16px;
  display: block;
}
.wi-faqs .panel-body {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-coupons-slider-1 .promo-wrapper {
  text-align: center;
  background: transparent;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.wi-coupons-slider-1 .promo {
  border: 4px dashed #fff;
  padding: 25px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.48);
}
.wi-coupons-slider-1 .promo-blue {
  background-color: rgba(0, 129, 204, 0.95);
}
.wi-coupons-slider-1 .promo-orange {
  background-color: rgba(232, 110, 4, 0.95);
}
.wi-coupons-slider-1 .promo-gray {
  background-color: rgba(0, 0, 0, 0.65);
}
.wi-coupons-slider-1 .promo h1, .wi-coupons-slider-1 .promo h2, .wi-coupons-slider-1 .promo h3, .wi-coupons-slider-1 .promo h4, .wi-coupons-slider-1 .promo h5 {
  color: #fff;
}
.wi-coupons-slider-1 .promo .expiration {
  opacity: 0.6;
  font-style: italic;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* .wi-coupons-slider-1 */
div.wi-coupons-slider-2 .col {
  padding-right: 15px;
  padding-left: 15px;
}
#email-for-coupon div.coupon-wrapper, div.wi-coupons-slider-2 div.coupon-wrapper {
  text-align: center;
  background: transparent;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover;
  margin-bottom: 20px;
  cursor: pointer;
}
#email-for-coupon div.coupon-wrapper div.coupon, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon {
  margin-top: 20px;
  border: 4px dashed #979797;
  border-radius: 15px;
  padding: 25px;
  min-height: 185px;
}
#email-for-coupon div.coupon-wrapper div.coupon div.amount, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.amount {
  /* font-family: 'proxima_nova_thextrabold', sans-serif !important; */
  font-family: var(--font-primary);
  font-weight: 800;
  font-style: normal;
  font-size: 55px;
  line-height: 60px;
  letter-spacing: 1px;
  color: var(--primary);
}
#email-for-coupon div.coupon-wrapper div.coupon div.for, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.for {
  /* font-family: 'proxima_nova_rgbold', sans-serif !important; */
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 30px;
  color: var(--primary);
  min-height: 78px;
  width: 100%;
  margin: auto;
}
#email-for-coupon div.coupon-wrapper div.coupon div.image, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.image {
  position: relative;
  top: -50px;
  margin-bottom: -50px;
}
#email-for-coupon div.coupon-wrapper div.coupon div.image img, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.image img {
  height: 150px;
}
#email-for-coupon div.coupon-wrapper div.coupon div.expiration, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.expiration {
  margin-top: 15px;
  opacity: 0.8;
}
#email-for-coupon div.coupon-wrapper div.coupon div.disclaimer, div.wi-coupons-slider-2 div.coupon-wrapper div.coupon div.disclaimer {
  opacity: 0.7;
  font-size: 80%;
  width: 70%;
  margin: auto;
}
/* slick overrides */
section div.wi-coupons-slider-2 .slick-prev:before, section div.wi-coupons-slider-2 .slick-next:before {
  color: rgba(52, 58, 64, 0.3);
}
section.bg-image div.wi-coupons-slider-2 .slick-prev:before, section.bg-image div.wi-coupons-slider-2 .slick-next:before, section.bg-dark div.wi-coupons-slider-2 .slick-prev:before, section.bg-dark div.wi-coupons-slider-2 .slick-next:before {
  color: #fff;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-team-grouped-1-nav .nav-item {
  width: 100%;
}
.wi-team-grouped-1-nav .nav-item a {
  padding: 0px;
  margin: 0px 0px 0.5rem 0px;
}
.wi-team-grouped-1-nav .nav-item a:hover {
  text-decoration: underline;
  text-decoration-color: var(--secondary);
}
.wi-team-grouped-1-nav.nav-pills .nav-link.active, .wi-team-grouped-1-nav.nav-pills .show > .nav-link {
  background-color: unset;
}
.wi-team-grouped-1 .wi-tmember:hover {
  cursor: default;
}
.wi-team-grouped-1 .wi-tmember {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.wi-team-grouped-1 .wi-tmember-info {
  position: relative;
  bottom: 60px;
  margin-left: -1px;
  margin-right: -1px;
  background-color: #f5f1ed;
  padding: 30px 15px;
  text-align: center;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 500px;
}
.wi-team-grouped-1 .wi-tmember-info h4 span.sub, .wi-team-grouped-1 .wi-tmember-info h6 span.sub {
  text-transform: uppercase;
  opacity: 1;
  font-weight: lighter;
  font-size: 70%;
  margin-top: 0.25rem;
}
@media (min-width: 992px) {
  .wi-team-grouped-1 .wi-tmember-info h4 span.sub, .wi-team-grouped-1 .wi-tmember-info h6 span.sub {
    font-size: 60%;
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  .wi-team-grouped-1 .wi-tmember {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .wi-team-grouped-1 .wi-tmember-info {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.wi-team-grouped-1 .wi-tmember-info .btn {
  color: var(--primary);
  border-color: var(--primary);
  border-radius: 0.2rem;
  white-space: normal;
  font-family: var(--font-primary);
  box-shadow: none !important;
}
.wi-team-grouped-1 .wi-tmember .wi-tmember-info .btn:not(.bio-btn-hidden):hover {
  color: white;
  background-color: var(--primary);
  cursor: pointer;
}
.bio-btn-hidden {
  visibility: hidden;
}
@media (min-width: 992px) {
  .wi-team-grouped-1 .wi-tmember-info {
    min-height: 200px;
  }
}
.accordion .accordion-title {
  position: relative;
  font-size: 18px;
  padding: 15px 20px;
  cursor: pointer;
  background-color: #f5f1ed;
  border-bottom: 1px solid #eeeeee;
}
.accordion .accordion-title h5 {
  font-weight: 300;
  padding-top: 0.5rem;
}
.accordion .accordion-title i {
  position: absolute;
  font-size: 15px;
  right: 20px;
  top: 22px;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.accordion .accordion-title.collapsed i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
}
.accordion .accordion-title:hover {
  color: var(--primary);
}
.accordion .accordion-content {
  padding: 20px;
}
h6, .h6 {
  font-size: 1.2rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-team-highlight-1 .img-circle {
  width: 100%;
  border-radius: 50%;
  height: auto;
  padding-top: 100%;
}
.wi-team-highlight-1 h4 {
  margin: 0px;
  text-align: center;
  color: var(--primary);
}
.wi-team-highlight-1 .wi-tmember:hover {
  cursor: pointer;
  text-decoration: underline;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Social Large 1 */
/* -------------- */
div.wi-social-large-1 {
  display: flex;
  width: auto;
  margin: auto;
}
div.wi-social-large-1 a {
  display: flex;
  width: 75px;
  height: 75px;
  border-radius: 2px;
  margin: 0 2px;
  font-size: 50px;
  line-height: 50px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
div.wi-social-large-1 a:hover {
  color: #fff;
  background-color: #23a9e1;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.wi-social-medium-1 {
  display: flex;
  width: auto;
  margin: auto;
}
div.wi-social-medium-1 a {
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 2px;
  margin: 0 2px;
  font-size: 27px;
  color: var(--primary);
  align-items: center;
  justify-content: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
div.wi-social-medium-1 a:hover {
  color: #fff;
  background-color: #23a9e1;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Social Small 1 */
/* -------------- */
div.wi-social-small-1 {
  display: flex;
  width: auto;
  margin: auto;
}
div.wi-social-small-1 a {
  display: flex;
  width: 35px;
  height: 35px;
  font-size: 22px;
  color: var(--primary);
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-right: 12px;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
div.wi-social-small-1 a:hover {
  color: #fff;
  background-color: #23a9e1;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* .icon-list */
ul.icon-list {
  margin: 0 0 0 10px;
  padding: 0;
}
ul.icon-list li {
  position: relative;
  list-style-type: none;
  padding: 6px 0 5px 17px;
  margin-bottom: 0;
}
/* default: chevron */
ul.icon-list li::after {
  font-family: 'Font Awesome 5 Pro';
  content: '';
  font-style: normal;
  font-weight: 200;
  text-decoration: inherit;
  position: absolute;
  font-size: 13px;
  color: #008E9C;
  top: 10px;
  left: 0;
  z-index: 1;
}
.text-light ul.icon-list li::after {
  color: #ffffff;
  opacity: 0.4;
}
/* chevron circle */
ul.icon-list.list-arrow-circle li::after {
  content: '';
}
/* checkmark */
ul.icon-list.list-checkmark li::after {
  content: '';
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-on-site-menu-1 {
  color: #000000;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.wi-on-site-menu-1 h5, .wi-on-site-menu-1 h3, .wi-on-site-menu-1 h4 {
  font-family: arvo;
  font-weight: bold;
}
.wi-on-site-menu-1 .wi-item-title, .wi-on-site-menu-1 .wi-item-price {
  padding: 0px;
  margin: 0;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 1.2;
  font-family: 'Open Sans', sans-serif;
}
.wi-on-site-menu-1 .wi-item-title {
  max-width: 89%;
  font-weight: 600;
}
.wi-on-site-menu-1 .wi-item-price {
  font-weight: 600;
  letter-spacing: 0px;
}
.wi-on-site-menu-1 .wi-item-price .pre, .wi-on-site-menu-1 .wi-item-price .post {
  font-weight: 400;
  font-size: 19px;
  color: #3c3c3c;
}
.wi-on-site-menu-1 .lines-wrap {
  flex-grow: 1;
  padding: 0px 10px 3px 10px;
}
.wi-on-site-menu-1 .lines {
  width: 100%;
  height: 100%;
  border-bottom: 2px dotted var(--primary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (min-width: 992px) {
  html header {
    background: unset;
  }
  header > div {
    border-radius: 0px 0px 8px 8px;
    padding: 0px 15px !important;
  }
}
header nav .mobile-bar {
  display: none;
}
header .main-nav .items nav .level-1 > li > a:hover {
  text-underline-offset: 4px;
}
:root {
  --mobile-bar-height: 50px;
}
header .main-nav .items nav .level-1 > li > a {
  font-family: var(--font-primary);
  text-transform: uppercase;
}
@media (max-width: 991px) {
  body.show-mobile-bar header nav .mobile-bar {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc(100vh - var(--mobile-bar-height));
    width: 100%;
    height: var(--mobile-bar-height);
    border-top: 1px solid white;
    padding: 0 16px;
  }
  body.show-mobile-bar header nav .mobile-bar .social {
    display: flex;
    align-items: center;
    font-size: 22px;
  }
  body.show-mobile-bar header nav .mobile-bar .social a {
    display: flex;
  }
  body.show-mobile-bar header nav .mobile-bar .button {
    display: flex;
  }
  body.show-mobile-bar header nav .mobile-bar .button a {
    padding: 7px 29px 4px !important;
  }
  body header .main-nav nav > ul.level-1 {
    top: calc(var(--nav-height) + 18px);
    border-top: 1px solid white;
  }
  body header .main-nav nav ul.level-1 li:first-child > a {
    padding-top: 30px;
  }
}
@media (max-width: 991px) {
  body header .main-nav .logo a img {
    transition: filter var(--transition);
  }
  body header.open .main-nav .logo a img {
    filter: invert(1);
  }
  body header .main-nav .items .item-append .btn-dark {
    transition: var(--transition);
  }
  body header.open .main-nav .items .item-append .btn-dark {
    background-color: white !important;
    color: black;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.btn-dark {
  background-color: #000000 !important;
}
.bg-dark {
  background-color: #000000 !important;
}
.text-dark {
  color: #000000 !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@font-face {
  font-family: 'ganache-regular';
  src: url('/oak/themes/rushbowls22/css/fonts/ganache-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'avant-garde-bold';
  src: url('/oak/themes/rushbowls22/css/fonts/itc-avant-garde-gothic-bold-condensed.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'avant-garde-book';
  src: url('/oak/themes/rushbowls22/css/fonts/itc-avant-garde-gothic-book-condensed.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
.font-ganache {
  font-family: 'ganache-regular', serif;
}
h4, h5 {
  font-family: var(--font-secondary) !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.icons-inline {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.icons-inline div i {
  font-size: 40px;
  margin-bottom: 10px;
}
.icons-inline div p {
  font-size: 22px;
  margin-bottom: 0px;
}
@media (max-width: 992px) {
  .icons-inline {
    flex-wrap: wrap;
  }
  .icons-inline > div {
    width: 50%;
    margin-bottom: 38px;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body .btn {
  padding: 11px 36px 8px 36px !important;
  text-transform: uppercase;
}
.btn-dark:hover {
  background-color: white !important;
  color: black !important;
  border-color: black !important;
}
.btn {
  border-width: 3px;
  border-color: transparent;
}
btn-dark:hover {
  border: 3px solid black;
}
.btn.btn-tertiary {
  color: white;
}
.btn.btn-quaternary {
  color: black;
}
.btn.btn-outline-dark {
  border-color: black;
}
.btn-primary:hover {
  box-shadow: unset !important;
  background-color: white !important;
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
.btn-secondary:hover {
  box-shadow: unset !important;
  background-color: white !important;
  border-color: var(--secondary) !important;
  color: var(--secondary) !important;
}
.btn-tertiary:hover {
  box-shadow: unset !important;
  background-color: white !important;
  border-color: var(--tertiary) !important;
  color: var(--tertiary) !important;
}
.btn-quaternary:hover {
  box-shadow: unset !important;
  background-color: white !important;
  border-color: var(--quaternary) !important;
  color: var(--quaternary) !important;
}
.btn-quinary:hover {
  box-shadow: unset !important;
  background-color: white !important;
  border-color: var(--quinary) !important;
  color: var(--quinary) !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.highlight-start {
  border-left: 11px solid #000000 !important;
  padding-left: 2.5rem !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.arrow-end {
  display: flex;
  flex-direction: row;
}
.arrow-end div:last-child {
  display: flex;
  align-items: center;
  background-color: black;
  height: 100%;
  padding: 0px 8px;
}
.arrow-end div:last-child i {
  font-size: 40px;
  color: white;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.text-overlay {
  position: absolute !important;
  color: white;
  background: black;
  padding: 22px 67px 13px 67px !important;
  left: 0px;
  vertical-align: bottom;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-item-head .images picture img {
  width: 100%;
}
@media (min-width: 768px) {
  .wi-item-head .images {
    display: flex;
    justify-content: center;
  }
  .wi-item-head .images picture {
    width: 50%;
  }
}
.wi-item-head .list-card[d-none*="Rush Bites"], .wi-item-head .list-card[d-none*="Banana Bread Rush Bites"], .wi-item-head .list-card[d-none*="Bow Wow"] {
  display: none;
}
.wi-item-head .list-card[d-ntr-none*="Bow Wow"] {
  display: none;
}
@media (min-width: 992px) {
  .list-collection {
    column-count: 3;
  }
}
.list-card {
  border: 1px solid black;
  display: inline-block;
  width: 100%;
}
.list-card .list-head {
  background-color: black;
  color: white;
  font-family: var(--font-primary);
  text-transform: uppercase;
  padding: 8px 0px;
  text-align: center;
}
.list-card .list-body {
  padding: 12px;
}
.list-card .list-body ul {
  font-size: 20px;
  padding-left: 0px;
  list-style: none;
  margin-bottom: 0px;
}
.list-card .list-body.nutrition ul li {
  display: flex;
  justify-content: space-between;
  padding: 6px 0px 2px;
}
.list-card .list-body.nutrition ul li:not(:last-child) {
  border-bottom: 1px solid black;
}
.list-card .list-body.list-columns {
  column-count: 2;
}
.wi-item-head .btn-primary {
  color: black;
}
.wi-item-head .btn-primary:hover {
  background-color: white;
  color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
}
.wi-item-head .btn-secondary {
  color: black;
}
.wi-item-head .btn-secondary:hover {
  background-color: white;
  color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: none;
}
.wi-item-head .btn-tertiary {
  color: black;
}
.wi-item-head .btn-tertiary:hover {
  background-color: white;
  color: var(--tertiary);
  border-color: var(--tertiary);
  box-shadow: none;
}
.wi-item-head .btn-quaternary {
  color: black;
}
.wi-item-head .btn-quaternary:hover {
  background-color: white;
  color: var(--quaternary);
  border-color: var(--quaternary);
  box-shadow: none;
}
.wi-item-head .btn-quinary {
  color: black;
}
.wi-item-head .btn-quinary:hover {
  background-color: white;
  color: var(--quinary);
  border-color: var(--quinary);
  box-shadow: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.subnav-image .link-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 100%;
}
.subnav-image a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.subnav-image .img-wrap {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in;
}
.subnav-image a:hover .img-wrap {
  height: 102%;
  width: 102%;
}
.subnav-image a:after {
  content: '';
  background: black;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: -14px;
  left: -14px;
  border-radius: 20px;
  transition: 0.2s ease-in;
}
.subnav-image a:hover:after {
  bottom: -18px;
  left: -18px;
}
.subnav-image .img-wrap img, .subnav-image .img-wrap picture {
  height: 100%;
  min-width: 100%;
}
.subnav-image .img-wrap .btn {
  position: absolute;
  width: 78%;
  bottom: 20px;
  border-width: 3px;
  transition: 0.2s ease-in;
}
.subnav-image a:hover .btn {
  background-color: white !important;
  color: black;
  border-color: black;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-categories-type {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: black;
  border-bottom: 1px solid black;
}
.wi-categories-type .left {
  display: none;
}
.wi-categories-type .left .content {
  overflow: hidden;
}
.wi-categories-type .right {
  width: 100%;
}
.wi-categories-type .right .item:first-child {
  padding-top: 30px;
}
.wi-categories-type .right .item {
  padding-bottom: 30px;
}
.wi-categories-type .right .item .item-head {
  background: linear-gradient(180deg, white 70%, transparent 70%);
  text-align: center;
  width: 100%;
  padding-top: 40px;
}
.wi-categories-type .right .item .item-head img {
  max-width: 380px;
  width: 50%;
}
.wi-categories-type .right .item .item-details {
  max-width: 480px;
  padding: 0px 30px;
}
.wi-categories-type .navigation {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}
.wi-categories-type .navigation > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 28px 8px;
}
.wi-categories-type .navigation > div:hover > p, .wi-categories-type .navigation > div.active > p {
  cursor: pointer;
  color: var(--primary);
  text-decoration: underline;
}
.wi-categories-type .items-wrapper {
  position: relative;
  flex: 1;
  height: 100%;
}
.wi-categories-type .items-wrapper .item-container {
  background: white;
  position: absolute;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.wi-categories-type .left .item-container picture {
  width: 50%;
  display: flex;
  justify-content: center;
}
.wi-categories-type .left .item-container picture img {
  width: 80%;
}
.wi-categories-type .right .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wi-categories-type .right .item:first-child {
  padding-top: 30px;
}
.wi-categories-type .right .item:last-child {
  padding-bottom: 30px;
}
.wi-categories-type .right .item ul {
  list-style: none;
  padding-left: 0px;
  font-size: 20px;
}
.wi-categories-type .right .item .info-nav {
  display: flex;
  justify-content: space-between;
  padding: 2px;
  border-radius: 50px;
  color: black;
  background: white;
}
.wi-categories-type .right .item .info-nav:hover {
  cursor: pointer;
}
.wi-categories-type .right .item .info-nav > div {
  padding: 13px 46px 10px;
  border-radius: 50px;
}
.wi-categories-type .right .item .info-nav .active {
  background-color: black;
  color: white;
}
.wi-categories-type .right .item .info-body {
  display: grid;
  grid-template-columns: 1fr;
}
.wi-categories-type .right .item .info-body > div {
  grid-row-start: 1;
  grid-column-start: 1;
  width: 100%;
}
.wi-categories-type .right .item .info-body .nutrition ul li {
  display: flex;
  justify-content: space-between;
  padding: 4px 0px;
  font-size: 17px;
}
.wi-categories-type .right .item .info-body .nutrition ul li:not(:last-child) {
  border-bottom: 1px solid white;
}
.wi-categories-type .right .item .expand {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-start: 1;
  grid-column-start: 1;
  max-width: 380px;
  width: 50%;
  text-align: center;
}
.wi-categories-type .right .item .expand > * {
  grid-row-start: 1;
  grid-column-start: 1;
  transition: 0.2s ease-in;
  opacity: 0;
  z-index: 0;
}
.wi-categories-type .right .item .expand.active > i {
  opacity: 1;
  z-index: 1;
}
.wi-categories-type .right .item .expand:not(.active) > button {
  opacity: 1;
  z-index: 1;
}
.wi-categories-type .right .item .expand > i {
  transform: rotate(0deg);
  /*transform: rotate(180deg);*/
  transition: 0.3s;
}
.wi-categories-type .right .item .expand > i {
  font-size: 26px;
}
.wi-categories-type .right .item .expand button i {
  font-size: 18px;
}
@media (min-width: 992px) {
  .wi-categories-type .right .item .expand {
    display: none;
  }
  .wi-categories-type {
    background: white;
  }
  .wi-categories-type .left {
    display: block;
    flex: 1;
    position: relative;
  }
  .wi-categories-type .left .content {
    position: absolute;
    width: calc(100vw - 480px);
    height: calc(100vh - var(--nav-scrolled-height));
  }
  .wi-categories-type.content-fixed:not(.content-bottom) .left .content {
    position: fixed;
    top: var(--nav-scrolled-height);
  }
  .wi-categories-type.content-bottom .left .content {
    top: unset;
    bottom: 0px;
  }
  .wi-categories-type .left .details .detail-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    z-index: 10;
    transition: 0.35s;
  }
  .wi-categories-type .left .details .detail-wrapper.active {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(4px);
  }
  .wi-categories-type .left .details .detail {
    width: 100%;
    position: absolute;
    background: white;
    z-index: 100;
    padding: 80px;
    justify-content: flex-start;
    display: flex;
    border-bottom: 1px solid black;
  }
  .wi-categories-type .left .details .detail ul {
    column-count: 3;
    padding: 0px;
    list-style: none;
    max-width: 800px;
    width: 100%;
    font-size: 18px;
  }
  .wi-categories-type .left .details .detail i {
    transition: var(--transition);
  }
  .wi-categories-type .left .details .detail i:hover {
    color: var(--primary);
    cursor: pointer;
  }
  .wi-categories-type .right {
    width: 480px;
  }
  .wi-categories-type .right .item, .wi-categories-type .right .item .item-details {
    width: unset;
    max-width: unset;
    padding: 0px;
  }
  .wi-categories-type .right .item {
    min-height: 80vh;
    padding: 30px;
  }
  .wi-categories-type .right .item:first-child {
    padding-top: 20vh;
  }
  .wi-categories-type .right .item:last-child {
    padding-bottom: 20vh;
  }
  .wi-categories-type .right .item .item-head {
    background: unset;
    text-align: left;
  }
  .wi-categories-type .right .item i {
    display: none;
  }
  .wi-categories-type .right .item .item-head picture {
    display: none;
  }
}
@media (max-width: 480px) {
  .wi-categories-type .right .item .item-details .info-nav > div {
    padding: 10px 18px 7px;
  }
}
.wi-categories-type .right .item .btn-primary {
  color: black;
}
.wi-categories-type .right .item .btn-primary:hover {
  background-color: white;
  color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
}
.wi-categories-type .right .item .btn-secondary {
  color: black;
}
.wi-categories-type .right .item .btn-secondary:hover {
  background-color: white;
  color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: none;
}
.wi-categories-type .right .item .btn-tertiary {
  color: black;
}
.wi-categories-type .right .item .btn-tertiary:hover {
  background-color: white;
  color: var(--tertiary);
  border-color: var(--tertiary);
  box-shadow: none;
}
.wi-categories-type .right .item .btn-quaternary {
  color: black;
}
.wi-categories-type .right .item .btn-quaternary:hover {
  background-color: white;
  color: var(--quaternary);
  border-color: var(--quaternary);
  box-shadow: none;
}
.wi-categories-type .right .item .btn-quinary {
  color: black;
}
.wi-categories-type .right .item .btn-quinary:hover {
  background-color: white;
  color: var(--quinary);
  border-color: var(--quinary);
  box-shadow: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.lr-section {
  --lr-margin: calc(calc(100vw - var(--container-w)) / 2);
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
}
.lr-section > div[class*='col-'] {
  padding: calc(var(--unit) * 4.6875) 0;
}
section.lr-section:first-child > div[class*='col-'] {
  padding-top: calc(var(--nav-mobile-height) + calc(var(--unit) * 4.6875));
}
.skew {
  overflow: hidden;
  position: relative;
}
.skew:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 100vw;
  position: absolute;
  bottom: 0px;
  background-color: var(--primary);
}
.skew.top-right:before {
  left: 100%;
  transform: skew(41deg);
  transform-origin: bottom right;
}
.skew.top-left:before {
  right: 100%;
  transform: skew(-41deg);
  transform-origin: bottom left;
}
.skew.bottom-left:before {
  right: 100%;
  transform: skew(41deg);
  transform-origin: top left;
}
.skew.bottom-right:before {
  left: 100%;
  transform: skew(-41deg);
  transform-origin: top right;
}
@media (min-width: 992px) {
  section.lr-section:first-child div[class*='col-'] {
    padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + calc(var(--unit) * 4.6875));
  }
}
.lr-section > [class*="col-"] {
  width: 100%;
}
.lr-section > [class*="col-"] .lr-content {
  width: var(--container-w);
  margin: 0 auto;
  padding-left: 12px;
  padding-right: 12px;
}
.lr-section > .col-1 {
  --col-xs-1: calc(var(--container-w) * 0.083333);
  width: calc(var(--col-xs-1) + var(--lr-margin));
}
.lr-section > .col-1 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-1 .lr-content {
    width: var(--col-xs-1);
  }
  .lr-section > .col-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-2 {
  --col-xs-2: calc(var(--container-w) * 0.166666);
  width: calc(var(--col-xs-2) + var(--lr-margin));
}
.lr-section > .col-2 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-2 .lr-content {
    width: var(--col-xs-2);
  }
  .lr-section > .col-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-3 {
  --col-xs-3: calc(var(--container-w) * 0.249999);
  width: calc(var(--col-xs-3) + var(--lr-margin));
}
.lr-section > .col-3 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-3 .lr-content {
    width: var(--col-xs-3);
  }
  .lr-section > .col-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-4 {
  --col-xs-4: calc(var(--container-w) * 0.333332);
  width: calc(var(--col-xs-4) + var(--lr-margin));
}
.lr-section > .col-4 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-4 .lr-content {
    width: var(--col-xs-4);
  }
  .lr-section > .col-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-5 {
  --col-xs-5: calc(var(--container-w) * 0.416665);
  width: calc(var(--col-xs-5) + var(--lr-margin));
}
.lr-section > .col-5 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-5 .lr-content {
    width: var(--col-xs-5);
  }
  .lr-section > .col-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-6 {
  --col-xs-6: calc(var(--container-w) * 0.499998);
  width: calc(var(--col-xs-6) + var(--lr-margin));
}
.lr-section > .col-6 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-6 .lr-content {
    width: var(--col-xs-6);
  }
  .lr-section > .col-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-7 {
  --col-xs-7: calc(var(--container-w) * 0.583331);
  width: calc(var(--col-xs-7) + var(--lr-margin));
}
.lr-section > .col-7 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-7 .lr-content {
    width: var(--col-xs-7);
  }
  .lr-section > .col-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-8 {
  --col-xs-8: calc(var(--container-w) * 0.666664);
  width: calc(var(--col-xs-8) + var(--lr-margin));
}
.lr-section > .col-8 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-8 .lr-content {
    width: var(--col-xs-8);
  }
  .lr-section > .col-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-9 {
  --col-xs-9: calc(var(--container-w) * 0.749997);
  width: calc(var(--col-xs-9) + var(--lr-margin));
}
.lr-section > .col-9 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-9 .lr-content {
    width: var(--col-xs-9);
  }
  .lr-section > .col-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-10 {
  --col-xs-10: calc(var(--container-w) * 0.83333);
  width: calc(var(--col-xs-10) + var(--lr-margin));
}
.lr-section > .col-10 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-10 .lr-content {
    width: var(--col-xs-10);
  }
  .lr-section > .col-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-11 {
  --col-xs-11: calc(var(--container-w) * 0.916663);
  width: calc(var(--col-xs-11) + var(--lr-margin));
}
.lr-section > .col-11 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-11 .lr-content {
    width: var(--col-xs-11);
  }
  .lr-section > .col-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
.lr-section > .col-12 {
  --col-xs-12: calc(var(--container-w) * 0.999996);
  width: calc(var(--col-xs-12) + var(--lr-margin));
}
.lr-section > .col-12 .lr-content {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .lr-section > .col-12 .lr-content {
    width: var(--col-xs-12);
  }
  .lr-section > .col-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 576px) {
  .lr-section > .col-sm-1 {
    --col-sm-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-sm-1) + var(--lr-margin));
  }
  .lr-section > .col-sm-1 .lr-content {
    width: var(--col-sm-1);
  }
  .lr-section > .col-sm-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-2 {
    --col-sm-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-sm-2) + var(--lr-margin));
  }
  .lr-section > .col-sm-2 .lr-content {
    width: var(--col-sm-2);
  }
  .lr-section > .col-sm-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-3 {
    --col-sm-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-sm-3) + var(--lr-margin));
  }
  .lr-section > .col-sm-3 .lr-content {
    width: var(--col-sm-3);
  }
  .lr-section > .col-sm-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-4 {
    --col-sm-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-sm-4) + var(--lr-margin));
  }
  .lr-section > .col-sm-4 .lr-content {
    width: var(--col-sm-4);
  }
  .lr-section > .col-sm-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-5 {
    --col-sm-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-sm-5) + var(--lr-margin));
  }
  .lr-section > .col-sm-5 .lr-content {
    width: var(--col-sm-5);
  }
  .lr-section > .col-sm-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-6 {
    --col-sm-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-sm-6) + var(--lr-margin));
  }
  .lr-section > .col-sm-6 .lr-content {
    width: var(--col-sm-6);
  }
  .lr-section > .col-sm-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-7 {
    --col-sm-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-sm-7) + var(--lr-margin));
  }
  .lr-section > .col-sm-7 .lr-content {
    width: var(--col-sm-7);
  }
  .lr-section > .col-sm-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-8 {
    --col-sm-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-sm-8) + var(--lr-margin));
  }
  .lr-section > .col-sm-8 .lr-content {
    width: var(--col-sm-8);
  }
  .lr-section > .col-sm-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-9 {
    --col-sm-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-sm-9) + var(--lr-margin));
  }
  .lr-section > .col-sm-9 .lr-content {
    width: var(--col-sm-9);
  }
  .lr-section > .col-sm-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-10 {
    --col-sm-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-sm-10) + var(--lr-margin));
  }
  .lr-section > .col-sm-10 .lr-content {
    width: var(--col-sm-10);
  }
  .lr-section > .col-sm-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-11 {
    --col-sm-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-sm-11) + var(--lr-margin));
  }
  .lr-section > .col-sm-11 .lr-content {
    width: var(--col-sm-11);
  }
  .lr-section > .col-sm-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-12 {
    --col-sm-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-sm-12) + var(--lr-margin));
  }
  .lr-section > .col-sm-12 .lr-content {
    width: var(--col-sm-12);
  }
  .lr-section > .col-sm-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 768px) {
  .lr-section > .col-md-1 {
    --col-md-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-md-1) + var(--lr-margin));
  }
  .lr-section > .col-md-1 .lr-content {
    width: var(--col-md-1);
  }
  .lr-section > .col-md-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-2 {
    --col-md-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-md-2) + var(--lr-margin));
  }
  .lr-section > .col-md-2 .lr-content {
    width: var(--col-md-2);
  }
  .lr-section > .col-md-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-3 {
    --col-md-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-md-3) + var(--lr-margin));
  }
  .lr-section > .col-md-3 .lr-content {
    width: var(--col-md-3);
  }
  .lr-section > .col-md-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-4 {
    --col-md-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-md-4) + var(--lr-margin));
  }
  .lr-section > .col-md-4 .lr-content {
    width: var(--col-md-4);
  }
  .lr-section > .col-md-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-5 {
    --col-md-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-md-5) + var(--lr-margin));
  }
  .lr-section > .col-md-5 .lr-content {
    width: var(--col-md-5);
  }
  .lr-section > .col-md-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-6 {
    --col-md-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-md-6) + var(--lr-margin));
  }
  .lr-section > .col-md-6 .lr-content {
    width: var(--col-md-6);
  }
  .lr-section > .col-md-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-7 {
    --col-md-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-md-7) + var(--lr-margin));
  }
  .lr-section > .col-md-7 .lr-content {
    width: var(--col-md-7);
  }
  .lr-section > .col-md-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-8 {
    --col-md-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-md-8) + var(--lr-margin));
  }
  .lr-section > .col-md-8 .lr-content {
    width: var(--col-md-8);
  }
  .lr-section > .col-md-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-9 {
    --col-md-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-md-9) + var(--lr-margin));
  }
  .lr-section > .col-md-9 .lr-content {
    width: var(--col-md-9);
  }
  .lr-section > .col-md-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-10 {
    --col-md-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-md-10) + var(--lr-margin));
  }
  .lr-section > .col-md-10 .lr-content {
    width: var(--col-md-10);
  }
  .lr-section > .col-md-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-11 {
    --col-md-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-md-11) + var(--lr-margin));
  }
  .lr-section > .col-md-11 .lr-content {
    width: var(--col-md-11);
  }
  .lr-section > .col-md-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-12 {
    --col-md-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-md-12) + var(--lr-margin));
  }
  .lr-section > .col-md-12 .lr-content {
    width: var(--col-md-12);
  }
  .lr-section > .col-md-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .lr-section > .col-lg-1 {
    --col-lg-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-lg-1) + var(--lr-margin));
  }
  .lr-section > .col-lg-1 .lr-content {
    width: var(--col-lg-1);
  }
  .lr-section > .col-lg-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-2 {
    --col-lg-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-lg-2) + var(--lr-margin));
  }
  .lr-section > .col-lg-2 .lr-content {
    width: var(--col-lg-2);
  }
  .lr-section > .col-lg-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-3 {
    --col-lg-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-lg-3) + var(--lr-margin));
  }
  .lr-section > .col-lg-3 .lr-content {
    width: var(--col-lg-3);
  }
  .lr-section > .col-lg-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-4 {
    --col-lg-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-lg-4) + var(--lr-margin));
  }
  .lr-section > .col-lg-4 .lr-content {
    width: var(--col-lg-4);
  }
  .lr-section > .col-lg-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-5 {
    --col-lg-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-lg-5) + var(--lr-margin));
  }
  .lr-section > .col-lg-5 .lr-content {
    width: var(--col-lg-5);
  }
  .lr-section > .col-lg-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-6 {
    --col-lg-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-lg-6) + var(--lr-margin));
  }
  .lr-section > .col-lg-6 .lr-content {
    width: var(--col-lg-6);
  }
  .lr-section > .col-lg-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-7 {
    --col-lg-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-lg-7) + var(--lr-margin));
  }
  .lr-section > .col-lg-7 .lr-content {
    width: var(--col-lg-7);
  }
  .lr-section > .col-lg-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-8 {
    --col-lg-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-lg-8) + var(--lr-margin));
  }
  .lr-section > .col-lg-8 .lr-content {
    width: var(--col-lg-8);
  }
  .lr-section > .col-lg-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-9 {
    --col-lg-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-lg-9) + var(--lr-margin));
  }
  .lr-section > .col-lg-9 .lr-content {
    width: var(--col-lg-9);
  }
  .lr-section > .col-lg-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-10 {
    --col-lg-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-lg-10) + var(--lr-margin));
  }
  .lr-section > .col-lg-10 .lr-content {
    width: var(--col-lg-10);
  }
  .lr-section > .col-lg-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-11 {
    --col-lg-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-lg-11) + var(--lr-margin));
  }
  .lr-section > .col-lg-11 .lr-content {
    width: var(--col-lg-11);
  }
  .lr-section > .col-lg-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-12 {
    --col-lg-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-lg-12) + var(--lr-margin));
  }
  .lr-section > .col-lg-12 .lr-content {
    width: var(--col-lg-12);
  }
  .lr-section > .col-lg-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 1200px) {
  .lr-section > .col-xl-1 {
    --col-xl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xl-1) + var(--lr-margin));
  }
  .lr-section > .col-xl-1 .lr-content {
    width: var(--col-xl-1);
  }
  .lr-section > .col-xl-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-2 {
    --col-xl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xl-2) + var(--lr-margin));
  }
  .lr-section > .col-xl-2 .lr-content {
    width: var(--col-xl-2);
  }
  .lr-section > .col-xl-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-3 {
    --col-xl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xl-3) + var(--lr-margin));
  }
  .lr-section > .col-xl-3 .lr-content {
    width: var(--col-xl-3);
  }
  .lr-section > .col-xl-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-4 {
    --col-xl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xl-4) + var(--lr-margin));
  }
  .lr-section > .col-xl-4 .lr-content {
    width: var(--col-xl-4);
  }
  .lr-section > .col-xl-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-5 {
    --col-xl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xl-5) + var(--lr-margin));
  }
  .lr-section > .col-xl-5 .lr-content {
    width: var(--col-xl-5);
  }
  .lr-section > .col-xl-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-6 {
    --col-xl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xl-6) + var(--lr-margin));
  }
  .lr-section > .col-xl-6 .lr-content {
    width: var(--col-xl-6);
  }
  .lr-section > .col-xl-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-7 {
    --col-xl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xl-7) + var(--lr-margin));
  }
  .lr-section > .col-xl-7 .lr-content {
    width: var(--col-xl-7);
  }
  .lr-section > .col-xl-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-8 {
    --col-xl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xl-8) + var(--lr-margin));
  }
  .lr-section > .col-xl-8 .lr-content {
    width: var(--col-xl-8);
  }
  .lr-section > .col-xl-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-9 {
    --col-xl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xl-9) + var(--lr-margin));
  }
  .lr-section > .col-xl-9 .lr-content {
    width: var(--col-xl-9);
  }
  .lr-section > .col-xl-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-10 {
    --col-xl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xl-10) + var(--lr-margin));
  }
  .lr-section > .col-xl-10 .lr-content {
    width: var(--col-xl-10);
  }
  .lr-section > .col-xl-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-11 {
    --col-xl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xl-11) + var(--lr-margin));
  }
  .lr-section > .col-xl-11 .lr-content {
    width: var(--col-xl-11);
  }
  .lr-section > .col-xl-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-12 {
    --col-xl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xl-12) + var(--lr-margin));
  }
  .lr-section > .col-xl-12 .lr-content {
    width: var(--col-xl-12);
  }
  .lr-section > .col-xl-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 1400px) {
  .lr-section > .col-xxl-1 {
    --col-xxl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xxl-1) + var(--lr-margin));
  }
  .lr-section > .col-xxl-1 .lr-content {
    width: var(--col-xxl-1);
  }
  .lr-section > .col-xxl-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-2 {
    --col-xxl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xxl-2) + var(--lr-margin));
  }
  .lr-section > .col-xxl-2 .lr-content {
    width: var(--col-xxl-2);
  }
  .lr-section > .col-xxl-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-3 {
    --col-xxl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xxl-3) + var(--lr-margin));
  }
  .lr-section > .col-xxl-3 .lr-content {
    width: var(--col-xxl-3);
  }
  .lr-section > .col-xxl-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-4 {
    --col-xxl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xxl-4) + var(--lr-margin));
  }
  .lr-section > .col-xxl-4 .lr-content {
    width: var(--col-xxl-4);
  }
  .lr-section > .col-xxl-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-5 {
    --col-xxl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xxl-5) + var(--lr-margin));
  }
  .lr-section > .col-xxl-5 .lr-content {
    width: var(--col-xxl-5);
  }
  .lr-section > .col-xxl-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-6 {
    --col-xxl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xxl-6) + var(--lr-margin));
  }
  .lr-section > .col-xxl-6 .lr-content {
    width: var(--col-xxl-6);
  }
  .lr-section > .col-xxl-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-7 {
    --col-xxl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xxl-7) + var(--lr-margin));
  }
  .lr-section > .col-xxl-7 .lr-content {
    width: var(--col-xxl-7);
  }
  .lr-section > .col-xxl-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-8 {
    --col-xxl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xxl-8) + var(--lr-margin));
  }
  .lr-section > .col-xxl-8 .lr-content {
    width: var(--col-xxl-8);
  }
  .lr-section > .col-xxl-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-9 {
    --col-xxl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xxl-9) + var(--lr-margin));
  }
  .lr-section > .col-xxl-9 .lr-content {
    width: var(--col-xxl-9);
  }
  .lr-section > .col-xxl-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-10 {
    --col-xxl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xxl-10) + var(--lr-margin));
  }
  .lr-section > .col-xxl-10 .lr-content {
    width: var(--col-xxl-10);
  }
  .lr-section > .col-xxl-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-11 {
    --col-xxl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xxl-11) + var(--lr-margin));
  }
  .lr-section > .col-xxl-11 .lr-content {
    width: var(--col-xxl-11);
  }
  .lr-section > .col-xxl-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-12 {
    --col-xxl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xxl-12) + var(--lr-margin));
  }
  .lr-section > .col-xxl-12 .lr-content {
    width: var(--col-xxl-12);
  }
  .lr-section > .col-xxl-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-category-subnav {
  display: flex;
  flex-direction: row;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.wi-category-subnav .nav-title {
  background-color: black;
  color: white;
}
.wi-category-subnav .nav-title, .wi-category-subnav .nav-link {
  font-family: var(--font-primary);
  text-transform: uppercase;
  padding: 16px 28px 11px;
}
.wi-category-subnav .nav-link {
  color: black;
  transition: var(--transition);
}
.wi-category-subnav .nav-link:hover, .wi-category-subnav .nav-link:active {
  background-color: var(--primary);
  color: white;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  .wi-items-highlight-list > .row:nth-child(even) .top-angle {
    justify-content: end;
  }
  .wi-items-highlight-list .top-angle {
    display: flex;
    align-items: center;
    position: relative;
  }
  .wi-items-highlight-list .top-angle picture {
    height: 285px;
    position: absolute;
  }
  .wi-items-highlight-list .top-angle picture img {
    height: 100%;
    max-width: unset;
  }
  .wi-items-highlight-list > .row:nth-child(even) {
    flex-direction: row-reverse;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-items-highlight-list.tic-tac > .row > div:nth-child(even) > .row {
  border-left: 1px solid black;
}
@media (max-width: 991px) {
  .wi-items-highlight-list.tic-tac > .row > div:nth-child(even) .row {
    flex-direction: row-reverse;
  }
  .wi-items-highlight-list.tic-tac > .row > div:nth-child(even) .row picture {
    right: 0px;
  }
  .wi-items-highlight-list.tic-tac > .row > div:nth-child(odd) img {
    border-right: unset;
  }
  .wi-items-highlight-list.tic-tac > .row > div:nth-child(even) > .row {
    border-left: unset !important;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
header .logo {
  z-index: 1;
}
.mega-nav {
  position: fixed;
  top: calc(var(--nav-height) + var(--nav-tert-height));
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(7px + 20px);
  margin-top: -7px;
  display: flex;
  flex-direction: column;
  width: var(--nav-width);
  transition: top var(--transition);
  background: white;
  border-radius: 0px 0px 8px 8px;
  overflow: hidden;
}
header.scrolled .mega-nav {
  top: var(--nav-height);
}
.mega-nav .primary-nav {
  display: flex;
  flex-direction: row;
}
.mega-nav .primary-nav .primary-item:first-child {
  padding-left: 20px;
}
.mega-nav .primary-nav .primary-item {
  padding: 14px 28px;
  font-family: var(--font-primary);
  text-transform: uppercase;
}
.mega-nav .secondary-navs {
  display: grid;
  grid-template-columns: 1fr;
  border-left: 1px solid white;
}
.mega-nav .secondary-navs .secondary-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  grid-row-start: 1;
  grid-column-start: 1;
  border: 1px solid black;
  border-left: 16px solid black;
  transition: 0.2s ease-in;
}
.mega-nav .secondary-navs .secondary-nav .bar-items {
  display: flex;
  flex-direction: row;
}
.mega-nav .secondary-navs .secondary-nav .bar-items .bar-item:first-child {
  padding-left: 20px;
}
.mega-nav .secondary-navs .secondary-nav .bar-items .bar-item {
  display: flex;
  align-items: center;
  padding: 3px 28px 0px;
  text-transform: uppercase;
}
.mega-nav .secondary-navs .secondary-nav .bar-link {
  padding: 13px 40px 11px;
  font-family: var(--font-primary);
  text-transform: uppercase;
  color: white;
  border-left: 1px solid black;
  background-color: black;
  transition: 0.2s ease-in;
}
.mega-nav .secondary-navs .secondary-nav .bar-link:hover {
  background-color: var(--primary);
}
.mega-nav .secondary-group .tertiary-group {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-start: 1;
  grid-column-start: 1;
  transition: 0.2s ease-in;
}
.mega-nav .secondary-group .tertiary-nav.active {
  opacity: 1;
  z-index: 1;
}
.mega-nav .secondary-group .tertiary-nav {
  display: flex;
  flex-direction: row;
  grid-row-start: 1;
  grid-column-start: 1;
  transition: 0.2s ease-in;
  opacity: 0;
}
.mega-nav .quaternary-nav {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid black;
}
.mega-nav .quaternary-nav a {
  text-transform: uppercase !important;
  font-family: var(--font-primary);
  padding: 15px 22px 12px !important;
}
.mega-nav .quaternary-nav a:first-child {
  border-right: 1px solid black;
  color: black !important;
}
.mega-nav .quaternary-nav a:first-child:hover {
  background-color: var(--primary);
  color: white !important;
}
.mega-nav .quaternary-nav a:last-child {
  background-color: var(--primary);
  color: white !important;
}
.mega-nav .quaternary-nav a:last-child:hover {
  background-color: white;
  color: black !important;
}
.mega-nav .primary-nav .primary-item.active, .mega-nav .primary-nav .primary-item:hover, .mega-nav .secondary-nav .bar-item.active, .mega-nav .secondary-nav .bar-item:hover {
  color: var(--primary);
  text-decoration: underline;
  cursor: pointer;
  text-underline-offset: 4px;
}
.mega-nav .secondary-navs .secondary-group {
  grid-row-start: 1;
  grid-column-start: 1;
  transition: var(--transition);
  opacity: 0;
  z-index: 0;
}
.mega-nav .secondary-navs .secondary-group.active {
  opacity: 1;
  z-index: 1;
}
.mega-nav .secondary-group .tertiary-nav.menu-items .menu-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: var(--font-primary);
  color: black;
  transition: 0.2s ease-in;
}
.mega-nav .secondary-group .tertiary-nav.menu-items .menu-item:hover {
  background-color: rgb(var(--primary-rgb-format) / 10%);
  color: var(--primary);
  cursor: pointer;
}
@media (min-width: 992px) {
  .mega-nav .secondary-group .tertiary-nav.menu-items .menu-item {
    padding: 26px;
  }
  .mega-nav .secondary-group .tertiary-nav.menu-items .menu-item img {
    width: 140px;
  }
}
@media (min-width: 1200px) {
  .mega-nav .secondary-group .tertiary-nav.menu-items .menu-item {
    padding: 30px;
  }
  .mega-nav .secondary-group .tertiary-nav.menu-items .menu-item img {
    width: 168px;
  }
}
@media (min-width: 1400px) {
  .mega-nav .secondary-group .tertiary-nav.menu-items .menu-item {
    padding: 40px;
  }
  .mega-nav .secondary-group .tertiary-nav.menu-items .menu-item img {
    width: 184px;
  }
}
.nav-overlay {
  display: none;
}
@media (min-width: 992px) {
  .nav-overlay {
    display: block;
    position: fixed;
    top: 0px;
    height: 100vh;
    width: 100vw;
    z-index: -1;
    transition: background-color 0.15s ease-in, backdrop-filter 0.15s ease-in;
    background-color: #00000000;
    backdrop-filter: blur(0px);
  }
  .nav-overlay.active {
    z-index: 1;
    background-color: #00000070;
    backdrop-filter: blur(4px);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
nav.item-breadcrumb ol li:not(:nth-last-child(1)):not(:nth-last-child(2)) {
  display: none;
}
nav.wi-breadcrumb.item-breadcrumb ol {
  font-size: 16px;
  color: black;
}
nav.wi-breadcrumb.item-breadcrumb ol li a, nav.wi-breadcrumb.item-breadcrumb ol li.active {
  color: black !important;
  text-transform: uppercase;
  opacity: 1;
}
nav.wi-breadcrumb.item-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: black;
}
nav.item-breadcrumb.item-breadcrumb .breadcrumb-item:nth-last-child(2)::before {
  content: '';
  font-family: 'Font Awesome 5 Pro';
  font-size: 87%;
  margin-top: 1px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-item-head.bg-gradient-y-primary {
  background: linear-gradient(180deg, rgb(var(--primary-rgb-format) / 10%), transparent);
}
.wi-item-head.bg-gradient-y-secondary {
  background: linear-gradient(180deg, rgb(var(--secondary-rgb-format) / 10%), transparent);
}
.wi-item-head.bg-gradient-y-tertiary {
  background: linear-gradient(180deg, rgb(var(--tertiary-rgb-format) / 10%), transparent);
}
.wi-item-head.bg-gradient-y-quaternary {
  background: linear-gradient(180deg, rgb(var(--quaternary-rgb-format) / 10%), transparent);
}
.wi-item-head.bg-gradient-y-quinary {
  background: linear-gradient(180deg, rgb(var(--quinary-rgb-format) / 10%), transparent);
}
.bg-white-to-primary {
  background: linear-gradient(180deg, white 12%, var(--primary) 12%, var(--primary) 88%, white 88%);
}
@media (min-width: 576px) {
  .bg-white-to-primary {
    background: linear-gradient(180deg, white 20%, var(--primary) 20%, var(--primary) 80%, white 80%);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-promos-slider ul li {
  margin-right: 85px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.footer-nav {
  list-style: none;
  padding-left: 0px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .footer-copyright {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.well.well-outline-dark {
  background-color: unset;
  border: 1px solid black;
  border-radius: 0px;
}
.well.well-dark {
  background-color: black;
  border: unset;
  border-radius: 0px;
  color: white;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.text-underline {
  text-decoration: underline;
  text-underline-offset: 4px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.img-w-dropshadow {
  position: relative;
}
.img-w-dropshadow .img-wrapper {
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-w-dropshadow .img-wrapper picture {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.img-w-dropshadow .img-wrapper img {
  height: 100%;
  min-width: 100%;
  position: absolute;
}
.img-w-dropshadow::after {
  content: '';
  position: absolute;
  top: 14px;
  left: -14px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: black;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.fr-locations .img-wrapper .btn {
  position: absolute;
  width: 65%;
  bottom: 20px;
  border-width: 3px;
  transition: 0.2s ease-in;
}
.fr-locations .img-wrapper:hover {
  cursor: pointer;
}
.fr-locations .img-wrapper:hover .btn {
  background-color: white !important;
  color: black;
  border-color: black;
}
@media (min-width: 576px) {
  .fr-locations .img-wrapper .btn {
    width: 55%;
  }
}
@media (min-width: 992px) {
  .fr-locations > [class*='col-']:nth-child(even) {
    border-left: 1px solid black;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#shared_territory_modal .modal-content .modal-header button {
  display: none !important;
}
#shared_territory_modal .modal-content {
  border: 1px solid black;
}
#shared_territory_modal .modal-content .modal-header {
  display: flex;
  justify-content: center;
  padding: 10px 0px 7px;
  text-transform: uppercase;
  background-color: black;
  color: white;
}
#shared_territory_modal .modal-content .modal-header .modal-title {
  font-family: var(--font-primary) !important;
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
}
#shared_territory_modal .modal-content .modal-body {
  padding: 0px;
}
#shared_territory_modal .modal-content .modal-body .select-location {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  width: 100%;
  text-transform: uppercase;
  color: black;
  text-align: right;
  padding: 10px 14px 7px;
  font-family: var(--font-primary);
  font-size: 14px;
  transition: var(--transition);
}
#shared_territory_modal .modal-content .modal-body > .row > [class*='col-']:last-child .select-location {
  border-bottom: unset !important;
}
#shared_territory_modal .modal-content .modal-body .select-location:hover {
  background-color: var(--primary);
  color: white;
}
@media (min-width: 992px) {
  #shared_territory_modal .modal-dialog {
    max-width: 991px;
  }
  #shared_territory_modal .modal-content {
    border: unset !important;
  }
  #shared_territory_modal .modal-content .modal-body > .row > [class*='col-']:nth-child(even) {
    border-left: 1px solid black;
  }
  #shared_territory_modal .modal-content .modal-body .select-location {
    border-bottom: unset;
  }
  #shared_territory_modal .modal-content .modal-header {
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: unset !important;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body .tert-nav {
  background: unset !important;
  border-bottom: 0px !important;
  font-family: var(--font-primary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.img-overlap picture {
  position: absolute;
  height: 120%;
}
.img-overlap picture img {
  height: 100%;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
main.fran-dev section.bg-overlay {
  min-height: auto;
  display: block;
  padding: 0px;
}
main.fran-dev section.bg-overlay div.overlay {
  display: flex;
  align-items: center;
  padding-top: 180px;
  padding-bottom: 55px;
  background-color: #0000006b;
  background-repeat: repeat;
}
main.fran-dev section.bg-overlay.overlay-sub div.overlay {
  padding: 85px 0px;
}
main.fran-dev section.bg-overlay div.overlay .page-title {
  margin-top: 0px !important;
}
/* Section overlay on mobile only */
@media (max-width: 768px) {
  main.fran-dev section.bg-overlay-mobile {
    min-height: auto;
    display: block;
    padding: 0px;
  }
  main.fran-dev section.bg-overlay-mobile div.overlay {
    display: flex;
    align-items: center;
    padding-top: 180px;
    padding-bottom: 55px;
    background-color: #0000006b;
    background-repeat: repeat;
  }
  main.fran-dev section.bg-overlay.overlay-sub div.overlay {
    padding: 85px 0px;
  }
  main.fran-dev section.bg-overlay-mobile div.overlay .page-title {
    margin-top: 0px !important;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
main.fran-dev {
  -webkit-font-smoothing: unset;
  -moz-osx-font-smoothing: unset;
}
.fran-dev .text-anton {
  text-transform: uppercase;
  font-family: 'Anton', sans-serif !important;
}
.fran-dev .text-shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .fran-dev .intro-text {
    font-size: 50px !important;
  }
}
/* General */
.fran-dev h1.colored, .fran-dev h2.colored, .fran-dev h3.colored, .fran-dev h4.colored {
  color: #d33930 !important;
}
.fran-dev h1, .fran-dev h2, .fran-dev h3, .fran-dev h4, .fran-dev h5, .fran-dev h6 {
  font-weight: 500;
  text-transform: none;
  font-family: 'Open Sans', sans-serif !important;
  margin-top: 0 !important;
  margin-bottom: 0.5rem;
}
.fran-dev h4, .fran-dev .h4 {
  font-size: 18px !important;
}
.fran-dev h1, .fran-dev .h1 {
  font-size: 36px !important;
}
.fran-dev h2, .fran-dev .h2 {
  font-size: 30px !important;
}
.fran-dev h3, .fran-dev .h3 {
  font-size: 1.75rem !important;
}
.fran-dev h5, .fran-dev .h5 {
  font-size: 14px !important;
}
.fran-dev p {
  display: block;
  font-size: 17px;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.fran-dev .story-icon {
  width: 45%;
  margin-bottom: 25px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.fran-dev section.bg-video {
  position: relative;
  color: #fff;
  background-color: transparent;
  overflow: hidden;
  min-height: 300px;
}
@media (min-width: 992px) {
  .fran-dev section.bg-video {
    min-height: 600px;
  }
}
.fran-dev section.bg-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-repeat: no-repeat;
  background-size: cover;
}
.fran-dev .yt-wrapper {
  position: absolute;
  top: 0%;
  left: 0%;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
}
.fran-dev section.bg-video .yt-wrapper {
  z-index: -100;
}
.fran-dev .yt-wrapper iframe {
  min-width: 100%;
  min-height: 100%;
}
.fran-dev .yt-poster {
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  left: 0;
  z-index: 1;
}
.fran-dev section.bg-video .yt-poster {
  z-index: -99;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
main.fran-dev section.bg-blue-gradient {
  background: #2196a7;
  background: -moz-linear-gradient(top, #2196a7 0%, #1e8499 100%);
  background: -webkit-linear-gradient(top, #2196a7 0%, #1e8499 100%);
  background: linear-gradient(to bottom, #2196a7 0%, #1e8499 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2196a7', endColorstr='#1e8499',GradientType=0);
}
.fran-dev section.bg-secondary-gradient {
  background-image: linear-gradient(62deg, #ffc843 0%, #ee7700 100%) !important;
}
.fran-dev section.bg-tertiary-gradient {
  background-image: linear-gradient(111deg, #00a5b5 0%, #77bc1f 100%) !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.form-control {
  border-radius: 0.2rem;
}
.form-control:focus, .custom-file-input:focus ~ .custom-file-label {
  color: #495057;
  background-color: #fff;
  border-color: rgb(var(--primary-rgb) / 0.8);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb) / 0.2);
}
/* hide form labels */
.hide-form-labels form {
  margin-top: 15px;
}
.hide-form-labels .form-group label {
  display: none;
}
/* (sm) Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .hide-form-labels-sm form {
    margin-top: 15px;
  }
  .hide-form-labels-sm .form-group label {
    display: none;
  }
}
/* (md) Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .hide-form-labels-md form {
    margin-top: 15px;
  }
  .hide-form-labels-md .form-group label {
    display: none;
  }
}
/* (lg) Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .hide-form-labels-lg form {
    margin-top: 15px;
  }
  .hide-form-labels-lg .form-group label {
    display: none;
  }
}
/* (xl) Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .hide-form-labels-xl form {
    margin-top: 15px;
  }
  .hide-form-labels-xl .form-group label {
    display: none;
  }
}
/* inlay form labels */
.inlay-form-labels form {
  margin-top: 15px;
}
.inlay-form-labels .form-group {
  position: relative;
  margin-top: -19px;
}
.inlay-form-labels .form-group input, .inlay-form-labels .form-group textarea {
  width: 100%;
  height: 50px;
  padding-top: 21px;
}
.inlay-form-labels .form-group label {
  position: relative;
  left: 12px;
  top: 25px;
  display: block;
  color: #b3b3b3;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
.inlay-form-labels .form-group.inlay-select, .inlay-form-labels .form-group.inlay-button {
  margin-top: 0;
}
.inlay-form-labels .form-group.inlay-select label, .inlay-form-labels .form-group.inlay-button label {
  display: none;
}
.inlay-form-labels .form-group.inlay-select select {
  height: 100%;
}
section.bg-dark .form-control {
  background-color: #2f343a;
  border-color: #262a2f;
  color: #fff;
}
.textarea-short textarea {
  min-height: 100px !important;
}
form.oak_contact_form div.fran_location_select_wrapper div.selected_location p {
  display: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Nutritional Table 1 */
/* ------------------- */
.wi-nutritional-table-1-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.wi-nutritional-table-1-nav div {
  text-align: center;
  transition: 0.3s;
}
.wi-nutritional-table-1 {
  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
}
.wi-nutritional-table-1 .row {
  padding: 16px 10px;
  margin: 0px;
}
.wi-nutritional-table-1 .row:nth-child(1) div {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
}
.wi-nutritional-table-1 .row:not(:nth-child(1)) {
  border-bottom: 1px solid #E3E3ED;
}
.wi-nutritional-table-1 .row:not(:nth-child(1)) div:nth-child(1) {
  font-weight: 600;
}
.wi-nutritional-table-1 .row div {
  display: flex;
  align-items: center;
  padding: 0px;
}
.wi-nutritional-table-1 .row div:nth-child(1) {
  width: 10%;
}
.wi-nutritional-table-1 .row div:not(:nth-child(1)) {
  text-align: center;
  justify-content: center;
}
.wi-nutritional-table-1 .row:not(:nth-child(1)) div:not(:nth-child(1)) {
  opacity: 0.8;
  font-size: 14px;
}
@media (max-width: 992px) {
  .wi-nutritional-table-1 {
    overflow-x: auto;
  }
  .wi-nutritional-table-1 > div {
    width: 930px;
  }
  .wi-nutritional-table-1-nav {
    justify-content: center;
  }
  .wi-nutritional-table-1-nav div {
    margin-bottom: 10px;
  }
}
.wi-nutrition-table-2-mobile .nutrit-table {
  padding: 4px;
}
.wi-nutrition-table-2-mobile .nutrit-table:nth-child(odd) {
  background-color: white;
}
.wi-nutrition-table-2-mobile .nutrit-table:nth-child(even) {
  background-color: #f6f5f3;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-nutrition-table-mobile .table-head h3 {
  margin-bottom: 0px;
  color: white;
  padding: 10px 10px 4px;
  text-transform: uppercase;
}
.wi-nutrition-table-mobile .accordion .accordion-title {
  background: unset;
  padding-left: 0px;
  color: black;
}
.wi-nutrition-table-mobile .accordion .accordion-title:hover {
  color: black;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#available-territories-1 {
  width: 100%;
  height: 400px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-map-full-2 .bg-primary {
  background-color: #d33930;
}
.wi-map-full-2 input.form-control {
  background-color: #252525;
  border: 1px solid #252525;
  color: #fff;
  z-index: 0;
  padding-right: 34px;
  border-radius: 50px !important;
}
.wi-map-full-2 input.form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #5c9e37 inset;
}
.wi-map-full-2 input.form-control:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}
.wi-map-full-2 button.search-btn {
  position: absolute;
  top: 0;
  right: 7px;
  z-index: 1;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  padding: 5px;
}
.wi-map-full-2 button.search-btn:hover {
  color: white;
}
.wi-map-full-2 button.search-btn:focus {
  outline: 0;
}
.wi-map-full-2 input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wi-map-full-2 input.form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wi-map-full-2 input.form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wi-map-full-2 input.form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wi-map-full-2 input.form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wi-map-full-2 input.form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.wi-map-full-2 .wi-counter {
  border: 3px solid black;
  font-family: var(--font-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  line-height: 25px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5000;
}
.wi-map-full-2 .location-box {
  cursor: pointer;
  -webkit-box-shadow: 0 1px 8px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 8px 1px rgba(255, 255, 255, 0.1);
  border-color: #fff;
}
.wi-map-full-2 .location-box.selected {
  -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
  border-color: #e8e6e2;
}
.wi-map-full-2 .location-box.selected h5 {
  /* color: #5c9e37; */
}
.wi-map-full-2 .loading-overlay {
  position: absolute;
  z-index: 500;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.wi-map-full-2 .loading-overlay i {
  font-size: 40px;
  line-height: 40px;
}
.wi-map-full-2 address {
  font-size: 12px;
  opacity: 0.7;
}
.wi-map-full-2 .location-links a {
  font-size: 12px;
}
.wi-map-full-2 .btn {
  margin-bottom: 0px;
}
/* Map */
.wi-map-full-2 .location-box {
  border: 1px solid black !important;
}
.wi-map-full-2 .location-box p.font-weight-bold {
  font-family: var(--font-primary) !important;
  font-size: 20px !important;
}
.wi-map-full-2 .location-boxes {
  padding: calc(var(--unit) * 1) !important;
}
.wi-map-full-2 address, .wi-map-full-2 .location-links a {
  font-size: 15px !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bar-links {
  display: grid;
  grid-template-columns: 1fr;
}
.bar-links .bar-link {
  grid-row-start: 1;
  grid-column-start: 1;
  opacity: 0;
  z-index: 0;
}
.bar-links .bar-link.active {
  opacity: 1;
  z-index: 1;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
a.wi-order-online-a {
  display: block;
  text-decoration: none;
  padding: 20px 10px 20px 0px;
  border: 1px solid transparent;
}
a.wi-order-online-a .angle-col {
  padding: 0 20px 0 20px;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
a.wi-order-online-a:hover .angle-col {
  padding: 0 10px 0 30px;
}
a.wi-order-online-a:hover {
  background-color: #fbfbfb;
  border-color: #eee;
  text-decoration: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.corp .olo-offsite {
  display: none;
}
/* Fran dev */

.fran-dev h3, .fran-dev h4, .fran-dev h5, .fran-dev h6, .fran-dev .h3, .fran-dev .h4, .fran-dev .h5, .fran-dev .h6 {
	font-family: var(--font-secondary) !important;
}
.fran-dev .text-anton, .fran-dev h1, .fran-dev h2, .fran-dev .h1, .fran-dev .h2 {
	font-family: var(--font-primary) !important;
}
.fran-dev .story-icon {
	width: 100px; !important;
}
#learn-more.bg-secondary-gradient {
	background: white !important;
}
.fran-dev section.bg-tertiary-gradient {
	background-color: var(--primary);
	background-image: none !important;
}
/*Social icons */
div.wi-social-small-1 a:hover {
	background-color: transparent;
	color: var(--primary);
}
@media (max-width: 991px) {
body.show-mobile-bar header nav .mobile-bar .social a:hover {
	color: var(--primary) !important;
}
hr {
	opacity: 1 !important;
	}
}
.btn-icon i {
	background-color: transparent !important;
}
/* Map tiles */
.leaflet-popup-content-wrapper .leaflet-popup-content h4 {
	font-family: var(--font-primary) !important;
	font-size: 25px;
	color: black !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .btn {
	margin-bottom: 6px !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .btn-icon i {
	display: none;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .btn-tertiary {
	background-color: black !important;
	color: white !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .btn-tertiary:hover {
	border-color: black !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .btn-secondary {
	background-color: transparent !important;
	color: black !important;
	border: 3px solid black;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .btn-secondary:hover {
	border-color: black !important;
}
.leaflet-container a.leaflet-popup-close-button {
	color: black !important;
}
/*Breadcrumb */
.page-header-breadcrumb {
	margin-bottom: 12px;
}
.page-header-breadcrumb .breadcrumb {
	text-transform: uppercase;
    letter-spacing: 0.25px;
    font-size: 16px;
}
.page-header-breadcrumb .breadcrumb a i {
	font-family: "Font Awesome 6 Sharp" !important;
	color: var(--primary) !important;
	font-size: 14px;
    position: relative;
    bottom: 2px;
}
.page-header-breadcrumb .breadcrumb a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}
section nav.wi-breadcrumb .breadcrumb-item.active {
    opacity: 1 !important;
    font-family: var(--font-primary) !important;
}
.page-header-breadcrumb .breadcrumb .fa-home-heart:before {
	content: "\e487" !important;
}
/*Buttons*/
.btn-outline-light {
	border: 3px solid white;
}
/* Nutrition */
.wi-nutrition-table-mobile .accordion .accordion-title {
    font-family: var(--font-primary);
}
/*Well*/
.well {
    background-color: white;
    border-radius: 0;
}
/* Franchise List */
.wi-franchise-list .card-columns .card {
	border: 1px solid black !important;
    border-radius: 0 !important;
}
.wi-franchise-list .card-title {
font-family: var(--font-primary) !important;
}

/* Forms */
.form-group {
	margin-bottom: 12px;
}
.form-control {
	border: 1px solid black !important;
	border-radius: 0 !important;
}
/* Nav */
@media (min-width: 992px) {
body.h-show-tert-nav .tert-nav a {
	padding-top: 10px !important;
}
body.h-show-tert-nav .tert-nav a:hover {
	text-decoration: none !important;
}
}
.mega-nav .tertiary-nav.menu-items img {
	padding: 16px;
}
@media (min-width: 992px) {
.wi-categories-type .left .details .detail {
	padding: 40px 30px 20px 30px !important;
}
.wi-categories-type .navigation > div {
	padding: 16px 20px 11px !important;
}
.wi-categories-type .navigation i.fa-chevron-right {
	padding-left: 8px;
}
.highlight-start-lg {
    border-left: 11px solid #000000 !important;
    padding-left: 2.5rem !important;
}
}
@media (min-width: 1200px) {
.wi-categories-type .left .details .detail {
	padding: 40px 70px 20px 70px !important;
}
.wi-categories-type .navigation > div {
	padding: 16px 28px 11px !important;
	}
.wi-items-highlight-list .row.mb-lg-10 {
	margin-bottom: calc(var(--unit) * 5) !important;
}
}
@media (min-width: 1400px) {
	.wi-categories-type .left .details .detail {
	padding: 50px 80px 30px 80px !important;
}
}
h1, .h1 {
	text-transform: uppercase;
}
.border-bottom-dark {
	border-bottom: 11px solid black;
}
.lead {
	line-height: 1.5;
}
/* Gradients */
.bg-gradient-primary {
	background: linear-gradient(180deg, rgb(var(--primary-rgb-format) / 10%), transparent);
}
.bg-gradient-secondary {
	background: linear-gradient(180deg, rgb(var(--secondary-rgb-format) / 10%), transparent);
}
.bg-white-to-primary {
	background: linear-gradient(180deg, rgba(255,255,255,1) 20%, var(--primary) 20%, var(--primary) 80%, rgba(255,255,255,1) 80%);
}
.bg-primary-to-white {
	background: linear-gradient(0deg, white 80%, var(--primary) 80%);
}
.bg-dark {
	color: white;
}
.bg-dark a:not(.btn) {
	color: white !important;
}
.img-cover {
	object-fit: cover;
	width: 100%;
}

/*LR Sections */
.lr-sect {
  display: flex;
  flex-direction: column;
}
.lr-sect > div {
  width: 100%;
  display: flex;
  position: relative;
  min-height: 300px;
}
.lr-sect > div.left, .lr-sect > div.right {
  justify-content: center;
}
.lr-sect div.lr-overlay {
  background-color: #00000085;
  width: 100%;
}
.lr-sect div.lr-container {
  width: var(--container-w-xs);
  padding: 75px 15px;
}
@media (min-width: 576px) {
  .lr-sect div.lr-container {
    width: var(--container-w-sm);
  }
}
@media (min-width: 768px) {
  .lr-sect div.lr-container {
    width: var(--container-w-md);
  }
}
@media (min-width: 992px) {
  .lr-sect {
    flex-direction: row;
  }
  .lr-sect > div {
    width: 50%;
    padding: 0px;
  }
  .lr-sect div.lr-container {
    width: var(--container-w-lg);
    padding: 75px 15px;
  }
  section .lr-sect div.lr-container {
    width: var(--container-w-lg) / 2;
  }
  .lr-sect > div.left {
    justify-content: flex-end;
  }
  .lr-sect > div.right {
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .lr-sect div.lr-container {
    width: var(--container-w-xl);
  }
  section .lr-sect div.lr-container {
    width: var(--container-w-xl) / 2;
  }
}
/* Top Section */
main .lr-sect:first-child {
  padding-top: 0;
}
main .lr-sect:first-child .right .lr-container {
  padding-top: 0px;
}
main .lr-sect:first-child .lr-container {
  padding-top: calc(var(--nav-mobile-height) + var(--top-bar, 0px) + calc(var(--unit) * 4.6875));
}
@media (min-width: 992px) {
  main .lr-sect:first-child .lr-container, main .lr-sect:first-child .right .lr-container {
    padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + calc(var(--unit) * 4.6875));
  }
}
/* Contain to align with other containers on page */
@media (min-width: 992px) {
  .lr-sect .left.contain {
    padding-left: calc((100vw - var(--container-w)) / 2);
  }
  .lr-sect .left.contain .lr-container {
    padding-left: 0px;
  }
  .lr-sect .right.contain {
    padding-right: calc((100vw - var(--container-w)) / 2);
  }
  .lr-sect .right.contain .lr-container {
    padding-right: 0px;
  }
}