/* -------------------------------- 
 File#: _1_rating
 Title: Rating
 Descr: A rating plugin that allows users to vote for your products
 Usage: codyhouse.co/license
 -------------------------------- */
:root {
  --rating-icon-size: 0.7em;
}
.rating__control ul {
  display: inline-block;
  display: inline-flex;
}
.rating__control li {
  position: relative;
  height: var(--rating-icon-size);
  width: var(--rating-icon-size);
  float: left;
  cursor: pointer;
}
.rating__control li:focus {
  outline: none;
}
.rating__control li:focus::before {
  transform: scale(1);
  opacity: 0.2;
}
.rating__control li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  transition: 0.2s;
}
.rating__control li.rating__item--zero {
  display: none;
}
.rating__control--is-hidden {
  display: none;
}
.rating__icon,
.rating__control li::before,
.rating[data-animation="on"] .rating__control ul:hover .rating__icon {
  color: var(--color-primary);
}
.rating__icon--inactive,
.rating[data-animation="on"] .rating__control li:hover ~ li .rating__icon,
.rating__item--checked ~ li .rating__icon {
  color: var(--color-contrast-low);
}
.rating__icon {
  overflow: hidden;
}
.rating__icon svg {
  display: block;
  height: var(--rating-icon-size);
  width: var(--rating-icon-size);
  max-width: var(--rating-icon-size);
  pointer-events: none;
}
.rating--read-only .rating__control li {
  cursor: default;
}
.rating__icon--inactive {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.rating__item--half .rating__icon:not(.rating__icon--inactive) {
  position: relative;
  z-index: 2;
  width: 50%;
}
.rating[data-animation="on"] .rating__control li:active .rating__icon {
  transform: scale(0.8);
}
.rating[data-animation="on"] .rating__icon {
  transition: 0.2s;
}
.js .rating__select {
  display: none;
}

/* -------------------------------- File#: _1_text-divider Title: Text divider Descr: Labelled horizontal divider for text components Usage: codyhouse.co/license -------------------------------- */
.text-divider {
  margin: var(--space-lg) auto;
  display: flex;
  text-align: center;
  align-items: center;
}
.text-divider span {
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 var(--space-sm);
}
.text-divider::before,
.text-divider::after {
  content: "";
  display: inline-block;
  height: 1px;
  width: 20px;
  flex-grow: 1;
  background: var(--color-contrast-low);
  vertical-align: middle;
}
.text-component .text-divider {
  margin: calc(var(--space-md) * var(--text-vspace-multiplier)) auto;
}

/* -------------------------------- 
Title: Skip Link 
Descr: Accessibility feature that allows users to jump to the main content of the page 
-------------------------------- */
.skip-link {
  position: absolute;
  z-index: var(--zindex-fixed-element);
  top: 0;
  left: 0;
  display: inline-block;
  padding: var(--space-sm) var(--space-md);
  background-color: var(--color-bg);
  box-shadow: var(--shadow-lg);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}
.skip-link:focus,
.skip-link.skip-link--focus {
  clip: auto;
  clip-path: none;
  --color-outline: rgba(0, 0, 0, 0.2);
  outline: 3px solid var(--color-outline);
}


@media screen and (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* -------------------------------- 

File#: _1_breadcrumbs
Title: Breadcrumbss
Descr: List of links to help the user move within website structure
Usage: /license

-------------------------------- */

.breadcrumbs {
  font-size: var(--text-sm);
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(-1 * var(--space-xxs));
}

.breadcrumbs__item {
  display: inline-block;
  margin-bottom: var(--space-xxs);
  display: inline-flex;
  align-items: center;
  color: var(--color-white);
}

.breadcrumbs__separator {
  display: inline-block;
  margin: 0 var(--space-xxs);
  color: var(--color-contrast-medium);
}
.breadcrumbs__separator .icon {
  display: block;
  color: inherit;
}

/* -------------------------------- 
Title: Back to Top
Descr: back to top FAB
-------------------------------- */

:root {
  --btt-icon-size: 1.25em;
}

.what-app {
  position: fixed;
  right: var(--space-md);
  bottom: 100px;
  /* padding: var(--space-xs); */
  z-index: var(--zindex-fixed);
  border-radius: 100%;
  background-color: hsl(117.8, 85.3%, 32%);
  transition: 0.3s;
  padding: 8px 12px;
  color: var(--color-white);
}
.what-app i.fa{font-size: 30px;margin:unset;}
a.what-app:hover, a.what-app:focus{color:hsl(110, 8.1%, 85.5%);}
h1{color:var(--color-primary);}
.back-to-top {
  position: fixed;
  right: var(--space-md);
  bottom: var(--space-md);
  padding: var(--space-xs);
  z-index: var(--zindex-fixed);
  border-radius: var(--radius-md);
  background-color: var(--color-contrast-higher);
  transition: 0.3s;
}
.back-to-top:hover {
  background-color: var(--color-contrast-higher);
}

.back-to-top .icon {
  display: block;
  color: var(--color-bg);
  width: var(--btt-icon-size);
  height: var(--btt-icon-size);
}

.js .back-to-top {
  visibility: hidden;
  opacity: 0;
}

.js .back-to-top--is-visible {
  visibility: visible;
  opacity: 1;
}

/* -------------------------------- 

Title: Main Footer
Descr: Footer navigation

-------------------------------- */
.main-footer {
  padding-top: var(--space-md);
  background: var(--color-contrast-high);
  float: left;
  width: 100%;
}

@media (min-width: 64rem) {
  .main-footer__content {
    display: flex;
    justify-content: space-between;
  }
}

.main-footer__logo {
  flex-shrink: 0;
  margin-bottom: 1.25em;
  margin-bottom: var(--space-md);
}

.main-footer__logo a,
.main-footer__logo svg,
.main-footer__logo img {
  height: 100px;
  display: block;
}

@media (min-width: 64rem) {
  .main-footer__nav {
    width: calc(100% - 420px);
  }
}

@media (min-width: 80rem) {
  .main-footer__nav {
    width: auto;
  }
}

.main-footer__nav-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-left:8%;
}


.main-footer__nav-item {
  display: grid;
  grid-gap: 0.375em;
  grid-gap: var(--space-xxs);
  margin-bottom: 1.25em;
  margin-bottom: var(--space-md);
  width: 100%;
  padding-right: 0.75em;
  padding-right: var(--space-sm);
}
.main-footer__nav-item h5 {
  color: var(--color-primary-lighter);
}
@media (min-width: 30rem) {
  .main-footer__nav-item {
    width: 50%;
  }
}

@media (min-width: 80rem) {
  .main-footer__nav-item {
    grid-gap: 0.5em;
    grid-gap: var(--space-xs);
    width: 240px;
  }
}

.main-footer__nav-item a {
  color: var(--color-primary-light);
  font-size: calc(var(--text-xs) - 0.05em);
  font-weight:bold;
}

.main-footer__nav-item a:hover {
  color: var(--color-primary);
}

@media (min-width: 80rem) {
  .main-footer__nav-item a {
    font-size: calc(var(--text-xs) + 0.2em);
  }
}

.main-footer__colophon {
  /* border-top: 1px solid var(--color-primary-dark); */
  padding-top: var(--space-xxxs);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.main-footer__colophon-nav {
  font-size: 0.83333em;
  font-size: var(--text-sm);
  color: var(--color-primary-dark);
  margin-right: 0.75em;
  margin-right: var(--space-sm);
}

.main-footer__colophon-nav > * {
  margin-right: 0.375em;
  margin-right: var(--space-xxs);
}

.main-footer__colophon-nav a {
  color: inherit;
}

.main-footer__colophon-nav a:hover {
  color: var(--color-primary);
}

.main-footer__socials {
  display: flex;
  margin: 0.375em 0;
  margin: var(--space-xxs) 0;
}

.main-footer__socials a {
  text-decoration: none;
  display: inline-block;
  margin-left: 0.375em;
  margin-left: var(--space-xxs);
  color: var(--color-primary);
}

.main-footer__socials a:hover {
  color: var(--color-accent-light);
}

.main-footer__socials a svg {
  display: block;
  width: 1em;
  height: 1em;
  color: inherit;
}

/* -------------------------------- 

File#: _1_video-background
Title: Responsive Video Background
Descr: A full-width responsive video background

-------------------------------- */

.video-bg {
  position: relative;
}
.video-bg__content {
  position: relative;
  z-index: 2;
}
.video-bg__media {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.video-bg__media video {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  max-width: none;
  object-fit: cover;
}

/* -------------------------------- 
Title: Header
Descr: Header Layout
-------------------------------- */
.header,
div {
  /* will-change: transform, opacity, height, background; */
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  transition: all 0.3s;
}

.header.down {
  transform: translateY(0);
}
.header.up {
  transform: translateY(0);
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--zindex-fixed);
  background: rgb(0, 0, 0);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.header.light,
body:not(.home) header {
  background: var(--color-white);
  box-shadow: var(--shadow-lg);
}
.navbar {
  width: 100%;
  float: left;
  padding: 0 var(--component-padding);
  height: calc(var(--space-xl) + 0em);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.flex-item:nth-child(1) {
  order: 0;
  flex: 0 1 100px;
  align-self: auto;
}

.flex-item:nth-child(2) {
  order: 0;
  flex: 1 1 auto;
  align-self: center;
}

.flex-item:nth-child(3) {
  order: 0;
  flex: 0 1 100px;
  align-self: auto;
  text-align: right;
}
.header_sub {
  width: 100%;
  height: calc(var(--space-lg) - 0.6em);
  background-color: var(--color-white);
}
.header_sub ul {
  float: right;
}
.header_sub li {
  float: left;
  font-size: calc(var(--text-sm) - 0.05em);
  color: var(--color-primary);
}
.header_sub li:first-child a {
  padding-left: 0;
}
.header_sub li:last-child a {
  /* padding-right: 0; */
  color: var(--color-white);
  /* background: var(--color-primary); */
  border:unset;
  top: 2px;
  position:relative;
}
.ptb-20
{
	padding:20px 0;
}
.header_sub ul li:last-child::before
{
	position: absolute;
	right: -384px;
	top: 0;
	width: 580px;
	height: 31.5%;
	background: var(--color-primary);
	content: "";
	/* z-index: -1; */
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
}
.header_sub li a {
  padding: var(--space-xs) var(--space-sm);
  display: block;
  text-decoration: none;
  color: var(--color-primary);
}
/* -------------------------------- 
Title: Header
Descr: Drop Down Menu
-------------------------------- */

.header_navigation {
}
.header.up .header_brand {
  transform: interpolatematrix;
}

.header_brand {
  font-size: var(--text-lg);
  color: var(--color-primary-light);
  position: absolute;
  top: 0;
  transform: translateY(-1.21em);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  background: var(--color-white);
  padding: var(--space-xxs) var(--space-xxs);
  /* height: calc(var(--space-xl) +0em); */
}
.header_brand img {
  height: var(--space-xl);
}
.cd-morph-dropdown::before {
  /* never visible - used in JS to check mq */
  content: "mobile";
  display: none;
}
.nav-trigger {
  /* menu icon - visible on small screens only */
  position: absolute;
  bottom: var(--space-xxxxs);
  /*right: 25px;*/
  right: 5px;
  height: var(--space-xl);
  width: var(--space-xl);
  display: inline-block;
  /* replace text with icon */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
body:not(.home) .nav-trigger span,
body:not(.home) .nav-trigger span::after,
body:not(.home) .nav-trigger span::before {
  background-color: var(--color-black);
}
.nav-trigger span,
.nav-trigger span::after,
.nav-trigger span::before {
  /* these are the 3 lines of the menu icon */
  position: absolute;
  background-color: var(--color-white);
  height: 3px;
  width: 26px;
}
.nav-trigger span {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.nav-trigger span::after,
.nav-trigger span::before {
  content: "";
  left: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.nav-trigger span::before {
  -webkit-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  transform: translateY(-9px);
}
.nav-trigger span::after {
  -webkit-transform: translateY(9px);
  -ms-transform: translateY(9px);
  transform: translateY(9px);
}
.cd-morph-dropdown.nav-open .nav-trigger span {
  background-color: transparent;
}
.cd-morph-dropdown.nav-open .nav-trigger span::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-morph-dropdown.nav-open .nav-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*# Dropdown Mnu */
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
  display: block;
}
.cd-morph-dropdown .dropdown-list > ul > li {
}
.main-nav {
  display: none;
  float: right;
}
/*# Dropdown deshtop */

@media only screen and (min-width: 64rem) {
  .cd-morph-dropdown .morph-dropdown-wrapper {
    display: none;
    position: absolute;
    /* left: 0; */
    width: 100%;
    box-shadow: var(--shadow-lg);
    background-color: rgba(0, 0, 0, 0.6);
    z-index: var(--zindex-dropdown);
  }

  .cd-morph-dropdown .label {
    display: none;
  }

  .cd-morph-dropdown .content li::after {
    clear: both;
    content: "";
    display: block;
  }

  .cd-morph-dropdown .links .content > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    align-items: stretch;
  }
  .cd-morph-dropdown .links .content > ul > li {
  }

  .cd-morph-dropdown .links-list a:hover,
  .cd-morph-dropdown .btn:hover {
    color: #1a1a1a;
  }
  .cd-morph-dropdown {
  }
  .cd-morph-dropdown::before {
    content: "desktop";
  }
  .cd-morph-dropdown .nav-trigger {
    display: none;
  }
  .cd-morph-dropdown .main-nav {
    display: inline-block;
  }
  .main-nav > ul > li {
    display: inline-block;
    float: left;
  }
  .header.light .main-nav > ul > li > a,
  body:not(.home) .main-nav > ul > li > a {
    color: var(--color-primary);
  }
  .home .main-nav > ul > li > a {
    color: var(--color-white);
  }
  .main-nav > ul > li > a {
    display: block;
    padding: var(--space-sm) var(--space-sm);
    font-size: calc(var(--text-sm) + 0.1em);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }

  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {
    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
    opacity: 0.6;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
    opacity: 1;
  }
  .cd-morph-dropdown .morph-dropdown-wrapper {
    /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
    display: block;
    top: 34px;
    /* overwrite mobile style */
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    /* Force Hardware acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-morph-dropdown .dropdown-list {
    position: absolute;
    top: var(--space-sm);
    width: 100%;
    visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, width, height;
    -webkit-transition: visibility 0.3s;
    transition: visibility 0.3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  }
  .cd-morph-dropdown .dropdown-list > ul {
    border-radius: var(--radius-md);
    background-color: rgba(0, 0, 0, 0.6);
  }
  .no-csstransitions .cd-morph-dropdown .dropdown-list {
    display: none;
  }
  .cd-morph-dropdown .dropdown-list::before {
    /* dropdown top triangle */
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .cd-morph-dropdown .dropdown-list > ul {
    position: relative;
    z-index: var(--zindex-focus);
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list {
    visibility: visible;
    -webkit-transition: width 0.3s, height 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, height 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, width 0.3s, height 0.3s;
    transition: transform 0.3s, width 0.3s, height 0.3s, -webkit-transform 0.3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {
    opacity: 1;
  }
  .cd-morph-dropdown .dropdown {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .cd-morph-dropdown .dropdown.active {
    opacity: 1;
    visibility: visible;
  }
  .cd-morph-dropdown .dropdown.move-left .content {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-morph-dropdown .dropdown.move-right .content {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }

  .cd-morph-dropdown .content {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    text-align: left;
    padding: var(--space-md) var(--space-md) var(--space-md) var(--space-lg);
  }
  .cd-morph-dropdown .dropdown.passion .content {
    width: 400px;
  }
  .cd-morph-dropdown .dropdown.distination .content {
    width: 700px;
  }
  .cd-morph-dropdown .links .content > ul > li {
    margin-top: 0;
  }
  .cd-morph-dropdown .links-list a {
    font-size: calc(var(--text-sm) + 0.05em);
    line-height: 2em;
    margin-left: 0;
    color: var(--color-white);
    text-decoration: none;
  }
  .cd-morph-dropdown .links-list a:hover {
    color: var(--color-primary-light);
  }

  .cd-morph-dropdown .content h2 {
    font-size: calc(var(--text-sm) + 0.05em);
    text-transform: none;
    text-align: left;
    margin-bottom: var(--space-sm);
    color: var(--color-primary);
  }
  .cd-morph-dropdown .bg-layer {
    /* morph dropdown background */
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    max-width: 700px;
    opacity: 0;

    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .bg-layer {
    opacity: 1;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  }
}

/*# Dropdown mobile */
@media only screen and (max-width: 64rem) {
  .flex-item:nth-child(3) {
    order: 0;
    flex: 0 1 100px;
    align-self: auto;
    text-align: left;
  }

  .cd-morph-dropdown .morph-dropdown-wrapper {
    display: none;
    position: fixed;
    top: var(--space-xl);
    /* left: 0; */
    width: 100%;
    height: 90vh;
    box-shadow: inset 0 1px 0 #e6e6e6;
    background-color: #ffffff;
    padding-top: var(--space-lg);
    overflow: scroll;
  }

  .cd-morph-dropdown .label {
    display: block;
    font-size: var(--text-md);
    text-decoration: none;
    color: var(--color-primary-dark);
    font-weight: 600;
    margin-bottom: var(--space-sm);
  }
  .dropdown {
    margin-bottom: var(--space-lg);
    border-bottom: 1px solid var(--color-contrast);
  }
  .cd-morph-dropdown.nav-open .dropdown-list {
    padding: var(--space-md);
  }
  .cd-morph-dropdown.nav-open .content {
    padding: 0;
  }
  .cd-morph-dropdown.nav-open .content > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
  }
  .cd-morph-dropdown.nav-open .content > ul > li {
    order: 0;
    flex: 0 1 48%;
    align-self: auto;
  }

  .cd-morph-dropdown.nav-open .content h2 {
    font-size: var(--text-md);
  }
  .cd-morph-dropdown .links-list a {
    font-size: calc(var(--text-sm) + 0.05em);
    line-height: 2em;
    margin-left: 0;
    display: block;
    color: var(--color-primary-darker);
    text-decoration: none;
  }
  .cd-morph-dropdown .links-list a:hover {
    color: var(--color-primary);
  }
}
.section_hero > a.explore_link {
  position: absolute;
  bottom: 0rem;
  left: calc(50% - var(--space-lg));
  width: var(--space-xl);
  display: inline-block;
  z-index: var(--zindex-box);
  color: var(--color-white);
  font-family: var(--font-secondary);
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
}
.section_hero > a.explore_link svg {
  width: var(--space-lg);
  height: var(--space-lg);
  margin-top: ;
}
.section_hero::after {
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  width: 100%;
  content: "";
  height: 50%;
  z-index: var(--zindex-hover);
  background: url(../../src/images/wave.svg) no-repeat center bottom;
  background-size: 100% auto;
}
.section_hero {
  float: left;
  width: 100%;
  max-height: 750px;
  height: 100vh;
  min-height: 500px;
  position: relative;
  background-color: var(--color-contrast-higher);
}
.home_search {
  position: absolute;
  z-index: 1000;
  bottom: 20%;
  left: 0;
  right: 0;
  width: calc(100% - 2 * var(--space-unit));
  /* background-color: rgba(0, 0, 0, 0.6); */
  padding: var(--space-unit);

  max-width: var(--max-width-sm);
  border-radius: 0.2em;
}

.home_search select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: var(--color-primary);
}
/* Hide arrow icon in IE browsers */
.home_search select::-ms-expand {
  display: none;
}
/* Hover style */
.home_search select:hover {
  border-color: var(--color-primary);
}
.home_search select,
.home_search .btn {
  width: 100% !important;
}
.section_about,
.section_exlpore {
  float: left;
  width: 100%;
  position: relative;
  background-color: var(--color-primary-lighter);
  z-index: var(--zindex-active);
  background: var(--color-primary-lighter) url(../../src/images/91574dd.png)
    no-repeat right top;
  background: rgb(217, 255, 239);
  background: linear-gradient(
    180deg,
    rgba(217, 255, 239, 1) 0%,
    rgba(237, 242, 252, 1) 33%
  );
}
.section_about_content {
  position: relative;
  z-index: var(--zindex-hover);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  margin-top: -4rem;
  background-color: var(--color-white);
  padding: var(--space-sm) var(--space-lg);
}
.section_about_content a {
  display: block;
  margin-top: var(--space-sm);
}
.section_about_content figure {
  overflow: hidden;
  display: inline-block;
  height: var(--space-xxl);
  border: 3px solid var(--color-accent-light);
}
.section_exlpore {
  padding: var(--space-lg) 0;
}
.section_exlpore h2 {
  color: var(--color-black);
}
.section_exlpore h2 span {
  opacity: 0.6;
}
.section_exlpore p {
  padding-top: var(--space-xs);
  color: var(--c--color-contrast-medium);
}
.list_passion {
  margin-top: var(--space-lg);
}
.list_passion li {
  position: relative;
  margin-bottom: var(--space-sm);
  min-height: var(--space-xl);
}
.list_passion li:hover figure img {
  transform: scale(1.1, 1.1);
}
.list_passion li figure {
  position: relative;
  width: 100%;
  height: 100%;
  --aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--radius-md);
  background-color: var(--color-contrast);
}

.list_passion li figure > img {
  will-change: transform;
  transition: all 0.3s;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.list_passion li > a {
  content: "";
  z-index: var(--zindex-focus);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.list_passion li figure::after {
  content: "";
  z-index: var(--zindex-hover);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
}

.list_passion li figure > figcaption {
  position: absolute;
  z-index: var(--zindex-active);
  color: var(--color-white);
  text-align: center;
  bottom: var(--space-md);
  left: 0;
  right: 0;
}
.list_passion li figure > figcaption h5 {
}
.list_passion li figure > figcaption span {
  font-size: var(--text-xs);
  display: none;
}

/* -------------------------------- 
 File#: _1_card
 Title: Card
 Descr: Container of information used as teaser for further content exploration
 Usage: /license
 -------------------------------- */
.section_disination {
  float: left;
  width: 100%;
  padding: var(--space-lg) 0;
  padding-bottom:0;
  position: relative;
  background-color: var(--color-bg);
}
.section_disination h2 {
  color: var(--color-primary);
}

section h2 span {
  opacity: 0.6;
}

.section_disination .max-width-sm p {
  color: var(--color-contrast-high);
}
.maps_lists {
  display: flex;
  margin-top: var(--space-md);
  max-width: var(--max-width-xxs);
}
.maps_lists img {
  max-width: 100%;
}

.section_disination_list {
}
.card a {
  font-size: var(--text-sm);
}
.card h5 {
  color: var(--color-primary);
  font-weight: 500;
  margin-top: 0;
}
.card {
  background-color: var(--color-bg);
  box-shadow: var(--shadow-md);
  border-radius: var(--radius-md);
  height: 100%;
}
.card_body {
  overflow: hidden;
  margin-top: var(--space-sm);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.card__img img {
  height: 100%;
  border: 1px solid var(--color-contrast-low);
  width: 100%;
  object-fit: cover;
}
.card__img {
  order: 0;
  flex: 1 1 auto;
  float: left;
  align-self: auto;
  max-width: var(--space-xxxl);
}
.card__content {
  padding-left: var(--space-xs);
  order: 0;
  flex: 2 2 auto;
  align-self: auto;
}
.col-lg-3 .card__content {
  padding-left: var(--space-xs);
  order: 0;
  flex: 1 2 auto;
  align-self: auto;
	
}
.card__content .rating li {
  list-style: none;
}
.card--is-link {
  will-change: box-shadow;
  transition: box-shadow 0.2s;
}
.card--is-link:hover {
  box-shadow: var(--shadow-md);
}
.card--is-link:hover .card__img::after {
  opacity: 1;
}
.card--is-link .card__img {
  position: relative;
}
.card--is-link .card__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: alpha(var(--color-black), 0.6);
  opacity: 0;
  transition: opacity 0.2s;
}
.card__link {
  text-decoration: none;
  display: block;
  color: inherit;
}
.card__content p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  color: var(--color-contrast-medium);
  position: relative;
  height: calc(var(--body-line-height) * 5);
  overflow: hidden;
}
.card__link-icon {
  position: absolute;
  z-index: 1;
  width: 64px;
  height: 64px;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  background-color: alpha(var(--color-white), 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}
.card__link-icon .icon {
  display: block;
  width: 32px;
  height: 32px;
  color: var(--color-black);
}
.card--is-link:hover .card__link-icon {
  opacity: 1;
}

/* -------------------------------- 
 File#: _2_testimonials
 Title: Testimonials
 Descr: A gallery of testimonial cards
 Usage: /license
 -------------------------------- */

.section_testimonial {
  float: left;
  width: 100%;
  padding: var(--space-lg) 0;
  position: relative;
  /* background: var(--color-primary) url(../../src/images/91574.png) no-repeat right top;*/
  background: var(--color-primary);
  background-size: 20vw auto;
}
.testimonial_lists {
  margin-top: var(--space-lg);
}
.testimonial {
  height: 100%;
  box-shadow: var(--shadow-sm);
  background-color: var(--color-white);
  padding: var(--component-padding);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
}
.testimonial__icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  color: var(--color-contrast-low);
  margin-bottom: var(--space-xxs);
}
.testimonial__quote {
  line-height: 1.4;
  margin-bottom: var(--space-md);
}
.testimonial__footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: auto;
}
.testimonial__img {
  flex-shrink: 0;
}
.testimonial__img img {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid var(--color-bg);
}
.testimonial__cite {
  font-size: var(--text-sm);
}
.testimonial__cite span {
  display: block;
  color: var(--color-contrast-medium);
  margin-top: var(--space-xxxxs);
}

.section_gallery {
  float: left;
  width: 100%;
  padding: var(--space-lg) 0;
  position: relative;
  background-color: var(--color-bg);
}
.instagram_feed {
  margin-top: var(--space-lg);
}
/* -------------------------------- Other Page sectiton------------------------- */
.page_header {
  float: LEFT;
  width: 100%;
  max-height: 500px;
  height: 72vh;
  margin-top: var(--space-sm);
  min-height: 300px;
  overflow: hidden;
  position: relative;
}

.section_page {
  float: left;
  width: 100%;
}
.section_page-heading {
  margin-top: -4em;
  /* margin-bottom: -3em; */
  position: relative;
  z-index: var(--zindex-boxtext);
}
.section_page-heading h1.package, .section_page-heading h2 {
  background: var(--color-bg);
  display: inline-block;
  min-height: var(--space-sm);
  margin-top: var(--space-xxxs);
  padding: var(--space-xxxs) var(--space-xxs);
  color: var(--color-primary);
  /* margin-bottom:var(--space-sm); */
}

.section_page-body {
  position: relative;
  float: left;
  width: 100%;
}
@media only screen and (min-width: 64rem) {
  .section_page-body_content {
    padding-left: var(--space-lg);
  }
}
.section-body_article {
  background-color: var(--color-primary);
}
.section-body_article h3 {
  color: var(--color-bg);
}
.contact-form {
  background-color: var(--color-primary-lighter);
  box-shadow: var(--shadow-sm);
  padding: var(--space-md);
}
.contact_ct {
  background: var(--color-accent);
  color: var(--color-accent-lighter);
  border-radius: var(--radius-md);
  padding: var(--space-sm);
}

/* -------- File#: _1_text-points Title: Text Points Descr: A list of text components----------- */
:root {
  --text-points-bullet-size: 1.2em;
  --text-points-bullet-text-scale: 0.6;
}
.text-points {
  list-style: none !important;
  border-radius: var(--radius-md);
}
.text-points__item {
}
.text-points__item .text-component {
  --line-height-multiplier: 1.15;
}
.text-points--counter .text-points__title,
.text-points--letter .text-points__title {
  position: relative;
  padding-left: calc(var(--text-points-bullet-size) + var(--space-md));
}
.text-points--icon .text-points__title {
  position: relative;
  padding-left: calc(var(--text-points-bullet-size) + var(--space-lg));
}

.text-points--counter .text-points__title::before,
.text-points--letter .text-points__title::before {
  position: absolute;
  top: var(--space-xxxxs);
  left: 0;
  font-size: calc(1.2em * var(--text-points-bullet-text-scale));
  height: calc(
    var(--text-points-bullet-size) / var(--text-points-bullet-text-scale)
  );
  width: calc(
    var(--text-points-bullet-size) / var(--text-points-bullet-text-scale)
  );
  line-height: calc(
    var(--text-points-bullet-size) / var(--text-points-bullet-text-scale)
  );
  text-align: center;
  background-color: var(--color-primary-light);
  color: var(--color-primary-darker);
  border-radius: 50%;
}
.text-points--counter .text-points__item {
  counter-increment: text-points;
}
.text-points--counter .text-points__title::before {
  /* content: counter(text-points); */
  content: "\2605"; 
}
.text-points--icon .text-points__title::before {
  content: "?";
}
.text-points--icon .fa {
  position: absolute;
  top: var(--space-xxxxs);
  left: 0;
  width: calc(var(--space-lg) + var(--space-xxxxs));
  height: calc(var(--space-lg) + var(--space-xxxxs));
  line-height: calc(var(--space-lg) + var(--space-xxxxs));
  display: inline-block;
  text-align: center;
  color: var(--color-primary-darker);
  background: #8ce1eb;
}
.text-points--icon .text-points__title::before {
  position: absolute;
  content: "";
  top: var(--space-xxxxs);
  left: 0;
  width: calc(var(--space-lg) + var(--space-xxxxs));
  height: calc(var(--space-lg) + var(--space-xxxxs));
  display: inline-block;
  text-align: center;
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-darker);
  border-radius: 50%;
}

/* -------------------------------- 
 File#: Contac us Page
 Title: Details List
 Descr: Pairs of related information displayed in a list
 -------------------------------- */
.details-list-v2 {
}

.details-list-v2__item {
  padding: var(--space-md) 0;
  border-bottom: 1px solid var(--color-contrast-low);
}
.details-list-v2__item > * {
  margin-bottom: var(--space-xxs);
}
.details-list-v2__item dd:last-of-type {
  margin-bottom: 0;
}
.details-list-v2__dt {
  font-weight: bold;
}
.details-list-v2__dd {
  line-height: 1.4;
}

.google-maps {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.google-maps--ratio-4\:1 {
  padding-bottom: 25%;
}

.google-maps--ratio-3\:1 {
  padding-bottom: 33%;
}

/* -------------------------------- File#: _1_accordion Title: Accordion Descr: Create stacked sections of content and allow the user to expand/collapse them Usage: codyhouse.co/license -------------------------------- */
:root {
  --accordion-icon-size: 1em;
  --accordion-icon-stroke-width: 2px;
}
@media screen and (max-width: 64rem) {
  .accordion {
    margin-left: var(--space-sm) !important;
  }
  .accordion__item::before {
    left: -1em;
  }
  .accordion__item {
    margin-left: 0;
  }
  .accordion__header {
    padding-left: var(--space-xl);
  }
  .header_sub ul li:last-child::before {width: 540px;}
  .header_sub li:last-child a {top: -2px;}
}
@media screen and (min-width: 64rem) {
  .accordion {
    margin-left: var(--space-sm) !important;
  }
  .accordion__item::before {
    left: -5em;
  }
  .accordion__item {
    margin-left: var(--space-lg);
  }
  .header_sub ul li:last-child::before {width: 581px;}
  .header_sub li:last-child a {top: 0px;}
}
.accordion {
  list-style: none;
  counter-reset: my-sec-counter;
  position: relative;
}
.accordion::after {
  width: 2px;
  background: var(--color-accent-darker);
  height: 100%;
  content: "";
  left: -1em;
  bottom: 0;
  position: absolute;
  top: 0;
}
.accordion__item {
  border-bottom: 1px solid var(--color-bg);
  list-style: none;
  position: relative;
  margin-bottom: var(--space-md);
}
.accordion__item--is-open {
  background-color: var(--color-bg);
  border-radius: var(--radius-md);
}
.accordion__item::before {
  counter-increment: my-sec-counter;
  content: "Day " counter(my-sec-counter) " ";
  background: var(--color-accent-darker);
  color: var(--color-primary);
  padding: var(--space-xxxxs) var(--space-xxs);
  border-radius: var(--radius-md);
  top: 0;
  z-index: var(--zindex-active);
  font-weight: 600;
  position: absolute;
}

.accordion__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-accent-darker);
  border: 0px;
  outline: 0;
  padding-bottom: var(--space-sm);
  background: none;
  text-decoration: none;
  cursor: pointer;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.accordion__header:hover {
  /* color: var(--color-bg); */
}
.accordion__header-title {
  font-size: calc(var(--text-md) - 0.05em);
  text-align: left;
}
.accordion__header-icon {
  float: right;
  flex-shrink: 0;
  margin-left: var(--space-sm);
  display: none;
}
.accordion__header-icon i {
  position: relative;
  width: var(--accordion-icon-size);
  height: var(--accordion-icon-size);
  display: block;
  will-change: transform;
}
.accordion__header-icon i::before,
.accordion__header-icon i::after {
  content: "";
  position: absolute;
  width: var(--accordion-icon-stroke-width);
  height: 80%;
  background: currentColor;
  top: 0;
  transform-origin: 50% 100%;
  will-change: transform;
  transition: transform 0.2s;
}
.accordion__header-icon i::before {
  left: 50%;
  transform: rotate(-45deg);
}
.accordion__header-icon i::after {
  left: calc(50% - var(--accordion-icon-stroke-width) / 2);
  transform: rotate(45deg);
}
.accordion__item--is-open
  > .accordion__header
  > .accordion__header-icon
  i::before {
  transform: translateY(-80%) rotate(-135deg);
}
.accordion__item--is-open
  > .accordion__header
  > .accordion__header-icon
  i::after {
  transform: translateY(-80%) rotate(135deg);
}
.accordion__header-icon .icon {
  width: var(--accordion-icon-size);
  height: var(--accordion-icon-size);
  color: inherit;
}
.accordion__panel-content {
  padding: var(--space-xxxs) var(--component-padding) var(--component-padding);
  color: var(--color-primary);
}
.accordion__header-icon {
  display: block;
}
.accordion__panel {
  display: none;
  overflow: hidden;
  will-change: height;
  transform: translateZ(0px);
}
.accordion__item--is-open > .accordion__panel {
  display: block;
}
.accordion--icon-plus .accordion__header-icon i {
  height: var(--accordion-icon-stroke-width);
  background-color: currentColor;
}
.accordion--icon-plus .accordion__header-icon i::before {
  display: none;
}
.accordion--icon-plus .accordion__header-icon i::after {
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
}
.accordion--icon-plus .accordion__header-icon i::after {
  transform: rotate(-90deg);
}
.accordion--icon-plus
  .accordion__item--is-open
  > .accordion__header
  > .accordion__header-icon
  i::after {
  transform: rotate(0deg);
}
aside {
  position: absolute;
}
.sign-up-form {
  background: var(--color-bg);
  padding: var(--space-md);

  top: 0;
  /* margin-top: -4rem; */
  box-shadow: var(--shadow-lg);
  border-radius: var(--radius-md);
}
.sticky.static {
  position: relative;
}

.sticky.fixed {
  position: fixed;
  top: 80px !important;
}
.sticky.float {
  position: relative;
}
#edit-preferred-month {
	font-size:15px !important;
}
.topbar {
	padding-right: 0px !important;
}

.travelogue-cl
{
	display: block ruby !important;
	width: 100%;
}