﻿.c-header-btn {
    display: flex;
}

.c-header-btn .c-header-btn--link i {
	margin-right: var(--headerBtnIconSpacing, 8px);
}

@media(max-width: 992px){
    .c-header-btn {
        flex-direction: row wrap;
    }
}

.c-header-btn .c-header-btn--link {
	margin: 10px 0;
}

@media(min-width: 992px){
	.c-header-btn .c-header-btn--link {
        margin: 0;
        margin-left: var(--headerBtnSpacing, 10px);
	}

    .c-header .c-topbar__inner .c-header-btn {
        margin: 0;
    }
}

.iconReplaced .c-box__icon img {
    width: auto;
    height: var(--replacedIconHeight, 77px);
}

/* Team Member image replace */
.team-img img {
    height: auto;
    width: var(--teamMemberImgWidth, 200px);
    max-width: 100%;
}

/* Video background */
.dev-videoBackground, .dev-videoBackground .overlay  {
    position: relative;
    overflow: hidden;
}

.dev-videoBackground .o-container{
    position: relative;
    z-index: 2;
}

.dev-videoBackground .videoBGContainer:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: var(--overlayColor, rgba(0, 0, 0, 0.25));
}

.dev-videoBackground .c-rotator__image {
    background: none !important;
}

  /* Video File */
.dev-videoBackground .videoBGContainer.videoFile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.videoBGContainer.videoFile .videoBG {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
 
/* Iframe */
.dev-videoBackground .videoBGContainer.iframeVideo {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    inset: 0px;
    z-index: 0;
    pointer-events: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
    
.dev-videoBackground .videoBGContainer.iframeVideo  iframe,
.dev-videoBackground .videoBGContainer.iframeVideo  object,
.dev-videoBackground .videoBGContainer.iframeVideo  embed,
.dev-videoBackground .videoBGContainer.iframeVideo  video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    z-index: -1;
    width: 100%;
    height: 100%;
}

/* Youtube */
.dev-videoBackground .videoBGContainer.youtubeBackground {
    position: initial !important;
}

/* Cookie Popup */
.popUpSection {
    display: none;
}

.popUpContent {
    padding: 0;
}

.popUpContent .o-container {
    max-width: 100%;
    width: var(--popUpContainerWidth, 75%);
    padding: 0;
}

.popUpContent .fancybox-close-small:after {
    background: var(--popUpExitBackground, transparent);
}

@media(max-width: 992px){
    .popUpContent .o-container {
        width: var(--popUpContainerMobileWidth, 90%);
    }
}

.popUpContent .c-grid__collapse {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

/* Custom Floating Btn */
.customFloatingBtn-Container {
    z-index: 1001;
    bottom: 0;
    right: var(--customFloatingContainer-rightPosition, 300px);
    left: var(--customFloatingContainer-leftPosition, auto);
    width: auto;
    position: fixed;
    text-align: center;
    margin: 0;
    margin-bottom: var(--customFloatingContainerMarginBottom, 7px);
}

.customFloatingBtn-Container.desktopLeft {
    --customFloatingContainer-leftPosition: 20px;
    --customFloatingContainer-rightPosition: auto;
}

.customFloatingBtn-Container .c-btn {
    color: var(--customFloatingBtnTextColor, var(--btnTextColor, #fff));
    background: var(--customFloatingBtnBackgroundColor, var(--btnBackgroundColor, var(--paletteColor3, inherit)));
    border: var(--customFloatingBtnBorderWidth, var(--btnBorderWidth, 0px)) solid var(--customFloatingBtnBorderColor, var(--btnBorderColor, transparent));
    border-radius: var(--customFloatingBtnBorderRadius, var(--btnBorderRadius, 0px));
    font-size: var(--customFloatingBtnFontSize, var(--btnFontSize, inherit));
    text-transform: var(--customFloatingBtnTextTransform, var(--btnTextTransform, uppercase));
    font-weight: var(--customFloatingBtnFontWeight, var(--btnFontWeight, bold));
    padding: var(--customFloatingBtnPadding, var(--btnPadding, 15px 20px));
}

.customFloatingBtn-Container .c-btn:not(:first-of-type) {
    margin-left: var(--customFloatingBtnLeftSpacing, 10px);
}

.customFloatingBtn-Container .c-btn:hover, .customFloatingBtn-Container .c-btn:active, .customFloatingBtn-Container .c-btn:focus {
    color: var(--customFloatingBtnTextHoverColor, var(--btnTextHoverColor, #fff));
    background: var(--customFloatingBtnBackgroundHoverColor, var(--btnBackgroundHoverColor, var(--paletteColor2, inherit)));
    border-color: var(--customFloatingBtnBorderHoverColor, var(--btnBorderHoverColor, transparent));
}

@media(max-width: 992px){
    .customFloatingBtn-Container {
        --customFloatingBtnLeftSpacing: 0;
    }

    .customFloatingBtn-Container.mobileFixed {
        width: 100%;
        left: auto;
        right: auto;
        display: flex;
        justify-content: var(--customFloatingContainerMobileHoriontalPosition, center);
        flex-flow: row wrap;
        --customFloatingContainerMarginBottom: 0;
    }

    .customFloatingBtn-Container.mobileFixed .c-btn {
        max-width: 100%;
        width: var(--customFloatingBtnMobileFixedWidth, inherit); /* auto works great for another rendition */
    }

    .customFloatingBtn-Container.mobileStandard {
    	z-index: 1;
        left: 0;
        right: auto;
        width: 100%;
    	position: relative;
    	bottom: auto;
        --customFloatingContainerMarginBottom: 0;
    }
    
    .customFloatingBtn-Container.mobileStandard .c-btn{
        display: block;
        margin: auto;
        max-width: 100%;
    }
}

/* For Hamburger menu */
.topbar-submenu,
.hideOnMobile #mainNav .c-topnav__navwrapper .c-header-nav--btn {
  display: none;
}
.topbar-dropdown-main {
  color: unset !important;
  background-color: unset !important;
  border: unset !important;
  border-radius: unset !important;
}
.topbar-dropdown-main:hover {
  background: none !important;
}
.headerBtnContainer {
  background-color: var(--headerBtnBackgroundColor, var(--btnBackgroundColor, var(--paletteColor3, inherit)));
  color: var(--headerBtnTextColor, var(--btnTextColor, #fff));
  border: var(--headerBtnBorderWidth, var(--btnBorderWidth, 0px)) solid var(--headerBtnBorderColor, var(--btnBorderColor, transparent));
  border-radius: var(--headerBtnBorderRadius, var(--btnBorderRadius, 0px));
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  transition: background-color 0.2s;
}
.headerBtnContainer:hover {
  background-color: var(--headerBtnBackgroundHoverColor, var(--btnBackgroundHoverColor, var(--paletteColor2, inherit))) !important;
  color: var(--headerBtnTextHoverColor, var(--btnTextHoverColor), #fff);
  border-color: var(--headerBtnBorderHoverColor, var(--btnBorderHoverColor, transparent));
}
.headerBtnContainer .topbar-submenu {
  background: var(--subNavBackgroundColor, rgba(34, 34, 34, 0.95));
  border-radius: 0 0 var(--borderRadius, 0px) var(--borderRadius, 0px);
  list-style: none;
  margin: 0px;
  min-width: 250px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  right: 0px;
  top: 100%;
  transform: translateY(-2em);
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  z-index: 1036;
}
.headerBtnContainer .c-header-btn--link.topbar-dropdown-main {
  padding: 0px 6px 0px 25px;
  position: relative;
}
.headerBtnContainer .c-header-btn--link.topbar-dropdown-main.divider {
  padding: 0px 12px 0px 25px;
}
.headerBtnContainer .c-header-btn--link.topbar-dropdown-main.divider::after {
  background: none;
  content: "|";
  right: -1px;
  opacity: 0.6;
  padding: 0px;
  position: absolute;
}
.c-topbar .c-header-btn .headerBtnContainer a.headerBtnToggle {
  color: var(--headerBtnTextColor, var(--btnTextColor, #fff));
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 25px 0px 6px;
  transform: rotateX(0deg);
  transition: 0.15s all;
}
.c-topbar .c-header-btn .headerBtnContainer:hover a.headerBtnToggle {
  color: var(--headerBtnTextHoverColor, var(--btnTextHoverColor), #fff);
}
.c-topbar .c-header-btn .headerBtnContainer .topbar-dropdown-main.divider + a.headerBtnToggle {
  padding: 0px 25px 0px 12px;
}
.headerBtnContainer .headerBtnToggle:hover {
  opacity: 0.7;
}
.c-topbar .c-header-btn .headerBtnContainer a.headerBtnToggle.visibleDropdown,
.c-topbar .c-header-btn .headerBtnContainer.visibleDropdown a.headerBtnToggle {
  transform: rotateX(180deg);
}
.headerBtnContainer:hover .topbar-submenu,
.headerBtnContainer .visibleDropdown ~ .topbar-submenu,
.headerBtnContainer.visibleDropdown .topbar-submenu {
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}
.headerBtnContainer .visibleDropdown ~ .topbar-submenu,
.headerBtnContainer.visibleDropdown .topbar-submenu {
  display: block;
}
.c-header .c-topbar .o-container .c-topbar__inner .topbar-submenu-item a {
  color: var(--subNavFontColor, #fff);
  display: block;
  font-family: var(--subNavFontFamily, var(--navFontFamily, inherit));
  font-size: var(--subNavFontSize, var(--navFontSize, inherit));
  font-size: 15.57px;
  font-weight: var(--subNavFontWeight, inherit);
  padding: 1.25rem;
  width: 100%;
}
.c-header .c-topbar .o-container .c-topbar__inner .topbar-submenu-item a:hover {
  background: var(--subNavBackgroundHoverColor, var(--paletteColor3));
  color: var(--subNavFontHoverColor, #fff);
}
.topbar-submenu-item i {
  margin-right: 8px;
  font-size: 17px;
}
@media (min-width: 992px) {
  .extraHeaderDropdownMobile {
    display: none;
  }
  .headerBtnContainer {
    margin-left: var(--headerBtnSpacing, 10px);
  }
  .headerBtnContainer:hover .topbar-submenu {
    display: block;
  }
  .c-topbar .c-header-btn .headerBtnContainer .topbar-dropdown-main {
    margin-left: 0px;
  }
}
@media (max-width: 991px) {
  .c-header .c-topbar.mobile-hidden {
    display: none;
  }
  .c-header--optimized .visibleMobileTopbar .c-header-btn {
    margin-bottom: 10px;
  }
  .c-header--optimized .c-topbar-cta-links .c-header-btn {
    padding-top: 0px;
  }
  .headerBtnContainer .c-header-btn--link.topbar-dropdown-main {
    padding: 12px 6px 12px 25px;
  }
  .c-topbar .c-header-btn .headerBtnContainer a.headerBtnToggle {
    padding: 12px 25px 12px 6px;
  }
  .headerBtnContainer .c-header-btn--link.topbar-dropdown-main.divider {
    padding: 12px 12px 12px 25px;
  }
  .c-topbar .c-header-btn .headerBtnContainer .topbar-dropdown-main.divider + a.headerBtnToggle {
    padding: 12px 25px 12px 12px;
  }
  .c-header--optimized .c-topbar__container.visibleMobileTopbar {
    display: block;
  }
  .c-header .c-header-btn .headerBtnContainer .topbar-dropdown-main {
    margin: 0px;
  }
  .c-header .headerBtnContainer {
    margin: 10px 0px;
  }
  .c-header .c-header-btn .topbar-submenu {
    right: 50%;
  }
  .c-header .topbar-submenu-item a {
    text-align: center;
  }
  .c-header .headerBtnContainer .c-header-btn--link.topbar-dropdown-main ~ .topbar-submenu {
    transform: translate(50%, 0);
  }
}
@media (max-width: 450px) {
  .c-header .c-header-btn .topbar-submenu {
    max-width: 250px;
  }
  .c-header .topbar-submenu-item a {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}