@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : March 16, 2023, 4:39:39 PM
    Author     : Kevin Ulrich
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 20, 2019, 12:04:34 PM
    Author     : kevin
*/
/* This reset is loosely derived from HTML5 boilerplate 
for more information visit http://html5boilerplate.com/ */
/* Every browser has its own default ‘user agent’ stylesheet, that it uses to make unstyled websites appear more legible.
Using a CSS Reset, CSS authors can force every browser to have all its styles reset to null, thus avoiding cross-browser differences as much as possible.
From the consistent base that you’ve set up via your reset, you can then go on to re-style your document,
safe in the knowledge that the browsers’ differences in their default rendering of HTML can’t touch you! */
@import url("../css/font-awesome.css");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  overflow-y: scroll;
}

body {
  -webkit-text-size-adjust: none;
}

.clear:before, .clear:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clear:after {
  clear: both;
}

.clear {
  zoom: 1;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

textarea {
  overflow: auto;
}

.ie6 legend, .ie7 legend {
  margin-left: -7px;
}

input[type=radio], input.radio {
  vertical-align: text-bottom;
}

input[type=checkbox], input.checkbox, .checkboxes input {
  vertical-align: bottom;
}

.ie7 input[type=checkbox], .ie7 input.checkbox, .ie7 .checkboxes input {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

label, input[type=button], input[type=submit], input[type=image], button, .btn {
  cursor: pointer;
}

button, input, select, textarea {
  margin: 0;
}

/* .checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;} */
button {
  width: auto;
  overflow: visible;
}

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

a:hover, a:active {
  outline: none;
}

.content ul, .content ol {
  margin-left: 2em;
}

ol {
  list-style-type: decimal;
}

ul li {
  list-style-type: none;
}

nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

strong, b, th {
  font-weight: bold;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 20, 2019, 12:05:27 PM
    Author     : Kevin Ulrich
*/
/*Orange*/
/*Light Blue*/
/*Orange*/
/*Light Green*/
/*Orange Brown */
/*Light Brown*/
/*Orange*/
/* Green for Buttons & Headers */
/* 88% black */
/*Blue*/
/*20% black*/
/*brown*/
/*88% black*/
/* light brown*/
/* white */
/*light brown / section blocks / form fields */
/*Dark Green */
/*88% black*/
/*Med Blue*/
/*Dark Blue*/
/* Brand Orange*/
/*Blue*/ /*rgb(239,135,33,.11);*/
/*Light Blue*/
/*Bright Green*/
/* Orange rgba(217,139,63,.8)*/
/* SOCIAL COLORS */
/* FONT AWESOME */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 20, 2019, 12:05:27 PM
    Author     : Kevin Ulrich
*/
/*Orange*/
/*Light Blue*/
/*Orange*/
/*Light Green*/
/*Orange Brown */
/*Light Brown*/
/*Orange*/
/* Green for Buttons & Headers */
/* 88% black */
/*Blue*/
/*20% black*/
/*brown*/
/*88% black*/
/* light brown*/
/* white */
/*light brown / section blocks / form fields */
/*Dark Green */
/*88% black*/
/*Med Blue*/
/*Dark Blue*/
/* Brand Orange*/
/*Blue*/ /*rgb(239,135,33,.11);*/
/*Light Blue*/
/*Bright Green*/
/* Orange rgba(217,139,63,.8)*/
/* SOCIAL COLORS */
/* FONT AWESOME */
/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */
/* TEMPLATE CUSTOM FONTS */
/* add your own custom fonts here */
/* BASE TYPOGRPHY */
/* These are the default styles for the theme */
body {
  font-size: 16px; /* This overrides the browsers default font size */
  line-height: 24px; /* If you change the font-size make sure you change the line-height value as well - the usual ratio is around 1.5 (font-size x 1.5 = line-height) */
  margin-bottom: 16px;
  color: #1d1d1e;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #ffffff;
}

html, body {
  height: 100%;
}

body a {
  text-decoration: underline;
  color: #1d1d1e;
} /* this removes the underline from all links */
body a:link {
  -webkit-tap-highlight-color: #1d1d1e;
} /* this sets the highlight color when links are tapped on Safari (browser) on iPhone */
.typography a {
  text-decoration: underline;
}

/* HEADERS */
.typography h1, h1,
.typography h2, h2,
.typography h3, h3,
.typography h4, h4,
.typography h5, h5,
.typography h6, h6 {
  font-family: "Open Sans", Arial, Helvetica, sans-serif; /* This references one of the custom @font-face fonts - the other fonts that are referenced are fallbacks for browsers that don't support @fontface */
  color: #47a7b1;
  font-weight: normal;
  margin-bottom: 16px;
}

.typography h1, h1 {
  font-size: 2em; /* 32px */
  line-height: 1.2em;
  font-weight: 300;
  margin: 0 0 32px 0;
  color: #48afd5;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.typography h2, h2 {
  font-size: 1.5em; /*24px*/
  line-height: 1.2em;
  font-weight: normal;
  margin-bottom: 16px;
  text-transform: uppercase; /*letter-spacing:5px;*/
  color: #47a7b1;
}

.typography h3, h3 {
  font-size: 1.3em; /*font-size: 2.1875em;*/ /*35px*/
  line-height: 1.2em;
  font-weight: 600;
  margin-bottom: 32px;
  color: #f37129;
  text-transform: uppercase;
}

.typography h4, h4 {
  font-size: 2.2em; /*26px*/
  line-height: 1.5em;
  font-weight: 300;
  margin-bottom: 16px;
  color: #47a7b1;
}

.typography h5, h5 {
  font-size: 1.25em; /*18px*/
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 16px;
  color: #1d1d1e;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.typography h6, h6 {
  font-size: 1.0625em; /*17px*/
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #f37129;
}

.typography .brand-color, .brand-color {
  color: #f37129;
}

.increase-type {
  font-size: 40px;
}

/* PARAGRAGHS */
.typography p, p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 16px 0;
}

.typography p.emphasize, p.emphasize {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 24px;
}

.typography p.intro, p.intro {
  font-size: 1.5em; /*26px*/
  line-height: 36px;
  font-weight: 300;
  margin-bottom: 16px;
  color: #47a7b1;
  margin: 0 0 32px 0;
}

.typography em, em {
  font-style: italic;
}

.txt-sm {
  font-size: 0.8em;
}

::-moz-selection { /* Applies style to highlighted portion of a page */
  background: #f37129;
  color: #fff;
  text-shadow: none;
}

::selection,
::-moz-selection { /* Applies style to highlighted portion of a page */
  background: #f37129;
  color: #fff;
  text-shadow: none;
}

/* LINKS */
.typography a,
.typography a.intro, a {
  color: #47a7b1;
}

.typography a:hover, a:hover {
  color: #47a7b1;
}

/* LIST STYLES
-------------------------------------------- */
.typography ul,
.typography ol,
.typography dl {
  margin: 0 0 20px 25px;
}

.typography ul li {
  list-style-type: disc;
} /* adds disc style bullet to the list */
.typography li, li {
  margin-bottom: 5px;
}

a:active, a:link {
  outline: none;
}

/* TABLE STYLES
-------------------------------------------- */
.typography table {
  border-collapse: collapse; /* borders are collapsed into a single border when possible */
  border: 1px solid #ffffff;
  border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
  margin: 0 0 10px;
  text-align: left;
}

.typography table tr:nth-child(even) {
  background-color: #525732;
}

.typography table tr.even,
.typography table th,
.typography thead td {
  background-color: #ffffff;
}

.typography table td,
.typography table th {
  padding: 2px 5px;
  border: 1px solid #525732;
  vertical-align: top;
}

.typography table th {
  font-weight: bold;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
  text-align: left;
}

.typography .center {
  text-align: center;
}

.typography .right {
  text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
  border: 5px solid #d7d7d7;
  height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
  background: transparent url(../images/ajax-loader.gif) no-repeat center center;
}

.typography img.left {
  float: left;
  max-width: 50%;
  margin: 5px 20px 10px 0;
}

.typography img.right {
  float: right;
  max-width: 50%; /* Responsive width */
  margin: 5px 0 10px 20px;
}

.typography img.leftAlone {
  float: left;
  margin-right: 100%;
  margin-bottom: 10px;
  clear: both;
}

.typography img.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 10px;
  clear: both;
}

.typography .captionImage {
  width: 100%;
  margin-top: 5px;
}

.typography .captionImage img {
  margin: 0;
}

.typography .captionImage.left {
  float: left;
  margin: 5px 30px 20px 0px;
}

.typography .captionImage.right {
  float: right;
  margin: 5px 0 20px 30px;
}

.typography .captionImage.left[style],
.typography .captionImage.right[style] {
  max-width: 50%; /* Overides core width to make responsive */
}

.typography .captionImage.left img,
.typography .captionImage.right img {
  float: none;
  max-width: none;
  width: 100%;
}

.typography .captionImage.left img {
  margin-right: -10px;
}

.typography .captionImage.right img {
  margin-left: -10px;
}

.typography .captionImage.right p {
  margin-left: -10px;
  text-align: left;
  margin-left: -10px;
}

.typography .captionImage.leftAlone {
  float: none;
  margin: 0 20px 20px 0px;
}

.typography .captionImage.center {
  margin: 0 auto 20px;
}

.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #6e512b;
}

/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #1d1d1e;
  display: block;
  font-style: italic;
  margin: 0 0 20px;
  float: right;
  text-indent: 30px;
  width: 50%;
  margin-left: 5%;
  clear: both;
}

.typography blockquote p {
  font-size: 17px;
  line-height: 25px;
}

.typography pre {
  background: #1d1d1e;
  border: 1px solid #E4E4E4;
  font-family: Courier, monospace;
  margin: 0 0 20px 0;
  padding: 15px;
  clear: both;
}

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 20px;
}

img.right, .typography img.right {
  float: right;
  margin-left: 16px;
}

img.left, .typography img.left {
  float: left;
  margin-right: 16px;
}

.lowercase {
  text-transform: none !important;
}

.light-weight {
  font-weight: 300;
}

span.stat-amount {
  font-size: 36px;
  line-height: 42px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

span.stat-label {
  font-size: 24px;
  font-weight: 300;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: lowercase;
}

.HomePage span.stat-amount {
  font-size: 32px;
}

.HomePage span.stat-label {
  font-size: 19px;
}

.inset-text-shadow {
  /*   text-rendering: optimizeLegibility;*/
  text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636;
}

p.attention-bubble-light {
  padding: 15px;
  background-color: #d9d9d9;
  border-radius: 8px;
  border: 1px solid #1d1d1e;
}

p.attention-bubble-dark {
  padding: 15px;
  background-color: #525732;
  color: white;
  border-radius: 8px;
}

p.attention-bubble-dark.icon {
  background-position: top 10px left 10px;
  padding-left: 82px;
}

p.attention-bubble-dark.icon::before {
  top: 8px;
  left: 24px;
}

p.attention-bubble-dark a {
  color: white;
}

.attention-bubble-dark a, .attention-bubble-dark a:link, .attention-bubble-dark a:visited, .attention-bubble-dark a:focus {
  color: white;
}

/*#content p a{color:currentColor; border-bottom:2px solid #54809e;text-decoration:none;}
#content p a:hover{text-decoration:none;color:#54809e;}
*/
/*
.content p a, .contact-info h3 a{position:relative;color:currentColor;text-decoration:none;}
p.default-program-action a{color:white; }

.content p a:hover, .contact-info h3 a:hover{text-decoration:none;}
.content p a::after, .contact-info h3 a::after{
display:block;
content:"";
width:100%; 
height:3px;
    background: linear-gradient(to left,#54809e 50%, #9f5400 50%);
background-size: 200% 100%;
background-position:right bottom;
    transition: .5s ease-out;
      position: absolute;
          bottom: -1px;
          left:0px;
}
.content p a:hover::after, .contact-info h3 a:hover::after{
    background-position: left;
}
p.default-program-action a::after{display:none;}
*/
.content p a:not(.btn) {
  color: currentColor;
  text-decoration: none;
  background-image: linear-gradient(to right, #9f5400 50%, #54809e 50%);
  /*background-position: 200% 100%;*/
  background-position: left 100% bottom -1px;
  background-repeat: no-repeat;
  background-size: 200% 3px;
  /* transition: background-position .3s;*/
  transition: all 0.3s ease-out;
}

.content p a:not(.btn):hover, .content p a:not(.btn):focus {
  background-size: 200% 3px;
  background-position: right 100% bottom -1px;
  /*color:#9f5400;*/
}

p.default-program-action a {
  color: white;
}

/*p.default-program-action a::after{display:none;}*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 20, 2019, 11:58:57 AM
    Author     : kevin
*/
/* CSS Document */
.navbar {
  padding: 0px !important;
  margin-bottom: 0px;
  margin-right: 200px;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: flex-end;
}

.navbar-nav {
  float: right !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 16px;
  padding-right: 16px;
}

/*.navbar-toggler{background-color:#5e3200; width:36px; border-radius:0px; color:#ffffff;display:none; padding:5px 5px;}*/
.navbar-toggler {
  color: #ffffff;
}

.nav-fixed {
  position: fixed;
  height: 100%;
  left: 0;
  background-color: #f37129;
  z-index: 999;
}

nav.primary li { /*border-bottom:5px solid transparent;*/ /* padding:0 15px;*/
}

nav.primary ul > li {
  position: relative;
}

nav.primary .navbar-nav > li > a {
  display: flex;
  width: 100%;
  height: 100px;
  padding: 15px 15px 15px 15px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: white;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  align-items: center;
  transition: all 0.2s ease-in;
  text-transform: uppercase;
}

nav.primary .navbar-nav > li > a:hover {
  color: white;
}

nav.primary a span {
  display: inline-block;
  width: 100%;
  clear: both;
}

nav.primary a img {
  margin: 12px auto 0 auto;
}

nav.primary a.icon {
  background-repeat: no-repeat;
  background-position: center top 15px;
  background-size: 50px 50px;
}

nav.primary a.section {
  color: white;
}

nav.primary a:hover, nav.primary a.section:hover, nav.primary li.active a {
  color: white;
}

/*nav.primary li a.section img{fill:#ffffff; filter: invert(100%);}
nav.primary li a:hover img{fill:#000000;}
nav.primary li a.section:hover img,  nav.primary ul li.active a img{fill:#000000 !important; filter: invert(0%);}*/
nav.primary ul li.active > a {
  background-color: #f37129;
}

nav.primary a.brand {
  padding: 0px 0;
  height: 54px;
}

nav.primary .brand span {
  display: none;
}

/***************************  DROP DOWN NAV  **************************************/
nav.primary li a:hover {
  background-color: #f37129;
  /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);*/
}

#nav-primary a.section {
  background-color: #f37129;
  color: white;
  /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);*/
}

/*--- DROPDOWN ---*/
nav.primary li ul {
  list-style: none;
  position: absolute;
  /*top:25px;*/ /* Hide off-screen when not needed (this is more accessible than display:none;) */
  /*max-width:100%;*/
  width: 250%;
  max-width: 250%;
  /* border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;*/
  z-index: 9999;
  /*padding-bottom:15px;*/
  left: 50%;
  margin-left: -125%;
  top: 99px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1em);
  transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

nav.primary li ul li {
  /*padding-top:1px;*/ /* Introducing a padding between the li and the a give the illusion spaced items */
  float: none;
  /*margin-left:1px;*/ /* background-color:#ffffff*/
  padding: 0px;
  margin: 0;
  font-size: 14px;
  /* border-bottom:1px solid #d2d1d1;*/
  background: none;
}

nav.primary li ul li.last {
  border-bottom: none;
}

nav.primary li ul li.first {
  padding-top: 10px;
}

nav.primary li ul li.last {
  padding-bottom: 10px;
}

nav.primary li ul {
  padding: 0 0px 0px 0px;
}

nav.primary li ul li a {
  display: block;
  width: 100%;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 4px 16px;
  text-transform: none;
  text-align: center;
  color: white;
}

nav.primary li ul li a:hover {
  background-color: #f37129;
  color: white;
}

nav.primary li:hover ul { /* Display the dropdown on hover */
  top: 99px; /* Bring back on-screen when needed */
  left: 50%;
  margin-left: -125%;
  /*  transition:all 0.05s ease-in-out 0s;*/
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 9999;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
  background-color: rgba(0, 0, 0, 0.6);
}

.nav_main li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
  /*background:#6b0c36;
  text-decoration:underline;*/
  /*background-color:#b0ada5 !important; */
}

.nav_main li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration: none;
  color: #ffffff;
}

.nav_main li:hover ul li a:hover {
  color: white; /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);*/ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  /*background:#333;*/
  /*text-decoration:underline;*/
}

.nav_main li ul li a { /*background-color:#b0ada5 !important;*/
  text-shadow: none;
  text-decoration: none;
  background-image: none !important; /*border-right:3px solid #b0ada5 !important*/
}

.nav_main li ul li a:hover { /*color:#aa232e;*/ /*background-color:#df2027 !important; */ /*text-decoration:none;background-image:none !important;*/
}

/*#nav li:hover>a{background-color: transparent; color:#f21d2f;}*/
.m-home-nav {
  display: none;
}

/*.m-home-nav a{ border-bottom:1px solid $light-background-color;}*/
@media (max-width: 992px) {
  nav.primary .navbar-nav > li > a {
    width: 100%;
    height: 55px; /*background-color:$primary-color;*/
  }
  nav.primary li:hover ul {
    left: unset;
    margin-left: unset;
  }
  #nav-primary a {
    color: white;
  }
  #nav-primary a.section {
    background-position: top 8px left 16px;
  }
  .navbar-nav {
    background-color: rgba(29, 29, 30, 0.9);
  }
  .navbar-nav > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }
  nav.primary a img {
    margin: 0 auto;
  }
  .navbar-toggler:focus {
    box-shadow: 0 0 0 0.1rem;
  }
  .m-home-nav {
    display: block;
  }
  nav.primary li ul {
    visibility: visible;
    position: relative;
    top: unset;
    /*background-color:$primary-color;*/
    opacity: 100;
    box-shadow: unset;
  }
  nav.primary li:hover ul {
    background-color: none;
  }
  nav.primary li ul {
    top: unset;
    transform: unset;
  }
  /*nav.primary  li:hover ul{top:unset;}*/
  #nav-primary a.section {
    background-position: top 12px left 16px;
  }
  nav.primary li ul li a {
    padding: 8px 16px;
  }
  #nav-primary {
    background-color: #f37129;
    position: absolute;
    top: -14px;
    width: 120%;
    left: -36px;
  }
  nav.primary li:hover ul {
    top: unset;
  }
  nav.primary ul li.active > a { /*background-color:$med-background-color;*/ }
  nav.primary li a:hover {
    background-color: none;
  }
  .scroll-nav {
    width: 100%;
    /* height:calc(100% - 100px);*/
    height: 100vh;
    /*    min-height: 768px;*/
    display: block;
    /* margin-top:50px;*/
    /* background-color:green;*/
    position: relative;
    overflow-y: scroll;
  }
  .navbar-nav {
    float: unset !important;
  }
}
/*nav.primary .navbar-nav > li > a{height:42px;}
nav.primary li ul li a{padding:4px $base-padding;}
#nav-primary a.section{background-position:top 6px left 16px;}*/
@media (max-width: 768px) {
  nav.primary .navbar-nav > li > a {
    font-size: 15px;
    padding: 2.5 16px;
    height: 30px;
  }
  #nav-primary a.section {
    background-position: top -2px left 16px;
  }
  nav.primary li ul li {
    font-size: 13px;
  }
  nav.primary li ul li a {
    padding: 3px 16px;
  }
  nav.primary li ul li.first {
    padding-top: 4px;
  }
  nav.primary li ul li.last {
    padding-bottom: 4px;
  }
}
/*@media (max-width: 425px){
    nav.primary li ul li a{padding:$base-padding*.25 $base-padding;}
    nav.primary .navbar-nav > li > a{padding:4px $base-padding; height:$font-size*3;}

    #nav-primary a.section{background-position:top 10px left $base-margin;}
}*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Sep 19, 2022, 4:03:11 PM
    Author     : kevin
*/
#Form_ContactForm {
  margin-top: 32px;
}

#Form_ContactForm label {
  color: white;
}

#Form_ContactForm #NamePhoneEmail label, #Form_ContactForm #CityState label, #Form_ContactForm #CommentGroup label {
  display: none;
}

#Form_ContactForm input[type=text] {
  padding: 8px 24px;
  text-align: center;
  margin: 0 12px 24px 12px;
  background-color: #f37129;
  color: white;
  border: 1px solid white;
  text-align: left;
  border-radius: 4px;
}

#Form_ContactForm input::focus-visible {
  outline: 1px solid #ffffff;
}

#Form_ContactForm input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

#Form_ContactForm input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

#Form_ContactForm select {
  padding: 8px 24px;
  text-align: center;
  margin: 0 12px 24px 12px;
  min-height: 44px;
  min-width: 250px;
}

#Form_ContactForm select:invalid {
  color: rgba(0, 0, 0, 0.5);
}

#Form_ContactForm textarea {
  padding: 8px 24px;
  text-align: center;
  margin: 0 12px 16px 12px;
}

#Form_ContactForm input[type=submit] {
  margin: 0 auto;
  padding: 8px 32px;
}

#Form_ContactForm .middleColumn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#Form_ContactForm .btn-toolbar {
  text-align: center;
  justify-content: center !important;
  padding: 32px 0 32px 0;
}

#Form_ContactForm #CommentGroup .fieldgroup-field {
  width: 100%;
}

#Form_ContactForm #CommentGroup textarea {
  width: 72%;
  min-height: 90px;
}

#Form_ContactForm input[type=checkbox], #Form_ContactForm input.checkbox, #Form_ContactForm .checkboxes input {
  vertical-align: middle;
}

#Form_ContactForm #ContactPreferenceGroup label {
  padding-left: 5px;
}

.form-container h4 {
  text-align: Center;
  color: white;
  text-transform: uppercase;
}

.form-container .action {
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  background-color: white;
  color: #f37129;
  text-transform: uppercase;
  font-weight: normal;
  border-radius: 8px;
  width: 200px;
}

.hide-label label {
  display: none;
}

#Form_ContactForm div.checkboxset > label {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 24px;
  width: 100%;
}

/*#Form_ContactForm ul.checkboxset{column-count:2;} */
#Form_ContactForm_ServiceOptions_Holder {
  background-color: #f37129;
  padding: 16px 32px 32px 32px;
  border: 1px solid white;
  border-radius: 6px;
}

.check-toggle {
  width: 0;
  height: 0;
  visibility: hidden;
}

.check-toggle + label {
  display: block;
  width: 60px;
  height: 30px;
  background-color: #48afd5;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
  box-shadow: 0 0 50px #477a85;
  content: "" !important;
  box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.24);
}

.check-toggle + label::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #f37129;
  position: absolute;
  border-radius: 10px;
  top: 5px;
  left: 5px;
  transition: 0.3s;
  z-index: 2;
}

.check-toggle:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

.check-toggle:checked + label::before {
  display: block;
  /*   content:"Yes";*/
}

/*.check-toggle:checked + label::after{
     display:none;
 }*/
.check-toggle-holder .fieldgroup-field.last {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.check-toggle-holder .fieldgroup-field {
  position: relative;
}

.check-label {
  color: white;
  margin: 0 0 0 5px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  top: 15px;
  right: 27px;
  z-index: 1;
}

.check-label.checked {
  right: 47px;
}

.hide-label label {
  display: none;
}

.quote_results {
  margin: 0 0 32px 0;
}

.quote_results li {
  color: white;
}

.quote_results li.quote-data {
  display: flex;
  justify-content: flex-start;
  align-content: space-between;
  flex-wrap: wrap;
}

.quote_results li label {
  width: 30%;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
}

.quote_results li span {
  width: 60%;
  text-align: left;
}

.quote_results li div.quote-chart {
  width: 60%;
  text-align: left;
}

.quote-chart tr th, .quote-chart tr td {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
}

.quote-chart tr th {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 4px 8px 4px 8px;
  vertical-align: bottom;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.quote-chart tr th:first-of-type, .quote-chart tr td:first-of-type {
  text-align: left;
  padding: 4px 0px 4px 0px;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
}

.quote-chart tr th:last-of-type, .quote-chart tr td:last-of-type {
  border-right: none;
}

.quote-amount {
  font-size: 54px;
  line-height: 54px;
  font-weight: bold;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.8);
  padding: 0 0 16px 0;
  text-align: left;
}

.quote-amount.alert {
  font-size: 28px;
  line-height: 32px;
}

.dollar-sign {
  font-size: 36px;
}

/*   .quote-id{font-size:10px; text-align:left;}*/
@media only screen and (max-width: 979px) {
  /*
  .check-label{left:47px;right:unset;}
  .check-label.checked{
           left:27px;
           right:unset;
     }
    */
}
@media only screen and (max-width: 767px) {
  .quote_results li label {
    width: 100%;
    font-weight: bold;
  }
  .quote_results li span {
    width: 100%;
  }
  .quote_results li div.quote-chart {
    width: 100%;
  }
}
/* Customize the label (the container) */
.custom-checkmark {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkmark input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.custom-checkmark .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid white;
  border-radius: 4px;
  /*background-color: #eee;*/
}

/* On mouse-over, add a grey background color */
.custom-checkmark:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.custom-checkmark input:checked ~ .checkmark {
  background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkmark input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkmark .checkmark:after {
  left: 9px;
  top: 4px;
  width: 8px;
  height: 12px;
  border: solid #f37129;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Mar 17, 2021, 11:22:50 AM
    Author     : kevin
    Reference: https://css-tricks.com/almanac/properties/b/box-shadow/
*/
.ds-smooth {
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  min-height: 200px;
  width: 50vw;
  margin: 100px auto;
  background: white;
  border-radius: 5px;
}

/*==================================================
 * Effect 1
 * ===============================================*/
.ds-default {
  box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.ds-paper {
  position: relative;
}

.ds-paper:before, .ds-paper:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}

.ds-paper:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.ds-left-under {
  position: relative;
}

.ds-left-under:before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.ds-right-under {
  position: relative;
}

.ds-right-under:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.ds-under-angled {
  position: relative;
}

.ds-under-angled:before, .ds-under-angled:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  box-shadow: 0 35px 20px #777;
  transform: rotate(-8deg);
}

.ds-under-angled:after {
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.ds-default-dark {
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.ds-default-dark:before, .ds-default-dark:after {
  content: "";
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  border-radius: 100px/10px;
}

.ds-default-dark:after {
  right: 10px;
  left: auto;
  transform: skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.ds-top-bottom {
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.ds-top-bottom:before, .ds-top-bottom:after {
  content: "";
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  border-radius: 100px/10px;
}

.ds-top-bottom:after {
  right: 10px;
  left: auto;
  transform: skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.ds-left-right {
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.ds-left-right:before, .ds-left-right:after {
  content: "";
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 0;
  border-radius: 100px/10px;
}

.ds-left-right:after {
  right: 10px;
  left: auto;
  transform: skew(8deg) rotate(3deg);
}

.shadow-bottom {
  box-shadow: 0 16px 8px -8px rgba(0, 0, 0, 0.6);
}

.shadow-bottom-small {
  box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.6);
}

body.preload * {
  animation-duration: 0s !important;
  -webkit-animation-duration: 0s !important;
  transition: background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important;
}

#cover-spin {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* background-color: rgba(255,255,255,0.7);*/
  z-index: 9999;
  display: block;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#cover-spin::after {
  content: "";
  display: block;
  position: absolute;
  left: 48%;
  top: 40%;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-color: #f37129;
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.slideLeft {
  animation-duration: 3s;
  animation-name: slideBlockLeft;
}

@keyframes slideBlockLeft {
  from {
    margin-left: 100%;
    width: 300%;
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}
.cycle-slide-active > .hero-content {
  animation: ease-out 1s moveLeft;
}

.cycle-slide-active > .hero-content.content-right {
  animation: ease-out 1s moveRight;
}

.phrase-stacked-animate {
  /*  animation: crushTopText 2s, crushBottomText 2s;*/
}

.phrase-stacked-animate.animate .top-phrase {
  display: inline-block;
  animation: moveDown 1s, fadeIn 1s;
}

.phrase-stacked-animate.animate .bottom-phrase {
  display: inline-block;
  animation: moveUp 1s, fadeIn 1s;
}

.promo .promo-image, .promo .promo-main {
  /*-webkit-animation:fadeOut 1s;
  animation:fadeOut 1s;*/
  visibility: hidden;
}

.promo.animate .promo-image, .promo.animate .promo-main {
  visibility: visible !important;
}

.promo.even.animate .promo-image {
  animation: moveLeft 1s;
}

.promo.even.animate .promo-main {
  /* -webkit-animation:fadeOut .2s, moveRight 1s, fadeInPartial .2s;
   animation:fadeOut .2s, moveRight 1s, fadeInPartial 2s;*/
  /*   -webkit-animation:4s moveRight 4s;
  animation:4s moveRight 4s;*/
}

.promo.odd.animate .promo-image {
  animation: moveRight 1s;
}

.promo.odd.animate .promo-main {
  /* -webkit-animation:4s moveLeft 4s;
   animation:4s moveLeft 4s;*/
}

.promo .promo-main .read-more {
  display: inline-block;
}

/* @keyframes duration | easing-function | delay | name */
.promo.odd.animate .promo-main h2 {
  animation: ease-out 300ms moveLeft;
}
@media (max-width: 768px) {
  .promo.odd.animate .promo-main h2 {
    animation-name: moveRight;
  }
}

.promo.odd.animate .promo-main p {
  animation: ease-out 600ms moveLeft;
}
@media (max-width: 768px) {
  .promo.odd.animate .promo-main p {
    animation-name: moveRight;
  }
}

.promo.odd.animate .promo-main .read-more {
  animation: ease-out 900ms moveLeft;
  animation-name: moveRight;
}
.promo.even.animate .promo-main h2 {
  animation: ease-out 300ms moveRight;
}

.promo.even.animate .promo-main p {
  animation: ease-out 600ms moveRight;
}

.promo.even.animate .promo-main .read-more {
  animation: ease-out 900ms moveRight;
}

@media (max-width: 768px) {
  .promo.odd.animate .promo-image {
    animation: moveLeft 1s;
  }
  .promo.odd.animate .promo-main {
    /*    -webkit-animation:fadeOut .2s, moveRight 1s, fadeInPartial .2s;
        animation:fadeOut .2s, moveRight 1s, fadeInPartial 2s;*/
  }
}
/**  DIRECTIONAL MOVEMENT **/
/**  moveUp **/
@keyframes moveUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
  from {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0px);
  }
}
/**  MoveDown **/
@keyframes moveDown {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
  from {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0px);
  }
}
/**  moveRight **/
@keyframes moveRight {
  0% {
    opacity: 0;
    transform: translateX(200vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
/**  moveLeft **/
@keyframes moveLeft {
  0% {
    opacity: 0;
    transform: translateX(-200vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
/**  FadeIn and FadeOut **/
@keyframes fadeInPartial {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/********* CONTENT SWINGS ************/
.content-swings .content-item .content-swing {
  /*visibility: hidden;*/
}

.content-swings .content-item:hover .content-swing {
  /*visibility:visible;*/
  height: 90%;
  /* -webkit-animation: 500ms swingUp;
    animation:500ms swingUp;*/
}

/**  moveLeft **/
@keyframes swingUp {
  0% {
    opacity: 1;
    height: 84px;
  }
  100% {
    opacity: 1;
    height: 90%;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : December 17, 2021, 4:39:39 PM
    Author     : Kevin Ulrich
*/
body, html {
  height: 100%;
  max-height: 100%; /*overflow:hidden;*/
}

html {
  scroll-behavior: smooth;
}

/*
Dark Blue: #1c305e;
Light Blue: #1992d1;
Orange Header: ffa00a
*/
.scroll-pane-container {
  position: relative;
}

.scroll-pane {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  /*overflow: auto;*/
}

#header {
  width: 100%;
  height: 100px;
  /*height:10%;*/
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
  padding: 0px 16px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  /*background:$dark-background-color;*/
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999999;
  padding-left: 8.3333vw;
  transition: all 0.2s ease-out;
}

#header.scrolled {
  background: #1d1d1e;
}

.contact-action {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  background-color: #f37129;
  padding: 0 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}

.contact-action i {
  margin-right: 8px;
}

.contact-action a {
  color: #ffffff;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding: 0 0;
  transition: all ease-out 0.3s;
}

.contact-action a:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.6);
}

.contact-action .contact-phone {
  font-size: 26px;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
}

.contact-action .contact-email {
  font-size: 15px;
  margin-top: 0px;
}

.logo {
  width: 300px;
  height: 85px;
}

.logo span {
  display: none;
}

.main {
  padding-top: 0;
  /*    overflow-y: scroll;
  scroll-behavior: smooth;
  height:calc(100%-100px);*/
}

.content-main {
  padding-top: 32px;
  padding-bottom: 64px;
}

.content-main ul {
  margin-left: 2.5em;
  margin-bottom: 1.5em;
}

.content-main ol {
  margin-left: 2.5em;
  margin-bottom: 1.5em;
}

.content-main ol ul {
  margin-left: 1em;
}

.content-main ol li::marker {
  font-size: 1.3em;
  color: #f37129;
  font-weight: bold;
}

.content-main ol > li {
  padding-left: 1em;
  margin-bottom: 16px;
}

.content-main ul li {
  list-style-type: none;
  position: relative;
}

.content-main ul li::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: -1em;
  top: 0.6em;
  background-color: #47a7b1;
}

.content-main h3.banner {
  width: 110%;
  border: 1px solid #f37129;
  padding: 16px 24px;
  border-radius: 4px;
  margin-left: -25px;
}

.accordion h3 {
  margin: 48px 0 16px 0;
}

.accordion h3:first-of-type {
  margin-top: 0px;
}

.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

#hero {
  width: 100%;
  background: no-repeat url("../images/bg-hero.jpg");
  background-size: cover;
  background-position: bottom center;
  min-height: 675px;
  max-height: 675px;
  overflow: hidden;
}

.hero-slideshow {
  min-height: 675px;
  max-height: 675px;
}

.hero {
  padding: 0 0;
  width: 100%;
  min-height: 675px;
  max-height: 675px;
  background-position: bottom center;
  background-size: cover;
}

.hero-interior {
  width: 100%;
  min-height: 200px;
  padding: 48px 0;
}

.hero-content { /*background:rgba(255,255,255,.9);*/
  /*padding:$base-padding*2 $base-padding*2;*/
  /*  display:none;*/
  opacity: 0;
  transition: opacity 500ms;
}

.cycle-slide-active .hero-content {
  /*  display:block;*/
  opacity: 1;
}

#hero-default {
  height: 675px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}

.hero-content.default h1 {
  font-size: 48px;
  line-height: 60px;
  font-weight: 300;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  background: unset !important;
}

.hero-content.default h1 .emphasize {
  font-size: 60px;
  font-weight: bold;
}

.hero-content {
  position: absolute;
  top: 30%;
  left: 10vw;
  width: 50vw;
  max-width: 600px;
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom: 4px solid #f37129;
  transition: all 0.2s ease-out;
}

/*#hero:hover .hero-content {margin-right:50px;}*/
.hero-content.default {
  width: 90vw;
  position: absolute;
  bottom: 10%;
  max-width: unset;
  top: unset;
  left: unset !important;
  background-color: transparent;
  border-bottom: none;
  transition: none;
}

.hero-content.content-right {
  left: unset;
  right: 10vw;
}

.hero-content.content-right.hero-lower {
  top: unset;
  bottom: 10%;
}

h1 span {
  transition: all 0.2s ease-out;
}

/*
.hero-content {left:150vw;}
.hero-content.content-right{left:unset;right:150vw;}
.hero:hover .hero-content{left:10vw;}
.hero:hover .hero-content.content-right{left:unset;right:10vw;}
*/
.hero-content h2 {
  width: 100%;
  height: 84px;
  line-height: 48px;
  font-weight: 600;
  padding: 32px 32px 8px 64px;
  text-transform: uppercase;
  color: #ffffff;
  vertical-align: baseline;
  background-color: #1d1d1e;
  margin: 0 0 16px 0;
  background-image: url("../images/bg-s-curve.png");
  background-position: top left;
  background-repeat: no-repeat;
}

.hero-content h2 a {
  color: #ffffff;
  text-decoration: none;
}

.hero-content h2 span {
  color: #f37129;
}

.hero-content p {
  color: #ffffff;
  margin-left: 64px;
  margin-right: 64px;
}

.hero-content p a {
  color: #ffffff;
}

.hero-content p:last-of-type {
  text-transform: uppercase;
  margin-top: 16px;
}

.hero-content p:last-of-type a {
  text-decoration: none;
  font-weight: 600;
  background: no-repeat url("../images/arw-rt-brand.png");
  background-position: center right 32px;
  padding-right: 64px;
  transition: all 0.2s ease-out;
}

.hero-content p:last-of-type a:hover {
  background-position: center right 24px;
}

.hero-content p:last-of-type a:hover {
  color: #f37129;
}

.hero .col {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ml-2 {
  margin-left: 32px;
}

#home-actions p, #home-actions h3 {
  color: #ffffff;
}

a.btn, .action {
  background-color: #7c920f;
  border: 1px solid white;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 4px;
  float: unset;
  transition: all 0.2s ease-out;
}

a.btn:after {
  display: none;
}

.action {
  color: #ffffff;
}

a.btn:hover, .action:hover {
  background-color: #48afd5;
  color: #ffffff;
}

#hero .btn {
  color: #ffffff;
  background-color: #47a7b1;
  padding-left: 32px;
  padding-right: 32px;
}

#hero .btn:hover {
  background-color: #f37129;
}

.interior h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #002b5f;
  border-bottom: 1px solid #b7b7b7;
  margin: 0 auto 32px 0;
}

.image-right {
  margin-bottom: 32px;
  margin-left: 32px;
}

.modal-dialog {
  max-width: 800px;
}

.modal-header h5 {
  font-size: 20px;
  line-height: 24px;
  color: #002b5f;
  text-transform: unset;
}

.modal-body p {
  text-align: left;
}

.modal-footer {
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: left;
}

.modal-footer button {
  max-width: 100px;
  margin: 0;
}

#main {
  width: 100%;
  /*height:90%;
  min-height:200px;*/
}

.main { /*padding:48px 0;*/ }

.page-header {
  background-color: #a04212;
  min-height: 360px;
  background-image: url("../images/bg-hero-interior.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 330px;
  display: flex;
  justify-content: center;
  align-content: center;
  padding-top: 130px;
}

.page-header h1 {
  font-size: 48px;
  color: #ffffff;
  font-weight: 300;
  position: relative;
  padding-left: 60px;
}

.page-header h1::before {
  width: 100%;
  height: 100%;
  height: 42px;
  width: 42px;
  border-color: white;
  border-width: 6px;
  border-style: solid;
  border-radius: 50%;
  display: inline-block;
  content: "";
  left: 0px;
  position: absolute;
  top: 10px;
  /*left:-70px;*/
}

.page-nav li {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0 0 2px 0;
  font-weight: bold;
  position: relative;
}

.page-nav li:last-of-type {
  margin: 0;
}

.page-nav li a {
  color: #ffffff;
  text-decoration: none;
  transition: all 600ms;
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  padding: 1px 0 2px 0;
}

.page-nav li a:not(.section):hover {
  background-color: #47a7b1;
  text-decoration: none;
  padding-left: 16px;
}

/*.page-nav li a:hover{color:$brand-color; text-decoration:underline;}*/
.page-nav li a:hover::before, .page-nav li a.section::before {
  height: 16px;
  width: 16px;
  border: 2px solid white;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  content: "";
  left: 0px;
  position: absolute;
  top: 6px;
  left: -28px;
}

.page-nav li a.section::before {
  height: 18px;
  width: 18px;
  left: -29px;
  background-color: #47a7b1;
}

/**************** CONTENT  ***************/
.content-main h2 {
  position: relative;
  padding-left: 60px;
  margin: 0 0 48px 0;
}

.page-procurement-consulting .content-main .row:first-of-type h2:first-of-type,
.page-savings-target-sourcing .content-main .row:first-of-type h2:first-of-type,
.page-cost-driver-identification .content-main .row:first-of-type h2:first-of-type,
.page-kitting-and-assembly .content-main .row:first-of-type h2:first-of-type,
.page-supply-chain-analysis .content-main .row:first-of-type h2:first-of-type {
  margin: 17px 0 48px 0;
}

.content-main h2::before {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #47a7b1;
  content: "";
  position: absolute;
  top: 0px;
  left: 10px; /*visibility:hidden;transition:all ease-in-out 100ms;*/
}

.content-main .row {
  padding-top: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.content-main .row:first-of-type {
  padding-top: none;
}

.content-main .row:last-of-type {
  border-bottom: none;
}

/*.content-main .row.inviewer h2::before{top:0px;left:10px;visibility:visible}*/
/*.content-main .row.inviewer{border-top:1px solid rgba(0,0,0,.2 );border-bottom:1px solid rgba(0,0,0,.2 );}*/
.content-main h2 + p > img {
  max-width: 90%;
  margin-left: 5px;
}

.panel {
  padding: 32px 16px;
  border-radius: unset !important;
  border: none;
}

.panel.dark-bg {
  background-color: #1d1d1e;
}

.panel.light-bg {
  background-color: #48afd5;
}

.panel.light-bg h2, .panel.light-bg h5, .panel.dark-bg h2, .panel.dark-bg h5 {
  color: #ffffff;
}

.panel.light-bg p {
  color: #ffffff;
}

.panel.light-bg p a {
  color: #ffffff;
}

.panel.light-bg p a:hover {
  color: #f37129;
}

.panel.dark-bg a {
  color: #ffffff;
}

.panel.dark-bg p {
  color: #ffffff;
}

.panel.dark-bg p a:hover {
  color: #d3cb5a;
}

.panel.dark-bg p a.btn:hover {
  color: #ffffff;
}

#home-business {
  width: 75%;
  margin: 0 auto;
}

#home-business::after {
  display: block;
}

#home-business p, #home-business h1 {
  margin: 0;
  text-align: center;
  font-size: 26px;
  line-height: 32px;
  color: #ffffff;
  text-transform: unset;
}

#footer {
  width: 100%;
  text-align: center;
  background-color: #1d1d1e;
  padding: 48px 32px 16px 32px;
}

#footer p {
  font-size: 0.9em;
  color: #ffffff;
  margin: 0px auto;
}

.footer-icons {
  display: flex;
  justify-content: space-around;
  max-width: 360px;
}

.footer-icons .left {
  max-width: 140px;
  text-align: center;
}

.footer-icons .right {
  text-align: center;
  padding: 0 16px;
}

.banner {
  padding: 32px 64px;
  border: 2px solid #f37129;
  border-radius: 48px;
}

.banner-dark {
  background-color: #f37129;
}

.banner-dark h4, .banner-dark p {
  color: #ffffff;
}

.banner-dark blockquote {
  padding: 0 16px;
}

.banner-dark .citation {
  padding: 0 16px;
}

.banner-dark p {
  color: rgba(255, 255, 255, 0.5);
  transition: color 1s, transform 1s;
}

.banner-dark p, .banner-dark p {
  transform: scale(0.95, 0.95);
  font-size: 18px;
}

.banner-dark p:hover, .banner-dark p.animate {
  color: rgb(255, 255, 255);
  /*font-size:17px;*/
  transform: scale(1, 1);
}

.banner-dark h4 {
  border-bottom: 1px solid #ffffff;
  margin-bottom: 24px;
  padding-bottom: 4px;
}

.banner-spotlight {
  width: 100%;
  height: 100%;
  max-width: 350px;
  position: relative;
  border: none;
  text-align: center;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  margin: 0 0 48px 0;
}

.banner-spotlight h5 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 48px 0;
  width: 100%;
}

.banner-spotlight h5 a {
  color: #ffffff;
  text-decoration: none;
}

.banner-spotlight h5 a:hover {
  text-decoration: none;
}

.banner-spotlight h6 {
  color: #ffffff;
  position: relative;
  font-weight: 300;
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
  margin: 16px 0 16px 0;
  display: inline-block;
  padding-left: 40px;
}

.banner-spotlight h6::before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  border: 4px solid #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 0;
}

.banner-spotlight p {
  width: 100%;
}

.banner-spotlight .btn {
  font-weight: 600;
  color: #ffffff;
  padding: 8px 32px;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  background-color: transparent;
}

.banner-spotlight .banner-content {
  width: 80%;
  height: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.banner-spotlight::before {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: -100vw;
  margin-left: -50%;
  content: "";
  border-radius: 50%;
  background-color: #f37129;
  transition: all ease-out 500ms;
}

.banner-spotlight:hover::before, .banner-spotlight.animate::before {
  left: 50%;
}

.banners {
  width: 100%;
  padding-top: 320px;
}

.banner-thankyou {
  padding: 24px 16px 16px 32px;
  border-color: #47a7b1;
  border-radius: 8px;
  margin-bottom: 32px;
}

.banner-thankyou p {
  color: #47a7b1;
  font-size: 20px;
  line-height: 28px;
}

.bnr-photo {
  float: left;
  width: 40%;
  margin-right: 32px;
}

.bnr-content {
  float: left;
  width: 55%;
}

.bnr-content .btn-phone {
  float: right;
}

.btn-phone {
  display: block;
  height: 30px;
  padding-left: 30px;
  background: no-repeat url("../images/icn-phone.png");
  background-position: top left;
  text-decoration: none;
  color: #1d1d1e;
  font-size: 14px;
  line-height: 26px;
}

#promo {
  padding: 48px 0;
  max-width: 1040px;
  margin: 0 auto;
  position: relative;
}

#promo::before {
  display: block;
  width: 0;
  height: 0;
  border-left: 3vw solid transparent;
  border-right: 3vw solid transparent;
  border-top: 1.75vw solid #1d1d1e;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -3vw;
  top: 0;
}

#promo h4 {
  text-align: center;
  text-transform: uppercase;
  color: #1d1d1e;
  margin-bottom: 48px;
}

.promo {
  width: 100%;
  margin: 48px auto;
  min-width: 1px;
  min-height: 1px; /*border:1px solid #000*/
}

.promo .read-more {
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background: no-repeat url("../images/arw-rt-brand.png");
  background-position: center right 8px;
  padding-right: 40px;
  transition: all 0.2s ease-out;
}

.promo .read-more:hover {
  background-position: center right 0px;
}

.promo:hover .read-more {
  background-position: center right 0px;
}

/*.read-more::after{display:block;width:26px;height:26px; content:""; background:no-repeat url('../images/arw-rt-brand.png');background-position:center right}*/
.promo h2 {
  font-weight: bold;
}

.promo h2 a {
  text-decoration: none;
  color: #f37129;
  position: relative;
  display: inline-block;
}

.promo h2 a::after {
  background-color: none;
  height: 2px;
  width: 100%;
  content: "";
  position: absolute;
  bottom: -3px;
  left: -30%;
  transition: all 0.2s ease-in-out;
  /* transition-duration: 0.75s;*/
  opacity: 0;
}

.promo h2 a:hover {
  text-decoration: none;
  color: #47a7b1;
  border-color: #47a7b1;
}

.promo h2 a:hover::after {
  background-color: #47a7b1;
  left: 0;
  opacity: 1;
}

.promo-main {
  width: 48%;
  max-width: 480px;
  order: 1;
  border-bottom: 1px solid #f37129;
  padding: 0 16px 32px 16px;
  margin: 0 0 32px 0;
}

.promo.odd .promo-main {
  text-align: right;
}

.promo-image {
  width: 48%;
  max-width: 315px;
  order: 2;
  text-align: center;
  padding: 0 0;
}

.promo-image img {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
  background-color: #f37129;
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
}

.promo-image {
  position: relative;
}

.promo-image::before {
  display: block;
  mix-blend-mode: multiply;
  width: 100%;
  aspect-ratio: 1/1;
  content: "";
  background-color: #f37129;
  border-radius: 50%;
  position: absolute;
  transition: background-color 1s;
}

.promo-image::after {
  display: block;
  mix-blend-mode: color;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  content: "";
  background-color: #f37129;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.promo.even .promo-image {
  float: left;
}

.promo:hover .promo-image::before, .promo:hover .promo-image::after {
  mix-blend-mode: normal;
  background-color: #ffffff;
}

.promo:hover .promo-image::after {
  display: none;
}

.promo.even .promo-main {
  order: 2;
}

.promo.even .promo-image {
  order: 1;
}

.promo > div.d-flex {
  align-items: center;
}

.form-container {
  padding: 48px 0;
  background-image: url("../images/bg-contact.jpg");
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: top center;
  background-color: #fb5e0f; /* background-attachment: fixed;*/
}

.form-container h3 {
  color: #ffffff;
  text-align: center;
}

.form-container p {
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  margin: 0 0 48px 0;
}

.nav-directory {
  padding: 0 0 48px 0;
}

.nav-directory h6 {
  color: #f37129;
  text-transform: uppercase;
  font-size: 16px;
}

.nav-directory h6 a {
  color: #f37129;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  transition: all 800ms;
  padding: 2px 2px 3px 2px;
}

.nav-directory h6 a:hover { /*text-decoration:underline;*/
  background-color: #f37129;
  color: white;
  padding-left: 16px;
  text-decoration: none;
}

.nav-directory > ul {
  -moz-column-count: 3;
       column-count: 3;
}

.nav-directory ul li {
  text-align: left;
  font-size: 14px;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}

.nav-directory ul li:hover > h6 > a {
  background-color: #f37129;
  color: white;
  padding-left: 16px;
  text-decoration: none;
}

.nav-directory ul li ul li a {
  display: inline-block;
  width: 100%;
  padding: 2px 2px;
  color: #ffffff;
  text-decoration: none;
  border-radius: 4px;
  transition: all 800ms;
}

.nav-directory p {
  color: #ffffff;
  font-size: 14px;
}

.nav-directory ul li ul li a:hover {
  background-color: #47a7b1;
  padding-left: 16px;
}

.nav-directory p a {
  color: #ffffff;
  text-decoration: none;
}

.nav-directory p a:hover {
  color: #f37129;
  text-decoration: underline;
}

#footer .credits {
  font-size: 11px;
}

#footer .credits a {
  color: #ffffff;
  text-decoration: none;
}

#footer .credits a:hover {
  color: #f37129;
  text-decoration: underline;
}

.justify-content-space-evenly {
  justify-content: space-evenly;
}

.BlockPage .content-main .content-block {
  padding: 48px 0;
}

.BlockPage .content-block.even {
  background-color: #f37129;
}

.BlockPage .content-block.even h2 {
  color: #ffffff;
}

.BlockPage .content-block.even h2::before {
  background-color: #ffffff;
}

.BlockPage .content-block.even p {
  color: #ffffff;
}

.BlockPage .content-block.even li {
  color: #ffffff;
  margin: 0 0 8px 0;
}

.BlockPage .content-block.even ul li::before {
  background-color: #ffffff;
}

.BlockPage .content-block.even a {
  color: #ffffff;
}

.BlockPage .content-block.even a:hover {
  text-decoration: underline;
  color: #1d1d1e;
}

.page-success-stories .page-anchors {
  display: none;
}

.BlockCubePage .content-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 48px 0;
}

.ci-featured-image {
  width: 38%;
  position: relative;
  min-height: 220px;
  max-height: 220px;
  overflow: hidden;
}

.ci-featured-image img {
  width: 100%;
  height: auto;
}

.ci-content {
  width: 58%;
}

.ci-content .read-more {
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background: no-repeat url("../images/arw-rt-brand.png");
  background-position: center right 8px;
  padding-right: 40px;
  transition: all 0.2s ease-out;
}

.ci-content .read-more:hover {
  background-position: center right 0px;
}

/*.ci-content:hover .read-more{background-position:center right 0px;}*/
/* success-stories */
.content-swings {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 450px;
  background-color: #1d1d1e;
}

.content-swings h2 {
  color: #f37129;
  padding: 32px 0 16px 0;
}

.content-swings .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

.content-swings .content-block-items {
  display: flex;
  align-items: stretch;
}

.content-swings h2 {
  text-align: center;
}

.content-swings .content-block-items .content-item {
  width: 33.33%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-color: #1d1d1e;
  background-blend-mode: luminosity;
  padding-bottom: 32px;
  position: relative;
  min-height: 480px;
  background-size: cover;
  background-repeat: no-repeat;
}

.content-swings .content-item > h3 {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding-top: 8px;
  position: absolute;
  bottom: 32px;
  display: none;
}

.content-swing {
  width: 90%;
  height: 84px;
  padding: 0;
  border: 1px solid transparent;
  border-top: 1px solid #ffffff;
  background-color: rgba(0, 0, 0, 0.6);
  position: relative;
  padding-bottom: 48px;
  overflow: hidden;
  align-self: flex-end;
  flex-direction: column;
  transition: 0.5s height;
  filter: unset;
}

.content-swing h3 {
  width: 100%;
  min-height: 84px;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: 600;
  padding: 32px 32px 8px 64px;
  text-transform: uppercase;
  color: #ffffff;
  vertical-align: baseline;
  margin: 0 0 16px 0;
  background-position: top left;
  background-repeat: no-repeat;
  background-color: transparent;
}

.content-swings .content-item:hover .content-swing {
  border: 1px solid #f37129;
  height: 90%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content-swings .content-item:hover .content-swing h3 {
  background-image: url("../images/bg-s-curve.png");
  background-color: #1d1d1e;
}

.content-swings .content-item:hover { /*background-blend-mode:normal;*/ }

.content-item .video-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
}

.content-item .video-bg video {
  position: absolute;
  top: 0;
  width: 100%;
  filter: grayscale(100%);
  -o-object-fit: cover;
     object-fit: cover;
}

.content-swing h3 a {
  color: #ffffff;
  text-decoration: none;
}

.content-swing h3 span {
  color: #f37129;
}

.content-swing p {
  color: #ffffff;
  margin-left: 32px;
  margin-right: 32px;
  font-size: 14px;
}

.content-swing p:first-of-type {
  text-align: center;
  font-size: 16px;
}

.content-swing p a {
  color: #ffffff;
}

.content-swing p:last-of-type {
  text-transform: uppercase;
  margin-top: 48px;
  text-align: center;
}

.content-swing p:last-of-type a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  background-color: rgba(243, 113, 41, 0.6);
  border: 2px solid #f37129;
  border-radius: 4px;
  padding: 16px 48px;
  margin: 0 auto; /*position:absolute; bottom:32px;/*background:no-repeat url('../images/arw-rt-brand.png');background-position:center right 32px;*/ /* padding-right:64px;*/
  transition: background-color 0.2s;
}

.content-swing p:last-of-type a:hover {
  background-position: center right 24px;
  background-color: rgb(243, 113, 41); /* */
}

.hero-content p:last-of-type a:hover {
  color: #f37129;
}

nav.secondary .arrow {
  display: none;
}

.social-icons {
  width: 100%;
  display: block;
}

.social-icons ul {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: flex-start;
}

.social-icons ul li {
  display: block;
  width: 24px;
  margin: 0 4px;
}

.social-icons ul li a {
  display: block;
  width: 24px;
  height: 24px;
}

.fa-brands {
  font-size: 24px;
}

.fa-brands:hover {
  color: #f37129;
}

/* CSS Document */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Mar 16, 2023, 12:14:53 PM
    Author     : kevin
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 20, 2019, 11:58:19 AM
    Author     : Kevin Ulrich
*/
/* CSS Document */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 20, 2019, 12:05:27 PM
    Author     : Kevin Ulrich
*/
/*Orange*/
/*Light Blue*/
/*Orange*/
/*Light Green*/
/*Orange Brown */
/*Light Brown*/
/*Orange*/
/* Green for Buttons & Headers */
/* 88% black */
/*Blue*/
/*20% black*/
/*brown*/
/*88% black*/
/* light brown*/
/* white */
/*light brown / section blocks / form fields */
/*Dark Green */
/*88% black*/
/*Med Blue*/
/*Dark Blue*/
/* Brand Orange*/
/*Blue*/ /*rgb(239,135,33,.11);*/
/*Light Blue*/
/*Bright Green*/
/* Orange rgba(217,139,63,.8)*/
/* SOCIAL COLORS */
/* FONT AWESOME */
@media (max-width: 992px) {
  .content-main {
    padding-top: 16px;
    padding-bottom: 32px;
  }
  .navbar {
    margin-right: 0px;
    justify-content: flex-start;
  }
  .brand {
    margin-left: 8px;
  }
  .brand img {
    width: 70%;
    height: auto;
    max-width: 367px;
  }
  #header {
    padding: 0px 0px;
    padding-left: 0px;
    height: 65px;
  }
  .nav-mobile {
    width: 100%;
    padding: 16px 16px 0 16px;
    display: flex;
    align-items: flex-start;
  }
  nav.primary li ul {
    width: 100%;
    left: unset;
    margin-left: unset;
  }
  nav.primary li ul li a {
    text-align: left;
  }
  .page-header {
    padding-top: 112px;
  }
  .page-header h1 {
    font-size: 36px;
    margin: 0 0 16px 0;
    padding-left: 58px;
  }
  .page-header h1::before {
    width: 36px;
    height: 36px;
    border-width: 7.2px;
    top: 5px;
    left: 7px;
  }
  .page-nav li {
    font-size: 14px;
  }
  .promo-image {
    max-width: 260px;
  }
  .content-swings .content-block-items {
    flex-wrap: wrap;
  }
  .content-swings .content-block-items .content-item {
    width: 50%;
  }
  .nav-directory > ul {
    -moz-column-count: 2;
         column-count: 2;
  }
  .nav-directory > ul ul {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 992px) and (orientation: landscape) {
  .hero-content {
    width: 100vw;
    left: 5vw;
    top: 15%;
  }
  .hero-content.content-right {
    right: unset;
    left: 5vw;
    top: 15%;
  }
  .hero-content.default h1 {
    font-size: 1.6em;
    line-height: 1.7em;
  }
  .hero-content.default h1 .emphasize {
    font-size: 1.7em;
  }
  .hero-content.default {
    bottom: unset;
    top: 15%;
  }
  .hero-content.content-right.hero-lower {
    bottom: unset;
    top: 15%;
  }
}
@media (max-width: 768px) {
  #header {
    height: 100px;
    padding-top: 32px;
  }
  .content-main {
    padding-top: 0;
    padding-bottom: 32px;
  }
  .content-main .row {
    padding-top: 32px;
  }
  .page-header h1 {
    font-size: 24px;
    margin: 0 0 16px 0;
  }
  .page-header h1::before {
    width: 24px;
    height: 24px;
    border-width: 5px;
    top: 3px;
    left: 12px;
  }
  .page-nav {
    margin-left: 60px;
  }
  .page-nav li {
    margin: 0 0 0px 0;
  }
  .contact-action {
    width: 100%;
    top: 0px;
    height: 32px;
  }
  .contact-action .contact-phone {
    font-size: 14px;
    border-bottom: none;
    padding-right: 8px;
    border-right: 1px solid #ffffff;
    padding-bottom: 0px;
  }
  .contact-action .contact-email {
    font-size: 14px;
    padding-left: 8px;
    padding-top: 0px;
  }
  .hero-content {
    width: 90vw;
    left: 5vw;
  }
  .hero-content.content-right {
    right: unset;
    left: 5vw;
  }
  .hero-content.default h1 {
    font-size: 1.6em;
    line-height: 1.7em;
  }
  .hero-content.default h1 .emphasize {
    font-size: 1.7em;
  }
  .hero-content h2 {
    font-size: 24px;
    line-height: 1.2em;
  }
  .promo {
    width: 100%;
  }
  .promo-main {
    width: 100%;
    order: 2;
  }
  .promo-image {
    width: 100%;
    max-width: 150px;
    min-width: 150px;
    order: 1;
    margin-right: 24px;
  }
  .promo.odd .promo-main {
    text-align: left;
  }
  .promo.even .promo-main {
    order: 2;
  }
  .promo.even .promo-image {
    order: 1;
  }
  .promo h2 {
    font-size: 24px;
  }
  .promo p {
    font-size: 14px;
  }
  .promo > div.d-flex {
    align-items: flex-start !important;
  }
  #home-business {
    width: 91.6667%;
  }
  #home-business p {
    font-size: 18px;
    line-height: 1.4em;
  }
  .content-swings .content-block-items .content-item {
    width: 100%;
  }
  .content-swings .content-item:hover .content-swing {
    justify-content: normal;
  }
  .banners {
    display: none;
  }
  .hero-content p {
    margin-right: 32px;
  }
  #promo::before {
    border-left: 10vw solid transparent;
    border-right: 10vw solid transparent;
    border-top: 5vw solid #1d1d1e;
    margin-left: -10vw;
  }
  .banner.banner-dark {
    padding: 16px 24px;
    border-radius: 32px;
    width: 93%;
    margin: 0 auto;
  }
  .banner-dark h4 {
    font-size: 24px;
  }
  .banner-dark p {
    font-size: 16px;
    line-height: 1.4em;
  }
  .content-main h2 {
    margin: 16px 0 32px 0;
  }
  .page-procurement-consulting .content-main .row:first-of-type h2:first-of-type, .page-savings-target-sourcing .content-main .row:first-of-type h2:first-of-type, .page-cost-driver-identification .content-main .row:first-of-type h2:first-of-type, .page-kitting-and-assembly .content-main .row:first-of-type h2:first-of-type, .page-supply-chain-analysis .content-main .row:first-of-type h2:first-of-type {
    margin: 16px 0 32px 0;
  }
}
/*@media (min-width: 768px){ .promo-details .btn{font-size:16px;}}*/
@media (max-width: 425px) {
  .hero-content.default h1 {
    font-size: 1.3em;
    line-height: 1.6em;
  }
  .hero-content.default h1 .emphasize {
    font-size: 1.6em;
  }
  .hero-content {
    top: 20%;
  }
  .hero-content h2 {
    font-size: 20px;
    line-height: 1.1em;
  }
  .promo-image {
    max-width: 96px;
    min-width: 96px;
    margin-right: 16px;
  }
  .promo-main {
    padding-right: 0px;
  }
  .nav-directory > ul {
    -moz-column-count: unset;
         column-count: unset;
  }
  .nav-directory > ul ul {
    margin-bottom: 16px;
  }
  .typography p, p, .content-main li {
    font-size: 14px;
    line-height: 22px;
  }
  .typography h2, h2 {
    font-size: 1.3em;
    line-height: 1.1em;
  }
  .content-main h2 {
    margin: 0 0 32px 0;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #47a7b1;
    border-bottom: 1px solid #47a7b1;
  }
  .content-main .row {
    border-bottom: none;
  }
  .content-block.even h2 {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  }
  .content-main h2::before {
    top: 12px;
  }
  .content-main h3.banner {
    width: 100%;
    margin-left: 0;
  }
  .BlockPage .content-main .content-block {
    padding: 0 0 32px 0;
  }
  .content-swing h3 {
    font-size: 1em;
    line-height: 1em;
  }
}
/***  iPAD Specific ***/
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* For portrait layouts only */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* For landscape layouts only */
}
/*
@media only screen and (max-width: 979px) { 
    #header .emphasize {position:relative;text-align:center;margin-top:8px;}
    #header .emphasize a{ padding:8px 16px 8px 24px;
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
    width:unset;
    line-height:unset;
    margin:0 auto 16px auto;float:right; text-align:right;}
    .nav-primary ul{margin-right:0px;}
    nav li{text-align:right; padding-right:16px;}
    .navbar-toggler:focus{box-shadow:0 0 0 .1rem;}
    .bnr-photo{ width:100%; margin-right:0px; margin-bottom:16px; }
.bnr-content{width:100%;}
}

@media only screen and (max-width: 767px) { 
    .image-right{width:100%; height:auto;}
        .services img{width:100%; height:auto;}
    .service-title h2, .service-title h3, .service-title h4{text-align:center;}
    .service .btn-arrow{float:unset;}
    .service{margin-bottom:32px;}
    .hero-interior.location img{margin-bottom:32px;}
        h2{text-align: center;}
    h2:after{margin:0 auto;}
.branch, .HomePage .branch{width:100%; }

}


@media only screen and (max-width: 414px){
    .logo{width:200px; height:60px;}
    .logo img{width:200px; height:auto;}
}
@media only screen and (max-width: 340px){

}
*/
/*@import 'social';*//*# sourceMappingURL=layout.css.map */