

/* Ensure Navik uses Inter from first paint */
.navik-menu,
.navik-menu * {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* End ChatGPT 2025 */


.navik-header-container::after {
  	display: block;
  	clear: both;
  	content: "";
}

.navik-menu {
  	display: none;
}

.navik-menu ul {
  	display: block;
}

.line-menu.line-half {
	width: 100%;
}

.menu-open .line-menu.line-half {
	width: 50%;
}

.line-menu.first-line,
.line-menu.last-line {
	transition: all 0.3s;
	transform-origin: inherit;
}

/* Ensure Navik uses Inter from first paint */
.navik-menu,
.navik-menu * {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}



/*.menu-open .line-menu.first-line {
	transition: all 0.5s;
	-webkit-transform: rotate(90deg) translateX(2px) translateY(-5px);
	-moz-transform: rotate(90deg) translateX(2px) translateY(-5px);
	-o-transform: rotate(90deg) translateX(2px) translateY(-5px);
	transform: rotate(90deg) translateX(2px) translateY(-5px);
}

.menu-open .line-menu.last-line {
	transition: all 0.5s;
	-webkit-transform: rotate(90deg) translateX(-2px) translateY(5px);
	-moz-transform: rotate(90deg) translateX(-2px) translateY(5px);
	-o-transform: rotate(90deg) translateX(-2px) translateY(5px);
	transform: rotate(90deg) translateX(-2px) translateY(5px);
}

/* =============================================
Mobile header sticky
================================================ */
/*.navik-header.viewport-sm.sticky {
	top: 0;
	position: fixed;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background-color: transparent;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: mobileStickyTransition;
	animation-name: mobileStickyTransition;
}
*/
/*2020*/
.navik-header.viewport-sm.sticky {
  top: 0;
  position: fixed;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background-color: transparent;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: none;
  animation-name: none;
}

@-webkit-keyframes mobileStickyTransition {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
}

@keyframes mobileStickyTransition {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
}




.navik-header.viewport-sm.sticky .logo {
	padding-top: 20px;
	padding-bottom: 20px;
}


.navik-header.viewport-sm.sticky .container-wrap {
	background-color: #fff;
}

.navik-header.viewport-sm.header-dark.sticky .container-wrap {
	background-color: #111111;
}

.navik-header.viewport-sm.sticky .header-shadow-wrapper {
	position: relative;
}

.navik-header.viewport-sm.sticky .burger-menu {
	/*! top: 25px; */
	/*top: 28px;*/
	top: 22px;
}

/* =============================================
Phone icon
================================================ */
.navik-header .top-phone-icon {
	position: absolute;
	top: 15px;
	/*top: 31px;*/
	font-size: 38px;
	right: 69px;
}


.navik-header.sticky .top-phone-icon {
	top: 14px;
}

/* =============================================
Burger Menu Icon 2024
================================================ */

.burger-menu {
   top:22px;
   /*top:38px;*/
   font-size: 38px;   
   width:auto;
   height:auto;
}



.burger-menu.menu-open {
   -webkit-transform:rotate(0);
   transform:rotate(0);
}



/* =============================================
Reduce the logo height to make mobile sticky menu smaller size when scrolling
================================================ */
.navik-header.viewport-sm.sticky .logo img {
    width: auto;
    height: 40px;
}

/* =============================================
Reduce the logo height for desktop sticky menu
================================================ */
.navik-header.sticky .logo img {
	width: auto;
	height: 45px;
}


/*5-11-2019*/
/*hyperlink issue*/
.navik-header .logo {
    float: left;
	/*3-20-2024 adjusted logo padding for new burger menu icon*/
	padding: 15px 10px;
}
.navik-menu {
    clear: both;
}




/*iPhone5 layout*/
@media (max-width: 374px) {
    .navik-header .logo {
        padding: 35px 10px;
    }
    .navik-header.viewport-sm.sticky .logo {
        padding-top: 20px;
        padding-bottom: 20px;
		/*added*/
		width: 175px !important;
        height: auto !important;
    }
    .navik-header .logo img {
        width: 185px !important;
		/*width: 170px !important;*/
        height: auto !important;
    }
}

@media (min-width: 1200px) {
    .navik-menu {
        display: block !important;
        clear: inherit;
    }
    .top-phone-icon,
    .cta-btn {
        display: none;
    }
}

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*Bootstrap Navik Menu CTA Button*/ 
 
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}


.btn-secondary {
  color: #fff;
  /*background-color: #ff9f00;
  border-color: #ff9f00;*/
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  /*background-color: #ff8400;
  border-color: #ff8400;*/
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

/*Button Info*/

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}



/*Bootstrap CTA DIV */

.text-primary {
    color: #007bff !important;
}

.text-center {
    text-align: center !important;
}

.mt-4, .my-4 {
    /*margin-top: 1.5rem !important;*/
}

.mb-4, .my-4 {
	margin-bottom: 1.5rem !important;
}

/*Add space to buttons*/

.cta-btn {
    text-transform: uppercase;
}

.cta-btn .btn:first-child {
    margin-right: 5px;
}

.cta-btn .btn:nth-child(2) {
    margin-left: 5px;
}

/*Added space to 3 button 2020*/
.cta-btn .btn:nth-child(3) {
    margin-left: 10px;
}

/*Nav Phone*/
.nav-phone {
    font-size: 1.5rem !important;
    color: #007bff !important;
}

/*New Buttons 2019*/
.ask-btn .btn {
    margin-top: 10px;
    margin-bottom: 20px;
	padding: 5px 20px;
	/*background: #ff9f00;*/
    /*padding: 11px 45px;*/
}

/*Quform Submit*/
.quform-submit-inner span {font-size: 1.1rem;}