@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

/* Ven - 248 */
@font-face {
  font-family: "SuisseIntl";
  src: url('/resource//VC_NewPortalAssets/Assets/Fonts/Suisse/SuisseIntl-Light.ttf') format('woff');
}

@media (min-width: 1200px) {
  .container {
    max-width: 1250px;
  }
}
/* Ven - 248 Commented out font-family due to font clashing */
body {
  /* font-family: "Montserrat", sans-serif; */
  font-weight: 400;
  overflow-x: hidden;
}

body iframe:not(.tfaFormAssemblyForm,.raisePageVideo){
height: 100vh;
}

body .fancybox-slide {
  padding: 10px !important;
}

body .fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
  transition: transform 300ms ease;
}

body .fancybox-button svg:hover {
  transform: rotate(90deg);
}

header#vc_header__container {
  background-color: #000;
  padding: 0 28px;
  transition: top 0.5s ease;
  /* Transition effect when sliding down (and up) */
  z-index: 999;
}

header#vc_header__container>.row {
  min-height: 70px;
}

header#vc_header__container>form>.row {
  min-height: 77px;
}

header#vc_header__container .logo img {
  max-height: 30px;
}

/* Ven - 130 changes */
@media screen and (min-width: 993px) {
  header#vc_header__container .logo img {
    max-height: calc(2vw - 1px)
  }
}

header#vc_header__container .menu>ul {
  padding: 0;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  /* VEN 130 - Navbar/Responsiveness */
  margin-left: calc(20vw - 5em);
  /* margin: 0; */
}

header#vc_header__container .menu>ul>li {
  display: inline-block;
  position: relative;
}

header#vc_header__container .menu>ul>li>a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  /* /* Ven - 130 changes
  Before
  margin: 0 24px;*/
  /* After */
  margin: 0 calc(4vw - 30px);
  padding: 25px 0;
  display: inline-block;
  position: relative;
  font-size: 18px;
}

header#vc_header__container .menu>ul>li>a:hover:after {
  transform: scaleX(1);
}

header#vc_header__container .menu>ul>li>a:after {
  transition: transform 0.3s ease-out, border-color 0.3s ease-out;
  position: absolute;
  display: block;
  bottom: -6px;
  left: 0;
  width: 100%;
  transform: scaleX(0);
  border-top: 2px solid #02c8c8;
  content: "";
  padding-bottom: inherit;
}

header#vc_header__container .menu>ul>li .sub-menu {
  position: absolute;
  visibility: hidden;
  top: 100%;
  left: 0;
  width: 180px;
  background-color: #000;
  padding: 0;
  margin: 0;
  list-style: none;
  transition: opacity 400ms ease;
  opacity: 0;
}

header#vc_header__container .menu>ul>li .sub-menu li {
  text-align: left;
}

header#vc_header__container .menu>ul>li .sub-menu li a {
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 10px 15px;
  font-family: "Montserrat", sans-serif;
}

header#vc_header__container .menu>ul>li .sub-menu li a:hover {
  text-decoration: none;
}

header#vc_header__container .menu>ul>li .sub-menu li:hover {
  background-color: #02c8c8;
}

header#vc_header__container .menu>ul>li:hover a:after {
  transform: scaleX(1);
}

header#vc_header__container .menu>ul>li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}

header#vc_header__container .actions a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  outline: none;
  border-radius: 0;
}

header#vc_header__container .actions a.login {
  padding: 8px 20px;
  border: 2px solid #fff;
  margin-right: 20px;
  transition: all 300ms ease;
}

header#vc_header__container .actions a.login:hover {
  border-color: #02c8c8;
  color: #02c8c8;
}

header#vc_header__container .actions a.register {
  padding: 8px 15px;
  background-color: #02c8c8;
  border: 2px solid #02c8c8;
}

header#vc_header__container .actions #UserActionMenu,
header#vc_header__container .actions .uiMenu {
  display: inline-block;
}

header#vc_header__container .actions #UserActionMenu span,
header#vc_header__container .actions .uiMenu span {
  color: #7b868c;
  text-transform: none;
  font-size: 14px;
  font-family: "gilroylight";
  margin-left: 10px;
}

header#vc_header__container .actions #UserActionMenu .slds-avatar.slds-avatar_medium,
header#vc_header__container .actions .uiMenu .slds-avatar.slds-avatar_medium {
  border-radius: 50%;
}

header#vc_header__container .actions #UserActionMenu button.slds-button.slds-button_neutral,
header#vc_header__container .actions .uiMenu button.slds-button.slds-button_neutral {
  background-color: transparent;
  width: auto;
  padding: 0 6px;
  font-size: 17px;
  outline: none;
  border: none;
  color: #fff;
}

header#vc_header__container .actions #UserActionMenu button.slds-button.slds-button_neutral::before,
header#vc_header__container .actions .uiMenu button.slds-button.slds-button_neutral::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-family: FontAwesome;
}

header#vc_header__container .actions #UserActionMenu button.slds-button.slds-button_neutral svg,
header#vc_header__container .actions .uiMenu button.slds-button.slds-button_neutral svg {
  display: none;
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList {
  width: 100%;
  background-color: #000;
  padding: 11px 0px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList ul,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList ul {
  text-align: left;
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList ul li,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList ul li {
  margin: 5px 0;
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList ul li:hover,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList ul li:hover {
  background-color: transparent;
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList ul li a,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList ul li a {
  transition: all 300ms ease;
  padding: 5px 10px;
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList ul li a:hover,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList ul li a:hover {
  background: linear-gradient(98.18deg, #662385 0%, #1d7da4 33.9%, #02c8c8 100%);
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList ul li a span,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList ul li a span {
  display: flex;
  align-items: center;
  color: #fff;
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList ul li a span img,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList ul li a span img {
  margin-right: 5px;
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList ul li a button,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList ul li a button {
  border-radius: 30px;
  width: 100%;
  color: #fff;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  font-size: 12px;
  border: 1px solid #fff;
  color: #fff;
}

header#vc_header__container .actions #UserActionMenu .actionMenu.uiMenuList ul li a button::before,
header#vc_header__container .actions .uiMenu .actionMenu.uiMenuList ul li a button::before {
  display: none;
}

header#vc_header__container .mobile {
  position: static;
}

header#vc_header__container .mobile a {
  padding: 20px 0 20px 0;
  color: #fff;
  display: inline-block;
  font-size: 22px;
}

header#vc_header__container .mobile_menu {
  float: right;
  right: -15px;
  position: relative;
}

header#vc_header__container .mobile #InvestorMobileMenu a.icon .slds-avatar.slds-avatar_medium {
  margin-right: 10px;
}

header#vc_header__container .mobile #InvestorMobileMenu a.icon .slds-avatar.slds-avatar_medium img {
  border-radius: 50%;
}

header#vc_header__container .mobile #InvestorMobileMenu ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  background-color: #f7f7f7;
  overflow-y: scroll;
}

header#vc_header__container .mobile #InvestorMobileMenu ul li {
  text-align: left;
  border-bottom: 1px solid #c3cdd1;
}

header#vc_header__container .mobile #InvestorMobileMenu ul li a {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 14px 40px;
}

header#vc_header__container.state--logged-in {
  background-color: #000;
  /*Chris*/
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.105);
}

@media screen and (max-width: 992px) {
  header#vc_header__container.state--logged-in {
    background-color: #000;
  }
}

header#vc_header__container.state--logged-in .mobile {
  position: static;
}

header#vc_header__container.state--logged-in .mobile a.icon .slds-avatar.slds-avatar_medium {
  margin-right: 10px;
}

header#vc_header__container.state--logged-in .mobile a.icon .slds-avatar.slds-avatar_medium img {
  border-radius: 50%;
}

header#vc_header__container.state--logged-in .mobile ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  background-color: #f7f7f7;
  overflow-y: scroll;
  height: calc(100vh - 77px);
}

header#vc_header__container.state--logged-in .mobile ul li {
  text-align: left;
  border-bottom: 1px solid #c3cdd1;
}

header#vc_header__container.state--logged-in .mobile ul li a {
  color: #7b868c;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 14px 40px;
}

header#vc_header__container.state--logged-in div.logo {
  height: 77px;
  background-color: #000;
  border-top-right-radius: 8px;
}

header#vc_header__container.state--logged-in div.logo a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

header#vc_header__container.state--logged-in div.logo a img {
  padding-right: 20px;
}

header#vc_header__container.state--logged-in .menu>ul>li>a {
  color: #fff;
  text-transform: capitalize;
  font-family: "SuisseIntl-Light", "Montserrat", sans-serif;
  /* font-weight: 600; */
  font-size: 16px;
}

header#vc_header__container.state--logged-in .actions img {
  border-radius: 50%;
}

header#vc_header__container.state--logged-in .actions a {
  color: #7b868c;
  outline: none;
}

header#vc_header__container.state--logged-in .actions a span {
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
  font-family: "SuisseIntl-Light", "Montserrat", sans-serif;
  margin-left: 10px;
}

header#vc_header__container.state--logged-in .uiMenu {
  display: inline-block;
  float: right;
}

header#vc_header__container.state--logged-in .uiMenu button.slds-button.slds-button_neutral {
  background-color: transparent;
  background-color: transparent;
  width: auto;
  padding: 0 6px;
  color: #000;
  font-size: 17px;
}

header#vc_header__container.state--logged-in .uiMenu button.slds-button.slds-button_neutral::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-family: FontAwesome;
}

header#vc_header__container.state--logged-in .uiMenu button.slds-button.slds-button_neutral svg {
  display: none;
}

header#vc_header__container.state--logged-in .uiMenu .actionMenu.uiMenuList {
  width: 100%;
  background-color: #000;
  padding: 11px 0px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

header#vc_header__container.state--logged-in .uiMenu .actionMenu.uiMenuList ul {
  text-align: left;
}

header#vc_header__container.state--logged-in .uiMenu .actionMenu.uiMenuList ul li {
  margin: 5px 0;
}

header#vc_header__container.state--logged-in .uiMenu .actionMenu.uiMenuList ul li a {
  transition: all 300ms ease;
}

header#vc_header__container.state--logged-in .uiMenu .actionMenu.uiMenuList ul li a:hover {
  background: linear-gradient(98.18deg, #662385 0%, #1d7da4 33.9%, #02c8c8 100%);
}

header#vc_header__container.state--logged-in .uiMenu .actionMenu.uiMenuList ul li a span {
  display: flex;
  align-items: center;
  color: #fff;
}

header#vc_header__container.state--logged-in .uiMenu .actionMenu.uiMenuList ul li a span img {
  margin-right: 5px;
}

header#vc_header__container.state--logged-in .uiMenu .actionMenu.uiMenuList ul li a button {
  border-radius: 30px;
  width: 100%;
  color: #fff;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  font-size: 12px;
}

header#vc_header__container.state--logged-in .uiMenu .actionMenu.uiMenuList ul li a button::before {
  display: none;
}

/* VEN-124: Error Page White Spaces (Forest) - changes */
#vc_content__container_error {
  z-index: 10;
  padding-top: 70px;
  /* margin-bottom: 380px; */
  /* box-shadow: 0 0px 110px -30px black; */
  background-color: #ffffff;

  /* font-family: "SuisseIntl-Light"; */  
}

/* VEN-248 - added */
.comm-page-error > div.navigation.cVC_CF_StandardFrontEndPageTheme > div > div > c-standard-page-header > div > header.container-fluid {
  background-color: #000000;
}

/* VEN-248 - added */
.comm-page-error > div.navigation.cVC_CF_StandardFrontEndPageTheme > div > div > c-standard-page-header > div > header > div > div.col-4.d-block.d-lg-none.mobile.text-end > c-vc-header-guest-mobile > div > ul {
  max-height: 90vh !important;
  padding-bottom: 50px !important;
}

/* VEN-248 - added */

.comm-page-error  > div.mainContentArea.cVC_CF_StandardFrontEndPageTheme > div > div > div > div > div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap > div > div > div > div > div > iframe {
    height: calc(37vw + 125px) !important;
    }


/* VEN-248 - added */
.comm-page-error .siteforceContentArea {
min-height: unset !important;
}

.comm-page-error > div.footer.cVC_CF_StandardFrontEndPageTheme {
  position: unset !important;
}
.comm-page-error * {
  font-family: 'SuisseIntl-Light' !important;
}

.comm-page-error > div.mainContentArea.cVC_CF_StandardFrontEndPageTheme {
  margin-bottom: 0px !important;
}




@media screen and (max-width: 1920px) {
  .vc_footer__container_error {
    background-color: #000;
    z-index: 1;
    position: static !important;
    bottom: 0;
    left: 0;
    right: 0;
  }

  ::-webkit-scrollbar {
    display: none;
  }
}

#vc_content__container {
  z-index: 10;
  /*padding-top: 70px;
  margin-bottom: 380px; VEN-251 (Simplus) REMOVED extra white spaces due to vf pages now using standard headers/footers via Community*/
  box-shadow: 0 70px 110px -30px black;
  background-color: #fafafa;
}

/* VEN-124: Error Page White Spaces (Forest) - changes */
/* VEN-251 (Simplus) REMOVED extra white spaces due to vf pages now using standard headers/footers via Community */
 /* 
@media screen and (max-width: 1920px) {
  #vc_content__container {
    margin-bottom: 482px;
  }
}

@media screen and (min-width: 993px) {
  #vc_content__container {
    margin-bottom: 482px;
  }
}

@media screen and (max-width: 992px) {
  #vc_content__container {
    margin-bottom: 580px;
  }
}
*/

@media screen and (max-width: 768px) {
  #vc_content__container {
   /*  margin-bottom: 0; VEN-251 (Simplus) REMOVED extra white spaces due to vf pages now using standard headers/footers via Community */
    box-shadow: none;
  }
}

#vc_content__container a {
  color: #02c8c8;
}

#vc_content__container .animate-in,
#vc_content__container .animate-item-in {
  opacity: 0;
}

#vc_content__container .tabbed-content .tab-content .tab-content-block {
  display: none;
}

#vc_content__container .tabbed-content .tab-content .active-tab-content {
  display: block;
}

#vc_content__container a.has-arrow {
  position: relative;
  padding-right: 36px;
  display: inline-block;
}

#vc_content__container a.has-arrow span {
  position: absolute;
  font-size: 11px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1);
}

#vc_content__container a.has-arrow span i {
  color: #fff;
}

#vc_content__container a.has-arrow span:before {
  position: absolute;
  content: "";
  border-bottom: 1px solid #fff;
  height: 1px;
  width: 20px;
  right: 12px;
  top: 50%;
  margin-top: -1px;
  -ms-transform: scale(0, 1) translateX(0px);
  -ms-transform-origin: left;
  transform: scale(0, 1) translateX(0px);
  transform-origin: left;
  -webkit-transform: scale(0, 1) translateX(0px);
  -webkit-transform-origin: left;
  pointer-events: none;
  transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1);
  -webkit-transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1);
}

#vc_content__container a.has-arrow:after {
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  height: 28px;
  width: 28px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: " ";
  display: block;
  pointer-events: none;
  -ms-transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1);
  transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1);
  -webkit-transition: all 0.33s cubic-bezier(0.12, 0.75, 0.4, 1);
}

#vc_content__container a.has-arrow:hover {
  text-decoration: none;
}

#vc_content__container a.has-arrow:hover:after {
  opacity: 0;
  transform: scale(0);
}

#vc_content__container a.has-arrow:hover span {
  right: 0;
}

#vc_content__container a.has-arrow:hover span:before {
  -ms-transform: scale(1, 1) translateX(9px);
  -webkit-transform: scale(1, 1) translateX(9px);
  transform: scale(1, 1) translateX(9px);
}

#vc_content__container a.button-outline-white {
  color: #fff;
  display: inline-block;
  border: 2px solid #fff;
  font-family: "gilroysemibold";
  font-size: 17px;
  padding: 10px 20px;
  transition: all 300ms ease;
}

#vc_content__container a.button-outline-white:hover {
  text-decoration: none;
  color: #fff;
  background-color: #02c8c8;
  border-color: #02c8c8;
}

#vc_content__container a.button-outline {
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  border: 2px solid #000;
  font-family: "gilroysemibold";
  font-size: 17px;
  padding: 10px 20px;
  transition: all 300ms ease;
}

#vc_content__container a.button-outline:hover {
  text-decoration: none;
  color: #fff;
  background-color: #02c8c8;
  border-color: #02c8c8;
}

#vc_content__container a.button-solid {
  color: #fff;
  background-color: #02c8c8;
  display: inline-block;
  border: 2px solid #02c8c8;
  font-family: "gilroysemibold";
  font-size: 17px;
  padding: 10px 25px;
  transition: all 300ms ease;
}

#vc_content__container a.button-solid:hover {
  text-decoration: none;
  color: #fff;
  background-color: #05d3d3;
  border-color: #05d3d3;
}

#vc_content__container section.has-parallax-bg {
  position: relative;
  overflow: hidden;
}

#vc_content__container section.has-parallax-bg .parallax-bg-opacity {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000a8;
  z-index: -4;
}

#vc_content__container section.has-parallax-bg .parallax-bg {
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -5;
  transform-style: flat;
}

#vc_top_scroll {
  position: fixed;
  right: 17px;
  bottom: 17px;
  z-index: 100;
}

#vc_top_scroll a {
  background-color: rgba(27, 27, 27, 0.72);
  padding: 7px 11px 11px 11px;
  display: block;
  text-align: center;
  color: #fff;
  transition: all 300ms ease;
}

#vc_top_scroll a:hover {
  background-color: #27cfc3;
}

#vc_footer__container {
  background-color: #000;
  z-index: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  #vc_footer__container {
    position: static;
  }
}

#vc_footer__container h4 {
  text-transform: uppercase;
  color: #515151;
  margin-bottom: 20px;
  font-family: "gilroylight";
  font-size: 17px;
}

#vc_footer__container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#vc_footer__container ul li {
  margin-bottom: 20px;
}

#vc_footer__container ul li a {
  color: #fff;
  text-decoration: none;
  font-family: "gilroyregular";
  font-size: 16px;
}

#vc_footer__container .copyright {
  background-color: #444444 !important;
}

#vc_footer__container .copyright div {
  color: #fff;
  font-size: 12px;
  font-family: "gilroyregular";
}

#vc_footer__container .copyright div ul {
  padding: 0;
  margin: 0;
}

#vc_footer__container .copyright div ul li {
  display: inline-block;
  margin: 0;
  margin-left: 10px;
}

#vc_footer__container .copyright div ul li a {
  color: #fff;
  text-decoration: none;
}

#vc_footer__container .copyright div ul li a i {
  font-size: 20px;
}

#vc_footer__container.state--logged-in {
  background-color: #fff;
}

#vc_footer__container.state--logged-in .copyright {
  background-color: #000 !important;
}

#vc_footer__container.state--logged-in .footer-contact-container {
  margin-top: -46px;
  margin-bottom: -49px;
  background-color: #000 !important;
}

#vc_footer__container.state--logged-in .footer-contact-container .inner-container {
  padding: 40px 20px;
  color: #fff;
  font-family: "gilroyregular";
}

#vc_footer__container.state--logged-in .footer-contact-container .inner-container a {
  word-break: break-all;
}

#vc_footer__container.state--logged-in h4 {
  color: #7b868c;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-transform: none;
}

#vc_footer__container.state--logged-in ul li a {
  color: #000;
  font-weight: 800;
  position: relative;
}

#vc_footer__container.state--logged-in ul li a:after {
  content: "";
  display: block;
  background-color: #02c6c6;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -2px;
  transition: all 300ms ease;
  transform: scale(0);
}

#vc_footer__container.state--logged-in ul li a:hover:after {
  transform: scale(1);
}

h3 {
  font-weight: 600;
}

strong {
  font-weight: 600;
}