.fusion-main-menu .fusion-main-menu-search a:after {
  content: url(https://cdn.metamark-elite.com/wp-content/uploads/2022/07/search--icon.jpg) !important;
}

.footercol__social a image {
  max-width: 24px;
}

a.cta-button {
  background: #fff;
  border: 1px solid #a7239e;
  border-radius: 30px;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 2px 3px 2px 11px;
  font-size: 16px;
  transition: 0.3s ease all;
}
@media screen and (max-width: 479px) {
  a.cta-button {
    font-size: 15px;
    padding: 1px 2px 1px 6px;
  }
}
@media screen and (max-width: 479px) {
  a.cta-button {
    width: 100%;
  }
}
a.cta-button img {
  max-height: 22px;
  max-width: 22px;
  height: auto;
}
a.cta-button .cta-button__image {
  width: 23px;
  margin-right: 10px;
  line-height: 1;
}
@media screen and (max-width: 479px) {
  a.cta-button .cta-button__image {
    margin-right: 3px;
  }
}
a.cta-button .cta-button__text {
  transform: translateY(3px);
}
a.cta-button::after {
  content: url("https://cdn.metamark-elite.com/wp-content/uploads/2022/08/cta-arrow-purple-bg-v4.png");
  margin-left: auto;
  line-height: 0;
  display: block;
  transition: 0.3s ease all;
}
a.cta-button:hover::after {
  content: url("https://cdn.metamark-elite.com/wp-content/uploads/2022/08/cta-arrow-lightpurple-bg-v4.png");
}

.home #main {
  padding: 0 !important;
}
@media screen and (max-width: 991px) {
  .home #main .container {
    width: 100% !important;
  }
}
.home #main .fusion-row {
  max-width: 2560px;
}
@media only screen and (max-width: 800px) {
  .home #main .fusion-row {
    display: block;
  }
}
.home #main button.slick-arrow {
  font-size: 0;
  padding: 28.5px;
  border: 0;
  outline: 0;
  background-position: 50% !important;
  z-index: 999 !important;
}
.home #main button.slick-arrow:hover {
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .home #main button.slick-arrow {
    padding: 20px;
    background-size: 10px !important;
    background-position: 50% !important;
  }
}
.home #main button.slick-prev.slick-arrow {
  position: absolute !important;
  left: 0;
  background: url(https://cdn.metamark-elite.com/wp-content/uploads/2022/06/slider-chevron--left.png) no-repeat rgba(56, 56, 56, 0.5019607843);
}
.home #main button.slick-next.slick-arrow {
  position: absolute !important;
  right: 0;
  background: url(https://cdn.metamark-elite.com/wp-content/uploads/2022/06/slider-chevron--right.png) no-repeat rgba(56, 56, 56, 0.5019607843);
}

#top-band {
  background: #e5e5e5;
  padding: 8px 0 4px;
}
#top-band .container {
  max-width: 1126px;
}
@media screen and (max-width: 1199px) {
  #top-band .container {
    width: 1126px;
    max-width: 1166px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  #top-band .container {
    display: none;
  }
}
#top-band h1 {
  font-size: 16.5px;
  font-weight: normal;
  margin: 0;
}

section#main-slider {
  background: #a7239e;
}

.main-slider__rail {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.main-slider__slide {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  align-content: flex-start;
}
@media screen and (max-width: 1440px) {
  .main-slider__slide {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .main-slider__slide {
    position: relative;
    overflow: hidden;
  }
}

.main-slider__image {
  width: calc(70% - 391px);
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  background-size: cover !important;
  background-position: left 50% !important;
}
@media screen and (max-width: 1920px) {
  .main-slider__image {
    width: calc(78% - 411px);
  }
}
@media screen and (max-width: 1440px) {
  .main-slider__image {
    width: 59%;
  }
}
@media screen and (max-width: 1199px) {
  .main-slider__image {
    width: calc(100% - 327px);
  }
}
@media screen and (max-width: 767px) {
  .main-slider__image {
    background: transparent !important;
    position: absolute;
    left: 681px;
    bottom: 0;
    width: 100%;
    z-index: -1;
  }
}
.main-slider__image img {
  max-width: unset;
  height: 210px;
}

.main-slider__text {
  width: 427px;
  padding: 54px 30px 29px 0;
  min-height: 330px;
}
@media screen and (max-width: 1440px) {
  .main-slider__text {
    margin-left: auto;
  }
}
@media screen and (max-width: 1199px) {
  .main-slider__text {
    width: 327px;
    margin-left: 80px;
    padding: 42px 0 37px;
  }
}
@media screen and (max-width: 767px) {
  .main-slider__text {
    margin-left: 30px;
    margin-right: 30px;
    padding: 26px 91px 26px 0;
    min-height: 290px;
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .main-slider__text {
    margin-left: 15px;
    margin-right: 15px;
    padding: 16px 71px 26px 0;
  }
}
.main-slider__text h2 {
  color: #fff;
  font-size: 34px !important;
  text-transform: uppercase;
  margin: 0 0 10px;
  line-height: 1 !important;
  letter-spacing: 0.5px !important;
}
@media screen and (max-width: 1199px) {
  .main-slider__text h2 {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 500px) {
  .main-slider__text h2 {
    font-size: 24px !important;
  }
}
.main-slider__text p {
  color: #fff;
  font-size: 21px;
  margin: 0 0 28px;
  max-width: 360px;
  line-height: 1.1;
}
@media screen and (max-width: 1199px) {
  .main-slider__text p {
    font-size: 19px;
  }
}
@media screen and (max-width: 767px) {
  .main-slider__text p {
    max-width: unset;
    font-size: 16px;
  }
}
@media screen and (max-width: 320px) {
  .main-slider__text p {
    font-size: 15px;
  }
}
.main-slider__text a {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  background: url(https://cdn.metamark-elite.com/wp-content/uploads/2022/07/main-slider--arrow.png) no-repeat transparent;
  background-position: right 30%;
  padding-right: 20px;
  font-weight: 100;
}
.main-slider__text a:hover {
  color: #ffffff;
}
.main-slider__text sup {
  font-size: 20px;
}

section#searchBar {
  position: relative;
  width: 100%;
  margin: 0;
}

.search-block {
  background: #fff;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 26px 37px;
  border-radius: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
}
@media screen and (max-width: 1023px) {
  .search-block {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .search-block {
    width: 95%;
  }
}
@media screen and (max-width: 500px) {
  .search-block {
    padding: 8px;
  }
}
.search-block form {
  border: 2px solid #a7239e;
  border-radius: 30px;
  padding: 3px;
  width: 100%;
  max-width: 615px;
  background: #fff;
}
@media screen and (max-width: 1023px) {
  .search-block form {
    max-width: 100%;
  }
}
.search-block input {
  background: transparent !important;
  border: 0 !important;
  padding: 5px 16px 0px !important;
  color: #a7239e;
  font-family: Khula !important;
  font-weight: 400 !important;
  height: auto !important;
  text-transform: uppercase !important;
}
.search-block input.s::placeholder {
  color: #a7239e !important;
}
@media screen and (max-width: 400px) {
  .search-block input.s::placeholder {
    font-size: 11.4px !important;
    width: 100%;
    color: #a7239e !important;
  }
}
.search-block input.searchsubmit {
  background: #a7239e !important;
  width: auto !important;
  border-radius: 30px !important;
  padding: 7px 10px 1px !important;
  line-height: 1 !important;
}
.search-block input.searchsubmit:hover {
  background: #c936c9 !important;
}
@media screen and (max-width: 400px) {
  .search-block input.searchsubmit {
    font-size: 16px !important;
  }
}

section#feature-icons {
  padding: 44px 0;
}
@media screen and (max-width: 500px) {
  section#feature-icons {
    padding: 30px 0 0;
  }
}
section#feature-icons .container {
  max-width: 1050px;
}

.featuere-icons__row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
}
@media screen and (max-width: 500px) {
  .featuere-icons__row {
    flex-wrap: wrap;
  }
}

.featureicon {
  margin: 0 10px 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 500px) {
  .featureicon {
    width: calc(50% - 20px);
    margin: 0 10px 40px;
  }
}
.featureicon img {
  margin: 0 0 18px;
}
.featureicon h3 {
  text-transform: uppercase;
  margin: 0 0 2px;
  font-size: 15px !important;
}
@media screen and (max-width: 1023px) {
  .featureicon h3 {
    text-align: center;
    margin: 0 0 10px;
    max-width: 130px;
    line-height: 1.1 !important;
  }
}
.featureicon p {
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .featureicon p {
    text-align: center;
    line-height: 1.1 !important;
  }
}
@media screen and (max-width: 320px) {
  .featureicon p {
    font-size: 14px;
  }
}
.featureicon p a {
  text-decoration: underline;
}

section#opening-section {
  background: #e5e5e5;
  padding: 90px 0 69px;
}
@media screen and (max-width: 979px) {
  section#opening-section {
    padding: 75px 0 35px;
  }
}
@media screen and (max-width: 500px) {
  section#opening-section {
    padding: 45px 0 35px;
  }
}
section#opening-section .container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: flex-end;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1135px;
}
@media screen and (max-width: 979px) {
  section#opening-section .container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}

.opening-text {
  width: calc(100% - 450px);
  padding-right: 50px;
  padding-left: 5px;
}
@media screen and (max-width: 979px) {
  .opening-text {
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
  }
}
.opening-text h2 {
  color: #a7239e;
  font-size: 28px !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
}
@media screen and (max-width: 1199px) {
  .opening-text h2 {
    line-height: 1 !important;
    font-size: 29px !important;
  }
}
@media screen and (max-width: 767px) {
  .opening-text h2 {
    font-size: 24px !important;
  }
}
.opening-text p {
  margin: 0;
  font-size: 16.5px;
  line-height: 1.4;
}
@media screen and (max-width: 1199px) {
  .opening-text p {
    font-size: 15px;
  }
}
@media screen and (max-width: 425px) {
  .opening-text p {
    font-size: 14.5px;
  }
}

.opening-buttons {
  width: 450px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 5px;
}
@media screen and (max-width: 979px) {
  .opening-buttons {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
@media screen and (max-width: 400px) {
  .opening-buttons {
    flex-direction: column;
  }
}
.opening-buttons a {
  width: calc(50% - 10px);
  margin: 0 10px 14px 0;
}
@media screen and (max-width: 400px) {
  .opening-buttons a {
    width: 100%;
    margin: 0 0 5px 0;
  }
}
.opening-buttons a.last {
  margin-bottom: 5px;
}

section#featured-products {
  background: #383838;
  color: #fff;
  padding: 35px 0 60px;
}
@media screen and (max-width: 767px) {
  section#featured-products {
    padding: 30px 0;
  }
}
section#featured-products .container {
  width: 100%;
  max-width: 1308px;
}
@media screen and (max-width: 767px) {
  section#featured-products .container {
    padding: 0;
  }
}
section#featured-products h2 {
  text-align: center;
  color: #fff;
  font-size: 28px !important;
  font-weight: 600 !important;
  margin: 0 0 24px !important;
}
@media screen and (max-width: 767px) {
  section#featured-products h2 {
    font-size: 26px !important;
    margin-top: 0 0 15px !important;
  }
}

.featured-slider__rail {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0 65px;
}
@media screen and (max-width: 767px) {
  .featured-slider__rail {
    padding: 0 45px;
  }
}
.featured-slider__rail button.slick-prev.slick-arrow {
  background: url(https://cdn.metamark-elite.com/wp-content/uploads/2022/06/slider-chevron--left.png) no-repeat #a7239e !important;
  transition: 0.3s ease all !important;
}
.featured-slider__rail button.slick-prev.slick-arrow:hover {
  background: url(https://cdn.metamark-elite.com/wp-content/uploads/2022/06/slider-chevron--left.png) no-repeat #c936c9 !important;
}
.featured-slider__rail button.slick-next.slick-arrow {
  background: url(https://cdn.metamark-elite.com/wp-content/uploads/2022/06/slider-chevron--right.png) no-repeat #a7239e !important;
  transition: 0.3s ease all !important;
}
.featured-slider__rail button.slick-next.slick-arrow:hover {
  background: url(https://cdn.metamark-elite.com/wp-content/uploads/2022/06/slider-chevron--right.png) no-repeat #c936c9 !important;
}

.featured-slider__slide a {
  position: relative;
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  overflow: hidden;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .featured-slider__slide a {
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .featured-slider__slide a {
    padding: 0 5px;
  }
}
.featured-slider__slide a:hover {
  color: #fff;
}
.featured-slider__slide a:hover .featured-slider__text {
  bottom: 0;
  text-decoration: underline;
}
.featured-slider__slide a:hover span {
  color: #fff;
}

.featured-slider__text {
  max-width: 344px;
  position: absolute;
  bottom: -69px;
  background: rgba(167, 35, 158, 0.8);
  text-align: center;
  margin: 0;
  padding: 16px 30px 10px;
  width: 75%;
  border-radius: 25px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: 0.3s ease all;
}
@media screen and (max-width: 1199px) {
  .featured-slider__text {
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .featured-slider__text {
    padding: 12px 13px 10px;
  }
}
.featured-slider__text h4 {
  margin: 0;
  font-size: 16px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.1 !important;
  margin: 0 0 5px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .featured-slider__text h4 {
    font-size: 14px !important;
  }
}
.featured-slider__text p {
  margin: 0;
  text-transform: uppercase;
  min-height: 40px;
}
@media screen and (max-width: 1199px) {
  .featured-slider__text p {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .featured-slider__text p {
    margin: 0 0 8px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
  }
}
.featured-slider__text span {
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  transition: 1s ease all;
}
.featured-slider__text span:hover {
  color: #f8a405;
}

section#video-band {
  background: #e5e5e5;
}
section#video-band .container {
  width: 100%;
  max-width: 1123px;
}

.featuredvideo {
  padding: 44px 0 40px;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .featuredvideo {
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  .featuredvideo {
    padding: 23px 0;
  }
}

.featuredvideo__thumb {
  width: 506px;
}
@media screen and (max-width: 1199px) {
  .featuredvideo__thumb {
    width: 386px;
  }
}
@media screen and (max-width: 1023px) {
  .featuredvideo__thumb {
    width: 286px;
  }
}
@media screen and (max-width: 767px) {
  .featuredvideo__thumb {
    width: 100%;
    margin: 0 0 20px;
  }
}
@media screen and (max-width: 500px) {
  .featuredvideo__thumb {
    margin: 0 0 29px;
  }
}

.featuredvideo__text {
  width: calc(100% - 506px);
  padding-left: 34px;
  padding-top: 12px;
}
@media screen and (max-width: 1199px) {
  .featuredvideo__text {
    width: calc(100% - 386px);
  }
}
@media screen and (max-width: 1023px) {
  .featuredvideo__text {
    width: calc(100% - 286px);
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .featuredvideo__text {
    width: 100%;
    padding: 0;
  }
}
.featuredvideo__text h2 {
  color: #a7239e;
  font-size: 28px !important;
  font-weight: 600 !important;
  margin: 0 0 10px !important;
}
@media screen and (max-width: 1199px) {
  .featuredvideo__text h2 {
    line-height: 1 !important;
    font-size: 32px !important;
  }
}
@media screen and (max-width: 1023px) {
  .featuredvideo__text h2 {
    font-size: 28px !important;
  }
}
@media screen and (max-width: 767px) {
  .featuredvideo__text h2 {
    font-size: 25px !important;
  }
}
.featuredvideo__text p {
  margin: 0 0 25px;
  font-size: 16.5px;
  line-height: 1.4 !important;
}
@media screen and (max-width: 1199px) {
  .featuredvideo__text p {
    font-size: 19px;
    line-height: 1.1 !important;
  }
}
@media screen and (max-width: 1023px) {
  .featuredvideo__text p {
    font-size: 17px !important;
  }
}
.featuredvideo__text a {
  background: url(https://cdn.metamark-elite.com/wp-content/uploads/2022/06/play-icon-small-purple.png) no-repeat transparent;
  padding: 0 0 0 61px;
  line-height: 0.9;
  display: block;
  font-weight: 600;
  max-width: 390px;
  font-size: 16.5px;
  line-height: 1.4 !important;
}
@media screen and (max-width: 1199px) {
  .featuredvideo__text a {
    padding: 5px 0 5px 55px;
    font-size: 21px;
  }
}
@media screen and (max-width: 500px) {
  .featuredvideo__text a {
    font-size: 17.5px;
    line-height: 1.2 !important;
    padding: 2px 0 5px 55px;
  }
}

section#insta-footer {
  padding-bottom: 9px;
}
section#insta-footer .container {
  width: 1115px;
}
section#insta-footer h3 {
  text-align: center;
  font-size: 28px;
  margin: 40px 0 20px;
  font-family: Khula;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0px;
}

footer {
  background: #383838;
  padding: 69px 0 59px;
}
@media screen and (max-width: 767px) {
  footer {
    padding: 30px 0;
  }
}
footer .container {
  width: 100%;
  max-width: 1080px;
}
footer ul {
  padding: 0;
  margin: 0;
}
footer li {
  margin: 0 0 9px;
  list-style-type: none;
  color: #fff !important;
  font-size: 14px;
  letter-spacing: 0.4px;
}
@media screen and (max-width: 1023px) {
  footer li {
    margin: 0 0 8px;
    font-size: 15px;
  }
}
footer li.links__heading {
  text-transform: uppercase;
  margin: 0 0 16px;
  font-weight: 500;
}
footer li.links__logout a {
  color: #b1aeae !important;
}
footer a {
  color: #fff !important;
}
footer a:hover {
  text-decoration: underline;
}
footer .footer__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: nowrap;
  margin: 0 0 12px;
  width: 100%;
  max-width: 1020px;
}
@media screen and (max-width: 767px) {
  footer .footer__row {
    flex-wrap: wrap;
    margin: 0 0 30px;
  }
}
footer .footer__row.row--last {
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  footer .footer__row.row--last {
    margin: 0;
  }
}
footer .footercol__links {
  padding-right: 30px;
}
@media screen and (max-width: 1023px) {
  footer .footercol__links {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 767px) {
  footer .footercol__links {
    width: calc(100% - 30px);
    margin: 0 0 50px;
  }
}
footer .footercol__logo {
  width: 35%;
}
@media screen and (max-width: 1023px) {
  footer .footercol__logo {
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  footer .footercol__logo {
    width: 100%;
    margin: 0 0 30px;
  }
}
footer .footer__logo {
  width: 100%;
  max-width: 217px;
}
@media screen and (max-width: 767px) {
  footer .footer__logo {
    max-width: 177px;
  }
}
footer .footer__logo img {
  max-width: 100%;
  margin: 0 0 30px;
}
footer .footercol__social ul {
  display: flex;
  margin: 0;
}
footer .footercol__social ul li {
  margin-right: 17px;
}
footer .footercol__copyright {
  width: 57%;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 1023px) {
  footer .footercol__copyright {
    width: 46%;
  }
}
@media screen and (max-width: 767px) {
  footer .footercol__copyright {
    width: 50%;
    padding-right: 30px;
    font-size: 13px;
    margin: 0 0 20px;
  }
}

section#content.fullwidth {
  width: 100% !important;
}

.ctaSidebar {
  border: 1px solid #c3c3c3;
  margin: 0 0 30px;
  padding: 15px 15px 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  flex-wrap: nowrap;
}

.ctaSidebar--heading {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 27px;
}

.ctaSidebar--heading:after {
  content: "";
  width: 100px;
  height: 4px;
  background: #993399;
  display: block;
}

.ctaSidebar--cta {
  width: 100%;
  margin: 0 0 10px;
}

.ctaSidebar--cta a {
  box-shadow: none;
  transition: 0.3s ease all;
  height: 100%;
  display: block;
  background: #939;
  position: relative;
}

.ctaSidebar--cta a:before {
  content: "";
  background: #939;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s ease all;
}

.ctaSidebar--cta a:hover:before {
  opacity: 0.3;
}

/** Megameu 2023 **/
.fusion-header > .fusion-row {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  gap: 0;
}

.fusion-logo {
  margin-right: auto !important;
}

nav.fusion-main-menu {
  width: calc(100% - 429px);
}

#mega-menu-wrap-main_navigation {
  background: transparent !important;
  padding: 0px 0px 33px 0px !important;
  margin-top: 33px !important;
  margin-left: auto !important;
  float: right !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li {
  display: inline-block;
  float: unset !important;
}

.fusion-main-menu li {
  transform: translateY(8px);
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
  padding: 20px !important;
  top: 73px !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation li.mega-menu-item {
  line-height: 1 !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > a.mega-menu-link,
#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {
  background: transparent !important;
  text-transform: uppercase !important;
  color: #777 !important;
  font-size: 18px !important;
  padding: 0px 40px 0px 0px !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: #a7239e !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  text-transform: none !important;
  color: #a7239e !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  letter-spacing: -0.3px !important;
  line-height: 1 !important;
  margin: 0 0 5px !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
  font-size: 16px !important;
  line-height: 1.2 !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
  color: #a7239e !important;
  text-decoration: underline !important;
}

.menumenu_cta {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  width: 100%;
  position: relative;
  background: #A7239E;
}

.menumenu_cta > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.megamenu_cta--icon {
  width: 71px;
  padding: 15px;
}

.megamenu_cta--text {
  padding: 18px 15px 12px 0;
}

.megamenu_cta--heading {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  margin: 0 0 5px;
}

.megamenu_cta--subtext {
  color: #fff;
  font-size: 15px;
}

.megamenu_cta--arrow {
  margin-left: auto;
}

.fusion-is-sticky #mega-menu-wrap-main_navigation {
  margin-top: 15px !important;
}

.fusion-is-sticky #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
  top: 50px !important;
}

.fusion-is-sticky .fusion-header .fusion-logo {
  margin-top: -23px !important;
}

@media screen and (max-width: 1199px) {
  .fusion-logo {
    max-width: 240px !important;
  }
  nav.fusion-main-menu {
    width: calc(100% - 240px);
  }
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > a.mega-menu-link, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {
    padding: 0 15px 0 0 !important;
    font-size: 16px !important;
  }
}
@media screen and (max-width: 800px) {
  #mega-menu-wrap-main_navigation {
    float: none !important;
    margin: 0 auto !important;
  }
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
    box-shadow: none !important;
    padding: 5px 20px !important;
  }
  .fusion-mobile-nav-holder {
    display: none !important;
  }
  #mega-menu-wrap-main_navigation {
    margin-top: 0 !important;
    padding: 0 !important;
  }
  nav.fusion-main-menu {
    position: absolute;
    right: 0;
    width: 100%;
    background: #fff;
    top: 78px;
  }
  .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header .fusion-logo {
    margin: 0 auto 0 0 !important;
  }
  #mega-menu-wrap-main_navigation .mega-menu-toggle + #mega-menu-main_navigation {
    background: #fff !important;
  }
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    text-align: center !important;
  }
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.fusion-main-menu-search {
    display: none !important;
  }
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li {
    width: 100% !important;
    text-align: right !important;
  }
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation li.mega-menu-item {
    padding: 0 !important;
  }
  .menumenu_cta,
  .widget_media_image {
    display: none !important;
  }
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    margin: 0 0 20px !important;
  }
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > a.mega-menu-link, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {
    padding: 0 !important;
  }
  #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > a.mega-menu-link, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {
    font-weight: 600 !important;
    font-size: 20px !important;
  }
}
.modal-bg {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99998;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-bg.active {
  visibility: visible;
  opacity: 1;
}

.modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  padding: 40px;
}
.modal-wrap.active {
  visibility: visible;
  opacity: 1;
}

.modal-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.asset-modal {
  display: flex;
  position: relative;
  z-index: 99;
  max-width: 388px;
  max-height: calc(100vh - 100px);
  padding: 28px 20px 24px 39px;
  margin: 0 20px;
  background-color: #fff;
}

.modal-closer {
  position: absolute;
  top: -20px;
  right: -20px;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.asset-modal__image {
  min-width: 200px;
  min-height: 80px;
  margin: 0 0 24px;
  background-color: rgba(238, 238, 238, 0.2);
  border: 1px solid #ededed;
}
.asset-modal__image img {
  width: 100%;
}

.asset-modal__inner {
  min-height: 0;
  overflow-y: auto;
  padding-right: 15px;
}

.asset-modal__inner::-webkit-scrollbar {
  width: 10px; /* Mostly for vertical scrollbars */
  height: 10px; /* Mostly for horizontal scrollbars */
  border-radius: 5px;
}

.asset-modal__inner::-webkit-scrollbar-thumb { /* Foreground */
  background: #ccc;
  border-radius: 5px;
}

.asset-modal__inner::-webkit-scrollbar-track { /* Background */
  background: #eee;
  border-radius: 5px;
}

.asset-modal__meta {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px solid #ededed;
  font-size: 14px;
}

.meta-title {
  min-width: 33.33%;
  margin-right: 10px;
  font-weight: 600;
}

.meta-content {
  text-align: right;
  text-transform: capitalize;
}

.section--asset-list {
  width: 100%;
}

.asset-list__inner {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media screen and (min-width: 720px) {
  .asset-list__inner {
    flex-direction: row;
  }
}

@media screen and (min-width: 720px) {
  .asset-modules {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .asset-modules {
    width: 64%;
    padding-right: 0;
  }
}

.asset-modules .pagination {
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  width: 100%;
}
.asset-modules .pagination span.current {
  border-color: #993399;
}
.asset-modules .pagination a.nextpostslink {
  margin-right: 0;
}

.asset-modules__header {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 21px;
}
.asset-modules__header .page-count {
  font-weight: 400;
}

.asset-modules__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}
@media screen and (min-width: 500px) {
  .asset-modules__inner {
    grid-template-columns: repeat(3, 1fr);
  }
}

.asset-module {
  position: relative;
  aspect-ratio: 1/1;
}
.asset-module--video:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  background-image: url("../images/icon_video.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.asset-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.asset-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.asset-module__overlay-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.asset-modal__details {
  margin-bottom: 24px;
}

.asset-modal__download {
  margin-bottom: 20px;
}
.asset-modal__download a.button-default {
  width: 100%;
  padding: 8px 10px 5px 10px;
}

.asset-filters {
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .asset-filters {
    width: 25%;
  }
}

.asset-filters__inner {
  background-color: #f6f6f6;
  border-width: 1px;
  border-style: solid;
  border-color: #bab6b6;
}
.asset-filters__inner form {
  /* class applies to select element itself, not a wrapper element */
  /* Hide arrow icon in IE browsers */
  /* Hover style */
  /* Focus style */
  /* Set options to normal weight */
  /* Support for rtl text, explicit support for Arabic and Hebrew */
  /* Disabled styles */
}
.asset-filters__inner form ul {
  margin: 0 0 25px 0;
  padding: 0;
}
.asset-filters__inner form ul li[data-sf-field-input-type=select] {
  margin-bottom: 24px;
}
.asset-filters__inner form ul li[data-sf-field-input-type=select] label {
  width: 100%;
}
.asset-filters__inner form ul li {
  padding: 0;
  margin-bottom: 5px;
}
.asset-filters__inner form .sf-input-select {
  display: block;
  font-size: 15px;
  font-family: inherit;
  font-weight: 600 !important;
  color: #444;
  width: 100% !important;
  height: 32px;
  padding: 5px 8px 3px 10px;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference

  */
  background-image: url("../images/element_chevron_select.svg");
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right 0.7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: 0.65em auto, 100%;
}
.asset-filters__inner form .sf-input-select::-ms-expand {
  display: none;
}
.asset-filters__inner form .sf-input-select:hover {
  border-color: #888;
}
.asset-filters__inner form .sf-input-select:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
.asset-filters__inner form .sf-input-select option {
  font-weight: normal;
}
.asset-filters__inner form *[dir=rtl] .sf-input-select, .asset-filters__inner form :root:lang(ar) .sf-input-select, .asset-filters__inner form :root:lang(iw) .sf-input-select {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}
.asset-filters__inner form .sf-input-select:disabled, .asset-filters__inner form .sf-input-select[aria-disabled=true] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}
.asset-filters__inner form .ssf-input-selects:disabled:hover, .asset-filters__inner form .sf-input-select[aria-disabled=true] {
  border-color: #aaa;
}

.asset-filters__header {
  padding: 20px;
  background-color: #fff;
  font-size: 21px;
  font-weight: 600;
}
.asset-filters__header span {
  position: relative;
}
.asset-filters__header span:after {
  content: "";
  display: block;
  width: 40%;
  height: 4px;
  background-color: #993399;
}

.asset-filters__form {
  padding: 20px;
}

.search-filter-reset, input[name=_sf_submit] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #a7239e;
  padding: 13px 13px 8px;
  font-weight: 700;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  border: 1px solid #993399;
  color: #993399;
  border-width: 1px 1px 1px 1px;
  border-radius: 20px 20px 20px 20px;
  background: transparent;
  width: 100%;
}
.search-filter-reset:hover, input[name=_sf_submit]:hover {
  color: #fff;
  background-color: #7d1a76;
}

input[name=_sf_submit] {
  background: #a7239e;
  color: #fff;
  margin-bottom: 5px;
  transition: 0.3s ease all;
}
input[name=_sf_submit]:hover {
  cursor: pointer;
}
