@import url(https://fonts.googleapis.com/css?family=Nobile);

/* Mobile Menu */

/* Menu header-mobile */
.mobile-top-bar {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(to bottom, #0d0d34 -10%, #10103b);
}
.mobile-top-bar-without-items {
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom, #0d0d34 -10%, #10103b);
}
.header-mobile {
  top: 0;
  background: none;
  /*03055ff6*/
  overflow: hidden;
  height: 115px;
  width: 100%;
  z-index: 10;
  position: fixed;
  transition: all 0.4s ease-out, background 1s ease-out;
}
.header-mobile.menu-open {
  z-index: 10;
}

.left-padding {
  height: 55px;
  width: 55px;
}

.logo-container-mobile {
  display: flex;
  align-items: center;
}

.mobile-top-bar-without-items .logo-container-mobile {
  text-align: center;
}
.mobile-top-bar-without-items .logo-container-mobile img {
  margin-left: 0;
}

.logo-container-mobile img {
  margin-left: 5%;
  width: 50%;
}

.header-mobile.menu-open {
  height: 100%;
  background: #080824;
  overflow: scroll;
}

.header-mobile-wrapper {
  min-height: 100%;
  height: auto;
  /* background: linear-gradient(to bottom, #0a0a2b -10%, #2f2f8a); */
  transition: all 0.45s ease-out, background 0.8s ease-out;
}

.menu-open .header-mobile-wrapper {
  background: linear-gradient(to bottom, #0a0a2b -10%, #2f2f8a);
}

/* END Menu header-mobile */

/* Menu List items */
.mobile-menu {
  margin-top: 5%;
  clear: both;
}
.header-mobile ul.menu {
  position: relative;
  display: block;
  padding: 0px 20px 0;
  list-style: none;
}

.header-mobile ul.menu li.mobile-menu-item a {
  display: flex;
  position: relative;
  justify-content: space-between;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 1.25rem 0;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

.header-mobile ul.menu li.mobile-menu-item {
  /* border-bottom: 1px solid #333; */
  margin-top: 5px;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99),
    -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99),
    opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99),
    opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99),
    -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.header-mobile ul.menu li.mobile-menu-item:nth-child(1) {
  transition-delay: 0.55s;
}
.header-mobile ul.menu li.mobile-menu-item:nth-child(3) {
  transition-delay: 0.45s;
}
.header-mobile ul.menu li.mobile-menu-item:nth-child(5) {
  transition-delay: 0.4s;
}
.header-mobile ul.menu li.mobile-menu-item:nth-child(7) {
  transition-delay: 0.35s;
}
.header-mobile ul.menu li.mobile-menu-item:nth-child(9) {
  transition-delay: 0.3s;
}
.header-mobile ul.menu li.mobile-menu-item:nth-child(11) {
  transition-delay: 0.25s;
}

.header-mobile.menu-open ul.menu li.mobile-menu-item {
  opacity: 1;
}
.header-mobile.menu-open ul.menu li.mobile-menu-item:nth-child(1) {
  transition-delay: 0.05s;
}
.header-mobile.menu-open ul.menu li.mobile-menu-item:nth-child(3) {
  transition-delay: 0.1s;
}
.header-mobile.menu-open ul.menu li.mobile-menu-item:nth-child(5) {
  transition-delay: 0.15s;
}
.header-mobile.menu-open ul.menu li.mobile-menu-item:nth-child(7) {
  transition-delay: 0.2s;
}
.header-mobile.menu-open ul.menu li.mobile-menu-item:nth-child(9) {
  transition-delay: 0.25s;
}
.header-mobile.menu-open ul.menu li.mobile-menu-item:nth-child(11) {
  transition-delay: 0.3s;
}

.mob-menu-arrow-svg {
  width: 20px;
  height: 13px;
  transition: all 0.3s ease-in-out;
}

.mob-menu-arrow-svg.rotate {
  transform: rotate(90deg);
}

/* END Menu List items */

/* Menu Icon */
.icon-container {
  position: relative;
  display: inline-block;
  z-index: 2;
  float: right;
  /* Simply change property to float left to switch icon side :) */
  height: 55px;
  width: 55px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.icon-container #menuicon {
  width: 20px;
  height: 10px;
  position: relative;
  display: block;
  margin: -4px auto 0;
  top: 50%;
}
#menuicon .bar {
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
  background: #fff;
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#menuicon .bar.bar1 {
  -webkit-transform: translateY(0px) rotate(0deg);
  transform: translateY(0px) rotate(0deg);
}
#menuicon .bar.bar2 {
  -webkit-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.menu-open .icon-container {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.menu-open .icon-container #menuicon .bar {
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition-delay: 0.1s;
}
.menu-open .icon-container #menuicon .bar.bar1 {
  -webkit-transform: translateY(4px) rotate(45deg);
  transform: translateY(4px) rotate(45deg);
}
.menu-open .icon-container #menuicon .bar.bar2 {
  -webkit-transform: translateY(3px) rotate(-45deg);
  transform: translateY(3px) rotate(-45deg);
}

/* END Menu Icon */

.mobile-menu-items-card {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease-out;
}

.mobile-menu-items-card.active {
  opacity: 1;
}

.inner-wrapper-mobile {
  color: #ffffff;
  padding: 2.5% 0;
}

/* START INNER MENU */

/*divider*/
.mobile-prod-divider {
  width: 100%;
  height: 1px;
  background: #8d97d8;
}

.mobile-prod-divider.divider-inner {
  margin-bottom: 1.25rem;
}

/* end divider */

/* menu item */
.mobile-menu-items-container-mobile {
  margin: 2% 0;
}
.menu-title-mobile {
  font-size: 1.5rem;
}
.menu-subtitle-mobile {
  color: #fff;
  font-family: "Nunito Sans", sans-serif;
  font-size: 1.125rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.prod-categ-title {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}

.icn-prod-categ {
  width: auto;
  height: auto;
  margin-right: 25px;
}

.menu-item-link {
  margin-bottom: 3%;
}

a.text-white.white-link,
a.text-white.white-link:visited {
  color: white;
  font-size: 18px;
  transition: all 0.5s ease-in-out;
}

.menu-item-link > a,
.menu-item-link > a:visited {
  color: #8d97d8;
  font-family: "Nunito Sans", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}

.menu-item-link > a:hover {
  color: #fff;
  margin-left: 1rem;
}

.secondary-p-mobile {
  transition: all 0.5s ease-in-out;
  margin-top: 1rem;
}

.secondary-p-mobile:hover {
  margin-left: 1rem;
}

.secondary-p-mobile > img {
  width: 1rem;
  margin-left: 5px;
}
.secondary-p-mobile-mb-2rem {
  margin-bottom: 2rem;
}
/* search */

input.form-control.header-nav-search.header-nav-search-mobile {
  height: 5%;
  width: 100%;
  margin: 5% 0% 5% 0%;
  font-size: 20px;
  font-weight: 500;
  /* padding: 15px 20px; */
  background: none;
  border-radius: 5px;
  border: navajowhite;
  color: #fff;
}

.search-form.search-form-mobile {
  display: flex;
  border: 1.5px solid #fff;
  padding: 0 20px;
  margin: 5% 0% 5% 0%;
  border-radius: 5px;
}

.search-icon-header-mobile {
  position: relative;
  width: 1.5rem;
}

.free-trial-btn-container-mobile {
  width: 100%;
  margin: 0 auto;
}

#free-trial-btn-mobile {
  background: linear-gradient(90deg, #FF2F70 0%, #FF2626 100%);
  border-radius: 5px;
  margin-bottom: 2rem;
  margin-top: 2rem;
  display: flex;
  text-transform: none;
  font-size: 21px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  font-family: "Nunito Sans", sans-serif;
}

.arrow-white-btn-cta-mobile {
  transition: all 0.5s ease-in-out;
  width: 1.6rem;
  position: relative;
  left: 1rem;
}

#free-trial-btn-mobile:hover > .arrow-white-btn-cta-mobile {
  left: 2rem;
}
a.phone_number_mobile {
  display: block !important;
  font-weight: 500 !important;
  border-top: 1px solid #8d97d8;
  padding-top: 35px !important;
}
.nav-mobile-right-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 999px) {
  .show-on-mobile-only {
    display: block;
  }

  .show-on-desktop-only {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .show-on-mobile-only {
    display: none;
  }

  .show-on-desktop-only {
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .search-wrapper a {
    font-size: 1.1rem;
  }
  .wpml-ls-legacy-dropdown a span {
    font-size: 1.1rem;
  }
}

@media screen and (min-width: 575px) {
  .d-flex-wrap-space-between-575 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .mob-width-100-575 {
    width: 100%;
  }

  .mob-width-48-575 {
    width: 48%;
  }
}
@media screen and (max-width: 575px) {
  .free-trial-btn-container-mobile {
    width: 55%;
  }
  #free-trial-btn-mobile {
    font-size: 18px;
    padding: 1rem 0;
  }
  .arrow-white-btn-cta-mobile {
    width: 1.2rem;
  }
}

/* ====== Phase 3 redesign fixes ======= */
#free-trial-btn-mobile {
  background: linear-gradient(90deg, #FF2F70 0%, #FF2626 100%);
  border-radius: 8px;
  display: flex;
  text-transform: none;
  font-size: 21px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  font-family: "Nunito Sans", sans-serif;
}

#free-trial-btn-mobile.secondary {
  background: none;
  border: 2px solid #fff;
  border-radius: 8px;
}

.free-trial-btn-container-mobile {
  gap: 1rem;
}

@media screen and (max-width: 575px) {
  .free-trial-btn-container-mobile {
    width: 100%;
  }

  #free-trial-btn-mobile {
    font-size: 18px;
    padding: 1em;
  }
}

@media screen and (max-width:440px){
  .free-trial-btn-container-mobile {
      flex-direction: column;
  }

  #free-trial-btn-mobile {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }

  #free-trial-btn-mobile.secondary {
    margin-top: 0;
  }
}
/* ===================================== */