/* note - order of these imports is important */
@import url('../../_CommonLibraries/resetStyles/reset.css');
@import url('../../_CommonLibraries/slider/slick/slick.css');
svg.svg-inline--fa {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
}
.testLeftTop {
  display: flex;
  line-height: 1.2em;
  position: relative;
  padding-top: 0;
  align-items: stretch;
}
.testLeftTop svg.svg-inline--fa {
  margin-right: 0.3em;
}
.testLeftTop svg.svg-inline--fa {
  position: relative;
  top: 0em;
}
.testLeftTop svg.svg-inline--fa {
  font-size: 1.2em;
}
.testLeftMid {
  display: flex;
  align-items: center;
}
.testLeftMid svg.svg-inline--fa {
  margin-right: 0.3em;
}
.testLeftMid svg.svg-inline--fa {
  font-size: 1.2em;
}
/*RECOMMENDED IMAGE SIZES AND USES

1600x900 - wideBackgroundPhoto
700x1000 -  tallBackgroundPhoto
*/
/******************/
/***** MIXINS *****/
/******************/
/* Purpose of this style sheet:-
 
 1. To create a main menu navigation which can be used on any responsive website
 
 */
/* contactArea bar at top of screen which contains contact details and social icons */
.contactArea {
  display: flex;
  align-items: stretch;
  height: 50px;
  /* responsive width and fixed height of 50px */
  max-width: 100%;
  overflow: hidden;
  /* you will want to override this background color */
  background: navy;
}
@media (max-width: 500px) {
  .contactArea {
    display: none;
  }
}
.contactArea > div {
  /* limit the width of the contents to a central area max width 990px */
  max-width: 100%;
  width: 990px;
  padding: 0 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.contactArea > div > ul,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul {
  display: flex;
  align-items: stretch;
}
.contactArea > div > ul li,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li {
  display: flex;
}
.contactArea > div > ul li,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li,
.contactArea > div > ul li *,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li *,
.contactArea > div > ul li a,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li a {
  align-items: center;
  color: #4d4d4d;
}
.contactArea > div > ul li svg.svg-inline--fa,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li svg.svg-inline--fa,
.contactArea > div > ul li * svg.svg-inline--fa,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li * svg.svg-inline--fa,
.contactArea > div > ul li a svg.svg-inline--fa,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li a svg.svg-inline--fa,
.contactArea > div > ul li i.fas,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.fas,
.contactArea > div > ul li * i.fas,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li * i.fas,
.contactArea > div > ul li a i.fas,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li a i.fas,
.contactArea > div > ul li i.fab,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.fab,
.contactArea > div > ul li * i.fab,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li * i.fab,
.contactArea > div > ul li a i.fab,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li a i.fab,
.contactArea > div > ul li i.fal,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.fal,
.contactArea > div > ul li * i.fal,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li * i.fal,
.contactArea > div > ul li a i.fal,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li a i.fal,
.contactArea > div > ul li i.far,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.far,
.contactArea > div > ul li * i.far,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li * i.far,
.contactArea > div > ul li a i.far,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li a i.far,
.contactArea > div > ul li i.fad,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.fad,
.contactArea > div > ul li * i.fad,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li * i.fad,
.contactArea > div > ul li a i.fad,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li a i.fad {
  color: #4d4d4d;
}
.contactArea > div > ul li svg.svg-inline--fa,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li svg.svg-inline--fa,
.contactArea > div > ul li i.fas,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.fas,
.contactArea > div > ul li i.fab,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.fab,
.contactArea > div > ul li i.fal,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.fal,
.contactArea > div > ul li i.far,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.far,
.contactArea > div > ul li i.fad,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.fad,
.contactArea > div > ul li i.fa,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li i.fa,
.contactArea > div > ul li a .svg-inline--fa,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li a .svg-inline--fa,
.contactArea > div > ul li a,
.contactArea > div > .wrapperForLanguageSelectorPlusContactAndSocialIcons > ul li a {
  color: #4d4d4d;
}
.contactArea > div .contactDetails,
.contactArea > div .contactAndSocialIcons,
.contactArea > div .languageSelector,
.contactArea > div .contactDetails li,
.contactArea > div .contactAndSocialIcons li,
.contactArea > div .languageSelector li,
.contactArea > div .contactDetails ul,
.contactArea > div .contactAndSocialIcons ul,
.contactArea > div .languageSelector ul {
  margin: 0 0.2em 0 0;
  padding: 0;
}
.contactArea > div .contactDetails,
.contactArea > div .contactAndSocialIcons {
  font-size: 14px;
}
.contactArea > div .contactDetails li,
.contactArea > div .contactAndSocialIcons li {
  font-size: 1em;
}
.contactArea > div .contactDetails li {
  margin-right: 10px;
  /* hide secondary-importance items when there isn't enough room for everything */
}
.contactArea > div .contactDetails li .svg-inline--fa {
  font-size: 1em;
}
@media (max-width: 1020px) {
  .contactArea > div .contactDetails li:not(.isPrimaryItem) {
    display: none;
  }
}
.contactArea > div .contactAndSocialIcons li {
  margin-left: 10px;
}
.contactArea > div .contactAndSocialIcons li .svg-inline--fa {
  font-size: 1.4em;
}
.contactArea > div .wrapperForLanguageSelectorPlusContactAndSocialIcons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.contactArea > div ul.languageSelector {
  margin-left: 10px;
  /* Flag of currently used language serves as a dropdown for other options */
}
.contactArea > div ul.languageSelector img {
  vertical-align: middle;
}
.contactArea > div ul.languageSelector > li:first-child:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f0d7";
  font-weight: 900;
  margin-left: 6px;
}
.contactArea > div ul.languageSelector > li:first-child > img {
  display: inline-block;
  padding: 8px 0;
}
.contactArea > div ul.languageSelector > li ul {
  /* Hidden by default */
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease-in-out;
  /* Same background as the contactArea */
  background: navy;
  /* Sits on top of everything else */
  position: absolute;
  z-index: 10;
  margin-left: -10px;
  top: 50px;
  /* Display when clicked (uses jQuery)*/
}
.contactArea > div ul.languageSelector > li ul.selected {
  visibility: visible;
  opacity: 0.9;
}
.contactArea > div ul.languageSelector > li ul li a {
  padding: 0.6em;
  display: block;
}
.contactArea > div ul.languageSelector > li ul li img {
  height: auto;
  padding: 0;
}
/* .navArea contains the main navigation and the site logo  */
.navArea {
  background: #4d4d88;
  max-width: 100%;
  /* override any generic list styles */
  /* center the content */
}
.navArea:after {
  display: block;
  content: "";
  clear: both;
}
.navArea ul:nth-child(n) {
  margin: 0;
  padding: 0;
  line-height: 1em;
  list-style-type: none;
}
.navArea > div {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  /* limit the width of the contents to a central area max width 990px */
  min-height: 90px;
  position: relative;
  /* keep content from pushing against edges on smaller devices */
  /* Style the site logo */
  /* The mainNav  */
  /* styles for desktop-sized devices */
  /* Mobile and tablet styles */
}
@media (max-width: 990px) {
  .navArea > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.navArea > div .websiteLogo {
  float: left;
  vertical-align: middle;
  height: 90px;
  padding-top: 10px;
  padding-bottom: 10px;
  /* Keep quite small on mobiles */
  max-width: 50%;
}
.navArea > div ul.mainNav {
  /* Everything should be white including links */
  /* span should behave like links */
  /* nav floats right by default, keeps it away from the logo */
  float: right;
  /* The primary level list items - these are displayed before anything is clicked */
}
.navArea > div ul.mainNav,
.navArea > div ul.mainNav a,
.navArea > div ul.mainNav > span,
.navArea > div ul.mainNav i.fa,
.navArea > div ul.mainNav i.wi {
  color: #fff;
}
.navArea > div ul.mainNav > li > span:hover {
  cursor: pointer;
}
.navArea > div ul.mainNav .hideFromNav {
  display: none;
}
.navArea > div ul.mainNav > li {
  height: 90px;
  display: inline-block;
  /* Highlight the selected nav item */
  /* Put <a> inside the <li> - gives consistent styling for all menu items whether a dropdown or not */
  /* If the list item is the parent of a sub menu, highlight this with a dropdown icon */
  /* Styles for sub-lists */
}
.navArea > div ul.mainNav > li.selected > a,
.navArea > div ul.mainNav > li.selected > span {
  border-bottom: 2px solid #fff;
}
.navArea > div ul.mainNav > li > a,
.navArea > div ul.mainNav > li > span {
  width: 100%;
  height: 100%;
  display: block;
  /* The navigation link should be the height of the ul minus its total top-and-bottom padding */
  height: 54px;
  line-height: 54px;
  padding-right: 9px;
  padding-left: 9px;
  margin: 18px 0;
}
.navArea > div ul.mainNav > li > a.hideFromNav,
.navArea > div ul.mainNav > li > span.hideFromNav {
  display: none;
}
.navArea > div ul.mainNav > li.isSubmenuSelector > a:not(.hideFromNav),
.navArea > div ul.mainNav > li.isSubmenuSelector > span:not(.hideFromNav) {
  display: inline-block;
}
.navArea > div ul.mainNav > li.isSubmenuSelector > a:after,
.navArea > div ul.mainNav > li.isSubmenuSelector > span:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f0d7";
  margin-left: 3px;
  font-weight: 900;
}
.navArea > div ul.mainNav > li > ul {
  /* Create some space around edges */
  padding: 20px 30px;
  /* Hidden by default */
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease-in-out;
  /* Display when clicked (uses jQuery)*/
  /* All text should align to the left, including heading etc. */
  /* Remove any unneeded whitespace created by columns */
  /* styles of submenu items */
  /* separate from navBar above */
  border-top: 2px solid #fff;
  /* display in front of other content, beneath the navBar */
  position: absolute;
  top: 90px;
  z-index: 5000;
  left: 0;
  /* Occupy full width of parent (max 990px) */
  width: 100%;
  /* Give it a color */
  background: #4d4d88;
}
.navArea > div ul.mainNav > li > ul.selected {
  visibility: visible;
  opacity: 1;
}
.navArea > div ul.mainNav > li > ul li {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: 1.35em;
}
.navArea > div ul.mainNav > li > ul li a:not(.button):not(.bookNow),
.navArea > div ul.mainNav > li > ul li span:not(.button):not(.bookNow) {
  width: 100%;
  padding: 9px 0;
}
@media (max-width: 550px) {
  .navArea > div ul.mainNav > li > ul li a:not(.button):not(.bookNow),
  .navArea > div ul.mainNav > li > ul li span:not(.button):not(.bookNow) {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.navArea > div ul.mainNav > li > ul li a,
.navArea > div ul.mainNav > li > ul li span {
  display: block;
}
.navArea > div ul.mainNav > li > ul li > *:nth-child(n+2) {
  display: none;
}
.navArea > div ul.mainNav > li > ul * {
  text-align: left;
}
.navArea > div ul.mainNav > li > ul .columns {
  margin: 0;
}
.navArea > div ul.mainNav > li > ul .columns > div {
  margin: 0;
  padding: 0;
}
@media (min-width: 1020px) {
  .navArea > div {
    /* display the nav style intended for large screens */
    /* hide mobile/tablet version */
  }
  .navArea > div .mainNav.above800px {
    display: block;
  }
  .navArea > div .mainNav.below800px {
    display: none;
  }
}
@media (max-width: 1020px) {
  .navArea > div {
    /* turn off the desktop nav */
    /* turn on mobile nav */
  }
  .navArea > div ul.mainNav.above800px {
    display: none;
  }
  .navArea > div ul.mainNav.below800px {
    display: block;
    min-width: 100px;
    font-size: 1em;
    /* Burger Menu styles */
    /* When the menu is open, change the burger icon to a "close" icon */
    /* Submenu styles */
  }
  .navArea > div ul.mainNav.below800px > li:first-child {
    /* this is the burger */
    float: right;
  }
  .navArea > div ul.mainNav.below800px > li:first-child > ul {
    min-height: 100vh;
  }
  .navArea > div ul.mainNav.below800px > li:first-child > a,
  .navArea > div ul.mainNav.below800px > li:first-child > span {
    /* this should be empty */
    /* Add the burger icon (fa-bars) */
  }
  .navArea > div ul.mainNav.below800px > li:first-child > a:before,
  .navArea > div ul.mainNav.below800px > li:first-child > span:before {
    content: "\f0c9";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 1.75em;
  }
  .navArea > div ul.mainNav.below800px > li:first-child > a:after,
  .navArea > div ul.mainNav.below800px > li:first-child > span:after {
    display: none;
  }
  .navArea > div ul.mainNav.below800px > li.selected:first-child > a,
  .navArea > div ul.mainNav.below800px > li.selected:first-child > span {
    /* remove the dropdown icon */
  }
  .navArea > div ul.mainNav.below800px > li.selected:first-child > a:before,
  .navArea > div ul.mainNav.below800px > li.selected:first-child > span:before {
    content: "\f00d";
  }
  .navArea > div ul.mainNav.below800px > li.selected:first-child > a:after,
  .navArea > div ul.mainNav.below800px > li.selected:first-child > span:after {
    content: "";
  }
  .navArea > div ul.mainNav.below800px > li {
    /* this is the burger menu level*/
  }
  .navArea > div ul.mainNav.below800px > li > ul {
    /* sub-level: the primary level nav items (these are always displayed on desktop sized screens) */
    /* Don't need as much spacing as on desktop */
    padding-top: 1em;
    padding-bottom: 1em;
    /* make these top-level items stand out by giving them an arrow to their left */
    /* everything should float to the left and clear */
  }
  .navArea > div ul.mainNav.below800px > li > ul > li {
    margin-bottom: 12px;
    font-size: 1.2rem;
  }
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .three-col,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .two-col {
    margin: 0;
  }
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .three-col ul,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .two-col ul {
    overflow: hidden;
  }
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .three-col ul + h3,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .two-col ul + h3,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .three-col ul + h4,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .two-col ul + h4,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .three-col ul + h5,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li .two-col ul + h5 {
    margin-top: 24px;
  }
  .navArea > div ul.mainNav.below800px > li > ul > li ul li a {
    font-size: 0.8rem;
    opacity: 0.85;
  }
  .navArea > div ul.mainNav.below800px > li > ul > li ul li h3,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li h4,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li h5,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li h3 a,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li h4 a,
  .navArea > div ul.mainNav.below800px > li > ul > li ul li h5 a {
    font-size: 0.9rem;
    font-weight: bold;
  }
  .navArea > div ul.mainNav.below800px > li > ul > li > span:not(.hideFromNav),
  .navArea > div ul.mainNav.below800px > li > ul > li > a:not(.hideFromNav) {
    display: inline-block;
    max-width: 100%;
    width: auto;
  }
  .navArea > div ul.mainNav.below800px > li > ul > li:not(.hideFromNav).isSubmenuSelector {
    position: relative;
  }
  .navArea > div ul.mainNav.below800px > li > ul > li:not(.hideFromNav).isSubmenuSelector:after {
    font-family: "Font Awesome 5 Pro";
    vertical-align: middle;
    font-weight: 900;
    content: "\f107";
    font-size: 2em;
    position: absolute;
    right: 0;
    top: 0.2em;
    font-weight: 400;
  }
  .navArea > div ul.mainNav.below800px > li > ul > li:not(.hideFromNav).isSubmenuSelector.selected:after {
    content: "\f106";
  }
  .navArea > div ul.mainNav.below800px > li > ul li {
    float: left;
    text-align: left;
    clear: both;
    width: 100%;
    /* Secondary items i.e. sub-sub list items */
  }
  .navArea > div ul.mainNav.below800px > li > ul li:not(.hideFromNav) {
    display: block;
  }
  .navArea > div ul.mainNav.below800px > li > ul li * {
    text-align: left;
  }
  .navArea > div ul.mainNav.below800px > li > ul li.selected ul:not(.hideFromNav) {
    display: block;
  }
  .navArea > div ul.mainNav.below800px > li > ul li > ul {
    /* Hidden by default */
    display: none;
    /* don't use visibility for this because we need their parents to know their size */
  }
}
.navArea > div ul.mainNav.burgerMenu {
  display: block;
  min-width: 100px;
  font-size: 1em;
  /* Burger Menu styles */
  /* When the menu is open, change the burger icon to a "close" icon */
  /* Submenu styles */
}
.navArea > div ul.mainNav.burgerMenu > li:first-child {
  /* this is the burger */
  float: right;
}
.navArea > div ul.mainNav.burgerMenu > li:first-child > ul {
  min-height: 100vh;
}
.navArea > div ul.mainNav.burgerMenu > li:first-child > a,
.navArea > div ul.mainNav.burgerMenu > li:first-child > span {
  /* this should be empty */
  /* Add the burger icon (fa-bars) */
}
.navArea > div ul.mainNav.burgerMenu > li:first-child > a:before,
.navArea > div ul.mainNav.burgerMenu > li:first-child > span:before {
  content: "\f0c9";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 1.75em;
}
.navArea > div ul.mainNav.burgerMenu > li:first-child > a:after,
.navArea > div ul.mainNav.burgerMenu > li:first-child > span:after {
  display: none;
}
.navArea > div ul.mainNav.burgerMenu > li.selected:first-child > a,
.navArea > div ul.mainNav.burgerMenu > li.selected:first-child > span {
  /* remove the dropdown icon */
}
.navArea > div ul.mainNav.burgerMenu > li.selected:first-child > a:before,
.navArea > div ul.mainNav.burgerMenu > li.selected:first-child > span:before {
  content: "\f00d";
}
.navArea > div ul.mainNav.burgerMenu > li.selected:first-child > a:after,
.navArea > div ul.mainNav.burgerMenu > li.selected:first-child > span:after {
  content: "";
}
.navArea > div ul.mainNav.burgerMenu > li {
  /* this is the burger menu level*/
}
.navArea > div ul.mainNav.burgerMenu > li > ul {
  /* sub-level: the primary level nav items (these are always displayed on desktop sized screens) */
  /* Don't need as much spacing as on desktop */
  padding-top: 1em;
  padding-bottom: 1em;
  /* make these top-level items stand out by giving them an arrow to their left */
  /* everything should float to the left and clear */
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li {
  margin-bottom: 12px;
  font-size: 1.2rem;
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .three-col,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .two-col {
  margin: 0;
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .three-col ul,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .two-col ul {
  overflow: hidden;
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .three-col ul + h3,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .two-col ul + h3,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .three-col ul + h4,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .two-col ul + h4,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .three-col ul + h5,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li .two-col ul + h5 {
  margin-top: 24px;
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li a {
  font-size: 0.8rem;
  opacity: 0.85;
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li h3,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li h4,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li h5,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li h3 a,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li h4 a,
.navArea > div ul.mainNav.burgerMenu > li > ul > li ul li h5 a {
  font-size: 0.9rem;
  font-weight: bold;
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li > span:not(.hideFromNav),
.navArea > div ul.mainNav.burgerMenu > li > ul > li > a:not(.hideFromNav) {
  display: inline-block;
  max-width: 100%;
  width: auto;
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li:not(.hideFromNav).isSubmenuSelector {
  position: relative;
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li:not(.hideFromNav).isSubmenuSelector:after {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f107";
  font-size: 2em;
  position: absolute;
  right: 0;
  top: 0.2em;
  font-weight: 400;
}
.navArea > div ul.mainNav.burgerMenu > li > ul > li:not(.hideFromNav).isSubmenuSelector.selected:after {
  content: "\f106";
}
.navArea > div ul.mainNav.burgerMenu > li > ul li {
  float: left;
  text-align: left;
  clear: both;
  width: 100%;
  /* Secondary items i.e. sub-sub list items */
}
.navArea > div ul.mainNav.burgerMenu > li > ul li:not(.hideFromNav) {
  display: block;
}
.navArea > div ul.mainNav.burgerMenu > li > ul li * {
  text-align: left;
}
.navArea > div ul.mainNav.burgerMenu > li > ul li.selected ul:not(.hideFromNav) {
  display: block;
}
.navArea > div ul.mainNav.burgerMenu > li > ul li > ul {
  /* Hidden by default */
  display: none;
  /* don't use visibility for this because we need their parents to know their size */
}
@media (max-width: 1020px) {
  .navArea > div {
    min-height: 70px;
  }
  .navArea > div .websiteLogo {
    max-height: 70px;
  }
  .navArea > div ul.mainNav > li {
    height: 70px;
    /* Reduce the margin by the amount of height which has been removed from the navBar */
  }
  .navArea > div ul.mainNav > li > a,
  .navArea > div ul.mainNav > li > span {
    margin: 10px 0;
  }
  .navArea > div ul.mainNav > li > ul {
    top: 70px;
  }
}
/* Rules to make your sitemap hide pagelist items which are intended for the nav only */
.sitemap .isSubmenuSelector > span {
  display: none;
}
.mobileEdgeSpace {
  padding-left: 10px;
  padding-right: 10px;
}
#lightboxBackground {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: flex;
  justify-content: center;
  align-items: center;
}
#lightboxBackground .lb-loadingWrapper {
  font-size: 50px;
  color: #eee;
}
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}
#lightbox .lb-container {
  position: relative;
  max-height: 100%;
  max-width: 100%;
}
#lightbox .lb-container .lb-image {
  max-height: 100vh;
  max-width: 100%;
  overflow: hidden;
}
#lightbox .lb-container .lb-loadingErrorMessage {
  min-height: 200px;
  display: none;
  padding: 2em;
}
#lightbox .lb-container .lb-close {
  position: absolute;
  top: 0;
  right: 0;
}
#lightbox .lb-container .lb-prev,
#lightbox .lb-container .lb-next {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 45%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#lightbox .lb-container .lb-next {
  left: auto;
  right: 0;
  justify-content: flex-end;
}
#lightbox .lb-container .lb-iconWrapper {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1em;
  color: rgba(240, 240, 240, 0.7);
  font-size: 18px;
}
@media only screen and (max-width: 800px) {
  #lightbox .lb-container .lb-iconWrapper {
    padding: 0.5em;
  }
}
@media only screen and (max-width: 500px) {
  #lightbox .lb-container .lb-iconWrapper {
    font-size: 15px;
  }
}
#lightbox .lb-container .lb-close,
#lightbox .lb-container .lb-prev,
#lightbox .lb-container .lb-next {
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#lightbox .lb-container .lb-close:hover,
#lightbox .lb-container .lb-prev:hover,
#lightbox .lb-container .lb-next:hover {
  opacity: 0.8;
}
#lightbox .lb-container .lb-close:hover .lb-iconWrapper,
#lightbox .lb-container .lb-prev:hover .lb-iconWrapper,
#lightbox .lb-container .lb-next:hover .lb-iconWrapper {
  color: #fff;
}
#lightbox .lb-container .lb-description {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.3em;
  background-color: rgba(0, 0, 0, 0.5);
  color: rgba(240, 240, 240, 0.7);
  line-height: 1.3em;
}
@media only screen and (max-width: 800px) {
  #lightbox .lb-container .lb-description {
    font-size: 0.8em;
  }
}
#lightbox .lb-container .lb-loader {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
#lightbox.loadingError .lb-loadingErrorMessage {
  display: block;
}
#lightbox.loadingError .lb-image {
  display: none;
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../../_CommonLibraries/photo/loading.gif) no-repeat;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../../_CommonLibraries/photo/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* Phil's Rules */
.lightbox img {
  border: none;
}
/* base image styles - stop if overflowing it's container, centre in space if too small etc 
	  Applies to a[rel*="lightbox"] and img */
a:not(.button)[rel*="lightbox"] {
  max-width: 100%;
  object-fit: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* to make the overlay children(i.e the magifying glass on hover) be centralised vertically and horisontally */
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (bit buggy but only affects 5% of visitors to our sites) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (bit buggy but only affects 5% of visitors to our sites) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
a:not(.button)[rel*="lightbox"]:hover,
a:not(.button)[rel*="lightbox"]:focus {
  /* display a magifying glass icon in front of the image */
  /* darken the image */
}
a:not(.button)[rel*="lightbox"]:hover:before,
a:not(.button)[rel*="lightbox"]:focus:before {
  /* create and style the icon*/
  content: "\f00e";
  font-family: "Font Awesome 5 Pro";
  font-size: 35px;
  color: #fff;
  font-weight: 900;
  /* display the icon centrally in front of the image */
  position: absolute;
  z-index: 1;
}
a:not(.button)[rel*="lightbox"]:hover img,
a:not(.button)[rel*="lightbox"]:focus img {
  filter: brightness(30%);
  /* smooth the effect */
  transition: ease 0.15s;
  -webkit-transition: ease 0.15s;
  /*  for safari - most users need this*/
}
/* For images where the centre of action might get cropped out by responsive design (e.g. the sun in a sunset) */
/* You can only use one of these classes on any given image, i.e. can't use them in combination */
img {
  max-width: 100%;
  object-fit: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* Flip an image horizontally so it faces inward, toward the centre of the page 
	
	## Don't use on any image containing text ##
	
	*/
}
img.cropFromLeft {
  object-position: right;
}
img.cropFromRight {
  object-position: left;
}
img.cropFromTop {
  object-position: bottom;
}
img.cropFromBottom {
  object-position: top;
}
img.flipHorizontal {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
figure {
  position: relative;
  /*
	figcaption {
		font-family:'Arial';
		font-size:2em;
		color:white;
		position:absolute;
		bottom:8%;
		left:8%;
		
		text-shadow:1px 1px #000;
		text-align:left;
		
		.subHeading {
			clear:both;
			font-size:0.8em;
			opacity:0.8;
		}
	}*/
}
.internetExplorer img {
  object-fit: none;
}
a[onclick]:hover {
  cursor: pointer;
}
/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1000;
  /* Sit on top */
  padding-top: 50px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100vw;
  /* Full width */
  height: 100vh;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.8);
  /* Black w/ opacity */
  place-items: center;
  /* Modal Content */
  /* The Close Button */
}
.modal .modalContent {
  box-sizing: border-box;
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  max-width: 1200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  overflow: hidden;
}
@media (max-width: 400px) {
  .modal .modalContent {
    max-width: 96%;
  }
}
.modal .modalContent.reducedWhitespace {
  padding: 1%;
}
.modal .modalContent .innerContentArea {
  overflow: hidden;
}
.modal.miniModal .modalContent {
  max-width: 450px;
  width: 90%;
  padding: 24px;
}
.modal .modalClose {
  color: #aaaaaa;
  float: right;
  font-size: 40px;
  line-height: 39px;
  cursor: pointer;
}
.toggle_trigger {
  position: relative;
  padding-right: 1.5em;
  display: flex;
  align-items: center;
}
.toggle_trigger:after {
  display: block;
  content: "\f055";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 1.5em;
  position: absolute;
  right: 0;
  top: 0;
}
.toggle_trigger.active:after {
  content: "\f057";
  color: red;
}
.toggle_container {
  position: relative;
  display: none;
}
.toggle_container:after {
  display: block;
  content: "";
  clear: both;
}
.toggle_trigger {
  cursor: pointer;
}
.toggleFixedCloserWrapper {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 65px;
}
.toggleFixedCloserWrapper .toggleFixedCloserBtn {
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1em;
}
.toggleFixedCloserWrapper .toggleFixedCloserBtn:hover {
  cursor: pointer;
}
.toggleFixedCloserWrapper .toggleFixedCloserBtn * {
  color: rgba(240, 240, 240, 0.9);
  font-size: 18px;
}
@media only screen and (max-width: 800px) {
  .toggleFixedCloserWrapper .toggleFixedCloserBtn {
    padding: 0.75em;
  }
}
@media only screen and (max-width: 500px) {
  .toggleFixedCloserWrapper .toggleFixedCloserBtn {
    font-size: 15px;
  }
}
ul.toggleFeaturesList {
  clear: both;
}
ul.toggleFeaturesList > li {
  text-align: left;
  border-top: 1px solid #dcdcdc;
  border-left: 5px solid transparent;
  padding: 1rem;
}
ul.toggleFeaturesList > li:last-child {
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 600px) {
  ul.toggleFeaturesList > li {
    padding: 0.7em 0.25em;
  }
}
ul.toggleFeaturesList > li .toggle_trigger:after {
  display: none;
}
ul.toggleFeaturesList > li .toggle_trigger:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f067";
  display: inline;
  vertical-align: middle;
  font-weight: 400;
  margin-right: 0.5em;
  font-size: 1.8em;
}
ul.toggleFeaturesList > li .toggle_trigger.active:before {
  content: "\f068";
}
ul.toggleFeaturesList > li .toggle_trigger.active {
  color: #e2191a;
}
ul.toggleFeaturesList > li.active {
  border-left-color: #e2191a;
}
ul.toggleFeaturesList > li .toggle_container {
  padding-top: 1em;
}
/* all contact forms / booking forms / sign up forms etc */
#mailchimpSignUpForm {
  visibility: hidden;
  position: absolute;
  bottom: -500px;
}
/* sometimes we have inputs that are not in a form */
.validationError {
  border: 2px solid red;
}
.validationErrorMessage {
  font-size: 0.8em;
  color: red;
  display: none;
  clear: left;
  /* to make sure it goes beneath the item in error */
}
/* we sometimes put inputs outside of a form */
label,
input,
textarea,
select {
  font-family: inherit;
  /* browsers have defaults for these */
  font-size: inherit;
  /* browsers have defaults for these */
  line-height: inherit;
  /* browsers have defaults for these */
}
button {
  cursor: pointer;
}
.contactFormArea {
  clear: both;
  text-align: left;
  /* pulls inputs together into one section (normally horizontal) */
}
.contactFormArea form {
  overflow: hidden;
}
.contactFormArea label,
.contactFormArea input,
.contactFormArea textarea,
.contactFormArea select {
  max-width: 100%;
  display: block;
}
.contactFormArea input {
  width: 24em;
}
.contactFormArea input,
.contactFormArea textarea,
.contactFormArea select {
  margin-top: 0.2em;
}
.contactFormArea textarea {
  width: 100%;
}
.contactFormArea textarea.smallTextArea {
  height: 4em;
}
.contactFormArea input,
.contactFormArea select,
.contactFormArea textarea,
.contactFormArea option {
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4em;
}
.contactFormArea .inputBlock {
  margin-top: 1.5em;
}
.contactFormArea .groupedInputs {
  overflow: hidden;
}
.contactFormArea .groupedInputs > * {
  float: left;
  margin-right: 2em;
}
.contactFormArea input[type="number"] {
  width: 3em;
  display: inline-block;
}
.contactFormArea ul.checkBoxArea {
  /* applied to a ul so this removes the default whitespace on the left */
  padding-left: 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.contactFormArea ul.checkBoxArea li {
  list-style: none;
  margin-top: 0.3em;
  margin-bottom: 0;
}
.contactFormArea ul.checkBoxArea li label {
  margin-top: 0;
}
.contactFormArea .checkboxWrapper {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.contactFormArea .checkboxWrapper input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.contactFormArea .checkboxWrapper input[type="checkbox"] ~ label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: flex-start;
}
.contactFormArea .checkboxWrapper input[type="checkbox"] ~ label .labelContent {
  flex-grow: 1;
}
.contactFormArea .checkboxWrapper input[type="checkbox"] ~ label:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #777;
  background-color: #fff;
  font-size: 1.5em;
  margin-right: 0.2em;
}
.contactFormArea .checkboxWrapper input[type="checkbox"]:hover ~ label:before {
  color: rgba(0, 128, 0, 0.7);
}
.contactFormArea .checkboxWrapper input[type="checkbox"]:checked ~ label:before {
  content: "\f14a";
  font-weight: 900;
  color: rgba(0, 128, 0, 0.7);
}
.contactFormArea .checkboxWrapper input[type="checkbox"].validationError ~ label:before {
  color: red;
}
.contactFormArea .datePicker {
  width: 200px;
  max-width: 100%;
}
.contactFormArea .recaptchaDiv {
  max-width: 100%;
}
.contactFormArea .successMessage {
  clear: both;
  background-color: #eeeeee;
  display: none;
}
/* JS will add plus and minus buttons in to input type=number fields automatically */
.increaseDecreaseButtonArea {
  display: flex;
  justify-content: center;
}
.increaseDecreaseButtonArea input {
  padding: 0.3em;
  text-align: center;
  width: 5em;
}
.increaseButton {
  color: #fff;
  padding: 0 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-left:0.25em;*/
  /* padding-right:0.1em;*/
  background-color: rgba(19, 109, 19, 0.8);
}
.increaseButton:hover {
  cursor: pointer;
}
.increaseButton * {
  color: #fff;
}
.decreaseButton {
  color: #fff;
  padding: 0 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(217, 38, 38, 0.8);
}
.decreaseButton:hover {
  cursor: pointer;
}
.decreaseButton * {
  color: #fff;
}
/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.googleMapWrapper {
  /* width: 100%; */
  /* margin: 50px 0 3000px; */
}
.googleMapWrapper iframe {
  /* width: 100%; */
  /* display: block; */
  pointer-events: none;
  position: relative;
  /* IE needs a position other than static */
}
.googleMapWrapper iframe.clicked {
  pointer-events: auto;
}
/* PURPOSE OF THIS STYLESHEET

1. Styles for all content to be contained in columns. E.g. rows of three text columns 


	With this stylesheet you can:-
	
		Create 2-, 3- and 4-column layouts
		


*/
/* without this text is more jagged when sized down to .9 */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
[id] {
  scroll-margin-top: clamp(30px, 7.5vh, 110px);
}
sup,
i.external-link-square-alt,
i.fa-external-link-square,
sup:before,
i.external-link-square-alt:before,
i.fa-external-link-square:before {
  vertical-align: super;
  font-size: 0.65em;
}
@media (max-width: 550px) {
  .hide-mob {
    display: none;
  }
}
@media (min-width: 800px) {
  .navArea > div ul.mainNav .mobileNavOnly:nth-child(n) {
    display: none;
  }
}
video {
  max-width: 100%;
  height: auto;
  margin: auto;
  display: block;
}
p a,
li a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
.Main__Container-sc-1n4ud0o-0.feDyja {
  height: auto;
}
.video-container,
.iframeContainer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.iframeContainer iframe,
.video-container object,
.iframeContainer object,
.video-container embed,
.iframeContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}
.flickity-button:hover {
  background: white;
  cursor: pointer;
}
.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}
.flickity-button .flickity-button-icon {
  fill: currentColor;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
  /* right to left */
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
* {
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}
body {
  background-color: #FEFEFF;
  font-size: 17px;
}
.toggleSwitch {
  cursor: pointer;
  min-width: 56px;
  border: 4px solid #e45f31;
  border-radius: 14px;
  height: 28px;
  background: #e45f31;
  display: flex;
  color: #e45f31;
  letter-spacing: 0.75px;
  max-width: 56px;
  background: gray;
  border-color: gray;
}
.toggleSwitch > div {
  height: 20px;
  width: auto;
  flex: 1;
  padding: 0 20px;
  font-size: 14px;
  text-align: center;
  color: white;
  line-height: 20px;
}
.toggleSwitch > div.selected {
  border-radius: 10px;
  background: white;
  color: #e45f31;
}
.toggleSwitch > div {
  max-width: 20px;
  min-width: 20px;
  width: 20px;
  border-radius: 10px;
  height: 20px;
  padding: 0;
  background: white;
}
.toggleSwitch.on {
  background: #e45f31;
  border-color: #e45f31;
}
.toggleSwitch.on > div {
  margin-left: auto;
}
.quick-quote {
  padding: clamp(30px, 7.5vh, 110px) 0;
  margin-top: 24px;
  background-color: #e45f31;
}
.quick-quote > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  .quick-quote > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.quick-quote > div:not(:last-child) {
  margin-bottom: 24px;
}
.junctionPage + .quick-quote {
  margin-top: 0;
}
.nav + .quick-quote {
  margin-top: 0;
}
.quick-quote h1,
.quick-quote h2,
.quick-quote h3,
.quick-quote h4,
.quick-quote h5,
.quick-quote h6,
.quick-quote ul,
.quick-quote ol,
.quick-quote p,
.quick-quote label,
.quick-quote .pre-heading {
  color: #fff;
}
.quick-quote a,
.quick-quote a.CTA {
  color: #fff;
  border-color: #fff;
}
.quick-quote:not(.highlight) {
  background: #636363;
}
.quick-quote h2 {
  font-size: clamp(2.5rem, 6.5vw, 5rem);
}
.quick-quote p {
  font-size: 1rem;
}
.quick-quote:not(.highlight) .button {
  background: #e45f31;
}
.eco-hub .quick-quote:not(.highlight) .button {
  background: #499f41;
}
.quick-quote .contactFormArea label {
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.5px;
}
@media (min-width: 751px) {
  .quick-quote .contactFormArea .button-recaptcha {
    display: flex;
  }
}
.quick-quote .contactFormArea .inputBlock.half .button {
  margin: 0;
}
.modal .modalContent.timeLine > div {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  grid-column-gap: 24px;
  margin-top: 48px;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.modal .modalContent.timeLine > div > div {
  min-height: 230px;
  padding: 48px;
  padding-top: 16.5px;
}
@media (max-width: 10000px) {
  .modal .modalContent.timeLine > div {
    grid-template-columns: 55px 1fr;
    grid-template-areas: "number1 caption1" "number2 caption2" "number3 caption3" "number4 caption4" "number5 caption5" "number6 caption6" "number7 caption7" "number8 caption8" "number9 caption9" "number10 caption10" "number11 caption11" "number12 caption12" "number13 caption13" "number14 caption14" "number15 caption15" "number16 caption16" "number17 caption17" "number18 caption18";
  }
  .modal .modalContent.timeLine > div > div:nth-child(6n+3),
  .modal .modalContent.timeLine > div > div:nth-child(6n+4) {
    display: none;
  }
  .modal .modalContent.timeLine > div > div:nth-child(1) {
    grid-area: caption1;
  }
  .modal .modalContent.timeLine > div > div:nth-child(2) {
    grid-area: number1;
  }
  .modal .modalContent.timeLine > div > div:nth-child(3) {
    grid-area: empty1;
  }
  .modal .modalContent.timeLine > div > div:nth-child(4) {
    grid-area: empty2;
  }
  .modal .modalContent.timeLine > div > div:nth-child(5) {
    grid-area: number2;
  }
  .modal .modalContent.timeLine > div > div:nth-child(6) {
    grid-area: caption2;
  }
  .modal .modalContent.timeLine > div > div:nth-child(7) {
    grid-area: caption3;
  }
  .modal .modalContent.timeLine > div > div:nth-child(8) {
    grid-area: number3;
  }
  .modal .modalContent.timeLine > div > div:nth-child(9) {
    grid-area: empty3;
  }
  .modal .modalContent.timeLine > div > div:nth-child(10) {
    grid-area: empty4;
  }
  .modal .modalContent.timeLine > div > div:nth-child(11) {
    grid-area: number4;
  }
  .modal .modalContent.timeLine > div > div:nth-child(12) {
    grid-area: caption4;
  }
  .modal .modalContent.timeLine > div > div:nth-child(13) {
    grid-area: caption5;
  }
  .modal .modalContent.timeLine > div > div:nth-child(14) {
    grid-area: number5;
  }
  .modal .modalContent.timeLine > div > div:nth-child(15) {
    grid-area: empty5;
  }
  .modal .modalContent.timeLine > div > div:nth-child(16) {
    grid-area: empty6;
  }
  .modal .modalContent.timeLine > div > div:nth-child(17) {
    grid-area: number6;
  }
  .modal .modalContent.timeLine > div > div:nth-child(18) {
    grid-area: caption6;
  }
  .modal .modalContent.timeLine > div > div:nth-child(19) {
    grid-area: caption7;
  }
  .modal .modalContent.timeLine > div > div:nth-child(20) {
    grid-area: number7;
  }
  .modal .modalContent.timeLine > div > div:nth-child(21) {
    grid-area: empty7;
  }
  .modal .modalContent.timeLine > div > div:nth-child(22) {
    grid-area: empty8;
  }
  .modal .modalContent.timeLine > div > div:nth-child(23) {
    grid-area: number8;
  }
  .modal .modalContent.timeLine > div > div:nth-child(24) {
    grid-area: caption8;
  }
  .modal .modalContent.timeLine > div > div:nth-child(25) {
    grid-area: caption9;
  }
  .modal .modalContent.timeLine > div > div:nth-child(26) {
    grid-area: number9;
  }
  .modal .modalContent.timeLine > div > div:nth-child(27) {
    grid-area: empty9;
  }
  .modal .modalContent.timeLine > div > div:nth-child(28) {
    grid-area: empty10;
  }
  .modal .modalContent.timeLine > div > div:nth-child(29) {
    grid-area: number10;
  }
  .modal .modalContent.timeLine > div > div:nth-child(30) {
    grid-area: caption10;
  }
  .modal .modalContent.timeLine > div > div:nth-child(31) {
    grid-area: caption11;
  }
  .modal .modalContent.timeLine > div > div:nth-child(32) {
    grid-area: number11;
  }
  .modal .modalContent.timeLine > div > div:nth-child(33) {
    grid-area: empty11;
  }
  .modal .modalContent.timeLine > div > div:nth-child(34) {
    grid-area: empty12;
  }
  .modal .modalContent.timeLine > div > div:nth-child(35) {
    grid-area: number12;
  }
  .modal .modalContent.timeLine > div > div:nth-child(36) {
    grid-area: caption12;
  }
  .modal .modalContent.timeLine > div > div:nth-child(37) {
    grid-area: caption13;
  }
  .modal .modalContent.timeLine > div > div:nth-child(38) {
    grid-area: number13;
  }
  .modal .modalContent.timeLine > div > div:nth-child(39) {
    grid-area: empty13;
  }
  .modal .modalContent.timeLine > div > div:nth-child(40) {
    grid-area: empty14;
  }
  .modal .modalContent.timeLine > div > div:nth-child(41) {
    grid-area: number14;
  }
  .modal .modalContent.timeLine > div > div:nth-child(42) {
    grid-area: caption14;
  }
  .modal .modalContent.timeLine > div > div:nth-child(43) {
    grid-area: caption15;
  }
  .modal .modalContent.timeLine > div > div:nth-child(44) {
    grid-area: number15;
  }
  .modal .modalContent.timeLine > div > div:nth-child(45) {
    grid-area: empty15;
  }
  .modal .modalContent.timeLine > div > div:nth-child(46) {
    grid-area: empty16;
  }
  .modal .modalContent.timeLine > div > div:nth-child(47) {
    grid-area: number16;
  }
  .modal .modalContent.timeLine > div > div:nth-child(48) {
    grid-area: caption16;
  }
  .modal .modalContent.timeLine > div > div:nth-child(49) {
    grid-area: caption17;
  }
  .modal .modalContent.timeLine > div > div:nth-child(50) {
    grid-area: number17;
  }
  .modal .modalContent.timeLine > div > div:nth-child(51) {
    grid-area: empty17;
  }
  .modal .modalContent.timeLine > div > div:nth-child(52) {
    grid-area: empty18;
  }
  .modal .modalContent.timeLine > div > div:nth-child(53) {
    grid-area: number18;
  }
  .modal .modalContent.timeLine > div > div:nth-child(54) {
    grid-area: caption18;
  }
}
@media (max-width: 10000px) {
  .modal .modalContent.timeLine > div > div {
    padding-left: 0;
    padding-right: 0;
  }
}
.modal .modalContent.timeLine > div > div:nth-child(3n+2) {
  padding: 0;
  position: relative;
  min-height: 55px;
}
.modal .modalContent.timeLine > div > div:nth-child(3n+2):before {
  display: block;
  content: "";
  display: flex;
  height: 100%;
  border-right: 2px dashed #ece6ff;
  width: 50%;
}
.modal .modalContent.timeLine > div > div:nth-child(3n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px dashed #ece6ff;
  color: #4d4d4d;
  content: "1";
  font-size: 22px;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
}
.modal .modalContent.timeLine > div > div:nth-child(5):after {
  content: "2";
}
.modal .modalContent.timeLine > div > div:nth-child(8):after {
  content: "3";
}
.modal .modalContent.timeLine > div > div:nth-child(11):after {
  content: "4";
}
.modal .modalContent.timeLine > div > div:nth-child(14):after {
  content: "5";
}
.modal .modalContent.timeLine > div > div:nth-child(17):after {
  content: "6";
}
.modal .modalContent.timeLine > div > div:nth-child(20):after {
  content: "7";
}
.modal .modalContent.timeLine > div > div:nth-child(23):after {
  content: "8";
}
.modal .modalContent.timeLine > div > div:nth-child(26):after {
  content: "9";
}
.modal .modalContent.timeLine > div > div:nth-child(29):after {
  content: "10";
}
.modal .modalContent.timeLine > div > div:nth-child(32):after {
  content: "11";
}
.modal .modalContent.timeLine > div > div:nth-child(35):after {
  content: "12";
}
.modal .modalContent.timeLine > div > div:nth-child(38):after {
  content: "13";
}
.modal .modalContent.timeLine > div > div:nth-child(41):after {
  content: "14";
}
.modal .modalContent.timeLine > div > div:nth-child(44):after {
  content: "15";
}
.modal .modalContent.timeLine > div > div:nth-child(47):after {
  content: "16";
}
.modal .modalContent.timeLine > div > div:nth-child(50):after {
  content: "17";
}
.modal .modalContent.timeLine > div > div:nth-child(53):after {
  content: "18";
}
.modal .modalContent.timeLine > div div:nth-last-child(2):before {
  display: none;
}
.fold {
  padding: clamp(30px, 7.5vh, 110px) 0;
}
.fold > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  .fold > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.fold > div:not(:last-child) {
  margin-bottom: 24px;
}
.fold.timeLine.wordy p {
  font-size: 1rem;
}
.fold.timeLine > div h1,
.fold.timeLine > div h2 {
  text-align: center;
}
.fold.timeLine > div h1,
.fold.timeLine > div h2,
.fold.timeLine > div > p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.fold.timeLine > div > div {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  grid-column-gap: 24px;
  margin-top: 48px;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.fold.timeLine > div > div > div {
  min-height: 230px;
  padding: 48px;
  padding-top: 16.5px;
}
@media (max-width: 850px) {
  .fold.timeLine > div > div {
    grid-template-columns: 55px 1fr;
    grid-template-areas: "number1 caption1" "number2 caption2" "number3 caption3" "number4 caption4" "number5 caption5" "number6 caption6" "number7 caption7" "number8 caption8" "number9 caption9" "number10 caption10" "number11 caption11" "number12 caption12" "number13 caption13" "number14 caption14" "number15 caption15" "number16 caption16" "number17 caption17" "number18 caption18";
  }
  .fold.timeLine > div > div > div:nth-child(6n+3),
  .fold.timeLine > div > div > div:nth-child(6n+4) {
    display: none;
  }
  .fold.timeLine > div > div > div:nth-child(1) {
    grid-area: caption1;
  }
  .fold.timeLine > div > div > div:nth-child(2) {
    grid-area: number1;
  }
  .fold.timeLine > div > div > div:nth-child(3) {
    grid-area: empty1;
  }
  .fold.timeLine > div > div > div:nth-child(4) {
    grid-area: empty2;
  }
  .fold.timeLine > div > div > div:nth-child(5) {
    grid-area: number2;
  }
  .fold.timeLine > div > div > div:nth-child(6) {
    grid-area: caption2;
  }
  .fold.timeLine > div > div > div:nth-child(7) {
    grid-area: caption3;
  }
  .fold.timeLine > div > div > div:nth-child(8) {
    grid-area: number3;
  }
  .fold.timeLine > div > div > div:nth-child(9) {
    grid-area: empty3;
  }
  .fold.timeLine > div > div > div:nth-child(10) {
    grid-area: empty4;
  }
  .fold.timeLine > div > div > div:nth-child(11) {
    grid-area: number4;
  }
  .fold.timeLine > div > div > div:nth-child(12) {
    grid-area: caption4;
  }
  .fold.timeLine > div > div > div:nth-child(13) {
    grid-area: caption5;
  }
  .fold.timeLine > div > div > div:nth-child(14) {
    grid-area: number5;
  }
  .fold.timeLine > div > div > div:nth-child(15) {
    grid-area: empty5;
  }
  .fold.timeLine > div > div > div:nth-child(16) {
    grid-area: empty6;
  }
  .fold.timeLine > div > div > div:nth-child(17) {
    grid-area: number6;
  }
  .fold.timeLine > div > div > div:nth-child(18) {
    grid-area: caption6;
  }
  .fold.timeLine > div > div > div:nth-child(19) {
    grid-area: caption7;
  }
  .fold.timeLine > div > div > div:nth-child(20) {
    grid-area: number7;
  }
  .fold.timeLine > div > div > div:nth-child(21) {
    grid-area: empty7;
  }
  .fold.timeLine > div > div > div:nth-child(22) {
    grid-area: empty8;
  }
  .fold.timeLine > div > div > div:nth-child(23) {
    grid-area: number8;
  }
  .fold.timeLine > div > div > div:nth-child(24) {
    grid-area: caption8;
  }
  .fold.timeLine > div > div > div:nth-child(25) {
    grid-area: caption9;
  }
  .fold.timeLine > div > div > div:nth-child(26) {
    grid-area: number9;
  }
  .fold.timeLine > div > div > div:nth-child(27) {
    grid-area: empty9;
  }
  .fold.timeLine > div > div > div:nth-child(28) {
    grid-area: empty10;
  }
  .fold.timeLine > div > div > div:nth-child(29) {
    grid-area: number10;
  }
  .fold.timeLine > div > div > div:nth-child(30) {
    grid-area: caption10;
  }
  .fold.timeLine > div > div > div:nth-child(31) {
    grid-area: caption11;
  }
  .fold.timeLine > div > div > div:nth-child(32) {
    grid-area: number11;
  }
  .fold.timeLine > div > div > div:nth-child(33) {
    grid-area: empty11;
  }
  .fold.timeLine > div > div > div:nth-child(34) {
    grid-area: empty12;
  }
  .fold.timeLine > div > div > div:nth-child(35) {
    grid-area: number12;
  }
  .fold.timeLine > div > div > div:nth-child(36) {
    grid-area: caption12;
  }
  .fold.timeLine > div > div > div:nth-child(37) {
    grid-area: caption13;
  }
  .fold.timeLine > div > div > div:nth-child(38) {
    grid-area: number13;
  }
  .fold.timeLine > div > div > div:nth-child(39) {
    grid-area: empty13;
  }
  .fold.timeLine > div > div > div:nth-child(40) {
    grid-area: empty14;
  }
  .fold.timeLine > div > div > div:nth-child(41) {
    grid-area: number14;
  }
  .fold.timeLine > div > div > div:nth-child(42) {
    grid-area: caption14;
  }
  .fold.timeLine > div > div > div:nth-child(43) {
    grid-area: caption15;
  }
  .fold.timeLine > div > div > div:nth-child(44) {
    grid-area: number15;
  }
  .fold.timeLine > div > div > div:nth-child(45) {
    grid-area: empty15;
  }
  .fold.timeLine > div > div > div:nth-child(46) {
    grid-area: empty16;
  }
  .fold.timeLine > div > div > div:nth-child(47) {
    grid-area: number16;
  }
  .fold.timeLine > div > div > div:nth-child(48) {
    grid-area: caption16;
  }
  .fold.timeLine > div > div > div:nth-child(49) {
    grid-area: caption17;
  }
  .fold.timeLine > div > div > div:nth-child(50) {
    grid-area: number17;
  }
  .fold.timeLine > div > div > div:nth-child(51) {
    grid-area: empty17;
  }
  .fold.timeLine > div > div > div:nth-child(52) {
    grid-area: empty18;
  }
  .fold.timeLine > div > div > div:nth-child(53) {
    grid-area: number18;
  }
  .fold.timeLine > div > div > div:nth-child(54) {
    grid-area: caption18;
  }
}
@media (max-width: 510px) {
  .fold.timeLine > div > div > div {
    padding-left: 0;
    padding-right: 0;
  }
}
.fold.timeLine > div > div > div:nth-child(3n+2) {
  padding: 0;
  position: relative;
  min-height: 55px;
}
.fold.timeLine > div > div > div:nth-child(3n+2):before {
  display: block;
  content: "";
  display: flex;
  height: 100%;
  border-right: 2px dashed #ece6ff;
  width: 50%;
}
.fold.timeLine > div > div > div:nth-child(3n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px dashed #ece6ff;
  color: #4d4d4d;
  content: "1";
  font-size: 22px;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
}
.fold.timeLine > div > div > div:nth-child(5):after {
  content: "2";
}
.fold.timeLine > div > div > div:nth-child(8):after {
  content: "3";
}
.fold.timeLine > div > div > div:nth-child(11):after {
  content: "4";
}
.fold.timeLine > div > div > div:nth-child(14):after {
  content: "5";
}
.fold.timeLine > div > div > div:nth-child(17):after {
  content: "6";
}
.fold.timeLine > div > div > div:nth-child(20):after {
  content: "7";
}
.fold.timeLine > div > div > div:nth-child(23):after {
  content: "8";
}
.fold.timeLine > div > div > div:nth-child(26):after {
  content: "9";
}
.fold.timeLine > div > div > div:nth-child(29):after {
  content: "10";
}
.fold.timeLine > div > div > div:nth-child(32):after {
  content: "11";
}
.fold.timeLine > div > div > div:nth-child(35):after {
  content: "12";
}
.fold.timeLine > div > div > div:nth-child(38):after {
  content: "13";
}
.fold.timeLine > div > div > div:nth-child(41):after {
  content: "14";
}
.fold.timeLine > div > div > div:nth-child(44):after {
  content: "15";
}
.fold.timeLine > div > div > div:nth-child(47):after {
  content: "16";
}
.fold.timeLine > div > div > div:nth-child(50):after {
  content: "17";
}
.fold.timeLine > div > div > div:nth-child(53):after {
  content: "18";
}
.fold.timeLine > div > div div:nth-last-child(2):before {
  display: none;
}
.fold.timeLine > div .button {
  display: block;
  margin: 24px auto;
  text-align: center;
  font-size: 1.2rem;
  width: calc(100% - (2 * 10px));
  max-width: 400px;
}
.fold.timeLine > div .button:after {
  display: inline-block;
  content: "\f105";
  margin-left: 12px;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  position: relative;
  transform: translateY(-1px);
}
.fold.pageBreak {
  background: #e45f31;
}
.fold.pageBreak h2,
.fold.pageBreak h3,
.fold.pageBreak h4,
.fold.pageBreak h5,
.fold.pageBreak h6,
.fold.pageBreak p,
.fold.pageBreak ul,
.fold.pageBreak ol,
.fold.pageBreak svg.svg-inline--fa,
.fold.pageBreak i.fas,
.fold.pageBreak i.fab,
.fold.pageBreak i.fal,
.fold.pageBreak i.far,
.fold.pageBreak i.fad {
  color: #fff;
}
.mainPurposeOfPage + .fold,
.mainPurposeOfPage + .fold + .footerCurve {
  background: #f7f7f7;
}
.imageQuote + .fold {
  padding-top: clamp(60px, 15vh, 220px);
}
.fold.containsTabs,
.fold.containsTabs + .footerCurve {
  background: #f7f7f7;
}
.fold.containsTabs > div {
  max-width: 1000px;
}
.fold.faq h2,
.fold.faq h3 {
  text-align: center;
}
.fold.faq,
.fold.faq + .footerCurve {
  background: #f7f7f7;
}
.fold.faq > div {
  max-width: 980px;
}
.fold.highlight {
  background-color: #e45f31;
}
.fold.highlight h1,
.fold.highlight h2,
.fold.highlight h3,
.fold.highlight h4,
.fold.highlight h5,
.fold.highlight h6,
.fold.highlight ul,
.fold.highlight ol,
.fold.highlight p,
.fold.highlight label,
.fold.highlight .pre-heading {
  color: #fff;
}
.fold.highlight a,
.fold.highlight a.CTA {
  color: #fff;
  border-color: #fff;
}
.fold.strong {
  background-color: #e45f31;
  background: #011734;
}
.fold.strong h1,
.fold.strong h2,
.fold.strong h3,
.fold.strong h4,
.fold.strong h5,
.fold.strong h6,
.fold.strong ul,
.fold.strong ol,
.fold.strong p,
.fold.strong label,
.fold.strong .pre-heading {
  color: #fff;
}
.fold.strong a,
.fold.strong a.CTA {
  color: #fff;
  border-color: #fff;
}
.fold.center h1,
.fold.center h2,
.fold.center a.CTA {
  text-align: center;
}
.fold.center .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.fold.intro > div,
.fold.brief > div {
  max-width: 600px;
}
.fold.intro > div h1,
.fold.brief > div h1,
.fold.intro > div h2,
.fold.brief > div h2,
.fold.intro > div a.CTA,
.fold.brief > div a.CTA {
  text-align: center;
}
.fold.intro > div .CTA,
.fold.brief > div .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.fold.intro > div h2,
.fold.brief > div h2 {
  margin-bottom: 24px;
}
.fold.intro > div p,
.fold.brief > div p {
  text-align: justify;
}
.fold.intro > div p:only-of-type,
.fold.brief > div p:only-of-type {
  text-align: justify;
  font-size: clamp(19px, 3.7vw, 21.2px);
}
@media (min-width: 460px) {
  .fold.intro > div p:only-of-type,
  .fold.brief > div p:only-of-type {
    text-align: center;
  }
}
.fold.fullWidthContent > div {
  width: 100%;
  max-width: none;
  padding: 0;
}
.fold.topQuestions,
.fold.topQuestions + .footerCurve {
  background: #f7f7f7;
}
.fold.topQuestions > div {
  max-width: 980px;
}
.fold.topQuestions > div > div {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 708px) {
  .fold.topQuestions > div > div {
    grid-template-columns: 1fr;
  }
}
.fold.topQuestions > div > div > div h4,
.fold.topQuestions > div > div > div h5 {
  font-weight: 600;
}
.fold.topQuestions > div > div > div p {
  font-size: 0.9rem;
}
.fold.historicalTimeline > div > div {
  max-width: 850px;
  margin: auto;
}
.fold.historicalTimeline > div > div > p:only-of-type {
  text-align: center;
}
.fold.historicalTimeline > div > div > ul {
  list-style-type: none;
  counter-reset: li-counter;
  margin-top: 60px;
  margin-bottom: 0;
  margin-left: 45px;
  padding-left: 45px;
  border-left: 4px solid #e45f31;
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .fold.historicalTimeline > div > div > ul {
    padding-right: 45px;
  }
}
.fold.historicalTimeline > div > div > ul > li {
  position: relative;
  /* make the height of paragraphs in the last child <li> unknown. This will curtail the length of the left border, making it stop at the last nodal point */
}
.fold.historicalTimeline > div > div > ul > li:last-child {
  margin-bottom: 30px;
}
.fold.historicalTimeline > div > div > ul > li:before {
  position: absolute;
  left: calc(0px - (4px / 2) - 45px  - (38px / 2 ));
  top: -2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #e45f31;
  box-shadow: 1px 1px 5px 1px rgba(152, 152, 152, 0.71);
  display: block;
  content: "";
}
.fold.historicalTimeline > div > div > ul > li > * {
  margin: 0;
  padding: 0;
  text-align: left;
}
.fold.historicalTimeline > div > div > ul > li p {
  width: 100%;
  margin-bottom: 48px;
}
.fold.historicalTimeline > div > div > ul > li:last-child p {
  float: left;
}
.fold.historicalTimeline > div > div > ul li p {
  font-size: 1rem;
}
.textBox {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.textBox .button {
  margin: 24px auto;
  display: block;
  max-width: 250px;
  text-align: center;
  font-size: clamp(17px, 2.5vw, 19px);
}
@media (max-width: 500px) {
  .textBox .button {
    max-width: 98%;
  }
}
.textBox h1,
.textBox h2,
.textBox h3,
.textBox h4 {
  text-align: center;
}
.textBox h1 + p,
.textBox h2 + p,
.textBox h3 + p,
.textBox h4 + p {
  text-align: justify;
}
@media (min-width: 768px) {
  .textBox h1 + p:only-of-type,
  .textBox h2 + p:only-of-type,
  .textBox h3 + p:only-of-type,
  .textBox h4 + p:only-of-type {
    text-align: center;
  }
}
.compareConcepts {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: auto;
}
.compareConcepts > div,
.compareConcepts > a,
.compareConcepts > li {
  margin-bottom: 24px;
  min-width: 296px;
  flex-grow: 1;
  flex-basis: calc((100% - ((4 - 1) * 24px)) / 4);
}
.compareConcepts > div:last-child:nth-child(2),
.compareConcepts > a:last-child:nth-child(2),
.compareConcepts > li:last-child:nth-child(2),
.compareConcepts > div:last-child:nth-child(3),
.compareConcepts > a:last-child:nth-child(3),
.compareConcepts > li:last-child:nth-child(3),
.compareConcepts > div:last-child:nth-child(4),
.compareConcepts > a:last-child:nth-child(4),
.compareConcepts > li:last-child:nth-child(4) {
  margin-bottom: 0;
}
.compareConcepts > div:nth-last-child(2):first-child,
.compareConcepts > a:nth-last-child(2):first-child,
.compareConcepts > li:nth-last-child(2):first-child,
.compareConcepts > div:nth-last-child(2):nth-child(2),
.compareConcepts > a:nth-last-child(2):nth-child(2),
.compareConcepts > li:nth-last-child(2):nth-child(2),
.compareConcepts > div:nth-last-child(2):nth-child(3),
.compareConcepts > a:nth-last-child(2):nth-child(3),
.compareConcepts > li:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.compareConcepts > div:nth-last-child(3):first-child,
.compareConcepts > a:nth-last-child(3):first-child,
.compareConcepts > li:nth-last-child(3):first-child,
.compareConcepts > div:nth-last-child(3):nth-child(2),
.compareConcepts > a:nth-last-child(3):nth-child(2),
.compareConcepts > li:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
@media (max-width: 1280px) {
  .compareConcepts > div,
  .compareConcepts > a,
  .compareConcepts > li {
    flex-basis: calc((100% - (2 * 24px)) / 2);
  }
  .compareConcepts > div:last-child:nth-child(3),
  .compareConcepts > a:last-child:nth-child(3),
  .compareConcepts > li:last-child:nth-child(3),
  .compareConcepts > div:nth-last-child(2):nth-child(2),
  .compareConcepts > a:nth-last-child(2):nth-child(2),
  .compareConcepts > li:nth-last-child(2):nth-child(2),
  .compareConcepts > div:first-child:nth-last-child(3),
  .compareConcepts > a:first-child:nth-last-child(3),
  .compareConcepts > li:first-child:nth-last-child(3) {
    flex-basis: calc((100% - (2 * 24px)) / 3);
  }
}
@media (max-width: 1028px) {
  .compareConcepts > div:last-child:nth-child(3),
  .compareConcepts > a:last-child:nth-child(3),
  .compareConcepts > li:last-child:nth-child(3),
  .compareConcepts > div:nth-last-child(2):nth-child(2),
  .compareConcepts > a:nth-last-child(2):nth-child(2),
  .compareConcepts > li:nth-last-child(2):nth-child(2),
  .compareConcepts > div:first-child:nth-last-child(3),
  .compareConcepts > a:first-child:nth-last-child(3),
  .compareConcepts > li:first-child:nth-last-child(3) {
    flex-basis: 100%;
    margin-bottom: 24px;
  }
}
@media (max-width: 684px) {
  .compareConcepts > div,
  .compareConcepts > a,
  .compareConcepts > li {
    flex-basis: calc((100% - 24px) / 2);
    min-width: 0;
  }
}
@media (max-width: 550px) {
  .compareConcepts > div,
  .compareConcepts > a,
  .compareConcepts > li {
    flex-basis: 100%;
  }
}
.siteSectionSummaries {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: auto;
}
.siteSectionSummaries > div,
.siteSectionSummaries > a,
.siteSectionSummaries > li {
  margin-bottom: 24px;
  min-width: 226px;
  flex-grow: 1;
  flex-basis: calc((100% - ((4 - 1) * 24px)) / 4);
}
.siteSectionSummaries > div:last-child:nth-child(2),
.siteSectionSummaries > a:last-child:nth-child(2),
.siteSectionSummaries > li:last-child:nth-child(2),
.siteSectionSummaries > div:last-child:nth-child(3),
.siteSectionSummaries > a:last-child:nth-child(3),
.siteSectionSummaries > li:last-child:nth-child(3),
.siteSectionSummaries > div:last-child:nth-child(4),
.siteSectionSummaries > a:last-child:nth-child(4),
.siteSectionSummaries > li:last-child:nth-child(4) {
  margin-bottom: 0;
}
.siteSectionSummaries > div:nth-last-child(2):first-child,
.siteSectionSummaries > a:nth-last-child(2):first-child,
.siteSectionSummaries > li:nth-last-child(2):first-child,
.siteSectionSummaries > div:nth-last-child(2):nth-child(2),
.siteSectionSummaries > a:nth-last-child(2):nth-child(2),
.siteSectionSummaries > li:nth-last-child(2):nth-child(2),
.siteSectionSummaries > div:nth-last-child(2):nth-child(3),
.siteSectionSummaries > a:nth-last-child(2):nth-child(3),
.siteSectionSummaries > li:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.siteSectionSummaries > div:nth-last-child(3):first-child,
.siteSectionSummaries > a:nth-last-child(3):first-child,
.siteSectionSummaries > li:nth-last-child(3):first-child,
.siteSectionSummaries > div:nth-last-child(3):nth-child(2),
.siteSectionSummaries > a:nth-last-child(3):nth-child(2),
.siteSectionSummaries > li:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
@media (max-width: 1000px) {
  .siteSectionSummaries > div,
  .siteSectionSummaries > a,
  .siteSectionSummaries > li {
    flex-basis: calc((100% - (2 * 24px)) / 2);
  }
  .siteSectionSummaries > div:last-child:nth-child(3),
  .siteSectionSummaries > a:last-child:nth-child(3),
  .siteSectionSummaries > li:last-child:nth-child(3),
  .siteSectionSummaries > div:nth-last-child(2):nth-child(2),
  .siteSectionSummaries > a:nth-last-child(2):nth-child(2),
  .siteSectionSummaries > li:nth-last-child(2):nth-child(2),
  .siteSectionSummaries > div:first-child:nth-last-child(3),
  .siteSectionSummaries > a:first-child:nth-last-child(3),
  .siteSectionSummaries > li:first-child:nth-last-child(3) {
    flex-basis: calc((100% - (2 * 24px)) / 3);
  }
}
@media (max-width: 818px) {
  .siteSectionSummaries > div:last-child:nth-child(3),
  .siteSectionSummaries > a:last-child:nth-child(3),
  .siteSectionSummaries > li:last-child:nth-child(3),
  .siteSectionSummaries > div:nth-last-child(2):nth-child(2),
  .siteSectionSummaries > a:nth-last-child(2):nth-child(2),
  .siteSectionSummaries > li:nth-last-child(2):nth-child(2),
  .siteSectionSummaries > div:first-child:nth-last-child(3),
  .siteSectionSummaries > a:first-child:nth-last-child(3),
  .siteSectionSummaries > li:first-child:nth-last-child(3) {
    flex-basis: 100%;
    margin-bottom: 24px;
  }
}
@media (max-width: 544px) {
  .siteSectionSummaries > div,
  .siteSectionSummaries > a,
  .siteSectionSummaries > li {
    flex-basis: calc((100% - 24px) / 2);
    min-width: 0;
  }
}
@media (max-width: 500px) {
  .siteSectionSummaries > div,
  .siteSectionSummaries > a,
  .siteSectionSummaries > li {
    flex-basis: 100%;
  }
}
.siteSectionSummaries > div img,
.siteSectionSummaries > div picture {
  max-height: 300px;
  width: 100%;
}
.siteSectionSummaries > div h3,
.siteSectionSummaries > div h4,
.siteSectionSummaries > div h5 {
  text-align: left;
}
.siteSectionSummaries > div p {
  font-size: 0.9rem;
}
body.informationalPage .spread {
  background: #f7f7f7;
}
@media (min-width: 901px) {
  body.informationalPage .spread {
    padding-top: clamp(20px, 4vw, 50px);
  }
}
body.informationalPage .spread > div {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 300px calc(100% - 300px);
  grid-template-areas: "pageContentsTable hero" "pageContentsTable guidePageContent";
}
@media (min-width: 901px) {
  body.informationalPage .spread > div .hero {
    margin: 0 24px 24px 24px;
    border-radius: 4px;
    overflow: hidden;
  }
  body.informationalPage .spread > div .hero > div:nth-of-type(2) {
    padding: 24px;
  }
}
@media (max-width: 900px) {
  body.informationalPage .spread > div .guidePageContent {
    padding-top: 48px;
  }
}
@media (max-width: 500px) {
  body.informationalPage .spread > div .guidePageContent {
    padding-top: 24px;
  }
}
@media (max-width: 900px) {
  body.informationalPage .spread > div {
    grid-template-columns: 100%;
    grid-template-areas: "hero" "pageContentsTable" "guidePageContent";
  }
}
body.informationalPage .spread > div .hero:not(.frontPage) {
  grid-area: hero;
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(180px, 65vw, 380px);
}
body.informationalPage .spread > div .hero:not(.frontPage) > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
body.informationalPage .spread > div .hero:not(.frontPage) > div:first-child img,
body.informationalPage .spread > div .hero:not(.frontPage) > div:first-child picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(80%);
}
body.informationalPage .spread > div .hero:not(.frontPage) > div:first-child > img:nth-of-type(2) {
  display: none;
}
@media (max-width: 500px) {
  body.informationalPage .spread > div .hero:not(.frontPage) > div:first-child > img:nth-of-type(2):last-child {
    display: block;
  }
  body.informationalPage .spread > div .hero:not(.frontPage) > div:first-child > img:first-of-type:nth-last-of-type(2) {
    display: none;
  }
}
body.informationalPage .spread > div .hero:not(.frontPage) > div:first-child > picture > img:nth-child(n) {
  display: block;
}
body.informationalPage .spread > div .hero:not(.frontPage) > div:nth-child(2) {
  position: relative;
  resize: vertical;
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  body.informationalPage .spread > div .hero:not(.frontPage) > div:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.internetExplorer body.informationalPage .spread > div .hero:not(.frontPage),
.internetExplorer body.informationalPage .spread > div .hero:not(.frontPage) * {
  display: block;
}
.internetExplorer body > body.informationalPage .spread > div .hero:not(.frontPage) {
  min-height: 400px;
}
body.informationalPage .spread > div .hero:not(.frontPage) > div:nth-of-type(2) {
  min-height: 0;
}
body.informationalPage .spread > div .hero:not(.frontPage) > div:nth-of-type(2) * {
  color: #fff;
}
body.informationalPage .spread > div .pageContentsTable {
  grid-area: pageContentsTable;
  background: #f7f7f7;
}
@media (min-width: 901px) {
  body.informationalPage .spread > div .pageContentsTable {
    margin-left: 10px;
  }
}
body.informationalPage .spread > div .pageContentsTable ul {
  display: grid;
  grid-column-gap: 24px;
}
@media (max-width: 900px) {
  body.informationalPage .spread > div .pageContentsTable ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 700px) {
  body.informationalPage .spread > div .pageContentsTable ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 500px) {
  body.informationalPage .spread > div .pageContentsTable ul {
    grid-template-columns: 1fr;
  }
}
body.informationalPage .spread > div .pageContentsTable > div {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  padding: 24px;
  background: #011734;
}
@media (min-width: 901px) {
  body.informationalPage .spread > div .pageContentsTable > div {
    border-radius: 4px;
  }
}
body.informationalPage .spread > div .pageContentsTable > div * {
  color: #fff;
}
body.informationalPage .spread > div .pageContentsTable > div ul li {
  font-size: 0.9rem;
}
body.informationalPage .spread > div .pageContentsTable > div ul li:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f0da";
  margin-right: 5px;
  vertical-align: top;
}
body.informationalPage .spread > div .guidePageContent {
  grid-area: guidePageContent;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
@media (max-width: 500px) {
  body.informationalPage .spread > div .guidePageContent {
    padding-left: 10px;
    padding-right: 10px;
  }
}
body.informationalPage .spread > div .guidePageContent > div {
  margin-bottom: 48px;
}
body.informationalPage .spread > div .guidePageContent > div:not(.tabs):not(.singleFullWidthCTA):not(.photoGallery) {
  padding: 24px;
  border-radius: 4px;
  background: #fff;
}
@media (max-width: 500px) {
  body.informationalPage .spread > div .guidePageContent > div {
    margin-bottom: 24px;
  }
}
body.informationalPage .spread > div .guidePageContent > div:last-child {
  margin-bottom: 0;
}
body.informationalPage .spread > div .guidePageContent > div.photoGallery {
  padding: 0;
  margin: 48px 0;
  background: transparent;
}
@media (max-width: 1020px) {
  body.informationalPage .spread > div .guidePageContent > div.photoGallery {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 750px) and (max-width: 900px) {
  body.informationalPage .spread > div .guidePageContent > div.photoGallery {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
body.informationalPage .spread > div .guidePageContent > div.photoGallery > * {
  border-radius: 4px;
  overflow: hidden;
}
body.informationalPage .spread > div .guidePageContent > div .figure {
  margin: 24px auto;
}
body.informationalPage .spread > div .guidePageContent > div .figure figcaption {
  text-align: center;
}
body.informationalPage .spread > div .guidePageContent > div .subSection {
  margin: 24px 0;
  padding: 24px 0;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
}
body.informationalPage .spread > div .guidePageContent > div .subSection + .subSection,
body.informationalPage .spread > div .guidePageContent > div .subSection:first-child {
  border-top: none;
  padding-top: 0;
}
body.informationalPage .spread > div .guidePageContent > div .subSection:last-child,
body.informationalPage .spread > div .guidePageContent > div .subSection:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
body.informationalPage .spread > div .guidePageContent > div > div:last-child {
  margin-bottom: 0;
}
body.informationalPage .spread > div .guidePageContent > div .statsList,
body.informationalPage .spread > div .guidePageContent > div .iconsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1000px) {
  body.informationalPage .spread > div .guidePageContent > div .statsList,
  body.informationalPage .spread > div .guidePageContent > div .iconsList {
    grid-template-columns: 1fr 1fr;
  }
}
body.informationalPage .spread > div .guidePageContent > div .statsList > li,
body.informationalPage .spread > div .guidePageContent > div .iconsList > li {
  padding: 24px;
  font-size: 0.9rem;
  line-height: 1.035rem;
  text-align: left;
  display: flex;
  align-items: center;
}
body.informationalPage .spread > div .guidePageContent > div .statsList > li svg.svg-inline--fa,
body.informationalPage .spread > div .guidePageContent > div .iconsList > li svg.svg-inline--fa,
body.informationalPage .spread > div .guidePageContent > div .statsList > li i.fas,
body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.fas,
body.informationalPage .spread > div .guidePageContent > div .statsList > li i.fab,
body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.fab,
body.informationalPage .spread > div .guidePageContent > div .statsList > li i.fal,
body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.fal,
body.informationalPage .spread > div .guidePageContent > div .statsList > li i.far,
body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.far,
body.informationalPage .spread > div .guidePageContent > div .statsList > li i.fad,
body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.fad {
  font-weight: 300;
  font-size: 1.7em;
  color: #e45f31;
  vertical-align: middle;
  margin-right: 12px;
}
@media (max-width: 450px) {
  body.informationalPage .spread > div .guidePageContent > div .statsList > li,
  body.informationalPage .spread > div .guidePageContent > div .iconsList > li {
    padding: 12px;
    font-size: 0.81rem;
  }
  body.informationalPage .spread > div .guidePageContent > div .statsList > li svg.svg-inline--fa,
  body.informationalPage .spread > div .guidePageContent > div .iconsList > li svg.svg-inline--fa,
  body.informationalPage .spread > div .guidePageContent > div .statsList > li i.fas,
  body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.fas,
  body.informationalPage .spread > div .guidePageContent > div .statsList > li i.fab,
  body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.fab,
  body.informationalPage .spread > div .guidePageContent > div .statsList > li i.fal,
  body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.fal,
  body.informationalPage .spread > div .guidePageContent > div .statsList > li i.far,
  body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.far,
  body.informationalPage .spread > div .guidePageContent > div .statsList > li i.fad,
  body.informationalPage .spread > div .guidePageContent > div .iconsList > li i.fad {
    font-size: 1.53em;
  }
}
body.informationalPage .spread > div .guidePageContent > div .tableWrapper {
  border-radius: 4px;
  width: 100%;
  border: 1px solid lightgray;
  overflow: hidden;
  margin: 24px 0;
}
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table {
  margin: 0;
  width: 100%;
  font-size: 16px;
}
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table th,
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table td {
  border: 1px solid lightgray;
  padding: 18px;
  text-align: left;
}
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table th:first-of-type,
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table td:first-of-type {
  border-left: none;
}
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table th:last-of-type,
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table td:last-of-type {
  border-right: none;
}
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table tr:last-of-type,
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table tr td {
  border-bottom: none;
}
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table th {
  font-weight: bold;
  border-top: none;
  text-transform: none;
}
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table td {
  font-size: 14.4px;
}
body.informationalPage .spread > div .guidePageContent > div .tableWrapper table td:first-of-type {
  font-weight: bold;
  font-size: 16px;
}
body.informationalPage .spread > div .guidePageContent .directory > div {
  margin: 24px 0 0 0;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
body.informationalPage .spread > div .guidePageContent .directory > div ul {
  width: 100%;
  margin: 0;
}
body.informationalPage .spread > div .guidePageContent .directory > div ul li {
  font-size: 0.85rem;
  padding: 3px 0;
}
body.informationalPage .spread > div .guidePageContent .directory > div ul li p {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
body.informationalPage .spread > div .guidePageContent .directory > div ul li h1,
body.informationalPage .spread > div .guidePageContent .directory > div ul li h2,
body.informationalPage .spread > div .guidePageContent .directory > div ul li h3,
body.informationalPage .spread > div .guidePageContent .directory > div ul li h4 {
  display: none;
}
body.informationalPage .spread > div .guidePageContent .directory > div ul li h5 {
  font-size: 1rem;
  line-height: 1.25em;
  margin: 0;
}
body.informationalPage .spread > div .guidePageContent .directory > div ul li .recommendation,
body.informationalPage .spread > div .guidePageContent .directory > div ul li .category {
  font-size: 0.7em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
body.informationalPage .spread > div .guidePageContent .directory > div ul li .recommendation {
  background: #e45f31;
  color: #fff;
  padding: 4px;
}
body.informationalPage .spread > div .guidePageContent .directory > div ul li .category {
  opacity: 0.8;
}
body.informationalPage .spread > div .guidePageContent .directory > div ul li .category:nth-of-type(2) {
  margin-left: 5px;
}
body.informationalPage .spread > div .guidePageContent .directory > div ul li svg.svg-inline--fa,
body.informationalPage .spread > div .guidePageContent .directory > div ul li i.fas,
body.informationalPage .spread > div .guidePageContent .directory > div ul li i.fab,
body.informationalPage .spread > div .guidePageContent .directory > div ul li i.fal,
body.informationalPage .spread > div .guidePageContent .directory > div ul li i.far,
body.informationalPage .spread > div .guidePageContent .directory > div ul li i.fad {
  font-weight: 300;
}
body.informationalPage .spread > div .guidePageContent > img,
body.informationalPage .spread > div .guidePageContent figure > img {
  width: 100%;
  padding: 0;
}
body.informationalPage .spread > div .guidePageContent > figure {
  margin-bottom: 48px;
}
body.informationalPage .spread > div .guidePageContent > figure figcaption {
  background: transparent;
  margin: 0;
  padding: 12px 0;
}
body.informationalPage,
body.informationalPage + .footerCurve {
  background: #f7f7f7;
}
body.informationalPage h1 .subHeading {
  font-size: 1.25rem;
}
body.informationalPage .spread h2 {
  text-align: left;
}
body.informationalPage .spread h4 {
  font-weight: 600;
}
body.informationalPage .spread > div .pageContentsTable > div ul li:before {
  display: none;
}
body.informationalPage .spread ul.bulletpoint {
  font-size: 1rem;
}
@media (min-width: 900px) and (max-width: 1000px) {
  body.informationalPage .spread .localAttractionGallery {
    grid-template-columns: 1fr 1fr;
  }
}
body.single-purpose-calculator-page {
  background: #f7f7f7;
}
body.single-purpose-calculator-page .spread > div {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
body.single-purpose-calculator-page .hero:not(.frontPage) > div:nth-of-type(2) {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
body.single-purpose-calculator-page .hero:not(.frontPage) > div:nth-of-type(2) h1 {
  text-align: center;
}
body.single-purpose-calculator-page .hero:not(.frontPage) > div:nth-of-type(2) .subHeading {
  font-size: 24px;
}
body.single-purpose-calculator-page .textual-content {
  padding: 24px;
}
@media (max-width: 540px) {
  body.single-purpose-calculator-page .textual-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
body.single-purpose-calculator-page .textual-content .intro,
body.single-purpose-calculator-page .textual-content .inputs-area,
body.single-purpose-calculator-page .textual-content .totals-area > div,
body.single-purpose-calculator-page .textual-content .explainer-content > div,
body.single-purpose-calculator-page .textual-content .main-body-block {
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
}
body.single-purpose-calculator-page .textual-content .intro:not(:last-of-type),
body.single-purpose-calculator-page .textual-content .inputs-area:not(:last-of-type),
body.single-purpose-calculator-page .textual-content .totals-area > div:not(:last-of-type),
body.single-purpose-calculator-page .textual-content .explainer-content > div:not(:last-of-type),
body.single-purpose-calculator-page .textual-content .main-body-block:not(:last-of-type) {
  margin-bottom: 24px;
}
body.single-purpose-calculator-page .textual-content .subSection {
  padding-top: 24px;
}
body.single-purpose-calculator-page .textual-content .subSection:not(:last-of-type) {
  padding: 24px 0;
  border-bottom: 1px solid #d8d8d8;
}
body.single-purpose-calculator-page .textual-content .subSection *:last-child {
  margin-bottom: 0;
}
body.single-purpose-calculator-page .textual-content .calculator-area {
  position: relative;
}
@media (min-width: 860px) {
  body.single-purpose-calculator-page .textual-content .calculator-area {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 24px;
  }
}
@media (min-width: 1050px) {
  body.single-purpose-calculator-page .textual-content .calculator-area {
    grid-template-columns: 1fr 350px;
  }
}
body.single-purpose-calculator-page .textual-content .calculator-area h2 + .calculator,
body.single-purpose-calculator-page .textual-content .calculator-area h3 + .calculator {
  margin-top: 24px;
}
body.single-purpose-calculator-page .textual-content .calculator-area .totals-area table.savingsCalculationsTable {
  width: 100%;
}
body.single-purpose-calculator-page .textual-content .calculator-area .totals-area table.savingsCalculationsTable tr.heading td {
  padding-top: 0;
}
@media (min-width: 860px) {
  body.single-purpose-calculator-page .textual-content .calculator-area .totals-area > div {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
  }
  body.single-purpose-calculator-page .textual-content .calculator-area .totals-area > div table.savingsCalculationsTable tr.heading td {
    padding-top: 0;
  }
  body.single-purpose-calculator-page .textual-content .calculator-area .totals-area > div table.savingsCalculationsTable tr.heading td h5 {
    background: transparent;
    color: #777777;
    font-weight: 500;
    font-size: 0.85rem;
  }
  body.single-purpose-calculator-page .textual-content .calculator-area .totals-area > div table.savingsCalculationsTable tr.total {
    display: flex;
    flex-direction: column;
  }
  body.single-purpose-calculator-page .textual-content .calculator-area .totals-area > div table.savingsCalculationsTable tr.total td {
    margin: 0 ;
  }
  body.single-purpose-calculator-page .textual-content .calculator-area .totals-area > div table.savingsCalculationsTable tr.total td:nth-of-type(1) {
    padding-bottom: 3px;
    font-weight: normal;
  }
  body.single-purpose-calculator-page .textual-content .calculator-area .totals-area > div table.savingsCalculationsTable tr.total td:nth-of-type(2) {
    padding-top: 3px;
  }
}
.fold > div > div.calculator-area {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
}
.fold > div > div.calculator-area:not(:last-of-type) {
  margin-bottom: 24px;
}
.fold > div > div.calculator-area .calculator {
  margin-top: 24px;
}
body.articlePage,
body.articlePage .fold:not(#footer):not(.signup):nth-child(n) {
  background: #f7f7f7;
}
@media (max-width: 775px) {
  body.articlePage,
  body.articlePage .fold:not(#footer):not(.signup):nth-child(n) {
    background-color: #fff;
  }
}
body.articlePage .hero {
  height: clamp(180px, 100vw, 275px);
  overflow: hidden;
}
body.articlePage .hero > div:first-child img {
  filter: none;
  height: 100%;
  width: 100%;
}
body.articlePage .hero > div:nth-child(n+2) {
  display: none;
}
body.articlePage .articleSpread {
  padding: clamp(30px, 7.5vh, 110px) 0;
  padding-top: 48px;
}
body.articlePage .articleSpread > div {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  body.articlePage .articleSpread > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
body.articlePage .articleSpread > div:not(:last-child) {
  margin-bottom: 24px;
}
body.articlePage .articleSpread > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  body.articlePage .articleSpread > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
body.articlePage .articleSpread > div:not(:last-child) {
  margin-bottom: 24px;
}
body.articlePage .articleSpread.timeLine.wordy p {
  font-size: 1rem;
}
body.articlePage .articleSpread.timeLine > div h1,
body.articlePage .articleSpread.timeLine > div h2 {
  text-align: center;
}
body.articlePage .articleSpread.timeLine > div h1,
body.articlePage .articleSpread.timeLine > div h2,
body.articlePage .articleSpread.timeLine > div > p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
body.articlePage .articleSpread.timeLine > div > div {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  grid-column-gap: 24px;
  margin-top: 48px;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
body.articlePage .articleSpread.timeLine > div > div > div {
  min-height: 230px;
  padding: 48px;
  padding-top: 16.5px;
}
@media (max-width: 850px) {
  body.articlePage .articleSpread.timeLine > div > div {
    grid-template-columns: 55px 1fr;
    grid-template-areas: "number1 caption1" "number2 caption2" "number3 caption3" "number4 caption4" "number5 caption5" "number6 caption6" "number7 caption7" "number8 caption8" "number9 caption9" "number10 caption10" "number11 caption11" "number12 caption12" "number13 caption13" "number14 caption14" "number15 caption15" "number16 caption16" "number17 caption17" "number18 caption18";
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(6n+3),
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(6n+4) {
    display: none;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(1) {
    grid-area: caption1;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(2) {
    grid-area: number1;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(3) {
    grid-area: empty1;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(4) {
    grid-area: empty2;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(5) {
    grid-area: number2;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(6) {
    grid-area: caption2;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(7) {
    grid-area: caption3;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(8) {
    grid-area: number3;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(9) {
    grid-area: empty3;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(10) {
    grid-area: empty4;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(11) {
    grid-area: number4;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(12) {
    grid-area: caption4;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(13) {
    grid-area: caption5;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(14) {
    grid-area: number5;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(15) {
    grid-area: empty5;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(16) {
    grid-area: empty6;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(17) {
    grid-area: number6;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(18) {
    grid-area: caption6;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(19) {
    grid-area: caption7;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(20) {
    grid-area: number7;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(21) {
    grid-area: empty7;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(22) {
    grid-area: empty8;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(23) {
    grid-area: number8;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(24) {
    grid-area: caption8;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(25) {
    grid-area: caption9;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(26) {
    grid-area: number9;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(27) {
    grid-area: empty9;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(28) {
    grid-area: empty10;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(29) {
    grid-area: number10;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(30) {
    grid-area: caption10;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(31) {
    grid-area: caption11;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(32) {
    grid-area: number11;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(33) {
    grid-area: empty11;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(34) {
    grid-area: empty12;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(35) {
    grid-area: number12;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(36) {
    grid-area: caption12;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(37) {
    grid-area: caption13;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(38) {
    grid-area: number13;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(39) {
    grid-area: empty13;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(40) {
    grid-area: empty14;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(41) {
    grid-area: number14;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(42) {
    grid-area: caption14;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(43) {
    grid-area: caption15;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(44) {
    grid-area: number15;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(45) {
    grid-area: empty15;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(46) {
    grid-area: empty16;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(47) {
    grid-area: number16;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(48) {
    grid-area: caption16;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(49) {
    grid-area: caption17;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(50) {
    grid-area: number17;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(51) {
    grid-area: empty17;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(52) {
    grid-area: empty18;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(53) {
    grid-area: number18;
  }
  body.articlePage .articleSpread.timeLine > div > div > div:nth-child(54) {
    grid-area: caption18;
  }
}
@media (max-width: 510px) {
  body.articlePage .articleSpread.timeLine > div > div > div {
    padding-left: 0;
    padding-right: 0;
  }
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(3n+2) {
  padding: 0;
  position: relative;
  min-height: 55px;
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(3n+2):before {
  display: block;
  content: "";
  display: flex;
  height: 100%;
  border-right: 2px dashed #ece6ff;
  width: 50%;
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(3n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px dashed #ece6ff;
  color: #4d4d4d;
  content: "1";
  font-size: 22px;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(5):after {
  content: "2";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(8):after {
  content: "3";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(11):after {
  content: "4";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(14):after {
  content: "5";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(17):after {
  content: "6";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(20):after {
  content: "7";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(23):after {
  content: "8";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(26):after {
  content: "9";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(29):after {
  content: "10";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(32):after {
  content: "11";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(35):after {
  content: "12";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(38):after {
  content: "13";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(41):after {
  content: "14";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(44):after {
  content: "15";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(47):after {
  content: "16";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(50):after {
  content: "17";
}
body.articlePage .articleSpread.timeLine > div > div > div:nth-child(53):after {
  content: "18";
}
body.articlePage .articleSpread.timeLine > div > div div:nth-last-child(2):before {
  display: none;
}
body.articlePage .articleSpread.timeLine > div .button {
  display: block;
  margin: 24px auto;
  text-align: center;
  font-size: 1.2rem;
  width: calc(100% - (2 * 10px));
  max-width: 400px;
}
body.articlePage .articleSpread.timeLine > div .button:after {
  display: inline-block;
  content: "\f105";
  margin-left: 12px;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  position: relative;
  transform: translateY(-1px);
}
body.articlePage .articleSpread.pageBreak {
  background: #e45f31;
}
body.articlePage .articleSpread.pageBreak h2,
body.articlePage .articleSpread.pageBreak h3,
body.articlePage .articleSpread.pageBreak h4,
body.articlePage .articleSpread.pageBreak h5,
body.articlePage .articleSpread.pageBreak h6,
body.articlePage .articleSpread.pageBreak p,
body.articlePage .articleSpread.pageBreak ul,
body.articlePage .articleSpread.pageBreak ol,
body.articlePage .articleSpread.pageBreak svg.svg-inline--fa,
body.articlePage .articleSpread.pageBreak i.fas,
body.articlePage .articleSpread.pageBreak i.fab,
body.articlePage .articleSpread.pageBreak i.fal,
body.articlePage .articleSpread.pageBreak i.far,
body.articlePage .articleSpread.pageBreak i.fad {
  color: #fff;
}
.mainPurposeOfPage + body.articlePage .articleSpread,
.mainPurposeOfPage + body.articlePage .articleSpread + .footerCurve {
  background: #f7f7f7;
}
.imageQuote + body.articlePage .articleSpread {
  padding-top: clamp(60px, 15vh, 220px);
}
body.articlePage .articleSpread.containsTabs,
body.articlePage .articleSpread.containsTabs + .footerCurve {
  background: #f7f7f7;
}
body.articlePage .articleSpread.containsTabs > div {
  max-width: 1000px;
}
body.articlePage .articleSpread.faq h2,
body.articlePage .articleSpread.faq h3 {
  text-align: center;
}
body.articlePage .articleSpread.faq,
body.articlePage .articleSpread.faq + .footerCurve {
  background: #f7f7f7;
}
body.articlePage .articleSpread.faq > div {
  max-width: 980px;
}
body.articlePage .articleSpread.highlight {
  background-color: #e45f31;
}
body.articlePage .articleSpread.highlight h1,
body.articlePage .articleSpread.highlight h2,
body.articlePage .articleSpread.highlight h3,
body.articlePage .articleSpread.highlight h4,
body.articlePage .articleSpread.highlight h5,
body.articlePage .articleSpread.highlight h6,
body.articlePage .articleSpread.highlight ul,
body.articlePage .articleSpread.highlight ol,
body.articlePage .articleSpread.highlight p,
body.articlePage .articleSpread.highlight label,
body.articlePage .articleSpread.highlight .pre-heading {
  color: #fff;
}
body.articlePage .articleSpread.highlight a,
body.articlePage .articleSpread.highlight a.CTA {
  color: #fff;
  border-color: #fff;
}
body.articlePage .articleSpread.strong {
  background-color: #e45f31;
  background: #011734;
}
body.articlePage .articleSpread.strong h1,
body.articlePage .articleSpread.strong h2,
body.articlePage .articleSpread.strong h3,
body.articlePage .articleSpread.strong h4,
body.articlePage .articleSpread.strong h5,
body.articlePage .articleSpread.strong h6,
body.articlePage .articleSpread.strong ul,
body.articlePage .articleSpread.strong ol,
body.articlePage .articleSpread.strong p,
body.articlePage .articleSpread.strong label,
body.articlePage .articleSpread.strong .pre-heading {
  color: #fff;
}
body.articlePage .articleSpread.strong a,
body.articlePage .articleSpread.strong a.CTA {
  color: #fff;
  border-color: #fff;
}
body.articlePage .articleSpread.center h1,
body.articlePage .articleSpread.center h2,
body.articlePage .articleSpread.center a.CTA {
  text-align: center;
}
body.articlePage .articleSpread.center .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
body.articlePage .articleSpread.intro > div,
body.articlePage .articleSpread.brief > div {
  max-width: 600px;
}
body.articlePage .articleSpread.intro > div h1,
body.articlePage .articleSpread.brief > div h1,
body.articlePage .articleSpread.intro > div h2,
body.articlePage .articleSpread.brief > div h2,
body.articlePage .articleSpread.intro > div a.CTA,
body.articlePage .articleSpread.brief > div a.CTA {
  text-align: center;
}
body.articlePage .articleSpread.intro > div .CTA,
body.articlePage .articleSpread.brief > div .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
body.articlePage .articleSpread.intro > div h2,
body.articlePage .articleSpread.brief > div h2 {
  margin-bottom: 24px;
}
body.articlePage .articleSpread.intro > div p,
body.articlePage .articleSpread.brief > div p {
  text-align: justify;
}
body.articlePage .articleSpread.intro > div p:only-of-type,
body.articlePage .articleSpread.brief > div p:only-of-type {
  text-align: justify;
  font-size: clamp(19px, 3.7vw, 21.2px);
}
@media (min-width: 460px) {
  body.articlePage .articleSpread.intro > div p:only-of-type,
  body.articlePage .articleSpread.brief > div p:only-of-type {
    text-align: center;
  }
}
body.articlePage .articleSpread.fullWidthContent > div {
  width: 100%;
  max-width: none;
  padding: 0;
}
body.articlePage .articleSpread.topQuestions,
body.articlePage .articleSpread.topQuestions + .footerCurve {
  background: #f7f7f7;
}
body.articlePage .articleSpread.topQuestions > div {
  max-width: 980px;
}
body.articlePage .articleSpread.topQuestions > div > div {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 708px) {
  body.articlePage .articleSpread.topQuestions > div > div {
    grid-template-columns: 1fr;
  }
}
body.articlePage .articleSpread.topQuestions > div > div > div h4,
body.articlePage .articleSpread.topQuestions > div > div > div h5 {
  font-weight: 600;
}
body.articlePage .articleSpread.topQuestions > div > div > div p {
  font-size: 0.9rem;
}
body.articlePage .articleSpread.historicalTimeline > div > div {
  max-width: 850px;
  margin: auto;
}
body.articlePage .articleSpread.historicalTimeline > div > div > p:only-of-type {
  text-align: center;
}
body.articlePage .articleSpread.historicalTimeline > div > div > ul {
  list-style-type: none;
  counter-reset: li-counter;
  margin-top: 60px;
  margin-bottom: 0;
  margin-left: 45px;
  padding-left: 45px;
  border-left: 4px solid #e45f31;
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  body.articlePage .articleSpread.historicalTimeline > div > div > ul {
    padding-right: 45px;
  }
}
body.articlePage .articleSpread.historicalTimeline > div > div > ul > li {
  position: relative;
  /* make the height of paragraphs in the last child <li> unknown. This will curtail the length of the left border, making it stop at the last nodal point */
}
body.articlePage .articleSpread.historicalTimeline > div > div > ul > li:last-child {
  margin-bottom: 30px;
}
body.articlePage .articleSpread.historicalTimeline > div > div > ul > li:before {
  position: absolute;
  left: calc(0px - (4px / 2) - 45px  - (38px / 2 ));
  top: -2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #e45f31;
  box-shadow: 1px 1px 5px 1px rgba(152, 152, 152, 0.71);
  display: block;
  content: "";
}
body.articlePage .articleSpread.historicalTimeline > div > div > ul > li > * {
  margin: 0;
  padding: 0;
  text-align: left;
}
body.articlePage .articleSpread.historicalTimeline > div > div > ul > li p {
  width: 100%;
  margin-bottom: 48px;
}
body.articlePage .articleSpread.historicalTimeline > div > div > ul > li:last-child p {
  float: left;
}
body.articlePage .articleSpread.historicalTimeline > div > div > ul li p {
  font-size: 1rem;
}
body.articlePage .articleSpread > div > div.calculator-area {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
}
body.articlePage .articleSpread > div > div.calculator-area:not(:last-of-type) {
  margin-bottom: 24px;
}
body.articlePage .articleSpread > div > div.calculator-area .calculator {
  margin-top: 24px;
}
body.articlePage .articleSpread > div > .relatedArticles {
  max-width: 1100px;
  margin: auto;
}
body.articlePage .articleSpread > div > .relatedArticles > div > a {
  display: flex;
  margin-bottom: 12px;
}
body.articlePage .articleSpread > div > .relatedArticles > div > a img {
  margin-left: 0;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 7px;
}
body.articlePage .articleSpread > div > .relatedArticles > div > a > div {
  clear: both;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: auto;
  padding: 0;
}
body.articlePage .articleSpread > div > .relatedArticles > div > a > div h4 {
  font-size: 16.8px;
  text-transform: none;
  font-weight: 600;
}
body.articlePage .articleSpread > div > .relatedArticles > div > a > div h5 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3em;
  letter-spacing: 0.4px;
  text-transform: none;
}
body.articlePage .articleSpread > div > .relatedArticles > div > a > div p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
}
body.articlePage .articleSpread > div > .relatedArticles h4 {
  display: block;
  text-align: center;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0.5em;
  position: relative;
  margin-bottom: 24px;
}
body.articlePage .articleSpread > div > .relatedArticles h4 > span {
  background-color: #FEFEFF;
  padding: 24px;
  z-index: 1;
  position: relative;
}
.decision-tree body.articlePage .articleSpread > div > .relatedArticles h4 > span {
  background: #fdfdfd;
}
body.articlePage .articleSpread > div > .relatedArticles h4:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  background: rgba(51, 51, 51, 0.1);
}
body.articlePage .articleSpread > div > .relatedArticles > div {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
.definitive-guide body.articlePage .articleSpread > div > .relatedArticles > div {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 890px) {
  body.articlePage .articleSpread > div > .relatedArticles > div,
  .definitive-guide body.articlePage .articleSpread > div > .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 510px) {
  body.articlePage .articleSpread > div > .relatedArticles > div,
  .definitive-guide body.articlePage .articleSpread > div > .relatedArticles > div {
    grid-template-columns: 1fr;
  }
}
body.articlePage .articleSpread > div > .relatedArticles > div > a:nth-of-type(n+13),
body.articlePage .articleSpread > div > .relatedArticles > div > div:nth-of-type(n+13) {
  display: none;
}
@media (max-width: 510px) {
  body.articlePage .articleSpread > div > .relatedArticles > div > a:nth-of-type(n+7),
  body.articlePage .articleSpread > div > .relatedArticles > div > div:nth-of-type(n+7) {
    display: none;
  }
}
body.articlePage .articleSpread > div {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: auto 280px;
  grid-template-areas: "article sidebar" "supplementaryContent supplementaryContent";
}
@media (max-width: 775px) {
  body.articlePage .articleSpread > div {
    grid-template-columns: 1fr;
    grid-template-areas: "article" "sidebar" "supplementaryContent";
  }
}
body.articlePage .articleSpread > div .article {
  grid-area: article;
  background-color: #fff;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 24px;
}
@media (max-width: 775px) {
  body.articlePage .articleSpread > div .article {
    padding: 0;
  }
}
body.articlePage .articleSpread > div .article h1,
body.articlePage .articleSpread > div .article h2,
body.articlePage .articleSpread > div .article h3,
body.articlePage .articleSpread > div .article h4,
body.articlePage .articleSpread > div .article h5,
body.articlePage .articleSpread > div .article h6,
body.articlePage .articleSpread > div .article p,
body.articlePage .articleSpread > div .article ul,
body.articlePage .articleSpread > div .article ol {
  color: #464646;
}
body.articlePage .articleSpread > div .article h1 {
  font-size: clamp(41.6px, 5.2vw, 46.8px);
}
body.articlePage .articleSpread > div .article h1 .subHeading {
  margin-top: 24px;
}
body.articlePage .articleSpread > div .article p {
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.7em;
  text-align: left;
  margin: 0;
}
body.articlePage .articleSpread > div .article p,
body.articlePage .articleSpread > div .article ul {
  margin-bottom: 1.8em;
}
body.articlePage .articleSpread > div .article figure {
  margin-bottom: 24px;
  width: 100%;
}
body.articlePage .articleSpread > div .article figure img {
  width: 100%;
}
body.articlePage .articleSpread > div .article figure figcaption {
  font-size: 14.4px;
  text-align: left;
  color: gray;
  margin-top: 5px;
}
body.articlePage .articleSpread > div .article ul.articleContentsList {
  font-size: 14.4px;
  list-style: square inside;
  margin-left: 12px;
}
body.articlePage .articleSpread > div .article ul.articleContentsList li {
  margin-top: 0;
  font-size: 14.4px;
}
body.articlePage .articleSpread > div .sidebar {
  grid-area: sidebar;
}
body.articlePage .articleSpread > div .sidebar h1,
body.articlePage .articleSpread > div .sidebar h2,
body.articlePage .articleSpread > div .sidebar h3 {
  display: none;
}
body.articlePage .articleSpread > div .sidebar h4,
body.articlePage .articleSpread > div .sidebar h4 * {
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 775px) {
  body.articlePage .articleSpread > div .sidebar h4 {
    font-size: 16.8px;
  }
}
body.articlePage .articleSpread > div .sidebar > div {
  background-color: #fff;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 24px;
}
@media (min-width: 775px) {
  body.articlePage .articleSpread > div .sidebar > div:first-of-type {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
  }
}
@media (max-width: 775px) {
  body.articlePage .articleSpread > div .sidebar > div {
    padding: 0;
  }
}
@media (max-width: 775px) {
  body.articlePage .articleSpread > div .sidebar > div.onThisPage {
    display: none;
  }
}
body.articlePage .articleSpread > div .sidebar > div.onThisPage ul {
  list-style-type: none;
  padding: 0;
  margin: 12px 0 0 0;
}
body.articlePage .articleSpread > div .sidebar > div.onThisPage ul li {
  margin: 0;
  font-size: 14.4px;
  color: #464646;
  font-weight: bold;
  line-height: 1.75em;
  display: flex;
  justify-content: space-between;
}
body.articlePage .articleSpread > div .sidebar > div.onThisPage ul li:after {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f0da";
}
body.articlePage .articleSpread > div .sidebar > div.onThisPage ul li:hover {
  color: #e45f31;
}
body.articlePage .articleSpread > div .sidebar > div.onThisPage ul li a {
  color: inherit;
  font-weight: inherit;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div {
  clear: both;
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div,
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a {
  display: flex;
  margin-bottom: 12px;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div img,
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a img {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 7px;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div > div,
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a > div {
  width: auto;
  padding: 0;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div > div h5,
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a > div h5 {
  font-size: 14.4px;
  line-height: 1.3em;
  letter-spacing: 0.4px;
  text-transform: none;
}
@media (max-width: 775px) {
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div {
    margin-top: 24px;
  }
}
@media (min-width: 485px) and (max-width: 775px) {
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div {
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div,
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a {
    width: 50%;
    padding: 0 3px;
  }
}
@media (max-width: 485px) {
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a > div h5 {
    font-size: 4vw;
    font-weight: normal;
  }
}
@media (max-width: 350px) {
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a > div h5 {
    font-size: 15px;
  }
}
@media (max-width: 775px) {
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles h4 {
    height: 30px;
    line-height: 30px;
    position: relative;
    display: block;
    text-align: center;
  }
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles h4 span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 24px;
    background: #fff;
    z-index: 1;
    position: relative;
  }
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles h4:before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    background: rgba(51, 51, 51, 0.1);
  }
}
body.articlePage .articleSpread > div .supplementaryContent {
  grid-area: supplementaryContent;
  background-color: #fff;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 24px;
}
@media (max-width: 775px) {
  body.articlePage .articleSpread > div .supplementaryContent {
    padding: 0;
  }
}
@media (max-width: 775px) {
  body.articlePage .articleSpread > div .supplementaryContent {
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding-top: 24px;
  }
}
body.articlePage .articleSpread > div .supplementaryContent .listing {
  margin-bottom: 24px;
}
body.articlePage .articleSpread > div .supplementaryContent .listing p,
body.articlePage .articleSpread > div .supplementaryContent .listing ul,
body.articlePage .articleSpread > div .supplementaryContent .listing li {
  font-size: 14.4px;
  letter-spacing: 0.4px;
}
body.articlePage .articleSpread > div .supplementaryContent .listing p {
  margin-bottom: 5px;
}
body.articlePage .articleSpread > div .article .authorProfile {
  box-shadow: none;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
body.articlePage .articleSpread > div .article h1 .subHeading {
  font-size: 0.4em;
}
.junctionPage,
.siteContentsGrid {
  background: #f7f7f7;
  padding: clamp(30px, 7.5vh, 110px) 0;
}
.junctionPage > div,
.siteContentsGrid > div {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .junctionPage > div,
  .siteContentsGrid > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.junctionPage > div:not(:last-child),
.siteContentsGrid > div:not(:last-child) {
  margin-bottom: 24px;
}
.junctionPage > div,
.siteContentsGrid > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  .junctionPage > div,
  .siteContentsGrid > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.junctionPage > div:not(:last-child),
.siteContentsGrid > div:not(:last-child) {
  margin-bottom: 24px;
}
.junctionPage.timeLine.wordy p,
.siteContentsGrid.timeLine.wordy p {
  font-size: 1rem;
}
.junctionPage.timeLine > div h1,
.siteContentsGrid.timeLine > div h1,
.junctionPage.timeLine > div h2,
.siteContentsGrid.timeLine > div h2 {
  text-align: center;
}
.junctionPage.timeLine > div h1,
.siteContentsGrid.timeLine > div h1,
.junctionPage.timeLine > div h2,
.siteContentsGrid.timeLine > div h2,
.junctionPage.timeLine > div > p,
.siteContentsGrid.timeLine > div > p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.junctionPage.timeLine > div > div,
.siteContentsGrid.timeLine > div > div {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  grid-column-gap: 24px;
  margin-top: 48px;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.junctionPage.timeLine > div > div > div,
.siteContentsGrid.timeLine > div > div > div {
  min-height: 230px;
  padding: 48px;
  padding-top: 16.5px;
}
@media (max-width: 850px) {
  .junctionPage.timeLine > div > div,
  .siteContentsGrid.timeLine > div > div {
    grid-template-columns: 55px 1fr;
    grid-template-areas: "number1 caption1" "number2 caption2" "number3 caption3" "number4 caption4" "number5 caption5" "number6 caption6" "number7 caption7" "number8 caption8" "number9 caption9" "number10 caption10" "number11 caption11" "number12 caption12" "number13 caption13" "number14 caption14" "number15 caption15" "number16 caption16" "number17 caption17" "number18 caption18";
  }
  .junctionPage.timeLine > div > div > div:nth-child(6n+3),
  .siteContentsGrid.timeLine > div > div > div:nth-child(6n+3),
  .junctionPage.timeLine > div > div > div:nth-child(6n+4),
  .siteContentsGrid.timeLine > div > div > div:nth-child(6n+4) {
    display: none;
  }
  .junctionPage.timeLine > div > div > div:nth-child(1),
  .siteContentsGrid.timeLine > div > div > div:nth-child(1) {
    grid-area: caption1;
  }
  .junctionPage.timeLine > div > div > div:nth-child(2),
  .siteContentsGrid.timeLine > div > div > div:nth-child(2) {
    grid-area: number1;
  }
  .junctionPage.timeLine > div > div > div:nth-child(3),
  .siteContentsGrid.timeLine > div > div > div:nth-child(3) {
    grid-area: empty1;
  }
  .junctionPage.timeLine > div > div > div:nth-child(4),
  .siteContentsGrid.timeLine > div > div > div:nth-child(4) {
    grid-area: empty2;
  }
  .junctionPage.timeLine > div > div > div:nth-child(5),
  .siteContentsGrid.timeLine > div > div > div:nth-child(5) {
    grid-area: number2;
  }
  .junctionPage.timeLine > div > div > div:nth-child(6),
  .siteContentsGrid.timeLine > div > div > div:nth-child(6) {
    grid-area: caption2;
  }
  .junctionPage.timeLine > div > div > div:nth-child(7),
  .siteContentsGrid.timeLine > div > div > div:nth-child(7) {
    grid-area: caption3;
  }
  .junctionPage.timeLine > div > div > div:nth-child(8),
  .siteContentsGrid.timeLine > div > div > div:nth-child(8) {
    grid-area: number3;
  }
  .junctionPage.timeLine > div > div > div:nth-child(9),
  .siteContentsGrid.timeLine > div > div > div:nth-child(9) {
    grid-area: empty3;
  }
  .junctionPage.timeLine > div > div > div:nth-child(10),
  .siteContentsGrid.timeLine > div > div > div:nth-child(10) {
    grid-area: empty4;
  }
  .junctionPage.timeLine > div > div > div:nth-child(11),
  .siteContentsGrid.timeLine > div > div > div:nth-child(11) {
    grid-area: number4;
  }
  .junctionPage.timeLine > div > div > div:nth-child(12),
  .siteContentsGrid.timeLine > div > div > div:nth-child(12) {
    grid-area: caption4;
  }
  .junctionPage.timeLine > div > div > div:nth-child(13),
  .siteContentsGrid.timeLine > div > div > div:nth-child(13) {
    grid-area: caption5;
  }
  .junctionPage.timeLine > div > div > div:nth-child(14),
  .siteContentsGrid.timeLine > div > div > div:nth-child(14) {
    grid-area: number5;
  }
  .junctionPage.timeLine > div > div > div:nth-child(15),
  .siteContentsGrid.timeLine > div > div > div:nth-child(15) {
    grid-area: empty5;
  }
  .junctionPage.timeLine > div > div > div:nth-child(16),
  .siteContentsGrid.timeLine > div > div > div:nth-child(16) {
    grid-area: empty6;
  }
  .junctionPage.timeLine > div > div > div:nth-child(17),
  .siteContentsGrid.timeLine > div > div > div:nth-child(17) {
    grid-area: number6;
  }
  .junctionPage.timeLine > div > div > div:nth-child(18),
  .siteContentsGrid.timeLine > div > div > div:nth-child(18) {
    grid-area: caption6;
  }
  .junctionPage.timeLine > div > div > div:nth-child(19),
  .siteContentsGrid.timeLine > div > div > div:nth-child(19) {
    grid-area: caption7;
  }
  .junctionPage.timeLine > div > div > div:nth-child(20),
  .siteContentsGrid.timeLine > div > div > div:nth-child(20) {
    grid-area: number7;
  }
  .junctionPage.timeLine > div > div > div:nth-child(21),
  .siteContentsGrid.timeLine > div > div > div:nth-child(21) {
    grid-area: empty7;
  }
  .junctionPage.timeLine > div > div > div:nth-child(22),
  .siteContentsGrid.timeLine > div > div > div:nth-child(22) {
    grid-area: empty8;
  }
  .junctionPage.timeLine > div > div > div:nth-child(23),
  .siteContentsGrid.timeLine > div > div > div:nth-child(23) {
    grid-area: number8;
  }
  .junctionPage.timeLine > div > div > div:nth-child(24),
  .siteContentsGrid.timeLine > div > div > div:nth-child(24) {
    grid-area: caption8;
  }
  .junctionPage.timeLine > div > div > div:nth-child(25),
  .siteContentsGrid.timeLine > div > div > div:nth-child(25) {
    grid-area: caption9;
  }
  .junctionPage.timeLine > div > div > div:nth-child(26),
  .siteContentsGrid.timeLine > div > div > div:nth-child(26) {
    grid-area: number9;
  }
  .junctionPage.timeLine > div > div > div:nth-child(27),
  .siteContentsGrid.timeLine > div > div > div:nth-child(27) {
    grid-area: empty9;
  }
  .junctionPage.timeLine > div > div > div:nth-child(28),
  .siteContentsGrid.timeLine > div > div > div:nth-child(28) {
    grid-area: empty10;
  }
  .junctionPage.timeLine > div > div > div:nth-child(29),
  .siteContentsGrid.timeLine > div > div > div:nth-child(29) {
    grid-area: number10;
  }
  .junctionPage.timeLine > div > div > div:nth-child(30),
  .siteContentsGrid.timeLine > div > div > div:nth-child(30) {
    grid-area: caption10;
  }
  .junctionPage.timeLine > div > div > div:nth-child(31),
  .siteContentsGrid.timeLine > div > div > div:nth-child(31) {
    grid-area: caption11;
  }
  .junctionPage.timeLine > div > div > div:nth-child(32),
  .siteContentsGrid.timeLine > div > div > div:nth-child(32) {
    grid-area: number11;
  }
  .junctionPage.timeLine > div > div > div:nth-child(33),
  .siteContentsGrid.timeLine > div > div > div:nth-child(33) {
    grid-area: empty11;
  }
  .junctionPage.timeLine > div > div > div:nth-child(34),
  .siteContentsGrid.timeLine > div > div > div:nth-child(34) {
    grid-area: empty12;
  }
  .junctionPage.timeLine > div > div > div:nth-child(35),
  .siteContentsGrid.timeLine > div > div > div:nth-child(35) {
    grid-area: number12;
  }
  .junctionPage.timeLine > div > div > div:nth-child(36),
  .siteContentsGrid.timeLine > div > div > div:nth-child(36) {
    grid-area: caption12;
  }
  .junctionPage.timeLine > div > div > div:nth-child(37),
  .siteContentsGrid.timeLine > div > div > div:nth-child(37) {
    grid-area: caption13;
  }
  .junctionPage.timeLine > div > div > div:nth-child(38),
  .siteContentsGrid.timeLine > div > div > div:nth-child(38) {
    grid-area: number13;
  }
  .junctionPage.timeLine > div > div > div:nth-child(39),
  .siteContentsGrid.timeLine > div > div > div:nth-child(39) {
    grid-area: empty13;
  }
  .junctionPage.timeLine > div > div > div:nth-child(40),
  .siteContentsGrid.timeLine > div > div > div:nth-child(40) {
    grid-area: empty14;
  }
  .junctionPage.timeLine > div > div > div:nth-child(41),
  .siteContentsGrid.timeLine > div > div > div:nth-child(41) {
    grid-area: number14;
  }
  .junctionPage.timeLine > div > div > div:nth-child(42),
  .siteContentsGrid.timeLine > div > div > div:nth-child(42) {
    grid-area: caption14;
  }
  .junctionPage.timeLine > div > div > div:nth-child(43),
  .siteContentsGrid.timeLine > div > div > div:nth-child(43) {
    grid-area: caption15;
  }
  .junctionPage.timeLine > div > div > div:nth-child(44),
  .siteContentsGrid.timeLine > div > div > div:nth-child(44) {
    grid-area: number15;
  }
  .junctionPage.timeLine > div > div > div:nth-child(45),
  .siteContentsGrid.timeLine > div > div > div:nth-child(45) {
    grid-area: empty15;
  }
  .junctionPage.timeLine > div > div > div:nth-child(46),
  .siteContentsGrid.timeLine > div > div > div:nth-child(46) {
    grid-area: empty16;
  }
  .junctionPage.timeLine > div > div > div:nth-child(47),
  .siteContentsGrid.timeLine > div > div > div:nth-child(47) {
    grid-area: number16;
  }
  .junctionPage.timeLine > div > div > div:nth-child(48),
  .siteContentsGrid.timeLine > div > div > div:nth-child(48) {
    grid-area: caption16;
  }
  .junctionPage.timeLine > div > div > div:nth-child(49),
  .siteContentsGrid.timeLine > div > div > div:nth-child(49) {
    grid-area: caption17;
  }
  .junctionPage.timeLine > div > div > div:nth-child(50),
  .siteContentsGrid.timeLine > div > div > div:nth-child(50) {
    grid-area: number17;
  }
  .junctionPage.timeLine > div > div > div:nth-child(51),
  .siteContentsGrid.timeLine > div > div > div:nth-child(51) {
    grid-area: empty17;
  }
  .junctionPage.timeLine > div > div > div:nth-child(52),
  .siteContentsGrid.timeLine > div > div > div:nth-child(52) {
    grid-area: empty18;
  }
  .junctionPage.timeLine > div > div > div:nth-child(53),
  .siteContentsGrid.timeLine > div > div > div:nth-child(53) {
    grid-area: number18;
  }
  .junctionPage.timeLine > div > div > div:nth-child(54),
  .siteContentsGrid.timeLine > div > div > div:nth-child(54) {
    grid-area: caption18;
  }
}
@media (max-width: 510px) {
  .junctionPage.timeLine > div > div > div,
  .siteContentsGrid.timeLine > div > div > div {
    padding-left: 0;
    padding-right: 0;
  }
}
.junctionPage.timeLine > div > div > div:nth-child(3n+2),
.siteContentsGrid.timeLine > div > div > div:nth-child(3n+2) {
  padding: 0;
  position: relative;
  min-height: 55px;
}
.junctionPage.timeLine > div > div > div:nth-child(3n+2):before,
.siteContentsGrid.timeLine > div > div > div:nth-child(3n+2):before {
  display: block;
  content: "";
  display: flex;
  height: 100%;
  border-right: 2px dashed #ece6ff;
  width: 50%;
}
.junctionPage.timeLine > div > div > div:nth-child(3n+2):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(3n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px dashed #ece6ff;
  color: #4d4d4d;
  content: "1";
  font-size: 22px;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
}
.junctionPage.timeLine > div > div > div:nth-child(5):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(5):after {
  content: "2";
}
.junctionPage.timeLine > div > div > div:nth-child(8):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(8):after {
  content: "3";
}
.junctionPage.timeLine > div > div > div:nth-child(11):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(11):after {
  content: "4";
}
.junctionPage.timeLine > div > div > div:nth-child(14):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(14):after {
  content: "5";
}
.junctionPage.timeLine > div > div > div:nth-child(17):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(17):after {
  content: "6";
}
.junctionPage.timeLine > div > div > div:nth-child(20):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(20):after {
  content: "7";
}
.junctionPage.timeLine > div > div > div:nth-child(23):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(23):after {
  content: "8";
}
.junctionPage.timeLine > div > div > div:nth-child(26):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(26):after {
  content: "9";
}
.junctionPage.timeLine > div > div > div:nth-child(29):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(29):after {
  content: "10";
}
.junctionPage.timeLine > div > div > div:nth-child(32):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(32):after {
  content: "11";
}
.junctionPage.timeLine > div > div > div:nth-child(35):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(35):after {
  content: "12";
}
.junctionPage.timeLine > div > div > div:nth-child(38):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(38):after {
  content: "13";
}
.junctionPage.timeLine > div > div > div:nth-child(41):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(41):after {
  content: "14";
}
.junctionPage.timeLine > div > div > div:nth-child(44):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(44):after {
  content: "15";
}
.junctionPage.timeLine > div > div > div:nth-child(47):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(47):after {
  content: "16";
}
.junctionPage.timeLine > div > div > div:nth-child(50):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(50):after {
  content: "17";
}
.junctionPage.timeLine > div > div > div:nth-child(53):after,
.siteContentsGrid.timeLine > div > div > div:nth-child(53):after {
  content: "18";
}
.junctionPage.timeLine > div > div div:nth-last-child(2):before,
.siteContentsGrid.timeLine > div > div div:nth-last-child(2):before {
  display: none;
}
.junctionPage.timeLine > div .button,
.siteContentsGrid.timeLine > div .button {
  display: block;
  margin: 24px auto;
  text-align: center;
  font-size: 1.2rem;
  width: calc(100% - (2 * 10px));
  max-width: 400px;
}
.junctionPage.timeLine > div .button:after,
.siteContentsGrid.timeLine > div .button:after {
  display: inline-block;
  content: "\f105";
  margin-left: 12px;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  position: relative;
  transform: translateY(-1px);
}
.junctionPage.pageBreak,
.siteContentsGrid.pageBreak {
  background: #e45f31;
}
.junctionPage.pageBreak h2,
.siteContentsGrid.pageBreak h2,
.junctionPage.pageBreak h3,
.siteContentsGrid.pageBreak h3,
.junctionPage.pageBreak h4,
.siteContentsGrid.pageBreak h4,
.junctionPage.pageBreak h5,
.siteContentsGrid.pageBreak h5,
.junctionPage.pageBreak h6,
.siteContentsGrid.pageBreak h6,
.junctionPage.pageBreak p,
.siteContentsGrid.pageBreak p,
.junctionPage.pageBreak ul,
.siteContentsGrid.pageBreak ul,
.junctionPage.pageBreak ol,
.siteContentsGrid.pageBreak ol,
.junctionPage.pageBreak svg.svg-inline--fa,
.siteContentsGrid.pageBreak svg.svg-inline--fa,
.junctionPage.pageBreak i.fas,
.siteContentsGrid.pageBreak i.fas,
.junctionPage.pageBreak i.fab,
.siteContentsGrid.pageBreak i.fab,
.junctionPage.pageBreak i.fal,
.siteContentsGrid.pageBreak i.fal,
.junctionPage.pageBreak i.far,
.siteContentsGrid.pageBreak i.far,
.junctionPage.pageBreak i.fad,
.siteContentsGrid.pageBreak i.fad {
  color: #fff;
}
.mainPurposeOfPage + .junctionPage,
.mainPurposeOfPage + .siteContentsGrid,
.mainPurposeOfPage + .junctionPage + .footerCurve,
.mainPurposeOfPage + .siteContentsGrid + .footerCurve {
  background: #f7f7f7;
}
.imageQuote + .junctionPage,
.imageQuote + .siteContentsGrid {
  padding-top: clamp(60px, 15vh, 220px);
}
.junctionPage.containsTabs,
.siteContentsGrid.containsTabs,
.junctionPage.containsTabs + .footerCurve,
.siteContentsGrid.containsTabs + .footerCurve {
  background: #f7f7f7;
}
.junctionPage.containsTabs > div,
.siteContentsGrid.containsTabs > div {
  max-width: 1000px;
}
.junctionPage.faq h2,
.siteContentsGrid.faq h2,
.junctionPage.faq h3,
.siteContentsGrid.faq h3 {
  text-align: center;
}
.junctionPage.faq,
.siteContentsGrid.faq,
.junctionPage.faq + .footerCurve,
.siteContentsGrid.faq + .footerCurve {
  background: #f7f7f7;
}
.junctionPage.faq > div,
.siteContentsGrid.faq > div {
  max-width: 980px;
}
.junctionPage.highlight,
.siteContentsGrid.highlight {
  background-color: #e45f31;
}
.junctionPage.highlight h1,
.siteContentsGrid.highlight h1,
.junctionPage.highlight h2,
.siteContentsGrid.highlight h2,
.junctionPage.highlight h3,
.siteContentsGrid.highlight h3,
.junctionPage.highlight h4,
.siteContentsGrid.highlight h4,
.junctionPage.highlight h5,
.siteContentsGrid.highlight h5,
.junctionPage.highlight h6,
.siteContentsGrid.highlight h6,
.junctionPage.highlight ul,
.siteContentsGrid.highlight ul,
.junctionPage.highlight ol,
.siteContentsGrid.highlight ol,
.junctionPage.highlight p,
.siteContentsGrid.highlight p,
.junctionPage.highlight label,
.siteContentsGrid.highlight label,
.junctionPage.highlight .pre-heading,
.siteContentsGrid.highlight .pre-heading {
  color: #fff;
}
.junctionPage.highlight a,
.siteContentsGrid.highlight a,
.junctionPage.highlight a.CTA,
.siteContentsGrid.highlight a.CTA {
  color: #fff;
  border-color: #fff;
}
.junctionPage.strong,
.siteContentsGrid.strong {
  background-color: #e45f31;
  background: #011734;
}
.junctionPage.strong h1,
.siteContentsGrid.strong h1,
.junctionPage.strong h2,
.siteContentsGrid.strong h2,
.junctionPage.strong h3,
.siteContentsGrid.strong h3,
.junctionPage.strong h4,
.siteContentsGrid.strong h4,
.junctionPage.strong h5,
.siteContentsGrid.strong h5,
.junctionPage.strong h6,
.siteContentsGrid.strong h6,
.junctionPage.strong ul,
.siteContentsGrid.strong ul,
.junctionPage.strong ol,
.siteContentsGrid.strong ol,
.junctionPage.strong p,
.siteContentsGrid.strong p,
.junctionPage.strong label,
.siteContentsGrid.strong label,
.junctionPage.strong .pre-heading,
.siteContentsGrid.strong .pre-heading {
  color: #fff;
}
.junctionPage.strong a,
.siteContentsGrid.strong a,
.junctionPage.strong a.CTA,
.siteContentsGrid.strong a.CTA {
  color: #fff;
  border-color: #fff;
}
.junctionPage.center h1,
.siteContentsGrid.center h1,
.junctionPage.center h2,
.siteContentsGrid.center h2,
.junctionPage.center a.CTA,
.siteContentsGrid.center a.CTA {
  text-align: center;
}
.junctionPage.center .CTA,
.siteContentsGrid.center .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.junctionPage.intro > div,
.siteContentsGrid.intro > div,
.junctionPage.brief > div,
.siteContentsGrid.brief > div {
  max-width: 600px;
}
.junctionPage.intro > div h1,
.siteContentsGrid.intro > div h1,
.junctionPage.brief > div h1,
.siteContentsGrid.brief > div h1,
.junctionPage.intro > div h2,
.siteContentsGrid.intro > div h2,
.junctionPage.brief > div h2,
.siteContentsGrid.brief > div h2,
.junctionPage.intro > div a.CTA,
.siteContentsGrid.intro > div a.CTA,
.junctionPage.brief > div a.CTA,
.siteContentsGrid.brief > div a.CTA {
  text-align: center;
}
.junctionPage.intro > div .CTA,
.siteContentsGrid.intro > div .CTA,
.junctionPage.brief > div .CTA,
.siteContentsGrid.brief > div .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.junctionPage.intro > div h2,
.siteContentsGrid.intro > div h2,
.junctionPage.brief > div h2,
.siteContentsGrid.brief > div h2 {
  margin-bottom: 24px;
}
.junctionPage.intro > div p,
.siteContentsGrid.intro > div p,
.junctionPage.brief > div p,
.siteContentsGrid.brief > div p {
  text-align: justify;
}
.junctionPage.intro > div p:only-of-type,
.siteContentsGrid.intro > div p:only-of-type,
.junctionPage.brief > div p:only-of-type,
.siteContentsGrid.brief > div p:only-of-type {
  text-align: justify;
  font-size: clamp(19px, 3.7vw, 21.2px);
}
@media (min-width: 460px) {
  .junctionPage.intro > div p:only-of-type,
  .siteContentsGrid.intro > div p:only-of-type,
  .junctionPage.brief > div p:only-of-type,
  .siteContentsGrid.brief > div p:only-of-type {
    text-align: center;
  }
}
.junctionPage.fullWidthContent > div,
.siteContentsGrid.fullWidthContent > div {
  width: 100%;
  max-width: none;
  padding: 0;
}
.junctionPage.topQuestions,
.siteContentsGrid.topQuestions,
.junctionPage.topQuestions + .footerCurve,
.siteContentsGrid.topQuestions + .footerCurve {
  background: #f7f7f7;
}
.junctionPage.topQuestions > div,
.siteContentsGrid.topQuestions > div {
  max-width: 980px;
}
.junctionPage.topQuestions > div > div,
.siteContentsGrid.topQuestions > div > div {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 708px) {
  .junctionPage.topQuestions > div > div,
  .siteContentsGrid.topQuestions > div > div {
    grid-template-columns: 1fr;
  }
}
.junctionPage.topQuestions > div > div > div h4,
.siteContentsGrid.topQuestions > div > div > div h4,
.junctionPage.topQuestions > div > div > div h5,
.siteContentsGrid.topQuestions > div > div > div h5 {
  font-weight: 600;
}
.junctionPage.topQuestions > div > div > div p,
.siteContentsGrid.topQuestions > div > div > div p {
  font-size: 0.9rem;
}
.junctionPage.historicalTimeline > div > div,
.siteContentsGrid.historicalTimeline > div > div {
  max-width: 850px;
  margin: auto;
}
.junctionPage.historicalTimeline > div > div > p:only-of-type,
.siteContentsGrid.historicalTimeline > div > div > p:only-of-type {
  text-align: center;
}
.junctionPage.historicalTimeline > div > div > ul,
.siteContentsGrid.historicalTimeline > div > div > ul {
  list-style-type: none;
  counter-reset: li-counter;
  margin-top: 60px;
  margin-bottom: 0;
  margin-left: 45px;
  padding-left: 45px;
  border-left: 4px solid #e45f31;
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .junctionPage.historicalTimeline > div > div > ul,
  .siteContentsGrid.historicalTimeline > div > div > ul {
    padding-right: 45px;
  }
}
.junctionPage.historicalTimeline > div > div > ul > li,
.siteContentsGrid.historicalTimeline > div > div > ul > li {
  position: relative;
  /* make the height of paragraphs in the last child <li> unknown. This will curtail the length of the left border, making it stop at the last nodal point */
}
.junctionPage.historicalTimeline > div > div > ul > li:last-child,
.siteContentsGrid.historicalTimeline > div > div > ul > li:last-child {
  margin-bottom: 30px;
}
.junctionPage.historicalTimeline > div > div > ul > li:before,
.siteContentsGrid.historicalTimeline > div > div > ul > li:before {
  position: absolute;
  left: calc(0px - (4px / 2) - 45px  - (38px / 2 ));
  top: -2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #e45f31;
  box-shadow: 1px 1px 5px 1px rgba(152, 152, 152, 0.71);
  display: block;
  content: "";
}
.junctionPage.historicalTimeline > div > div > ul > li > *,
.siteContentsGrid.historicalTimeline > div > div > ul > li > * {
  margin: 0;
  padding: 0;
  text-align: left;
}
.junctionPage.historicalTimeline > div > div > ul > li p,
.siteContentsGrid.historicalTimeline > div > div > ul > li p {
  width: 100%;
  margin-bottom: 48px;
}
.junctionPage.historicalTimeline > div > div > ul > li:last-child p,
.siteContentsGrid.historicalTimeline > div > div > ul > li:last-child p {
  float: left;
}
.junctionPage.historicalTimeline > div > div > ul li p,
.siteContentsGrid.historicalTimeline > div > div > ul li p {
  font-size: 1rem;
}
.junctionPage > div > div.calculator-area,
.siteContentsGrid > div > div.calculator-area {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
}
.junctionPage > div > div.calculator-area:not(:last-of-type),
.siteContentsGrid > div > div.calculator-area:not(:last-of-type) {
  margin-bottom: 24px;
}
.junctionPage > div > div.calculator-area .calculator,
.siteContentsGrid > div > div.calculator-area .calculator {
  margin-top: 24px;
}
.junctionPage > div > .relatedArticles,
.siteContentsGrid > div > .relatedArticles {
  max-width: 1100px;
  margin: auto;
}
.junctionPage > div > .relatedArticles > div > a,
.siteContentsGrid > div > .relatedArticles > div > a {
  display: flex;
  margin-bottom: 12px;
}
.junctionPage > div > .relatedArticles > div > a img,
.siteContentsGrid > div > .relatedArticles > div > a img {
  margin-left: 0;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 7px;
}
.junctionPage > div > .relatedArticles > div > a > div,
.siteContentsGrid > div > .relatedArticles > div > a > div {
  clear: both;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: auto;
  padding: 0;
}
.junctionPage > div > .relatedArticles > div > a > div h4,
.siteContentsGrid > div > .relatedArticles > div > a > div h4 {
  font-size: 16.8px;
  text-transform: none;
  font-weight: 600;
}
.junctionPage > div > .relatedArticles > div > a > div h5,
.siteContentsGrid > div > .relatedArticles > div > a > div h5 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3em;
  letter-spacing: 0.4px;
  text-transform: none;
}
.junctionPage > div > .relatedArticles > div > a > div p,
.siteContentsGrid > div > .relatedArticles > div > a > div p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
}
.junctionPage > div > .relatedArticles h4,
.siteContentsGrid > div > .relatedArticles h4 {
  display: block;
  text-align: center;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0.5em;
  position: relative;
  margin-bottom: 24px;
}
.junctionPage > div > .relatedArticles h4 > span,
.siteContentsGrid > div > .relatedArticles h4 > span {
  background-color: #FEFEFF;
  padding: 24px;
  z-index: 1;
  position: relative;
}
.decision-tree .junctionPage > div > .relatedArticles h4 > span,
.decision-tree .siteContentsGrid > div > .relatedArticles h4 > span {
  background: #fdfdfd;
}
.junctionPage > div > .relatedArticles h4:before,
.siteContentsGrid > div > .relatedArticles h4:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  background: rgba(51, 51, 51, 0.1);
}
.junctionPage > div > .relatedArticles > div,
.siteContentsGrid > div > .relatedArticles > div {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
.definitive-guide .junctionPage > div > .relatedArticles > div,
.definitive-guide .siteContentsGrid > div > .relatedArticles > div {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 890px) {
  .junctionPage > div > .relatedArticles > div,
  .siteContentsGrid > div > .relatedArticles > div,
  .definitive-guide .junctionPage > div > .relatedArticles > div,
  .definitive-guide .siteContentsGrid > div > .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 510px) {
  .junctionPage > div > .relatedArticles > div,
  .siteContentsGrid > div > .relatedArticles > div,
  .definitive-guide .junctionPage > div > .relatedArticles > div,
  .definitive-guide .siteContentsGrid > div > .relatedArticles > div {
    grid-template-columns: 1fr;
  }
}
.junctionPage > div > .relatedArticles > div > a:nth-of-type(n+13),
.siteContentsGrid > div > .relatedArticles > div > a:nth-of-type(n+13),
.junctionPage > div > .relatedArticles > div > div:nth-of-type(n+13),
.siteContentsGrid > div > .relatedArticles > div > div:nth-of-type(n+13) {
  display: none;
}
@media (max-width: 510px) {
  .junctionPage > div > .relatedArticles > div > a:nth-of-type(n+7),
  .siteContentsGrid > div > .relatedArticles > div > a:nth-of-type(n+7),
  .junctionPage > div > .relatedArticles > div > div:nth-of-type(n+7),
  .siteContentsGrid > div > .relatedArticles > div > div:nth-of-type(n+7) {
    display: none;
  }
}
.junctionPage > div .grid,
.siteContentsGrid > div .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
}
.junctionPage > div .grid:not(:first-child),
.siteContentsGrid > div .grid:not(:first-child) {
  margin-top: 48px;
}
.junctionPage > div .grid:not(:last-child),
.siteContentsGrid > div .grid:not(:last-child) {
  margin-bottom: 48px;
}
@media (max-width: 1050px) {
  .junctionPage > div .grid,
  .siteContentsGrid > div .grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 470px) {
  .junctionPage > div .grid,
  .siteContentsGrid > div .grid {
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }
}
.junctionPage > div .grid a,
.siteContentsGrid > div .grid a {
  display: block;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.junctionPage > div .grid a img,
.siteContentsGrid > div .grid a img,
.junctionPage > div .grid a picture,
.siteContentsGrid > div .grid a picture {
  width: 100%;
}
.junctionPage > div .grid a h1,
.siteContentsGrid > div .grid a h1,
.junctionPage > div .grid a h2,
.siteContentsGrid > div .grid a h2,
.junctionPage > div .grid a h3,
.siteContentsGrid > div .grid a h3 {
  display: none;
}
.junctionPage > div .grid a h4,
.siteContentsGrid > div .grid a h4,
.junctionPage > div .grid a h5,
.siteContentsGrid > div .grid a h5 {
  margin: 0;
  padding: 12px;
  text-transform: uppercase;
}
@media (max-width: 470px) {
  .junctionPage > div .grid a h4,
  .siteContentsGrid > div .grid a h4,
  .junctionPage > div .grid a h5,
  .siteContentsGrid > div .grid a h5 {
    padding: 4.5vw;
  }
}
.junctionPage > div .grid a h4 span,
.siteContentsGrid > div .grid a h4 span,
.junctionPage > div .grid a h5 span,
.siteContentsGrid > div .grid a h5 span {
  font-weight: normal;
  color: #8b8b8b;
  font-size: clamp(11px, 0.55em, 12.5px);
  display: block;
  line-height: 1.5em;
  text-transform: uppercase;
}
.junctionPage > div h2 + .grid:nth-child(n),
.siteContentsGrid > div h2 + .grid:nth-child(n),
.junctionPage > div h3 + .grid:nth-child(n),
.siteContentsGrid > div h3 + .grid:nth-child(n) {
  margin-top: 0;
}
.junctionPage,
.siteContentsGrid,
.junctionPage + .footerCurve,
.siteContentsGrid + .footerCurve {
  background: #f7f7f7;
}
.junctionPage > div .grid,
.siteContentsGrid > div .grid {
  margin-top: 24px;
}
.junctionPage > div .grid a,
.siteContentsGrid > div .grid a {
  padding-bottom: 24px;
}
.junctionPage > div .grid a h4,
.siteContentsGrid > div .grid a h4,
.junctionPage > div .grid a h5,
.siteContentsGrid > div .grid a h5 {
  text-transform: none;
  line-height: 1.4em;
  text-align: center;
}
.junctionPage > div .grid a p,
.siteContentsGrid > div .grid a p {
  width: calc(100% - (24px * 2));
  margin: auto;
  font-size: 0.9rem;
}
.junctionPage.case-studies > div,
.siteContentsGrid.case-studies > div {
  max-width: 1100px;
}
.junctionPage.case-studies .grid,
.siteContentsGrid.case-studies .grid {
  grid-gap: 24px;
}
@media (max-width: 950px) {
  .junctionPage.case-studies .grid,
  .siteContentsGrid.case-studies .grid {
    max-width: 650px;
    margin: auto;
    grid-template-columns: 1fr;
  }
}
.junctionPage.case-studies .grid > a,
.siteContentsGrid.case-studies .grid > a {
  padding: 0;
  display: grid;
  grid-template-columns: 200px 1fr;
}
.junctionPage.case-studies .grid > a h4,
.siteContentsGrid.case-studies .grid > a h4,
.junctionPage.case-studies .grid > a p,
.siteContentsGrid.case-studies .grid > a p {
  text-align: left;
  padding: 0;
  margin: 0;
  width: 100%;
}
.junctionPage.case-studies .grid > a h4,
.siteContentsGrid.case-studies .grid > a h4 {
  font-weight: 700;
  font-size: 1.2rem;
}
.junctionPage.case-studies .grid > a h4 .subHeading,
.siteContentsGrid.case-studies .grid > a h4 .subHeading {
  text-transform: none;
}
.junctionPage.case-studies .grid > a > div:nth-of-type(2),
.siteContentsGrid.case-studies .grid > a > div:nth-of-type(2) {
  padding: 24px 12px;
}
.junctionPage.case-studies .grid > a img,
.siteContentsGrid.case-studies .grid > a img {
  height: 100%;
}
@media (max-width: 510px) {
  .junctionPage.case-studies .grid > a,
  .siteContentsGrid.case-studies .grid > a {
    grid-template-columns: 1fr;
  }
  .junctionPage.case-studies .grid > a img,
  .siteContentsGrid.case-studies .grid > a img {
    height: 35vw;
  }
}
.junctionPage.case-studies .grid.west-only > a,
.siteContentsGrid.case-studies .grid.west-only > a,
.junctionPage.case-studies .grid.east-only > a,
.siteContentsGrid.case-studies .grid.east-only > a,
.junctionPage.case-studies .grid.small-array-size > a,
.siteContentsGrid.case-studies .grid.small-array-size > a,
.junctionPage.case-studies .grid.medium-array-size > a,
.siteContentsGrid.case-studies .grid.medium-array-size > a,
.junctionPage.case-studies .grid.large-array-size > a,
.siteContentsGrid.case-studies .grid.large-array-size > a {
  display: none;
}
.junctionPage.case-studies .grid.west-only > a[data-county="galway"],
.siteContentsGrid.case-studies .grid.west-only > a[data-county="galway"],
.junctionPage.case-studies .grid.west-only > a[data-county="clare"],
.siteContentsGrid.case-studies .grid.west-only > a[data-county="clare"],
.junctionPage.case-studies .grid.west-only > a[data-county="limerick"],
.siteContentsGrid.case-studies .grid.west-only > a[data-county="limerick"] {
  display: grid;
}
.junctionPage.case-studies .grid.galway-only > a,
.siteContentsGrid.case-studies .grid.galway-only > a {
  display: none;
}
.junctionPage.case-studies .grid.galway-only > a[data-county="galway"],
.siteContentsGrid.case-studies .grid.galway-only > a[data-county="galway"] {
  display: grid;
}
.junctionPage.case-studies .grid.clare-only > a,
.siteContentsGrid.case-studies .grid.clare-only > a {
  display: none;
}
.junctionPage.case-studies .grid.clare-only > a[data-county="clare"],
.siteContentsGrid.case-studies .grid.clare-only > a[data-county="clare"] {
  display: grid;
}
.junctionPage.case-studies .grid.limerick-only > a,
.siteContentsGrid.case-studies .grid.limerick-only > a {
  display: none;
}
.junctionPage.case-studies .grid.limerick-only > a[data-county="limerick"],
.siteContentsGrid.case-studies .grid.limerick-only > a[data-county="limerick"] {
  display: grid;
}
.junctionPage.case-studies .grid.east-only > a[data-county="dublin"],
.siteContentsGrid.case-studies .grid.east-only > a[data-county="dublin"],
.junctionPage.case-studies .grid.east-only > a[data-county="westmeath"],
.siteContentsGrid.case-studies .grid.east-only > a[data-county="westmeath"],
.junctionPage.case-studies .grid.east-only > a[data-county="meath"],
.siteContentsGrid.case-studies .grid.east-only > a[data-county="meath"],
.junctionPage.case-studies .grid.east-only > a[data-county="wicklow"],
.siteContentsGrid.case-studies .grid.east-only > a[data-county="wicklow"],
.junctionPage.case-studies .grid.east-only > a[data-county="kildare"],
.siteContentsGrid.case-studies .grid.east-only > a[data-county="kildare"] {
  display: grid;
}
.junctionPage.case-studies .grid.dublin-only > a,
.siteContentsGrid.case-studies .grid.dublin-only > a {
  display: none;
}
.junctionPage.case-studies .grid.dublin-only > a[data-county="dublin"],
.siteContentsGrid.case-studies .grid.dublin-only > a[data-county="dublin"] {
  display: grid;
}
.junctionPage.case-studies .grid.westmeath-only > a,
.siteContentsGrid.case-studies .grid.westmeath-only > a {
  display: none;
}
.junctionPage.case-studies .grid.westmeath-only > a[data-county="westmeath"],
.siteContentsGrid.case-studies .grid.westmeath-only > a[data-county="westmeath"] {
  display: grid;
}
.junctionPage.case-studies .grid.meath-only > a,
.siteContentsGrid.case-studies .grid.meath-only > a {
  display: none;
}
.junctionPage.case-studies .grid.meath-only > a[data-county="meath"],
.siteContentsGrid.case-studies .grid.meath-only > a[data-county="meath"] {
  display: grid;
}
.junctionPage.case-studies .grid.kildare-only > a,
.siteContentsGrid.case-studies .grid.kildare-only > a {
  display: none;
}
.junctionPage.case-studies .grid.kildare-only > a[data-county="kildare"],
.siteContentsGrid.case-studies .grid.kildare-only > a[data-county="kildare"] {
  display: grid;
}
.junctionPage.case-studies .grid.wicklow-only > a,
.siteContentsGrid.case-studies .grid.wicklow-only > a {
  display: none;
}
.junctionPage.case-studies .grid.wicklow-only > a[data-county="wicklow"],
.siteContentsGrid.case-studies .grid.wicklow-only > a[data-county="wicklow"] {
  display: grid;
}
.junctionPage.case-studies .grid.small-array-size > a[data-array-size="8"],
.siteContentsGrid.case-studies .grid.small-array-size > a[data-array-size="8"],
.junctionPage.case-studies .grid.small-array-size > a[data-array-size="9"],
.siteContentsGrid.case-studies .grid.small-array-size > a[data-array-size="9"],
.junctionPage.case-studies .grid.small-array-size > a[data-array-size="10"],
.siteContentsGrid.case-studies .grid.small-array-size > a[data-array-size="10"],
.junctionPage.case-studies .grid.small-array-size > a[data-array-size="11"],
.siteContentsGrid.case-studies .grid.small-array-size > a[data-array-size="11"],
.junctionPage.case-studies .grid.small-array-size > a[data-array-size="12"],
.siteContentsGrid.case-studies .grid.small-array-size > a[data-array-size="12"] {
  display: grid;
}
.junctionPage.case-studies .grid.medium-array-size > a[data-array-size="13"],
.siteContentsGrid.case-studies .grid.medium-array-size > a[data-array-size="13"],
.junctionPage.case-studies .grid.medium-array-size > a[data-array-size="14"],
.siteContentsGrid.case-studies .grid.medium-array-size > a[data-array-size="14"],
.junctionPage.case-studies .grid.medium-array-size > a[data-array-size="15"],
.siteContentsGrid.case-studies .grid.medium-array-size > a[data-array-size="15"],
.junctionPage.case-studies .grid.medium-array-size > a[data-array-size="16"],
.siteContentsGrid.case-studies .grid.medium-array-size > a[data-array-size="16"] {
  display: grid;
}
.junctionPage.case-studies .grid.large-array-size > a[data-array-size="17"],
.siteContentsGrid.case-studies .grid.large-array-size > a[data-array-size="17"],
.junctionPage.case-studies .grid.large-array-size > a[data-array-size="18"],
.siteContentsGrid.case-studies .grid.large-array-size > a[data-array-size="18"],
.junctionPage.case-studies .grid.large-array-size > a[data-array-size="19"],
.siteContentsGrid.case-studies .grid.large-array-size > a[data-array-size="19"],
.junctionPage.case-studies .grid.large-array-size > a[data-array-size="20"],
.siteContentsGrid.case-studies .grid.large-array-size > a[data-array-size="20"],
.junctionPage.case-studies .grid.large-array-size > a[data-array-size="21"],
.siteContentsGrid.case-studies .grid.large-array-size > a[data-array-size="21"],
.junctionPage.case-studies .grid.large-array-size > a[data-array-size="22"],
.siteContentsGrid.case-studies .grid.large-array-size > a[data-array-size="22"],
.junctionPage.case-studies .grid.large-array-size > a[data-array-size="23"],
.siteContentsGrid.case-studies .grid.large-array-size > a[data-array-size="23"],
.junctionPage.case-studies .grid.large-array-size > a[data-array-size="24"],
.siteContentsGrid.case-studies .grid.large-array-size > a[data-array-size="24"] {
  display: grid;
}
.tabs {
  width: 100%;
  background: #f7f7f7;
  padding: 24px 0;
}
@media (max-width: 600px) {
  .tabs {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.tabs > div .tabSelectors {
  position: relative;
}
.tabs > div .tabSelectors ul {
  display: flex;
  overflow: auto;
  width: 100%;
}
.tabs > div .tabSelectors ul:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 73%;
  background: linear-gradient(90deg, transparent 0%, #f7f7f7 85%);
}
.tabs > div .tabSelectors ul > li {
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  padding: 0;
  min-width: 25%;
}
.tabs > div .tabSelectors ul > li > span {
  display: block;
  height: 100%;
  color: #9b9b9b;
  padding: 12px 24px;
  font-size: 15px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 600px) {
  .tabs > div .tabSelectors ul > li > span {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.tabs > div .tabSelectors ul > li:last-child > span {
  margin-right: 200px;
}
.tabs > div .tabSelectors ul > li.selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tabs > div .tabSelectors ul > li.selected > span {
  background: #fff;
  color: #e45f31;
  border-top: 3px solid #e45f31;
}
.tabs > div .tabSelectors ul > li.selected svg.svg-inline--fa,
.tabs > div .tabSelectors ul > li.selected i.fas,
.tabs > div .tabSelectors ul > li.selected i.fab,
.tabs > div .tabSelectors ul > li.selected i.fal,
.tabs > div .tabSelectors ul > li.selected i.far,
.tabs > div .tabSelectors ul > li.selected i.fad {
  color: #e45f31;
}
.tabs > div .tabContents {
  padding: 24px;
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tabs > div .tabContents > div {
  display: none;
}
.tabs > div .tabContents > div.selected {
  display: block;
}
.skipToPrices {
  position: absolute;
  bottom: -5000px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: bottom 0.5s ease-in;
  -moz-transition: bottom 0.5s ease-in;
  -o-transition: bottom 0.5s ease-in;
  transition: bottom 0.5s ease-in;
}
.displaysPricesCTA .footer,
.displaysPricesCTA #footer {
  padding-bottom: 105px;
}
@media (max-width: 450px) {
  .displaysPricesCTA .footer,
  .displaysPricesCTA #footer {
    padding-bottom: 90px;
  }
}
.displaysPricesCTA .skipToPrices {
  visibility: visible;
  opacity: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #EAEEF3;
  z-index: 999;
  background: #fff;
}
.displaysPricesCTA .skipToPrices > div {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .displaysPricesCTA .skipToPrices > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.displaysPricesCTA .skipToPrices > div:not(:last-child) {
  margin-bottom: 24px;
}
.displaysPricesCTA .skipToPrices > div {
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}
.displaysPricesCTA .skipToPrices > div > * {
  display: none;
}
.displaysPricesCTA .skipToPrices > div > ul {
  display: flex;
  padding: 0;
}
.displaysPricesCTA .skipToPrices > div > ul li {
  padding: 15px 0;
  max-width: 200px;
  min-width: 90px;
  font-size: 0.9rem;
  text-align: center;
}
@media (max-width: 620px) {
  .displaysPricesCTA .skipToPrices > div > ul li:nth-child(n+3) {
    display: none;
  }
}
.displaysPricesCTA .skipToPrices > div > div {
  max-width: 250px;
  width: 220px;
  display: inline-block;
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
}
.displaysPricesCTA .skipToPrices > div > div > .button {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 12px;
}
@media (max-width: 450px) {
  .displaysPricesCTA .skipToPrices > div > div {
    max-width: 49%;
    min-width: 49%;
    margin: 0 auto;
  }
  .displaysPricesCTA .skipToPrices > div > ul {
    width: 49%;
  }
  .displaysPricesCTA .skipToPrices > div > ul > li {
    width: auto;
    max-width: 50%;
    padding-right: 10px;
    min-width: 0;
  }
}
@media (max-width: 410px) {
  .displaysPricesCTA .skipToPrices > div > div {
    max-width: 150px;
    min-width: 150px;
    margin-right: 0;
  }
  .displaysPricesCTA .skipToPrices > div > div .button {
    padding: 8px;
  }
}
.displaysPricesCTA .skipToPrices {
  z-index: 48;
}
.displaysPricesCTA .skipToPrices > div {
  flex-direction: row-reverse;
  width: 100%;
  justify-content: flex-end;
}
.displaysPricesCTA .skipToPrices > div > div {
  margin-left: 0;
  margin-right: 24px;
}
.displaysPricesCTA .skipToPrices > div > div > .button {
  background: #e45f31;
  text-align: center;
  font-size: 13.5px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (max-width: 370px) {
  .displaysPricesCTA .skipToPrices > div > div .cutFromWrap {
    display: none;
  }
}
@media (max-width: 420px) {
  .displaysPricesCTA .skipToPrices > div ul {
    display: none;
  }
}
.propertyDescriptionBlock,
.productDescriptionBlock,
.serviceDescriptionBlock {
  padding: 36px 0;
}
div:not(.propertyDescriptionBlock) + .propertyDescriptionBlock,
div:not(.propertyDescriptionBlock) + .productDescriptionBlock,
div:not(.propertyDescriptionBlock) + .serviceDescriptionBlock,
div:not(.productDescriptionBlock) + .propertyDescriptionBlock,
div:not(.productDescriptionBlock) + .productDescriptionBlock,
div:not(.productDescriptionBlock) + .serviceDescriptionBlock,
div:not(.serviceDescriptionBlock) + .propertyDescriptionBlock,
div:not(.serviceDescriptionBlock) + .productDescriptionBlock,
div:not(.serviceDescriptionBlock) + .serviceDescriptionBlock {
  border-top: 1px solid #EAEEF3;
}
.propertyDescriptionBlock:not(:last-child),
.productDescriptionBlock:not(:last-child),
.serviceDescriptionBlock:not(:last-child) {
  border-bottom: 1px solid #EAEEF3;
}
.propertyDescriptionBlock h4,
.productDescriptionBlock h4,
.serviceDescriptionBlock h4,
.propertyDescriptionBlock h5,
.productDescriptionBlock h5,
.serviceDescriptionBlock h5 {
  text-align: left;
}
.propertyDescriptionBlock p,
.productDescriptionBlock p,
.serviceDescriptionBlock p {
  text-align: justify;
}
.fold.twoInfoBoxes {
  margin-top: 0;
}
.fold.twoInfoBoxes,
.fold.twoInfoBoxes + .footerCurve {
  background: #f7f7f7;
}
.fold.twoInfoBoxes > div > div {
  clear: both;
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 48px;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
}
.fold > div .fold.twoInfoBoxes > div > div:last-child {
  margin-bottom: 0;
}
.fold > div .fold.twoInfoBoxes > div > div:only-child {
  margin: 0;
}
.fold.twoInfoBoxes > div > div > * {
  display: none;
}
.fold.twoInfoBoxes > div > div > div,
.fold.twoInfoBoxes > div > div > a {
  display: block;
}
.fold.twoInfoBoxes > div > div > div:nth-child(n),
.fold.twoInfoBoxes > div > div > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
@media (max-width: 800px) and (min-width: 725px) {
  .fold.twoInfoBoxes > div > div {
    grid-gap: 24px;
  }
}
@media (max-width: 725px) {
  .fold.twoInfoBoxes > div > div {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .fold.twoInfoBoxes > div > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .fold.twoInfoBoxes > div > div > div,
.internetExplorer .fold.twoInfoBoxes > div > div > a {
  width: 50%;
  display: block;
  padding-left: 24px;
  padding-right: 24px;
}
.internetExplorer .fold.twoInfoBoxes > div > div > div:nth-child(1),
.internetExplorer .fold.twoInfoBoxes > div > div > a:nth-child(1),
.internetExplorer .fold.twoInfoBoxes > div > div > div:nth-child(2),
.internetExplorer .fold.twoInfoBoxes > div > div > a:nth-child(2),
.internetExplorer .fold.twoInfoBoxes > div > div > div:nth-child(3),
.internetExplorer .fold.twoInfoBoxes > div > div > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .fold.twoInfoBoxes > div > div > div *,
.internetExplorer .fold.twoInfoBoxes > div > div > a * {
  max-width: 100%;
}
@media (max-width: 800px) {
  .internetExplorer .fold.twoInfoBoxes > div > div > div:nth-child(n),
  .internetExplorer .fold.twoInfoBoxes > div > div > a:nth-child(n) {
    width: 100%;
  }
}
.propertyDescriptionBlock {
  padding: 36px 0;
}
.propertyDescriptionBlock:not(:last-child) {
  border-bottom: 1px solid #EAEEF3;
}
.listOfAttributes {
  clear: both;
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 24px;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
}
.fold > div .listOfAttributes:last-child {
  margin-bottom: 0;
}
.fold > div .listOfAttributes:only-child {
  margin: 0;
}
.listOfAttributes > * {
  display: none;
}
.listOfAttributes > div,
.listOfAttributes > a {
  display: block;
}
.listOfAttributes > div:nth-child(n),
.listOfAttributes > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
@media (max-width: 800px) and (min-width: 800px) {
  .listOfAttributes {
    grid-gap: 12px;
  }
}
@media (max-width: 800px) {
  .listOfAttributes {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .listOfAttributes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .listOfAttributes > div,
.internetExplorer .listOfAttributes > a {
  width: 50%;
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}
.internetExplorer .listOfAttributes > div:nth-child(1),
.internetExplorer .listOfAttributes > a:nth-child(1),
.internetExplorer .listOfAttributes > div:nth-child(2),
.internetExplorer .listOfAttributes > a:nth-child(2),
.internetExplorer .listOfAttributes > div:nth-child(3),
.internetExplorer .listOfAttributes > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .listOfAttributes > div *,
.internetExplorer .listOfAttributes > a * {
  max-width: 100%;
}
@media (max-width: 800px) {
  .internetExplorer .listOfAttributes > div:nth-child(n),
  .internetExplorer .listOfAttributes > a:nth-child(n) {
    width: 100%;
  }
}
.listOfAttributes > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 800px) {
  .listOfAttributes > div {
    max-width: 500px;
    margin: auto;
  }
}
.listOfAttributes > div h2,
.listOfAttributes > div h3 {
  font-family: 'Open Sans', sans-serif;
  color: #777777;
  font-size: clamp(17px, 2.5vw, 19px);
  line-height: 1.8em;
  color: #4d4d4d;
  line-height: 1.4em;
  font-size: clamp(36px, 6vw, 60px);
}
.listOfAttributes > div h2 b,
.listOfAttributes > div h3 b,
.listOfAttributes > div h2 strong,
.listOfAttributes > div h3 strong {
  font-weight: 600;
}
@media (min-width: 800px) {
  .listOfAttributes > div h2,
  .listOfAttributes > div h3 {
    text-align: right;
    padding-right: 24px;
  }
}
.listOfAttributes > div ul li {
  display: flex;
  align-items: center;
  position: relative;
  padding-top: clamp(9px, 1.25vw, 18px);
  padding-bottom: clamp(9px, 1.25vw, 18px);
  font-size: clamp(20px, 2.4vw, 24px);
}
.listOfAttributes > div ul li:before {
  content: "\22B8";
  margin-right: clamp(9px, 1.25vw, 18px);
}
@media (min-width: 800px) {
  .listOfAttributes > div ul li:before {
    margin-left: -1px;
  }
}
.listOfAttributes > div ul li:after {
  content: "";
  border-left: 1px solid #d8d8d8;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: block;
}
.listOfAttributes > div ul li:first-of-type:after {
  top: 50%;
}
.listOfAttributes > div ul li:last-of-type:after {
  bottom: 50%;
}
@media (max-width: 800px) {
  .listOfAttributes > div ul {
    padding-left: 36px;
  }
}
.biography {
  max-width: 1200px;
  margin: auto;
}
.biography > img,
.biography > figure {
  margin: 24px auto;
}
.biography figure img,
.biography figure picture {
  width: 100%;
}
.biography figure figcaption {
  font-size: 0.9rem;
  margin-top: 12px;
}
@media (min-width: 800px) {
  .biography > img,
  .biography > figure,
  .biography > picture {
    float: left;
    margin: 24px 24px 24px 0;
    max-width: 350px;
    width: 30vw;
    display: block;
    overflow: hidden;
  }
}
.storybrand {
  padding: clamp(30px, 7.5vh, 110px) 0;
  position: relative;
}
.storybrand > div {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .storybrand > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.storybrand > div:not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 950px) {
  .storybrand {
    padding-top: clamp(30px, 25vh, 250px);
    padding-bottom: clamp(30px, 25vh, 250px);
  }
}
.storybrand > div > div {
  display: grid;
  grid-template-columns: minmax(300px, 36%) 1fr;
  grid-gap: 96px;
}
@media (max-width: 900px) {
  .storybrand > div > div {
    grid-template-columns: 1fr;
    max-width: 90%;
    margin: auto;
    grid-gap: 24px;
  }
  .storybrand > div > div > div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .storybrand > div > div > div h2,
  .storybrand > div > div > div h3,
  .storybrand > div > div > div h4,
  .storybrand > div > div > div h5,
  .storybrand > div > div > div h6,
  .storybrand > div > div > div p:only-of-type,
  .storybrand > div > div > div .CTA {
    text-align: center;
  }
}
@media (max-width: 500px) {
  .storybrand > div > div {
    max-width: 100%;
  }
  .storybrand > div > div p:nth-of-type(n) {
    text-align: justify;
  }
}
.storybrand > div > div > div *:first-child {
  margin-top: 0;
}
.storybrand > div > div > div *:last-child {
  margin-bottom: 0;
}
.storybrand div {
  position: relative;
  z-index: 1;
}
.storybrand.smallHeading h2 {
  font-size: clamp(1.75rem, 3vw, 2.1rem);
  line-height: 1.4em;
}
.storybrand.highlight {
  background: linear-gradient(90deg, #e45f31 0%, #e7c83b 100%);
}
.storybrand.highlight.curve {
  overflow: hidden;
}
.storybrand.highlight.curve > div > div {
  margin-bottom: 10vw;
}
.storybrand.highlight.curve .curve {
  position: absolute;
  content: "";
  display: block;
  width: 1500vw;
  height: 1500vw;
  left: -700vw;
  border-radius: 50%;
  max-width: none;
  background: #FEFEFF;
  bottom: -1490vw;
}
.storybrand.highlight.curve + .fold {
  margin-top: -5px;
}
@media (min-width: 750px) {
  .storybrand.highlight.curve + .fold {
    padding-top: 0;
  }
}
.storybrand.highlight.curve:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -10px;
  height: 20px;
  left: 0;
  right: 0;
  background: #FEFEFF;
}
.storybrand.highlight.minor {
  padding-top: clamp(30px, 15vh, 160px);
  padding-bottom: clamp(30px, 15vh, 160px);
}
.storybrand.highlight.minor h2 {
  font-size: clamp(2rem, 3.5vw, 3rem);
}
.storybrand.highlight.minor p {
  font-size: clamp(18px, 2.2vw, 20px);
}
.storybrand.highlight * {
  color: #fff;
  border-color: #fff;
}
.storybrand h2,
.storybrand h3 {
  line-height: 1.35em;
  text-align: left;
}
.storybrand p {
  font-size: clamp(18px, 3vw, 21px);
}
.serviceBenefitsGrid,
.iconExplanationList {
  max-width: 1050px;
  margin: 48px auto;
  display: grid;
  grid-column-gap: clamp(50px, 12vw, 325px);
  grid-row-gap: 48px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 700px) {
  .serviceBenefitsGrid,
  .iconExplanationList {
    grid-template-columns: 1fr;
  }
}
.serviceBenefitsGrid > div,
.iconExplanationList > div {
  display: flex;
  gap: 24px;
}
.serviceBenefitsGrid > div svg.svg-inline--fa,
.iconExplanationList > div svg.svg-inline--fa,
.serviceBenefitsGrid > div i.fas,
.iconExplanationList > div i.fas,
.serviceBenefitsGrid > div i.fab,
.iconExplanationList > div i.fab,
.serviceBenefitsGrid > div i.fal,
.iconExplanationList > div i.fal,
.serviceBenefitsGrid > div i.far,
.iconExplanationList > div i.far,
.serviceBenefitsGrid > div i.fad,
.iconExplanationList > div i.fad {
  color: #e45f31;
  font-size: 35px;
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.serviceBenefitsGrid > div > div *,
.iconExplanationList > div > div * {
  margin: 0;
}
.serviceBenefitsGrid > div > div p,
.iconExplanationList > div > div p {
  font-size: 0.9rem;
  line-height: 1.6em;
  margin-top: 6px;
}
.guidePageContent .iconExplanationList {
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 72px;
}
@media (max-width: 1200px) and (min-width: 900px) {
  .guidePageContent .iconExplanationList {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 800px) {
  .guidePageContent .iconExplanationList {
    grid-template-columns: 1fr;
  }
}
.fold.serviceTimeline > div {
  clear: both;
}
.fold.serviceTimeline > div > ul {
  list-style-type: none;
  counter-reset: li-counter;
  margin-top: 100px;
  margin-bottom: 0;
  margin-left: 100px;
  padding-left: 100px;
  border-left: 2px solid #ece6ff;
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .fold.serviceTimeline > div > ul {
    padding-right: 100px;
  }
}
.fold.serviceTimeline > div > ul > li {
  position: relative;
  /* make the height of paragraphs in the last child <li> unknown. This will curtail the length of the left border, making it stop at the last nodal point */
}
.fold.serviceTimeline > div > ul > li:last-child {
  margin-bottom: 50px;
}
.fold.serviceTimeline > div > ul > li:before {
  position: absolute;
  left: calc(0px - (2px / 2) - 100px  - (54px / 2 ));
  top: -2px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #ece6ff;
  box-shadow: 1px 1px 5px 1px transparent;
  display: block;
  content: "";
}
.fold.serviceTimeline > div > ul > li > * {
  margin: 0;
  padding: 0;
  text-align: left;
}
.fold.serviceTimeline > div > ul > li p {
  width: 100%;
  margin-bottom: 48px;
}
.fold.serviceTimeline > div > ul > li:last-child p {
  float: left;
}
.fold.serviceTimeline > div > ul,
.fold.serviceTimeline > div > ul li:before {
  border-style: dashed;
}
@media (max-width: 550px) {
  .fold.serviceTimeline > div > ul {
    margin-left: 50px;
    padding-left: 50px;
  }
}
.fold.serviceTimeline > div > ul li:before {
  color: #e45f31;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 50px;
}
@media (max-width: 550px) {
  .fold.serviceTimeline > div > ul li:before {
    left: calc(-5px - (5px / 2) - 50px  - (50px / 2 ));
  }
}
.fold.serviceTimeline > div > ul li:nth-of-type(1):before {
  content: "1";
}
.fold.serviceTimeline > div > ul li:nth-of-type(2):before {
  content: "2";
}
.fold.serviceTimeline > div > ul li:nth-of-type(3):before {
  content: "3";
}
.fold.serviceTimeline > div > ul li:nth-of-type(4):before {
  content: "4";
}
.fold.serviceTimeline > div > ul li:nth-of-type(5):before {
  content: "5";
}
.fold.serviceTimeline > div > ul li:nth-of-type(6):before {
  content: "6";
}
.fold.serviceTimeline > div > ul li:nth-of-type(7):before {
  content: "7";
}
.fold.serviceTimeline > div > ul li:nth-of-type(8):before {
  content: "8";
}
.fold.serviceTimeline > div > ul li:nth-of-type(9):before {
  content: "9";
}
.fold.serviceTimeline > div:after {
  clear: both;
  content: "";
  display: block;
}
.meetUs {
  margin: 24px auto;
}
.meetUs > div {
  clear: both;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 0;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  margin: 24px auto;
}
.fold > div .meetUs > div:last-child {
  margin-bottom: 0;
}
.fold > div .meetUs > div:only-child {
  margin: 0;
}
.meetUs > div > * {
  display: none;
}
.meetUs > div > div,
.meetUs > div > a {
  display: block;
}
.meetUs > div > div:nth-child(n),
.meetUs > div > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
@media (max-width: 800px) and (min-width: 850px) {
  .meetUs > div {
    grid-gap: 0;
  }
}
@media (max-width: 850px) {
  .meetUs > div {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .meetUs > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .meetUs > div > div,
.internetExplorer .meetUs > div > a {
  width: 50%;
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.internetExplorer .meetUs > div > div:nth-child(1),
.internetExplorer .meetUs > div > a:nth-child(1),
.internetExplorer .meetUs > div > div:nth-child(2),
.internetExplorer .meetUs > div > a:nth-child(2),
.internetExplorer .meetUs > div > div:nth-child(3),
.internetExplorer .meetUs > div > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .meetUs > div > div *,
.internetExplorer .meetUs > div > a * {
  max-width: 100%;
}
@media (max-width: 800px) {
  .internetExplorer .meetUs > div > div:nth-child(n),
  .internetExplorer .meetUs > div > a:nth-child(n) {
    width: 100%;
  }
}
.meetUs > div > div {
  padding: 24px;
}
@media (max-width: 0) {
  .meetUs > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.meetUs > div > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.meetUs > div > div:first-child h2,
.meetUs > div > div:first-child h3,
.meetUs > div > div:first-child h4,
.meetUs > div > div:first-child h5,
.meetUs > div > div:first-child p,
.meetUs > div > div:first-child .button {
  text-align: center;
}
.meetUs > div > div:nth-of-type(2) {
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.meetUs > div > div:first-child {
  display: flex;
  align-items: center;
}
.meetUs > div > div:first-child picture,
.meetUs > div > div:first-child img {
  width: 100%;
}
@media (min-width: 850px) {
  .meetUs > div > div:first-child img {
    height: auto;
    min-height: 0;
  }
  .meetUs > div > div:first-child img:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
}
@media (max-width: 850px) {
  .meetUs > div > div:first-child img {
    max-height: 50vh;
    min-width: 100%;
  }
}
@media (max-width: 500px) {
  .meetUs > div > div:first-child img {
    max-height: 30vh;
  }
}
.meetUs > div > div:first-child .photoGallery {
  display: grid;
  clear: both;
  grid-gap: 6px;
  margin: 6px;
  grid-template-columns: repeat(2, 1fr);
}
.meetUs > div > div:first-child .photoGallery > a,
.meetUs > div > div:first-child .photoGallery > figure,
.meetUs > div > div:first-child .photoGallery > div,
.meetUs > div > div:first-child .photoGallery > img,
.meetUs > div > div:first-child .photoGallery > picture {
  width: 100%;
  float: none;
}
.meetUs > div > div:first-child .photoGallery > a,
.meetUs > div > div:first-child .photoGallery > figure,
.meetUs > div > div:first-child .photoGallery > div,
.meetUs > div > div:first-child .photoGallery > img,
.meetUs > div > div:first-child .photoGallery > picture,
.meetUs > div > div:first-child .photoGallery > a img,
.meetUs > div > div:first-child .photoGallery > figure img,
.meetUs > div > div:first-child .photoGallery > div img,
.meetUs > div > div:first-child .photoGallery > img img,
.meetUs > div > div:first-child .photoGallery > picture img,
.meetUs > div > div:first-child .photoGallery > a picture,
.meetUs > div > div:first-child .photoGallery > figure picture,
.meetUs > div > div:first-child .photoGallery > div picture,
.meetUs > div > div:first-child .photoGallery > img picture,
.meetUs > div > div:first-child .photoGallery > picture picture,
.meetUs > div > div:first-child .photoGallery > a picture img,
.meetUs > div > div:first-child .photoGallery > figure picture img,
.meetUs > div > div:first-child .photoGallery > div picture img,
.meetUs > div > div:first-child .photoGallery > img picture img,
.meetUs > div > div:first-child .photoGallery > picture picture img {
  max-height: none;
  width: 100%;
}
.meetUs > div > div:first-child .photoGallery > a.portrait,
.meetUs > div > div:first-child .photoGallery > figure.portrait,
.meetUs > div > div:first-child .photoGallery > div.portrait,
.meetUs > div > div:first-child .photoGallery > img.portrait,
.meetUs > div > div:first-child .photoGallery > picture.portrait {
  grid-row: span 2;
}
.meetUs > div > div:first-child .photoGallery > a.doubleWidth,
.meetUs > div > div:first-child .photoGallery > figure.doubleWidth,
.meetUs > div > div:first-child .photoGallery > div.doubleWidth,
.meetUs > div > div:first-child .photoGallery > img.doubleWidth,
.meetUs > div > div:first-child .photoGallery > picture.doubleWidth {
  grid-column: span 2;
}
@media (max-width: 800px) {
  .meetUs > div > div:first-child .photoGallery {
    grid-template-columns: 1fr 1fr;
  }
}
.meetUs > div > div:first-child .photoGallery img {
  min-height: 0;
  height: auto;
}
.fold > div .meetUs > div:only-child {
  margin: auto;
}
.meetUs .CTA {
  margin-left: auto;
  margin-right: auto;
}
.meetUs h2,
.meetUs h3,
.meetUs h4,
.meetUs h5,
.meetUs p:only-of-type,
.meetUs .CTA {
  text-align: center;
}
@media (max-width: 550px) {
  .meetUs > div > div:nth-of-type(n) {
    padding-left: 0;
    padding-right: 0;
  }
  .meetUs p:only-of-type {
    text-align: justify;
  }
}
body.leadCapture > div {
  min-height: 100vh;
  max-width: 100vw;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(399px, 32vw) 1fr;
  grid-template-rows: 100vh;
}
@media (max-width: 1050px) {
  body.leadCapture > div {
    grid-template-columns: 1fr;
  }
}
body.leadCapture > div > div {
  display: flex;
  flex-direction: column;
}
body.leadCapture > div > *:nth-child(n+3) {
  display: none;
}
body.leadCapture > div > div:nth-of-type(1) {
  background: #e45f31;
  padding: clamp(36px, 3.5vw, 72px);
}
body.leadCapture > div > div:nth-of-type(1) .logo {
  align-self: flex-start;
  margin: 0 auto 20vh 0;
}
body.leadCapture > div > div:nth-of-type(1) .logo a {
  display: block;
}
body.leadCapture > div > div:nth-of-type(1) .explainer {
  align-self: center;
  margin-bottom: 24px;
}
body.leadCapture > div > div:nth-of-type(1) .explainer p {
  font-size: 1.15rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.45em;
  margin: 0;
}
body.leadCapture > div > div:nth-of-type(1) .explainer p:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f10d";
  opacity: 0.65;
  font-size: 2em;
  display: block;
  margin-bottom: 24px;
}
body.leadCapture > div > div:nth-of-type(1) .speaker {
  display: flex;
  align-items: center;
}
body.leadCapture > div > div:nth-of-type(1) .speaker > div:nth-of-type(1) img {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  border: 4px solid #fff;
}
body.leadCapture > div > div:nth-of-type(1) .speaker > div:nth-of-type(2) {
  margin-left: 18px;
}
body.leadCapture > div > div:nth-of-type(1) .speaker > div:nth-of-type(2) span {
  display: block;
  color: #fff;
}
body.leadCapture > div > div:nth-of-type(1) .speaker > div:nth-of-type(2) .name {
  font-weight: 500;
  font-size: 0.9775rem;
  margin-bottom: 6px;
}
body.leadCapture > div > div:nth-of-type(1) .speaker > div:nth-of-type(2) .title {
  font-size: 0.8625rem;
  opacity: 0.65;
}
@media (max-width: 1050px) {
  body.leadCapture > div > div:nth-of-type(1) {
    display: none;
  }
}
body.leadCapture > div > div:nth-of-type(2) > div {
  width: clamp(45%, 600px, 55vw);
  margin: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 775px) {
  body.leadCapture > div > div:nth-of-type(2) > div {
    width: calc(100% - (4 * 10px));
    max-width: 600px;
  }
}
@media (max-height: 400px) and (orientation: landscape) {
  body.leadCapture > div > div:nth-of-type(2) > div * {
    display: none;
  }
  body.leadCapture > div > div:nth-of-type(2) > div:after {
    display: block;
    content: "\27F2\0020 Please flip your device to portrait :)";
    justify-self: center;
    align-self: center;
    font-size: 2.8vw;
  }
}
body.leadCapture > div > div:nth-of-type(2) > div .stageDescriptions > div:not(.current),
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div:not(.current),
body.leadCapture > div > div:nth-of-type(2) > div .form > div:not(.current) {
  position: absolute;
  right: -400vw;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageDescriptions .options-buttons {
  display: flex;
  gap: 6px;
  flex-direction: column;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageControls {
  margin-top: 24px;
  margin-bottom: 60px;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div {
  display: flex;
  gap: 6px;
  height: 60.59px;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .next,
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .previous {
  text-align: center;
  height: 100%;
  display: block;
  border-radius: 4px;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .next,
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .previous,
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .next *,
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .previous * {
  line-height: 60.59px;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .next:hover,
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .previous:hover {
  cursor: pointer;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .next {
  background: #e45f31;
  color: #fff;
  width: 100%;
  padding: 0 18px;
  font-weight: 600;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .previous {
  background: #dcdde1;
  min-width: 100px;
  transition: all 0.5s ease;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f060";
  font-size: 40px;
  color: #757575;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageControls > div .previous:hover {
  background: #c6c8ce;
  padding-right: 10px;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageProgress {
  display: flex;
  justify-content: center;
  gap: 12px;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageProgress span {
  content: "";
  display: inline-block;
  opacity: 0.3;
  color: #303030;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageProgress span:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f111";
  font-size: 12px;
}
body.leadCapture > div > div:nth-of-type(2) > div .stageProgress span.current {
  opacity: 1;
}
body.leadCapture > div > div:nth-of-type(2) > div .form label,
body.leadCapture > div > div:nth-of-type(2) > div .form input,
body.leadCapture > div > div:nth-of-type(2) > div .form textarea {
  width: 100%;
  display: block;
}
body.leadCapture > div > div:nth-of-type(2) > div .form label {
  margin-bottom: 12px;
  font-weight: bold;
}
body.leadCapture > div > div:nth-of-type(2) > div .form input,
body.leadCapture > div > div:nth-of-type(2) > div .form textarea {
  padding: 18px;
  border: 1.3px solid #adadad;
  border-radius: 4px;
  background: #e5e5e5;
  margin-bottom: 12px;
}
body.leadCapture > div > div:first-of-type {
  background-color: #011734;
}
body.leadCapture > div > div:first-of-type .logo {
  max-width: 230px;
  margin: 0 auto 24px 0;
}
body.leadCapture > div > div:first-of-type .logo svg {
  max-width: 150px;
  max-height: 150px;
  margin: 0 auto 0 0;
}
body.leadCapture > div > div:first-of-type .explainer p {
  font-weight: normal;
}
.decision-tree {
  background: #fdfdfd;
  min-height: 100vh;
}
.decision-tree > div.header {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 991px) {
  .decision-tree > div.header {
    display: none;
  }
}
.decision-tree > div.header svg {
  max-height: 150px;
  max-width: 150px;
  margin: 24px 24px 24px auto;
}
.decision-tree > div.header svg * {
  fill: #499f41;
  /* Apply color to the entire SVG */
  stroke: #499f41;
  /* Apply color to the stroke if SVG uses strokes */
}
.decision-tree > div:not(.header) {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 380px 1fr;
}
@media (min-width: 990px) {
  .decision-tree > div:not(.header) {
    min-height: 100vh;
  }
}
@media (max-width: 990px) {
  .decision-tree > div:not(.header) {
    grid-template-columns: 1fr;
  }
  .decision-tree > div:not(.header) > div:first-of-type {
    order: 2;
  }
  .decision-tree > div:not(.header) > div:nth-of-type(2) {
    order: 1;
  }
}
.decision-tree > div:not(.header) > div:first-of-type {
  background: #499f41;
  display: flex;
  flex-direction: column;
  padding: 24px;
}
@media (min-width: 990px) {
  .decision-tree > div:not(.header) > div:first-of-type {
    min-height: 100vh;
  }
}
.decision-tree > div:not(.header) > div:first-of-type .logo {
  max-width: 230px;
  margin: 0 auto 24px 0;
}
.decision-tree > div:not(.header) > div:first-of-type .logo svg {
  max-width: 150px;
  max-height: 150px;
  margin: 0 auto 0 0;
}
.decision-tree > div:not(.header) > div:first-of-type p {
  color: #fff;
  line-height: 1.5em;
  font-size: 1rem;
}
.decision-tree > div:not(.header) > div:first-of-type p a {
  color: inherit;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 10vh 5vw;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
}
.decision-tree > div:not(.header) > div:nth-of-type(2) h1,
.decision-tree > div:not(.header) > div:nth-of-type(2) h2 {
  margin-bottom: 24px;
  text-align: left;
}
@media (min-width: 990px) {
  .decision-tree > div:not(.header) > div:nth-of-type(2) {
    min-height: 100vh;
  }
}
@media (max-width: 990px) {
  .decision-tree > div:not(.header) > div:nth-of-type(2) {
    padding-top: 0;
  }
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent > div:not(.current) {
  display: none;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div {
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 24px;
  background: #fff;
  border: 1.2px solid #bdbdbd;
  width: 98%;
  margin: auto;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div.selected {
  width: 100%;
  border-color: #499f41;
  background: #fbfdfb;
  box-shadow: 1px 1px 35px #f7f7f7;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div.selected > div:nth-of-type(1) {
  background: #eaf6e9;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div > div:nth-of-type(1) {
  background: #f5f5f5;
  border-radius: 8px;
  color: #499f41;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  width: 70px;
  height: 70px;
  text-align: center;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div > div:nth-of-type(1) svg.svg-inline--fa,
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div > div:nth-of-type(1) i.fas,
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div > div:nth-of-type(1) i.fab,
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div > div:nth-of-type(1) i.fal,
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div > div:nth-of-type(1) i.far {
  font-size: 30px;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent .options-buttons > div > div:nth-of-type(2) p {
  font-size: 0.9rem;
  line-height: 1.4em;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent > div[data-selected-option="1"] > div {
  display: none;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent > div[data-selected-option="1"] > div[data-selected-content="1"] {
  display: block;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent > div[data-selected-option="2"] > div {
  display: none;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageContent > div[data-selected-option="2"] > div[data-selected-content="2"] {
  display: block;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls {
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div {
  display: flex;
  gap: 6px;
  height: 60.59px;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div:not(.current) {
  display: none;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .next,
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .previous {
  text-align: center;
  height: 100%;
  display: block;
  border-radius: 4px;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .next,
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .previous,
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .next *,
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .previous * {
  line-height: 60.59px;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .next {
  color: #fff;
  width: 100%;
  padding: 0 18px;
  font-weight: 600;
  background: #dcdde1;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .next.valid {
  background: #499f41;
  cursor: pointer;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .previous {
  background: #dcdde1;
  min-width: 100px;
  transition: all 0.5s ease;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f060";
  font-size: 40px;
  color: #757575;
  cursor: pointer;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageControls > div .previous:hover {
  background: #c6c8ce;
  padding-right: 10px;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageProgress {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageProgress span {
  content: "";
  display: inline-block;
  opacity: 0.3;
  color: #303030;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageProgress span:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f111";
  font-size: 12px;
}
.decision-tree > div:not(.header) > div:nth-of-type(2) .stageProgress span.current {
  opacity: 1;
}
.topCTA {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  min-height: clamp(400px, 45vw, 750px);
}
@media (min-width: 920px) {
  .topCTA + div:nth-child(n) {
    background-color: #fff;
  }
}
.topCTA > div:first-of-type {
  position: relative;
  overflow: hidden;
}
.topCTA > div:first-of-type img,
.topCTA > div:first-of-type picture {
  min-height: 100%;
  min-width: 100%;
  width: 100%;
}
@media (min-width: 920px) {
  .topCTA > div:first-of-type img,
  .topCTA > div:first-of-type picture {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
  }
}
@media (min-width: 920px) {
  .topCTA > div:first-of-type:after {
    position: absolute;
    display: block;
    content: "";
    background: #fff;
    top: -10vw;
    right: -182vw;
    width: 190vw;
    height: 190vw;
    transform: skewX(28deg);
    border-radius: 50%;
  }
}
@media (min-width: 920px) and (max-width: 920px) {
  .topCTA > div:first-of-type:after {
    display: none;
  }
}
.topCTA > div:nth-of-type(2) {
  padding: 96px 48px 48px 0;
  background: #fff;
  display: flex;
  align-items: center;
}
.topCTA > div:nth-of-type(2) > div {
  margin: 0 auto 0 0;
  max-width: 600px;
}
@media (min-width: 920px) {
  .topCTA > div:nth-of-type(2) > div {
    z-index: 10;
    margin-left: -6vw;
  }
}
@media (max-width: 920px) {
  .topCTA {
    background-color: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .topCTA > div:first-child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }
  .topCTA > div:first-child img,
  .topCTA > div:first-child picture {
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: brightness(60%);
  }
  .topCTA > div:first-child > img:nth-of-type(2) {
    display: none;
  }
  .topCTA > div:first-child > picture > img:nth-child(n) {
    display: block;
  }
  .topCTA > div:nth-child(2) {
    position: relative;
    resize: vertical;
    max-width: 970px;
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .internetExplorer .topCTA,
  .internetExplorer .topCTA * {
    display: block;
  }
  .internetExplorer body > .topCTA {
    min-height: 400px;
  }
  .topCTA > div:nth-of-type(2) {
    width: 500px;
    max-width: 85%;
    margin: 72px auto 72px 0;
    padding: 0;
  }
  .topCTA > div:nth-of-type(2) > div {
    padding: 48px;
  }
  .topCTA > div:nth-of-type(2) > div p {
    font-size: 0.9rem;
  }
}
@media (max-width: 920px) and (max-width: 500px) {
  .topCTA > div:first-child > img:nth-of-type(2):last-child {
    display: block;
  }
  .topCTA > div:first-child > img:first-of-type:nth-last-of-type(2) {
    display: none;
  }
}
@media (max-width: 920px) and (max-width: 1010px) {
  .topCTA > div:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 920px) and (max-width: 750px) {
  .topCTA > div:nth-of-type(2) {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 920px) and (max-width: 750px) {
  .topCTA > div:nth-of-type(2) > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.topCTA ul.CTAList {
  list-style-type: square;
  list-style-position: inside;
  color: #e45f31;
}
.topCTA ul.CTAList li {
  margin-bottom: 12px;
}
.topCTA ul.CTAList li a {
  text-decoration: none;
}
.topCTA ul.CTAList li a:after {
  display: inline;
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  margin-left: 12px;
}
.companyMotivations {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  margin: auto;
}
h2 + .companyMotivations,
h3 + .companyMotivations {
  margin-top: 48px;
}
.companyMotivations > div,
.companyMotivations > a,
.companyMotivations > li {
  margin-bottom: 24px;
  min-width: 192px;
  flex-grow: 1;
  flex-basis: calc((100% - ((3 - 1) * 48px)) / 3);
}
.companyMotivations > div:last-child:nth-child(2),
.companyMotivations > a:last-child:nth-child(2),
.companyMotivations > li:last-child:nth-child(2),
.companyMotivations > div:last-child:nth-child(3),
.companyMotivations > a:last-child:nth-child(3),
.companyMotivations > li:last-child:nth-child(3),
.companyMotivations > div:last-child:nth-child(4),
.companyMotivations > a:last-child:nth-child(4),
.companyMotivations > li:last-child:nth-child(4) {
  margin-bottom: 0;
}
.companyMotivations > div:nth-last-child(2):first-child,
.companyMotivations > a:nth-last-child(2):first-child,
.companyMotivations > li:nth-last-child(2):first-child,
.companyMotivations > div:nth-last-child(2):nth-child(2),
.companyMotivations > a:nth-last-child(2):nth-child(2),
.companyMotivations > li:nth-last-child(2):nth-child(2),
.companyMotivations > div:nth-last-child(2):nth-child(3),
.companyMotivations > a:nth-last-child(2):nth-child(3),
.companyMotivations > li:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.companyMotivations > div:nth-last-child(3):first-child,
.companyMotivations > a:nth-last-child(3):first-child,
.companyMotivations > li:nth-last-child(3):first-child,
.companyMotivations > div:nth-last-child(3):nth-child(2),
.companyMotivations > a:nth-last-child(3):nth-child(2),
.companyMotivations > li:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
@media (max-width: 720px) {
  .companyMotivations > div,
  .companyMotivations > a,
  .companyMotivations > li {
    flex-basis: calc((100% - (1 * 48px)) / 1);
  }
  .companyMotivations > div:last-child:nth-child(3),
  .companyMotivations > a:last-child:nth-child(3),
  .companyMotivations > li:last-child:nth-child(3),
  .companyMotivations > div:nth-last-child(2):nth-child(2),
  .companyMotivations > a:nth-last-child(2):nth-child(2),
  .companyMotivations > li:nth-last-child(2):nth-child(2),
  .companyMotivations > div:first-child:nth-last-child(3),
  .companyMotivations > a:first-child:nth-last-child(3),
  .companyMotivations > li:first-child:nth-last-child(3) {
    flex-basis: calc((100% - (2 * 48px)) / 3);
  }
}
@media (max-width: 836px) {
  .companyMotivations > div:last-child:nth-child(3),
  .companyMotivations > a:last-child:nth-child(3),
  .companyMotivations > li:last-child:nth-child(3),
  .companyMotivations > div:nth-last-child(2):nth-child(2),
  .companyMotivations > a:nth-last-child(2):nth-child(2),
  .companyMotivations > li:nth-last-child(2):nth-child(2),
  .companyMotivations > div:first-child:nth-last-child(3),
  .companyMotivations > a:first-child:nth-last-child(3),
  .companyMotivations > li:first-child:nth-last-child(3) {
    flex-basis: 100%;
    margin-bottom: 24px;
  }
}
@media (max-width: 548px) {
  .companyMotivations > div,
  .companyMotivations > a,
  .companyMotivations > li {
    flex-basis: calc((100% - 48px) / 2);
    min-width: 0;
  }
}
@media (max-width: 480px) {
  .companyMotivations > div,
  .companyMotivations > a,
  .companyMotivations > li {
    flex-basis: 100%;
  }
}
.companyMotivations > div h4,
.companyMotivations > div h5 {
  text-align: center;
}
.companyMotivations > div p {
  text-align: justify;
  font-size: 1rem;
  word-wrap: break-word;
}
@media (min-width: 836px) {
  .companyMotivations > div:nth-of-type(2) {
    margin-top: 72px;
  }
  .companyMotivations > div:nth-of-type(3) {
    margin-top: 144px;
  }
}
@media (max-width: 836px) {
  .companyMotivations {
    max-width: 600px;
    margin: auto;
    gap: 0;
  }
  .companyMotivations > div:nth-child(n) {
    margin: 0;
  }
}
.filterableOptionsGrid {
  background: #fff;
  padding: clamp(60px, 10vw, 150px) 0;
}
.filterableOptionsGrid > div {
  width: 100%;
  max-width: 1400px;
  padding: 0 10px;
  margin: auto;
}
.filterableOptionsGrid > div > div:first-child {
  max-width: 600px;
  width: 100%;
  margin: auto;
}
.filterableOptionsGrid > div h2,
.filterableOptionsGrid > div h3,
.filterableOptionsGrid > div h4,
.filterableOptionsGrid > div h5,
.filterableOptionsGrid > div p,
.filterableOptionsGrid > div ul,
.filterableOptionsGrid > div ol {
  color: #777777;
  text-align: center;
}
.filterableOptionsGrid > div ul {
  margin: 96px auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  width: 95%;
  max-width: 1100px;
}
.filterableOptionsGrid > div ul li {
  background: #011734;
  padding: 16px 8px;
  border: 1px solid #fff;
  border-radius: 4px;
  line-height: 1.2em;
  font-size: 0.8rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filterableOptionsGrid > div ul li:hover {
  cursor: pointer;
}
.filterableOptionsGrid > div ul li:hover:not(.selected) {
  opacity: 1;
}
.filterableOptionsGrid > div ul li svg.svg-inline--fa,
.filterableOptionsGrid > div ul li i.fas,
.filterableOptionsGrid > div ul li i.fab,
.filterableOptionsGrid > div ul li i.fal,
.filterableOptionsGrid > div ul li i.far {
  color: #bebebe;
  font-size: 1.2em;
  margin-right: 6px;
}
.filterableOptionsGrid > div ul li.selected {
  background: #e45f31;
}
.filterableOptionsGrid > div ul li.selected svg.svg-inline--fa,
.filterableOptionsGrid > div ul li.selected i.fas,
.filterableOptionsGrid > div ul li.selected i.fab,
.filterableOptionsGrid > div ul li.selected i.fal,
.filterableOptionsGrid > div ul li.selected i.far {
  color: #fff;
}
.filterableOptionsGrid > div > div:nth-of-type(2) {
  display: grid;
  grid-gap: 24px;
  grid-auto-rows: auto;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1100px) {
  .filterableOptionsGrid > div > div:nth-of-type(2) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .filterableOptionsGrid > div > div:nth-of-type(2) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .filterableOptionsGrid > div > div:nth-of-type(2) {
    grid-template-columns: repeat(1, 1fr);
  }
}
.filterableOptionsGrid .filterableOptionCards > a {
  display: none;
  overflow: hidden;
}
.filterableOptionsGrid .filterableOptionCards > a.displayed {
  display: block;
}
.filterableOptionsGrid .filterableOptionCards > a img {
  min-width: 100%;
}
.filterableOptionsGrid .filterableOptionCards > a > div:nth-of-type(2) {
  padding-top: 18px;
}
.filterableOptionsGrid .filterableOptionCards > a > div h2,
.filterableOptionsGrid .filterableOptionCards > a > div h3,
.filterableOptionsGrid .filterableOptionCards > a > div h5,
.filterableOptionsGrid .filterableOptionCards > a > div h6 {
  display: none;
}
.filterableOptionsGrid .filterableOptionCards > a > div h4 {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.15em;
}
.filterableOptionsGrid .filterableOptionCards > a > div h4,
.filterableOptionsGrid .filterableOptionCards > a > div p {
  text-align: left;
}
.filterableOptionsGrid .filterableOptionCards > a > div p {
  font-size: 0.9rem;
  margin: 0;
}
.vacancySummaries {
  margin: 48px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
.vacancySummaries > a,
.vacancySummaries div.placeholder {
  display: block;
  overflow: hidden;
  flex: 0 0 auto;
  width: calc((100% - (24px * 2)) / 3);
  /* Add card-specific styles here */
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-decoration: none;
  color: #000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
  padding: 15px;
}
@media (max-width: 900px) {
  .vacancySummaries > a,
  .vacancySummaries div.placeholder {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 600px) {
  .vacancySummaries > a,
  .vacancySummaries div.placeholder {
    width: 100%;
  }
}
.vacancySummaries > a img,
.vacancySummaries div.placeholder img {
  min-width: 100%;
}
.vacancySummaries > a > div:nth-of-type(2),
.vacancySummaries div.placeholder > div:nth-of-type(2) {
  padding-top: 18px;
}
.vacancySummaries > a > div h2,
.vacancySummaries div.placeholder > div h2,
.vacancySummaries > a > div h3,
.vacancySummaries div.placeholder > div h3,
.vacancySummaries > a > div h5,
.vacancySummaries div.placeholder > div h5,
.vacancySummaries > a > div h6,
.vacancySummaries div.placeholder > div h6 {
  display: none;
}
.vacancySummaries > a > div h4,
.vacancySummaries div.placeholder > div h4 {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.15em;
}
.vacancySummaries > a > div h4,
.vacancySummaries div.placeholder > div h4,
.vacancySummaries > a > div p,
.vacancySummaries div.placeholder > div p {
  text-align: left;
}
.vacancySummaries > a > div p,
.vacancySummaries div.placeholder > div p {
  font-size: 0.9rem;
  margin: 0;
}
.vacancySummaries > a:hover,
.vacancySummaries div.placeholder:hover {
  transform: scale(1.03);
}
.vacancySummaries > a .job-content,
.vacancySummaries div.placeholder .job-content {
  display: flex;
  flex-direction: column;
}
.vacancySummaries > a .job-title,
.vacancySummaries div.placeholder .job-title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}
.vacancySummaries > a .job-description,
.vacancySummaries div.placeholder .job-description {
  font-size: 14px;
  line-height: 1.5;
  color: #444;
  margin: 0;
}
.vacancySummaries > a .job-description .phoneyLink,
.vacancySummaries div.placeholder .job-description .phoneyLink {
  color: #007bff;
  text-decoration: none;
  font-weight: bold;
}
.vacancySummaries > a .job-description .phoneyLink:hover,
.vacancySummaries div.placeholder .job-description .phoneyLink:hover {
  text-decoration: underline;
}
.vacancySummaries > a ul.bulletpoint,
.vacancySummaries div.placeholder ul.bulletpoint {
  font-size: 0.9rem;
  line-height: 1.3em;
  margin: 10px 0;
}
.vacancySummaries > a ul.bulletpoint li,
.vacancySummaries div.placeholder ul.bulletpoint li {
  padding: 3px 0;
}
.vacancySummaries.tempScale > a > div:nth-of-type(1),
.vacancySummaries.tempScale div.placeholder > div:nth-of-type(1) {
  background: linear-gradient(90deg, #e45f31 0%, #e7c83b 100%);
}
.vacancySummaries.tempScale > a > div:nth-of-type(1) img,
.vacancySummaries.tempScale div.placeholder > div:nth-of-type(1) img,
.vacancySummaries.tempScale > a > div:nth-of-type(1) picture,
.vacancySummaries.tempScale div.placeholder > div:nth-of-type(1) picture {
  opacity: 0.5;
  filter: grayscale(1);
}
.topArticles {
  margin: 48px auto;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1100px) {
  .topArticles {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .topArticles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .topArticles {
    grid-template-columns: repeat(1, 1fr);
  }
}
.topArticles > a {
  display: block;
  overflow: hidden;
}
.topArticles > a img {
  min-width: 100%;
}
.topArticles > a > div:nth-of-type(2) {
  padding-top: 18px;
}
.topArticles > a > div h2,
.topArticles > a > div h3,
.topArticles > a > div h5,
.topArticles > a > div h6 {
  display: none;
}
.topArticles > a > div h4 {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.15em;
}
.topArticles > a > div h4,
.topArticles > a > div p {
  text-align: left;
}
.topArticles > a > div p {
  font-size: 0.9rem;
  margin: 0;
}
.topArticles > a:nth-child(n+13) {
  display: none;
}
.topArticles > a > div:last-of-type {
  padding-top: 12px;
}
.topArticles > a > div:last-of-type h5 {
  display: block;
}
.topArticles > a > div:last-of-type p {
  line-height: 1.4em;
}
.topArticles .articleList {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: auto;
}
.topArticles .articleList > div,
.topArticles .articleList > a,
.topArticles .articleList > li {
  margin-bottom: 24px;
  min-width: 296px;
  flex-grow: 1;
  flex-basis: calc((100% - ((4 - 1) * 24px)) / 4);
}
.topArticles .articleList > div:last-child:nth-child(2),
.topArticles .articleList > a:last-child:nth-child(2),
.topArticles .articleList > li:last-child:nth-child(2),
.topArticles .articleList > div:last-child:nth-child(3),
.topArticles .articleList > a:last-child:nth-child(3),
.topArticles .articleList > li:last-child:nth-child(3),
.topArticles .articleList > div:last-child:nth-child(4),
.topArticles .articleList > a:last-child:nth-child(4),
.topArticles .articleList > li:last-child:nth-child(4) {
  margin-bottom: 0;
}
.topArticles .articleList > div:nth-last-child(2):first-child,
.topArticles .articleList > a:nth-last-child(2):first-child,
.topArticles .articleList > li:nth-last-child(2):first-child,
.topArticles .articleList > div:nth-last-child(2):nth-child(2),
.topArticles .articleList > a:nth-last-child(2):nth-child(2),
.topArticles .articleList > li:nth-last-child(2):nth-child(2),
.topArticles .articleList > div:nth-last-child(2):nth-child(3),
.topArticles .articleList > a:nth-last-child(2):nth-child(3),
.topArticles .articleList > li:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.topArticles .articleList > div:nth-last-child(3):first-child,
.topArticles .articleList > a:nth-last-child(3):first-child,
.topArticles .articleList > li:nth-last-child(3):first-child,
.topArticles .articleList > div:nth-last-child(3):nth-child(2),
.topArticles .articleList > a:nth-last-child(3):nth-child(2),
.topArticles .articleList > li:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
@media (max-width: 1280px) {
  .topArticles .articleList > div,
  .topArticles .articleList > a,
  .topArticles .articleList > li {
    flex-basis: calc((100% - (2 * 24px)) / 2);
  }
  .topArticles .articleList > div:last-child:nth-child(3),
  .topArticles .articleList > a:last-child:nth-child(3),
  .topArticles .articleList > li:last-child:nth-child(3),
  .topArticles .articleList > div:nth-last-child(2):nth-child(2),
  .topArticles .articleList > a:nth-last-child(2):nth-child(2),
  .topArticles .articleList > li:nth-last-child(2):nth-child(2),
  .topArticles .articleList > div:first-child:nth-last-child(3),
  .topArticles .articleList > a:first-child:nth-last-child(3),
  .topArticles .articleList > li:first-child:nth-last-child(3) {
    flex-basis: calc((100% - (2 * 24px)) / 3);
  }
}
@media (max-width: 1028px) {
  .topArticles .articleList > div:last-child:nth-child(3),
  .topArticles .articleList > a:last-child:nth-child(3),
  .topArticles .articleList > li:last-child:nth-child(3),
  .topArticles .articleList > div:nth-last-child(2):nth-child(2),
  .topArticles .articleList > a:nth-last-child(2):nth-child(2),
  .topArticles .articleList > li:nth-last-child(2):nth-child(2),
  .topArticles .articleList > div:first-child:nth-last-child(3),
  .topArticles .articleList > a:first-child:nth-last-child(3),
  .topArticles .articleList > li:first-child:nth-last-child(3) {
    flex-basis: 100%;
    margin-bottom: 24px;
  }
}
@media (max-width: 684px) {
  .topArticles .articleList > div,
  .topArticles .articleList > a,
  .topArticles .articleList > li {
    flex-basis: calc((100% - 24px) / 2);
    min-width: 0;
  }
}
@media (max-width: 550px) {
  .topArticles .articleList > div,
  .topArticles .articleList > a,
  .topArticles .articleList > li {
    flex-basis: 100%;
  }
}
.fold.linksCards,
.fold.linksCards + .footerCurve {
  background: #f7f7f7;
}
.fold.linksCards > div > div {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: auto;
  margin: 48px auto;
}
.fold.linksCards > div > div > div,
.fold.linksCards > div > div > a,
.fold.linksCards > div > div > li {
  margin-bottom: 24px;
  min-width: 296px;
  flex-grow: 1;
  flex-basis: calc((100% - ((3 - 1) * 24px)) / 3);
}
.fold.linksCards > div > div > div:last-child:nth-child(2),
.fold.linksCards > div > div > a:last-child:nth-child(2),
.fold.linksCards > div > div > li:last-child:nth-child(2),
.fold.linksCards > div > div > div:last-child:nth-child(3),
.fold.linksCards > div > div > a:last-child:nth-child(3),
.fold.linksCards > div > div > li:last-child:nth-child(3),
.fold.linksCards > div > div > div:last-child:nth-child(4),
.fold.linksCards > div > div > a:last-child:nth-child(4),
.fold.linksCards > div > div > li:last-child:nth-child(4) {
  margin-bottom: 0;
}
.fold.linksCards > div > div > div:nth-last-child(2):first-child,
.fold.linksCards > div > div > a:nth-last-child(2):first-child,
.fold.linksCards > div > div > li:nth-last-child(2):first-child,
.fold.linksCards > div > div > div:nth-last-child(2):nth-child(2),
.fold.linksCards > div > div > a:nth-last-child(2):nth-child(2),
.fold.linksCards > div > div > li:nth-last-child(2):nth-child(2),
.fold.linksCards > div > div > div:nth-last-child(2):nth-child(3),
.fold.linksCards > div > div > a:nth-last-child(2):nth-child(3),
.fold.linksCards > div > div > li:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.fold.linksCards > div > div > div:nth-last-child(3):first-child,
.fold.linksCards > div > div > a:nth-last-child(3):first-child,
.fold.linksCards > div > div > li:nth-last-child(3):first-child,
.fold.linksCards > div > div > div:nth-last-child(3):nth-child(2),
.fold.linksCards > div > div > a:nth-last-child(3):nth-child(2),
.fold.linksCards > div > div > li:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .fold.linksCards > div > div > div,
  .fold.linksCards > div > div > a,
  .fold.linksCards > div > div > li {
    flex-basis: calc((100% - (2 * 24px)) / 2);
  }
  .fold.linksCards > div > div > div:last-child:nth-child(3),
  .fold.linksCards > div > div > a:last-child:nth-child(3),
  .fold.linksCards > div > div > li:last-child:nth-child(3),
  .fold.linksCards > div > div > div:nth-last-child(2):nth-child(2),
  .fold.linksCards > div > div > a:nth-last-child(2):nth-child(2),
  .fold.linksCards > div > div > li:nth-last-child(2):nth-child(2),
  .fold.linksCards > div > div > div:first-child:nth-last-child(3),
  .fold.linksCards > div > div > a:first-child:nth-last-child(3),
  .fold.linksCards > div > div > li:first-child:nth-last-child(3) {
    flex-basis: calc((100% - (2 * 24px)) / 3);
  }
}
@media (max-width: 1028px) {
  .fold.linksCards > div > div > div:last-child:nth-child(3),
  .fold.linksCards > div > div > a:last-child:nth-child(3),
  .fold.linksCards > div > div > li:last-child:nth-child(3),
  .fold.linksCards > div > div > div:nth-last-child(2):nth-child(2),
  .fold.linksCards > div > div > a:nth-last-child(2):nth-child(2),
  .fold.linksCards > div > div > li:nth-last-child(2):nth-child(2),
  .fold.linksCards > div > div > div:first-child:nth-last-child(3),
  .fold.linksCards > div > div > a:first-child:nth-last-child(3),
  .fold.linksCards > div > div > li:first-child:nth-last-child(3) {
    flex-basis: 100%;
    margin-bottom: 24px;
  }
}
@media (max-width: 684px) {
  .fold.linksCards > div > div > div,
  .fold.linksCards > div > div > a,
  .fold.linksCards > div > div > li {
    flex-basis: calc((100% - 24px) / 2);
    min-width: 0;
  }
}
@media (max-width: 640px) {
  .fold.linksCards > div > div > div,
  .fold.linksCards > div > div > a,
  .fold.linksCards > div > div > li {
    flex-basis: 100%;
  }
}
.fold.linksCards > div > div > div {
  border-top: 4px solid #e45f31;
  background: #fff;
  padding: 24px;
  position: relative;
  padding-top: 36px;
}
.fold.linksCards > div > div > div .tag {
  position: absolute;
  padding: 0 7px;
  top: 0;
  left: 0;
  display: inline-block;
  font-size: 0.675rem;
  height: 20px;
  line-height: 18px;
  background: #e45f31;
  color: #fff;
  letter-spacing: 0.4px;
}
.fold.linksCards > div > div > div .tag:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 12px 0 0;
  border-color: #e45f31 transparent transparent transparent;
  content: "";
  position: relative;
  right: -19px;
  top: 19px;
}
.fold.linksCards > div > div > div ul li {
  font-size: 0.9rem;
}
.aside {
  padding: 24px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  margin: 24px;
}
.aside,
.aside + .footerCurve {
  background: #f7f7f7;
}
@media (min-width: 770px) and (max-width: 1000px) {
  .articleSpread .aside {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 440px) {
  .articleSpread .aside {
    margin-right: 0;
    margin-left: 0;
  }
}
.detailedServiceBreakdown {
  max-width: 1000px;
  margin: auto;
}
.detailedServiceBreakdown ul {
  margin: 48px auto;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr;
  font-size: 1rem;
  max-width: 100%;
}
.detailedServiceBreakdown ul span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.detailedServiceBreakdown ul li {
  display: flex;
  gap: 24px;
  padding: 12px;
}
.detailedServiceBreakdown ul li svg.svg-inline--fa,
.detailedServiceBreakdown ul li i.fas,
.detailedServiceBreakdown ul li i.fab,
.detailedServiceBreakdown ul li i.fal,
.detailedServiceBreakdown ul li i.far {
  font-size: 2.5em;
  color: #e45f31;
  width: 75px;
}
.detailedServiceBreakdown ul li > div {
  width: calc(100% - 75px);
}
.detailedServiceBreakdown ul li > div * {
  margin: 0;
}
.detailedServiceBreakdown ul li > div *:nth-of-type(n+2) {
  margin-top: 6px;
}
.detailedServiceBreakdown ul li > div p {
  font-size: 0.9rem;
}
.map-and-explainer-block {
  max-width: 950px;
  display: grid;
  grid-template-columns: 1fr 450px;
  grid-gap: 24px;
  margin: 72px auto 24px;
}
@media (max-width: 780px) {
  .map-and-explainer-block {
    max-width: 650px;
    grid-template-columns: 1fr;
  }
}
.map-and-explainer-block > div figure {
  margin: 0 ;
}
.map-and-explainer-block > div figure figcaption {
  margin-top: 6px;
}
.map-and-explainer-block > div img,
.map-and-explainer-block > div picture {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.regions-covered {
  margin-top: 48px;
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
}
@media (max-width: 720px) {
  .regions-covered {
    grid-template-columns: 1fr;
    grid-gap: 36px;
  }
}
.regions-covered > div {
  border: 3px solid #e45f31;
  padding: 24px;
  position: relative;
}
.regions-covered > div > h3,
.regions-covered > div > h4 {
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: -20px;
  left: 24px;
  background: #fff;
  padding: 0 12px;
  color: #e45f31;
  margin-bottom: 24px;
}
.regions-covered > div > h4 {
  font-weight: 600;
}
.regions-covered > div ul {
  font-size: 0.9rem;
}
.binary-choice {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  flex: 1;
  margin: 24px 0;
}
.binary-choice > div {
  width: 100%;
  min-width: 300px;
  padding: 48px 24px;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  border-width: 2px;
  display: flex;
  gap: 24px;
  align-items: center;
}
.binary-choice .option {
  position: relative;
}
.binary-choice .option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.binary-choice .option label {
  line-height: 1.4em;
}
.binary-choice .option label h4,
.binary-choice .option label h5 {
  margin-bottom: 6px;
}
.binary-choice .option > div {
  display: flex;
  flex-direction: column;
}
.binary-choice .option svg.svg-inline--fa,
.binary-choice .option i.fas,
.binary-choice .option i.fab,
.binary-choice .option i.fal,
.binary-choice .option i.far {
  font-size: 40px;
  color: #e45f31;
}
.binary-choice .option.selected,
.binary-choice .option:hover {
  border-color: #e45f31;
  background: rgba(228, 95, 49, 0.1);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.binary-choice .option:hover,
.binary-choice .option *:hover {
  cursor: pointer;
}
.binary-choice .option:after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.team-display {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 48px auto;
}
@media (max-width: 1150px) {
  .team-display {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 770px) {
  .team-display {
    grid-template-columns: 1fr ;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
}
.team-display > div {
  display: flex;
  gap: 12px;
}
.team-display > div img {
  width: 115px;
  height: 115px;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  flex-grow: 0;
}
.team-display > div > div {
  width: auto;
  flex: 1;
}
.team-display > div > div h5 span,
.team-display > div > div h5 a {
  font-size: 0.75em;
  opacity: 0.8;
  color: inherit;
  text-decoration: none;
}
.team-display > div > div p,
.team-display > div > div h6 {
  margin: 0;
}
.team-display > div > div p {
  font-size: 0.9rem;
  line-height: 1.6em;
  letter-spacing: 0.25px;
}
.team-display > div > div h6 {
  font-weight: 500;
  display: inline-block;
  color: #fff;
  background: #777777;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.team-display.east-only > div,
.team-display.west-only > div {
  display: none;
}
.team-display.east-only.local-landing-page h5 a,
.team-display.west-only.local-landing-page h5 a,
.team-display.east-only.local-landing-page h5 span,
.team-display.west-only.local-landing-page h5 span {
  display: none;
}
.team-display.east-only > div[data-team="east"],
.team-display.east-only > div[data-team="hq"] {
  display: flex;
}
.team-display.west-only > div[data-team="west"],
.team-display.west-only > div[data-team="hq"] {
  display: flex;
}
.top-options,
.content-options {
  padding: clamp(30px, 7.5vh, 110px) 0;
}
.top-options > div,
.content-options > div {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .top-options > div,
  .content-options > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.top-options > div:not(:last-child),
.content-options > div:not(:last-child) {
  margin-bottom: 24px;
}
.top-options > div,
.content-options > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  .top-options > div,
  .content-options > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.top-options > div:not(:last-child),
.content-options > div:not(:last-child) {
  margin-bottom: 24px;
}
.top-options.timeLine.wordy p,
.content-options.timeLine.wordy p {
  font-size: 1rem;
}
.top-options.timeLine > div h1,
.content-options.timeLine > div h1,
.top-options.timeLine > div h2,
.content-options.timeLine > div h2 {
  text-align: center;
}
.top-options.timeLine > div h1,
.content-options.timeLine > div h1,
.top-options.timeLine > div h2,
.content-options.timeLine > div h2,
.top-options.timeLine > div > p,
.content-options.timeLine > div > p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.top-options.timeLine > div > div,
.content-options.timeLine > div > div {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  grid-column-gap: 24px;
  margin-top: 48px;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.top-options.timeLine > div > div > div,
.content-options.timeLine > div > div > div {
  min-height: 230px;
  padding: 48px;
  padding-top: 16.5px;
}
@media (max-width: 850px) {
  .top-options.timeLine > div > div,
  .content-options.timeLine > div > div {
    grid-template-columns: 55px 1fr;
    grid-template-areas: "number1 caption1" "number2 caption2" "number3 caption3" "number4 caption4" "number5 caption5" "number6 caption6" "number7 caption7" "number8 caption8" "number9 caption9" "number10 caption10" "number11 caption11" "number12 caption12" "number13 caption13" "number14 caption14" "number15 caption15" "number16 caption16" "number17 caption17" "number18 caption18";
  }
  .top-options.timeLine > div > div > div:nth-child(6n+3),
  .content-options.timeLine > div > div > div:nth-child(6n+3),
  .top-options.timeLine > div > div > div:nth-child(6n+4),
  .content-options.timeLine > div > div > div:nth-child(6n+4) {
    display: none;
  }
  .top-options.timeLine > div > div > div:nth-child(1),
  .content-options.timeLine > div > div > div:nth-child(1) {
    grid-area: caption1;
  }
  .top-options.timeLine > div > div > div:nth-child(2),
  .content-options.timeLine > div > div > div:nth-child(2) {
    grid-area: number1;
  }
  .top-options.timeLine > div > div > div:nth-child(3),
  .content-options.timeLine > div > div > div:nth-child(3) {
    grid-area: empty1;
  }
  .top-options.timeLine > div > div > div:nth-child(4),
  .content-options.timeLine > div > div > div:nth-child(4) {
    grid-area: empty2;
  }
  .top-options.timeLine > div > div > div:nth-child(5),
  .content-options.timeLine > div > div > div:nth-child(5) {
    grid-area: number2;
  }
  .top-options.timeLine > div > div > div:nth-child(6),
  .content-options.timeLine > div > div > div:nth-child(6) {
    grid-area: caption2;
  }
  .top-options.timeLine > div > div > div:nth-child(7),
  .content-options.timeLine > div > div > div:nth-child(7) {
    grid-area: caption3;
  }
  .top-options.timeLine > div > div > div:nth-child(8),
  .content-options.timeLine > div > div > div:nth-child(8) {
    grid-area: number3;
  }
  .top-options.timeLine > div > div > div:nth-child(9),
  .content-options.timeLine > div > div > div:nth-child(9) {
    grid-area: empty3;
  }
  .top-options.timeLine > div > div > div:nth-child(10),
  .content-options.timeLine > div > div > div:nth-child(10) {
    grid-area: empty4;
  }
  .top-options.timeLine > div > div > div:nth-child(11),
  .content-options.timeLine > div > div > div:nth-child(11) {
    grid-area: number4;
  }
  .top-options.timeLine > div > div > div:nth-child(12),
  .content-options.timeLine > div > div > div:nth-child(12) {
    grid-area: caption4;
  }
  .top-options.timeLine > div > div > div:nth-child(13),
  .content-options.timeLine > div > div > div:nth-child(13) {
    grid-area: caption5;
  }
  .top-options.timeLine > div > div > div:nth-child(14),
  .content-options.timeLine > div > div > div:nth-child(14) {
    grid-area: number5;
  }
  .top-options.timeLine > div > div > div:nth-child(15),
  .content-options.timeLine > div > div > div:nth-child(15) {
    grid-area: empty5;
  }
  .top-options.timeLine > div > div > div:nth-child(16),
  .content-options.timeLine > div > div > div:nth-child(16) {
    grid-area: empty6;
  }
  .top-options.timeLine > div > div > div:nth-child(17),
  .content-options.timeLine > div > div > div:nth-child(17) {
    grid-area: number6;
  }
  .top-options.timeLine > div > div > div:nth-child(18),
  .content-options.timeLine > div > div > div:nth-child(18) {
    grid-area: caption6;
  }
  .top-options.timeLine > div > div > div:nth-child(19),
  .content-options.timeLine > div > div > div:nth-child(19) {
    grid-area: caption7;
  }
  .top-options.timeLine > div > div > div:nth-child(20),
  .content-options.timeLine > div > div > div:nth-child(20) {
    grid-area: number7;
  }
  .top-options.timeLine > div > div > div:nth-child(21),
  .content-options.timeLine > div > div > div:nth-child(21) {
    grid-area: empty7;
  }
  .top-options.timeLine > div > div > div:nth-child(22),
  .content-options.timeLine > div > div > div:nth-child(22) {
    grid-area: empty8;
  }
  .top-options.timeLine > div > div > div:nth-child(23),
  .content-options.timeLine > div > div > div:nth-child(23) {
    grid-area: number8;
  }
  .top-options.timeLine > div > div > div:nth-child(24),
  .content-options.timeLine > div > div > div:nth-child(24) {
    grid-area: caption8;
  }
  .top-options.timeLine > div > div > div:nth-child(25),
  .content-options.timeLine > div > div > div:nth-child(25) {
    grid-area: caption9;
  }
  .top-options.timeLine > div > div > div:nth-child(26),
  .content-options.timeLine > div > div > div:nth-child(26) {
    grid-area: number9;
  }
  .top-options.timeLine > div > div > div:nth-child(27),
  .content-options.timeLine > div > div > div:nth-child(27) {
    grid-area: empty9;
  }
  .top-options.timeLine > div > div > div:nth-child(28),
  .content-options.timeLine > div > div > div:nth-child(28) {
    grid-area: empty10;
  }
  .top-options.timeLine > div > div > div:nth-child(29),
  .content-options.timeLine > div > div > div:nth-child(29) {
    grid-area: number10;
  }
  .top-options.timeLine > div > div > div:nth-child(30),
  .content-options.timeLine > div > div > div:nth-child(30) {
    grid-area: caption10;
  }
  .top-options.timeLine > div > div > div:nth-child(31),
  .content-options.timeLine > div > div > div:nth-child(31) {
    grid-area: caption11;
  }
  .top-options.timeLine > div > div > div:nth-child(32),
  .content-options.timeLine > div > div > div:nth-child(32) {
    grid-area: number11;
  }
  .top-options.timeLine > div > div > div:nth-child(33),
  .content-options.timeLine > div > div > div:nth-child(33) {
    grid-area: empty11;
  }
  .top-options.timeLine > div > div > div:nth-child(34),
  .content-options.timeLine > div > div > div:nth-child(34) {
    grid-area: empty12;
  }
  .top-options.timeLine > div > div > div:nth-child(35),
  .content-options.timeLine > div > div > div:nth-child(35) {
    grid-area: number12;
  }
  .top-options.timeLine > div > div > div:nth-child(36),
  .content-options.timeLine > div > div > div:nth-child(36) {
    grid-area: caption12;
  }
  .top-options.timeLine > div > div > div:nth-child(37),
  .content-options.timeLine > div > div > div:nth-child(37) {
    grid-area: caption13;
  }
  .top-options.timeLine > div > div > div:nth-child(38),
  .content-options.timeLine > div > div > div:nth-child(38) {
    grid-area: number13;
  }
  .top-options.timeLine > div > div > div:nth-child(39),
  .content-options.timeLine > div > div > div:nth-child(39) {
    grid-area: empty13;
  }
  .top-options.timeLine > div > div > div:nth-child(40),
  .content-options.timeLine > div > div > div:nth-child(40) {
    grid-area: empty14;
  }
  .top-options.timeLine > div > div > div:nth-child(41),
  .content-options.timeLine > div > div > div:nth-child(41) {
    grid-area: number14;
  }
  .top-options.timeLine > div > div > div:nth-child(42),
  .content-options.timeLine > div > div > div:nth-child(42) {
    grid-area: caption14;
  }
  .top-options.timeLine > div > div > div:nth-child(43),
  .content-options.timeLine > div > div > div:nth-child(43) {
    grid-area: caption15;
  }
  .top-options.timeLine > div > div > div:nth-child(44),
  .content-options.timeLine > div > div > div:nth-child(44) {
    grid-area: number15;
  }
  .top-options.timeLine > div > div > div:nth-child(45),
  .content-options.timeLine > div > div > div:nth-child(45) {
    grid-area: empty15;
  }
  .top-options.timeLine > div > div > div:nth-child(46),
  .content-options.timeLine > div > div > div:nth-child(46) {
    grid-area: empty16;
  }
  .top-options.timeLine > div > div > div:nth-child(47),
  .content-options.timeLine > div > div > div:nth-child(47) {
    grid-area: number16;
  }
  .top-options.timeLine > div > div > div:nth-child(48),
  .content-options.timeLine > div > div > div:nth-child(48) {
    grid-area: caption16;
  }
  .top-options.timeLine > div > div > div:nth-child(49),
  .content-options.timeLine > div > div > div:nth-child(49) {
    grid-area: caption17;
  }
  .top-options.timeLine > div > div > div:nth-child(50),
  .content-options.timeLine > div > div > div:nth-child(50) {
    grid-area: number17;
  }
  .top-options.timeLine > div > div > div:nth-child(51),
  .content-options.timeLine > div > div > div:nth-child(51) {
    grid-area: empty17;
  }
  .top-options.timeLine > div > div > div:nth-child(52),
  .content-options.timeLine > div > div > div:nth-child(52) {
    grid-area: empty18;
  }
  .top-options.timeLine > div > div > div:nth-child(53),
  .content-options.timeLine > div > div > div:nth-child(53) {
    grid-area: number18;
  }
  .top-options.timeLine > div > div > div:nth-child(54),
  .content-options.timeLine > div > div > div:nth-child(54) {
    grid-area: caption18;
  }
}
@media (max-width: 510px) {
  .top-options.timeLine > div > div > div,
  .content-options.timeLine > div > div > div {
    padding-left: 0;
    padding-right: 0;
  }
}
.top-options.timeLine > div > div > div:nth-child(3n+2),
.content-options.timeLine > div > div > div:nth-child(3n+2) {
  padding: 0;
  position: relative;
  min-height: 55px;
}
.top-options.timeLine > div > div > div:nth-child(3n+2):before,
.content-options.timeLine > div > div > div:nth-child(3n+2):before {
  display: block;
  content: "";
  display: flex;
  height: 100%;
  border-right: 2px dashed #ece6ff;
  width: 50%;
}
.top-options.timeLine > div > div > div:nth-child(3n+2):after,
.content-options.timeLine > div > div > div:nth-child(3n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px dashed #ece6ff;
  color: #4d4d4d;
  content: "1";
  font-size: 22px;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
}
.top-options.timeLine > div > div > div:nth-child(5):after,
.content-options.timeLine > div > div > div:nth-child(5):after {
  content: "2";
}
.top-options.timeLine > div > div > div:nth-child(8):after,
.content-options.timeLine > div > div > div:nth-child(8):after {
  content: "3";
}
.top-options.timeLine > div > div > div:nth-child(11):after,
.content-options.timeLine > div > div > div:nth-child(11):after {
  content: "4";
}
.top-options.timeLine > div > div > div:nth-child(14):after,
.content-options.timeLine > div > div > div:nth-child(14):after {
  content: "5";
}
.top-options.timeLine > div > div > div:nth-child(17):after,
.content-options.timeLine > div > div > div:nth-child(17):after {
  content: "6";
}
.top-options.timeLine > div > div > div:nth-child(20):after,
.content-options.timeLine > div > div > div:nth-child(20):after {
  content: "7";
}
.top-options.timeLine > div > div > div:nth-child(23):after,
.content-options.timeLine > div > div > div:nth-child(23):after {
  content: "8";
}
.top-options.timeLine > div > div > div:nth-child(26):after,
.content-options.timeLine > div > div > div:nth-child(26):after {
  content: "9";
}
.top-options.timeLine > div > div > div:nth-child(29):after,
.content-options.timeLine > div > div > div:nth-child(29):after {
  content: "10";
}
.top-options.timeLine > div > div > div:nth-child(32):after,
.content-options.timeLine > div > div > div:nth-child(32):after {
  content: "11";
}
.top-options.timeLine > div > div > div:nth-child(35):after,
.content-options.timeLine > div > div > div:nth-child(35):after {
  content: "12";
}
.top-options.timeLine > div > div > div:nth-child(38):after,
.content-options.timeLine > div > div > div:nth-child(38):after {
  content: "13";
}
.top-options.timeLine > div > div > div:nth-child(41):after,
.content-options.timeLine > div > div > div:nth-child(41):after {
  content: "14";
}
.top-options.timeLine > div > div > div:nth-child(44):after,
.content-options.timeLine > div > div > div:nth-child(44):after {
  content: "15";
}
.top-options.timeLine > div > div > div:nth-child(47):after,
.content-options.timeLine > div > div > div:nth-child(47):after {
  content: "16";
}
.top-options.timeLine > div > div > div:nth-child(50):after,
.content-options.timeLine > div > div > div:nth-child(50):after {
  content: "17";
}
.top-options.timeLine > div > div > div:nth-child(53):after,
.content-options.timeLine > div > div > div:nth-child(53):after {
  content: "18";
}
.top-options.timeLine > div > div div:nth-last-child(2):before,
.content-options.timeLine > div > div div:nth-last-child(2):before {
  display: none;
}
.top-options.timeLine > div .button,
.content-options.timeLine > div .button {
  display: block;
  margin: 24px auto;
  text-align: center;
  font-size: 1.2rem;
  width: calc(100% - (2 * 10px));
  max-width: 400px;
}
.top-options.timeLine > div .button:after,
.content-options.timeLine > div .button:after {
  display: inline-block;
  content: "\f105";
  margin-left: 12px;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  position: relative;
  transform: translateY(-1px);
}
.top-options.pageBreak,
.content-options.pageBreak {
  background: #e45f31;
}
.top-options.pageBreak h2,
.content-options.pageBreak h2,
.top-options.pageBreak h3,
.content-options.pageBreak h3,
.top-options.pageBreak h4,
.content-options.pageBreak h4,
.top-options.pageBreak h5,
.content-options.pageBreak h5,
.top-options.pageBreak h6,
.content-options.pageBreak h6,
.top-options.pageBreak p,
.content-options.pageBreak p,
.top-options.pageBreak ul,
.content-options.pageBreak ul,
.top-options.pageBreak ol,
.content-options.pageBreak ol,
.top-options.pageBreak svg.svg-inline--fa,
.content-options.pageBreak svg.svg-inline--fa,
.top-options.pageBreak i.fas,
.content-options.pageBreak i.fas,
.top-options.pageBreak i.fab,
.content-options.pageBreak i.fab,
.top-options.pageBreak i.fal,
.content-options.pageBreak i.fal,
.top-options.pageBreak i.far,
.content-options.pageBreak i.far,
.top-options.pageBreak i.fad,
.content-options.pageBreak i.fad {
  color: #fff;
}
.mainPurposeOfPage + .top-options,
.mainPurposeOfPage + .content-options,
.mainPurposeOfPage + .top-options + .footerCurve,
.mainPurposeOfPage + .content-options + .footerCurve {
  background: #f7f7f7;
}
.imageQuote + .top-options,
.imageQuote + .content-options {
  padding-top: clamp(60px, 15vh, 220px);
}
.top-options.containsTabs,
.content-options.containsTabs,
.top-options.containsTabs + .footerCurve,
.content-options.containsTabs + .footerCurve {
  background: #f7f7f7;
}
.top-options.containsTabs > div,
.content-options.containsTabs > div {
  max-width: 1000px;
}
.top-options.faq h2,
.content-options.faq h2,
.top-options.faq h3,
.content-options.faq h3 {
  text-align: center;
}
.top-options.faq,
.content-options.faq,
.top-options.faq + .footerCurve,
.content-options.faq + .footerCurve {
  background: #f7f7f7;
}
.top-options.faq > div,
.content-options.faq > div {
  max-width: 980px;
}
.top-options.highlight,
.content-options.highlight {
  background-color: #e45f31;
}
.top-options.highlight h1,
.content-options.highlight h1,
.top-options.highlight h2,
.content-options.highlight h2,
.top-options.highlight h3,
.content-options.highlight h3,
.top-options.highlight h4,
.content-options.highlight h4,
.top-options.highlight h5,
.content-options.highlight h5,
.top-options.highlight h6,
.content-options.highlight h6,
.top-options.highlight ul,
.content-options.highlight ul,
.top-options.highlight ol,
.content-options.highlight ol,
.top-options.highlight p,
.content-options.highlight p,
.top-options.highlight label,
.content-options.highlight label,
.top-options.highlight .pre-heading,
.content-options.highlight .pre-heading {
  color: #fff;
}
.top-options.highlight a,
.content-options.highlight a,
.top-options.highlight a.CTA,
.content-options.highlight a.CTA {
  color: #fff;
  border-color: #fff;
}
.top-options.strong,
.content-options.strong {
  background-color: #e45f31;
  background: #011734;
}
.top-options.strong h1,
.content-options.strong h1,
.top-options.strong h2,
.content-options.strong h2,
.top-options.strong h3,
.content-options.strong h3,
.top-options.strong h4,
.content-options.strong h4,
.top-options.strong h5,
.content-options.strong h5,
.top-options.strong h6,
.content-options.strong h6,
.top-options.strong ul,
.content-options.strong ul,
.top-options.strong ol,
.content-options.strong ol,
.top-options.strong p,
.content-options.strong p,
.top-options.strong label,
.content-options.strong label,
.top-options.strong .pre-heading,
.content-options.strong .pre-heading {
  color: #fff;
}
.top-options.strong a,
.content-options.strong a,
.top-options.strong a.CTA,
.content-options.strong a.CTA {
  color: #fff;
  border-color: #fff;
}
.top-options.center h1,
.content-options.center h1,
.top-options.center h2,
.content-options.center h2,
.top-options.center a.CTA,
.content-options.center a.CTA {
  text-align: center;
}
.top-options.center .CTA,
.content-options.center .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.top-options.intro > div,
.content-options.intro > div,
.top-options.brief > div,
.content-options.brief > div {
  max-width: 600px;
}
.top-options.intro > div h1,
.content-options.intro > div h1,
.top-options.brief > div h1,
.content-options.brief > div h1,
.top-options.intro > div h2,
.content-options.intro > div h2,
.top-options.brief > div h2,
.content-options.brief > div h2,
.top-options.intro > div a.CTA,
.content-options.intro > div a.CTA,
.top-options.brief > div a.CTA,
.content-options.brief > div a.CTA {
  text-align: center;
}
.top-options.intro > div .CTA,
.content-options.intro > div .CTA,
.top-options.brief > div .CTA,
.content-options.brief > div .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.top-options.intro > div h2,
.content-options.intro > div h2,
.top-options.brief > div h2,
.content-options.brief > div h2 {
  margin-bottom: 24px;
}
.top-options.intro > div p,
.content-options.intro > div p,
.top-options.brief > div p,
.content-options.brief > div p {
  text-align: justify;
}
.top-options.intro > div p:only-of-type,
.content-options.intro > div p:only-of-type,
.top-options.brief > div p:only-of-type,
.content-options.brief > div p:only-of-type {
  text-align: justify;
  font-size: clamp(19px, 3.7vw, 21.2px);
}
@media (min-width: 460px) {
  .top-options.intro > div p:only-of-type,
  .content-options.intro > div p:only-of-type,
  .top-options.brief > div p:only-of-type,
  .content-options.brief > div p:only-of-type {
    text-align: center;
  }
}
.top-options.fullWidthContent > div,
.content-options.fullWidthContent > div {
  width: 100%;
  max-width: none;
  padding: 0;
}
.top-options.topQuestions,
.content-options.topQuestions,
.top-options.topQuestions + .footerCurve,
.content-options.topQuestions + .footerCurve {
  background: #f7f7f7;
}
.top-options.topQuestions > div,
.content-options.topQuestions > div {
  max-width: 980px;
}
.top-options.topQuestions > div > div,
.content-options.topQuestions > div > div {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 708px) {
  .top-options.topQuestions > div > div,
  .content-options.topQuestions > div > div {
    grid-template-columns: 1fr;
  }
}
.top-options.topQuestions > div > div > div h4,
.content-options.topQuestions > div > div > div h4,
.top-options.topQuestions > div > div > div h5,
.content-options.topQuestions > div > div > div h5 {
  font-weight: 600;
}
.top-options.topQuestions > div > div > div p,
.content-options.topQuestions > div > div > div p {
  font-size: 0.9rem;
}
.top-options.historicalTimeline > div > div,
.content-options.historicalTimeline > div > div {
  max-width: 850px;
  margin: auto;
}
.top-options.historicalTimeline > div > div > p:only-of-type,
.content-options.historicalTimeline > div > div > p:only-of-type {
  text-align: center;
}
.top-options.historicalTimeline > div > div > ul,
.content-options.historicalTimeline > div > div > ul {
  list-style-type: none;
  counter-reset: li-counter;
  margin-top: 60px;
  margin-bottom: 0;
  margin-left: 45px;
  padding-left: 45px;
  border-left: 4px solid #e45f31;
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .top-options.historicalTimeline > div > div > ul,
  .content-options.historicalTimeline > div > div > ul {
    padding-right: 45px;
  }
}
.top-options.historicalTimeline > div > div > ul > li,
.content-options.historicalTimeline > div > div > ul > li {
  position: relative;
  /* make the height of paragraphs in the last child <li> unknown. This will curtail the length of the left border, making it stop at the last nodal point */
}
.top-options.historicalTimeline > div > div > ul > li:last-child,
.content-options.historicalTimeline > div > div > ul > li:last-child {
  margin-bottom: 30px;
}
.top-options.historicalTimeline > div > div > ul > li:before,
.content-options.historicalTimeline > div > div > ul > li:before {
  position: absolute;
  left: calc(0px - (4px / 2) - 45px  - (38px / 2 ));
  top: -2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #e45f31;
  box-shadow: 1px 1px 5px 1px rgba(152, 152, 152, 0.71);
  display: block;
  content: "";
}
.top-options.historicalTimeline > div > div > ul > li > *,
.content-options.historicalTimeline > div > div > ul > li > * {
  margin: 0;
  padding: 0;
  text-align: left;
}
.top-options.historicalTimeline > div > div > ul > li p,
.content-options.historicalTimeline > div > div > ul > li p {
  width: 100%;
  margin-bottom: 48px;
}
.top-options.historicalTimeline > div > div > ul > li:last-child p,
.content-options.historicalTimeline > div > div > ul > li:last-child p {
  float: left;
}
.top-options.historicalTimeline > div > div > ul li p,
.content-options.historicalTimeline > div > div > ul li p {
  font-size: 1rem;
}
.top-options > div > div.calculator-area,
.content-options > div > div.calculator-area {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
}
.top-options > div > div.calculator-area:not(:last-of-type),
.content-options > div > div.calculator-area:not(:last-of-type) {
  margin-bottom: 24px;
}
.top-options > div > div.calculator-area .calculator,
.content-options > div > div.calculator-area .calculator {
  margin-top: 24px;
}
.top-options > div > .relatedArticles,
.content-options > div > .relatedArticles {
  max-width: 1100px;
  margin: auto;
}
.top-options > div > .relatedArticles > div > a,
.content-options > div > .relatedArticles > div > a {
  display: flex;
  margin-bottom: 12px;
}
.top-options > div > .relatedArticles > div > a img,
.content-options > div > .relatedArticles > div > a img {
  margin-left: 0;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 7px;
}
.top-options > div > .relatedArticles > div > a > div,
.content-options > div > .relatedArticles > div > a > div {
  clear: both;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: auto;
  padding: 0;
}
.top-options > div > .relatedArticles > div > a > div h4,
.content-options > div > .relatedArticles > div > a > div h4 {
  font-size: 16.8px;
  text-transform: none;
  font-weight: 600;
}
.top-options > div > .relatedArticles > div > a > div h5,
.content-options > div > .relatedArticles > div > a > div h5 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3em;
  letter-spacing: 0.4px;
  text-transform: none;
}
.top-options > div > .relatedArticles > div > a > div p,
.content-options > div > .relatedArticles > div > a > div p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
}
.top-options > div > .relatedArticles h4,
.content-options > div > .relatedArticles h4 {
  display: block;
  text-align: center;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0.5em;
  position: relative;
  margin-bottom: 24px;
}
.top-options > div > .relatedArticles h4 > span,
.content-options > div > .relatedArticles h4 > span {
  background-color: #FEFEFF;
  padding: 24px;
  z-index: 1;
  position: relative;
}
.decision-tree .top-options > div > .relatedArticles h4 > span,
.decision-tree .content-options > div > .relatedArticles h4 > span {
  background: #fdfdfd;
}
.top-options > div > .relatedArticles h4:before,
.content-options > div > .relatedArticles h4:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  background: rgba(51, 51, 51, 0.1);
}
.top-options > div > .relatedArticles > div,
.content-options > div > .relatedArticles > div {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
.definitive-guide .top-options > div > .relatedArticles > div,
.definitive-guide .content-options > div > .relatedArticles > div {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 890px) {
  .top-options > div > .relatedArticles > div,
  .content-options > div > .relatedArticles > div,
  .definitive-guide .top-options > div > .relatedArticles > div,
  .definitive-guide .content-options > div > .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 510px) {
  .top-options > div > .relatedArticles > div,
  .content-options > div > .relatedArticles > div,
  .definitive-guide .top-options > div > .relatedArticles > div,
  .definitive-guide .content-options > div > .relatedArticles > div {
    grid-template-columns: 1fr;
  }
}
.top-options > div > .relatedArticles > div > a:nth-of-type(n+13),
.content-options > div > .relatedArticles > div > a:nth-of-type(n+13),
.top-options > div > .relatedArticles > div > div:nth-of-type(n+13),
.content-options > div > .relatedArticles > div > div:nth-of-type(n+13) {
  display: none;
}
@media (max-width: 510px) {
  .top-options > div > .relatedArticles > div > a:nth-of-type(n+7),
  .content-options > div > .relatedArticles > div > a:nth-of-type(n+7),
  .top-options > div > .relatedArticles > div > div:nth-of-type(n+7),
  .content-options > div > .relatedArticles > div > div:nth-of-type(n+7) {
    display: none;
  }
}
.top-options,
.content-options,
.top-options + .footerCurve,
.content-options + .footerCurve {
  background: #f7f7f7;
}
.top-options:not(.content-options) h2,
.content-options:not(.content-options) h2 {
  font-size: clamp(2.5rem, 6.5vw, 5rem);
}
.top-options > div .cards,
.content-options > div .cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
  margin-top: 48px;
}
.top-options > div .cards > a,
.content-options > div .cards > a {
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
  border: 1px solid #EAEEF3;
  display: flex;
  flex-direction: column;
}
.top-options > div .cards > a:not(:last-of-type),
.content-options > div .cards > a:not(:last-of-type) {
  margin-bottom: 24px;
}
.top-options > div .cards > a,
.content-options > div .cards > a,
.top-options > div .cards > a *,
.content-options > div .cards > a * {
  transition: all ease 0.35s;
}
.top-options > div .cards > a h4,
.content-options > div .cards > a h4,
.top-options > div .cards > a p,
.content-options > div .cards > a p,
.top-options > div .cards > a .CTA,
.content-options > div .cards > a .CTA {
  text-align: left;
  padding-left: 0;
}
.top-options > div .cards > a h4,
.content-options > div .cards > a h4 {
  font-weight: 600;
}
.top-options > div .cards > a p,
.content-options > div .cards > a p {
  line-height: 1.6em;
  font-size: 1.1rem;
}
.top-options > div .cards > a svg,
.content-options > div .cards > a svg,
.top-options > div .cards > a i.fas,
.content-options > div .cards > a i.fas,
.top-options > div .cards > a i.fab,
.content-options > div .cards > a i.fab,
.top-options > div .cards > a i.fal,
.content-options > div .cards > a i.fal,
.top-options > div .cards > a i.far,
.content-options > div .cards > a i.far {
  margin: 0 auto 24px 0;
  width: 75px;
  height: 75px;
}
.top-options > div .cards > a .CTA,
.content-options > div .cards > a .CTA {
  border: none;
  text-transform: uppercase;
  font-size: 1rem;
  color: #e45f31;
  line-height: 24px;
  display: block;
  margin: auto auto 0 0;
}
.top-options > div .cards > a .CTA:after,
.content-options > div .cards > a .CTA:after {
  margin-left: 12px;
}
.top-options > div .cards > a:hover,
.content-options > div .cards > a:hover {
  background: #e45f31;
}
.top-options > div .cards > a:hover *,
.content-options > div .cards > a:hover *,
.top-options > div .cards > a:hover svg *,
.content-options > div .cards > a:hover svg * {
  color: #fff;
  fill: #fff;
}
.top-options > div .cards > a:hover .CTA,
.content-options > div .cards > a:hover .CTA {
  font-size: 1.1rem;
  line-height: 24px;
}
.top-options > div .cards > a:hover .CTA:after,
.content-options > div .cards > a:hover .CTA:after {
  animation: moveBackAndForth 0.5s ease-in-out forwards;
}
.top-options + .singleFullWidthCTA,
.content-options + .singleFullWidthCTA {
  max-width: 100%;
  width: 100%;
  border-top: clamp(48px, 5vw, 100px) solid #f7f7f7;
}
.top-options + .singleFullWidthCTA:before,
.content-options + .singleFullWidthCTA:before {
  display: block;
  content: "";
  background: #f7f7f7;
  height: 100px;
}
.top-options + .singleFullWidthCTA > div,
.content-options + .singleFullWidthCTA > div {
  margin: 0 auto;
  margin-top: -100px;
  width: 1480px;
  max-width: 96%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  height: 200px;
  background: #011734;
}
@media (min-width: 1250px) {
  .top-options + .singleFullWidthCTA > div,
  .content-options + .singleFullWidthCTA > div {
    padding-left: 72px;
    padding-right: 72px;
  }
}
.top-options + .singleFullWidthCTA > div > div,
.content-options + .singleFullWidthCTA > div > div {
  max-width: 50%;
}
.top-options + .singleFullWidthCTA > div > div p,
.content-options + .singleFullWidthCTA > div > div p {
  font-size: clamp(1.75rem, 3vw, 2.1rem);
}
.top-options + .singleFullWidthCTA > div > a.button,
.content-options + .singleFullWidthCTA > div > a.button {
  margin: auto 0 auto auto;
  border-radius: 4px;
  padding: 24px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.5px;
  border: 2px solid #fff;
}
.top-options + .singleFullWidthCTA > div > a.button:hover,
.content-options + .singleFullWidthCTA > div > a.button:hover {
  color: #011734;
}
.top-options + .singleFullWidthCTA > div > a.button:not(:hover),
.content-options + .singleFullWidthCTA > div > a.button:not(:hover) {
  color: #fff;
  background: transparent;
}
.top-options + .singleFullWidthCTA > div > a.button:not(:hover):after,
.content-options + .singleFullWidthCTA > div > a.button:not(:hover):after {
  color: #fff;
}
@media (max-width: 768px) {
  .top-options + .singleFullWidthCTA > div,
  .content-options + .singleFullWidthCTA > div {
    flex-direction: column;
    height: auto;
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .top-options + .singleFullWidthCTA > div > div,
  .content-options + .singleFullWidthCTA > div > div {
    width: 100%;
    max-width: 550px;
    margin: auto;
  }
  .top-options + .singleFullWidthCTA > div > div p,
  .content-options + .singleFullWidthCTA > div > div p {
    text-align: center;
  }
  .top-options + .singleFullWidthCTA > div > a.button,
  .content-options + .singleFullWidthCTA > div > a.button {
    margin: 48px auto 0 auto;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 320px;
  }
  .top-options + .singleFullWidthCTA > div > a.button:after,
  .content-options + .singleFullWidthCTA > div > a.button:after {
    display: none;
  }
}
.top-options > div {
  max-width: 1200px;
}
.top-options > div .cards {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
  .top-options > div .cards {
    grid-template-columns: 1fr;
  }
}
.top-options + .singleFullWidthCTA > div {
  width: 1180px;
}
@keyframes moveBackAndForth {
  0% {
    margin-left: 14.4px;
  }
  50% {
    margin-left: 16.8px;
  }
  100% {
    margin-left: 14.4px;
  }
}
@media (min-width: 1400px) {
  .mobileOnly {
    display: none;
  }
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 98;
  display: none;
  pointer-events: none;
}
.nav {
  display: block;
  background: #fff;
  font-size: 17px;
  position: sticky;
  z-index: 101;
  transition: top 0.3s ease;
  top: 0;
}
.nav.compact {
  position: relative;
}
.nav .announcementBar,
.nav .contactBar {
  background: #011734;
  color: #fff;
  height: 50px;
  text-align: center;
  font-size: 0.9em;
  transition: transform 0.3s ease;
}
.nav .announcementBar.hidden,
.nav .contactBar.hidden {
  transform: translateY(-100%);
}
.nav .announcementBar > *,
.nav .contactBar > * {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
  font-size: 14px;
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .nav .announcementBar > *,
  .nav .contactBar > * {
    width: 90%;
  }
}
@media (max-width: 1400px) {
  .nav .announcementBar > *,
  .nav .contactBar > * {
    width: 100%;
  }
}
.nav .announcementBar ul,
.nav .contactBar ul {
  margin: 0 auto;
  color: inherit;
  display: flex;
  gap: 24px;
  justify-content: center;
}
.nav .announcementBar ul a,
.nav .contactBar ul a {
  color: inherit;
}
@media (max-width: 650px) {
  .nav .announcementBar,
  .nav .contactBar {
    display: none;
  }
}
.nav .announcementBar a {
  text-decoration: underline;
  text-underline-position: under;
}
.nav .contactBar a {
  text-decoration: none;
}
.nav .logo-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .nav .logo-area {
    width: 90%;
  }
}
@media (max-width: 1400px) {
  .nav .logo-area {
    width: 100%;
  }
}
@media (min-width: 650px) and (max-width: 1400px) {
  .nav .logo-area {
    padding: 0 12px;
  }
}
.nav .logo-area > div {
  height: 80px;
  padding: 12px;
  display: flex;
  align-items: center;
}
.nav .logo-area > div svg,
.nav .logo-area > div img {
  height: 56px;
  max-height: 56px;
  width: auto;
}
.nav .logo-area > div ul {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav .logo-area > div:nth-of-type(3),
.nav .logo-area .CTA-area {
  align-self: center;
}
.nav .logo-area > div:nth-of-type(3) > a,
.nav .logo-area .CTA-area > a {
  padding: 12px;
  border-radius: 4px;
  background: #e45f31;
  font-size: 0.85rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
}
.nav .logo-area > .burger-menu {
  display: none;
  font-size: 30px;
  border-radius: 50%;
  height: 60px;
  line-height: 60px;
  width: 60px;
}
.nav .logo-area > .burger-menu:hover {
  background: #f2f2f2;
}
@media (max-width: 1400px) {
  .nav .logo-area > .burger-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
}
.nav .selectors-area {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding-bottom: 5px;
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .nav .selectors-area {
    width: 90%;
  }
}
@media (max-width: 1400px) {
  .nav .selectors-area {
    width: 100%;
  }
}
.nav .selectors-area .close {
  display: none;
}
.nav .selectors-area ul {
  display: flex;
  gap: 12px;
  padding: 0 24px;
  width: 100%;
  margin: 0;
}
@media (min-width: 1401px) {
  .nav .selectors-area ul > li {
    padding: 0 12px;
  }
}
.nav .selectors-area ul li {
  height: 56px;
  line-height: 56px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #777;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
@media (max-width: 1400px) {
  .nav .selectors-area ul li {
    cursor: pointer;
  }
}
@media (min-width: 1401px) {
  .nav .selectors-area ul li:hover,
  .nav .selectors-area ul li.active {
    border-color: #777;
  }
}
.nav .selectors-area ul li > a {
  display: block;
}
.nav .selectors-area ul li > a,
.nav .selectors-area ul li > a:hover {
  text-decoration: none;
  color: #777;
}
@media (max-width: 1400px) {
  .nav .selectors-area {
    display: none;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 15%;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100vh;
  }
  .nav .selectors-area .close {
    display: block;
    width: 100%;
  }
  .nav .selectors-area .close span,
  .nav .selectors-area .close i {
    font-size: 30px;
    border-radius: 50%;
    height: 60px;
    line-height: 60px;
    width: 60px;
    display: block;
    cursor: pointer;
    margin: auto;
    margin-bottom: 0;
    margin-right: 6px;
    margin-top: 6px;
  }
  .nav .selectors-area .close span:hover,
  .nav .selectors-area .close i:hover {
    background: #f2f2f2;
  }
  .nav .selectors-area ul {
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
  .nav .selectors-area ul li {
    background: #fff;
    position: relative;
    width: 100%;
    line-height: 56px;
    cursor: pointer;
    font-size: 18.7px;
    font-weight: inherit;
    border-bottom: 1px solid #EAEEF3;
  }
  .nav .selectors-area ul li:hover {
    color: #e45f31;
  }
  .nav .selectors-area ul li:after {
    font-family: "Font Awesome 5 Pro";
    vertical-align: middle;
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: 27px;
    font-size: 1.5em;
    font-weight: 300;
  }
}
.nav .nav-contents-area {
  width: 100vw;
  position: relative;
  background: #fff;
}
.nav .nav-contents-area .back-close {
  display: none;
  padding: 0 6px;
  align-items: center;
}
.nav .nav-contents-area .back-close .close,
.nav .nav-contents-area .back-close .back {
  display: block;
  width: 100%;
  width: 60px;
  margin-top: 0;
}
.nav .nav-contents-area .back-close .close span,
.nav .nav-contents-area .back-close .back span,
.nav .nav-contents-area .back-close .close i,
.nav .nav-contents-area .back-close .back i {
  font-size: 30px;
  border-radius: 50%;
  height: 60px;
  line-height: 60px;
  width: 60px;
  display: block;
  cursor: pointer;
  margin: auto;
  margin-bottom: 0;
  margin-right: 6px;
  margin-top: 6px;
}
.nav .nav-contents-area .back-close .close span:hover,
.nav .nav-contents-area .back-close .back span:hover,
.nav .nav-contents-area .back-close .close i:hover,
.nav .nav-contents-area .back-close .back i:hover {
  background: #f2f2f2;
}
.nav .nav-contents-area .back-close .back {
  margin-left: 0;
}
.nav .nav-contents-area .back-close .current-selection {
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  text-align: left;
  margin: 6px 0 0 0;
  font-weight: 600;
  font-size: 1.35rem;
}
.nav .nav-contents-area .back-close .current-selection:first-child,
.pre-heading + .nav .nav-contents-area .back-close .current-selection {
  margin-top: 0;
}
.nav .nav-contents-area.active {
  min-height: 65vh;
}
@media (max-width: 1400px) {
  .nav .nav-contents-area.active {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    min-height: 100vh;
  }
  .nav .nav-contents-area.active .back-close {
    display: flex;
  }
}
.nav .nav-contents-area > div {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 12px 48px 12px;
  z-index: 1;
  display: none;
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .nav .nav-contents-area > div {
    width: 90%;
  }
}
@media (max-width: 1400px) {
  .nav .nav-contents-area > div {
    width: 100%;
  }
}
.nav .nav-contents-area > div * {
  background: #fff;
}
.nav .nav-contents-area > div.active {
  display: block;
  min-height: 65vh;
  z-index: 11;
  width: 100%;
  box-sizing: border-box;
}
.nav .nav-contents-area > div > div {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .nav .nav-contents-area > div > div {
    width: 90%;
  }
}
@media (max-width: 1400px) {
  .nav .nav-contents-area > div > div {
    width: 100%;
  }
}
.nav .nav-contents-area > div > div h3 {
  font-size: clamp(1.25rem, 2vw, 1.45rem);
}
.nav .nav-contents-area > div > div > div {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 24px;
}
@media (min-width: 1401px) {
  .nav .nav-contents-area > div > div > div {
    grid-gap: 48px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1400px) {
  .nav .nav-contents-area > div > div > div > div {
    background: #fff;
    position: relative;
    width: 100%;
    line-height: 56px;
    cursor: pointer;
    font-size: 18.7px;
    font-weight: inherit;
    border-bottom: 1px solid #EAEEF3;
  }
  .nav .nav-contents-area > div > div > div > div:hover {
    color: #e45f31;
  }
  .nav .nav-contents-area > div > div > div > div:after {
    font-family: "Font Awesome 5 Pro";
    vertical-align: middle;
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: 27px;
    font-size: 1.5em;
    font-weight: 300;
  }
}
@media (max-width: 1400px) {
  .nav .nav-contents-area > div > div > div > div[data-sub-item] .sub-selector {
    height: 56px;
    line-height: 56px;
    display: inline-block;
  }
  .nav .nav-contents-area > div > div > div > div[data-sub-item].active .sub-selector {
    display: none;
  }
  .nav .nav-contents-area > div > div > div > div[data-sub-item].active ul {
    display: block;
  }
}
.nav .nav-contents-area > div > div > div > div .sub-selector {
  height: 56px;
  line-height: 56px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #777;
  border-bottom: 2px solid transparent;
  margin: 0;
}
@media (max-width: 1400px) {
  .nav .nav-contents-area > div > div > div > div .sub-selector {
    cursor: pointer;
  }
}
@media (max-width: 1400px) {
  .nav .nav-contents-area > div > div > div > div .sub-selector {
    cursor: pointer;
    font-size: 18.7px;
    font-weight: inherit;
  }
  .nav .nav-contents-area > div > div > div > div .sub-selector:hover {
    color: #e45f31;
  }
}
@media (min-width: 1401px) {
  .nav .nav-contents-area > div > div > div > div .sub-selector {
    font-size: 1rem;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    color: #4d4d4d;
    font-weight: 600;
    line-height: 1.15em;
    margin: 0.75em 0 0.25em 0;
    letter-spacing: 0.0175em;
    text-align: left;
  }
  .nav .nav-contents-area > div > div > div > div .sub-selector:first-child,
  .pre-heading + .nav .nav-contents-area > div > div > div > div .sub-selector {
    margin-top: 0;
  }
}
.nav .nav-contents-area > div > div > div > div ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 1.25em;
}
@media (max-width: 1400px) {
  .nav .nav-contents-area > div > div > div > div ul {
    display: none;
  }
}
.nav .nav-contents-area > div > div > div > div li {
  padding: 6px 0;
  font-weight: 500;
  font-size: 0.9rem;
}
.nav .nav-contents-area > div > div > div > div li a {
  text-decoration: none;
  color: #777;
}
.nav .nav-contents-area > div > div > div > div li a:hover {
  color: #e45f31;
}
@media (max-width: 1400px) {
  .nav .nav-contents-area[data-nav-depth="2"] div[data-sub-item] {
    display: none;
  }
  .nav .nav-contents-area[data-nav-depth="2"] div[data-sub-item].active {
    display: block;
  }
  .nav .nav-contents-area[data-nav-depth="2"] div[data-sub-item].active:after {
    display: none;
  }
  .nav .nav-contents-area[data-nav-depth="2"] div[data-sub-item].active ul > li {
    background: #fff;
    position: relative;
    width: 100%;
    line-height: 56px;
    cursor: pointer;
    font-size: 18.7px;
    font-weight: inherit;
    border-bottom: 1px solid #EAEEF3;
  }
  .nav .nav-contents-area[data-nav-depth="2"] div[data-sub-item].active ul > li:hover {
    color: #e45f31;
  }
  .nav .nav-contents-area[data-nav-depth="2"] div[data-sub-item].active ul > li:after {
    font-family: "Font Awesome 5 Pro";
    vertical-align: middle;
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: 27px;
    font-size: 1.5em;
    font-weight: 300;
  }
}
.nav:not(.compact) ~ .spread > div .pageContentsTable > div {
  top: 215px;
  transition: ease all 0.3s;
}
@media (min-width: 951px) and (max-width: 1400px) {
  .nav:not(.compact) ~ .spread > div .pageContentsTable > div {
    top: 154px;
  }
}
.nav:not(.compact) ~ .indepth-article .article-area .table-contents > div:first-of-type:not(.hero),
.nav:not(.compact) ~ .indepth-article .article-area .sidebar > div:first-of-type {
  top: 215px;
  transition: ease all 0.3s;
}
@media (min-width: 951px) and (max-width: 1400px) {
  .nav:not(.compact) ~ .indepth-article .article-area .table-contents > div:first-of-type:not(.hero),
  .nav:not(.compact) ~ .indepth-article .article-area .sidebar > div:first-of-type {
    top: 154px;
  }
}
.nav.compact {
  top: -191px;
}
.footerCurve {
  position: relative;
  content: "";
  overflow: hidden;
  height: 10vw;
}
.footerCurve > div {
  position: absolute;
  content: "";
  display: block;
  width: 1500vw;
  height: 1500vw;
  left: -700vw;
  border-radius: 50%;
  background: #011734;
}
#footer {
  padding: clamp(30px, 7.5vh, 110px) 0;
  padding: 48px 0 12px 0;
  background: #011734;
  position: relative;
}
#footer > div {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  #footer > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#footer > div:not(:last-child) {
  margin-bottom: 24px;
}
#footer > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  #footer > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#footer > div:not(:last-child) {
  margin-bottom: 24px;
}
#footer.timeLine.wordy p {
  font-size: 1rem;
}
#footer.timeLine > div h1,
#footer.timeLine > div h2 {
  text-align: center;
}
#footer.timeLine > div h1,
#footer.timeLine > div h2,
#footer.timeLine > div > p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#footer.timeLine > div > div {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  grid-column-gap: 24px;
  margin-top: 48px;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
#footer.timeLine > div > div > div {
  min-height: 230px;
  padding: 48px;
  padding-top: 16.5px;
}
@media (max-width: 850px) {
  #footer.timeLine > div > div {
    grid-template-columns: 55px 1fr;
    grid-template-areas: "number1 caption1" "number2 caption2" "number3 caption3" "number4 caption4" "number5 caption5" "number6 caption6" "number7 caption7" "number8 caption8" "number9 caption9" "number10 caption10" "number11 caption11" "number12 caption12" "number13 caption13" "number14 caption14" "number15 caption15" "number16 caption16" "number17 caption17" "number18 caption18";
  }
  #footer.timeLine > div > div > div:nth-child(6n+3),
  #footer.timeLine > div > div > div:nth-child(6n+4) {
    display: none;
  }
  #footer.timeLine > div > div > div:nth-child(1) {
    grid-area: caption1;
  }
  #footer.timeLine > div > div > div:nth-child(2) {
    grid-area: number1;
  }
  #footer.timeLine > div > div > div:nth-child(3) {
    grid-area: empty1;
  }
  #footer.timeLine > div > div > div:nth-child(4) {
    grid-area: empty2;
  }
  #footer.timeLine > div > div > div:nth-child(5) {
    grid-area: number2;
  }
  #footer.timeLine > div > div > div:nth-child(6) {
    grid-area: caption2;
  }
  #footer.timeLine > div > div > div:nth-child(7) {
    grid-area: caption3;
  }
  #footer.timeLine > div > div > div:nth-child(8) {
    grid-area: number3;
  }
  #footer.timeLine > div > div > div:nth-child(9) {
    grid-area: empty3;
  }
  #footer.timeLine > div > div > div:nth-child(10) {
    grid-area: empty4;
  }
  #footer.timeLine > div > div > div:nth-child(11) {
    grid-area: number4;
  }
  #footer.timeLine > div > div > div:nth-child(12) {
    grid-area: caption4;
  }
  #footer.timeLine > div > div > div:nth-child(13) {
    grid-area: caption5;
  }
  #footer.timeLine > div > div > div:nth-child(14) {
    grid-area: number5;
  }
  #footer.timeLine > div > div > div:nth-child(15) {
    grid-area: empty5;
  }
  #footer.timeLine > div > div > div:nth-child(16) {
    grid-area: empty6;
  }
  #footer.timeLine > div > div > div:nth-child(17) {
    grid-area: number6;
  }
  #footer.timeLine > div > div > div:nth-child(18) {
    grid-area: caption6;
  }
  #footer.timeLine > div > div > div:nth-child(19) {
    grid-area: caption7;
  }
  #footer.timeLine > div > div > div:nth-child(20) {
    grid-area: number7;
  }
  #footer.timeLine > div > div > div:nth-child(21) {
    grid-area: empty7;
  }
  #footer.timeLine > div > div > div:nth-child(22) {
    grid-area: empty8;
  }
  #footer.timeLine > div > div > div:nth-child(23) {
    grid-area: number8;
  }
  #footer.timeLine > div > div > div:nth-child(24) {
    grid-area: caption8;
  }
  #footer.timeLine > div > div > div:nth-child(25) {
    grid-area: caption9;
  }
  #footer.timeLine > div > div > div:nth-child(26) {
    grid-area: number9;
  }
  #footer.timeLine > div > div > div:nth-child(27) {
    grid-area: empty9;
  }
  #footer.timeLine > div > div > div:nth-child(28) {
    grid-area: empty10;
  }
  #footer.timeLine > div > div > div:nth-child(29) {
    grid-area: number10;
  }
  #footer.timeLine > div > div > div:nth-child(30) {
    grid-area: caption10;
  }
  #footer.timeLine > div > div > div:nth-child(31) {
    grid-area: caption11;
  }
  #footer.timeLine > div > div > div:nth-child(32) {
    grid-area: number11;
  }
  #footer.timeLine > div > div > div:nth-child(33) {
    grid-area: empty11;
  }
  #footer.timeLine > div > div > div:nth-child(34) {
    grid-area: empty12;
  }
  #footer.timeLine > div > div > div:nth-child(35) {
    grid-area: number12;
  }
  #footer.timeLine > div > div > div:nth-child(36) {
    grid-area: caption12;
  }
  #footer.timeLine > div > div > div:nth-child(37) {
    grid-area: caption13;
  }
  #footer.timeLine > div > div > div:nth-child(38) {
    grid-area: number13;
  }
  #footer.timeLine > div > div > div:nth-child(39) {
    grid-area: empty13;
  }
  #footer.timeLine > div > div > div:nth-child(40) {
    grid-area: empty14;
  }
  #footer.timeLine > div > div > div:nth-child(41) {
    grid-area: number14;
  }
  #footer.timeLine > div > div > div:nth-child(42) {
    grid-area: caption14;
  }
  #footer.timeLine > div > div > div:nth-child(43) {
    grid-area: caption15;
  }
  #footer.timeLine > div > div > div:nth-child(44) {
    grid-area: number15;
  }
  #footer.timeLine > div > div > div:nth-child(45) {
    grid-area: empty15;
  }
  #footer.timeLine > div > div > div:nth-child(46) {
    grid-area: empty16;
  }
  #footer.timeLine > div > div > div:nth-child(47) {
    grid-area: number16;
  }
  #footer.timeLine > div > div > div:nth-child(48) {
    grid-area: caption16;
  }
  #footer.timeLine > div > div > div:nth-child(49) {
    grid-area: caption17;
  }
  #footer.timeLine > div > div > div:nth-child(50) {
    grid-area: number17;
  }
  #footer.timeLine > div > div > div:nth-child(51) {
    grid-area: empty17;
  }
  #footer.timeLine > div > div > div:nth-child(52) {
    grid-area: empty18;
  }
  #footer.timeLine > div > div > div:nth-child(53) {
    grid-area: number18;
  }
  #footer.timeLine > div > div > div:nth-child(54) {
    grid-area: caption18;
  }
}
@media (max-width: 510px) {
  #footer.timeLine > div > div > div {
    padding-left: 0;
    padding-right: 0;
  }
}
#footer.timeLine > div > div > div:nth-child(3n+2) {
  padding: 0;
  position: relative;
  min-height: 55px;
}
#footer.timeLine > div > div > div:nth-child(3n+2):before {
  display: block;
  content: "";
  display: flex;
  height: 100%;
  border-right: 2px dashed #ece6ff;
  width: 50%;
}
#footer.timeLine > div > div > div:nth-child(3n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px dashed #ece6ff;
  color: #4d4d4d;
  content: "1";
  font-size: 22px;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
}
#footer.timeLine > div > div > div:nth-child(5):after {
  content: "2";
}
#footer.timeLine > div > div > div:nth-child(8):after {
  content: "3";
}
#footer.timeLine > div > div > div:nth-child(11):after {
  content: "4";
}
#footer.timeLine > div > div > div:nth-child(14):after {
  content: "5";
}
#footer.timeLine > div > div > div:nth-child(17):after {
  content: "6";
}
#footer.timeLine > div > div > div:nth-child(20):after {
  content: "7";
}
#footer.timeLine > div > div > div:nth-child(23):after {
  content: "8";
}
#footer.timeLine > div > div > div:nth-child(26):after {
  content: "9";
}
#footer.timeLine > div > div > div:nth-child(29):after {
  content: "10";
}
#footer.timeLine > div > div > div:nth-child(32):after {
  content: "11";
}
#footer.timeLine > div > div > div:nth-child(35):after {
  content: "12";
}
#footer.timeLine > div > div > div:nth-child(38):after {
  content: "13";
}
#footer.timeLine > div > div > div:nth-child(41):after {
  content: "14";
}
#footer.timeLine > div > div > div:nth-child(44):after {
  content: "15";
}
#footer.timeLine > div > div > div:nth-child(47):after {
  content: "16";
}
#footer.timeLine > div > div > div:nth-child(50):after {
  content: "17";
}
#footer.timeLine > div > div > div:nth-child(53):after {
  content: "18";
}
#footer.timeLine > div > div div:nth-last-child(2):before {
  display: none;
}
#footer.timeLine > div .button {
  display: block;
  margin: 24px auto;
  text-align: center;
  font-size: 1.2rem;
  width: calc(100% - (2 * 10px));
  max-width: 400px;
}
#footer.timeLine > div .button:after {
  display: inline-block;
  content: "\f105";
  margin-left: 12px;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  position: relative;
  transform: translateY(-1px);
}
#footer.pageBreak {
  background: #e45f31;
}
#footer.pageBreak h2,
#footer.pageBreak h3,
#footer.pageBreak h4,
#footer.pageBreak h5,
#footer.pageBreak h6,
#footer.pageBreak p,
#footer.pageBreak ul,
#footer.pageBreak ol,
#footer.pageBreak svg.svg-inline--fa,
#footer.pageBreak i.fas,
#footer.pageBreak i.fab,
#footer.pageBreak i.fal,
#footer.pageBreak i.far,
#footer.pageBreak i.fad {
  color: #fff;
}
.mainPurposeOfPage + #footer,
.mainPurposeOfPage + #footer + .footerCurve {
  background: #f7f7f7;
}
.imageQuote + #footer {
  padding-top: clamp(60px, 15vh, 220px);
}
#footer.containsTabs,
#footer.containsTabs + .footerCurve {
  background: #f7f7f7;
}
#footer.containsTabs > div {
  max-width: 1000px;
}
#footer.faq h2,
#footer.faq h3 {
  text-align: center;
}
#footer.faq,
#footer.faq + .footerCurve {
  background: #f7f7f7;
}
#footer.faq > div {
  max-width: 980px;
}
#footer.highlight {
  background-color: #e45f31;
}
#footer.highlight h1,
#footer.highlight h2,
#footer.highlight h3,
#footer.highlight h4,
#footer.highlight h5,
#footer.highlight h6,
#footer.highlight ul,
#footer.highlight ol,
#footer.highlight p,
#footer.highlight label,
#footer.highlight .pre-heading {
  color: #fff;
}
#footer.highlight a,
#footer.highlight a.CTA {
  color: #fff;
  border-color: #fff;
}
#footer.strong {
  background-color: #e45f31;
  background: #011734;
}
#footer.strong h1,
#footer.strong h2,
#footer.strong h3,
#footer.strong h4,
#footer.strong h5,
#footer.strong h6,
#footer.strong ul,
#footer.strong ol,
#footer.strong p,
#footer.strong label,
#footer.strong .pre-heading {
  color: #fff;
}
#footer.strong a,
#footer.strong a.CTA {
  color: #fff;
  border-color: #fff;
}
#footer.center h1,
#footer.center h2,
#footer.center a.CTA {
  text-align: center;
}
#footer.center .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#footer.intro > div,
#footer.brief > div {
  max-width: 600px;
}
#footer.intro > div h1,
#footer.brief > div h1,
#footer.intro > div h2,
#footer.brief > div h2,
#footer.intro > div a.CTA,
#footer.brief > div a.CTA {
  text-align: center;
}
#footer.intro > div .CTA,
#footer.brief > div .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#footer.intro > div h2,
#footer.brief > div h2 {
  margin-bottom: 24px;
}
#footer.intro > div p,
#footer.brief > div p {
  text-align: justify;
}
#footer.intro > div p:only-of-type,
#footer.brief > div p:only-of-type {
  text-align: justify;
  font-size: clamp(19px, 3.7vw, 21.2px);
}
@media (min-width: 460px) {
  #footer.intro > div p:only-of-type,
  #footer.brief > div p:only-of-type {
    text-align: center;
  }
}
#footer.fullWidthContent > div {
  width: 100%;
  max-width: none;
  padding: 0;
}
#footer.topQuestions,
#footer.topQuestions + .footerCurve {
  background: #f7f7f7;
}
#footer.topQuestions > div {
  max-width: 980px;
}
#footer.topQuestions > div > div {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 708px) {
  #footer.topQuestions > div > div {
    grid-template-columns: 1fr;
  }
}
#footer.topQuestions > div > div > div h4,
#footer.topQuestions > div > div > div h5 {
  font-weight: 600;
}
#footer.topQuestions > div > div > div p {
  font-size: 0.9rem;
}
#footer.historicalTimeline > div > div {
  max-width: 850px;
  margin: auto;
}
#footer.historicalTimeline > div > div > p:only-of-type {
  text-align: center;
}
#footer.historicalTimeline > div > div > ul {
  list-style-type: none;
  counter-reset: li-counter;
  margin-top: 60px;
  margin-bottom: 0;
  margin-left: 45px;
  padding-left: 45px;
  border-left: 4px solid #e45f31;
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  #footer.historicalTimeline > div > div > ul {
    padding-right: 45px;
  }
}
#footer.historicalTimeline > div > div > ul > li {
  position: relative;
  /* make the height of paragraphs in the last child <li> unknown. This will curtail the length of the left border, making it stop at the last nodal point */
}
#footer.historicalTimeline > div > div > ul > li:last-child {
  margin-bottom: 30px;
}
#footer.historicalTimeline > div > div > ul > li:before {
  position: absolute;
  left: calc(0px - (4px / 2) - 45px  - (38px / 2 ));
  top: -2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #e45f31;
  box-shadow: 1px 1px 5px 1px rgba(152, 152, 152, 0.71);
  display: block;
  content: "";
}
#footer.historicalTimeline > div > div > ul > li > * {
  margin: 0;
  padding: 0;
  text-align: left;
}
#footer.historicalTimeline > div > div > ul > li p {
  width: 100%;
  margin-bottom: 48px;
}
#footer.historicalTimeline > div > div > ul > li:last-child p {
  float: left;
}
#footer.historicalTimeline > div > div > ul li p {
  font-size: 1rem;
}
#footer > div > div.calculator-area {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
}
#footer > div > div.calculator-area:not(:last-of-type) {
  margin-bottom: 24px;
}
#footer > div > div.calculator-area .calculator {
  margin-top: 24px;
}
#footer > div > .relatedArticles {
  max-width: 1100px;
  margin: auto;
}
#footer > div > .relatedArticles > div > a {
  display: flex;
  margin-bottom: 12px;
}
#footer > div > .relatedArticles > div > a img {
  margin-left: 0;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 7px;
}
#footer > div > .relatedArticles > div > a > div {
  clear: both;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: auto;
  padding: 0;
}
#footer > div > .relatedArticles > div > a > div h4 {
  font-size: 16.8px;
  text-transform: none;
  font-weight: 600;
}
#footer > div > .relatedArticles > div > a > div h5 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3em;
  letter-spacing: 0.4px;
  text-transform: none;
}
#footer > div > .relatedArticles > div > a > div p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
}
#footer > div > .relatedArticles h4 {
  display: block;
  text-align: center;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0.5em;
  position: relative;
  margin-bottom: 24px;
}
#footer > div > .relatedArticles h4 > span {
  background-color: #FEFEFF;
  padding: 24px;
  z-index: 1;
  position: relative;
}
.decision-tree #footer > div > .relatedArticles h4 > span {
  background: #fdfdfd;
}
#footer > div > .relatedArticles h4:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  background: rgba(51, 51, 51, 0.1);
}
#footer > div > .relatedArticles > div {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
.definitive-guide #footer > div > .relatedArticles > div {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 890px) {
  #footer > div > .relatedArticles > div,
  .definitive-guide #footer > div > .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 510px) {
  #footer > div > .relatedArticles > div,
  .definitive-guide #footer > div > .relatedArticles > div {
    grid-template-columns: 1fr;
  }
}
#footer > div > .relatedArticles > div > a:nth-of-type(n+13),
#footer > div > .relatedArticles > div > div:nth-of-type(n+13) {
  display: none;
}
@media (max-width: 510px) {
  #footer > div > .relatedArticles > div > a:nth-of-type(n+7),
  #footer > div > .relatedArticles > div > div:nth-of-type(n+7) {
    display: none;
  }
}
#footer > div {
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 300px 300px;
  grid-template-areas: "companyInfo links1 links2" "copyrightInfo copyrightInfo copyrightInfo";
  grid-gap: clamp(24px, 4vw, 48px);
}
@media (max-width: 1100px) {
  #footer > div {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "companyInfo companyInfo " "links1 links2" "copyrightInfo copyrightInfo";
  }
}
@media (max-width: 600px) {
  #footer > div {
    grid-template-columns: 1fr;
    grid-template-areas: "companyInfo" "links1" "links2" "copyrightInfo";
  }
}
#footer > div > div:first-of-type {
  grid-area: companyInfo;
  display: flex;
  flex-direction: column;
}
#footer > div > div:first-of-type .logo {
  display: block;
  margin-bottom: 24px;
}
#footer > div > div:nth-of-type(2) {
  grid-area: links1;
}
#footer > div > div:nth-of-type(3) {
  grid-area: links2;
}
#footer > div > div:not(:nth-of-type(4)) ul,
#footer > div > div:not(:nth-of-type(4)) p,
#footer > div > div:not(:nth-of-type(4)) li {
  line-height: 2em;
  padding: 0;
  text-align: left;
}
#footer > div > div:nth-of-type(4) {
  grid-area: copyrightInfo;
  border-top: 1px solid #fff;
  padding: 12px 6px 0 6px;
  display: grid;
  grid-template-columns: 2fr 1fr;
}
#footer > div > div:nth-of-type(4) p,
#footer > div > div:nth-of-type(4) ul {
  margin: 0;
  vertical-align: middle;
  align-self: center;
}
#footer > div > div:nth-of-type(4) p {
  font-size: 0.9rem;
  text-align: left;
}
#footer > div > div:nth-of-type(4) ul {
  display: inline-flex;
  justify-content: flex-end;
  gap: 6px;
}
#footer > div > div:nth-of-type(4) ul > li a {
  display: block;
  padding: 6px 12px;
  border-radius: 50%;
  background: #022d66;
}
#footer > div > div:nth-of-type(4) ul > li a svg.svg-inline--fa,
#footer > div > div:nth-of-type(4) ul > li a i.fas,
#footer > div > div:nth-of-type(4) ul > li a i.fab,
#footer > div > div:nth-of-type(4) ul > li a i.fal,
#footer > div > div:nth-of-type(4) ul > li a i.far,
#footer > div > div:nth-of-type(4) ul > li a i.fad {
  color: #fff;
}
@media (max-width: 600px) {
  #footer > div > div:nth-of-type(4) {
    grid-template-columns: 1fr;
  }
  #footer > div > div:nth-of-type(4) p {
    text-align: center;
  }
  #footer > div > div:nth-of-type(4) ul {
    margin: auto;
  }
}
#footer > div > div ul li {
  font-size: 0.9rem;
}
#footer > div > div * {
  color: #fff;
}
#footer > div > div * a,
#footer > div > div * span {
  color: inherit;
}
#footer > div > div img,
#footer > div > div picture {
  margin: 0 auto 0 0 ;
}
#footer > div > div:first-of-type .logo {
  width: clamp(175px, 13vw, 220px);
}
@media (max-width: 750px) {
  #footer > div > div:first-of-type .logo {
    display: none;
  }
}
#footer h3,
#footer h4,
#footer h5 {
  text-align: left;
}
#footer p,
#footer ul {
  font-size: 1rem;
}
@media (min-width: 1100px) {
  #footer p {
    max-width: 650px;
  }
}
.fold.signup + #footer:before {
  width: calc(100% - (2 * 10px));
  margin: auto;
  border-top: 1px solid #fff;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
}
@media (min-width: 1500px) {
  .fold.signup + #footer:before {
    max-width: 1480px;
    left: calc((100% - 1500px) / 2);
  }
}
.footerCurve + #footer {
  padding-top: 0;
  margin-top: -5px;
}
.button {
  cursor: pointer;
  padding: 24px;
  background: #e45f31;
  color: #fff;
  border-radius: 4px;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 24px auto;
  margin-left: 0;
}
.button:after {
  display: inline;
  content: "";
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
}
body > .button {
  margin: 5vw auto;
  display: block;
  max-width: 400px;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
}
body > .fold + .button {
  margin-top: 0;
  margin-bottom: clamp(30px, 7.5vh, 110px);
}
.CTA {
  cursor: pointer;
  padding: 12px 24px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  text-align: left;
  border-bottom: 3px solid #4d4d4d;
  color: #4d4d4d;
  font-size: 1.4rem;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.CTA:first-child,
.pre-heading + .CTA {
  margin-top: 0;
}
.CTA:after {
  display: inline-block;
  content: "\f105";
  margin-left: 12px;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  position: relative;
  transform: translateY(-1px);
}
.mainCTAsSplitter {
  display: flex;
  width: 100%;
  background: #fff;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.mainCTAsSplitter > div {
  text-align: center;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #011734;
  border: 1px solid rgba(1, 23, 52, 0.3);
  border-left: none;
  flex: 1;
  vertical-align: middle;
}
.mainCTAsSplitter > div:nth-of-type(n+2) {
  display: flex;
  align-items: center;
}
.mainCTAsSplitter > div:nth-of-type(n+2) a {
  padding: 24px 12px;
  width: 100%;
  margin: auto;
}
.mainCTAsSplitter > div:nth-of-type(n+2) a:after {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f054";
  display: block;
  float: right;
}
.mainCTAsSplitter > div:first-of-type {
  padding: 24px;
  background: #011734;
  color: #fff;
  max-width: 25%;
}
@media (min-width: 900px) {
  .mainCTAsSplitter > div:first-of-type {
    padding: 24px 48px;
  }
}
@media (max-width: 850px) {
  .mainCTAsSplitter {
    flex-direction: column;
  }
  .mainCTAsSplitter > div:nth-child(n) {
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(1, 23, 52, 0.3);
    border-top: none;
  }
  .mainCTAsSplitter > div:nth-child(n) > a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.mainCTAsSplitter a {
  font-weight: 600;
}
.featuredOfferingCTA:not(.secondInstance) {
  position: relative;
  overflow: hidden;
  z-index: 10;
  display: block;
}
.featuredOfferingCTA:not(.secondInstance) + .featuredOfferingCTA:not(.secondInstance) {
  margin-top: clamp(24px, 6vw, 100px);
}
.fold > .featuredOfferingCTA:not(.secondInstance) {
  max-width: 990px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .fold > .featuredOfferingCTA:not(.secondInstance) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1010px) and (min-width: 750px) {
  .fold > .featuredOfferingCTA:not(.secondInstance) {
    padding-right: 10px;
    padding-left: 10px;
  }
  .fold > .featuredOfferingCTA:not(.secondInstance) > div:first-of-type {
    Left: 10px;
  }
}
.featuredOfferingCTA:not(.secondInstance) > div:first-of-type {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  Left: 0;
  Right: 25%;
}
.featuredOfferingCTA:not(.secondInstance) > div:first-of-type > img {
  width: 100%;
  height: 100%;
}
.featuredOfferingCTA:not(.secondInstance) > div:nth-of-type(2) {
  z-index: 2;
  background: #011734;
  max-width: 400px;
  margin: 40px 0;
  margin-Left: auto;
  padding: 24px;
  border-radius: 0;
  border: 0 solid #ebebeb;
}
.featuredOfferingCTA:not(.secondInstance) > div:nth-of-type(2) *,
.featuredOfferingCTA:not(.secondInstance) > div:nth-of-type(2) * a {
  color: #fff;
  text-align: center;
}
.featuredOfferingCTA:not(.secondInstance) > div:nth-of-type(2) .button {
  background: #fff;
  color: #011734;
  max-width: 80%;
  min-width: 250px;
}
.featuredOfferingCTA:not(.secondInstance) > div:nth-of-type(2) .button:last-child {
  margin-bottom: 0;
}
.featuredOfferingCTA:not(.secondInstance) > div:nth-of-type(2) a:not(.button) {
  text-decoration: underline;
  text-underline-position: under;
  text-align: center;
}
@media (max-width: 750px) {
  .featuredOfferingCTA:not(.secondInstance) {
    display: flex;
    flex-direction: column;
  }
  .featuredOfferingCTA:not(.secondInstance) > div:nth-of-type(n) {
    position: relative;
    z-index: 0;
    border-radius: 0;
  }
  .featuredOfferingCTA:not(.secondInstance) > div:first-of-type {
    width: 90%;
    right: 0;
    left: 0;
    margin: auto;
    margin-bottom: -40px;
    z-index: 3;
  }
  .featuredOfferingCTA:not(.secondInstance) > div:first-of-type > img {
    max-height: 320px;
  }
  .featuredOfferingCTA:not(.secondInstance) > div:nth-of-type(2) {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-top: 52px;
  }
}
@media (max-width: 550px) {
  .featuredOfferingCTA:not(.secondInstance) > div:nth-of-type(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.featuredOfferingCTA.secondInstance {
  position: relative;
  overflow: hidden;
  z-index: 10;
  display: block;
}
.featuredOfferingCTA.secondInstance + .featuredOfferingCTA.secondInstance {
  margin-top: clamp(24px, 6vw, 100px);
}
.fold > .featuredOfferingCTA.secondInstance {
  max-width: 990px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .fold > .featuredOfferingCTA.secondInstance {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1010px) and (min-width: 750px) {
  .fold > .featuredOfferingCTA.secondInstance {
    padding-right: 10px;
    padding-left: 10px;
  }
  .fold > .featuredOfferingCTA.secondInstance > div:first-of-type {
    Right: 10px;
  }
}
.featuredOfferingCTA.secondInstance > div:first-of-type {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  Right: 0;
  Left: 25%;
}
.featuredOfferingCTA.secondInstance > div:first-of-type > img {
  width: 100%;
  height: 100%;
}
.featuredOfferingCTA.secondInstance > div:nth-of-type(2) {
  z-index: 2;
  background: #011734;
  max-width: 400px;
  margin: 40px 0;
  margin-Right: auto;
  padding: 24px;
  border-radius: 0;
  border: 0 solid #ebebeb;
}
.featuredOfferingCTA.secondInstance > div:nth-of-type(2) *,
.featuredOfferingCTA.secondInstance > div:nth-of-type(2) * a {
  color: #fff;
  text-align: center;
}
.featuredOfferingCTA.secondInstance > div:nth-of-type(2) .button {
  background: #fff;
  color: #011734;
  max-width: 80%;
  min-width: 250px;
}
.featuredOfferingCTA.secondInstance > div:nth-of-type(2) .button:last-child {
  margin-bottom: 0;
}
.featuredOfferingCTA.secondInstance > div:nth-of-type(2) a:not(.button) {
  text-decoration: underline;
  text-underline-position: under;
  text-align: center;
}
@media (max-width: 750px) {
  .featuredOfferingCTA.secondInstance {
    display: flex;
    flex-direction: column;
  }
  .featuredOfferingCTA.secondInstance > div:nth-of-type(n) {
    position: relative;
    z-index: 0;
    border-radius: 0;
  }
  .featuredOfferingCTA.secondInstance > div:first-of-type {
    width: 90%;
    right: 0;
    left: 0;
    margin: auto;
    margin-bottom: -40px;
    z-index: 3;
  }
  .featuredOfferingCTA.secondInstance > div:first-of-type > img {
    max-height: 320px;
  }
  .featuredOfferingCTA.secondInstance > div:nth-of-type(2) {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-top: 52px;
  }
}
@media (max-width: 550px) {
  .featuredOfferingCTA.secondInstance > div:nth-of-type(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.majorSellingPointCTA p,
.valueProposition p,
.majorSellingPointCTA h3,
.valueProposition h3,
.majorSellingPointCTA h4,
.valueProposition h4,
.majorSellingPointCTA h5,
.valueProposition h5 {
  text-align: center;
}
.majorSellingPointCTA:nth-of-type(odd),
.valueProposition:nth-of-type(odd) {
  margin: 24px auto;
}
.majorSellingPointCTA:nth-of-type(odd) > div,
.valueProposition:nth-of-type(odd) > div {
  clear: both;
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 0;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  margin: 24px auto;
}
.fold > div .majorSellingPointCTA:nth-of-type(odd) > div:last-child,
.fold > div .valueProposition:nth-of-type(odd) > div:last-child {
  margin-bottom: 0;
}
.fold > div .majorSellingPointCTA:nth-of-type(odd) > div:only-child,
.fold > div .valueProposition:nth-of-type(odd) > div:only-child {
  margin: 0;
}
.majorSellingPointCTA:nth-of-type(odd) > div > *,
.valueProposition:nth-of-type(odd) > div > * {
  display: none;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div,
.valueProposition:nth-of-type(odd) > div > div,
.majorSellingPointCTA:nth-of-type(odd) > div > a,
.valueProposition:nth-of-type(odd) > div > a {
  display: block;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:nth-child(n),
.valueProposition:nth-of-type(odd) > div > div:nth-child(n),
.majorSellingPointCTA:nth-of-type(odd) > div > a:nth-child(n),
.valueProposition:nth-of-type(odd) > div > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
@media (max-width: 800px) and (min-width: 900px) {
  .majorSellingPointCTA:nth-of-type(odd) > div,
  .valueProposition:nth-of-type(odd) > div {
    grid-gap: 0;
  }
}
@media (max-width: 900px) {
  .majorSellingPointCTA:nth-of-type(odd) > div,
  .valueProposition:nth-of-type(odd) > div {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div,
.internetExplorer .valueProposition:nth-of-type(odd) > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > div,
.internetExplorer .valueProposition:nth-of-type(odd) > div > div,
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > a,
.internetExplorer .valueProposition:nth-of-type(odd) > div > a {
  width: 50%;
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > div:nth-child(1),
.internetExplorer .valueProposition:nth-of-type(odd) > div > div:nth-child(1),
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > a:nth-child(1),
.internetExplorer .valueProposition:nth-of-type(odd) > div > a:nth-child(1),
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > div:nth-child(2),
.internetExplorer .valueProposition:nth-of-type(odd) > div > div:nth-child(2),
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > a:nth-child(2),
.internetExplorer .valueProposition:nth-of-type(odd) > div > a:nth-child(2),
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > div:nth-child(3),
.internetExplorer .valueProposition:nth-of-type(odd) > div > div:nth-child(3),
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > a:nth-child(3),
.internetExplorer .valueProposition:nth-of-type(odd) > div > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > div *,
.internetExplorer .valueProposition:nth-of-type(odd) > div > div *,
.internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > a *,
.internetExplorer .valueProposition:nth-of-type(odd) > div > a * {
  max-width: 100%;
}
@media (max-width: 800px) {
  .internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > div:nth-child(n),
  .internetExplorer .valueProposition:nth-of-type(odd) > div > div:nth-child(n),
  .internetExplorer .majorSellingPointCTA:nth-of-type(odd) > div > a:nth-child(n),
  .internetExplorer .valueProposition:nth-of-type(odd) > div > a:nth-child(n) {
    width: 100%;
  }
}
.majorSellingPointCTA:nth-of-type(odd) > div > div,
.valueProposition:nth-of-type(odd) > div > div {
  padding: 24px;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child,
.valueProposition:nth-of-type(odd) > div > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child h2,
.valueProposition:nth-of-type(odd) > div > div:first-child h2,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child h3,
.valueProposition:nth-of-type(odd) > div > div:first-child h3,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child h4,
.valueProposition:nth-of-type(odd) > div > div:first-child h4,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child h5,
.valueProposition:nth-of-type(odd) > div > div:first-child h5,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child p,
.valueProposition:nth-of-type(odd) > div > div:first-child p,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .button,
.valueProposition:nth-of-type(odd) > div > div:first-child .button {
  text-align: center;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:nth-of-type(2),
.valueProposition:nth-of-type(odd) > div > div:nth-of-type(2) {
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child,
.valueProposition:nth-of-type(odd) > div > div:first-child {
  display: flex;
  align-items: center;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child picture,
.valueProposition:nth-of-type(odd) > div > div:first-child picture,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child img,
.valueProposition:nth-of-type(odd) > div > div:first-child img {
  width: 100%;
}
@media (min-width: 900px) {
  .majorSellingPointCTA:nth-of-type(odd) > div > div:first-child img,
  .valueProposition:nth-of-type(odd) > div > div:first-child img {
    height: auto;
    min-height: 0;
  }
  .majorSellingPointCTA:nth-of-type(odd) > div > div:first-child img:after,
  .valueProposition:nth-of-type(odd) > div > div:first-child img:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery {
  display: grid;
  clear: both;
  grid-gap: 6px;
  margin: 6px;
  grid-template-columns: repeat(2, 1fr);
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > a,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > a,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > figure,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > figure,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > div,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > div,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > picture,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > picture {
  width: 100%;
  float: none;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > a,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > a,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > figure,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > figure,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > div,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > div,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > picture,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > picture,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > a img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > a img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > figure img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > figure img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > div img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > div img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > img img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > img img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > picture img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > picture img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > a picture,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > a picture,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > figure picture,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > figure picture,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > div picture,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > div picture,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > img picture,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > img picture,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > picture picture,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > picture picture,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > a picture img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > a picture img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > figure picture img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > figure picture img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > div picture img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > div picture img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > img picture img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > img picture img,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > picture picture img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > picture picture img {
  max-height: none;
  width: 100%;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > a.portrait,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > a.portrait,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > figure.portrait,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > figure.portrait,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > div.portrait,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > div.portrait,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > img.portrait,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > img.portrait,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > picture.portrait,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > picture.portrait {
  grid-row: span 2;
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > a.doubleWidth,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > a.doubleWidth,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > figure.doubleWidth,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > figure.doubleWidth,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > div.doubleWidth,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > div.doubleWidth,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > img.doubleWidth,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > img.doubleWidth,
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery > picture.doubleWidth,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery > picture.doubleWidth {
  grid-column: span 2;
}
@media (max-width: 800px) {
  .majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery,
  .valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery {
    grid-template-columns: 1fr 1fr;
  }
}
.majorSellingPointCTA:nth-of-type(odd) > div > div:first-child .photoGallery img,
.valueProposition:nth-of-type(odd) > div > div:first-child .photoGallery img {
  min-height: 0;
  height: auto;
}
.majorSellingPointCTA:nth-of-type(even),
.valueProposition:nth-of-type(even) {
  margin: 24px auto;
}
.majorSellingPointCTA:nth-of-type(even) > div,
.valueProposition:nth-of-type(even) > div {
  clear: both;
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 0;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  margin: 24px auto;
}
.fold > div .majorSellingPointCTA:nth-of-type(even) > div:last-child,
.fold > div .valueProposition:nth-of-type(even) > div:last-child {
  margin-bottom: 0;
}
.fold > div .majorSellingPointCTA:nth-of-type(even) > div:only-child,
.fold > div .valueProposition:nth-of-type(even) > div:only-child {
  margin: 0;
}
.majorSellingPointCTA:nth-of-type(even) > div > *,
.valueProposition:nth-of-type(even) > div > * {
  display: none;
}
.majorSellingPointCTA:nth-of-type(even) > div > div,
.valueProposition:nth-of-type(even) > div > div,
.majorSellingPointCTA:nth-of-type(even) > div > a,
.valueProposition:nth-of-type(even) > div > a {
  display: block;
}
.majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(n),
.valueProposition:nth-of-type(even) > div > div:nth-child(n),
.majorSellingPointCTA:nth-of-type(even) > div > a:nth-child(n),
.valueProposition:nth-of-type(even) > div > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
@media (max-width: 800px) and (min-width: 900px) {
  .majorSellingPointCTA:nth-of-type(even) > div,
  .valueProposition:nth-of-type(even) > div {
    grid-gap: 0;
  }
}
@media (max-width: 900px) {
  .majorSellingPointCTA:nth-of-type(even) > div,
  .valueProposition:nth-of-type(even) > div {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div,
.internetExplorer .valueProposition:nth-of-type(even) > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > div,
.internetExplorer .valueProposition:nth-of-type(even) > div > div,
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > a,
.internetExplorer .valueProposition:nth-of-type(even) > div > a {
  width: 50%;
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(1),
.internetExplorer .valueProposition:nth-of-type(even) > div > div:nth-child(1),
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > a:nth-child(1),
.internetExplorer .valueProposition:nth-of-type(even) > div > a:nth-child(1),
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(2),
.internetExplorer .valueProposition:nth-of-type(even) > div > div:nth-child(2),
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > a:nth-child(2),
.internetExplorer .valueProposition:nth-of-type(even) > div > a:nth-child(2),
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(3),
.internetExplorer .valueProposition:nth-of-type(even) > div > div:nth-child(3),
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > a:nth-child(3),
.internetExplorer .valueProposition:nth-of-type(even) > div > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > div *,
.internetExplorer .valueProposition:nth-of-type(even) > div > div *,
.internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > a *,
.internetExplorer .valueProposition:nth-of-type(even) > div > a * {
  max-width: 100%;
}
@media (max-width: 800px) {
  .internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(n),
  .internetExplorer .valueProposition:nth-of-type(even) > div > div:nth-child(n),
  .internetExplorer .majorSellingPointCTA:nth-of-type(even) > div > a:nth-child(n),
  .internetExplorer .valueProposition:nth-of-type(even) > div > a:nth-child(n) {
    width: 100%;
  }
}
.majorSellingPointCTA:nth-of-type(even) > div > div,
.valueProposition:nth-of-type(even) > div > div {
  padding: 24px;
}
@media (min-width: 900px) {
  .majorSellingPointCTA:nth-of-type(even) > div,
  .valueProposition:nth-of-type(even) > div {
    grid-template-areas: "text image";
  }
  .majorSellingPointCTA:nth-of-type(even) > div > div:first-child,
  .valueProposition:nth-of-type(even) > div > div:first-child {
    grid-area: image;
  }
  .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(2),
  .valueProposition:nth-of-type(even) > div > div:nth-child(2) {
    grid-area: text;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(2) h2,
  .valueProposition:nth-of-type(even) > div > div:nth-child(2) h2,
  .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(2) h3,
  .valueProposition:nth-of-type(even) > div > div:nth-child(2) h3,
  .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(2) h4,
  .valueProposition:nth-of-type(even) > div > div:nth-child(2) h4,
  .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(2) h5,
  .valueProposition:nth-of-type(even) > div > div:nth-child(2) h5,
  .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(2) p,
  .valueProposition:nth-of-type(even) > div > div:nth-child(2) p,
  .majorSellingPointCTA:nth-of-type(even) > div > div:nth-child(2) .button,
  .valueProposition:nth-of-type(even) > div > div:nth-child(2) .button {
    text-align: center;
  }
}
.majorSellingPointCTA:nth-of-type(even) > div > div:nth-of-type(2),
.valueProposition:nth-of-type(even) > div > div:nth-of-type(2) {
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child,
.valueProposition:nth-of-type(even) > div > div:first-child {
  display: flex;
  align-items: center;
}
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child picture,
.valueProposition:nth-of-type(even) > div > div:first-child picture,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child img,
.valueProposition:nth-of-type(even) > div > div:first-child img {
  width: 100%;
}
@media (min-width: 900px) {
  .majorSellingPointCTA:nth-of-type(even) > div > div:first-child img,
  .valueProposition:nth-of-type(even) > div > div:first-child img {
    height: auto;
    min-height: 0;
  }
  .majorSellingPointCTA:nth-of-type(even) > div > div:first-child img:after,
  .valueProposition:nth-of-type(even) > div > div:first-child img:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
}
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery {
  display: grid;
  clear: both;
  grid-gap: 6px;
  margin: 6px;
  grid-template-columns: repeat(2, 1fr);
}
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > a,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > a,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > figure,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > figure,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > div,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > div,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > picture,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > picture {
  width: 100%;
  float: none;
}
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > a,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > a,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > figure,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > figure,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > div,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > div,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > picture,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > picture,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > a img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > a img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > figure img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > figure img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > div img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > div img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > img img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > img img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > picture img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > picture img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > a picture,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > a picture,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > figure picture,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > figure picture,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > div picture,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > div picture,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > img picture,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > img picture,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > picture picture,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > picture picture,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > a picture img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > a picture img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > figure picture img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > figure picture img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > div picture img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > div picture img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > img picture img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > img picture img,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > picture picture img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > picture picture img {
  max-height: none;
  width: 100%;
}
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > a.portrait,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > a.portrait,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > figure.portrait,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > figure.portrait,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > div.portrait,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > div.portrait,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > img.portrait,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > img.portrait,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > picture.portrait,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > picture.portrait {
  grid-row: span 2;
}
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > a.doubleWidth,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > a.doubleWidth,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > figure.doubleWidth,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > figure.doubleWidth,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > div.doubleWidth,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > div.doubleWidth,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > img.doubleWidth,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > img.doubleWidth,
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery > picture.doubleWidth,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery > picture.doubleWidth {
  grid-column: span 2;
}
@media (max-width: 800px) {
  .majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery,
  .valueProposition:nth-of-type(even) > div > div:first-child .photoGallery {
    grid-template-columns: 1fr 1fr;
  }
}
.majorSellingPointCTA:nth-of-type(even) > div > div:first-child .photoGallery img,
.valueProposition:nth-of-type(even) > div > div:first-child .photoGallery img {
  min-height: 0;
  height: auto;
}
.majorSellingPointCTA + .majorSellingPointCTA,
.majorSellingPointCTA + .valueProposition,
.valueProposition + .majorSellingPointCTA,
.valueProposition + .valueProposition,
.propertyDescriptionBlock + .majorSellingPointCTA,
.propertyDescriptionBlock + .valueProposition {
  margin-top: 96px;
}
.propertyDescriptionBlock ~ .majorSellingPointCTA:nth-child(n),
.propertyDescriptionBlock ~ .valueProposition:nth-child(n) {
  margin-bottom: 96px;
}
.majorSellingPointCTA > div,
.valueProposition > div {
  max-width: 1500px;
}
@media (max-width: 2000px) {
  .majorSellingPointCTA > div,
  .valueProposition > div {
    min-height: 25vw;
  }
}
.majorSellingPointCTA > div > div:first-of-type,
.valueProposition > div > div:first-of-type {
  padding-top: 0;
  padding-bottom: 0;
}
.majorSellingPointCTA > div > div:first-of-type a,
.valueProposition > div > div:first-of-type a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 900px) {
  .majorSellingPointCTA > div > div:first-of-type a,
  .valueProposition > div > div:first-of-type a {
    min-height: 40vw;
  }
}
.majorSellingPointCTA > div > div:first-of-type a > div:first-child,
.valueProposition > div > div:first-of-type a > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.majorSellingPointCTA > div > div:first-of-type a > div:first-child img,
.valueProposition > div > div:first-of-type a > div:first-child img,
.majorSellingPointCTA > div > div:first-of-type a > div:first-child picture,
.valueProposition > div > div:first-of-type a > div:first-child picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(60%);
}
.majorSellingPointCTA > div > div:first-of-type a > div:first-child > img:nth-of-type(2),
.valueProposition > div > div:first-of-type a > div:first-child > img:nth-of-type(2) {
  display: none;
}
@media (max-width: 500px) {
  .majorSellingPointCTA > div > div:first-of-type a > div:first-child > img:nth-of-type(2):last-child,
  .valueProposition > div > div:first-of-type a > div:first-child > img:nth-of-type(2):last-child {
    display: block;
  }
  .majorSellingPointCTA > div > div:first-of-type a > div:first-child > img:first-of-type:nth-last-of-type(2),
  .valueProposition > div > div:first-of-type a > div:first-child > img:first-of-type:nth-last-of-type(2) {
    display: none;
  }
}
.majorSellingPointCTA > div > div:first-of-type a > div:first-child > picture > img:nth-child(n),
.valueProposition > div > div:first-of-type a > div:first-child > picture > img:nth-child(n) {
  display: block;
}
.majorSellingPointCTA > div > div:first-of-type a > div:nth-child(2),
.valueProposition > div > div:first-of-type a > div:nth-child(2) {
  position: relative;
  resize: vertical;
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .majorSellingPointCTA > div > div:first-of-type a > div:nth-child(2),
  .valueProposition > div > div:first-of-type a > div:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.internetExplorer .majorSellingPointCTA > div > div:first-of-type a,
.internetExplorer .valueProposition > div > div:first-of-type a,
.internetExplorer .majorSellingPointCTA > div > div:first-of-type a *,
.internetExplorer .valueProposition > div > div:first-of-type a * {
  display: block;
}
.internetExplorer body > .majorSellingPointCTA > div > div:first-of-type a,
.internetExplorer body > .valueProposition > div > div:first-of-type a {
  min-height: 400px;
}
.majorSellingPointCTA > div > div:first-of-type a > div:nth-of-type(2),
.valueProposition > div > div:first-of-type a > div:nth-of-type(2) {
  display: flex;
  justify-content: center;
}
.majorSellingPointCTA > div > div:first-of-type a > div:nth-of-type(2) h3,
.valueProposition > div > div:first-of-type a > div:nth-of-type(2) h3,
.majorSellingPointCTA > div > div:first-of-type a > div:nth-of-type(2) h4,
.valueProposition > div > div:first-of-type a > div:nth-of-type(2) h4 {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 12px;
  border-bottom: 3px solid #fff;
  margin: auto;
}
.majorSellingPointCTA > div > div:nth-of-type(2),
.valueProposition > div > div:nth-of-type(2) {
  padding: 24px;
}
.majorSellingPointCTA > div > div:nth-of-type(2) > *:only-child,
.valueProposition > div > div:nth-of-type(2) > *:only-child {
  margin: 0;
}
.singleFullWidthCTA {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .singleFullWidthCTA {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.singleFullWidthCTA > div {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  background: #e45f31;
  padding: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.singleFullWidthCTA > div > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  z-index: -1;
}
.singleFullWidthCTA > div > img img,
.singleFullWidthCTA > div > img picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(80%);
}
.singleFullWidthCTA > div > div {
  width: auto;
}
.singleFullWidthCTA > div > div > * {
  display: none;
}
.singleFullWidthCTA > div > div p {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
}
.singleFullWidthCTA > div > div p > * {
  color: inherit;
  font-weight: inherit;
}
@media (min-width: 768px) {
  .singleFullWidthCTA > div > div {
    max-width: 70%;
  }
}
.singleFullWidthCTA > div > a {
  padding: 12px;
  padding-left: 24px;
  border-radius: 50px;
  background: #fff;
  color: #e45f31;
  min-width: 220px;
  margin-left: 24px;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}
.singleFullWidthCTA > div > a:after {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f054";
  margin-left: 10px;
}
@media (max-width: 768px) {
  .singleFullWidthCTA > div {
    flex-direction: column;
  }
  .singleFullWidthCTA > div > div {
    width: 100%;
  }
  .singleFullWidthCTA > div > div p {
    text-align: center;
  }
  .singleFullWidthCTA > div a {
    margin: 24px auto 0;
  }
}
.singleFullWidthCTA p {
  color: #fff;
  font-weight: 600;
  margin: 0;
  line-height: 1.3em;
}
.singleFullWidthCTA .button {
  font-size: 18px;
}
.singleFullWidthCTA.specialOffer > div {
  background-color: #e20000;
}
.singleFullWidthCTA.specialOffer > div a {
  color: #e20000;
}
.twinOptionDownloadGrid,
.twinOptionLinkGrid {
  margin: 48px auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
}
.twinOptionDownloadGrid:last-child,
.twinOptionLinkGrid:last-child {
  margin-bottom: 0;
}
@media (max-width: 650px) {
  .twinOptionDownloadGrid,
  .twinOptionLinkGrid {
    grid-template-columns: 1fr;
    max-width: 400px;
  }
}
.twinOptionDownloadGrid a,
.twinOptionLinkGrid a {
  cursor: pointer;
  padding: 24px;
  background: #e45f31;
  color: #fff;
  border-radius: 4px;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 24px auto;
  margin-left: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  line-height: 1.4em;
}
.twinOptionDownloadGrid a:after,
.twinOptionLinkGrid a:after {
  display: inline;
  content: "";
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
}
.cookie-consent {
  z-index: 10001;
  background: #e5e5e5;
  position: fixed;
  bottom: 12px;
  right: 12px;
  padding: 24px;
  width: 300px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  display: none;
  flex-direction: column;
  gap: 6px;
  border-radius: 4px;
}
.cookie-consent.displayed {
  display: flex;
}
.cookie-consent p {
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 1.4;
}
.cookie-consent p a {
  color: #5e5e5e;
  font-weight: bold;
}
.cookie-consent button {
  border-radius: 4px;
  border: 1px solid #777777;
  padding: 6px 0;
}
.cookie-consent button:first-of-type {
  border: none;
  background: #e45f31;
  color: #fff;
  font-weight: 600;
}
.eco-hub .cookie-consent button:first-of-type {
  background: #499f41;
}
/* Anti-spam: Hide honeypot fields from humans */
.form-assist-field {
  position: absolute;
  left: -9999px;
  top: -9999px;
  opacity: 0;
  pointer-events: none;
  height: 0;
  width: 0;
  overflow: hidden;
}
.contactFormArea label {
  font-weight: 600;
  color: gray;
  margin-bottom: 6px;
}
.contactFormArea input {
  width: 100%;
  padding: 12px;
}
.contactFormArea input.button {
  border: none;
  padding: 24px;
  background: #011734;
}
.contactFormArea textarea,
.contactFormArea input[type=text],
.contactFormArea input[type=number] {
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.contactFormArea .successMessage {
  background: transparent;
  border: 1px solid #EAEEF3;
  border-radius: 4px;
  padding: 24px;
  border: none;
  margin-top: 24px;
  margin-bottom: 24px;
}
.contactFormArea .successMessage p {
  text-align: center;
}
.contactDetails {
  max-width: 750px;
  margin: auto;
}
.contactDetails ul {
  font-size: 1.3rem;
  padding-left: 36px;
}
.contactDetails ul li {
  position: relative;
  padding: 0;
  margin-bottom: 12px;
}
.contactDetails ul li svg.svg-inline--fa,
.contactDetails ul li i.fas,
.contactDetails ul li i.fab,
.contactDetails ul li i.fal,
.contactDetails ul li i.far {
  position: absolute;
  left: -36px;
  top: 8px;
}
.contactDetailsGrid {
  display: flex;
  flex-wrap: wrap;
}
.contactDetailsGrid > div {
  padding: clamp(40px, 10vw, 100px) 10px;
  width: 50%;
  min-width: 212px;
  flex-grow: 1;
  background-color: #e45f31;
}
.contactDetailsGrid > div h1,
.contactDetailsGrid > div h2,
.contactDetailsGrid > div h3,
.contactDetailsGrid > div h4,
.contactDetailsGrid > div h5,
.contactDetailsGrid > div h6,
.contactDetailsGrid > div ul,
.contactDetailsGrid > div ol,
.contactDetailsGrid > div p,
.contactDetailsGrid > div label,
.contactDetailsGrid > div .pre-heading {
  color: #fff;
}
.contactDetailsGrid > div a,
.contactDetailsGrid > div a.CTA {
  color: #fff;
  border-color: #fff;
}
.contactDetailsGrid > div:nth-of-type(2) {
  background-color: #011734;
}
.contactDetailsGrid > div * {
  text-align: center;
}
.contactDetailsGrid > div svg.svg-inline--fa,
.contactDetailsGrid > div i.fas,
.contactDetailsGrid > div i.fab,
.contactDetailsGrid > div i.fal,
.contactDetailsGrid > div i.far {
  font-size: clamp(30px, 10vw, 95px);
  display: block;
  margin: auto;
  color: #fff;
}
.contactDetailsGrid > div h2 {
  font-size: clamp(20px, 4vw, 55px);
}
.addressDetailsGrid {
  padding: clamp(30px, 7.5vh, 110px) 0;
  background-color: #e45f31;
}
.addressDetailsGrid > div {
  max-width: 960px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1000px) {
  .addressDetailsGrid > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.addressDetailsGrid > div:not(:last-child) {
  margin-bottom: 24px;
}
.addressDetailsGrid h1,
.addressDetailsGrid h2,
.addressDetailsGrid h3,
.addressDetailsGrid h4,
.addressDetailsGrid h5,
.addressDetailsGrid h6,
.addressDetailsGrid ul,
.addressDetailsGrid ol,
.addressDetailsGrid p,
.addressDetailsGrid label,
.addressDetailsGrid .pre-heading {
  color: #fff;
}
.addressDetailsGrid a,
.addressDetailsGrid a.CTA {
  color: #fff;
  border-color: #fff;
}
.addressDetailsGrid > div > div {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-gap: 24px;
  max-width: 700px;
  margin: auto;
}
.addressDetailsGrid > div > div > div {
  display: flex;
  align-items: center;
}
.addressDetailsGrid > div > div > div svg.svg-inline--fa,
.addressDetailsGrid > div > div > div i.fas,
.addressDetailsGrid > div > div > div i.fab,
.addressDetailsGrid > div > div > div i.fal,
.addressDetailsGrid > div > div > div i.far {
  font-size: clamp(30px, 10vw, 95px);
  display: block;
  margin: auto;
  color: #fff;
}
.addressDetailsGrid > div > div > div h2 {
  font-size: clamp(20px, 4vw, 55px);
}
.addressDetailsGrid > div > div > div:first-of-type svg.svg-inline--fa,
.addressDetailsGrid > div > div > div:first-of-type i.fas,
.addressDetailsGrid > div > div > div:first-of-type i.fab,
.addressDetailsGrid > div > div > div:first-of-type i.fal,
.addressDetailsGrid > div > div > div:first-of-type i.far {
  margin-right: 0;
  font-size: clamp(50px, 15vw, 170px);
}
.addressDetailsGrid > div > div > div:nth-of-type(2) h2 {
  text-align: left;
  width: 100%;
  font-size: clamp(25px, 3.5vw, 35px);
  line-height: 1.3em;
}
@media (max-width: 900px) {
  .addressDetailsGrid > div > div {
    grid-template-columns: 4fr 6fr;
  }
}
@media (max-width: 520px) {
  .addressDetailsGrid > div > div {
    grid-template-columns: 1fr;
  }
  .addressDetailsGrid > div > div > div:first-of-type svg.svg-inline--fa,
  .addressDetailsGrid > div > div > div:first-of-type i.fas,
  .addressDetailsGrid > div > div > div:first-of-type i.fab,
  .addressDetailsGrid > div > div > div:first-of-type i.fal,
  .addressDetailsGrid > div > div > div:first-of-type i.far {
    text-align: center;
    margin: auto;
  }
  .addressDetailsGrid > div > div > div:nth-of-type(2) {
    width: 100%;
  }
  .addressDetailsGrid > div > div > div:nth-of-type(2) h2 {
    text-align: center;
  }
}
.equalOptionsList > div > h2,
.equalOptionsList > div > h3 {
  text-align: center;
}
.equalOptionsList > div ul {
  margin: 70px 0 70px 0;
  padding: 0;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 11720px) {
  .equalOptionsList > div ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 0) {
  .equalOptionsList > div ul {
    grid-template-columns: 1fr;
  }
}
.equalOptionsList > div ul > li {
  padding: 0 0 24px 0;
  border-bottom: 1px solid #d8d8d8;
}
.equalOptionsList > div ul > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.equalOptionsList > div ul > li > a:after {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  margin-left: 5px;
  content: "\00A0\f054";
  display: inline-block;
}
.equalOptionsList > div ul > li > a > *,
.equalOptionsList > div ul > li > a:after {
  line-height: 1em;
  margin: 0;
  padding: 0;
}
@media (min-width: 700px) {
  .equalOptionsList > div ul {
    grid-column-gap: 48px;
  }
}
.equalOptionsList h4 {
  font-size: clamp(15px, 3vw, 20px);
}
.equalOptionsList a {
  text-decoration: none;
  color: #777777;
  font-weight: 600;
}
.toggleFeaturesList {
  margin-top: 24px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.topMSPsList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 850px) {
  .topMSPsList {
    grid-template-columns: 1fr 1fr;
  }
}
.topMSPsList > li {
  padding: 24px;
  font-size: 15px;
  line-height: 17.25px;
  text-align: left;
  display: flex;
  align-items: center;
}
.topMSPsList > li svg.svg-inline--fa,
.topMSPsList > li i.fas,
.topMSPsList > li i.fab,
.topMSPsList > li i.fal,
.topMSPsList > li i.far,
.topMSPsList > li i.fad {
  font-weight: 300;
  font-size: 1.7em;
  color: #e45f31;
  vertical-align: middle;
  margin-right: 12px;
}
@media (max-width: 450px) {
  .topMSPsList > li {
    padding: 12px;
    font-size: 13.5px;
  }
  .topMSPsList > li svg.svg-inline--fa,
  .topMSPsList > li i.fas,
  .topMSPsList > li i.fab,
  .topMSPsList > li i.fal,
  .topMSPsList > li i.far,
  .topMSPsList > li i.fad {
    font-size: 1.53em;
  }
}
.facilitiesList,
.inclusionsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 850px) {
  .facilitiesList,
  .inclusionsList {
    grid-template-columns: 1fr 1fr;
  }
}
.facilitiesList > li,
.inclusionsList > li {
  padding: 24px;
  font-size: 0.9rem;
  line-height: 1.035rem;
  text-align: left;
  display: flex;
  align-items: center;
}
.facilitiesList > li svg.svg-inline--fa,
.inclusionsList > li svg.svg-inline--fa,
.facilitiesList > li i.fas,
.inclusionsList > li i.fas,
.facilitiesList > li i.fab,
.inclusionsList > li i.fab,
.facilitiesList > li i.fal,
.inclusionsList > li i.fal,
.facilitiesList > li i.far,
.inclusionsList > li i.far,
.facilitiesList > li i.fad,
.inclusionsList > li i.fad {
  font-weight: 300;
  font-size: 1.7em;
  color: #e45f31;
  vertical-align: middle;
  margin-right: 12px;
}
@media (max-width: 450px) {
  .facilitiesList > li,
  .inclusionsList > li {
    padding: 12px;
    font-size: 0.81rem;
  }
  .facilitiesList > li svg.svg-inline--fa,
  .inclusionsList > li svg.svg-inline--fa,
  .facilitiesList > li i.fas,
  .inclusionsList > li i.fas,
  .facilitiesList > li i.fab,
  .inclusionsList > li i.fab,
  .facilitiesList > li i.fal,
  .inclusionsList > li i.fal,
  .facilitiesList > li i.far,
  .inclusionsList > li i.far,
  .facilitiesList > li i.fad,
  .inclusionsList > li i.fad {
    font-size: 1.53em;
  }
}
.facilitiesList span,
.inclusionsList span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.facilitiesList .inclusionCaveat,
.inclusionsList .inclusionCaveat,
.facilitiesList .inclusionCategory,
.inclusionsList .inclusionCategory {
  font-size: 0.65em;
  line-height: 1em;
  padding: 5px;
  background-color: #e45f31;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  margin-top: 5px;
  border-radius: 3px;
}
.facilitiesList.detailed,
.inclusionsList.detailed,
.detailedLists .facilitiesList,
.detailedLists .inclusionsList {
  grid-template-columns: 1fr;
  font-size: 1rem;
  max-width: 100%;
}
.facilitiesList.detailed li,
.inclusionsList.detailed li,
.detailedLists .facilitiesList li,
.detailedLists .inclusionsList li {
  padding: 12px;
}
.customerMotivationsList {
  clear: both;
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 24px;
  -ms-grid-columns: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  margin-top: 48px;
  margin-bottom: 48px;
  column-gap: clamp(24px, 9vw, 96px);
}
.fold > div .customerMotivationsList:last-child {
  margin-bottom: 0;
}
.fold > div .customerMotivationsList:only-child {
  margin: 0;
}
.customerMotivationsList > * {
  display: none;
}
.customerMotivationsList > div,
.customerMotivationsList > a {
  display: block;
}
.customerMotivationsList > div:nth-child(n),
.customerMotivationsList > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
@media (max-width: 700px) and (min-width: 700px) {
  .customerMotivationsList {
    grid-gap: 12px;
  }
}
@media (max-width: 700px) {
  .customerMotivationsList {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .customerMotivationsList {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .customerMotivationsList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .customerMotivationsList > div,
.internetExplorer .customerMotivationsList > a {
  width: 50%;
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}
.internetExplorer .customerMotivationsList > div:nth-child(1),
.internetExplorer .customerMotivationsList > a:nth-child(1),
.internetExplorer .customerMotivationsList > div:nth-child(2),
.internetExplorer .customerMotivationsList > a:nth-child(2),
.internetExplorer .customerMotivationsList > div:nth-child(3),
.internetExplorer .customerMotivationsList > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .customerMotivationsList > div *,
.internetExplorer .customerMotivationsList > a * {
  max-width: 100%;
}
@media (max-width: 700px) {
  .internetExplorer .customerMotivationsList > div:nth-child(n),
  .internetExplorer .customerMotivationsList > a:nth-child(n) {
    width: 100%;
  }
}
.customerMotivationsList > div {
  display: grid;
  grid-template-columns: 32px auto;
  column-gap: 24px;
  grid-template-areas: "icon heading" "icon description";
}
@media (min-width: 700px) {
  .customerMotivationsList > div {
    margin-bottom: 48px;
  }
}
.customerMotivationsList > div svg.svg-inline--fa,
.customerMotivationsList > div i.fas,
.customerMotivationsList > div i.fab,
.customerMotivationsList > div i.fal,
.customerMotivationsList > div i.far,
.customerMotivationsList > div i.fad,
.customerMotivationsList > div i.fad {
  grid-area: icon;
  font-weight: 300;
  font-size: 32px;
}
.customerMotivationsList > div h4,
.customerMotivationsList > div p {
  text-align: left;
  margin: 0;
}
.customerMotivationsList > div h4 {
  grid-area: heading;
}
.customerMotivationsList > div p {
  grid-area: description;
}
.majorIconList > div > div {
  clear: both;
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 24px;
  -ms-grid-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
  margin: 48px auto;
}
.fold > div .majorIconList > div > div:last-child {
  margin-bottom: 0;
}
.fold > div .majorIconList > div > div:only-child {
  margin: 0;
}
.majorIconList > div > div > * {
  display: none;
}
.majorIconList > div > div > div,
.majorIconList > div > div > a {
  display: block;
}
.majorIconList > div > div > div:nth-child(n),
.majorIconList > div > div > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
.majorIconList > div > div > div:last-child:nth-child(2),
.majorIconList > div > div > a:last-child:nth-child(2),
.majorIconList > div > div > div:first-child:nth-last-child(2),
.majorIconList > div > div > a:first-child:nth-last-child(2) {
  -ms-grid-column-span: span 2;
  grid-column: span 2;
}
@media (max-width: 800px) and (min-width: 1px) {
  .majorIconList > div > div {
    grid-gap: 12px;
  }
}
@media (max-width: 800px) {
  .majorIconList > div > div {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1px) {
  .majorIconList > div > div {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .majorIconList > div > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .majorIconList > div > div > div,
.internetExplorer .majorIconList > div > div > a {
  width: 25%;
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}
.internetExplorer .majorIconList > div > div > div:nth-child(1),
.internetExplorer .majorIconList > div > div > a:nth-child(1),
.internetExplorer .majorIconList > div > div > div:nth-child(2),
.internetExplorer .majorIconList > div > div > a:nth-child(2),
.internetExplorer .majorIconList > div > div > div:nth-child(3),
.internetExplorer .majorIconList > div > div > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .majorIconList > div > div > div *,
.internetExplorer .majorIconList > div > div > a * {
  max-width: 100%;
}
@media (max-width: 800px) {
  .internetExplorer .majorIconList > div > div > div:nth-child(n),
  .internetExplorer .majorIconList > div > div > a:nth-child(n) {
    width: 100%;
  }
}
.majorIconList > div > div > div,
.majorIconList > div > div > a {
  margin-bottom: 24px;
  display: block;
}
.majorIconList > div > div > div:last-child:nth-child(2),
.majorIconList > div > div > a:last-child:nth-child(2),
.majorIconList > div > div > div:last-child:nth-child(3),
.majorIconList > div > div > a:last-child:nth-child(3),
.majorIconList > div > div > div:last-child:nth-child(4),
.majorIconList > div > div > a:last-child:nth-child(4) {
  margin-bottom: 0;
}
.majorIconList > div > div > div:nth-last-child(2):first-child,
.majorIconList > div > div > a:nth-last-child(2):first-child,
.majorIconList > div > div > div:nth-last-child(2):nth-child(2),
.majorIconList > div > div > a:nth-last-child(2):nth-child(2),
.majorIconList > div > div > div:nth-last-child(2):nth-child(3),
.majorIconList > div > div > a:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.majorIconList > div > div > div:nth-last-child(3):first-child,
.majorIconList > div > div > a:nth-last-child(3):first-child,
.majorIconList > div > div > div:nth-last-child(3):nth-child(2),
.majorIconList > div > div > a:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
.majorIconList > div > div > div > svg.svg-inline--fa,
.majorIconList > div > div > a > svg.svg-inline--fa,
.majorIconList > div > div > div > i.fas,
.majorIconList > div > div > a > i.fas,
.majorIconList > div > div > div > i.fab,
.majorIconList > div > div > a > i.fab,
.majorIconList > div > div > div > i.fal,
.majorIconList > div > div > a > i.fal,
.majorIconList > div > div > div > i.far,
.majorIconList > div > div > a > i.far {
  font-size: 26px;
  color: #e45f31;
  display: block;
  margin: 0 auto;
}
@media (max-width: 650px) {
  .majorIconList > div > div > div > svg.svg-inline--fa,
  .majorIconList > div > div > a > svg.svg-inline--fa,
  .majorIconList > div > div > div > i.fas,
  .majorIconList > div > div > a > i.fas,
  .majorIconList > div > div > div > i.fab,
  .majorIconList > div > div > a > i.fab,
  .majorIconList > div > div > div > i.fal,
  .majorIconList > div > div > a > i.fal,
  .majorIconList > div > div > div > i.far,
  .majorIconList > div > div > a > i.far {
    font-size: 20.8px;
  }
}
.majorIconList > div > div > div > p,
.majorIconList > div > div > a > p {
  text-align: center;
  margin: 0;
}
.majorIconList > div > div > div h4,
.majorIconList > div > div > a h4 {
  margin: 6px 0 0 0;
  color: #e45f31;
  text-align: center;
}
.majorIconList > div > div > div {
  margin: 0;
}
.majorIconList > div > div > div:nth-of-type(n+5) {
  display: none;
}
@media (max-width: 800px) {
  .majorIconList > div > div > div:first-of-type,
  .majorIconList > div > div > div:nth-of-type(2) {
    margin-bottom: clamp(24px, 5vw, 48px);
  }
}
@media (min-width: 550px) {
  .majorIconList > div > div > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.majorIconList > div > div > div svg.svg-inline--fa,
.majorIconList > div > div > div i.fas,
.majorIconList > div > div > div i.fab,
.majorIconList > div > div > div i.fal,
.majorIconList > div > div > div i.far,
.majorIconList > div > div > div i.fad {
  color: #e45f31;
  font-weight: 300;
  font-size: clamp(26px, 5vw, 3rem);
  margin-bottom: 12px;
}
.majorIconList > div > div > div h4 {
  font-size: clamp(1rem, 4vw, 17px);
  color: #e45f31;
}
.majorIconList > div > div > div p {
  font-size: clamp(0.9rem, 2.7vw, 1rem);
}
.topSellingPoints,
.topValues,
.topBenefits {
  max-width: 900px;
}
.topSellingPoints h4,
.topValues h4,
.topBenefits h4,
.topSellingPoints h5,
.topValues h5,
.topBenefits h5 {
  text-align: center;
}
.topSellingPoints p,
.topValues p,
.topBenefits p {
  font-size: 0.9rem;
}
.topSellingPoints,
.topValues {
  clear: both;
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 48px;
  -ms-grid-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  margin: 48px auto;
  max-width: 900px;
}
.fold > div .topSellingPoints:last-child,
.fold > div .topValues:last-child {
  margin-bottom: 0;
}
.fold > div .topSellingPoints:only-child,
.fold > div .topValues:only-child {
  margin: 0;
}
.topSellingPoints > *,
.topValues > * {
  display: none;
}
.topSellingPoints > div,
.topValues > div,
.topSellingPoints > a,
.topValues > a {
  display: block;
}
.topSellingPoints > div:nth-child(n),
.topValues > div:nth-child(n),
.topSellingPoints > a:nth-child(n),
.topValues > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
@media (max-width: 800px) and (min-width: 380px) {
  .topSellingPoints,
  .topValues {
    grid-gap: 24px;
  }
}
@media (max-width: 800px) {
  .topSellingPoints,
  .topValues {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 380px) {
  .topSellingPoints,
  .topValues {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .topSellingPoints,
.internetExplorer .topValues {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .topSellingPoints > div,
.internetExplorer .topValues > div,
.internetExplorer .topSellingPoints > a,
.internetExplorer .topValues > a {
  width: 33.33333333%;
  display: block;
  padding-left: 24px;
  padding-right: 24px;
}
.internetExplorer .topSellingPoints > div:nth-child(1),
.internetExplorer .topValues > div:nth-child(1),
.internetExplorer .topSellingPoints > a:nth-child(1),
.internetExplorer .topValues > a:nth-child(1),
.internetExplorer .topSellingPoints > div:nth-child(2),
.internetExplorer .topValues > div:nth-child(2),
.internetExplorer .topSellingPoints > a:nth-child(2),
.internetExplorer .topValues > a:nth-child(2),
.internetExplorer .topSellingPoints > div:nth-child(3),
.internetExplorer .topValues > div:nth-child(3),
.internetExplorer .topSellingPoints > a:nth-child(3),
.internetExplorer .topValues > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .topSellingPoints > div *,
.internetExplorer .topValues > div *,
.internetExplorer .topSellingPoints > a *,
.internetExplorer .topValues > a * {
  max-width: 100%;
}
@media (max-width: 800px) {
  .internetExplorer .topSellingPoints > div:nth-child(n),
  .internetExplorer .topValues > div:nth-child(n),
  .internetExplorer .topSellingPoints > a:nth-child(n),
  .internetExplorer .topValues > a:nth-child(n) {
    width: 100%;
  }
}
.topSellingPoints > div,
.topValues > div,
.topSellingPoints > a,
.topValues > a {
  margin-bottom: 24px;
  display: block;
}
.topSellingPoints > div:last-child:nth-child(2),
.topValues > div:last-child:nth-child(2),
.topSellingPoints > a:last-child:nth-child(2),
.topValues > a:last-child:nth-child(2),
.topSellingPoints > div:last-child:nth-child(3),
.topValues > div:last-child:nth-child(3),
.topSellingPoints > a:last-child:nth-child(3),
.topValues > a:last-child:nth-child(3),
.topSellingPoints > div:last-child:nth-child(4),
.topValues > div:last-child:nth-child(4),
.topSellingPoints > a:last-child:nth-child(4),
.topValues > a:last-child:nth-child(4) {
  margin-bottom: 0;
}
.topSellingPoints > div:nth-last-child(2):first-child,
.topValues > div:nth-last-child(2):first-child,
.topSellingPoints > a:nth-last-child(2):first-child,
.topValues > a:nth-last-child(2):first-child,
.topSellingPoints > div:nth-last-child(2):nth-child(2),
.topValues > div:nth-last-child(2):nth-child(2),
.topSellingPoints > a:nth-last-child(2):nth-child(2),
.topValues > a:nth-last-child(2):nth-child(2),
.topSellingPoints > div:nth-last-child(2):nth-child(3),
.topValues > div:nth-last-child(2):nth-child(3),
.topSellingPoints > a:nth-last-child(2):nth-child(3),
.topValues > a:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.topSellingPoints > div:nth-last-child(3):first-child,
.topValues > div:nth-last-child(3):first-child,
.topSellingPoints > a:nth-last-child(3):first-child,
.topValues > a:nth-last-child(3):first-child,
.topSellingPoints > div:nth-last-child(3):nth-child(2),
.topValues > div:nth-last-child(3):nth-child(2),
.topSellingPoints > a:nth-last-child(3):nth-child(2),
.topValues > a:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
.topSellingPoints > div > svg.svg-inline--fa,
.topValues > div > svg.svg-inline--fa,
.topSellingPoints > a > svg.svg-inline--fa,
.topValues > a > svg.svg-inline--fa,
.topSellingPoints > div > i.fas,
.topValues > div > i.fas,
.topSellingPoints > a > i.fas,
.topValues > a > i.fas,
.topSellingPoints > div > i.fab,
.topValues > div > i.fab,
.topSellingPoints > a > i.fab,
.topValues > a > i.fab,
.topSellingPoints > div > i.fal,
.topValues > div > i.fal,
.topSellingPoints > a > i.fal,
.topValues > a > i.fal,
.topSellingPoints > div > i.far,
.topValues > div > i.far,
.topSellingPoints > a > i.far,
.topValues > a > i.far {
  font-size: 45px;
  color: #e45f31;
  display: block;
  margin: 0 auto;
}
@media (max-width: 650px) {
  .topSellingPoints > div > svg.svg-inline--fa,
  .topValues > div > svg.svg-inline--fa,
  .topSellingPoints > a > svg.svg-inline--fa,
  .topValues > a > svg.svg-inline--fa,
  .topSellingPoints > div > i.fas,
  .topValues > div > i.fas,
  .topSellingPoints > a > i.fas,
  .topValues > a > i.fas,
  .topSellingPoints > div > i.fab,
  .topValues > div > i.fab,
  .topSellingPoints > a > i.fab,
  .topValues > a > i.fab,
  .topSellingPoints > div > i.fal,
  .topValues > div > i.fal,
  .topSellingPoints > a > i.fal,
  .topValues > a > i.fal,
  .topSellingPoints > div > i.far,
  .topValues > div > i.far,
  .topSellingPoints > a > i.far,
  .topValues > a > i.far {
    font-size: 36px;
  }
}
.topSellingPoints > div > p,
.topValues > div > p,
.topSellingPoints > a > p,
.topValues > a > p {
  text-align: center;
  margin: 0;
}
.topSellingPoints > div h4,
.topValues > div h4,
.topSellingPoints > a h4,
.topValues > a h4 {
  margin: 6px 0 0 0;
  color: #e45f31;
  text-align: center;
}
.topBenefits {
  clear: both;
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 48px;
  -ms-grid-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
  margin: 48px auto;
}
.fold > div .topBenefits:last-child {
  margin-bottom: 0;
}
.fold > div .topBenefits:only-child {
  margin: 0;
}
.topBenefits > * {
  display: none;
}
.topBenefits > div,
.topBenefits > a {
  display: block;
}
.topBenefits > div:nth-child(n),
.topBenefits > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
.topBenefits > div:last-child:nth-child(2),
.topBenefits > a:last-child:nth-child(2),
.topBenefits > div:first-child:nth-last-child(2),
.topBenefits > a:first-child:nth-last-child(2) {
  -ms-grid-column-span: span 2;
  grid-column: span 2;
}
@media (max-width: 800px) and (min-width: 380px) {
  .topBenefits {
    grid-gap: 24px;
  }
}
@media (max-width: 800px) {
  .topBenefits {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 380px) {
  .topBenefits {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .topBenefits {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .topBenefits > div,
.internetExplorer .topBenefits > a {
  width: 25%;
  display: block;
  padding-left: 24px;
  padding-right: 24px;
}
.internetExplorer .topBenefits > div:nth-child(1),
.internetExplorer .topBenefits > a:nth-child(1),
.internetExplorer .topBenefits > div:nth-child(2),
.internetExplorer .topBenefits > a:nth-child(2),
.internetExplorer .topBenefits > div:nth-child(3),
.internetExplorer .topBenefits > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .topBenefits > div *,
.internetExplorer .topBenefits > a * {
  max-width: 100%;
}
@media (max-width: 800px) {
  .internetExplorer .topBenefits > div:nth-child(n),
  .internetExplorer .topBenefits > a:nth-child(n) {
    width: 100%;
  }
}
.topBenefits > div,
.topBenefits > a {
  margin-bottom: 24px;
  display: block;
}
.topBenefits > div:last-child:nth-child(2),
.topBenefits > a:last-child:nth-child(2),
.topBenefits > div:last-child:nth-child(3),
.topBenefits > a:last-child:nth-child(3),
.topBenefits > div:last-child:nth-child(4),
.topBenefits > a:last-child:nth-child(4) {
  margin-bottom: 0;
}
.topBenefits > div:nth-last-child(2):first-child,
.topBenefits > a:nth-last-child(2):first-child,
.topBenefits > div:nth-last-child(2):nth-child(2),
.topBenefits > a:nth-last-child(2):nth-child(2),
.topBenefits > div:nth-last-child(2):nth-child(3),
.topBenefits > a:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.topBenefits > div:nth-last-child(3):first-child,
.topBenefits > a:nth-last-child(3):first-child,
.topBenefits > div:nth-last-child(3):nth-child(2),
.topBenefits > a:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
.topBenefits > div > svg.svg-inline--fa,
.topBenefits > a > svg.svg-inline--fa,
.topBenefits > div > i.fas,
.topBenefits > a > i.fas,
.topBenefits > div > i.fab,
.topBenefits > a > i.fab,
.topBenefits > div > i.fal,
.topBenefits > a > i.fal,
.topBenefits > div > i.far,
.topBenefits > a > i.far {
  font-size: 45px;
  color: #e45f31;
  display: block;
  margin: 0 auto;
}
@media (max-width: 650px) {
  .topBenefits > div > svg.svg-inline--fa,
  .topBenefits > a > svg.svg-inline--fa,
  .topBenefits > div > i.fas,
  .topBenefits > a > i.fas,
  .topBenefits > div > i.fab,
  .topBenefits > a > i.fab,
  .topBenefits > div > i.fal,
  .topBenefits > a > i.fal,
  .topBenefits > div > i.far,
  .topBenefits > a > i.far {
    font-size: 36px;
  }
}
.topBenefits > div > p,
.topBenefits > a > p {
  text-align: center;
  margin: 0;
}
.topBenefits > div h4,
.topBenefits > a h4 {
  margin: 6px 0 0 0;
  color: #e45f31;
  text-align: center;
}
.majorIconList {
  padding: clamp(30px, 7.5vh, 110px) 0;
  background: #e45f31;
}
.majorIconList > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  .majorIconList > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.majorIconList > div:not(:last-child) {
  margin-bottom: 24px;
}
.majorIconList > div > div > div * {
  color: #fff;
  text-align: center;
}
.majorIconList > div > div > div span.stat,
.majorIconList > div > div > div svg.svg-inline--fa,
.majorIconList > div > div > div i.fas,
.majorIconList > div > div > div i.fab,
.majorIconList > div > div > div i.fal,
.majorIconList > div > div > div i.far,
.majorIconList > div > div > div i.fad {
  font-size: clamp(30px, 6vw, 50px);
  font-weight: 600;
  display: block;
  color: #fff;
}
ol.tableOfContents {
  margin-top: 48px;
  margin-bottom: 48px;
  list-style-type: decimal;
  font-size: 1rem;
}
ol.tableOfContents,
ol.tableOfContents ol {
  margin-left: 48px;
}
ol.tableOfContents li {
  margin-bottom: 0.5em;
}
ol.tableOfContents li > ol {
  list-style-type: lower-roman;
}
ol.tableOfContents li > ol li > ol {
  list-style-type: lower-alpha;
}
ul.checkList {
  margin: 24px 0 24px 24px;
  /* keep left-aligned but indent towards center */
}
@media (min-width: 600px) {
  ul.checkList.heavyIndentation {
    width: 75%;
    margin: auto;
  }
}
ul.checkList li {
  list-style-type: none;
  text-indent: -32px;
  margin-bottom: 12px;
}
ul.checkList li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 26px;
  vertical-align: middle;
  margin-right: 6px;
  content: "\f14a";
  color: #011734;
}
body {
  font-family: 'Open Sans', sans-serif;
  color: #777777;
}
b {
  font-weight: 800;
}
span,
a {
  font-weight: inherit;
}
h1 {
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  text-align: left;
  font-size: clamp(2.5rem, 6.5vw, 5rem);
}
h1:first-child,
.pre-heading + h1 {
  margin-top: 0;
}
h1 .volt {
  font-weight: normal;
}
h1 .subHeading {
  line-height: 1.2em;
}
h2 {
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  text-align: left;
  font-size: clamp(2rem, 4vw, 3.5rem);
  text-align: center;
}
h2:first-child,
.pre-heading + h2 {
  margin-top: 0;
}
h3 {
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  text-align: left;
  font-size: clamp(1.75rem, 3vw, 2.1rem);
}
h3:first-child,
.pre-heading + h3 {
  margin-top: 0;
}
h4 {
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  text-align: left;
  font-size: clamp(1.25rem, 2vw, 1.45rem);
  font-weight: bold;
  line-height: 1.35em;
}
h4:first-child,
.pre-heading + h4 {
  margin-top: 0;
}
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  text-align: left;
  font-size: 1.1rem;
  font-weight: 600;
}
h5:first-child,
h6:first-child,
.pre-heading + h5,
.pre-heading + h6 {
  margin-top: 0;
}
h6 {
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
}
p,
ul,
ol {
  font-family: 'Open Sans', sans-serif;
  color: #777777;
  font-size: clamp(17px, 2.5vw, 19px);
  line-height: 1.8em;
}
p b,
ul b,
ol b,
p strong,
ul strong,
ol strong {
  font-weight: 600;
}
p a,
ul a,
ol a {
  text-decoration: underline;
  text-underline-position: under;
  color: #e45f31;
}
span.phoneyLink {
  text-decoration: underline;
  text-underline-position: under;
  color: #e45f31;
}
p {
  margin-top: 0.25em;
  margin-bottom: 1em;
}
.fold > div > p:only-of-type {
  text-align: center;
}
ul:not([class]),
ol:not([class]) {
  font-size: 1rem;
}
ul.bulletpoint {
  padding-left: 24px;
}
ul.bulletpoint li {
  list-style-type: square;
}
ul.bulletpoint li ul {
  padding: 24px 0 0 24px;
}
ul.bulletpoint.spaced li:not(:last-of-type) {
  margin-bottom: 24px;
}
em {
  font-style: italic;
}
svg.svg-inline--fa,
i.fas,
i.fab,
i.fal,
i.far,
i.fad,
i.fad {
  font-weight: 300;
}
.fas.fa-info-circle {
  font-weight: 900;
}
.subHeading,
.headingCaption {
  text-align: inherit;
  font-weight: 600;
  font-size: 0.65em;
  line-height: 1em;
  opacity: 0.8;
  margin: 0;
  letter-spacing: 0.03em;
}
.headingCaption {
  font-size: 0.55em;
}
.subHeading:before,
.headingCaption:after {
  display: block;
  content: "";
  clear: both;
  height: 0.5em;
}
.pre-heading {
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #e45f31;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  margin: auto;
}
.tag {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
}
h2 .tag {
  color: #e45f31;
}
.fold > div > p:only-child {
  text-align: center;
  color: #e45f31;
  font-size: clamp(20px, 4vw, 34px);
}
svg.svg-inline--fa,
i.fas,
i.fab,
i.fal,
i.far {
  text-align: center;
}
a.skipToLink {
  font-size: 0.9rem;
  color: #e45f31;
}
h1 .caption,
h2 .caption,
h3 .caption,
h4 .caption {
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  text-align: left;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
h1 .caption:first-child,
h2 .caption:first-child,
h3 .caption:first-child,
h4 .caption:first-child,
.pre-heading + h1 .caption,
.pre-heading + h2 .caption,
.pre-heading + h3 .caption,
.pre-heading + h4 .caption {
  margin-top: 0;
}
h1 .caption,
h2 .caption,
h3 .caption,
h4 .caption,
h1 .caption:first-child,
h2 .caption:first-child,
h3 .caption:first-child,
h4 .caption:first-child {
  color: #e45f31;
}
h1 .caption:after,
h2 .caption:after,
h3 .caption:after,
h4 .caption:after {
  content: "";
  display: block;
  clear: both;
}
h1 .caption svg.svg-inline--fa,
h2 .caption svg.svg-inline--fa,
h3 .caption svg.svg-inline--fa,
h4 .caption svg.svg-inline--fa,
h1 .caption i.fas,
h2 .caption i.fas,
h3 .caption i.fas,
h4 .caption i.fas,
h1 .caption i.fab,
h2 .caption i.fab,
h3 .caption i.fab,
h4 .caption i.fab,
h1 .caption i.fal,
h2 .caption i.fal,
h3 .caption i.fal,
h4 .caption i.fal,
h1 .caption i.far,
h2 .caption i.far,
h3 .caption i.far,
h4 .caption i.far,
h1 .caption i.fad,
h2 .caption i.fad,
h3 .caption i.fad,
h4 .caption i.fad {
  font-weight: 900;
}
figure {
  margin: 48px 0;
}
figure figCaption {
  font-size: 0.9rem;
  line-height: 1.2em;
}
figure.chart figCaption {
  text-align: center;
}
p.explainer,
p.source {
  font-size: 0.9rem;
  line-height: 1.3em;
}
sup,
sub {
  font-weight: inherit;
}
sub {
  font-size: 0.67em;
  /* Adjust the size as needed */
  vertical-align: sub;
  line-height: 1;
  /* Optional: adjust for spacing */
}
p.priority-rating svg.svg-inline--fa,
p.priority-rating i.fas,
p.priority-rating i.fab,
p.priority-rating i.fal,
p.priority-rating i.far {
  font-weight: 900;
  color: #499f41;
}
b,
strong,
em {
  font-size: 1em;
}
div:not(.guidePageContent) > .photoGallery,
body > .photoGallery {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: auto;
}
div:not(.guidePageContent) > .photoGallery > div,
body > .photoGallery > div,
div:not(.guidePageContent) > .photoGallery > a,
body > .photoGallery > a,
div:not(.guidePageContent) > .photoGallery > li,
body > .photoGallery > li {
  margin-bottom: 24px;
  min-width: 294px;
  flex-grow: 1;
  flex-basis: calc((100% - ((4 - 1) * 6px)) / 4);
}
div:not(.guidePageContent) > .photoGallery > div:last-child:nth-child(2),
body > .photoGallery > div:last-child:nth-child(2),
div:not(.guidePageContent) > .photoGallery > a:last-child:nth-child(2),
body > .photoGallery > a:last-child:nth-child(2),
div:not(.guidePageContent) > .photoGallery > li:last-child:nth-child(2),
body > .photoGallery > li:last-child:nth-child(2),
div:not(.guidePageContent) > .photoGallery > div:last-child:nth-child(3),
body > .photoGallery > div:last-child:nth-child(3),
div:not(.guidePageContent) > .photoGallery > a:last-child:nth-child(3),
body > .photoGallery > a:last-child:nth-child(3),
div:not(.guidePageContent) > .photoGallery > li:last-child:nth-child(3),
body > .photoGallery > li:last-child:nth-child(3),
div:not(.guidePageContent) > .photoGallery > div:last-child:nth-child(4),
body > .photoGallery > div:last-child:nth-child(4),
div:not(.guidePageContent) > .photoGallery > a:last-child:nth-child(4),
body > .photoGallery > a:last-child:nth-child(4),
div:not(.guidePageContent) > .photoGallery > li:last-child:nth-child(4),
body > .photoGallery > li:last-child:nth-child(4) {
  margin-bottom: 0;
}
div:not(.guidePageContent) > .photoGallery > div:nth-last-child(2):first-child,
body > .photoGallery > div:nth-last-child(2):first-child,
div:not(.guidePageContent) > .photoGallery > a:nth-last-child(2):first-child,
body > .photoGallery > a:nth-last-child(2):first-child,
div:not(.guidePageContent) > .photoGallery > li:nth-last-child(2):first-child,
body > .photoGallery > li:nth-last-child(2):first-child,
div:not(.guidePageContent) > .photoGallery > div:nth-last-child(2):nth-child(2),
body > .photoGallery > div:nth-last-child(2):nth-child(2),
div:not(.guidePageContent) > .photoGallery > a:nth-last-child(2):nth-child(2),
body > .photoGallery > a:nth-last-child(2):nth-child(2),
div:not(.guidePageContent) > .photoGallery > li:nth-last-child(2):nth-child(2),
body > .photoGallery > li:nth-last-child(2):nth-child(2),
div:not(.guidePageContent) > .photoGallery > div:nth-last-child(2):nth-child(3),
body > .photoGallery > div:nth-last-child(2):nth-child(3),
div:not(.guidePageContent) > .photoGallery > a:nth-last-child(2):nth-child(3),
body > .photoGallery > a:nth-last-child(2):nth-child(3),
div:not(.guidePageContent) > .photoGallery > li:nth-last-child(2):nth-child(3),
body > .photoGallery > li:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
div:not(.guidePageContent) > .photoGallery > div:nth-last-child(3):first-child,
body > .photoGallery > div:nth-last-child(3):first-child,
div:not(.guidePageContent) > .photoGallery > a:nth-last-child(3):first-child,
body > .photoGallery > a:nth-last-child(3):first-child,
div:not(.guidePageContent) > .photoGallery > li:nth-last-child(3):first-child,
body > .photoGallery > li:nth-last-child(3):first-child,
div:not(.guidePageContent) > .photoGallery > div:nth-last-child(3):nth-child(2),
body > .photoGallery > div:nth-last-child(3):nth-child(2),
div:not(.guidePageContent) > .photoGallery > a:nth-last-child(3):nth-child(2),
body > .photoGallery > a:nth-last-child(3):nth-child(2),
div:not(.guidePageContent) > .photoGallery > li:nth-last-child(3):nth-child(2),
body > .photoGallery > li:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  div:not(.guidePageContent) > .photoGallery > div,
  body > .photoGallery > div,
  div:not(.guidePageContent) > .photoGallery > a,
  body > .photoGallery > a,
  div:not(.guidePageContent) > .photoGallery > li,
  body > .photoGallery > li {
    flex-basis: calc((100% - (3 * 6px)) / 3);
  }
  div:not(.guidePageContent) > .photoGallery > div:last-child:nth-child(3),
  body > .photoGallery > div:last-child:nth-child(3),
  div:not(.guidePageContent) > .photoGallery > a:last-child:nth-child(3),
  body > .photoGallery > a:last-child:nth-child(3),
  div:not(.guidePageContent) > .photoGallery > li:last-child:nth-child(3),
  body > .photoGallery > li:last-child:nth-child(3),
  div:not(.guidePageContent) > .photoGallery > div:nth-last-child(2):nth-child(2),
  body > .photoGallery > div:nth-last-child(2):nth-child(2),
  div:not(.guidePageContent) > .photoGallery > a:nth-last-child(2):nth-child(2),
  body > .photoGallery > a:nth-last-child(2):nth-child(2),
  div:not(.guidePageContent) > .photoGallery > li:nth-last-child(2):nth-child(2),
  body > .photoGallery > li:nth-last-child(2):nth-child(2),
  div:not(.guidePageContent) > .photoGallery > div:first-child:nth-last-child(3),
  body > .photoGallery > div:first-child:nth-last-child(3),
  div:not(.guidePageContent) > .photoGallery > a:first-child:nth-last-child(3),
  body > .photoGallery > a:first-child:nth-last-child(3),
  div:not(.guidePageContent) > .photoGallery > li:first-child:nth-last-child(3),
  body > .photoGallery > li:first-child:nth-last-child(3) {
    flex-basis: calc((100% - (2 * 6px)) / 3);
  }
}
@media (max-width: 932px) {
  div:not(.guidePageContent) > .photoGallery > div:last-child:nth-child(3),
  body > .photoGallery > div:last-child:nth-child(3),
  div:not(.guidePageContent) > .photoGallery > a:last-child:nth-child(3),
  body > .photoGallery > a:last-child:nth-child(3),
  div:not(.guidePageContent) > .photoGallery > li:last-child:nth-child(3),
  body > .photoGallery > li:last-child:nth-child(3),
  div:not(.guidePageContent) > .photoGallery > div:nth-last-child(2):nth-child(2),
  body > .photoGallery > div:nth-last-child(2):nth-child(2),
  div:not(.guidePageContent) > .photoGallery > a:nth-last-child(2):nth-child(2),
  body > .photoGallery > a:nth-last-child(2):nth-child(2),
  div:not(.guidePageContent) > .photoGallery > li:nth-last-child(2):nth-child(2),
  body > .photoGallery > li:nth-last-child(2):nth-child(2),
  div:not(.guidePageContent) > .photoGallery > div:first-child:nth-last-child(3),
  body > .photoGallery > div:first-child:nth-last-child(3),
  div:not(.guidePageContent) > .photoGallery > a:first-child:nth-last-child(3),
  body > .photoGallery > a:first-child:nth-last-child(3),
  div:not(.guidePageContent) > .photoGallery > li:first-child:nth-last-child(3),
  body > .photoGallery > li:first-child:nth-last-child(3) {
    flex-basis: 100%;
    margin-bottom: 24px;
  }
}
@media (max-width: 626px) {
  div:not(.guidePageContent) > .photoGallery > div,
  body > .photoGallery > div,
  div:not(.guidePageContent) > .photoGallery > a,
  body > .photoGallery > a,
  div:not(.guidePageContent) > .photoGallery > li,
  body > .photoGallery > li {
    flex-basis: calc((100% - 6px) / 2);
    min-width: 0;
  }
}
@media (max-width: 0) {
  div:not(.guidePageContent) > .photoGallery > div,
  body > .photoGallery > div,
  div:not(.guidePageContent) > .photoGallery > a,
  body > .photoGallery > a,
  div:not(.guidePageContent) > .photoGallery > li,
  body > .photoGallery > li {
    flex-basis: 100%;
  }
}
div:not(.guidePageContent) > .photoGallery > div,
body > .photoGallery > div,
div:not(.guidePageContent) > .photoGallery > a,
body > .photoGallery > a {
  display: flex;
  margin: 0;
}
div:not(.guidePageContent) > .photoGallery > div img,
body > .photoGallery > div img,
div:not(.guidePageContent) > .photoGallery > a img,
body > .photoGallery > a img,
div:not(.guidePageContent) > .photoGallery > div picture,
body > .photoGallery > div picture,
div:not(.guidePageContent) > .photoGallery > a picture,
body > .photoGallery > a picture {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 914px) and (max-width: 1214px) {
  div:not(.guidePageContent) > .photoGallery > div:nth-child(8):last-child,
  body > .photoGallery > div:nth-child(8):last-child,
  div:not(.guidePageContent) > .photoGallery > a:nth-child(8):last-child,
  body > .photoGallery > a:nth-child(8):last-child,
  div:not(.guidePageContent) > .photoGallery > div:nth-child(7):nth-last-child(2),
  body > .photoGallery > div:nth-child(7):nth-last-child(2),
  div:not(.guidePageContent) > .photoGallery > a:nth-child(7):nth-last-child(2),
  body > .photoGallery > a:nth-child(7):nth-last-child(2),
  div:not(.guidePageContent) > .photoGallery > div:nth-child(4):last-child,
  body > .photoGallery > div:nth-child(4):last-child,
  div:not(.guidePageContent) > .photoGallery > a:nth-child(4):last-child,
  body > .photoGallery > a:nth-child(4):last-child {
    display: none;
  }
}
@media (max-width: 914px) {
  div:not(.guidePageContent) > .photoGallery > div:nth-child(9):last-child,
  body > .photoGallery > div:nth-child(9):last-child,
  div:not(.guidePageContent) > .photoGallery > a:nth-child(9):last-child,
  body > .photoGallery > a:nth-child(9):last-child {
    display: none;
  }
}
@media (min-width: 1214px) {
  div:not(.guidePageContent) > .photoGallery > div:nth-child(9):last-child,
  body > .photoGallery > div:nth-child(9):last-child,
  div:not(.guidePageContent) > .photoGallery > a:nth-child(9):last-child,
  body > .photoGallery > a:nth-child(9):last-child {
    display: none;
  }
}
body > .photoGallery:not(.fullWidth) {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}
.guidePageContent > .photoGallery {
  display: grid;
  clear: both;
  grid-gap: 6px;
  margin: 6px;
  grid-template-columns: repeat(3, 1fr);
}
.guidePageContent > .photoGallery > a,
.guidePageContent > .photoGallery > figure,
.guidePageContent > .photoGallery > div,
.guidePageContent > .photoGallery > img,
.guidePageContent > .photoGallery > picture {
  width: 100%;
  float: none;
}
.guidePageContent > .photoGallery > a,
.guidePageContent > .photoGallery > figure,
.guidePageContent > .photoGallery > div,
.guidePageContent > .photoGallery > img,
.guidePageContent > .photoGallery > picture,
.guidePageContent > .photoGallery > a img,
.guidePageContent > .photoGallery > figure img,
.guidePageContent > .photoGallery > div img,
.guidePageContent > .photoGallery > img img,
.guidePageContent > .photoGallery > picture img,
.guidePageContent > .photoGallery > a picture,
.guidePageContent > .photoGallery > figure picture,
.guidePageContent > .photoGallery > div picture,
.guidePageContent > .photoGallery > img picture,
.guidePageContent > .photoGallery > picture picture,
.guidePageContent > .photoGallery > a picture img,
.guidePageContent > .photoGallery > figure picture img,
.guidePageContent > .photoGallery > div picture img,
.guidePageContent > .photoGallery > img picture img,
.guidePageContent > .photoGallery > picture picture img {
  max-height: none;
  width: 100%;
}
.guidePageContent > .photoGallery > a.portrait,
.guidePageContent > .photoGallery > figure.portrait,
.guidePageContent > .photoGallery > div.portrait,
.guidePageContent > .photoGallery > img.portrait,
.guidePageContent > .photoGallery > picture.portrait {
  grid-row: span 2;
}
.guidePageContent > .photoGallery > a.doubleWidth,
.guidePageContent > .photoGallery > figure.doubleWidth,
.guidePageContent > .photoGallery > div.doubleWidth,
.guidePageContent > .photoGallery > img.doubleWidth,
.guidePageContent > .photoGallery > picture.doubleWidth {
  grid-column: span 2;
}
@media (max-width: 600px) {
  .guidePageContent > .photoGallery {
    grid-template-columns: 1fr 1fr;
  }
}
.fold > div > .guidePageContent > .photoGallery {
  margin-left: 0;
  margin-right: 0;
}
.guidePageContent > .photoGallery > a,
.guidePageContent > .photoGallery > div,
.guidePageContent > .photoGallery > img,
.guidePageContent > .photoGallery > picture {
  display: flex;
}
.guidePageContent > .photoGallery > a > img,
.guidePageContent > .photoGallery > div > img,
.guidePageContent > .photoGallery > img > img,
.guidePageContent > .photoGallery > picture > img,
.guidePageContent > .photoGallery > a > picture,
.guidePageContent > .photoGallery > div > picture,
.guidePageContent > .photoGallery > img > picture,
.guidePageContent > .photoGallery > picture > picture {
  height: auto;
}
@media (max-width: 600px) {
  .guidePageContent > .photoGallery > a:nth-child(9):last-child,
  .guidePageContent > .photoGallery > div:nth-child(9):last-child,
  .guidePageContent > .photoGallery > img:nth-child(9):last-child,
  .guidePageContent > .photoGallery > picture:nth-child(9):last-child {
    display: none;
  }
}
.masonry-gallery {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0) {
  .masonry-gallery {
    column-count: 2;
    column-gap: clamp(12px, 3vw, 24px);
  }
}
.masonry-gallery > div,
.masonry-gallery > a {
  break-inside: avoid;
  margin-bottom: clamp(12px, 3vw, 24px);
  display: block;
}
.masonry-gallery > div > picture,
.masonry-gallery > a > picture,
.masonry-gallery > div img,
.masonry-gallery > a img {
  width: 100%;
  height: auto;
  display: block;
}
.team-row {
  display: flex;
  justify-content: center;
  margin: 48px auto;
  width: 100%;
  max-width: 800px;
}
.team-row > div {
  max-width: 85px;
  flex-shrink: 1;
  margin-right: -21.25px;
}
.team-row > div > img {
  width: 100%;
  border-radius: 50%;
  border: 4px solid #fff;
}
@media (max-width: 994.5px) {
  .team-row > div:nth-of-type(n + 13) {
    display: none;
  }
}
@media (max-width: 918px) {
  .team-row > div:nth-of-type(n + 12) {
    display: none;
  }
}
@media (max-width: 841.5px) {
  .team-row > div:nth-of-type(n + 11) {
    display: none;
  }
}
@media (max-width: 765px) {
  .team-row > div:nth-of-type(n + 10) {
    display: none;
  }
}
@media (max-width: 688.5px) {
  .team-row > div:nth-of-type(n + 9) {
    display: none;
  }
}
.explainer-gallery {
  padding: clamp(30px, 7.5vh, 110px) 0;
  background: #f7f7f7;
}
.explainer-gallery > div {
  max-width: 1580px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1620px) {
  .explainer-gallery > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.explainer-gallery > div:not(:last-child) {
  margin-bottom: 24px;
}
.explainer-gallery > div {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(450px, 50%) 1fr;
}
@media (max-width: 1030px) {
  .explainer-gallery > div {
    grid-template-columns: 1fr;
  }
}
.explainer-gallery > div > div:nth-of-type(1) > div {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 24px;
  background: #fff;
  padding: 24px;
}
.hero:not(.frontPage) {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.hero:not(.frontPage) > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.hero:not(.frontPage) > div:first-child img,
.hero:not(.frontPage) > div:first-child picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(60%);
}
.hero:not(.frontPage) > div:first-child > img:nth-of-type(2) {
  display: none;
}
@media (max-width: 500px) {
  .hero:not(.frontPage) > div:first-child > img:nth-of-type(2):last-child {
    display: block;
  }
  .hero:not(.frontPage) > div:first-child > img:first-of-type:nth-last-of-type(2) {
    display: none;
  }
}
.hero:not(.frontPage) > div:first-child > picture > img:nth-child(n) {
  display: block;
}
.hero:not(.frontPage) > div:nth-child(2) {
  position: relative;
  resize: vertical;
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .hero:not(.frontPage) > div:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.internetExplorer .hero:not(.frontPage),
.internetExplorer .hero:not(.frontPage) * {
  display: block;
}
.internetExplorer body > .hero:not(.frontPage) {
  min-height: 400px;
}
@media (max-width: 800px) {
  .hero:not(.frontPage) {
    flex-direction: column;
  }
}
.hero:not(.frontPage) > div:nth-of-type(2) {
  min-height: clamp(250px, 44vw, 550px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 990px;
  margin: auto;
  margin-left: 20vw;
  padding: 7vh 0;
  width: 550px;
  max-width: 50%;
}
.hero:not(.frontPage) > div:nth-of-type(2) * {
  color: #fff;
}
@media (max-width: 950px) {
  .hero:not(.frontPage) > div:nth-of-type(2) {
    margin: 12px auto;
  }
}
@media (max-width: 1300px) {
  .hero:not(.frontPage) > div:nth-of-type(2) {
    margin-left: 12vw;
  }
}
@media (max-width: 800px) {
  .hero:not(.frontPage) > div:nth-of-type(2) {
    max-width: 80%;
  }
}
.hero:not(.frontPage) > div:nth-of-type(2) h1,
.hero:not(.frontPage) > div:nth-of-type(2) h2,
.hero:not(.frontPage) > div:nth-of-type(2) h3,
.hero:not(.frontPage) > div:nth-of-type(2) h4,
.hero:not(.frontPage) > div:nth-of-type(2) h5,
.hero:not(.frontPage) > div:nth-of-type(2) p,
.hero:not(.frontPage) > div:nth-of-type(2) .CTA {
  text-align: left;
}
.hero:not(.frontPage) > div:nth-of-type(2) p {
  font-size: clamp(18px, 3vw, 21px);
}
.hero:not(.frontPage) > div:nth-of-type(2) .CTA {
  border-color: #fff;
  margin-left: 0;
  margin-right: auto;
}
.hero:not(.frontPage).tempScale {
  background: linear-gradient(90deg, #e45f31 0%, #e7c83b 100%);
}
.hero:not(.frontPage).tempScale > div:nth-of-type(1) {
  opacity: 0.25;
}
.hero:not(.frontPage).tempScale > div:nth-of-type(1) img,
.hero:not(.frontPage).tempScale > div:nth-of-type(1) picture {
  filter: none;
}
.hero:not(.frontPage) > .review-ratings-summary-wrapper {
  position: relative;
}
@media (min-width: 800px) {
  .hero:not(.frontPage) > .review-ratings-summary-wrapper {
    position: absolute;
    bottom: 24px;
    right: 24px;
  }
}
@media (max-width: 800px) {
  .hero:not(.frontPage) > .review-ratings-summary-wrapper {
    margin-top: -4vh;
    margin-bottom: 4vh;
  }
}
.hero:not(.frontPage) > .review-ratings-summary-wrapper .review-ratings-summary {
  box-shadow: none;
}
.hero.imageQuote > div:first-child img {
  filter: brightness(50%);
}
.hero.imageQuote > div:nth-of-type(2) {
  width: 600px;
  max-width: 96%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero.imageQuote > div:nth-of-type(2) h2,
.hero.imageQuote > div:nth-of-type(2) h3,
.hero.imageQuote > div:nth-of-type(2) h4 {
  font-family: 'Shadows Into Light';
  font-family: 'Love Ya Like A Sister';
  text-transform: none;
  font-weight: normal;
}
.hero.frontPage {
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero.frontPage > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.hero.frontPage > div:first-child img,
.hero.frontPage > div:first-child picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(80%);
}
.hero.frontPage > div:first-child > img:nth-of-type(2) {
  display: none;
}
@media (max-width: 500px) {
  .hero.frontPage > div:first-child > img:nth-of-type(2):last-child {
    display: block;
  }
  .hero.frontPage > div:first-child > img:first-of-type:nth-last-of-type(2) {
    display: none;
  }
}
.hero.frontPage > div:first-child > picture > img:nth-child(n) {
  display: block;
}
.hero.frontPage > div:nth-child(2) {
  position: relative;
  resize: vertical;
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .hero.frontPage > div:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.internetExplorer .hero.frontPage,
.internetExplorer .hero.frontPage * {
  display: block;
}
.internetExplorer body > .hero.frontPage {
  min-height: 400px;
}
@media (max-width: 700px) {
  .hero.frontPage > div:first-of-type {
    display: none;
  }
}
.hero.frontPage > div:first-of-type img,
.hero.frontPage > div:first-of-type picture {
  filter: blur(2px);
}
.hero.frontPage > div:nth-of-type(2) {
  width: 100%;
  max-width: 100%;
  background: rgba(1, 23, 52, 0.75);
}
@media (max-width: 1010px) {
  .hero.frontPage > div:nth-of-type(2) {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 700px) {
  .hero.frontPage > div:nth-of-type(2) .navArea {
    background: transparent;
    margin-top: 24px;
  }
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea {
  width: 100%;
  max-width: 990px;
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 700px) {
  .hero.frontPage > div:nth-of-type(2) > div.heroArea {
    margin: 48px auto 48px auto;
  }
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-child img,
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-child picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(100%);
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-child > img:nth-of-type(2) {
  display: none;
}
@media (max-width: 500px) {
  .hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-child > img:nth-of-type(2):last-child {
    display: block;
  }
  .hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-child > img:first-of-type:nth-last-of-type(2) {
    display: none;
  }
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-child > picture > img:nth-child(n) {
  display: block;
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:nth-child(2) {
  position: relative;
  resize: vertical;
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .hero.frontPage > div:nth-of-type(2) > div.heroArea > div:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.internetExplorer .hero.frontPage > div:nth-of-type(2) > div.heroArea,
.internetExplorer .hero.frontPage > div:nth-of-type(2) > div.heroArea * {
  display: block;
}
.internetExplorer body > .hero.frontPage > div:nth-of-type(2) > div.heroArea {
  min-height: 400px;
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div * {
  color: #fff;
  text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 5;
  width: clamp(320px, 45%, 45%);
  overflow: visible;
}
@media (max-width: 1010px) {
  .hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type {
    left: 10px;
  }
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type h1 {
  margin-top: 0;
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type .sliderControls {
  margin-top: 12px;
  display: flex;
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type .sliderControls > div {
  margin-right: 24px;
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type .sliderControls svg.svg-inline--fa,
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type .sliderControls i.fas,
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type .sliderControls i.fab,
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type .sliderControls i.fal,
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type .sliderControls i.far,
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:first-of-type .sliderControls i.fad {
  font-size: 24px;
  font-weight: 900;
  opacity: 0.6;
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:nth-of-type(2) {
  margin: 0 0 0 auto;
  width: 75%;
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:nth-of-type(2) .slick-prev:before,
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:nth-of-type(2) .slick-next:before {
  opacity: 0;
}
.hero.frontPage > div:nth-of-type(2) > div.heroArea > div:nth-of-type(2) .sliderWrapper {
  margin: 0;
}
@media (max-width: 700px) {
  .hero.frontPage > div:nth-of-type(2) > div.heroArea > div:nth-of-type(2) {
    width: 100%;
    padding: 0;
  }
}
.bannerGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 1fr;
  overflow: hidden;
  justify-content: stretch;
  justify-items: stretch;
}
.bannerGrid > div:first-of-type {
  grid-row: 1 / span 2;
  grid-column: 1 / span 2;
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bannerGrid > div:first-of-type > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.bannerGrid > div:first-of-type > div:first-child img,
.bannerGrid > div:first-of-type > div:first-child picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(60%);
}
.bannerGrid > div:first-of-type > div:first-child > img:nth-of-type(2) {
  display: none;
}
@media (max-width: 500px) {
  .bannerGrid > div:first-of-type > div:first-child > img:nth-of-type(2):last-child {
    display: block;
  }
  .bannerGrid > div:first-of-type > div:first-child > img:first-of-type:nth-last-of-type(2) {
    display: none;
  }
}
.bannerGrid > div:first-of-type > div:first-child > picture > img:nth-child(n) {
  display: block;
}
.bannerGrid > div:first-of-type > div:nth-child(2) {
  position: relative;
  resize: vertical;
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .bannerGrid > div:first-of-type > div:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.internetExplorer .bannerGrid > div:first-of-type,
.internetExplorer .bannerGrid > div:first-of-type * {
  display: block;
}
.internetExplorer body > .bannerGrid > div:first-of-type {
  min-height: 400px;
}
.bannerGrid > div:first-of-type > div:nth-of-type(2) {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.bannerGrid > div:first-of-type > div:nth-of-type(2) *:first-child {
  margin-top: auto;
  margin-bottom: auto;
}
.bannerGrid > div:first-of-type > div:nth-of-type(2) h1,
.bannerGrid > div:first-of-type > div:nth-of-type(2) h2 {
  color: #fff;
  font-size: clamp(39px, 6vw, 74px);
  text-shadow: 1px 1px #414141;
}
.bannerGrid > div:first-of-type > div:nth-of-type(2) h1 .subHeading,
.bannerGrid > div:first-of-type > div:nth-of-type(2) h2 .subHeading {
  font-size: 0.65em;
  color: rgba(255, 255, 255, 0.9);
  display: block;
}
.bannerGrid > div:first-of-type > div:nth-of-type(2) h1 .subHeading:before,
.bannerGrid > div:first-of-type > div:nth-of-type(2) h2 .subHeading:before {
  display: inline;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  color: #fff;
  content: "";
  margin-right: 10px;
  opacity: 1;
}
.bannerGrid img,
.bannerGrid picture {
  display: block;
}
.bannerGrid > div:nth-of-type(n+2) {
  overflow: hidden;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
.bannerGrid > div:nth-of-type(n+2) img,
.bannerGrid > div:nth-of-type(n+2) picture {
  max-width: none;
  object-fit: cover;
  display: flex;
  align-self: stretch;
  justify-self: stretch;
}
@media (max-width: 1000px) {
  .bannerGrid {
    grid-template-columns: repeat(3, 1fr);
  }
  .bannerGrid > div:nth-child(3),
  .bannerGrid > picture:nth-child(3),
  .bannerGrid > img:nth-child(3),
  .bannerGrid > div:nth-child(5),
  .bannerGrid > picture:nth-child(5),
  .bannerGrid > img:nth-child(5) {
    display: none;
  }
}
@media (max-width: 600px) {
  .bannerGrid {
    grid-template-columns: 1fr 1fr;
  }
  .bannerGrid > div:nth-child(n+2),
  .bannerGrid > picture:nth-child(n+2),
  .bannerGrid > img:nth-child(n+2) {
    display: none;
  }
  .bannerGrid > div:first-of-type {
    height: 50vw;
  }
}
.splitScreenHero {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  grid-template-areas: "textbox imagecontainer";
  position: relative;
}
@media (max-width: 960px) {
  .splitScreenHero {
    grid-template-columns: 100%;
    grid-template-rows: minmax(250px, 50vh) 1fr;
    grid-template-areas: "imagecontainer" "textbox";
  }
}
.splitScreenHero > div {
  position: relative;
}
.splitScreenHero > div:nth-of-type(1) {
  grid-area: imagecontainer;
  overflow: hidden;
}
.splitScreenHero > div:nth-of-type(1) img,
.splitScreenHero > div:nth-of-type(1) picture {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  max-width: none;
}
.splitScreenHero > div:nth-of-type(1) .cutoutCircle {
  top: calc((100% - (10px * 2) -  75px) / 2);
  display: block;
  height: 95px;
  width: 95px;
  content: "";
  position: absolute;
  overflow: hidden;
}
@media (max-width: 960px) {
  .splitScreenHero > div:nth-of-type(1) .cutoutCircle {
    top: auto;
    bottom: 0;
    left: calc((100vw - 10px -  75px) * 0.7);
  }
}
.splitScreenHero > div:nth-of-type(1) .cutoutCircle:after {
  height: 75px;
  width: 75px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 100px solid #e45f31;
}
.splitScreenHero > div:nth-of-type(1) .bar1,
.splitScreenHero > div:nth-of-type(1) .bar2 {
  width: 95px;
  background: #e45f31;
  position: absolute;
  display: block;
  content: "";
  height: calc((100% - (10px * 2) -  75px) / 2);
  left: 0;
}
.splitScreenHero > div:nth-of-type(1) .bar1 {
  top: 0;
}
.splitScreenHero > div:nth-of-type(1) .bar1:before {
  width: 95px;
  background: #e45f31;
  position: absolute;
  display: block;
  content: "";
  opacity: 0.25;
  height: 18.75px;
  width: 18.75px;
  border-radius: 50%;
  top: 110%;
  left: 25vw;
}
.splitScreenHero > div:nth-of-type(1) .bar1:after {
  width: 95px;
  background: #e45f31;
  position: absolute;
  display: block;
  content: "";
  opacity: 0.7;
  height: 112.5px;
  width: 112.5px;
  bottom: 37.5px;
  left: 14vw;
  border-radius: 50%;
}
.splitScreenHero > div:nth-of-type(1) .bar2 {
  bottom: 0;
}
.splitScreenHero > div:nth-of-type(1) .bar2:before {
  width: 95px;
  background: #e45f31;
  position: absolute;
  display: block;
  content: "";
  opacity: 0.85;
  height: 75px;
  width: 75px;
  top: -10px;
  right: -85px;
  border-radius: 50%;
}
.splitScreenHero > div:nth-of-type(1) .bar2:after {
  width: 95px;
  background: #e45f31;
  position: absolute;
  display: block;
  content: "";
  opacity: 0.6;
  height: 37.5px;
  width: 37.5px;
  bottom: 10vh;
  right: -35vw;
  border-radius: 50%;
}
@media (max-width: 960px) {
  .splitScreenHero > div:nth-of-type(1) .bar1,
  .splitScreenHero > div:nth-of-type(1) .bar2 {
    width: 95px;
    background: #e45f31;
    position: absolute;
    display: block;
    content: "";
    height: 95px;
    bottom: 0;
  }
  .splitScreenHero > div:nth-of-type(1) .bar1 {
    top: auto;
    left: 0;
    width: calc((100vw - 10px - 75px) * 0.7);
  }
  .splitScreenHero > div:nth-of-type(1) .bar1:before {
    top: -320%;
    left: 45vw;
  }
  .splitScreenHero > div:nth-of-type(1) .bar1:after {
    bottom: 23vh;
    left: 5vw;
  }
  .splitScreenHero > div:nth-of-type(1) .bar2 {
    left: auto;
    right: 0;
    width: calc((100vw - 10px - 75px) * (1 - 0.7));
  }
  .splitScreenHero > div:nth-of-type(1) .bar2:before {
    top: -85px;
    right: calc((100vw - 75px) * (1 - 0.7) - 75px);
  }
  .splitScreenHero > div:nth-of-type(1) .bar2:after {
    bottom: 40vh;
    right: 5vw;
  }
}
@media (max-width: 897px) and (orientation: landscape) {
  .splitScreenHero > div:nth-of-type(1) .bar1,
  .splitScreenHero > div:nth-of-type(1) .bar2,
  .splitScreenHero > div:nth-of-type(1) .cutoutCircle {
    display: none;
  }
}
.splitScreenHero > div:nth-of-type(2) {
  grid-area: textbox;
  background: #e45f31;
  padding: 72px 0 72px 12vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 960px) and (max-width: 1150px) {
  .splitScreenHero > div:nth-of-type(2) {
    padding-left: 48px;
  }
}
@media (max-width: 960px) {
  .splitScreenHero > div:nth-of-type(2) {
    padding-top: 24px;
  }
}
.splitScreenHero > div:nth-of-type(2) > div {
  width: 550px;
  max-width: 90%;
  margin: 0 auto 0 0;
}
.splitScreenHero > div:nth-of-type(2) * {
  color: #fff;
  border-color: #fff;
}
.splitScreenHero > .review-ratings-summary-wrapper {
  position: static;
  display: block;
}
@media (min-width: 960px) {
  .splitScreenHero > .review-ratings-summary-wrapper {
    position: absolute;
    bottom: 24px;
    right: 24px;
  }
}
@media (max-width: 960px) {
  .splitScreenHero > .review-ratings-summary-wrapper {
    background: #e45f31;
    padding-bottom: 24px;
  }
  .splitScreenHero > .review-ratings-summary-wrapper .review-ratings-summary {
    margin-left: auto;
    margin-right: 24px;
  }
}
@media (max-width: 540px) {
  .splitScreenHero > .review-ratings-summary-wrapper .review-ratings-summary {
    margin: auto;
  }
}
.splitScreenHero > .review-ratings-summary-wrapper .review-ratings-summary {
  box-shadow: none;
}
.splitScreenHero .twinOptionLinkGrid {
  margin-top: 48px;
}
.splitScreenHero .twinOptionLinkGrid a.button:first-child {
  background-color: #fff;
  color: #e45f31;
  border: 2px solid #fff;
}
.splitScreenHero .twinOptionLinkGrid a.button:first-child:hover {
  background-color: #f2f2f2;
}
.splitScreenHero .twinOptionLinkGrid a.button.ghost {
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
}
.splitScreenHero .twinOptionLinkGrid a.button.ghost:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.isometricHero > div {
  width: calc(100% - (10px * 2));
  max-width: 1000px;
  margin: auto;
  display: flex;
  gap: 48px;
  margin: 96px auto;
}
@media (max-width: 750px) {
  .isometricHero > div {
    flex-direction: column-reverse;
  }
}
@media (max-width: 750px) {
  .isometricHero > div {
    margin-top: 48px;
  }
}
.isometricHero > div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.isometricHero > div > div:first-of-type {
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.isometricHero > div > div:first-of-type .CTA {
  margin-left: 0;
}
@media (min-width: 750px) {
  .isometricHero > div > div:first-of-type {
    width: 55%;
  }
  .isometricHero > div > div:first-of-type h1,
  .isometricHero > div > div:first-of-type h2,
  .isometricHero > div > div:first-of-type h3,
  .isometricHero > div > div:first-of-type h4,
  .isometricHero > div > div:first-of-type h5,
  .isometricHero > div > div:first-of-type p {
    text-align: left;
  }
}
.isometricHero > div > div:first-of-type .twinOptionLinkGrid {
  width: 100%;
  max-width: 650px;
}
@media (max-width: 750px) {
  .isometricHero > div > div:first-of-type .twinOptionLinkGrid {
    max-width: 500px;
    margin: auto;
    margin-top: 24px;
  }
}
.isometricHero > div > div:first-of-type .twinOptionLinkGrid a:nth-of-type(2) {
  color: #e45f31;
  border: 2px solid #e45f31;
  background-color: #fff;
}
.isometricHero > div > div:nth-of-type(2) {
  max-width: 600px;
  margin: auto;
}
@media (min-width: 750px) {
  .isometricHero > div > div:nth-of-type(2) {
    width: calc(100% - 48px - 55%);
    margin: 0;
  }
}
.isometricHero > div > div:nth-of-type(2) svg {
  width: 100%;
}
.fold.credibilityIndicatorLogos,
.fold.credibilityIndicatorLogos + .footerCurve {
  background: #f7f7f7;
}
.fold.credibilityIndicatorLogos > div > div {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-around;
  row-gap: 5px;
  margin: auto;
}
.fold.credibilityIndicatorLogos > div > div > div,
.fold.credibilityIndicatorLogos > div > div > a,
.fold.credibilityIndicatorLogos > div > div > li {
  margin-bottom: 24px;
  min-width: 106px;
  flex-grow: 1;
  flex-basis: calc((100% - ((6 - 1) * 24px)) / 6);
}
.fold.credibilityIndicatorLogos > div > div > div:last-child:nth-child(2),
.fold.credibilityIndicatorLogos > div > div > a:last-child:nth-child(2),
.fold.credibilityIndicatorLogos > div > div > li:last-child:nth-child(2),
.fold.credibilityIndicatorLogos > div > div > div:last-child:nth-child(3),
.fold.credibilityIndicatorLogos > div > div > a:last-child:nth-child(3),
.fold.credibilityIndicatorLogos > div > div > li:last-child:nth-child(3),
.fold.credibilityIndicatorLogos > div > div > div:last-child:nth-child(4),
.fold.credibilityIndicatorLogos > div > div > a:last-child:nth-child(4),
.fold.credibilityIndicatorLogos > div > div > li:last-child:nth-child(4) {
  margin-bottom: 0;
}
.fold.credibilityIndicatorLogos > div > div > div:nth-last-child(2):first-child,
.fold.credibilityIndicatorLogos > div > div > a:nth-last-child(2):first-child,
.fold.credibilityIndicatorLogos > div > div > li:nth-last-child(2):first-child,
.fold.credibilityIndicatorLogos > div > div > div:nth-last-child(2):nth-child(2),
.fold.credibilityIndicatorLogos > div > div > a:nth-last-child(2):nth-child(2),
.fold.credibilityIndicatorLogos > div > div > li:nth-last-child(2):nth-child(2),
.fold.credibilityIndicatorLogos > div > div > div:nth-last-child(2):nth-child(3),
.fold.credibilityIndicatorLogos > div > div > a:nth-last-child(2):nth-child(3),
.fold.credibilityIndicatorLogos > div > div > li:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.fold.credibilityIndicatorLogos > div > div > div:nth-last-child(3):first-child,
.fold.credibilityIndicatorLogos > div > div > a:nth-last-child(3):first-child,
.fold.credibilityIndicatorLogos > div > div > li:nth-last-child(3):first-child,
.fold.credibilityIndicatorLogos > div > div > div:nth-last-child(3):nth-child(2),
.fold.credibilityIndicatorLogos > div > div > a:nth-last-child(3):nth-child(2),
.fold.credibilityIndicatorLogos > div > div > li:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
@media (max-width: 780px) {
  .fold.credibilityIndicatorLogos > div > div > div,
  .fold.credibilityIndicatorLogos > div > div > a,
  .fold.credibilityIndicatorLogos > div > div > li {
    flex-basis: calc((100% - (3 * 24px)) / 3);
  }
  .fold.credibilityIndicatorLogos > div > div > div:last-child:nth-child(3),
  .fold.credibilityIndicatorLogos > div > div > a:last-child:nth-child(3),
  .fold.credibilityIndicatorLogos > div > div > li:last-child:nth-child(3),
  .fold.credibilityIndicatorLogos > div > div > div:nth-last-child(2):nth-child(2),
  .fold.credibilityIndicatorLogos > div > div > a:nth-last-child(2):nth-child(2),
  .fold.credibilityIndicatorLogos > div > div > li:nth-last-child(2):nth-child(2),
  .fold.credibilityIndicatorLogos > div > div > div:first-child:nth-last-child(3),
  .fold.credibilityIndicatorLogos > div > div > a:first-child:nth-last-child(3),
  .fold.credibilityIndicatorLogos > div > div > li:first-child:nth-last-child(3) {
    flex-basis: calc((100% - (2 * 24px)) / 3);
  }
}
@media (max-width: 458px) {
  .fold.credibilityIndicatorLogos > div > div > div:last-child:nth-child(3),
  .fold.credibilityIndicatorLogos > div > div > a:last-child:nth-child(3),
  .fold.credibilityIndicatorLogos > div > div > li:last-child:nth-child(3),
  .fold.credibilityIndicatorLogos > div > div > div:nth-last-child(2):nth-child(2),
  .fold.credibilityIndicatorLogos > div > div > a:nth-last-child(2):nth-child(2),
  .fold.credibilityIndicatorLogos > div > div > li:nth-last-child(2):nth-child(2),
  .fold.credibilityIndicatorLogos > div > div > div:first-child:nth-last-child(3),
  .fold.credibilityIndicatorLogos > div > div > a:first-child:nth-last-child(3),
  .fold.credibilityIndicatorLogos > div > div > li:first-child:nth-last-child(3) {
    flex-basis: 100%;
    margin-bottom: 24px;
  }
}
@media (max-width: 304px) {
  .fold.credibilityIndicatorLogos > div > div > div,
  .fold.credibilityIndicatorLogos > div > div > a,
  .fold.credibilityIndicatorLogos > div > div > li {
    flex-basis: calc((100% - 24px) / 2);
    min-width: 0;
  }
}
@media (max-width: 0) {
  .fold.credibilityIndicatorLogos > div > div > div,
  .fold.credibilityIndicatorLogos > div > div > a,
  .fold.credibilityIndicatorLogos > div > div > li {
    flex-basis: 100%;
  }
}
.fold.credibilityIndicatorLogos > div > div > div {
  flex-grow: 0;
}
.fold.credibilityIndicatorLogos > div > div > div img,
.fold.credibilityIndicatorLogos > div > div > div picture {
  max-width: 100%;
  width: 100%;
}
.miniProductSummaryBox {
  color: gray;
  display: block;
  color: #777777;
  background: #fff;
}
.miniProductSummaryBox img,
.miniProductSummaryBox picture {
  min-width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.miniProductSummaryBox img + div > ul,
.miniProductSummaryBox picture + div > ul {
  display: flex;
  margin: 8px 0 0 0;
  padding: 0;
}
.miniProductSummaryBox img + div > ul li,
.miniProductSummaryBox picture + div > ul li {
  margin: 0;
  padding: 6px ;
  text-align: left;
  font-size: 12.5px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.miniProductSummaryBox img + div > ul li:first-child,
.miniProductSummaryBox picture + div > ul li:first-child {
  border-radius: 4px;
  background: #858585;
  color: #fff;
  font-size: 12.5px;
}
.miniProductSummaryBox img + div > ul li:first-child svg.svg-inline--fa,
.miniProductSummaryBox picture + div > ul li:first-child svg.svg-inline--fa,
.miniProductSummaryBox img + div > ul li:first-child i.fas,
.miniProductSummaryBox picture + div > ul li:first-child i.fas,
.miniProductSummaryBox img + div > ul li:first-child i.fab,
.miniProductSummaryBox picture + div > ul li:first-child i.fab,
.miniProductSummaryBox img + div > ul li:first-child i.fal,
.miniProductSummaryBox picture + div > ul li:first-child i.fal,
.miniProductSummaryBox img + div > ul li:first-child i.far,
.miniProductSummaryBox picture + div > ul li:first-child i.far,
.miniProductSummaryBox img + div > ul li:first-child i.fad,
.miniProductSummaryBox picture + div > ul li:first-child i.fad {
  color: inherit;
  vertical-align: bottom;
}
.miniProductSummaryBox img + div > ul li:nth-child(n+3),
.miniProductSummaryBox picture + div > ul li:nth-child(n+3) {
  display: none;
}
.miniProductSummaryBox h4,
.miniProductSummaryBox h5 {
  text-transform: none;
  color: #676767;
  margin-top: 5px;
  font-size: 15px;
}
.miniProductSummaryBox h4 a,
.miniProductSummaryBox h5 a {
  color: inherit;
}
.miniProductSummaryBox p {
  font-size: 11.25px;
  margin: 0;
  text-align: left;
}
.miniProductSummaryBox img,
.miniProductSummaryBox picture {
  min-width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.miniProductSummaryBox img + div > ul,
.miniProductSummaryBox picture + div > ul {
  display: flex;
  margin: 8px 0 0 0;
  padding: 0;
}
.miniProductSummaryBox img + div > ul li,
.miniProductSummaryBox picture + div > ul li {
  margin: 0;
  padding: 6px ;
  text-align: left;
  font-size: 14px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.miniProductSummaryBox img + div > ul li:first-child,
.miniProductSummaryBox picture + div > ul li:first-child {
  border-radius: 4px;
  background: #858585;
  color: #fff;
  font-size: 14px;
}
.miniProductSummaryBox img + div > ul li:first-child svg.svg-inline--fa,
.miniProductSummaryBox picture + div > ul li:first-child svg.svg-inline--fa,
.miniProductSummaryBox img + div > ul li:first-child i.fas,
.miniProductSummaryBox picture + div > ul li:first-child i.fas,
.miniProductSummaryBox img + div > ul li:first-child i.fab,
.miniProductSummaryBox picture + div > ul li:first-child i.fab,
.miniProductSummaryBox img + div > ul li:first-child i.fal,
.miniProductSummaryBox picture + div > ul li:first-child i.fal,
.miniProductSummaryBox img + div > ul li:first-child i.far,
.miniProductSummaryBox picture + div > ul li:first-child i.far,
.miniProductSummaryBox img + div > ul li:first-child i.fad,
.miniProductSummaryBox picture + div > ul li:first-child i.fad {
  color: inherit;
  vertical-align: bottom;
}
.miniProductSummaryBox img + div > ul li:nth-child(n+3),
.miniProductSummaryBox picture + div > ul li:nth-child(n+3) {
  display: none;
}
.miniProductSummaryBox h4,
.miniProductSummaryBox h5 {
  text-transform: none;
  color: #5e5e5e;
  margin-top: 5px;
  font-size: 17.5px;
}
.miniProductSummaryBox h4 a,
.miniProductSummaryBox h5 a {
  color: inherit;
}
.miniProductSummaryBox p {
  font-size: 14px;
  margin: 0;
  text-align: left;
}
.companyProfile,
.authorProfile {
  background: #fff;
  border: 1px solid #EAEEF3;
  border-radius: 4px;
  padding: 24px;
  box-shadow: 0 8px 16px 0 rgba(1, 23, 52, 0.1);
}
.companyProfile h3,
.authorProfile h3,
.companyProfile h4,
.authorProfile h4,
.companyProfile h5,
.authorProfile h5 {
  text-align: left;
}
.companyProfile > div,
.authorProfile > div {
  margin-top: 12px;
}
.companyProfile > div > a,
.authorProfile > div > a,
.companyProfile > div > div,
.authorProfile > div > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.companyProfile > div > a img,
.authorProfile > div > a img,
.companyProfile > div > div img,
.authorProfile > div > div img,
.companyProfile > div > a picture,
.authorProfile > div > a picture,
.companyProfile > div > div picture,
.authorProfile > div > div picture {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  border: 2px solid #e6e6fa;
}
.companyProfile > div > a h5,
.authorProfile > div > a h5,
.companyProfile > div > div h5,
.authorProfile > div > div h5 {
  width: calc(100% - 75px);
  padding-left: 24px;
  line-height: 1em;
}
.companyProfile > div > a h5 .subHeading,
.authorProfile > div > a h5 .subHeading,
.companyProfile > div > div h5 .subHeading,
.authorProfile > div > div h5 .subHeading {
  text-transform: none;
  font-size: 0.75em;
}
.companyProfile > div p,
.authorProfile > div p {
  width: 100%;
  font-size: 1rem;
}
.guidePageContent .authorProfile {
  box-shadow: none;
  border: none;
}
.guidePageContent .authorProfile img,
.guidePageContent .authorProfile picture {
  border: none;
}
.productCategoryGallery {
  margin: 48px auto;
  max-width: 100%;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 840px) {
  .productCategoryGallery {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 440px) {
  .productCategoryGallery {
    grid-template-columns: 1fr;
    grid-gap: 2vw;
  }
}
@media (min-width: 440px) {
  .productCategoryGallery.featuredFirstChild > div:first-of-type,
  .productCategoryGallery.featuredFirstChild > a:first-of-type {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
  }
  .productCategoryGallery.featuredFirstChild > div:first-of-type > img,
  .productCategoryGallery.featuredFirstChild > a:first-of-type > img,
  .productCategoryGallery.featuredFirstChild > div:first-of-type > picture,
  .productCategoryGallery.featuredFirstChild > a:first-of-type > picture {
    height: 300px;
  }
  .productCategoryGallery.featuredFirstChild > div:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > div:first-of-type h5,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h5 {
    padding: 24px;
  }
}
@media (min-width: 440px) and (max-width: 840px) {
  .productCategoryGallery.featuredFirstChild > div:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > div:first-of-type h5,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h5 {
    font-size: clamp(20px, 3vw, 24px);
  }
}
@media (min-width: 840px) {
  .productCategoryGallery.featuredFirstChild > div:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > div:first-of-type h5,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h5 {
    font-size: 24px;
  }
}
.productCategoryGallery > div,
.productCategoryGallery > a {
  background-color: lightgray;
  border-radius: 4px;
  display: block;
  position: relative;
  overflow: hidden;
}
.productCategoryGallery > div:nth-of-type(even),
.productCategoryGallery > a:nth-of-type(even) {
  background-color: #9292f0;
}
.productCategoryGallery > div h1,
.productCategoryGallery > a h1,
.productCategoryGallery > div h2,
.productCategoryGallery > a h2,
.productCategoryGallery > div h3,
.productCategoryGallery > a h3 {
  display: none;
}
.productCategoryGallery > div h4,
.productCategoryGallery > a h4,
.productCategoryGallery > div h5,
.productCategoryGallery > a h5 {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 16px;
  text-shadow: none;
  padding: 12px;
  padding-right: 0;
}
.productCategoryGallery > div h4:after,
.productCategoryGallery > a h4:after,
.productCategoryGallery > div h5:after,
.productCategoryGallery > a h5:after {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  vertical-align: top;
  margin-left: 5px;
  content: "\00A0\f054";
  display: inline-block;
}
.productCategoryGallery > div img,
.productCategoryGallery > a img,
.productCategoryGallery > div picture,
.productCategoryGallery > a picture {
  min-width: 100%;
  height: 200px;
  min-height: 100%;
  transition: transform 0.2s;
  /* Animation */
  filter: brightness(70%);
}
.productCategoryGallery > div:hover,
.productCategoryGallery > a:hover,
.productCategoryGallery > div:focus,
.productCategoryGallery > a:focus {
  cursor: pointer;
}
.productCategoryGallery > div:hover > img,
.productCategoryGallery > a:hover > img,
.productCategoryGallery > div:focus > img,
.productCategoryGallery > a:focus > img,
.productCategoryGallery > div:hover > picture,
.productCategoryGallery > a:hover > picture,
.productCategoryGallery > div:focus > picture,
.productCategoryGallery > a:focus > picture {
  transform: scale(1.15);
}
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a {
  max-height: 80px;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h3,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h3,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h4,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h4,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h5,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h5 {
  text-align: center;
  position: relative;
  bottom: auto;
  padding: 0 5px;
  margin: 0;
  max-width: 100%;
}
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h3:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h3:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h4:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h4:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h5:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h5:after {
  display: none;
}
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div img,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a img,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div picture,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a picture {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 840px) {
  .productCategoryGallery.buttonStyle {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.contributorProfile {
  position: relative;
  overflow: hidden;
  z-index: 10;
  display: block;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.contributorProfile + .contributorProfile {
  margin-top: clamp(24px, 6vw, 100px);
}
.fold > .contributorProfile {
  max-width: 990px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .fold > .contributorProfile {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1010px) and (min-width: 820px) {
  .fold > .contributorProfile {
    padding-right: 10px;
    padding-left: 10px;
  }
  .fold > .contributorProfile > div:first-of-type {
    Right: 10px;
  }
}
.contributorProfile > div:first-of-type {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  Right: 0;
  Left: 45%;
}
.contributorProfile > div:first-of-type > img {
  width: 100%;
  height: 100%;
}
.contributorProfile > div:nth-of-type(2) {
  z-index: 2;
  background: #fff;
  max-width: 60%;
  margin: clamp(48px, 10vw, 120px) 0;
  margin-Right: auto;
  padding: clamp(24px, 5vw, 48px);
  border-radius: 0;
  border: 0 solid #ebebeb;
}
.contributorProfile > div:nth-of-type(2) *,
.contributorProfile > div:nth-of-type(2) * a {
  color: #777777;
  text-align: center;
}
.contributorProfile > div:nth-of-type(2) .button {
  background: #777777;
  color: #fff;
  max-width: 80%;
  min-width: 250px;
}
.contributorProfile > div:nth-of-type(2) .button:last-child {
  margin-bottom: 0;
}
.contributorProfile > div:nth-of-type(2) a:not(.button) {
  text-decoration: underline;
  text-underline-position: under;
  text-align: center;
}
@media (max-width: 820px) {
  .contributorProfile {
    display: flex;
    flex-direction: column;
  }
  .contributorProfile > div:nth-of-type(n) {
    position: relative;
    z-index: 0;
    border-radius: 0;
  }
  .contributorProfile > div:first-of-type {
    width: 90%;
    right: 0;
    left: 0;
    margin: auto;
    margin-bottom: -40px;
    z-index: 3;
  }
  .contributorProfile > div:first-of-type > img {
    max-height: 750px;
  }
  .contributorProfile > div:nth-of-type(2) {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-top: 52px;
  }
}
@media (max-width: 550px) {
  .contributorProfile > div:nth-of-type(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.contributorProfile + .contributorProfile {
  position: relative;
  overflow: hidden;
  z-index: 10;
  display: block;
}
.contributorProfile + .contributorProfile + .contributorProfile + .contributorProfile {
  margin-top: clamp(24px, 6vw, 100px);
}
.fold > .contributorProfile + .contributorProfile {
  max-width: 990px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .fold > .contributorProfile + .contributorProfile {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1010px) and (min-width: 820px) {
  .fold > .contributorProfile + .contributorProfile {
    padding-right: 10px;
    padding-left: 10px;
  }
  .fold > .contributorProfile + .contributorProfile > div:first-of-type {
    Left: 10px;
  }
}
.contributorProfile + .contributorProfile > div:first-of-type {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  Left: 0;
  Right: 45%;
}
.contributorProfile + .contributorProfile > div:first-of-type > img {
  width: 100%;
  height: 100%;
}
.contributorProfile + .contributorProfile > div:nth-of-type(2) {
  z-index: 2;
  background: #fff;
  max-width: 60%;
  margin: clamp(48px, 10vw, 120px) 0;
  margin-Left: auto;
  padding: clamp(24px, 5vw, 48px);
  border-radius: 0;
  border: 0 solid #ebebeb;
}
.contributorProfile + .contributorProfile > div:nth-of-type(2) *,
.contributorProfile + .contributorProfile > div:nth-of-type(2) * a {
  color: #777777;
  text-align: center;
}
.contributorProfile + .contributorProfile > div:nth-of-type(2) .button {
  background: #777777;
  color: #fff;
  max-width: 80%;
  min-width: 250px;
}
.contributorProfile + .contributorProfile > div:nth-of-type(2) .button:last-child {
  margin-bottom: 0;
}
.contributorProfile + .contributorProfile > div:nth-of-type(2) a:not(.button) {
  text-decoration: underline;
  text-underline-position: under;
  text-align: center;
}
@media (max-width: 820px) {
  .contributorProfile + .contributorProfile {
    display: flex;
    flex-direction: column;
  }
  .contributorProfile + .contributorProfile > div:nth-of-type(n) {
    position: relative;
    z-index: 0;
    border-radius: 0;
  }
  .contributorProfile + .contributorProfile > div:first-of-type {
    width: 90%;
    right: 0;
    left: 0;
    margin: auto;
    margin-bottom: -40px;
    z-index: 3;
  }
  .contributorProfile + .contributorProfile > div:first-of-type > img {
    max-height: 750px;
  }
  .contributorProfile + .contributorProfile > div:nth-of-type(2) {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-top: 52px;
  }
}
@media (max-width: 550px) {
  .contributorProfile + .contributorProfile > div:nth-of-type(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.contributorProfile p {
  font-size: 1rem;
}
.guidePageContent .contributorProfile {
  width: 100%;
}
.fold.containsSummaries,
.fold.containsSummaries + .footerCurve {
  background: #f7f7f7;
}
.slick-slide > div {
  width: 96%;
  margin: 5px auto;
}
.sliderWrapper {
  margin: 24px 0;
}
.sliderWrapper .slider.slider-for {
  margin-bottom: 4px;
}
.breadcrumb {
  background: #fff;
}
.breadcrumb div {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
}
@media (max-width: 1010px) {
  .breadcrumb div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.breadcrumb div,
.breadcrumb div a {
  color: #4d4d4d;
}
.breadcrumb div > .svg-inline--fa,
.breadcrumb div .fa {
  vertical-align: middle;
  color: #e45f31;
}
.productCategoryGallery {
  margin: 48px auto;
  max-width: 100%;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 840px) {
  .productCategoryGallery {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 440px) {
  .productCategoryGallery {
    grid-template-columns: 1fr;
    grid-gap: 2vw;
  }
}
@media (min-width: 440px) {
  .productCategoryGallery.featuredFirstChild > div:first-of-type,
  .productCategoryGallery.featuredFirstChild > a:first-of-type {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
  }
  .productCategoryGallery.featuredFirstChild > div:first-of-type > img,
  .productCategoryGallery.featuredFirstChild > a:first-of-type > img,
  .productCategoryGallery.featuredFirstChild > div:first-of-type > picture,
  .productCategoryGallery.featuredFirstChild > a:first-of-type > picture {
    height: 300px;
  }
  .productCategoryGallery.featuredFirstChild > div:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > div:first-of-type h5,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h5 {
    padding: 24px;
  }
}
@media (min-width: 440px) and (max-width: 840px) {
  .productCategoryGallery.featuredFirstChild > div:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > div:first-of-type h5,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h5 {
    font-size: clamp(20px, 3vw, 24px);
  }
}
@media (min-width: 840px) {
  .productCategoryGallery.featuredFirstChild > div:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h4,
  .productCategoryGallery.featuredFirstChild > div:first-of-type h5,
  .productCategoryGallery.featuredFirstChild > a:first-of-type h5 {
    font-size: 24px;
  }
}
.productCategoryGallery > div,
.productCategoryGallery > a {
  background-color: lightgray;
  border-radius: 4px;
  display: block;
  position: relative;
  overflow: hidden;
}
.productCategoryGallery > div:nth-of-type(even),
.productCategoryGallery > a:nth-of-type(even) {
  background-color: #9292f0;
}
.productCategoryGallery > div h1,
.productCategoryGallery > a h1,
.productCategoryGallery > div h2,
.productCategoryGallery > a h2,
.productCategoryGallery > div h3,
.productCategoryGallery > a h3 {
  display: none;
}
.productCategoryGallery > div h4,
.productCategoryGallery > a h4,
.productCategoryGallery > div h5,
.productCategoryGallery > a h5 {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 16px;
  text-shadow: none;
  padding: 12px;
  padding-right: 0;
}
.productCategoryGallery > div h4:after,
.productCategoryGallery > a h4:after,
.productCategoryGallery > div h5:after,
.productCategoryGallery > a h5:after {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  vertical-align: top;
  margin-left: 5px;
  content: "\00A0\f054";
  display: inline-block;
}
.productCategoryGallery > div img,
.productCategoryGallery > a img,
.productCategoryGallery > div picture,
.productCategoryGallery > a picture {
  min-width: 100%;
  height: 200px;
  min-height: 100%;
  transition: transform 0.2s;
  /* Animation */
  filter: brightness(70%);
}
.productCategoryGallery > div:hover,
.productCategoryGallery > a:hover,
.productCategoryGallery > div:focus,
.productCategoryGallery > a:focus {
  cursor: pointer;
}
.productCategoryGallery > div:hover > img,
.productCategoryGallery > a:hover > img,
.productCategoryGallery > div:focus > img,
.productCategoryGallery > a:focus > img,
.productCategoryGallery > div:hover > picture,
.productCategoryGallery > a:hover > picture,
.productCategoryGallery > div:focus > picture,
.productCategoryGallery > a:focus > picture {
  transform: scale(1.15);
}
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a {
  max-height: 80px;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h3,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h3,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h4,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h4,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h5,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h5 {
  text-align: center;
  position: relative;
  bottom: auto;
  padding: 0 5px;
  margin: 0;
  max-width: 100%;
}
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h3:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h3:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h4:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h4:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div h5:after,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a h5:after {
  display: none;
}
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div img,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a img,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > div picture,
.productCategoryGallery.buttonStyle:not(.featuredFirstChild) > a picture {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 840px) {
  .productCategoryGallery.buttonStyle {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 875px) {
  .threeProductsGrid {
    clear: both;
    width: 100%;
    margin: 24px 0;
    box-sizing: border-box;
    display: grid;
    grid-gap: 24px;
    -ms-grid-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
  }
  .fold > div .threeProductsGrid:last-child {
    margin-bottom: 0;
  }
  .fold > div .threeProductsGrid:only-child {
    margin: 0;
  }
  .threeProductsGrid > * {
    display: none;
  }
  .threeProductsGrid > div,
  .threeProductsGrid > a {
    display: block;
  }
  .threeProductsGrid > div:nth-child(n),
  .threeProductsGrid > a:nth-child(n) {
    -ms-grid-column-span: span 1;
    grid-column: span 1;
  }
  .internetExplorer .threeProductsGrid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
  }
  .internetExplorer .threeProductsGrid > div,
  .internetExplorer .threeProductsGrid > a {
    width: 33.33333333%;
    display: block;
    padding-left: 12px;
    padding-right: 12px;
  }
  .internetExplorer .threeProductsGrid > div:nth-child(1),
  .internetExplorer .threeProductsGrid > a:nth-child(1),
  .internetExplorer .threeProductsGrid > div:nth-child(2),
  .internetExplorer .threeProductsGrid > a:nth-child(2),
  .internetExplorer .threeProductsGrid > div:nth-child(3),
  .internetExplorer .threeProductsGrid > a:nth-child(3) {
    flex-grow: 1;
  }
  .internetExplorer .threeProductsGrid > div *,
  .internetExplorer .threeProductsGrid > a * {
    max-width: 100%;
  }
}
@media (min-width: 875px) and (max-width: 800px) and (min-width: 650px) {
  .threeProductsGrid {
    grid-gap: 12px;
  }
}
@media (min-width: 875px) and (max-width: 650px) {
  .threeProductsGrid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 875px) and (max-width: 800px) {
  .internetExplorer .threeProductsGrid > div:nth-child(n),
  .internetExplorer .threeProductsGrid > a:nth-child(n) {
    width: 100%;
  }
}
@media (max-width: 875px) {
  .threeProductsGrid {
    display: flex;
    flex-direction: column;
  }
  .threeProductsGrid > div {
    margin: 24px auto;
    width: clamp(280px, 100%, 625px);
  }
  .threeProductsGrid > div > div {
    margin: 0;
  }
}
@media (min-width: 875px) and (max-width: 1030px) {
  .threeProductsGrid {
    margin-left: 24px;
    margin-right: 24px;
    max-width: 100%;
    width: auto;
  }
}
.contentCards {
  clear: both;
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  display: grid;
  grid-gap: 24px;
  -ms-grid-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
}
.fold > div .contentCards:last-child {
  margin-bottom: 0;
}
.fold > div .contentCards:only-child {
  margin: 0;
}
.contentCards > * {
  display: none;
}
.contentCards > div,
.contentCards > a {
  display: block;
}
.contentCards > div:nth-child(n),
.contentCards > a:nth-child(n) {
  -ms-grid-column-span: span 1;
  grid-column: span 1;
}
@media (max-width: 1200px) and (min-width: 800px) {
  .contentCards {
    grid-gap: 12px;
  }
}
@media (max-width: 800px) {
  .contentCards {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.internetExplorer .contentCards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.internetExplorer .contentCards > div,
.internetExplorer .contentCards > a {
  width: 33.33333333%;
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}
.internetExplorer .contentCards > div:nth-child(1),
.internetExplorer .contentCards > a:nth-child(1),
.internetExplorer .contentCards > div:nth-child(2),
.internetExplorer .contentCards > a:nth-child(2),
.internetExplorer .contentCards > div:nth-child(3),
.internetExplorer .contentCards > a:nth-child(3) {
  flex-grow: 1;
}
.internetExplorer .contentCards > div *,
.internetExplorer .contentCards > a * {
  max-width: 100%;
}
@media (max-width: 1200px) {
  .internetExplorer .contentCards > div:nth-child(n),
  .internetExplorer .contentCards > a:nth-child(n) {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .contentCards {
    grid-gap: 12px;
  }
}
.contentCards > div,
.contentCards > a {
  border-radius: 4px;
  overflow: hidden;
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contentCards > div > div:first-child,
.contentCards > a > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.contentCards > div > div:first-child img,
.contentCards > a > div:first-child img,
.contentCards > div > div:first-child picture,
.contentCards > a > div:first-child picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(65%);
}
.contentCards > div > div:first-child > img:nth-of-type(2),
.contentCards > a > div:first-child > img:nth-of-type(2) {
  display: none;
}
@media (max-width: 500px) {
  .contentCards > div > div:first-child > img:nth-of-type(2):last-child,
  .contentCards > a > div:first-child > img:nth-of-type(2):last-child {
    display: block;
  }
  .contentCards > div > div:first-child > img:first-of-type:nth-last-of-type(2),
  .contentCards > a > div:first-child > img:first-of-type:nth-last-of-type(2) {
    display: none;
  }
}
.contentCards > div > div:first-child > picture > img:nth-child(n),
.contentCards > a > div:first-child > picture > img:nth-child(n) {
  display: block;
}
.contentCards > div > div:nth-child(2),
.contentCards > a > div:nth-child(2) {
  position: relative;
  resize: vertical;
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .contentCards > div > div:nth-child(2),
  .contentCards > a > div:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.internetExplorer .contentCards > div,
.internetExplorer .contentCards > a,
.internetExplorer .contentCards > div *,
.internetExplorer .contentCards > a * {
  display: block;
}
.internetExplorer body > .contentCards > div,
.internetExplorer body > .contentCards > a {
  min-height: 400px;
}
.contentCards > div > div:nth-of-type(2),
.contentCards > a > div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  padding-left: clamp(24px, 6vw, 70px);
  padding-right: clamp(24px, 6vw, 70px);
  padding-bottom: clamp(48px, 12vw, 120px);
  padding-top: clamp(48px, 12vw, 120px);
}
.contentCards > div > div:nth-of-type(2) *,
.contentCards > a > div:nth-of-type(2) * {
  color: #fff;
  text-align: center;
}
.contentCards > div > div:nth-of-type(2) svg.svg-inline--fa,
.contentCards > a > div:nth-of-type(2) svg.svg-inline--fa,
.contentCards > div > div:nth-of-type(2) i.fas,
.contentCards > a > div:nth-of-type(2) i.fas,
.contentCards > div > div:nth-of-type(2) i.fab,
.contentCards > a > div:nth-of-type(2) i.fab,
.contentCards > div > div:nth-of-type(2) i.fal,
.contentCards > a > div:nth-of-type(2) i.fal,
.contentCards > div > div:nth-of-type(2) i.far,
.contentCards > a > div:nth-of-type(2) i.far,
.contentCards > div > div:nth-of-type(2) i.fad,
.contentCards > a > div:nth-of-type(2) i.fad {
  border: 2px solid #fff;
  border-radius: 50%;
  font-weight: 300;
  line-height: 70px;
  height: 70px;
  width: 70px;
  font-size: 28px;
  display: block;
  margin: auto;
}
.contentCards > div > div:nth-of-type(2) p,
.contentCards > a > div:nth-of-type(2) p {
  font-size: 0.9rem;
}
@media (min-width: 1200px) and (max-width: 1405px) {
  .contentCards > div > div:nth-of-type(2) .cutFromWrap,
  .contentCards > a > div:nth-of-type(2) .cutFromWrap {
    display: none;
  }
}
@media (min-width: 1200px) {
  .contentCards.deckOfSix {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 12px;
  }
}
@media (min-width: 820px) and (max-width: 1200px) {
  .contentCards.deckOfSix {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 12px;
  }
}
@media (max-width: 1200px) {
  .contentCards.deckOfSix > a {
    max-height: 350px;
  }
}
.informationalPage .essential-info,
.indepth-article .essential-info {
  border: 2px solid #e45f31;
}
.informationalPage .tag,
.indepth-article .tag {
  color: #e45f31;
}
.informationalPage .tag svg.svg-inline--fa,
.indepth-article .tag svg.svg-inline--fa,
.informationalPage .tag i.fas,
.indepth-article .tag i.fas,
.informationalPage .tag i.fab,
.indepth-article .tag i.fab,
.informationalPage .tag i.fal,
.indepth-article .tag i.fal,
.informationalPage .tag i.far,
.indepth-article .tag i.far {
  font-weight: 900;
}
.informationalPage .toggleFeaturesList:last-child > li:last-child,
.indepth-article .toggleFeaturesList:last-child > li:last-child {
  border-bottom: none;
}
.indepth-article {
  background: #f7f7f7;
  width: 100%;
  max-width: 100%;
}
.indepth-article .article-area {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: grid;
  grid-template-columns: 300px 1fr 280px;
  grid-gap: 24px;
  grid-template-areas: "table-contents hero-area sidebar" "table-contents article sidebar";
}
@media (max-width: 1400px) {
  .indepth-article .article-area {
    grid-template-columns: 300px 1fr;
    grid-template-areas: "table-contents hero-area" "table-contents article" "table-contents sidebar";
  }
}
@media (max-width: 950px) {
  .indepth-article .article-area {
    grid-template-columns: 1fr;
    grid-template-areas: "hero-area" "table-contents" "article" "sidebar";
  }
}
.indepth-article .article-area .table-contents {
  grid-area: table-contents;
}
.indepth-article .article-area .table-contents h5 {
  color: #fff;
}
@media (max-width: 950px) {
  .indepth-article .article-area .table-contents h5 {
    color: #4d4d4d;
  }
}
@media (min-width: 951px) {
  .indepth-article .article-area .table-contents > div:first-of-type:not(.hero) {
    position: sticky;
    top: 24px;
    z-index: 49;
    /* Ensure it stays on top */
    background: #011734;
  }
}
.indepth-article .article-area .table-contents ul {
  margin: 0;
}
.indepth-article .article-area .table-contents ul li {
  font-size: 0.92rem;
  color: #e6e6e6;
}
.indepth-article .article-area .table-contents ul li.active {
  color: #fff;
  font-weight: 500;
}
@media (max-width: 950px) {
  .indepth-article .article-area .table-contents ul li.active {
    color: #4d4d4d;
  }
}
.indepth-article .article-area .table-contents ul li.active + li.quote a {
  color: #fff;
  font-weight: 500;
}
@media (max-width: 950px) {
  .indepth-article .article-area .table-contents ul li.active + li.quote a {
    color: #4d4d4d;
  }
}
.indepth-article .article-area .table-contents ul li a:hover {
  color: #fff;
}
@media (max-width: 950px) {
  .indepth-article .article-area .table-contents ul li,
  .indepth-article .article-area .table-contents ul li a:hover {
    color: #777777;
  }
}
.indepth-article .article-area .table-contents ul ul {
  margin-right: 12px;
}
.indepth-article .article-area .table-contents a {
  color: inherit;
  text-decoration: none;
}
.indepth-article .article-area .hero-area > div h1,
.indepth-article .article-area .article > div h1,
.indepth-article .article-area .hero-area > div h2,
.indepth-article .article-area .article > div h2,
.indepth-article .article-area .hero-area > div h3,
.indepth-article .article-area .article > div h3,
.indepth-article .article-area .hero-area > div h4,
.indepth-article .article-area .article > div h4 {
  text-align: left;
}
.indepth-article .article-area .hero-area > div h1,
.indepth-article .article-area .article > div h1 {
  font-size: clamp(2rem, 6vw, 3.8rem);
}
.indepth-article .article-area .hero-area > div h2,
.indepth-article .article-area .article > div h2 {
  font-size: clamp(1.75rem, 3vw, 2.1rem);
}
.indepth-article .article-area .hero-area > div h3,
.indepth-article .article-area .article > div h3 {
  font-size: clamp(1.25rem, 2vw, 1.45rem);
}
.indepth-article .article-area .hero-area > div h4,
.indepth-article .article-area .article > div h4 {
  font-size: 1.1rem;
  font-weight: 600;
}
.indepth-article .article-area .hero-area .hero > div:nth-of-type(2),
.indepth-article .article-area .article .hero > div:nth-of-type(2) {
  width: 95%;
  max-width: 95%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  min-height: 0;
}
.indepth-article .article-area .article {
  grid-area: article;
  overflow: hidden;
}
.indepth-article .article-area .article > div h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
}
.indepth-article .article-area .sidebar {
  grid-area: sidebar;
}
@media (min-width: 1401px) {
  .indepth-article .article-area .sidebar > div:first-of-type {
    position: sticky;
    top: 24px;
    z-index: 49;
    /* Ensure it stays on top */
  }
}
@media (max-width: 1400px) {
  .indepth-article .article-area .sidebar .relatedArticles h4,
  .indepth-article .article-area .sidebar .relatedArticles h4 * {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
.indepth-article .article-area .sidebar .relatedArticles > div {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px;
}
@media (min-width: 610px) and (max-width: 1400px) {
  .indepth-article .article-area .sidebar .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
  .indepth-article .article-area .sidebar .relatedArticles > div > a:nth-of-type(n+8) {
    display: flex;
  }
  .indepth-article .article-area .sidebar .relatedArticles > div > a:nth-of-type(n+12) {
    display: none;
  }
  .indepth-article .article-area .sidebar .relatedArticles > div h5 {
    font-size: 14px;
  }
}
@media (min-width: 490px) and (max-width: 610px) {
  .indepth-article .article-area .sidebar .relatedArticles > div > a > div h5 {
    font-size: 16px;
  }
  .indepth-article .article-area .sidebar .relatedArticles > div > a > div p {
    font-size: 13px;
  }
}
.indepth-article .article-area .sidebar .relatedArticles > div > a {
  margin-bottom: 0;
}
.indepth-article .article-area .table-contents > div:not(.hero),
.indepth-article .article-area .hero-area > div:not(.hero),
.indepth-article .article-area .article > div:not(.hero),
.indepth-article .article-area .sidebar > div:not(.hero) {
  background: #fff;
  border-radius: 4px;
  padding: 24px;
}
.indepth-article .article-area .table-contents > div:not(:last-child),
.indepth-article .article-area .hero-area > div:not(:last-child),
.indepth-article .article-area .article > div:not(:last-child),
.indepth-article .article-area .sidebar > div:not(:last-child),
.indepth-article .article-area .table-contents > figure:not(:last-child),
.indepth-article .article-area .hero-area > figure:not(:last-child),
.indepth-article .article-area .article > figure:not(:last-child),
.indepth-article .article-area .sidebar > figure:not(:last-child) {
  margin-bottom: 24px;
}
.indepth-article.hide-related-articles .article-area {
  grid-template-columns: 300px 1fr;
  grid-template-areas: "table-contents hero-area" "table-contents article" "table-contents sidebar";
}
@media (max-width: 1400px) {
  .indepth-article.hide-related-articles .article-area {
    grid-template-columns: 300px 1fr;
    grid-template-areas: "table-contents hero-area" "table-contents article" "table-contents sidebar";
  }
}
@media (max-width: 950px) {
  .indepth-article.hide-related-articles .article-area {
    grid-template-columns: 1fr;
    grid-template-areas: "hero-area" "table-contents" "article" "sidebar";
  }
}
.indepth-article.hide-related-articles .article-area .sidebar .relatedArticles h4,
.indepth-article.hide-related-articles .article-area .sidebar .relatedArticles h4 * {
  font-size: 24px;
  margin-bottom: 0.5em;
}
@media (min-width: 1400px) {
  .indepth-article.hide-related-articles .article-area .sidebar .relatedArticles > div {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .indepth-article.hide-related-articles .article-area .sidebar .relatedArticles > div > a:nth-of-type(n+8) {
    display: flex;
  }
  .indepth-article.hide-related-articles .article-area .sidebar .relatedArticles > div > a:nth-of-type(n+15) {
    display: none;
  }
}
.indepth-article .serviceBenefitsGrid,
.indepth-article .iconExplanationList {
  grid-column-gap: 48px;
}
.indepth-article + .quick-quote {
  margin-top: 0;
}
.solar-calc-tool + .indepth-article.partitioned.calculator-methodology {
  margin-top: 48px;
}
.indepth-article.partitioned.calculator-methodology .article-area {
  max-width: 1200px;
}
.indepth-article.partitioned .article-area .article {
  position: relative;
  overflow: visible;
}
.indepth-article.partitioned .article-area .article > div:not(.hero).calc-container {
  background: #e9eaf3;
}
.indepth-article.partitioned .article-area .article div.quick-calc:not(.hero) {
  padding: 0;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) {
  margin-bottom: 60px;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) p {
  margin-bottom: 20.4px;
  line-height: 1.85em;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) p:last-child {
  margin-bottom: 0;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) h2 {
  margin-top: 60px;
  margin-bottom: 24px;
  text-align: left;
  padding-bottom: 9.6px;
  border-bottom: 2px solid rgba(234, 238, 243, 0.7);
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) h3 {
  margin-top: 42px;
  margin-bottom: 15.6px;
  color: #4d4d4d;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) h4 {
  margin-top: 30px;
  margin-bottom: 12px;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ul,
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ol {
  margin: 20.4px 0;
  padding-left: 36px;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ul li,
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ol li {
  margin-bottom: 10.8px;
  line-height: 1.85em;
  padding-left: 8.4px;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ul li:last-child,
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ol li:last-child {
  margin-bottom: 0;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ol {
  counter-reset: step-counter;
  list-style: none;
  padding-left: 0;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ol > li {
  counter-increment: step-counter;
  position: relative;
  padding-left: 54px;
  margin-bottom: 18px;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ol > li:before {
  content: counter(step-counter);
  position: absolute;
  left: 0;
  top: 2px;
  width: 33.6px;
  height: 33.6px;
  background: #e45f31;
  color: white;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  line-height: 1;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ol > li ul {
  margin-top: 12px;
  list-style-type: disc;
  padding-left: 30px;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ol > li ul li {
  padding-left: 6px;
  margin-bottom: 8.4px;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ol > li ul li:before {
  display: none;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ul.bulletpoint li {
  list-style-type: none;
  position: relative;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) ul.bulletpoint li:before {
  content: "■";
  position: absolute;
  left: -24px;
  color: #e45f31;
  font-size: 0.7em;
  top: 0.55em;
  line-height: 1;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) hr {
  border: none;
  border-top: 1px solid #EAEEF3;
  margin: 48px 0;
  opacity: 0.6;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) strong {
  font-weight: 700;
  color: #4d4d4d;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) a {
  color: #e45f31;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: all 0.2s ease;
}
.indepth-article.partitioned .article-area .article > div:not(.hero):not(.quick-calc) a:hover {
  color: #bf4419;
  text-decoration-thickness: 2px;
}
.indepth-article.partitioned {
  background: #f7f7f7;
  width: 100%;
  max-width: 100%;
}
.indepth-article.partitioned .article-area {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: grid;
  grid-template-columns: 300px 1fr 280px;
  grid-gap: 24px;
  grid-template-areas: "table-contents hero-area sidebar" "table-contents article sidebar";
  grid-template-columns: 300px 1fr;
  grid-template-areas: "table-contents hero-area" "table-contents article" "table-contents sidebar";
}
@media (max-width: 1400px) {
  .indepth-article.partitioned .article-area {
    grid-template-columns: 300px 1fr;
    grid-template-areas: "table-contents hero-area" "table-contents article" "table-contents sidebar";
  }
}
@media (max-width: 950px) {
  .indepth-article.partitioned .article-area {
    grid-template-columns: 1fr;
    grid-template-areas: "hero-area" "table-contents" "article" "sidebar";
  }
}
.indepth-article.partitioned .article-area .table-contents {
  grid-area: table-contents;
}
.indepth-article.partitioned .article-area .table-contents h5 {
  color: #fff;
}
@media (max-width: 950px) {
  .indepth-article.partitioned .article-area .table-contents h5 {
    color: #4d4d4d;
  }
}
@media (min-width: 951px) {
  .indepth-article.partitioned .article-area .table-contents > div:first-of-type:not(.hero) {
    position: sticky;
    top: 24px;
    z-index: 49;
    /* Ensure it stays on top */
    background: #011734;
  }
}
.indepth-article.partitioned .article-area .table-contents ul {
  margin: 0;
}
.indepth-article.partitioned .article-area .table-contents ul li {
  font-size: 0.92rem;
  color: #e6e6e6;
}
.indepth-article.partitioned .article-area .table-contents ul li.active {
  color: #fff;
  font-weight: 500;
}
@media (max-width: 950px) {
  .indepth-article.partitioned .article-area .table-contents ul li.active {
    color: #4d4d4d;
  }
}
.indepth-article.partitioned .article-area .table-contents ul li.active + li.quote a {
  color: #fff;
  font-weight: 500;
}
@media (max-width: 950px) {
  .indepth-article.partitioned .article-area .table-contents ul li.active + li.quote a {
    color: #4d4d4d;
  }
}
.indepth-article.partitioned .article-area .table-contents ul li a:hover {
  color: #fff;
}
@media (max-width: 950px) {
  .indepth-article.partitioned .article-area .table-contents ul li,
  .indepth-article.partitioned .article-area .table-contents ul li a:hover {
    color: #777777;
  }
}
.indepth-article.partitioned .article-area .table-contents ul ul {
  margin-right: 12px;
}
.indepth-article.partitioned .article-area .table-contents a {
  color: inherit;
  text-decoration: none;
}
.indepth-article.partitioned .article-area .hero-area > div h1,
.indepth-article.partitioned .article-area .article > div h1,
.indepth-article.partitioned .article-area .hero-area > div h2,
.indepth-article.partitioned .article-area .article > div h2,
.indepth-article.partitioned .article-area .hero-area > div h3,
.indepth-article.partitioned .article-area .article > div h3,
.indepth-article.partitioned .article-area .hero-area > div h4,
.indepth-article.partitioned .article-area .article > div h4 {
  text-align: left;
}
.indepth-article.partitioned .article-area .hero-area > div h1,
.indepth-article.partitioned .article-area .article > div h1 {
  font-size: clamp(2rem, 6vw, 3.8rem);
}
.indepth-article.partitioned .article-area .hero-area > div h2,
.indepth-article.partitioned .article-area .article > div h2 {
  font-size: clamp(1.75rem, 3vw, 2.1rem);
}
.indepth-article.partitioned .article-area .hero-area > div h3,
.indepth-article.partitioned .article-area .article > div h3 {
  font-size: clamp(1.25rem, 2vw, 1.45rem);
}
.indepth-article.partitioned .article-area .hero-area > div h4,
.indepth-article.partitioned .article-area .article > div h4 {
  font-size: 1.1rem;
  font-weight: 600;
}
.indepth-article.partitioned .article-area .hero-area .hero > div:nth-of-type(2),
.indepth-article.partitioned .article-area .article .hero > div:nth-of-type(2) {
  width: 95%;
  max-width: 95%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  min-height: 0;
}
.indepth-article.partitioned .article-area .article {
  grid-area: article;
  overflow: hidden;
}
.indepth-article.partitioned .article-area .article > div h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
}
.indepth-article.partitioned .article-area .sidebar {
  grid-area: sidebar;
}
@media (min-width: 1401px) {
  .indepth-article.partitioned .article-area .sidebar > div:first-of-type {
    position: sticky;
    top: 24px;
    z-index: 49;
    /* Ensure it stays on top */
  }
}
@media (max-width: 1400px) {
  .indepth-article.partitioned .article-area .sidebar .relatedArticles h4,
  .indepth-article.partitioned .article-area .sidebar .relatedArticles h4 * {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
.indepth-article.partitioned .article-area .sidebar .relatedArticles > div {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px;
}
@media (min-width: 610px) and (max-width: 1400px) {
  .indepth-article.partitioned .article-area .sidebar .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
  .indepth-article.partitioned .article-area .sidebar .relatedArticles > div > a:nth-of-type(n+8) {
    display: flex;
  }
  .indepth-article.partitioned .article-area .sidebar .relatedArticles > div > a:nth-of-type(n+12) {
    display: none;
  }
  .indepth-article.partitioned .article-area .sidebar .relatedArticles > div h5 {
    font-size: 14px;
  }
}
@media (min-width: 490px) and (max-width: 610px) {
  .indepth-article.partitioned .article-area .sidebar .relatedArticles > div > a > div h5 {
    font-size: 16px;
  }
  .indepth-article.partitioned .article-area .sidebar .relatedArticles > div > a > div p {
    font-size: 13px;
  }
}
.indepth-article.partitioned .article-area .sidebar .relatedArticles > div > a {
  margin-bottom: 0;
}
.indepth-article.partitioned .article-area .table-contents > div:not(.hero),
.indepth-article.partitioned .article-area .hero-area > div:not(.hero),
.indepth-article.partitioned .article-area .article > div:not(.hero),
.indepth-article.partitioned .article-area .sidebar > div:not(.hero) {
  background: #fff;
  border-radius: 4px;
  padding: 24px;
}
.indepth-article.partitioned .article-area .table-contents > div:not(:last-child),
.indepth-article.partitioned .article-area .hero-area > div:not(:last-child),
.indepth-article.partitioned .article-area .article > div:not(:last-child),
.indepth-article.partitioned .article-area .sidebar > div:not(:last-child),
.indepth-article.partitioned .article-area .table-contents > figure:not(:last-child),
.indepth-article.partitioned .article-area .hero-area > figure:not(:last-child),
.indepth-article.partitioned .article-area .article > figure:not(:last-child),
.indepth-article.partitioned .article-area .sidebar > figure:not(:last-child) {
  margin-bottom: 24px;
}
.indepth-article.partitioned.hide-related-articles .article-area {
  grid-template-columns: 300px 1fr;
  grid-template-areas: "table-contents hero-area" "table-contents article" "table-contents sidebar";
}
@media (max-width: 1400px) {
  .indepth-article.partitioned.hide-related-articles .article-area {
    grid-template-columns: 300px 1fr;
    grid-template-areas: "table-contents hero-area" "table-contents article" "table-contents sidebar";
  }
}
@media (max-width: 950px) {
  .indepth-article.partitioned.hide-related-articles .article-area {
    grid-template-columns: 1fr;
    grid-template-areas: "hero-area" "table-contents" "article" "sidebar";
  }
}
.indepth-article.partitioned.hide-related-articles .article-area .sidebar .relatedArticles h4,
.indepth-article.partitioned.hide-related-articles .article-area .sidebar .relatedArticles h4 * {
  font-size: 24px;
  margin-bottom: 0.5em;
}
@media (min-width: 1400px) {
  .indepth-article.partitioned.hide-related-articles .article-area .sidebar .relatedArticles > div {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .indepth-article.partitioned.hide-related-articles .article-area .sidebar .relatedArticles > div > a:nth-of-type(n+8) {
    display: flex;
  }
  .indepth-article.partitioned.hide-related-articles .article-area .sidebar .relatedArticles > div > a:nth-of-type(n+15) {
    display: none;
  }
}
.indepth-article.partitioned .article-area .sidebar .relatedArticles > div {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1270px) {
  .indepth-article.partitioned .article-area .sidebar .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 620px) {
  .indepth-article.partitioned .article-area .sidebar .relatedArticles > div {
    grid-template-columns: 1fr;
  }
}
.indepth-article.partitioned .article-area .table-contents ul li {
  line-height: 1.75em;
  padding: 8.4px 0;
  border-bottom: 1px solid rgba(234, 238, 243, 0.5);
  transition: all 0.2s ease;
}
.indepth-article.partitioned .article-area .table-contents ul li:last-child {
  border-bottom: none;
}
.indepth-article.partitioned .article-area .table-contents ul li.active a {
  color: #e45f31;
  font-weight: 700;
}
.indepth-article.partitioned .article-area .table-contents ul li a {
  color: #fff;
  font-weight: 500;
  display: block;
  padding: 6px 12px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.indepth-article.partitioned .article-area .table-contents ul li a:hover {
  background: rgba(228, 95, 49, 0.08);
  color: #e45f31;
  text-decoration: none;
  transform: translateX(4px);
}
.indepth-article.partitioned .article-area .hero-area > div[name="introduction"],
.indepth-article.partitioned .article-area .hero-area > div[data-section="introduction"] {
  padding-top: 36px;
  padding-bottom: 12px;
}
.indepth-article.partitioned .article-area .hero-area > div[name="introduction"] h2,
.indepth-article.partitioned .article-area .hero-area > div[data-section="introduction"] h2 {
  text-align: left;
  border-bottom: none;
  margin-bottom: 18px;
}
.indepth-article.partitioned .article-area .hero-area > div[name="introduction"] p,
.indepth-article.partitioned .article-area .hero-area > div[data-section="introduction"] p {
  font-size: 1.05em;
  line-height: 1.85em;
  margin-bottom: 20.4px;
}
.indepth-article.partitioned .article-area .hero-area > div[name="introduction"] p:first-of-type,
.indepth-article.partitioned .article-area .hero-area > div[data-section="introduction"] p:first-of-type {
  font-size: 1.1em;
  color: #5e5e5e;
}
.indepth-article.partitioned .article-area .hero-area > div[name="introduction"] h3,
.indepth-article.partitioned .article-area .hero-area > div[data-section="introduction"] h3 {
  margin-top: 36px;
  margin-bottom: 15.6px;
  font-size: 1.35em;
}
.indepth-article.partitioned .article-area .hero-area > div[name="introduction"] strong,
.indepth-article.partitioned .article-area .hero-area > div[data-section="introduction"] strong {
  background: linear-gradient(to bottom, transparent 60%, rgba(253, 219, 65, 0.35) 60%);
  padding: 0 3px;
}
.indepth-article.partitioned .article-area .article > div[name="what-you-need"],
.indepth-article.partitioned .article-area .article > div[data-section="what-you-need"] {
  background: rgba(253, 219, 65, 0.08);
  border-left: 4px solid #fddb41;
  padding: 30px 36px;
  border-radius: 0 6px 6px 0;
  margin-bottom: 48px;
}
.indepth-article.partitioned .article-area .article > div[name="what-you-need"] h2,
.indepth-article.partitioned .article-area .article > div[data-section="what-you-need"] h2 {
  border-bottom: none;
  margin-top: 0;
  color: #8a7101;
}
.indepth-article.partitioned .article-area .article > div[name="what-you-need"] p strong,
.indepth-article.partitioned .article-area .article > div[data-section="what-you-need"] p strong {
  color: #8a7101;
}
.indepth-article.partitioned .article-area .article p > strong:first-child {
  display: block;
  margin-bottom: 8.4px;
  font-size: 1.05em;
}
.indepth-article.partitioned .article-area .article p:has(strong:first-child):where(:has(strong:contains("Tip")), :has(strong:contains("Important")), :has(strong:contains("Note")), :has(strong:contains("Please note")), :has(strong:contains("Final step"))) {
  background: rgba(234, 238, 243, 0.4);
  padding: 20.4px 24px;
  border-radius: 6px;
  border-left: 4px solid #e45f31;
  margin: 24px 0;
}
@media (max-width: 775px) {
  .indepth-article.partitioned .article-area .article > div:not(.hero) h2 {
    font-size: 1.65rem;
    margin-top: 42px;
  }
  .indepth-article.partitioned .article-area .article > div:not(.hero) h3 {
    font-size: 1.35rem;
  }
  .indepth-article.partitioned .article-area .article > div:not(.hero) ol > li {
    padding-left: 48px;
  }
  .indepth-article.partitioned .article-area .article > div:not(.hero) ol > li:before {
    width: 30px;
    height: 30px;
    font-size: 0.85em;
  }
}
.forward-back {
  transition: ease all 0.3s;
  display: flex;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #eaeef3;
  z-index: 49;
  /* Ensure it's above other content */
}
.forward-back.hidden {
  visibility: hidden;
  bottom: -200px;
}
.forward-back > a {
  padding: 24px 12px;
  cursor: pointer;
  display: flex;
  gap: 12px;
  align-items: center;
  color: #e45f31;
}
.forward-back > a[data-onpage-nav-direction="forward"] {
  text-align: right;
}
.forward-back > a:hover {
  background: #e45f31;
}
.forward-back > a:hover,
.forward-back > a:hover * {
  color: #fff;
}
.forward-back > a > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 14px;
}
.forward-back > a > div span {
  font-size: 1.35em;
  font-weight: 600;
}
body.articlePage .articleSpread > div {
  max-width: 1180px;
}
body.articlePage .articleSpread > div .article h1,
body.articlePage .articleSpread > div .article h2,
body.articlePage .articleSpread > div .article h3,
body.articlePage .articleSpread > div .article h4,
body.articlePage .articleSpread > div .article h5 {
  text-align: left;
}
body.articlePage .articleSpread > div .article .AB-ComparisonGallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
  margin: 24px auto;
}
@media (min-width: 770px) and (max-width: 1000px) {
  body.articlePage .articleSpread > div .article .AB-ComparisonGallery {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 620px) {
  body.articlePage .articleSpread > div .article .AB-ComparisonGallery {
    grid-template-columns: 1fr;
  }
}
body.articlePage .articleSpread > div .article .AB-ComparisonGallery > a {
  width: 100%;
  position: relative;
}
body.articlePage .articleSpread > div .article .AB-ComparisonGallery > a img,
body.articlePage .articleSpread > div .article .AB-ComparisonGallery > a picture {
  width: 100%;
}
body.articlePage .articleSpread > div .article .AB-ComparisonGallery > a h4,
body.articlePage .articleSpread > div .article .AB-ComparisonGallery > a h5 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 12px;
  background: rgba(228, 95, 49, 0.6);
  color: #fff;
}
body.articlePage .articleSpread .procedural-steps {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  grid-column-gap: 24px;
  margin-top: 48px;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
body.articlePage .articleSpread .procedural-steps > div {
  min-height: 230px;
  padding: 48px;
  padding-top: 16.5px;
}
@media (max-width: 5001px) {
  body.articlePage .articleSpread .procedural-steps {
    grid-template-columns: 55px 1fr;
    grid-template-areas: "number1 caption1" "number2 caption2" "number3 caption3" "number4 caption4" "number5 caption5" "number6 caption6" "number7 caption7" "number8 caption8" "number9 caption9" "number10 caption10" "number11 caption11" "number12 caption12" "number13 caption13" "number14 caption14" "number15 caption15" "number16 caption16" "number17 caption17" "number18 caption18";
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(6n+3),
  body.articlePage .articleSpread .procedural-steps > div:nth-child(6n+4) {
    display: none;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(1) {
    grid-area: caption1;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(2) {
    grid-area: number1;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(3) {
    grid-area: empty1;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(4) {
    grid-area: empty2;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(5) {
    grid-area: number2;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(6) {
    grid-area: caption2;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(7) {
    grid-area: caption3;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(8) {
    grid-area: number3;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(9) {
    grid-area: empty3;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(10) {
    grid-area: empty4;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(11) {
    grid-area: number4;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(12) {
    grid-area: caption4;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(13) {
    grid-area: caption5;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(14) {
    grid-area: number5;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(15) {
    grid-area: empty5;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(16) {
    grid-area: empty6;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(17) {
    grid-area: number6;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(18) {
    grid-area: caption6;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(19) {
    grid-area: caption7;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(20) {
    grid-area: number7;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(21) {
    grid-area: empty7;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(22) {
    grid-area: empty8;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(23) {
    grid-area: number8;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(24) {
    grid-area: caption8;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(25) {
    grid-area: caption9;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(26) {
    grid-area: number9;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(27) {
    grid-area: empty9;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(28) {
    grid-area: empty10;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(29) {
    grid-area: number10;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(30) {
    grid-area: caption10;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(31) {
    grid-area: caption11;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(32) {
    grid-area: number11;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(33) {
    grid-area: empty11;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(34) {
    grid-area: empty12;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(35) {
    grid-area: number12;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(36) {
    grid-area: caption12;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(37) {
    grid-area: caption13;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(38) {
    grid-area: number13;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(39) {
    grid-area: empty13;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(40) {
    grid-area: empty14;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(41) {
    grid-area: number14;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(42) {
    grid-area: caption14;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(43) {
    grid-area: caption15;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(44) {
    grid-area: number15;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(45) {
    grid-area: empty15;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(46) {
    grid-area: empty16;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(47) {
    grid-area: number16;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(48) {
    grid-area: caption16;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(49) {
    grid-area: caption17;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(50) {
    grid-area: number17;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(51) {
    grid-area: empty17;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(52) {
    grid-area: empty18;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(53) {
    grid-area: number18;
  }
  body.articlePage .articleSpread .procedural-steps > div:nth-child(54) {
    grid-area: caption18;
  }
}
@media (max-width: 5000px) {
  body.articlePage .articleSpread .procedural-steps > div {
    padding-left: 0;
    padding-right: 0;
  }
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(3n+2) {
  padding: 0;
  position: relative;
  min-height: 55px;
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(3n+2):before {
  display: block;
  content: "";
  display: flex;
  height: 100%;
  border-right: 2px dashed #ece6ff;
  width: 50%;
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(3n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px dashed #ece6ff;
  color: #e45f31;
  content: "1";
  font-size: 22px;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(5):after {
  content: "2";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(8):after {
  content: "3";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(11):after {
  content: "4";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(14):after {
  content: "5";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(17):after {
  content: "6";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(20):after {
  content: "7";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(23):after {
  content: "8";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(26):after {
  content: "9";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(29):after {
  content: "10";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(32):after {
  content: "11";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(35):after {
  content: "12";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(38):after {
  content: "13";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(41):after {
  content: "14";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(44):after {
  content: "15";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(47):after {
  content: "16";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(50):after {
  content: "17";
}
body.articlePage .articleSpread .procedural-steps > div:nth-child(53):after {
  content: "18";
}
body.articlePage .articleSpread .procedural-steps div:nth-last-child(2):before {
  display: none;
}
body.articlePage.reading-time .articleSpread > div .sidebar > div:first-of-type {
  top: 10px;
}
body.articlePage.reading-time .articleSpread > div .sidebar > div:nth-of-type(2) {
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
}
body.articlePage.reading-time > div:nth-of-type(1) {
  height: 66px;
}
body.articlePage.reading-time .remainingTimeWrapper {
  display: flex;
  font-size: 0.9rem;
  align-items: center;
  gap: 5px;
}
body.articlePage.reading-time .remainingTimeWrapper * {
  font-weight: 600;
}
body.articlePage.reading-time .remainingTimeWrapper svg.svg-inline--fa,
body.articlePage.reading-time .remainingTimeWrapper i.fas,
body.articlePage.reading-time .remainingTimeWrapper i.fab,
body.articlePage.reading-time .remainingTimeWrapper i.fal,
body.articlePage.reading-time .remainingTimeWrapper i.far {
  font-size: 1.25em;
  font-weight: normal;
}
@media (max-width: 775px) {
  body.articlePage.reading-time .remainingTimeWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    height: auto;
    color: #fff;
    background: #e45f31;
  }
}
@media (max-width: 775px) {
  body.articlePage.reading-time.eco-hub .remainingTimeWrapper {
    background: #499f41;
  }
}
body.articlePage .articleSpread > div .subSection,
.indepth-article .subSection {
  margin: 24px 0;
  padding: 24px 0;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
}
body.articlePage .articleSpread > div .subSection + .subSection,
.indepth-article .subSection + .subSection,
body.articlePage .articleSpread > div .subSection:first-child,
.indepth-article .subSection:first-child {
  border-top: none;
  padding-top: 0;
}
body.articlePage .articleSpread > div .subSection:last-child,
.indepth-article .subSection:last-child,
body.articlePage .articleSpread > div .subSection:last-of-type,
.indepth-article .subSection:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
body.articlePage .articleSpread > div .sidebar h4,
.indepth-article .sidebar h4,
body.articlePage .articleSpread > div .sidebar h4 *,
.indepth-article .sidebar h4 * {
  text-transform: none;
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 0.5em;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a,
.indepth-article .sidebar > div.relatedArticles > div > a {
  display: flex;
  margin-bottom: 12px;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a img,
.indepth-article .sidebar > div.relatedArticles > div > a img {
  margin-left: 0;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 7px;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a > div,
.indepth-article .sidebar > div.relatedArticles > div > a > div {
  clear: both;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: auto;
  padding: 0;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a > div h4,
.indepth-article .sidebar > div.relatedArticles > div > a > div h4 {
  font-size: 16.8px;
  text-transform: none;
  font-weight: 600;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a > div h5,
.indepth-article .sidebar > div.relatedArticles > div > a > div h5 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3em;
  letter-spacing: 0.4px;
  text-transform: none;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a > div p,
.indepth-article .sidebar > div.relatedArticles > div > a > div p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
}
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a:nth-of-type(n+8),
.indepth-article .sidebar > div.relatedArticles > div > a:nth-of-type(n+8),
body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div:nth-of-type(n+8),
.indepth-article .sidebar > div.relatedArticles > div > div:nth-of-type(n+8) {
  display: none;
}
@media (min-width: 775px) and (max-height: 690px) {
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a:nth-of-type(n+7),
  .indepth-article .sidebar > div.relatedArticles > div > a:nth-of-type(n+7),
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div:nth-of-type(n+7),
  .indepth-article .sidebar > div.relatedArticles > div > div:nth-of-type(n+7) {
    display: none;
  }
}
@media (min-width: 775px) and (max-height: 620px) {
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a:nth-of-type(n+6),
  .indepth-article .sidebar > div.relatedArticles > div > a:nth-of-type(n+6),
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div:nth-of-type(n+6),
  .indepth-article .sidebar > div.relatedArticles > div > div:nth-of-type(n+6) {
    display: none;
  }
}
@media (min-width: 775px) and (max-height: 550px) {
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a:nth-of-type(n+5),
  .indepth-article .sidebar > div.relatedArticles > div > a:nth-of-type(n+5),
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div:nth-of-type(n+5),
  .indepth-article .sidebar > div.relatedArticles > div > div:nth-of-type(n+5) {
    display: none;
  }
}
@media (min-width: 775px) and (max-height: 480px) {
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > a:nth-of-type(n+4),
  .indepth-article .sidebar > div.relatedArticles > div > a:nth-of-type(n+4),
  body.articlePage .articleSpread > div .sidebar > div.relatedArticles > div > div:nth-of-type(n+4),
  .indepth-article .sidebar > div.relatedArticles > div > div:nth-of-type(n+4) {
    display: none;
  }
}
.fold > div > .relatedArticles {
  max-width: 1100px;
  margin: auto;
}
.fold > div > .relatedArticles > div > a {
  display: flex;
  margin-bottom: 12px;
}
.fold > div > .relatedArticles > div > a img {
  margin-left: 0;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 7px;
}
.fold > div > .relatedArticles > div > a > div {
  clear: both;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: auto;
  padding: 0;
}
.fold > div > .relatedArticles > div > a > div h4 {
  font-size: 16.8px;
  text-transform: none;
  font-weight: 600;
}
.fold > div > .relatedArticles > div > a > div h5 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3em;
  letter-spacing: 0.4px;
  text-transform: none;
}
.fold > div > .relatedArticles > div > a > div p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
}
.fold > div > .relatedArticles h4 {
  display: block;
  text-align: center;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0.5em;
  position: relative;
  margin-bottom: 24px;
}
.fold > div > .relatedArticles h4 > span {
  background-color: #FEFEFF;
  padding: 24px;
  z-index: 1;
  position: relative;
}
.decision-tree .fold > div > .relatedArticles h4 > span {
  background: #fdfdfd;
}
.fold > div > .relatedArticles h4:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  background: rgba(51, 51, 51, 0.1);
}
.fold > div > .relatedArticles > div {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
.definitive-guide .fold > div > .relatedArticles > div {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 890px) {
  .fold > div > .relatedArticles > div,
  .definitive-guide .fold > div > .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 510px) {
  .fold > div > .relatedArticles > div,
  .definitive-guide .fold > div > .relatedArticles > div {
    grid-template-columns: 1fr;
  }
}
.fold > div > .relatedArticles > div > a:nth-of-type(n+13),
.fold > div > .relatedArticles > div > div:nth-of-type(n+13) {
  display: none;
}
@media (max-width: 510px) {
  .fold > div > .relatedArticles > div > a:nth-of-type(n+7),
  .fold > div > .relatedArticles > div > div:nth-of-type(n+7) {
    display: none;
  }
}
progress,
progress:not([value]),
progress[value] {
  /* Positioning */
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  /* Dimensions */
  width: 100%;
  height: 10px;
  /* Reset the apperance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Get rid of the default border in Firefox/Opera. */
  border: none;
  /* For Firefox/IE10+ */
  background-color: transparent;
  /* For IE10+, color of the progress bar */
  color: #e45f31;
}
.eco-hub progress,
.eco-hub progress:not([value]),
.eco-hub progress[value] {
  color: #499f41;
}
progress::-webkit-progress-bar {
  background-color: transparent;
  color: #e45f31;
}
.eco-hub progress::-webkit-progress-bar {
  color: #499f41;
}
.flat::-moz-progress-bar,
.flat::-webkit-progress-value {
  background-color: #e45f31;
}
.eco-hub .flat::-moz-progress-bar,
.eco-hub .flat::-webkit-progress-value {
  background-color: #499f41;
}
progress::-moz-progress-bar {
  background: #e45f31;
}
.eco-hub progress::-moz-progress-bar {
  background: #499f41;
}
progress::-webkit-progress-value {
  background: #e45f31;
}
.eco-hub progress::-webkit-progress-value {
  background: #499f41;
}
.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: 0.25em;
  display: block;
}
.progress-container .progress-bar {
  background-color: #e45f31;
  width: 50%;
  display: block;
  height: inherit;
}
.eco-hub .progress-container .progress-bar {
  background-color: #499f41;
}
.case-study {
  padding: clamp(30px, 7.5vh, 110px) 0;
  background: #f7f7f7;
}
.case-study > div {
  max-width: 730px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 770px) {
  .case-study > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.case-study > div:not(:last-child) {
  margin-bottom: 24px;
}
.case-study > div > div {
  background: #fff;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 24px;
}
.case-study .logo {
  width: 90%;
  max-width: 220px;
  margin: auto;
}
.diagnostic-scenarios {
  display: flex;
  flex-direction: column;
  gap: 20.4px;
  margin: 36px 0;
}
.diagnostic-scenarios .scenario {
  border-left: 5px solid #e45f31;
  background: rgba(234, 238, 243, 0.35);
  border-radius: 0 6px 6px 0;
  padding: 24px 30px;
  transition: all 0.25s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.diagnostic-scenarios .scenario:hover {
  background: rgba(234, 238, 243, 0.55);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transform: translateX(2px);
}
.diagnostic-scenarios .scenario .scenario-trigger {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.05em;
  font-weight: 700;
  color: #4d4d4d;
  margin-bottom: 12px;
  line-height: 1.4em;
}
.diagnostic-scenarios .scenario p {
  margin: 0;
  font-size: 0.95em;
  line-height: 1.75em;
  color: #777777;
}
.diagnostic-scenarios .scenario p:not(:last-child) {
  margin-bottom: 12px;
}
.diagnostic-scenarios .scenario a {
  color: #e45f31;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
}
.diagnostic-scenarios .scenario a:hover {
  color: #bf4419;
  text-decoration: none;
}
.diagnostic-scenarios .scenario.scenario--ok {
  border-left-color: #499f41;
}
.diagnostic-scenarios .scenario.scenario--ok .scenario-trigger {
  color: #499f41;
}
.diagnostic-scenarios .scenario.scenario--fault {
  border-left-color: #e45f31;
}
.diagnostic-scenarios .scenario.scenario--fault .scenario-trigger {
  color: #e45f31;
}
.eui-widget-title.eapps-instagram-feed-title {
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  text-align: left;
  font-size: clamp(2rem, 4vw, 3.5rem);
}
.eui-widget-title.eapps-instagram-feed-title:first-child,
.pre-heading + .eui-widget-title.eapps-instagram-feed-title {
  margin-top: 0;
}
.eui-widget-title.eapps-instagram-feed-title,
.eui-widget-title.eapps-instagram-feed-title a {
  color: #4d4d4d;
}
h4.toggle_trigger {
  font-size: clamp(17px, 2.5vw, 19px);
}
.toggle_container h1,
.toggle_container h2,
.toggle_container h3 {
  display: none;
}
.toggle_container h4,
.toggle_container h5,
.toggle_container h6 {
  text-align: left;
}
ul.toggleFeaturesList + .subSection {
  border-top: none;
}
ul.toggleFeaturesList li .toggle_container .subSection:last-child {
  border-bottom: none;
}
ul.toggleFeaturesList li .toggle_container .subSection:nth-last-child(2):has( + .toggleFixedCloserWrapper) {
  border-bottom: none;
}
body.sitemap h2,
body.sitemap h3,
body.sitemap h4,
body.sitemap h5,
body.sitemap h6 {
  text-align: left;
}
body.sitemap li h5 {
  margin-top: 24px;
}
table td,
table th {
  padding: 12px;
}
table.statsTable {
  margin: 36px auto 36px 0;
  font-size: 0.9rem;
}
h3 + table.statsTable,
h4 + table.statsTable,
h5 + table.statsTable {
  margin-top: 0;
}
table.statsTable td:first-of-type {
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  font-weight: 600;
  text-align: left;
  padding-left: 0;
}
table.solarCostComparisonTable {
  margin: 48px auto 48px 48px;
  font-size: 0.9rem;
  border: 1px solid #d8d8d8;
}
@media (max-width: 1100px) {
  table.solarCostComparisonTable {
    margin-right: auto;
    margin-left: auto;
  }
}
table.solarCostComparisonTable td,
table.solarCostComparisonTable th {
  line-height: 1.4em;
}
table.solarCostComparisonTable thead tr th {
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
}
table.solarCostComparisonTable thead tr th .footnote {
  display: block;
  font-size: 0.85rem;
  font-size: 0.75rem;
  font-weight: normal;
}
table.solarCostComparisonTable tr {
  border-bottom: 1px solid #d8d8d8;
}
table.solarCostComparisonTable tr tbody tr:last-of-type {
  border-bottom: none;
}
table.solarCostComparisonTable tr td:not(:last-of-type),
table.solarCostComparisonTable tr th:not(:last-of-type) {
  border-right: 1px solid #d8d8d8;
}
table.solarCostComparisonTable a {
  text-decoration: underline;
  text-underline-position: under;
  color: #e45f31;
}
.diagnosticTable {
  width: 100%;
  border-collapse: collapse;
  border-radius: 4px;
  overflow: hidden;
  font-size: 0.95em;
  margin: 12px 0 24px 0;
}
.diagnosticTable thead tr th {
  background: #011734;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: left;
  padding: 14.4px 18px;
  font-size: 0.9em;
  letter-spacing: 0.02em;
}
.diagnosticTable tbody tr {
  border-bottom: 1px solid #EAEEF3;
}
.diagnosticTable tbody tr:last-of-type {
  border-bottom: none;
}
.diagnosticTable tbody tr:nth-child(even) {
  background: rgba(234, 238, 243, 0.6);
}
.diagnosticTable tbody tr:hover {
  background: rgba(228, 95, 49, 0.06);
}
.diagnosticTable tbody tr td {
  padding: 13.2px 18px;
  color: #4d4d4d;
  vertical-align: middle;
  line-height: 1.4em;
  font-size: 0.88em;
}
.diagnosticTable tbody tr td:first-of-type {
  border-right: 1px solid #d8d8d8;
  font-weight: 500;
  color: #4d4d4d;
}
.diagnosticTable tbody tr td:last-of-type {
  color: #777777;
}
.diagnosticTable tbody tr td a {
  color: #e45f31;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 500;
}
.diagnosticTable tbody tr td a:hover {
  color: #c8471a;
  text-decoration: none;
}
@media (max-width: 768px) {
  .diagnosticTable {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.savingsCalculationsTable,
.PVSystemCalculationsTable {
  width: 530px;
  max-width: 100%;
  font-size: 0.9rem;
}
.savingsCalculationsTable h5,
.PVSystemCalculationsTable h5 {
  margin: 0;
}
.savingsCalculationsTable tr.total,
.PVSystemCalculationsTable tr.total {
  background: rgba(228, 95, 49, 0.15);
}
.savingsCalculationsTable tr.total td,
.PVSystemCalculationsTable tr.total td {
  color: #e45f31;
  font-weight: bold;
}
.savingsCalculationsTable tr.total td:nth-of-type(2) span,
.PVSystemCalculationsTable tr.total td:nth-of-type(2) span {
  color: inherit;
  font-weight: inherit;
  margin-top: 6px;
}
.savingsCalculationsTable tr.total.subtotal,
.PVSystemCalculationsTable tr.total.subtotal,
.savingsCalculationsTable tr.total.subtotal + .footerCurve,
.PVSystemCalculationsTable tr.total.subtotal + .footerCurve {
  background: #f7f7f7;
}
.savingsCalculationsTable tr td svg.svg-inline--fa,
.PVSystemCalculationsTable tr td svg.svg-inline--fa,
.savingsCalculationsTable tr td i.fas,
.PVSystemCalculationsTable tr td i.fas,
.savingsCalculationsTable tr td i.fab,
.PVSystemCalculationsTable tr td i.fab,
.savingsCalculationsTable tr td i.fal,
.PVSystemCalculationsTable tr td i.fal,
.savingsCalculationsTable tr td i.far,
.PVSystemCalculationsTable tr td i.far {
  font-weight: 900;
}
.savingsCalculationsTable tr td .footnote,
.PVSystemCalculationsTable tr td .footnote {
  margin-top: 6px;
  display: block;
  font-size: 0.85em;
  color: #777777;
  font-weight: normal;
}
.savingsCalculationsTable tr td a,
.PVSystemCalculationsTable tr td a {
  color: #e45f31;
}
.savingsCalculationsTable tr td input,
.PVSystemCalculationsTable tr td input {
  width: 100%;
}
.savingsCalculationsTable tr td input[type="number"],
.PVSystemCalculationsTable tr td input[type="number"],
.savingsCalculationsTable tr td input[type="text"],
.PVSystemCalculationsTable tr td input[type="text"] {
  padding: 12px;
}
.savingsCalculationsTable tr td .options,
.PVSystemCalculationsTable tr td .options {
  display: flex;
  gap: 8px;
  width: 100%;
}
.savingsCalculationsTable tr td .options > div,
.PVSystemCalculationsTable tr td .options > div {
  flex: 1;
  border: 2px solid #d7d7d7;
  border-radius: 8px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 8px;
  text-align: center;
  font-size: 0.85rem;
  font-size: 0.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.savingsCalculationsTable tr td .options > div:hover,
.PVSystemCalculationsTable tr td .options > div:hover {
  cursor: pointer;
}
.savingsCalculationsTable tr td .options > div.selected,
.PVSystemCalculationsTable tr td .options > div.selected {
  background: #e45f31;
  border-color: #e45f31;
  color: #fff;
}
.savingsCalculationsTable tr td span.typical-value-display,
.PVSystemCalculationsTable tr td span.typical-value-display {
  display: block;
  margin-top: 8px;
  padding: 10px 12px;
  background: rgba(228, 95, 49, 0.08);
  border-radius: 6px;
  color: #777777;
  font-weight: 600;
  font-size: 0.9rem;
}
.savingsCalculationsTable tr td select,
.PVSystemCalculationsTable tr td select {
  padding: 6px;
}
.savingsCalculationsTable tr td select:not(.integer-select),
.PVSystemCalculationsTable tr td select:not(.integer-select) {
  width: 100%;
}
.savingsCalculationsTable tr.total td,
.PVSystemCalculationsTable tr.total td {
  margin-bottom: 24px;
}
.savingsCalculationsTable tr.total td:nth-of-type(1),
.PVSystemCalculationsTable tr.total td:nth-of-type(1) {
  font-weight: normal;
  font-weight: 600;
}
.savingsCalculationsTable tr.total td:nth-of-type(2),
.PVSystemCalculationsTable tr.total td:nth-of-type(2) {
  font-size: 1.7em;
}
.savingsCalculationsTable tr.total.footnote td,
.PVSystemCalculationsTable tr.total.footnote td {
  padding-top: 0;
}
.savingsCalculationsTable tr.total.footnote td .footnote,
.PVSystemCalculationsTable tr.total.footnote td .footnote {
  margin-top: 0;
}
.savingsCalculationsTable tr.heading td,
.PVSystemCalculationsTable tr.heading td {
  padding: 24px 0 12px 0;
}
.savingsCalculationsTable tr.heading td h5,
.PVSystemCalculationsTable tr.heading td h5 {
  padding: 6px 12px;
  color: #fff;
  background: #e45f31;
}
.savingsCalculationsTable tr.heading td p.explainer,
.PVSystemCalculationsTable tr.heading td p.explainer {
  padding: 0 12px;
}
.savingsCalculationsTable.highlight-buttons tr.heading td h5,
.PVSystemCalculationsTable.highlight-buttons tr.heading td h5 {
  background: #011734;
}
.savingsCalculationsTable tr.heading p.explainer,
.PVSystemCalculationsTable tr.heading p.explainer,
.savingsCalculationsTable tr.total p.explainer,
.PVSystemCalculationsTable tr.total p.explainer {
  line-height: 1.4em;
  margin-top: 12px;
}
.savingsCalculationsTable tr.explainer-row > *,
.PVSystemCalculationsTable tr.explainer-row > * {
  padding-top: 24px;
}
.savingsCalculator.PVSystemCalculationsTable,
.savingsCalculationsTable.wide,
.savingsCalculator.PVSystemCalculationsTable table,
.savingsCalculationsTable.wide table {
  width: 100%;
}
.slider.reviewsSlider {
  position: relative;
  padding-top: 40px;
  max-width: 1080px;
  margin: auto;
}
.slider.reviewsSlider button.slick-prev.slick-arrow,
.slider.reviewsSlider button.slick-next.slick-arrow {
  position: absolute;
  top: 0;
  width: 55px;
  height: 55px;
  border: 2px solid #EAEEF3;
  background: #fff;
  border-radius: 50%;
  opacity: 1;
  z-index: 0;
}
.slider.reviewsSlider button.slick-prev.slick-arrow:before,
.slider.reviewsSlider button.slick-next.slick-arrow:before {
  text-shadow: none;
  text-align: center;
  color: #4d4d4d;
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  font-weight: 400;
}
.slider.reviewsSlider button.slick-prev.slick-arrow {
  left: 40px;
}
.slider.reviewsSlider button.slick-prev.slick-arrow:before {
  content: "\f053";
}
.slider.reviewsSlider button.slick-next.slick-arrow {
  left: 140px;
  right: auto;
}
.slider.reviewsSlider button.slick-next.slick-arrow:before {
  content: "\f054";
}
.slider.reviewsSlider.onePerRow button.slick-prev.slick-arrow {
  right: auto;
  left: 40%;
}
.slider.reviewsSlider.onePerRow button.slick-next.slick-arrow {
  left: auto;
  right: 40%;
}
@media (max-width: 680px) {
  .slider.reviewsSlider.onePerRow button.slick-prev.slick-arrow {
    right: auto;
    left: 24px;
  }
  .slider.reviewsSlider.onePerRow button.slick-next.slick-arrow {
    left: auto;
    right: 24px;
  }
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  position: relative;
  border: 1px solid #EAEEF3;
  border-radius: 10px;
  background-color: white;
  box-shadow: #dcdcdc 1px 1px 12px 0;
  margin: 20px;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div *,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div * {
  font-family: 'Inter', sans-serif;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type .reviewer,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type .reviewer {
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 6px;
  display: block;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type .rating,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type .rating {
  color: #ffbc00;
  margin-top: 5px;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type .rating:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type .rating:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  letter-spacing: 3px;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="1"]:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="1"]:before {
  content: "\f005";
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="2"]:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="2"]:before {
  content: "\f005\f005";
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="3"]:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="3"]:before {
  content: "\f005\f005\f005";
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="4"]:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="4"]:before {
  content: "\f005\f005\f005\f005";
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="5"]:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type .rating[data-rating="5"]:before {
  content: "\f005\f005\f005\f005\f005";
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type .date,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type .date {
  font-size: 0.8em;
  opacity: 0.7;
  font-weight: 400;
  margin-left: 6px;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div > div:first-of-type:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div > div:first-of-type:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f007";
  float: left;
  background: #c6dcf5;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  display: block;
  font-size: 22.5px;
  margin-right: 12px;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div .title,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .title,
.slider.reviewsSlider.onePerRow > div > div > div > div > div .reviewContent,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .reviewContent {
  font-size: 14.4px;
  display: block;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div .reviewContent,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .reviewContent {
  line-height: 1.4em;
  margin-top: 6px;
  margin-bottom: 18px;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div .title,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .title {
  font-weight: bold;
  clear: both;
  margin-top: 12px;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div .reviewSource,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .reviewSource {
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  margin-top: auto;
  min-height: 35px;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div .reviewSource:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .reviewSource:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  font-family: "Font Awesome 5 Brands";
  display: block;
  float: left;
  margin-right: 18px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  border-radius: 50%;
  margin-top: -3px;
  font-size: 17.5px;
  text-align: center;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div .reviewSource span,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .reviewSource span {
  display: block;
  width: calc(100% - 35px - 18px);
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div .reviewSource span a,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .reviewSource span a {
  margin-top: 3px;
  font-size: 1.3em;
  color: #197bff;
  width: 100%;
  display: block;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div [data-review-source="Facebook"] .reviewSource:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div [data-review-source="Facebook"] .reviewSource:before {
  content: "\f39e";
  background: #4267B2;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div [data-review-source="Google"] .reviewSource:before,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div [data-review-source="Google"] .reviewSource:before {
  content: "\f1a0";
  background: #DB4437;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div .show-read-more,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .show-read-more,
.slider.reviewsSlider.onePerRow > div > div > div > div > div .more-text,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div .more-text {
  display: none;
}
.slider.reviewsSlider.onePerRow > div > div > div > div > div a.read-more,
.slider.reviewsSlider.twoPerRow > div > div > div > div > div a.read-more {
  color: #197bff;
}
.slider.reviewsSlider.onePerRow .slick-dots li:nth-of-type(n+10),
.slider.reviewsSlider.twoPerRow .slick-dots li:nth-of-type(n+10) {
  display: none;
}
.slider.reviewsSlider.onePerRow > div > div > div > div {
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
}
.slider.reviewsSlider.onePerRow > div > div > div > div:not(:first-child) {
  display: none;
}
.slider.reviewsSlider.twoPerRow > div > div {
  display: flex;
}
.slider.reviewsSlider.twoPerRow > div > div > div > div {
  width: 50%;
}
@media (max-width: 800px) {
  .slider.reviewsSlider.twoPerRow > div > div > div > div {
    flex: 1;
  }
  .slider.reviewsSlider.twoPerRow > div > div > div > div:nth-child(even) {
    display: none;
  }
}
@media (max-width: 800px) {
  .slider.reviewsSlider.twoPerRow button.slick-prev.slick-arrow {
    right: auto;
    left: 40%;
  }
  .slider.reviewsSlider.twoPerRow button.slick-next.slick-arrow {
    left: auto;
    right: 40%;
  }
}
@media (max-width: 800px) and (max-width: 680px) {
  .slider.reviewsSlider.twoPerRow button.slick-prev.slick-arrow {
    right: auto;
    left: 24px;
  }
  .slider.reviewsSlider.twoPerRow button.slick-next.slick-arrow {
    left: auto;
    right: 24px;
  }
}
.testimonial {
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  height: 100vh;
  align-items: stretch;
}
.testimonial > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.testimonial > div:first-child img,
.testimonial > div:first-child picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(80%);
}
.testimonial > div:first-child > img:nth-of-type(2) {
  display: none;
}
@media (max-width: 500px) {
  .testimonial > div:first-child > img:nth-of-type(2):last-child {
    display: block;
  }
  .testimonial > div:first-child > img:first-of-type:nth-last-of-type(2) {
    display: none;
  }
}
.testimonial > div:first-child > picture > img:nth-child(n) {
  display: block;
}
.testimonial > div:nth-child(2) {
  position: relative;
  resize: vertical;
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .testimonial > div:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.internetExplorer .testimonial,
.internetExplorer .testimonial * {
  display: block;
}
.internetExplorer body > .testimonial {
  min-height: 400px;
}
.testimonial > div:nth-of-type(2) {
  border: 8px solid #fff;
  border-left: none;
  margin-top: 15vh;
  margin-bottom: 15vh;
  width: 1000px;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (max-width: 880px) and (max-height: 480px) {
  .testimonial > div:nth-of-type(2) {
    border: none;
  }
}
.testimonial > div:nth-of-type(2) > div {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.testimonial > div:nth-of-type(2) > div:before,
.testimonial > div:nth-of-type(2) > div:after {
  display: block;
  content: "";
  border-left: 8px solid #fff;
  flex-grow: 1;
  display: flex;
}
@media (max-width: 880px) and (max-height: 480px) {
  .testimonial > div:nth-of-type(2) > div:before,
  .testimonial > div:nth-of-type(2) > div:after {
    display: none;
  }
}
.testimonial > div:nth-of-type(2) > div blockquote {
  padding: 24px 0;
  width: clamp(320px, 60%, 1000px);
  font-family: 'Montserrat', sans-serif;
  color: #4d4d4d;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0.75em 0 0.25em 0;
  letter-spacing: 0.0175em;
  font-size: clamp(1.5rem, 4vw, 2.05rem);
  line-height: 1.3em;
  font-weight: 500;
  color: #fff;
  text-align: left;
  margin-left: -5%;
}
.testimonial > div:nth-of-type(2) > div blockquote:first-child,
.pre-heading + .testimonial > div:nth-of-type(2) > div blockquote {
  margin-top: 0;
}
@media (max-width: 1000px) and (max-height: 600px) {
  .testimonial > div:nth-of-type(2) > div blockquote {
    font-size: clamp(1.5rem, 2.5vw, 1.9rem);
    width: 70%;
  }
}
.testimonial > div:nth-of-type(2) > div blockquote:before {
  display: block;
  content: "\f10e";
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  padding-left: 10px;
  font-size: 2.2em;
  margin: 24px 0;
}
@media (max-width: 1150px) {
  .testimonial > div:nth-of-type(2) {
    padding: 0;
  }
  .testimonial > div:nth-of-type(2) > div blockquote {
    margin-left: -2.5%;
  }
}
.reviewsGrid {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  scroll-behavior: smooth;
}
@media (max-width: 1520px) {
  .reviewsGrid {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.reviewsGrid > div:first-of-type {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1350px) {
  .reviewsGrid > div:first-of-type {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 775px) {
  .reviewsGrid > div:first-of-type {
    grid-template-columns: 1fr;
  }
}
.reviewsGrid > div:first-of-type > div {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  position: relative;
  border: 1px solid #EAEEF3;
  border-radius: 10px;
  background-color: white;
  box-shadow: #dcdcdc 1px 1px 12px 0;
  margin: 20px;
  align-self: flex-start;
}
.reviewsGrid > div:first-of-type > div * {
  font-family: 'Inter', sans-serif;
}
.reviewsGrid > div:first-of-type > div > div:first-of-type .reviewer {
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 6px;
  display: block;
}
.reviewsGrid > div:first-of-type > div > div:first-of-type .rating {
  color: #ffbc00;
  margin-top: 5px;
}
.reviewsGrid > div:first-of-type > div > div:first-of-type .rating:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  letter-spacing: 3px;
}
.reviewsGrid > div:first-of-type > div > div:first-of-type .rating[data-rating="1"]:before {
  content: "\f005";
}
.reviewsGrid > div:first-of-type > div > div:first-of-type .rating[data-rating="2"]:before {
  content: "\f005\f005";
}
.reviewsGrid > div:first-of-type > div > div:first-of-type .rating[data-rating="3"]:before {
  content: "\f005\f005\f005";
}
.reviewsGrid > div:first-of-type > div > div:first-of-type .rating[data-rating="4"]:before {
  content: "\f005\f005\f005\f005";
}
.reviewsGrid > div:first-of-type > div > div:first-of-type .rating[data-rating="5"]:before {
  content: "\f005\f005\f005\f005\f005";
}
.reviewsGrid > div:first-of-type > div > div:first-of-type .date {
  font-size: 0.8em;
  opacity: 0.7;
  font-weight: 400;
  margin-left: 6px;
}
.reviewsGrid > div:first-of-type > div > div:first-of-type:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f007";
  float: left;
  background: #c6dcf5;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  display: block;
  font-size: 22.5px;
  margin-right: 12px;
}
.reviewsGrid > div:first-of-type > div .title,
.reviewsGrid > div:first-of-type > div .reviewContent {
  font-size: 14.4px;
  display: block;
}
.reviewsGrid > div:first-of-type > div .reviewContent {
  line-height: 1.4em;
  margin-top: 6px;
  margin-bottom: 18px;
}
.reviewsGrid > div:first-of-type > div .title {
  font-weight: bold;
  clear: both;
  margin-top: 12px;
}
.reviewsGrid > div:first-of-type > div .reviewSource {
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  margin-top: auto;
  min-height: 35px;
}
.reviewsGrid > div:first-of-type > div .reviewSource:before {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  font-family: "Font Awesome 5 Brands";
  display: block;
  float: left;
  margin-right: 18px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  border-radius: 50%;
  margin-top: -3px;
  font-size: 17.5px;
  text-align: center;
}
.reviewsGrid > div:first-of-type > div .reviewSource span {
  display: block;
  width: calc(100% - 35px - 18px);
}
.reviewsGrid > div:first-of-type > div .reviewSource span a {
  margin-top: 3px;
  font-size: 1.3em;
  color: #197bff;
  width: 100%;
  display: block;
}
.reviewsGrid > div:first-of-type > div [data-review-source="Facebook"] .reviewSource:before {
  content: "\f39e";
  background: #4267B2;
}
.reviewsGrid > div:first-of-type > div [data-review-source="Google"] .reviewSource:before {
  content: "\f1a0";
  background: #DB4437;
}
.reviewsGrid > div:first-of-type > div .show-read-more,
.reviewsGrid > div:first-of-type > div .more-text {
  display: none;
}
.reviewsGrid > div:first-of-type > div a.read-more {
  color: #197bff;
}
.reviewsGrid > div:first-of-type > div:nth-of-type(n+7) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="2"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="2"] > div:first-of-type > div:nth-of-type(n + 13) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="3"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="3"] > div:first-of-type > div:nth-of-type(n + 19) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="4"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="4"] > div:first-of-type > div:nth-of-type(n + 25) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="5"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="5"] > div:first-of-type > div:nth-of-type(n + 31) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="6"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="6"] > div:first-of-type > div:nth-of-type(n + 37) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="7"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="7"] > div:first-of-type > div:nth-of-type(n + 43) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="8"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="8"] > div:first-of-type > div:nth-of-type(n + 49) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="9"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="9"] > div:first-of-type > div:nth-of-type(n + 55) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="10"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="10"] > div:first-of-type > div:nth-of-type(n + 61) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="11"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="11"] > div:first-of-type > div:nth-of-type(n + 67) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="12"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="12"] > div:first-of-type > div:nth-of-type(n + 73) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="13"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="13"] > div:first-of-type > div:nth-of-type(n + 79) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="14"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="14"] > div:first-of-type > div:nth-of-type(n + 85) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="15"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="15"] > div:first-of-type > div:nth-of-type(n + 91) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="16"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="16"] > div:first-of-type > div:nth-of-type(n + 97) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="17"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="17"] > div:first-of-type > div:nth-of-type(n + 103) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="18"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="18"] > div:first-of-type > div:nth-of-type(n + 109) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="19"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="19"] > div:first-of-type > div:nth-of-type(n + 115) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="20"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="20"] > div:first-of-type > div:nth-of-type(n + 121) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="21"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="21"] > div:first-of-type > div:nth-of-type(n + 127) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="22"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="22"] > div:first-of-type > div:nth-of-type(n + 133) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="23"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="23"] > div:first-of-type > div:nth-of-type(n + 139) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="24"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="24"] > div:first-of-type > div:nth-of-type(n + 145) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="25"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="25"] > div:first-of-type > div:nth-of-type(n + 151) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="26"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="26"] > div:first-of-type > div:nth-of-type(n + 157) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="27"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="27"] > div:first-of-type > div:nth-of-type(n + 163) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="28"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="28"] > div:first-of-type > div:nth-of-type(n + 169) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="29"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="29"] > div:first-of-type > div:nth-of-type(n + 175) {
  display: none;
}
.reviewsGrid[data-blocks-to-display="30"] > div:first-of-type > div:nth-of-type(n) {
  display: block;
}
.reviewsGrid[data-blocks-to-display="30"] > div:first-of-type > div:nth-of-type(n + 181) {
  display: none;
}
.reviewsGrid > div:nth-of-type(2) .loadmoreButton {
  font-family: 'Inter', sans-serif;
  letter-spacing: 1px;
  font-size: 15px;
  color: #4d4d4d;
  text-align: center;
  width: 250px;
  margin: 24px auto;
  padding: 10px;
  line-height: 1em;
  background: #EAEEF3;
  cursor: pointer;
}
.reviewsGrid > div:nth-of-type(2) .loadmoreButton:hover {
  background: #cad4e0;
}
.review-ratings-summary-wrapper > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  .review-ratings-summary-wrapper > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.review-ratings-summary-wrapper > div:not(:last-child) {
  margin-bottom: 24px;
}
.review-ratings-summary,
.splitScreenHero .review-ratings-summary {
  box-shadow: #dcdcdc 1px 1px 12px 0;
  background: #fff;
  border-radius: 10px;
  padding: 18px;
  width: 226px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.review-ratings-summary > div:nth-of-type(1),
.splitScreenHero .review-ratings-summary > div:nth-of-type(1) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review-ratings-summary > div:nth-of-type(1) > *,
.splitScreenHero .review-ratings-summary > div:nth-of-type(1) > * {
  flex-basis: 46%;
}
.review-ratings-summary > div:nth-of-type(1) svg,
.splitScreenHero .review-ratings-summary > div:nth-of-type(1) svg {
  max-width: 100px;
}
.review-ratings-summary > div:nth-of-type(1) > span,
.splitScreenHero .review-ratings-summary > div:nth-of-type(1) > span {
  font-size: 16px;
}
.review-ratings-summary > div:nth-of-type(2),
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.review-ratings-summary > div:nth-of-type(2) > span:nth-child(1),
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > span:nth-child(1) {
  color: #000;
  font-weight: bold;
  font-size: 36px;
}
.review-ratings-summary > div:nth-of-type(2) > div,
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1),
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) {
  letter-spacing: -0.5px;
}
.review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) svg.svg-inline--fa,
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) svg.svg-inline--fa,
.review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) i.fas,
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) i.fas,
.review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) i.fab,
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) i.fab,
.review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) i.fal,
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) i.fal,
.review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) i.far,
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > div > span:nth-child(1) i.far {
  color: #ffbc00;
  font-weight: 900;
  font-size: 19.95px;
}
.review-ratings-summary > div:nth-of-type(2) > div > a:nth-child(2),
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > div > a:nth-child(2) {
  font-size: 11.5px;
}
.review-ratings-summary > div:nth-of-type(2) > div > a:nth-child(2):hover,
.splitScreenHero .review-ratings-summary > div:nth-of-type(2) > div > a:nth-child(2):hover {
  text-decoration: underline;
  text-underline-position: below;
}
.fold.reviews,
.fold.reviews + .footerCurve {
  background: #f7f7f7;
}
.fold.reviews > div {
  max-width: 1080px;
}
.fold.reviews > div .review-ratings-summary {
  margin-left: 20px;
}
@media (max-width: 500px) {
  .fold.reviews > div .review-ratings-summary + .sliderWrapper {
    margin-top: 72px;
  }
}
@media (min-width: 500px) {
  .fold.reviews .slider.reviewsSlider button.slick-next.slick-arrow {
    left: auto;
    right: 0;
  }
  .fold.reviews .slider.reviewsSlider button.slick-prev.slick-arrow {
    left: auto;
    right: 140px;
  }
}
.singular-testimonial {
  padding: clamp(30px, 7.5vh, 110px) 0;
  background: #e9eaf3;
}
.singular-testimonial > div {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .singular-testimonial > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.singular-testimonial > div:not(:last-child) {
  margin-bottom: 24px;
}
.singular-testimonial > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  .singular-testimonial > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.singular-testimonial > div:not(:last-child) {
  margin-bottom: 24px;
}
.singular-testimonial.timeLine.wordy p {
  font-size: 1rem;
}
.singular-testimonial.timeLine > div h1,
.singular-testimonial.timeLine > div h2 {
  text-align: center;
}
.singular-testimonial.timeLine > div h1,
.singular-testimonial.timeLine > div h2,
.singular-testimonial.timeLine > div > p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.singular-testimonial.timeLine > div > div {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  grid-column-gap: 24px;
  margin-top: 48px;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.singular-testimonial.timeLine > div > div > div {
  min-height: 230px;
  padding: 48px;
  padding-top: 16.5px;
}
@media (max-width: 850px) {
  .singular-testimonial.timeLine > div > div {
    grid-template-columns: 55px 1fr;
    grid-template-areas: "number1 caption1" "number2 caption2" "number3 caption3" "number4 caption4" "number5 caption5" "number6 caption6" "number7 caption7" "number8 caption8" "number9 caption9" "number10 caption10" "number11 caption11" "number12 caption12" "number13 caption13" "number14 caption14" "number15 caption15" "number16 caption16" "number17 caption17" "number18 caption18";
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(6n+3),
  .singular-testimonial.timeLine > div > div > div:nth-child(6n+4) {
    display: none;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(1) {
    grid-area: caption1;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(2) {
    grid-area: number1;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(3) {
    grid-area: empty1;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(4) {
    grid-area: empty2;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(5) {
    grid-area: number2;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(6) {
    grid-area: caption2;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(7) {
    grid-area: caption3;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(8) {
    grid-area: number3;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(9) {
    grid-area: empty3;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(10) {
    grid-area: empty4;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(11) {
    grid-area: number4;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(12) {
    grid-area: caption4;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(13) {
    grid-area: caption5;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(14) {
    grid-area: number5;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(15) {
    grid-area: empty5;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(16) {
    grid-area: empty6;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(17) {
    grid-area: number6;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(18) {
    grid-area: caption6;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(19) {
    grid-area: caption7;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(20) {
    grid-area: number7;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(21) {
    grid-area: empty7;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(22) {
    grid-area: empty8;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(23) {
    grid-area: number8;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(24) {
    grid-area: caption8;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(25) {
    grid-area: caption9;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(26) {
    grid-area: number9;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(27) {
    grid-area: empty9;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(28) {
    grid-area: empty10;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(29) {
    grid-area: number10;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(30) {
    grid-area: caption10;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(31) {
    grid-area: caption11;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(32) {
    grid-area: number11;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(33) {
    grid-area: empty11;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(34) {
    grid-area: empty12;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(35) {
    grid-area: number12;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(36) {
    grid-area: caption12;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(37) {
    grid-area: caption13;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(38) {
    grid-area: number13;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(39) {
    grid-area: empty13;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(40) {
    grid-area: empty14;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(41) {
    grid-area: number14;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(42) {
    grid-area: caption14;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(43) {
    grid-area: caption15;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(44) {
    grid-area: number15;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(45) {
    grid-area: empty15;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(46) {
    grid-area: empty16;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(47) {
    grid-area: number16;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(48) {
    grid-area: caption16;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(49) {
    grid-area: caption17;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(50) {
    grid-area: number17;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(51) {
    grid-area: empty17;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(52) {
    grid-area: empty18;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(53) {
    grid-area: number18;
  }
  .singular-testimonial.timeLine > div > div > div:nth-child(54) {
    grid-area: caption18;
  }
}
@media (max-width: 510px) {
  .singular-testimonial.timeLine > div > div > div {
    padding-left: 0;
    padding-right: 0;
  }
}
.singular-testimonial.timeLine > div > div > div:nth-child(3n+2) {
  padding: 0;
  position: relative;
  min-height: 55px;
}
.singular-testimonial.timeLine > div > div > div:nth-child(3n+2):before {
  display: block;
  content: "";
  display: flex;
  height: 100%;
  border-right: 2px dashed #ece6ff;
  width: 50%;
}
.singular-testimonial.timeLine > div > div > div:nth-child(3n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px dashed #ece6ff;
  color: #4d4d4d;
  content: "1";
  font-size: 22px;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
}
.singular-testimonial.timeLine > div > div > div:nth-child(5):after {
  content: "2";
}
.singular-testimonial.timeLine > div > div > div:nth-child(8):after {
  content: "3";
}
.singular-testimonial.timeLine > div > div > div:nth-child(11):after {
  content: "4";
}
.singular-testimonial.timeLine > div > div > div:nth-child(14):after {
  content: "5";
}
.singular-testimonial.timeLine > div > div > div:nth-child(17):after {
  content: "6";
}
.singular-testimonial.timeLine > div > div > div:nth-child(20):after {
  content: "7";
}
.singular-testimonial.timeLine > div > div > div:nth-child(23):after {
  content: "8";
}
.singular-testimonial.timeLine > div > div > div:nth-child(26):after {
  content: "9";
}
.singular-testimonial.timeLine > div > div > div:nth-child(29):after {
  content: "10";
}
.singular-testimonial.timeLine > div > div > div:nth-child(32):after {
  content: "11";
}
.singular-testimonial.timeLine > div > div > div:nth-child(35):after {
  content: "12";
}
.singular-testimonial.timeLine > div > div > div:nth-child(38):after {
  content: "13";
}
.singular-testimonial.timeLine > div > div > div:nth-child(41):after {
  content: "14";
}
.singular-testimonial.timeLine > div > div > div:nth-child(44):after {
  content: "15";
}
.singular-testimonial.timeLine > div > div > div:nth-child(47):after {
  content: "16";
}
.singular-testimonial.timeLine > div > div > div:nth-child(50):after {
  content: "17";
}
.singular-testimonial.timeLine > div > div > div:nth-child(53):after {
  content: "18";
}
.singular-testimonial.timeLine > div > div div:nth-last-child(2):before {
  display: none;
}
.singular-testimonial.timeLine > div .button {
  display: block;
  margin: 24px auto;
  text-align: center;
  font-size: 1.2rem;
  width: calc(100% - (2 * 10px));
  max-width: 400px;
}
.singular-testimonial.timeLine > div .button:after {
  display: inline-block;
  content: "\f105";
  margin-left: 12px;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  position: relative;
  transform: translateY(-1px);
}
.singular-testimonial.pageBreak {
  background: #e45f31;
}
.singular-testimonial.pageBreak h2,
.singular-testimonial.pageBreak h3,
.singular-testimonial.pageBreak h4,
.singular-testimonial.pageBreak h5,
.singular-testimonial.pageBreak h6,
.singular-testimonial.pageBreak p,
.singular-testimonial.pageBreak ul,
.singular-testimonial.pageBreak ol,
.singular-testimonial.pageBreak svg.svg-inline--fa,
.singular-testimonial.pageBreak i.fas,
.singular-testimonial.pageBreak i.fab,
.singular-testimonial.pageBreak i.fal,
.singular-testimonial.pageBreak i.far,
.singular-testimonial.pageBreak i.fad {
  color: #fff;
}
.mainPurposeOfPage + .singular-testimonial,
.mainPurposeOfPage + .singular-testimonial + .footerCurve {
  background: #f7f7f7;
}
.imageQuote + .singular-testimonial {
  padding-top: clamp(60px, 15vh, 220px);
}
.singular-testimonial.containsTabs,
.singular-testimonial.containsTabs + .footerCurve {
  background: #f7f7f7;
}
.singular-testimonial.containsTabs > div {
  max-width: 1000px;
}
.singular-testimonial.faq h2,
.singular-testimonial.faq h3 {
  text-align: center;
}
.singular-testimonial.faq,
.singular-testimonial.faq + .footerCurve {
  background: #f7f7f7;
}
.singular-testimonial.faq > div {
  max-width: 980px;
}
.singular-testimonial.highlight {
  background-color: #e45f31;
}
.singular-testimonial.highlight h1,
.singular-testimonial.highlight h2,
.singular-testimonial.highlight h3,
.singular-testimonial.highlight h4,
.singular-testimonial.highlight h5,
.singular-testimonial.highlight h6,
.singular-testimonial.highlight ul,
.singular-testimonial.highlight ol,
.singular-testimonial.highlight p,
.singular-testimonial.highlight label,
.singular-testimonial.highlight .pre-heading {
  color: #fff;
}
.singular-testimonial.highlight a,
.singular-testimonial.highlight a.CTA {
  color: #fff;
  border-color: #fff;
}
.singular-testimonial.strong {
  background-color: #e45f31;
  background: #011734;
}
.singular-testimonial.strong h1,
.singular-testimonial.strong h2,
.singular-testimonial.strong h3,
.singular-testimonial.strong h4,
.singular-testimonial.strong h5,
.singular-testimonial.strong h6,
.singular-testimonial.strong ul,
.singular-testimonial.strong ol,
.singular-testimonial.strong p,
.singular-testimonial.strong label,
.singular-testimonial.strong .pre-heading {
  color: #fff;
}
.singular-testimonial.strong a,
.singular-testimonial.strong a.CTA {
  color: #fff;
  border-color: #fff;
}
.singular-testimonial.center h1,
.singular-testimonial.center h2,
.singular-testimonial.center a.CTA {
  text-align: center;
}
.singular-testimonial.center .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.singular-testimonial.intro > div,
.singular-testimonial.brief > div {
  max-width: 600px;
}
.singular-testimonial.intro > div h1,
.singular-testimonial.brief > div h1,
.singular-testimonial.intro > div h2,
.singular-testimonial.brief > div h2,
.singular-testimonial.intro > div a.CTA,
.singular-testimonial.brief > div a.CTA {
  text-align: center;
}
.singular-testimonial.intro > div .CTA,
.singular-testimonial.brief > div .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.singular-testimonial.intro > div h2,
.singular-testimonial.brief > div h2 {
  margin-bottom: 24px;
}
.singular-testimonial.intro > div p,
.singular-testimonial.brief > div p {
  text-align: justify;
}
.singular-testimonial.intro > div p:only-of-type,
.singular-testimonial.brief > div p:only-of-type {
  text-align: justify;
  font-size: clamp(19px, 3.7vw, 21.2px);
}
@media (min-width: 460px) {
  .singular-testimonial.intro > div p:only-of-type,
  .singular-testimonial.brief > div p:only-of-type {
    text-align: center;
  }
}
.singular-testimonial.fullWidthContent > div {
  width: 100%;
  max-width: none;
  padding: 0;
}
.singular-testimonial.topQuestions,
.singular-testimonial.topQuestions + .footerCurve {
  background: #f7f7f7;
}
.singular-testimonial.topQuestions > div {
  max-width: 980px;
}
.singular-testimonial.topQuestions > div > div {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 708px) {
  .singular-testimonial.topQuestions > div > div {
    grid-template-columns: 1fr;
  }
}
.singular-testimonial.topQuestions > div > div > div h4,
.singular-testimonial.topQuestions > div > div > div h5 {
  font-weight: 600;
}
.singular-testimonial.topQuestions > div > div > div p {
  font-size: 0.9rem;
}
.singular-testimonial.historicalTimeline > div > div {
  max-width: 850px;
  margin: auto;
}
.singular-testimonial.historicalTimeline > div > div > p:only-of-type {
  text-align: center;
}
.singular-testimonial.historicalTimeline > div > div > ul {
  list-style-type: none;
  counter-reset: li-counter;
  margin-top: 60px;
  margin-bottom: 0;
  margin-left: 45px;
  padding-left: 45px;
  border-left: 4px solid #e45f31;
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .singular-testimonial.historicalTimeline > div > div > ul {
    padding-right: 45px;
  }
}
.singular-testimonial.historicalTimeline > div > div > ul > li {
  position: relative;
  /* make the height of paragraphs in the last child <li> unknown. This will curtail the length of the left border, making it stop at the last nodal point */
}
.singular-testimonial.historicalTimeline > div > div > ul > li:last-child {
  margin-bottom: 30px;
}
.singular-testimonial.historicalTimeline > div > div > ul > li:before {
  position: absolute;
  left: calc(0px - (4px / 2) - 45px  - (38px / 2 ));
  top: -2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #e45f31;
  box-shadow: 1px 1px 5px 1px rgba(152, 152, 152, 0.71);
  display: block;
  content: "";
}
.singular-testimonial.historicalTimeline > div > div > ul > li > * {
  margin: 0;
  padding: 0;
  text-align: left;
}
.singular-testimonial.historicalTimeline > div > div > ul > li p {
  width: 100%;
  margin-bottom: 48px;
}
.singular-testimonial.historicalTimeline > div > div > ul > li:last-child p {
  float: left;
}
.singular-testimonial.historicalTimeline > div > div > ul li p {
  font-size: 1rem;
}
.singular-testimonial > div > div.calculator-area {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
}
.singular-testimonial > div > div.calculator-area:not(:last-of-type) {
  margin-bottom: 24px;
}
.singular-testimonial > div > div.calculator-area .calculator {
  margin-top: 24px;
}
.singular-testimonial > div > .relatedArticles {
  max-width: 1100px;
  margin: auto;
}
.singular-testimonial > div > .relatedArticles > div > a {
  display: flex;
  margin-bottom: 12px;
}
.singular-testimonial > div > .relatedArticles > div > a img {
  margin-left: 0;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 7px;
}
.singular-testimonial > div > .relatedArticles > div > a > div {
  clear: both;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: auto;
  padding: 0;
}
.singular-testimonial > div > .relatedArticles > div > a > div h4 {
  font-size: 16.8px;
  text-transform: none;
  font-weight: 600;
}
.singular-testimonial > div > .relatedArticles > div > a > div h5 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3em;
  letter-spacing: 0.4px;
  text-transform: none;
}
.singular-testimonial > div > .relatedArticles > div > a > div p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
}
.singular-testimonial > div > .relatedArticles h4 {
  display: block;
  text-align: center;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0.5em;
  position: relative;
  margin-bottom: 24px;
}
.singular-testimonial > div > .relatedArticles h4 > span {
  background-color: #FEFEFF;
  padding: 24px;
  z-index: 1;
  position: relative;
}
.decision-tree .singular-testimonial > div > .relatedArticles h4 > span {
  background: #fdfdfd;
}
.singular-testimonial > div > .relatedArticles h4:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  background: rgba(51, 51, 51, 0.1);
}
.singular-testimonial > div > .relatedArticles > div {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
.definitive-guide .singular-testimonial > div > .relatedArticles > div {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 890px) {
  .singular-testimonial > div > .relatedArticles > div,
  .definitive-guide .singular-testimonial > div > .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 510px) {
  .singular-testimonial > div > .relatedArticles > div,
  .definitive-guide .singular-testimonial > div > .relatedArticles > div {
    grid-template-columns: 1fr;
  }
}
.singular-testimonial > div > .relatedArticles > div > a:nth-of-type(n+13),
.singular-testimonial > div > .relatedArticles > div > div:nth-of-type(n+13) {
  display: none;
}
@media (max-width: 510px) {
  .singular-testimonial > div > .relatedArticles > div > a:nth-of-type(n+7),
  .singular-testimonial > div > .relatedArticles > div > div:nth-of-type(n+7) {
    display: none;
  }
}
.singular-testimonial > div {
  display: grid;
  grid-template-columns: 200px 1fr;
  width: 900px;
  max-width: 90%;
}
.singular-testimonial > div > div:nth-of-type(1) {
  display: flex;
  flex-direction: column;
}
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(1) {
  position: relative;
}
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(1):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 75px 75px 0;
  border-color: transparent #fff transparent transparent;
}
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(2) {
  z-index: 10;
  margin-left: 0;
  margin-bottom: 12px;
  margin-right: auto;
  margin-top: -20px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  font-size: 50px;
  background-color: #c8cbe1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(2) svg.svg-inline--fa,
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(2) i.fas,
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(2) i.fab,
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(2) i.fal,
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(2) i.far {
  font-weight: 900;
  color: #a7abcf;
  display: block;
}
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) {
  margin-left: -15px;
}
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) h5,
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) h6 {
  font-weight: 600;
  font-size: 0.9rem;
}
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) h4,
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) h5,
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) h6,
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) p {
  margin: 0;
  width: 130px;
  text-align: center;
}
.singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) p {
  font-size: 0.9rem;
  line-height: 1.3;
}
.singular-testimonial > div > div:nth-of-type(2) {
  border-radius: 15px;
  border-top-left-radius: 0;
  background: #fff;
  box-shadow: 20px 20px 30px -10px rgba(0, 0, 0, 0.1);
  padding: 48px;
}
.singular-testimonial > div > div:nth-of-type(2) p {
  font-size: 1rem;
}
.singular-testimonial > div > div:nth-of-type(2) p.stars {
  font-size: 0.9rem;
}
.singular-testimonial > div > div:nth-of-type(2) p.stars svg.svg-inline--fa,
.singular-testimonial > div > div:nth-of-type(2) p.stars i.fas,
.singular-testimonial > div > div:nth-of-type(2) p.stars i.fab,
.singular-testimonial > div > div:nth-of-type(2) p.stars i.fal,
.singular-testimonial > div > div:nth-of-type(2) p.stars i.far {
  color: #ffbc00;
  font-weight: 900;
  font-size: 1.3em;
}
@media (max-width: 800px) {
  .singular-testimonial > div {
    grid-template-columns: 1fr;
    max-width: 650px;
    width: 96%;
  }
  .singular-testimonial > div > div:nth-of-type(1) {
    background: #fff;
    padding: 24px 24px 0 24px;
    flex-direction: row;
    gap: 12px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(1) {
    display: none;
  }
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(2) {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 35px;
    margin: 0;
  }
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3),
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) * {
    width: auto;
    text-align: left;
  }
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) h4,
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) h5,
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) h6,
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) p {
    text-align: left;
    width: auto;
  }
  .singular-testimonial > div > div:nth-of-type(1) > div:nth-of-type(3) h6 {
    font-size: 1rem;
  }
  .singular-testimonial > div > div:nth-of-type(2) {
    padding: 24px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 670px) {
  .singular-testimonial > div {
    grid-template-columns: 1fr;
  }
}
/* Flexbox container for form with automatic gap handling */
.contactFormArea form {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.inputBlock {
  flex: 1 1 100%;
  /* Default: full width */
}
@media (min-width: 751px) {
  .inputBlock.half {
    flex: 1 1 calc((100% - 24px) / 2);
  }
}
.inputBlock select {
  width: 100%;
  height: 50px;
  padding: 0 5px;
}
/* Form validation styles removed - using .has-error class instead of :invalid pseudo-class */
.savingsCalculator {
  font-size: 0.9rem;
}
.savingsCalculator table {
  width: 530px;
  max-width: 100%;
}
.savingsCalculator table label a {
  color: #e45f31;
}
.savingsCalculator table label a:after {
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  content: "\f05a";
  font-size: 0.75em;
  vertical-align: super;
  margin-left: 6px;
}
@media (max-width: 475px) {
  .savingsCalculator table tr:not(.heading) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .savingsCalculator table tr:not(.heading) td input,
  .savingsCalculator table tr:not(.heading) td label,
  .savingsCalculator table tr:not(.heading) td h4,
  .savingsCalculator table tr:not(.heading) td h5,
  .savingsCalculator table tr:not(.heading) td p,
  .savingsCalculator table tr:not(.heading) td .explainer {
    width: 100%;
  }
  .savingsCalculator table tr:not(.heading) td:nth-child(odd) {
    padding-bottom: 2px;
  }
  .savingsCalculator table tr:not(.heading) td:nth-child(even) {
    padding-top: 2px;
  }
}
.savingsCalculator input[type=number] {
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.savingsCalculator select {
  border: 1px solid #cccccc;
}
.savingsCalculator button {
  width: 100%;
  padding: 12px;
  background-color: #e45f31;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  letter-spacing: 0.4px;
  margin-bottom: 24px;
}
.graph-wrapper {
  margin: 24px auto;
}
.graph-wrapper + .graph-wrapper {
  margin-top: 48px;
}
.graph-controls,
body.informationalPage .graph-controls {
  margin-top: 24px;
}
.graph-controls h5,
body.informationalPage .graph-controls h5 {
  text-align: left;
}
.graph-controls .controls,
body.informationalPage .graph-controls .controls {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}
.graph-controls .controls label,
body.informationalPage .graph-controls .controls label {
  font-size: 0.9rem;
}
.graph-controls .controls input[type="date"],
body.informationalPage .graph-controls .controls input[type="date"] {
  padding: 6px;
  border: 1px solid #EAEEF3;
  border-radius: 4px;
  font-size: 15px;
  color: #777777;
}
.graph-controls .controls button,
body.informationalPage .graph-controls .controls button {
  background: #e45f31;
  color: #fff;
  border: none;
  border-radius: 4px;
  align-self: stretch;
  min-height: 40px;
}
/* ===== Form Validation Styles ===== */
.contactFormArea {
  /* Error state for input fields */
  /* Error state for checkboxes */
  /* Error state for reCAPTCHA */
  /* Error message text */
}
.contactFormArea input.has-error,
.contactFormArea textarea.has-error,
.contactFormArea select.has-error {
  border-color: red;
}
.contactFormArea input.has-error:focus,
.contactFormArea textarea.has-error:focus,
.contactFormArea select.has-error:focus {
  border-color: red;
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.1);
}
.contactFormArea input[type="checkbox"].has-error {
  outline: 2px solid red;
  outline-offset: 2px;
}
.contactFormArea .recaptchaDiv.has-error iframe {
  border: 2px solid red;
  border-radius: 4px;
}
.contactFormArea .error-message {
  display: none;
  color: red;
  font-size: 13px;
  margin-top: 4px;
  margin-bottom: 8px;
}
.contactFormArea .error-message:not(:empty) {
  display: block;
}
/* Override error styles for forms on colored backgrounds (e.g., orange quote sections) */
.quick-quote.highlight .contactFormArea {
  /* White error message text with shadow for readability on orange */
  /* No border change on colored backgrounds - shake animation provides feedback */
  /* Error state for reCAPTCHA on colored background */
}
.quick-quote.highlight .contactFormArea .error-message {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.quick-quote.highlight .contactFormArea input.has-error,
.quick-quote.highlight .contactFormArea textarea.has-error,
.quick-quote.highlight .contactFormArea select.has-error {
  border-color: inherit;
}
.quick-quote.highlight .contactFormArea input.has-error:focus,
.quick-quote.highlight .contactFormArea textarea.has-error:focus,
.quick-quote.highlight .contactFormArea select.has-error:focus {
  border-color: inherit;
  box-shadow: none;
}
.quick-quote.highlight .contactFormArea .recaptchaDiv.has-error iframe {
  border-color: inherit;
}
.map-wrapper {
  max-width: 750px;
  margin: 24px auto;
  height: 500px;
}
@media (max-width: 750px) {
  .map-wrapper {
    height: 98vw;
  }
}
.svg-map {
  width: 100%;
  max-width: 700px;
  margin: 72px auto auto auto;
}
.svg-map svg a path {
  fill: #e45f31;
}
.svg-map svg a:hover path,
.svg-map svg a:focus path {
  fill: #fddb41;
}
.eco-hub .nav .logo-area > div:nth-of-type(3) > a {
  background: #499f41;
  display: none;
}
.eco-hub a,
.eco-hub table.solarCostComparisonTable a {
  color: #499f41;
}
.definitive-guide,
.terms {
  background: #f7f7f7;
}
.definitive-guide h1 .subHeading,
.terms h1 .subHeading {
  font-size: 0.5em;
}
.definitive-guide .fold:not(.equalOptionsList) > div,
.terms .fold:not(.equalOptionsList) > div {
  max-width: 800px;
  border-radius: 4px;
  padding: 48px;
  background: #fff;
  overflow: hidden;
}
@media (max-width: 820px) {
  .definitive-guide .fold:not(.equalOptionsList) > div,
  .terms .fold:not(.equalOptionsList) > div {
    max-width: calc(100% - (2 * 10px));
    padding: 24px;
  }
}
.definitive-guide .fold:not(.equalOptionsList) > div p:only-of-type,
.terms .fold:not(.equalOptionsList) > div p:only-of-type {
  text-align: left;
}
.definitive-guide .fold:not(.equalOptionsList) > div .authorProfile,
.terms .fold:not(.equalOptionsList) > div .authorProfile {
  padding: 0;
  box-shadow: none;
  border: none;
}
.definitive-guide .fold:not(.equalOptionsList) > div .subSection,
.terms .fold:not(.equalOptionsList) > div .subSection {
  padding-top: 24px;
  margin-top: 24px;
}
.definitive-guide .fold:not(.equalOptionsList) > div .subSection:not(:first-child),
.terms .fold:not(.equalOptionsList) > div .subSection:not(:first-child) {
  padding: 24px 0;
  border-top: 1px solid #d8d8d8;
}
.definitive-guide .fold:not(.equalOptionsList) > div .subSection *:last-child,
.terms .fold:not(.equalOptionsList) > div .subSection *:last-child {
  margin-bottom: 0;
}
.definitive-guide .fold:not(.equalOptionsList) > div .stats,
.terms .fold:not(.equalOptionsList) > div .stats {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: auto;
  margin: 72px auto;
  row-gap: 48px;
  justify-content: center;
}
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div,
.terms .fold:not(.equalOptionsList) > div .stats > div,
.definitive-guide .fold:not(.equalOptionsList) > div .stats > a,
.terms .fold:not(.equalOptionsList) > div .stats > a,
.definitive-guide .fold:not(.equalOptionsList) > div .stats > li,
.terms .fold:not(.equalOptionsList) > div .stats > li {
  margin-bottom: 24px;
  min-width: 131px;
  flex-grow: 1;
  flex-basis: calc((100% - ((3 - 1) * 24px)) / 3);
}
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(2),
.terms .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(2),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(2),
.terms .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(2),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(2),
.terms .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(2),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(3),
.terms .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(3),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(3),
.terms .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(3),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(3),
.terms .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(3),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(4),
.terms .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(4),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(4),
.terms .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(4),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(4),
.terms .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(4) {
  margin-bottom: 0;
}
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):first-child,
.terms .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):first-child,
.definitive-guide .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):first-child,
.terms .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):first-child,
.definitive-guide .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):first-child,
.terms .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):first-child,
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):nth-child(2),
.terms .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):nth-child(2),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):nth-child(2),
.terms .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):nth-child(2),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):nth-child(2),
.terms .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):nth-child(2),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):nth-child(3),
.terms .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):nth-child(3),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):nth-child(3),
.terms .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):nth-child(3),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):nth-child(3),
.terms .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):nth-child(3) {
  margin-bottom: 0;
}
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(3):first-child,
.terms .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(3):first-child,
.definitive-guide .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(3):first-child,
.terms .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(3):first-child,
.definitive-guide .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(3):first-child,
.terms .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(3):first-child,
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(3):nth-child(2),
.terms .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(3):nth-child(2),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(3):nth-child(2),
.terms .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(3):nth-child(2),
.definitive-guide .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(3):nth-child(2),
.terms .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(3):nth-child(2) {
  margin-bottom: 0;
}
@media (max-width: 465px) {
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > div,
  .terms .fold:not(.equalOptionsList) > div .stats > div,
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > a,
  .terms .fold:not(.equalOptionsList) > div .stats > a,
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > li,
  .terms .fold:not(.equalOptionsList) > div .stats > li {
    flex-basis: calc((100% - (2 * 24px)) / 2);
  }
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):nth-child(2),
  .terms .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):nth-child(2),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):nth-child(2),
  .terms .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):nth-child(2),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):nth-child(2),
  .terms .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):nth-child(2),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > div:first-child:nth-last-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > div:first-child:nth-last-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > a:first-child:nth-last-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > a:first-child:nth-last-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > li:first-child:nth-last-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > li:first-child:nth-last-child(3) {
    flex-basis: calc((100% - (2 * 24px)) / 3);
  }
}
@media (max-width: 533px) {
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > div:last-child:nth-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > a:last-child:nth-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > li:last-child:nth-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):nth-child(2),
  .terms .fold:not(.equalOptionsList) > div .stats > div:nth-last-child(2):nth-child(2),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):nth-child(2),
  .terms .fold:not(.equalOptionsList) > div .stats > a:nth-last-child(2):nth-child(2),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):nth-child(2),
  .terms .fold:not(.equalOptionsList) > div .stats > li:nth-last-child(2):nth-child(2),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > div:first-child:nth-last-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > div:first-child:nth-last-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > a:first-child:nth-last-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > a:first-child:nth-last-child(3),
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > li:first-child:nth-last-child(3),
  .terms .fold:not(.equalOptionsList) > div .stats > li:first-child:nth-last-child(3) {
    flex-basis: 100%;
    margin-bottom: 24px;
  }
}
@media (max-width: 400px) {
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > div,
  .terms .fold:not(.equalOptionsList) > div .stats > div,
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > a,
  .terms .fold:not(.equalOptionsList) > div .stats > a,
  .definitive-guide .fold:not(.equalOptionsList) > div .stats > li,
  .terms .fold:not(.equalOptionsList) > div .stats > li {
    flex-basis: 100%;
  }
}
.definitive-guide .fold:not(.equalOptionsList) > div .stats:last-child,
.terms .fold:not(.equalOptionsList) > div .stats:last-child {
  margin-bottom: 0;
}
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div,
.terms .fold:not(.equalOptionsList) > div .stats > div {
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.4em;
  margin-bottom: 12px;
  max-width: 200px;
}
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div > span,
.terms .fold:not(.equalOptionsList) > div .stats > div > span {
  display: block;
  margin: auto;
  color: #499f41;
  font-size: clamp(70px, 10vw, 40px);
  font-weight: 900;
  margin-bottom: 6px;
}
.definitive-guide .fold:not(.equalOptionsList) > div .stats > div > span span,
.terms .fold:not(.equalOptionsList) > div .stats > div > span span {
  display: inline;
  font-size: 0.3em;
}
.definitive-guide .tag,
.terms .tag {
  display: block;
  text-align: center;
}
.definitive-guide .chapter-marker,
.terms .chapter-marker {
  max-width: 200px;
  margin: auto;
}
.definitive-guide .fold.contents > div,
.terms .fold.contents > div {
  padding-top: 48px;
}
.definitive-guide .fold.contents > div h2,
.terms .fold.contents > div h2 {
  margin-top: 6px;
}
.definitive-guide .fold.contents > div > div,
.terms .fold.contents > div > div {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 48px 0;
}
@media (max-width: 630px) {
  .definitive-guide .fold.contents > div > div,
  .terms .fold.contents > div > div {
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px;
  }
}
.definitive-guide .fold.contents > div > div > a h4,
.terms .fold.contents > div > div > a h4,
.definitive-guide .fold.contents > div > div > a h5,
.terms .fold.contents > div > div > a h5 {
  text-align: center;
}
.definitive-guide canvas,
.terms canvas {
  width: 100% ;
  height: auto ;
  max-height: 1000px;
}
.hero-splash {
  padding: clamp(30px, 7.5vh, 110px) 0;
  background: #e45f31;
}
.hero-splash > div {
  max-width: 970px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1010px) {
  .hero-splash > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.hero-splash > div:not(:last-child) {
  margin-bottom: 24px;
}
.hero-splash > div {
  max-width: 1480px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1520px) {
  .hero-splash > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.hero-splash > div:not(:last-child) {
  margin-bottom: 24px;
}
.hero-splash.timeLine.wordy p {
  font-size: 1rem;
}
.hero-splash.timeLine > div h1,
.hero-splash.timeLine > div h2 {
  text-align: center;
}
.hero-splash.timeLine > div h1,
.hero-splash.timeLine > div h2,
.hero-splash.timeLine > div > p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.hero-splash.timeLine > div > div {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  grid-column-gap: 24px;
  margin-top: 48px;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.hero-splash.timeLine > div > div > div {
  min-height: 230px;
  padding: 48px;
  padding-top: 16.5px;
}
@media (max-width: 850px) {
  .hero-splash.timeLine > div > div {
    grid-template-columns: 55px 1fr;
    grid-template-areas: "number1 caption1" "number2 caption2" "number3 caption3" "number4 caption4" "number5 caption5" "number6 caption6" "number7 caption7" "number8 caption8" "number9 caption9" "number10 caption10" "number11 caption11" "number12 caption12" "number13 caption13" "number14 caption14" "number15 caption15" "number16 caption16" "number17 caption17" "number18 caption18";
  }
  .hero-splash.timeLine > div > div > div:nth-child(6n+3),
  .hero-splash.timeLine > div > div > div:nth-child(6n+4) {
    display: none;
  }
  .hero-splash.timeLine > div > div > div:nth-child(1) {
    grid-area: caption1;
  }
  .hero-splash.timeLine > div > div > div:nth-child(2) {
    grid-area: number1;
  }
  .hero-splash.timeLine > div > div > div:nth-child(3) {
    grid-area: empty1;
  }
  .hero-splash.timeLine > div > div > div:nth-child(4) {
    grid-area: empty2;
  }
  .hero-splash.timeLine > div > div > div:nth-child(5) {
    grid-area: number2;
  }
  .hero-splash.timeLine > div > div > div:nth-child(6) {
    grid-area: caption2;
  }
  .hero-splash.timeLine > div > div > div:nth-child(7) {
    grid-area: caption3;
  }
  .hero-splash.timeLine > div > div > div:nth-child(8) {
    grid-area: number3;
  }
  .hero-splash.timeLine > div > div > div:nth-child(9) {
    grid-area: empty3;
  }
  .hero-splash.timeLine > div > div > div:nth-child(10) {
    grid-area: empty4;
  }
  .hero-splash.timeLine > div > div > div:nth-child(11) {
    grid-area: number4;
  }
  .hero-splash.timeLine > div > div > div:nth-child(12) {
    grid-area: caption4;
  }
  .hero-splash.timeLine > div > div > div:nth-child(13) {
    grid-area: caption5;
  }
  .hero-splash.timeLine > div > div > div:nth-child(14) {
    grid-area: number5;
  }
  .hero-splash.timeLine > div > div > div:nth-child(15) {
    grid-area: empty5;
  }
  .hero-splash.timeLine > div > div > div:nth-child(16) {
    grid-area: empty6;
  }
  .hero-splash.timeLine > div > div > div:nth-child(17) {
    grid-area: number6;
  }
  .hero-splash.timeLine > div > div > div:nth-child(18) {
    grid-area: caption6;
  }
  .hero-splash.timeLine > div > div > div:nth-child(19) {
    grid-area: caption7;
  }
  .hero-splash.timeLine > div > div > div:nth-child(20) {
    grid-area: number7;
  }
  .hero-splash.timeLine > div > div > div:nth-child(21) {
    grid-area: empty7;
  }
  .hero-splash.timeLine > div > div > div:nth-child(22) {
    grid-area: empty8;
  }
  .hero-splash.timeLine > div > div > div:nth-child(23) {
    grid-area: number8;
  }
  .hero-splash.timeLine > div > div > div:nth-child(24) {
    grid-area: caption8;
  }
  .hero-splash.timeLine > div > div > div:nth-child(25) {
    grid-area: caption9;
  }
  .hero-splash.timeLine > div > div > div:nth-child(26) {
    grid-area: number9;
  }
  .hero-splash.timeLine > div > div > div:nth-child(27) {
    grid-area: empty9;
  }
  .hero-splash.timeLine > div > div > div:nth-child(28) {
    grid-area: empty10;
  }
  .hero-splash.timeLine > div > div > div:nth-child(29) {
    grid-area: number10;
  }
  .hero-splash.timeLine > div > div > div:nth-child(30) {
    grid-area: caption10;
  }
  .hero-splash.timeLine > div > div > div:nth-child(31) {
    grid-area: caption11;
  }
  .hero-splash.timeLine > div > div > div:nth-child(32) {
    grid-area: number11;
  }
  .hero-splash.timeLine > div > div > div:nth-child(33) {
    grid-area: empty11;
  }
  .hero-splash.timeLine > div > div > div:nth-child(34) {
    grid-area: empty12;
  }
  .hero-splash.timeLine > div > div > div:nth-child(35) {
    grid-area: number12;
  }
  .hero-splash.timeLine > div > div > div:nth-child(36) {
    grid-area: caption12;
  }
  .hero-splash.timeLine > div > div > div:nth-child(37) {
    grid-area: caption13;
  }
  .hero-splash.timeLine > div > div > div:nth-child(38) {
    grid-area: number13;
  }
  .hero-splash.timeLine > div > div > div:nth-child(39) {
    grid-area: empty13;
  }
  .hero-splash.timeLine > div > div > div:nth-child(40) {
    grid-area: empty14;
  }
  .hero-splash.timeLine > div > div > div:nth-child(41) {
    grid-area: number14;
  }
  .hero-splash.timeLine > div > div > div:nth-child(42) {
    grid-area: caption14;
  }
  .hero-splash.timeLine > div > div > div:nth-child(43) {
    grid-area: caption15;
  }
  .hero-splash.timeLine > div > div > div:nth-child(44) {
    grid-area: number15;
  }
  .hero-splash.timeLine > div > div > div:nth-child(45) {
    grid-area: empty15;
  }
  .hero-splash.timeLine > div > div > div:nth-child(46) {
    grid-area: empty16;
  }
  .hero-splash.timeLine > div > div > div:nth-child(47) {
    grid-area: number16;
  }
  .hero-splash.timeLine > div > div > div:nth-child(48) {
    grid-area: caption16;
  }
  .hero-splash.timeLine > div > div > div:nth-child(49) {
    grid-area: caption17;
  }
  .hero-splash.timeLine > div > div > div:nth-child(50) {
    grid-area: number17;
  }
  .hero-splash.timeLine > div > div > div:nth-child(51) {
    grid-area: empty17;
  }
  .hero-splash.timeLine > div > div > div:nth-child(52) {
    grid-area: empty18;
  }
  .hero-splash.timeLine > div > div > div:nth-child(53) {
    grid-area: number18;
  }
  .hero-splash.timeLine > div > div > div:nth-child(54) {
    grid-area: caption18;
  }
}
@media (max-width: 510px) {
  .hero-splash.timeLine > div > div > div {
    padding-left: 0;
    padding-right: 0;
  }
}
.hero-splash.timeLine > div > div > div:nth-child(3n+2) {
  padding: 0;
  position: relative;
  min-height: 55px;
}
.hero-splash.timeLine > div > div > div:nth-child(3n+2):before {
  display: block;
  content: "";
  display: flex;
  height: 100%;
  border-right: 2px dashed #ece6ff;
  width: 50%;
}
.hero-splash.timeLine > div > div > div:nth-child(3n+2):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px dashed #ece6ff;
  color: #4d4d4d;
  content: "1";
  font-size: 22px;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  background-color: #fff;
}
.hero-splash.timeLine > div > div > div:nth-child(5):after {
  content: "2";
}
.hero-splash.timeLine > div > div > div:nth-child(8):after {
  content: "3";
}
.hero-splash.timeLine > div > div > div:nth-child(11):after {
  content: "4";
}
.hero-splash.timeLine > div > div > div:nth-child(14):after {
  content: "5";
}
.hero-splash.timeLine > div > div > div:nth-child(17):after {
  content: "6";
}
.hero-splash.timeLine > div > div > div:nth-child(20):after {
  content: "7";
}
.hero-splash.timeLine > div > div > div:nth-child(23):after {
  content: "8";
}
.hero-splash.timeLine > div > div > div:nth-child(26):after {
  content: "9";
}
.hero-splash.timeLine > div > div > div:nth-child(29):after {
  content: "10";
}
.hero-splash.timeLine > div > div > div:nth-child(32):after {
  content: "11";
}
.hero-splash.timeLine > div > div > div:nth-child(35):after {
  content: "12";
}
.hero-splash.timeLine > div > div > div:nth-child(38):after {
  content: "13";
}
.hero-splash.timeLine > div > div > div:nth-child(41):after {
  content: "14";
}
.hero-splash.timeLine > div > div > div:nth-child(44):after {
  content: "15";
}
.hero-splash.timeLine > div > div > div:nth-child(47):after {
  content: "16";
}
.hero-splash.timeLine > div > div > div:nth-child(50):after {
  content: "17";
}
.hero-splash.timeLine > div > div > div:nth-child(53):after {
  content: "18";
}
.hero-splash.timeLine > div > div div:nth-last-child(2):before {
  display: none;
}
.hero-splash.timeLine > div .button {
  display: block;
  margin: 24px auto;
  text-align: center;
  font-size: 1.2rem;
  width: calc(100% - (2 * 10px));
  max-width: 400px;
}
.hero-splash.timeLine > div .button:after {
  display: inline-block;
  content: "\f105";
  margin-left: 12px;
  font-family: "Font Awesome 5 Pro";
  vertical-align: middle;
  font-weight: 900;
  position: relative;
  transform: translateY(-1px);
}
.hero-splash.pageBreak {
  background: #e45f31;
}
.hero-splash.pageBreak h2,
.hero-splash.pageBreak h3,
.hero-splash.pageBreak h4,
.hero-splash.pageBreak h5,
.hero-splash.pageBreak h6,
.hero-splash.pageBreak p,
.hero-splash.pageBreak ul,
.hero-splash.pageBreak ol,
.hero-splash.pageBreak svg.svg-inline--fa,
.hero-splash.pageBreak i.fas,
.hero-splash.pageBreak i.fab,
.hero-splash.pageBreak i.fal,
.hero-splash.pageBreak i.far,
.hero-splash.pageBreak i.fad {
  color: #fff;
}
.mainPurposeOfPage + .hero-splash,
.mainPurposeOfPage + .hero-splash + .footerCurve {
  background: #f7f7f7;
}
.imageQuote + .hero-splash {
  padding-top: clamp(60px, 15vh, 220px);
}
.hero-splash.containsTabs,
.hero-splash.containsTabs + .footerCurve {
  background: #f7f7f7;
}
.hero-splash.containsTabs > div {
  max-width: 1000px;
}
.hero-splash.faq h2,
.hero-splash.faq h3 {
  text-align: center;
}
.hero-splash.faq,
.hero-splash.faq + .footerCurve {
  background: #f7f7f7;
}
.hero-splash.faq > div {
  max-width: 980px;
}
.hero-splash.highlight {
  background-color: #e45f31;
}
.hero-splash.highlight h1,
.hero-splash.highlight h2,
.hero-splash.highlight h3,
.hero-splash.highlight h4,
.hero-splash.highlight h5,
.hero-splash.highlight h6,
.hero-splash.highlight ul,
.hero-splash.highlight ol,
.hero-splash.highlight p,
.hero-splash.highlight label,
.hero-splash.highlight .pre-heading {
  color: #fff;
}
.hero-splash.highlight a,
.hero-splash.highlight a.CTA {
  color: #fff;
  border-color: #fff;
}
.hero-splash.strong {
  background-color: #e45f31;
  background: #011734;
}
.hero-splash.strong h1,
.hero-splash.strong h2,
.hero-splash.strong h3,
.hero-splash.strong h4,
.hero-splash.strong h5,
.hero-splash.strong h6,
.hero-splash.strong ul,
.hero-splash.strong ol,
.hero-splash.strong p,
.hero-splash.strong label,
.hero-splash.strong .pre-heading {
  color: #fff;
}
.hero-splash.strong a,
.hero-splash.strong a.CTA {
  color: #fff;
  border-color: #fff;
}
.hero-splash.center h1,
.hero-splash.center h2,
.hero-splash.center a.CTA {
  text-align: center;
}
.hero-splash.center .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.hero-splash.intro > div,
.hero-splash.brief > div {
  max-width: 600px;
}
.hero-splash.intro > div h1,
.hero-splash.brief > div h1,
.hero-splash.intro > div h2,
.hero-splash.brief > div h2,
.hero-splash.intro > div a.CTA,
.hero-splash.brief > div a.CTA {
  text-align: center;
}
.hero-splash.intro > div .CTA,
.hero-splash.brief > div .CTA {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.hero-splash.intro > div h2,
.hero-splash.brief > div h2 {
  margin-bottom: 24px;
}
.hero-splash.intro > div p,
.hero-splash.brief > div p {
  text-align: justify;
}
.hero-splash.intro > div p:only-of-type,
.hero-splash.brief > div p:only-of-type {
  text-align: justify;
  font-size: clamp(19px, 3.7vw, 21.2px);
}
@media (min-width: 460px) {
  .hero-splash.intro > div p:only-of-type,
  .hero-splash.brief > div p:only-of-type {
    text-align: center;
  }
}
.hero-splash.fullWidthContent > div {
  width: 100%;
  max-width: none;
  padding: 0;
}
.hero-splash.topQuestions,
.hero-splash.topQuestions + .footerCurve {
  background: #f7f7f7;
}
.hero-splash.topQuestions > div {
  max-width: 980px;
}
.hero-splash.topQuestions > div > div {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 708px) {
  .hero-splash.topQuestions > div > div {
    grid-template-columns: 1fr;
  }
}
.hero-splash.topQuestions > div > div > div h4,
.hero-splash.topQuestions > div > div > div h5 {
  font-weight: 600;
}
.hero-splash.topQuestions > div > div > div p {
  font-size: 0.9rem;
}
.hero-splash.historicalTimeline > div > div {
  max-width: 850px;
  margin: auto;
}
.hero-splash.historicalTimeline > div > div > p:only-of-type {
  text-align: center;
}
.hero-splash.historicalTimeline > div > div > ul {
  list-style-type: none;
  counter-reset: li-counter;
  margin-top: 60px;
  margin-bottom: 0;
  margin-left: 45px;
  padding-left: 45px;
  border-left: 4px solid #e45f31;
  position: relative;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .hero-splash.historicalTimeline > div > div > ul {
    padding-right: 45px;
  }
}
.hero-splash.historicalTimeline > div > div > ul > li {
  position: relative;
  /* make the height of paragraphs in the last child <li> unknown. This will curtail the length of the left border, making it stop at the last nodal point */
}
.hero-splash.historicalTimeline > div > div > ul > li:last-child {
  margin-bottom: 30px;
}
.hero-splash.historicalTimeline > div > div > ul > li:before {
  position: absolute;
  left: calc(0px - (4px / 2) - 45px  - (38px / 2 ));
  top: -2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #e45f31;
  box-shadow: 1px 1px 5px 1px rgba(152, 152, 152, 0.71);
  display: block;
  content: "";
}
.hero-splash.historicalTimeline > div > div > ul > li > * {
  margin: 0;
  padding: 0;
  text-align: left;
}
.hero-splash.historicalTimeline > div > div > ul > li p {
  width: 100%;
  margin-bottom: 48px;
}
.hero-splash.historicalTimeline > div > div > ul > li:last-child p {
  float: left;
}
.hero-splash.historicalTimeline > div > div > ul li p {
  font-size: 1rem;
}
.hero-splash > div > div.calculator-area {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
}
.hero-splash > div > div.calculator-area:not(:last-of-type) {
  margin-bottom: 24px;
}
.hero-splash > div > div.calculator-area .calculator {
  margin-top: 24px;
}
.hero-splash > div > .relatedArticles {
  max-width: 1100px;
  margin: auto;
}
.hero-splash > div > .relatedArticles > div > a {
  display: flex;
  margin-bottom: 12px;
}
.hero-splash > div > .relatedArticles > div > a img {
  margin-left: 0;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  margin-right: 7px;
}
.hero-splash > div > .relatedArticles > div > a > div {
  clear: both;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  width: auto;
  padding: 0;
}
.hero-splash > div > .relatedArticles > div > a > div h4 {
  font-size: 16.8px;
  text-transform: none;
  font-weight: 600;
}
.hero-splash > div > .relatedArticles > div > a > div h5 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3em;
  letter-spacing: 0.4px;
  text-transform: none;
}
.hero-splash > div > .relatedArticles > div > a > div p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
}
.hero-splash > div > .relatedArticles h4 {
  display: block;
  text-align: center;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0.5em;
  position: relative;
  margin-bottom: 24px;
}
.hero-splash > div > .relatedArticles h4 > span {
  background-color: #FEFEFF;
  padding: 24px;
  z-index: 1;
  position: relative;
}
.decision-tree .hero-splash > div > .relatedArticles h4 > span {
  background: #fdfdfd;
}
.hero-splash > div > .relatedArticles h4:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  background: rgba(51, 51, 51, 0.1);
}
.hero-splash > div > .relatedArticles > div {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
.definitive-guide .hero-splash > div > .relatedArticles > div {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 890px) {
  .hero-splash > div > .relatedArticles > div,
  .definitive-guide .hero-splash > div > .relatedArticles > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 510px) {
  .hero-splash > div > .relatedArticles > div,
  .definitive-guide .hero-splash > div > .relatedArticles > div {
    grid-template-columns: 1fr;
  }
}
.hero-splash > div > .relatedArticles > div > a:nth-of-type(n+13),
.hero-splash > div > .relatedArticles > div > div:nth-of-type(n+13) {
  display: none;
}
@media (max-width: 510px) {
  .hero-splash > div > .relatedArticles > div > a:nth-of-type(n+7),
  .hero-splash > div > .relatedArticles > div > div:nth-of-type(n+7) {
    display: none;
  }
}
.eco-hub .hero-splash {
  background: #499f41;
}
.hero-splash h1,
.hero-splash h2,
.hero-splash h3,
.hero-splash h4,
.hero-splash h5,
.hero-splash h6,
.hero-splash p,
.hero-splash ul,
.hero-splash .tag,
.hero-splash a {
  color: #fff;
}
.hero-splash .tag {
  text-align: center;
  display: block;
  margin: auto auto 24px auto;
  font-size: 15px;
  font-weight: bold;
  opacity: 0.85;
}
.hero-splash .tag + h1 {
  margin-top: 0;
}
.hero-splash h1 {
  text-align: center;
}
.hero-splash > div {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr 1fr;
  width: 94%;
  max-width: 1000px;
  grid-template-areas: "title title" "content image";
}
.hero-splash > div > div:nth-of-type(1) {
  grid-area: title;
}
.hero-splash > div > div:nth-of-type(1) > div {
  max-width: 600px;
  margin: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 24px;
}
.hero-splash > div > div:nth-of-type(2),
.hero-splash > div > div:nth-of-type(3) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero-splash > div > div:nth-of-type(2) {
  grid-area: content;
}
.hero-splash > div > div:nth-of-type(2) p {
  font-size: clamp(1.15rem, 2vw, 1.3rem);
  line-height: 1.45em;
}
@media (max-width: 500px) {
  .hero-splash > div > div:nth-of-type(2) p {
    text-align: justify;
  }
}
.hero-splash > div > div:nth-of-type(3) {
  grid-area: image;
}
.hero-splash > div > div:nth-of-type(3) > a {
  display: flex;
}
.hero-splash > div > div:nth-of-type(3) img,
.hero-splash > div > div:nth-of-type(3) svg {
  width: 80%;
  max-width: 280px;
  max-height: 280px;
  margin: auto 0 auto auto;
}
@media (max-width: 900px) {
  .hero-splash > div > div:nth-of-type(3) img,
  .hero-splash > div > div:nth-of-type(3) svg {
    margin: auto;
  }
}
@media (max-width: 900px) {
  .hero-splash > div {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "title" "content";
  }
  .hero-splash > div p {
    text-align: center;
  }
}
.featured-contents {
  padding: clamp(30px, 7.5vh, 110px) 0;
  background: #fff;
}
.featured-contents > div {
  max-width: 1180px;
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1220px) {
  .featured-contents > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.featured-contents > div:not(:last-child) {
  margin-bottom: 24px;
}
.featured-contents.color-wash > div .featured-content-cards > a img {
  opacity: 0.5;
  filter: sepia(0.5);
}
.featured-contents.color-wash.eco > div .featured-content-cards > a > div:nth-of-type(1) {
  background: #499f41;
}
.featured-contents.specified-summaries > div .featured-content-cards > a {
  display: block;
}
.featured-contents > div {
  overflow: hidden;
}
.featured-contents > div > div:nth-child(1) {
  width: 100%;
  max-width: 600px;
  margin: auto;
  margin-bottom: 24px;
}
.featured-contents > div > div:nth-child(1) h2,
.featured-contents > div > div:nth-child(1) h3,
.featured-contents > div > div:nth-child(1) h4,
.featured-contents > div > div:nth-child(1) h5,
.featured-contents > div > div:nth-child(1) p:only-of-type {
  text-align: center;
}
@media (min-width: 550px) {
  .featured-contents > div > div:nth-child(1) p {
    font-size: 1.3rem;
  }
}
@media (max-width: 550px) {
  .featured-contents > div > div:nth-child(1) p:only-of-type {
    text-align: justify;
  }
}
.featured-contents > div > div:nth-child(1) p {
  font-size: clamp(1rem, 2vw, 1.15rem);
}
.featured-contents > div > ul {
  justify-content: center;
  max-width: none;
  display: flex;
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.featured-contents > div > ul.swipe {
  justify-content: flex-start;
}
.featured-contents > div > ul::-webkit-scrollbar {
  display: none;
}
.featured-contents > div > ul > li {
  font-size: 13.68px;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 18px;
  padding-bottom: 18px;
}
@media (max-width: 720px) {
  .featured-contents > div > ul > li {
    margin: 12px;
    padding-bottom: 12px;
    font-size: 11.76px;
  }
}
.featured-contents > div > ul > li svg.svg-inline--fa,
.featured-contents > div > ul > li i.fas,
.featured-contents > div > ul > li i.fab,
.featured-contents > div > ul > li i.fal,
.featured-contents > div > ul > li i.far {
  font-weight: 300;
  display: block;
  margin: auto;
  font-size: 24px;
}
@media (max-width: 720px) {
  .featured-contents > div > ul > li {
    margin: 12px;
    padding-bottom: 12px;
    font-size: 11.76px;
  }
  .featured-contents > div > ul > li svg.svg-inline--fa,
  .featured-contents > div > ul > li i.fas,
  .featured-contents > div > ul > li i.fab,
  .featured-contents > div > ul > li i.fal,
  .featured-contents > div > ul > li i.far {
    font-size: 18px;
  }
}
.featured-contents > div > ul > li,
.featured-contents > div > ul > li svg.svg-inline--fa,
.featured-contents > div > ul > li i.fas,
.featured-contents > div > ul > li i.fab,
.featured-contents > div > ul > li i.fal,
.featured-contents > div > ul > li i.far {
  color: #9b9b9b;
}
.featured-contents > div > ul > li:hover {
  cursor: pointer;
}
.featured-contents > div > ul > li.selected,
.featured-contents > div > ul > li:hover {
  border-bottom: 3px solid #000;
}
.featured-contents > div > ul > li.selected,
.featured-contents > div > ul > li:hover,
.featured-contents > div > ul > li.selected svg.svg-inline--fa,
.featured-contents > div > ul > li:hover svg.svg-inline--fa,
.featured-contents > div > ul > li.selected i.fas,
.featured-contents > div > ul > li:hover i.fas,
.featured-contents > div > ul > li.selected i.fab,
.featured-contents > div > ul > li:hover i.fab,
.featured-contents > div > ul > li.selected i.fal,
.featured-contents > div > ul > li:hover i.fal,
.featured-contents > div > ul > li.selected i.far,
.featured-contents > div > ul > li:hover i.far {
  color: #000;
}
.featured-contents > div > div.featured-content-cards {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 960px) {
  .featured-contents > div > div.featured-content-cards {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 18px;
  }
}
@media (max-width: 720px) {
  .featured-contents > div > div.featured-content-cards {
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px;
  }
}
@media (max-width: 380px) {
  .featured-contents > div > div.featured-content-cards {
    grid-template-columns: 1fr ;
  }
}
.featured-contents > div > div.featured-content-cards > a {
  position: relative;
  display: none;
  overflow: hidden;
}
.featured-contents > div > div.featured-content-cards > a.featured-content-card.featured {
  display: block;
}
.featured-contents > div > div.featured-content-cards > a img,
.featured-contents > div > div.featured-content-cards > a picture {
  position: relative;
  overflow: hidden;
}
.featured-contents > div > div.featured-content-cards > a .tag {
  position: absolute;
  padding-left: 14px;
  padding-right: 14px;
  top: 12px;
  left: 12px;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 14px;
  border-radius: 14px;
  background: #fff;
  color: #777777;
}
.featured-contents > div > div.featured-content-cards > a > div:nth-of-type(1) {
  background: #e45f31;
  border-radius: 4px;
  overflow: hidden;
}
.featured-contents > div > div.featured-content-cards > a > div:nth-of-type(2) {
  margin: 0;
  padding: 8px 0 0 0;
  background: #fff;
}
.featured-contents > div > div.featured-content-cards > a > div:nth-of-type(2) h5 {
  font-weight: bold;
  font-size: 14px;
  font-weight: 600;
}
.featured-contents > div > div.featured-content-cards > a > div:nth-of-type(2) p {
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.5em;
  text-align: left;
}
.miniModal p,
.miniModal ul {
  font-size: 1rem;
}
.fold.quick-calc-fold {
  background: #f7f7f7;
}
.fold.quick-calc-fold .textBox {
  margin-bottom: 48px;
}
.quick-calc {
  border-radius: 15px;
  background: #fff;
  width: 94%;
  max-width: 800px;
  margin: auto;
}
@media (max-width: 766px) {
  .quick-calc {
    width: 100%;
    padding: 12px;
  }
}
.quick-calc > div {
  border-radius: 9px;
  background-color: #fff;
  border: 1px solid #e5e8ed;
  overflow: hidden;
  max-width: 100%;
}
@media (max-width: 766px) {
  .quick-calc > div {
    padding: 12px;
  }
}
.quick-calc > div .calc-header {
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #777777;
  padding: 24px;
  border-bottom: 1px solid #eef0f4;
  background: #f7f7f7;
}
.quick-calc > div .calc-header i {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(228, 95, 49, 0.12);
  color: #e45f31;
  font-size: 0.85rem;
  margin-right: 8px;
  flex-shrink: 0;
}
.quick-calc > div > .calc-columns {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  grid-gap: 24px;
  align-items: start;
}
@media (max-width: 766px) {
  .quick-calc > div > .calc-columns {
    grid-template-columns: 1fr;
  }
  .quick-calc > div > .calc-columns > div:nth-child(1) {
    order: 2;
  }
  .quick-calc > div > .calc-columns > div:nth-child(2) {
    order: 1;
  }
}
.quick-calc > div > .calc-columns > div {
  flex-basis: 50%;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) {
  position: sticky;
  top: 24px;
  align-self: start;
  display: block;
}
@media (max-width: 766px) {
  .quick-calc > div > .calc-columns > div:nth-of-type(1) {
    position: static;
  }
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block {
  padding: 24px;
  overflow: hidden;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .results-heading {
  margin: 0 0 4px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #011734;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .results-subtitle {
  margin: 0 0 24px 0;
  font-size: 13px;
  color: #777777;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .stat-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f8f9fb;
  border: 1px solid #e5e8ed;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 18px;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .stat-card:last-of-type {
  margin-bottom: 0;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .stat-card .stat-card__icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  background: rgba(228, 95, 49, 0.12);
  color: #e45f31;
  align-self: center;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .stat-card .stat-card__body {
  flex: 1;
  min-width: 0;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .stat-card .stat-card__label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #777777;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .stat-card .stat-card__value {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: #636363;
  line-height: 1.2;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .stat-card .stat-card__sub {
  display: block;
  font-size: 11px;
  color: #777777;
  margin-top: 5px;
  font-style: italic;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .results-divider {
  border: none;
  border-top: 1px solid #eef0f4;
  margin: 24px 0 12px 0;
}
.quick-calc > div > .calc-columns > div:nth-of-type(1) .calc-result-block .results-cta {
  text-decoration: none;
  font-size: 13px;
  padding: 0;
}
.quick-calc > div > .calc-columns > div:nth-of-type(2) {
  display: block;
}
.slider-inputs {
  padding: 12px;
  width: 100%;
}
.slider-inputs .control-section {
  width: 100%;
  margin-bottom: 0;
  padding: 18px 0;
}
.slider-inputs .control-section label {
  font-size: 13px;
  letter-spacing: 0.15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
  color: #011734;
}
.slider-inputs .control-section label a {
  color: #777777;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.slider-inputs .control-section label a i {
  font-size: 14px;
  color: #b0bac6;
  transition: color 0.15s ease;
}
.slider-inputs .control-section label a i:hover {
  color: #e45f31;
}
.slider-inputs .control-section #value1 {
  font-weight: 700;
  color: #e45f31;
}
.slider-inputs .control-divider {
  border: none;
  border-top: 1px solid #eef0f4;
  margin: 0;
}
.slider-inputs .control-section--panels .panels-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.slider-inputs .control-section--panels .panels-label-row label {
  margin-bottom: 0;
}
.slider-inputs .control-section--panels .panel-count-badge {
  display: block;
  font-size: 36px;
  font-weight: 800;
  color: #e45f31;
  line-height: 1;
  margin: 0 0 8px 0;
}
.slider-inputs .control-section--panels .house-hint {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #777777;
  margin: 0 0 12px 0;
}
.slider-inputs .control-section--panels .house-hint i {
  font-size: 11px;
}
.slider-inputs .control-section--panels .house-hint strong {
  font-weight: 600;
}
.slider-inputs .scale {
  font-size: 0.9rem;
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #777777;
}
.slider-inputs .options {
  display: flex;
  gap: 8px;
  justify-content: stretch;
  width: 100%;
}
.slider-inputs .options > div {
  flex-basis: 50%;
  border: 2px solid #d7d7d7;
  border-radius: 8px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  padding: 8px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #777777;
  transition: all 0.15s ease;
  cursor: pointer;
}
.slider-inputs .options > div:hover {
  border-color: #e45f31;
  color: #e45f31;
}
.slider-inputs .options > div.selected {
  background: #e45f31;
  border-color: #e45f31;
  color: #fff;
}
.slider-inputs .roof-orientation-section {
  margin-bottom: 0;
  padding-top: 12px;
}
.slider-inputs .roof-orientation-section .orientation-expander {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #777777;
  cursor: pointer;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.15px;
  user-select: none;
}
.slider-inputs .roof-orientation-section .orientation-expander:hover {
  color: #e45f31;
}
.slider-inputs .roof-orientation-section .orientation-expander i {
  transition: transform 0.25s ease;
  font-size: 10px;
}
.slider-inputs .roof-orientation-section .orientation-expander.is-open i {
  transform: rotate(90deg);
}
.slider-inputs .roof-orientation-section [data-orientation-panel] {
  display: none;
  margin-top: 24px;
}
.slider-inputs .roof-orientation-section [data-orientation-panel] > div {
  margin-bottom: 24px;
}
.slider-inputs .roof-orientation-section [data-orientation-panel] > div:last-child {
  margin-bottom: 12px;
}
.slider-inputs .roof-orientation-section .orientation-divider {
  border: none;
  border-top: 1px solid #eef0f4;
  margin: 6px 0;
}
.slider-inputs .roof-orientation-section .compass-svg {
  display: block;
  width: 180px;
  height: 180px;
  cursor: pointer;
  touch-action: none;
  margin: 12px auto 0;
}
.slider-inputs .roof-orientation-section .compass-svg .compass-track {
  stroke: #e0e4ea;
  stroke-width: 10;
}
.slider-inputs .roof-orientation-section .compass-svg .compass-inner-ring {
  stroke: #eef0f4;
  stroke-width: 1;
}
.slider-inputs .roof-orientation-section .compass-svg .compass-label {
  font-size: 11px;
  font-weight: 700;
  fill: #6b7a8d;
  letter-spacing: 0.5px;
}
.slider-inputs .roof-orientation-section .compass-svg .compass-label.compass-label--n {
  fill: #e45f31;
  font-size: 13px;
}
.slider-inputs .roof-orientation-section .compass-svg .compass-handle {
  fill: #e45f31;
  stroke: #fff;
  stroke-width: 2.5;
  cursor: grab;
}
.slider-inputs .roof-orientation-section .compass-svg .compass-handle:active {
  cursor: grabbing;
}
.slider-inputs .roof-orientation-section .tilt-svg {
  display: block;
  width: 150px;
  height: 80px;
  margin: 6px auto;
}
.slider-inputs .roof-orientation-section .orientation-subsection label {
  font-size: 13px;
  letter-spacing: 0.15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
  color: #011734;
}
.slider-inputs .roof-orientation-section .orientation-subsection label a {
  color: #777777;
  text-decoration: none;
}
.slider-inputs .roof-orientation-section .orientation-subsection label a i {
  font-size: 14px;
  color: #b0bac6;
  transition: color 0.15s ease;
}
.slider-inputs .roof-orientation-section .orientation-subsection label a i:hover {
  color: #e45f31;
}
.slider-inputs .roof-orientation-section .efficiency-display {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: 13px;
}
.slider-inputs .roof-orientation-section .efficiency-display .efficiency-label {
  font-weight: 700;
  font-size: 16px;
  color: #011734;
}
.slider-inputs .roof-orientation-section .efficiency-display .efficiency-percent {
  color: #777777;
  font-size: 12px;
}
.slider-inputs .roof-orientation-section .orientation-hint {
  margin: 2px 0 0 0;
  font-size: 11px;
  color: #777777;
  font-style: italic;
}
.slider-inputs .roof-orientation-section .orientation-hint strong {
  font-weight: 600;
  color: #e45f31;
}
.slider-inputs .roof-orientation-section .tilt-steps {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #777777;
  padding: 0 2px;
  margin-top: 2px;
}
.slider-inputs .roof-orientation-section #direction-value,
.slider-inputs .roof-orientation-section #tilt-label,
.slider-inputs .roof-orientation-section #tilt-value {
  font-weight: 700;
  color: #e45f31;
}
.slider-inputs .ui-slider {
  cursor: pointer;
}
.slider-inputs .ui-widget-header {
  background: none;
}
.slider-inputs .ui-widget-content {
  height: 8px;
  background: #e0e4ea;
  border: none;
  border-radius: 4px;
}
.slider-inputs .ui-widget-content .ui-state-default {
  border: 6px solid #fff;
  border-radius: 50%;
  background: #e45f31;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  width: 20px;
  height: 20px;
  top: -6px;
  cursor: pointer;
  outline: none;
}
.slider-inputs .ui-widget-content .ui-state-default:hover,
.slider-inputs .ui-widget-content .ui-state-default:focus {
  background: #de4f1d;
}
.slider-inputs .ui-corner-all {
  border-radius: 4px;
}
.slider-inputs .ui-slider-horizontal .ui-slider-range-min {
  background-color: #e45f31;
  border-radius: 4px;
}
.article .quick-calc {
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 0;
}
.article .quick-calc > div {
  border-radius: 4px;
}
@media (max-width: 766px) {
  .article .quick-calc > div {
    padding: 0;
  }
}
.chart {
  display: block;
  clear: both;
  max-width: 1000px;
  margin: 48px auto;
}
.chart canvas {
  margin-bottom: 12px;
}
.chart:last-child {
  margin-bottom: 0;
}
.chart h4,
.chart h5 {
  text-align: center;
  margin: auto auto 12px auto;
  max-width: 500px;
}
.chart.small canvas {
  max-height: 600px;
}
/* =========================================================================
 * Roof Sizing Tool — /test-area/roof-tool-v1.php
 * Look & feel for the satellite roof-drawing estimator. All colours, fonts
 * and spacing come from globalVariablesAndMixins.less / globalWireframe.less.
 * ========================================================================= */
body.solar-calc-page {
  background: #f3f4f6;
}
.solar-calc-tool {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px;
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  background: #f3f4f6;
  /* ---- Intro ---- */
  /* ---- Two-column layout ---- */
}
.solar-calc-tool * {
  box-sizing: border-box;
}
.solar-calc-tool__intro {
  max-width: 750px;
  margin: 0 auto 30px;
  text-align: center;
}
.solar-calc-tool__eyebrow {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  color: #e45f31;
  margin-bottom: 6px;
}
.solar-calc-tool__title {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(2rem, 4vw, 3.5rem);
  color: #011734;
  margin: 0 0 12px;
  line-height: 1.15;
  text-align: center;
}
.solar-calc-tool__lead {
  margin: 0;
  line-height: 1.55;
}
.solar-calc-tool__layout {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: stretch;
}
.solar-calc-tool__mapCol {
  flex: 0 0 auto;
  min-width: 0;
  width: 100%;
  position: static;
}
.solar-calc-tool__sidebar {
  flex: 0 0 auto;
  max-width: none;
  width: 100%;
}
/* =========================================================================
 * MAP + ON-MAP PILL
 * ========================================================================= */
.solar-calc-map {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.solar-calc-map__canvas {
  width: 100%;
  height: 70vh;
}
@media (max-width: 980px) {
  .solar-calc-map__canvas {
    height: 68vh;
  }
}
/* Top-centered controls and guidance over the map canvas. */
.solar-calc-overlay {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 6;
  width: calc(100% -  24px );
  max-width: 560px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}
.solar-calc-addressSearch,
.solar-calc-currentAddress,
.solar-calc-pill {
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
}
.solar-calc-addressSearch {
  display: flex;
  gap: 8px;
  padding: 10px;
}
.solar-calc-addressSearch[style*='display:none'] {
  padding: 0;
}
.solar-calc-currentAddress {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  min-height: 42px;
}
.solar-calc-currentAddress__label {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #777777;
  white-space: nowrap;
}
.solar-calc-currentAddress__value {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
  color: #4d4d4d;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
}
.solar-calc-currentAddress__clear {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #d8d8d8;
  border-radius: 999px;
  cursor: pointer;
  color: #4d4d4d;
  background: #fff;
}
.solar-calc-currentAddress__clear i {
  font-size: 0.9rem;
  line-height: 1;
}
.solar-calc-currentAddress__clear:hover {
  border-color: #e45f31;
  color: #e45f31;
}
.solar-calc-mapBtn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.8rem;
  color: #4d4d4d;
  background: #fff;
  padding: 8px 12px;
  border-radius: 4px;
}
.solar-calc-mapBtn i {
  font-size: 0.85em;
}
.solar-calc-mapBtn:hover {
  border-color: #e45f31;
  color: #e45f31;
}
.solar-calc-mapBtn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.solar-calc-mapBtn:disabled:hover {
  border-color: #EAEEF3;
  color: #4d4d4d;
}
.solar-calc-pill {
  padding: 14.11764706px 20px;
  text-align: left;
}
.solar-calc-pill--done {
  background: rgba(255, 255, 255, 0.97);
  border-left: 4px solid #499f41;
}
.solar-calc-pill--done .solar-calc-pill__text {
  color: #4d4d4d;
  font-size: 0.88rem;
}
.solar-calc-pill--done .solar-calc-pill__text strong {
  color: #499f41;
}
.solar-calc-pill--done .solar-calc-pill__actions {
  justify-content: center;
  margin-top: 8px;
}
.solar-calc-pill__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.solar-calc-pill__search {
  display: flex;
  gap: 8px;
  margin-bottom: 0;
}
.solar-calc-pill__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 9px 12px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.95rem;
  color: #4d4d4d;
  background: #fff;
}
.solar-calc-pill__input:focus {
  outline: none;
  border-color: #e45f31;
}
.solar-calc-pill__find {
  flex: 0 0 auto;
  border: none;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: #fff;
  background: #e45f31;
  padding: 9px 18px;
  border-radius: 4px;
}
.solar-calc-pill__find:hover {
  background: #e58f35;
}
.solar-calc-pill__text {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: #4d4d4d;
  flex: 1 1 auto;
}
.solar-calc-pill__text strong {
  color: #011734;
}
.solar-calc-pill__actions {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 9.6px;
}
.solar-calc-pill__actions:empty {
  display: none;
}
.solar-calc-pill__add {
  border: 1px solid #d8d8d8;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.8rem;
  border-radius: 4px;
  padding: 7px 14px;
  background: #fff;
  border-color: #e45f31;
  color: #e45f31;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.solar-calc-pill__add:hover {
  background: #e45f31;
  color: #fff;
}
.solar-calc-overlay > .solar-calc-pill__actions {
  pointer-events: auto;
  display: flex;
  justify-content: center;
  margin-top: 0;
}
.solar-calc-overlay > .solar-calc-pill__actions .solar-calc-pill__add {
  background: transparent;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.9);
  color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}
.solar-calc-overlay > .solar-calc-pill__actions .solar-calc-pill__add:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: #fff;
  color: #fff;
}
@media (max-width: 980px) {
  .solar-calc-overlay {
    top: 8px;
    width: calc(100% - 16px);
    max-width: none;
    gap: 6px;
  }
  .solar-calc-addressSearch {
    padding: 8px;
  }
  .solar-calc-currentAddress {
    padding: 6px 10px;
  }
  .solar-calc-currentAddress__label {
    display: none;
  }
  .solar-calc-currentAddress__value {
    font-size: 0.82rem;
  }
  .solar-calc-pill {
    padding: 10px 12px;
  }
  .solar-calc-pill__row {
    align-items: flex-start;
    gap: 8px;
  }
  .solar-calc-pill__text {
    font-size: 0.9rem;
  }
  .solar-calc-pill__input,
  .solar-calc-pill__find,
  .solar-calc-pill__add {
    font-size: 0.82rem;
  }
  .solar-calc-mapBtn {
    padding: 7px 10px;
    font-size: 0.76rem;
  }
}
/* =========================================================================
 * RESULTS (headline)
 * ========================================================================= */
.solar-calc-results {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-bottom: 24px;
  box-shadow: none;
}
.solar-calc-results__title {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 1.15rem;
  margin: 0 0 12px;
}
.solar-calc-results__headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px;
  background: linear-gradient(90deg, #e45f31 0%, #e7c83b 100%);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  position: relative;
}
.solar-calc-results__big {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 3.4rem;
  line-height: 1;
  color: #fff;
  display: inline;
}
.solar-calc-results__bigLabel {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: 0;
  font-size: 1.5rem;
  color: #fff;
  display: inline;
  margin-left: 8px;
}
.solar-calc-results__system {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.9);
  margin-top: 8px;
}
.solar-calc-results__shareBtn {
  margin-top: 26.4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.16);
  border: 2px solid rgba(255, 255, 255, 0.84);
  border-radius: 8px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
  line-height: 1.2;
}
.solar-calc-results__shareBtn:hover {
  background: rgba(255, 255, 255, 0.28);
  transform: translateY(-1px);
}
.solar-calc-results__shareBtn i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  line-height: 1;
}
.solar-calc-results__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}
.solar-calc-results__note {
  margin: 12px 0 0;
  font-size: 0.75rem;
  color: #777777;
  text-align: center;
}
.solar-calc-results--empty {
  text-align: center;
}
.solar-calc-results--empty .solar-calc-results__emptyText {
  margin: 0;
  line-height: 1.5;
  color: #777777;
}
@media (min-width: 761px) {
  .solar-calc-results {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .solar-calc-results__headline {
    justify-content: center;
  }
  .solar-calc-results__grid {
    margin-top: 0;
    align-content: start;
  }
  .solar-calc-results__grid .solar-calc-stat {
    padding: 30px;
    justify-content: center;
  }
  .solar-calc-results__note {
    grid-column: 1 / -1;
    margin-top: 12px;
  }
}
.solar-calc-sharePopover {
  position: absolute;
  top: calc(100% - 18px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
  width: min(420px, calc(100vw - 36px));
  background: #FEFEFF;
  border: 1px solid #EAEEF3;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(1, 23, 52, 0.18);
  text-align: left;
}
.solar-calc-sharePopover::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 14px;
  height: 14px;
  background: #FEFEFF;
  border-left: 1px solid #EAEEF3;
  border-top: 1px solid #EAEEF3;
}
.solar-calc-sharePopover__close {
  position: absolute;
  top: 10px;
  right: 12px;
  border: none;
  background: transparent;
  color: #4d4d4d;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
}
.solar-calc-sharePopover__close i {
  display: block;
  font-size: 1rem;
  line-height: 1;
}
.solar-calc-sharePopover__close:hover {
  color: #e45f31;
}
.solar-calc-sharePopover__title {
  margin: 0 34px 8px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  color: #011734;
}
.solar-calc-sharePopover__text {
  margin: 0 0 14px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.95rem;
  line-height: 1.45;
  color: #777777;
}
.solar-calc-sharePopover__row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}
.solar-calc-sharePopover__input {
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #EAEEF3;
  border-radius: 8px;
  background: rgba(234, 238, 243, 0.42);
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  color: #4d4d4d;
}
.solar-calc-sharePopover__copyBtn {
  padding: 10px 14px;
  border: none;
  border-radius: 8px;
  background: #e45f31;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
}
.solar-calc-sharePopover__copyBtn:hover {
  background: #d54c1c;
}
@media (max-width: 520px) {
  .solar-calc-sharePopover {
    top: calc(100% - 8px);
    padding: 14.11764706px;
  }
  .solar-calc-sharePopover__row {
    grid-template-columns: 1fr;
  }
  .solar-calc-sharePopover__copyBtn {
    width: 100%;
  }
}
.solar-calc-stat {
  background: #fff;
  border: 1px solid #EAEEF3;
  border-radius: 8px;
  padding: 16px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 2px;
  align-items: start;
}
.solar-calc-stat__icon {
  grid-row: 0.33333333;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: rgba(228, 95, 49, 0.12);
  color: #e45f31;
  font-size: 0.85rem;
  flex-shrink: 0;
  align-self: center;
}
.solar-calc-stat__label {
  grid-column: 2;
  grid-row: 1;
  font-size: 0.72rem;
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #777777;
  line-height: 1.3;
  margin: auto 0;
}
.solar-calc-stat__value {
  grid-column: 2;
  grid-row: 2;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  color: #011734;
  line-height: 1.2;
}
.solar-calc-stat__note {
  grid-column: 2;
  grid-row: 3;
  font-size: 0.68rem;
  color: #777777;
  line-height: 1.35;
  margin-top: 2px;
}
/* =========================================================================
 * ACCORDIONS (native <details>)
 * ========================================================================= */
.solar-calc-accGroup {
  margin-bottom: 24px;
}
.solar-calc-accGroup__heading {
  font-family: 'Montserrat', sans-serif;
  color: #011734;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 12px;
}
.solar-calc-acc {
  background: #fff;
  border: 1px solid #EAEEF3;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  /* Icon shown to the left of a "More detail" section title */
  /* Grey explainer note inside an accordion body */
}
.solar-calc-acc__summary {
  list-style: none;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.92rem;
  color: #011734;
  padding: 15px 38.4px 15px 17.14285714px;
  position: relative;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 9.6px;
  min-height: 54px;
  /* Chevron marker (replaces the old +/- glyphs) */
}
.solar-calc-acc__summary::-webkit-details-marker {
  display: none;
}
.solar-calc-acc__summary::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #e45f31;
  border-bottom: 2px solid #e45f31;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.2s ease;
}
.solar-calc-acc[open] > .solar-calc-acc__summary::after {
  transform: translateY(-35%) rotate(225deg);
}
.solar-calc-acc__icon {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: rgba(228, 95, 49, 0.12);
  color: #e45f31;
  font-size: 0.85rem;
}
.solar-calc-acc__note {
  font-size: 0.78rem;
  color: #777777;
  line-height: 1.5;
  margin: 0 0 12px;
}
.solar-calc-acc__body {
  padding: 0 17.14285714px 17.14285714px;
}
.solar-calc-acc--debug .solar-calc-acc__summary {
  color: #777777;
  padding-right: 31.2px;
}
.solar-calc-acc__titleText {
  color: #011734;
}
/* Key/value lines inside accordions */
.solar-calc-line {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 5px 0;
  font-size: 0.88rem;
  border-bottom: 1px dashed #EAEEF3;
}
.solar-calc-line:last-child {
  border-bottom: none;
}
.solar-calc-line span:last-child {
  font-weight: 600;
  color: #4d4d4d;
  text-align: right;
}
.solar-calc-line--total {
  margin-top: 4px;
  padding-top: 8px;
  border-top: 2px solid #EAEEF3;
  border-bottom: none;
}
.solar-calc-line--total span {
  font-weight: 700;
  color: #011734;
}
.solar-calc-line--total span:last-child {
  color: #e45f31;
  font-size: 1.05rem;
}
/* =========================================================================
 * PER-ITEM COLLAPSIBLE ROWS (value + chevron -> expands to edit field)
 * ========================================================================= */
.solar-calc-item {
  border-bottom: 1px dashed #EAEEF3;
  /* tighten the field inside an item (label is now the summary) */
}
.solar-calc-item:last-child {
  border-bottom: none;
}
.solar-calc-item__summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 10.90909091px 28.8px 10.90909091px 0;
  position: relative;
  user-select: none;
}
.solar-calc-item__summary::-webkit-details-marker {
  display: none;
}
.solar-calc-item__summary::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 2px solid #e45f31;
  border-bottom: 2px solid #e45f31;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.2s ease;
}
.solar-calc-item[open] > .solar-calc-item__summary::after {
  transform: translateY(-35%) rotate(225deg);
}
.solar-calc-item__label {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.88rem;
  color: #777777;
}
.solar-calc-item__value {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.88rem;
  color: #011734;
  text-align: right;
  white-space: nowrap;
}
.solar-calc-item__body {
  padding: 0 0 13.33333333px;
}
.solar-calc-item__note {
  font-size: 0.76rem;
  color: #777777;
  line-height: 1.5;
  margin: 6px 0 0;
}
.solar-calc-item__note--warn {
  color: #e45f31;
  font-weight: 600;
}
.solar-calc-item .solar-calc-field__input {
  margin-top: 2px;
}
/* =========================================================================
 * ROOF SECTION CARDS + PER-FACE EDITOR
 * ========================================================================= */
.solar-calc-sections {
  margin-bottom: 16px;
}
.section-card {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 6px;
  border-bottom: 1px solid #EAEEF3;
}
.section-card:last-child {
  border-bottom: none;
}
.section-card--active {
  background: rgba(228, 95, 49, 0.07);
  border-radius: 4px;
}
.section-card--active .section-edit {
  border-color: #e45f31;
  color: #e45f31;
}
.section-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1.5px solid rgba(0, 0, 0, 0.15);
}
.section-info {
  flex: 1;
  min-width: 0;
}
.section-name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #011734;
  font-size: 0.85rem;
}
.section-detail {
  color: #777777;
  font-size: 0.75rem;
}
.section-count {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #e45f31;
  font-size: 1rem;
  white-space: nowrap;
  margin: 0 6px;
}
.section-edit {
  background: none;
  border: 1px solid #d8d8d8;
  color: #777777;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7rem;
  cursor: pointer;
  padding: 3px 9px;
  border-radius: 4px;
  flex-shrink: 0;
}
.section-edit:hover {
  border-color: #e45f31;
  color: #e45f31;
}
.section-del {
  background: none;
  border: none;
  color: #cccccc;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 0 4px;
  line-height: 1;
  flex-shrink: 0;
}
.section-del:hover {
  color: #e20000;
}
/* Nested per-section accordion: each roof face owns its settings + details */
.solar-calc-section {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
  background: #fff;
}
.solar-calc-section--active {
  border-color: #e45f31;
  box-shadow: 0 0 0 1px #e45f31 inset;
}
.solar-calc-section__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10.90909091px 12px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.solar-calc-section__summary::-webkit-details-marker {
  display: none;
}
.solar-calc-section__summary::after {
  content: "\f078";
  /* fa chevron-down */
  font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 0.7rem;
  color: #cccccc;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.solar-calc-section[open] > .solar-calc-section__summary::after {
  transform: rotate(180deg);
}
.solar-calc-section--active > .solar-calc-section__summary {
  background: rgba(228, 95, 49, 0.07);
}
.solar-calc-section__dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1.5px solid rgba(0, 0, 0, 0.15);
}
.solar-calc-section__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.solar-calc-section__name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #011734;
  font-size: 0.9rem;
}
.solar-calc-section__meta {
  color: #777777;
  font-size: 0.75rem;
}
.solar-calc-section__count {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #e45f31;
  font-size: 0.85rem;
  white-space: nowrap;
}
.solar-calc-section__remove {
  border: 1px solid #d8d8d8;
  background: transparent;
  color: #777777;
  border-radius: 999px;
  padding: 4px 8px;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.solar-calc-section__remove:hover {
  border-color: #e20000;
  color: #e20000;
  background: rgba(226, 0, 0, 0.06);
}
.solar-calc-section__body {
  padding: 0 12px 12px;
  /* The section editor's own heading sits flush at the top of the body */
}
.solar-calc-section__body:empty {
  display: none;
}
.solar-calc-section__body .solar-calc-faceEditor__heading:first-child {
  margin-top: 12px;
}
@media (max-width: 980px) {
  .solar-calc-section__summary {
    gap: 8px;
    padding-right: 10px;
  }
  .solar-calc-section__name {
    font-size: 0.86rem;
  }
  .solar-calc-section__meta {
    font-size: 0.72rem;
  }
  .solar-calc-section__count {
    font-size: 0.8rem;
  }
  .solar-calc-section__remove {
    padding: 3px 7px;
    font-size: 0.66rem;
  }
}
/* "Add another roof section" — lives with the sections, not on the map */
.solar-calc-sections__add {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  border: 1px dashed #EAEEF3;
  background: transparent;
  color: #777777;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  padding: 10px 14px;
  border-radius: 4px;
  margin-bottom: 16px;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.solar-calc-sections__add:hover {
  border-color: #e45f31;
  color: #e45f31;
  background: rgba(228, 95, 49, 0.05);
  border-style: dashed;
}
.solar-calc-faceEditor__heading {
  font-family: 'Montserrat', sans-serif;
  color: #011734;
  font-size: 0.9rem;
  margin: 24px 0 6px;
}
.solar-calc-faceEditor__hint {
  font-size: 0.78rem;
  color: #777777;
  line-height: 1.45;
  margin: 0 0 12px;
}
.solar-calc-faceEditor__delete {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  border: 1px solid #d8d8d8;
  background: #fff;
  color: #e20000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.82rem;
  cursor: pointer;
  padding: 9px 14px;
  border-radius: 4px;
  margin-top: 24px;
}
.solar-calc-faceEditor__delete:hover {
  background: #e20000;
  border-color: #e20000;
  color: #fff;
}
#activeSectionDetailsHeading {
  padding-top: 19.2px;
  border-top: 1px solid #EAEEF3;
  margin-top: 24px;
}
.solar-calc-faceHead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 12px;
}
.solar-calc-faceHead__label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #777777;
}
.solar-calc-faceHead__count {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.6rem;
  color: #e45f31;
}
/* =========================================================================
 * FORM FIELDS + BUTTONS
 * ========================================================================= */
.solar-calc-field__label {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #777777;
  margin: 12px 0 4px;
}
.solar-calc-field__input {
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 8px 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.95rem;
  color: #4d4d4d;
  background: #fff;
}
.solar-calc-field__input:focus {
  outline: none;
  border-color: #e45f31;
}
.solar-calc-btn {
  border: none;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: #fff;
  background: #e45f31;
  padding: 10px 16px;
  border-radius: 4px;
}
.solar-calc-btn:hover {
  background: #e58f35;
}
.solar-calc-btn:disabled {
  background: #cccccc;
  cursor: not-allowed;
}
.solar-calc-btn--block {
  display: block;
  width: 100%;
  margin-top: 16px;
}
/* Toggle-style option buttons (battery size / grant yes-no) */
.solar-calc-optRow {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0 12px;
}
.solar-calc-opt-btn {
  flex: 1 1 0;
  background: #FEFEFF;
  color: #4d4d4d;
  border: 1px solid #d8d8d8;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  min-width: 0;
}
.solar-calc-opt-btn:hover {
  border-color: #e45f31;
}
.solar-calc-opt-btn.solar-calc-opt-selected {
  background: #011734;
  color: #fff;
  border-color: #011734;
}
.solar-calc-warningBox:not(:empty) {
  margin-top: 12px;
}
.solar-calc-warningBox .warning {
  background: rgba(226, 0, 0, 0.1);
  border: 1px solid rgba(226, 0, 0, 0.35);
  color: #e20000;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 0.8rem;
}
/* =========================================================================
 * DEBUG
 * ========================================================================= */
.solar-calc-debug {
  background: #011734;
  color: #fddb41;
  padding: 12px;
  border-radius: 4px;
  font-family: "Courier New", monospace;
  font-size: 0.72rem;
  line-height: 1.45;
  overflow-x: auto;
  max-height: 360px;
  overflow-y: auto;
  white-space: pre;
  margin: 0;
}
.solar-calc-debug__copy {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  margin-right: 16px;
  padding: 5px 12px;
  background: rgba(228, 95, 49, 0.1);
  color: #e45f31;
  border: 1px solid rgba(228, 95, 49, 0.22);
  border-radius: 4px;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.solar-calc-debug__copy:hover {
  background: rgba(228, 95, 49, 0.16);
  transform: translateY(-1px);
}
.solar-calc-debug__copy:focus-visible {
  outline: 2px solid rgba(228, 95, 49, 0.4);
  outline-offset: 2px;
}
.solar-calc-debug__copy.is-copied {
  background: rgba(73, 159, 65, 0.12);
  color: #3c8235;
  border-color: rgba(73, 159, 65, 0.28);
}
.solar-calc-debug__copy .solar-calc-debug__copyText {
  white-space: nowrap;
}
.solar-calc-debug__copy i {
  font-size: 0.8rem;
}
/* =========================================================================
 * SELECTED-FACE CARDS (one stacked box per roof section)
 * ========================================================================= */
.solar-calc-faceCards:empty {
  display: none;
}
.solar-calc-faceCard {
  border: 1px solid #EAEEF3;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 12px;
}
.solar-calc-faceCard:last-child {
  margin-bottom: 0;
}
.solar-calc-faceCard--active {
  border-color: rgba(228, 95, 49, 0.55);
  background: rgba(228, 95, 49, 0.05);
}
.solar-calc-faceCard--empty {
  background: #FEFEFF;
  color: #777777;
  font-size: 0.8rem;
  line-height: 1.55;
}
.solar-calc-faceCard__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.solar-calc-faceCard__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1.5px solid rgba(0, 0, 0, 0.15);
}
.solar-calc-faceCard__name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  color: #011734;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.solar-calc-faceCard__count {
  margin-left: auto;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.4rem;
  color: #e45f31;
}
/* Legacy single-face stat block kept in the DOM (hidden) so existing JS that
   writes to those element IDs keeps working without errors. */
.solar-calc-legacyStats {
  display: none;
}
/* =========================================================================
 * SITE SURVEY CTA
 * ========================================================================= */
.solar-calc-surveyCta {
  margin-bottom: 24px;
  /* Banner */
  /* Form */
  /* Success */
}
.solar-calc-surveyCta__banner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #011734;
  color: #fff;
  padding: 20.4px 24px;
  border-radius: 8px;
}
@media (min-width: 600px) {
  .solar-calc-surveyCta__banner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.solar-calc-surveyCta__bannerContent {
  flex: 1 1 auto;
  min-width: 0;
}
.solar-calc-surveyCta__bannerTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 4px;
  color: #fff;
}
.solar-calc-surveyCta__bannerText {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.78);
}
.solar-calc-surveyCta__bannerBtn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e45f31;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 12px 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.92rem;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease;
}
.solar-calc-surveyCta__bannerBtn:hover {
  background: #da4d1d;
}
.solar-calc-surveyCta__bannerBtn:focus-visible {
  outline: 2px solid #e45f31;
  outline-offset: 2px;
}
.solar-calc-surveyCta__formWrap {
  background: #fff;
  border: 1px solid #EAEEF3;
  border-top: 3px solid #e45f31;
  border-radius: 8px;
  padding: 24px;
}
.solar-calc-surveyCta__formHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.solar-calc-surveyCta__formTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #4d4d4d;
  margin: 0 0 4px;
}
.solar-calc-surveyCta__formSub {
  margin: 0;
  font-size: 0.86rem;
  color: #777777;
  line-height: 1.45;
}
.solar-calc-surveyCta__cancel {
  flex: 0 0 auto;
  background: none;
  border: none;
  color: #777777;
  font-size: 0.86rem;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
}
.solar-calc-surveyCta__cancel:hover {
  color: #4d4d4d;
}
.solar-calc-surveyCta__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 14.4px;
}
.solar-calc-surveyCta__fields .inputBlock {
  flex: 1 1 100%;
}
@media (min-width: 500px) {
  .solar-calc-surveyCta__fields .inputBlock.half {
    flex: 1 1 calc((100% - 24px * 0.6) / 2);
  }
}
.solar-calc-surveyCta__fields .inputBlock label {
  font-weight: 600;
  color: #4d4d4d;
  margin-bottom: 4px;
  font-size: 0.86rem;
}
.solar-calc-surveyCta__fields .inputBlock input,
.solar-calc-surveyCta__fields .inputBlock textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #EAEEF3;
  border-radius: 4px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.92rem;
}
.solar-calc-surveyCta__fields .inputBlock input:focus,
.solar-calc-surveyCta__fields .inputBlock textarea:focus {
  outline: none;
  border-color: #e45f31;
  box-shadow: 0 0 0 3px rgba(228, 95, 49, 0.12);
}
.solar-calc-surveyCta__fields .inputBlock textarea {
  resize: vertical;
  min-height: 80px;
}
.solar-calc-surveyCta__fields .inputBlock .button {
  background: #011734;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 12px 32px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background 0.15s ease;
}
.solar-calc-surveyCta__fields .inputBlock .button:hover {
  background: #02295c;
}
.solar-calc-surveyCta__fields .inputBlock .has-error {
  border-color: red;
}
.solar-calc-surveyCta__fields .inputBlock .has-error:focus {
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.12);
}
.solar-calc-surveyCta__fields .inputBlock .error-message {
  color: red;
  font-size: 0.8rem;
  margin-top: 4px;
}
.solar-calc-surveyCta--success .solar-calc-surveyCta__success {
  background: #fff;
  border: 1px solid #EAEEF3;
  border-radius: 8px;
  padding: 24px;
  text-align: center;
}
.solar-calc-surveyCta--success .solar-calc-surveyCta__success i {
  font-size: 2.2rem;
  color: #499f41;
  margin-bottom: 8px;
}
.solar-calc-surveyCta--success .solar-calc-surveyCta__success p {
  margin: 0 0 8px;
  line-height: 1.55;
  color: #777777;
}
.solar-calc-surveyCta--success__successTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #4d4d4d;
  margin: 0 0 6px;
}
.solar-calc-surveyCta--success__successNote {
  font-size: 0.82rem !important;
  color: #777777;
}
/* =========================================================================
 * RESULTS / ADJUST TABS
 * ========================================================================= */
.solar-calc-tabs {
  display: flex;
  align-items: stretch;
  margin-bottom: 24px;
  border-bottom: 1px solid #EAEEF3;
}
.solar-calc-tabs__btn {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  color: #777777;
  padding: 15px 0;
}
.solar-calc-tabs__btn.is-active {
  color: #e45f31;
  border-bottom-color: #e45f31;
}
.solar-calc-pane {
  display: none;
}
.solar-calc-pane.is-active {
  display: block;
}
/* =========================================================================
 * ACCORDION TITLE BLOCK — title + headline value stacked vertically
 * Used in both "More detail" (with icon) and "Adjust" (without icon) sections.
 * ========================================================================= */
.solar-calc-acc__titleBlock {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 0;
  font-size: 13px;
}
.solar-calc-acc__headlineVal {
  font-size: 12px;
  color: #777777;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: 400;
  white-space: nowrap;
}
/* =========================================================================
 * ACCORDION BODY — DESCRIPTIVE TEXT
 * Paragraph copy inside expanded "More detail" sections.
 * ========================================================================= */
.solar-calc-acc__descText {
  font-size: 0.85rem;
  color: #4d4d4d;
  line-height: 1.6;
  margin: 0 0 12px;
}
.solar-calc-acc__descText strong {
  color: #011734;
  font-weight: 700;
}
.solar-calc-acc__descText:last-child {
  margin-bottom: 0;
}
.solar-calc-acc__descText:empty {
  margin: 0;
}
/* =========================================================================
 * SELF-CONSUMPTION PROGRESS BAR
 * ========================================================================= */
.solar-calc-energySplit {
  background: rgba(228, 95, 49, 0.04);
  border: 1px solid rgba(228, 95, 49, 0.14);
  border-radius: 4px;
  padding: 10px 12px;
  margin: 0 0 14.11764706px;
}
.solar-calc-energySplit__intro {
  margin: 0 0 8px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #011734;
  line-height: 1.45;
}
.solar-calc-energySplit .solar-calc-line:last-child {
  border-bottom: none;
}
.solar-calc-sc-bar-labels {
  display: flex;
  justify-content: space-between;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.78rem;
  color: #011734;
  margin-bottom: 8px;
}
.solar-calc-sc-bar {
  height: 10px;
  border-radius: 5px;
  background: #EAEEF3;
  overflow: hidden;
  margin-bottom: 15px;
}
.solar-calc-sc-bar__fill {
  height: 100%;
  background: linear-gradient(90deg, #e45f31 0%, #e58f35 100%);
  border-radius: 5px;
  transition: width 0.4s ease;
}
/* Disclaimer box inside self-consumption section */
.solar-calc-sc-note {
  font-size: 0.76rem;
  color: #777777;
  line-height: 1.55;
  background: #FEFEFF;
  border-radius: 4px;
  padding: 10px 12px;
  margin: 0;
  border-left: 3px solid #EAEEF3;
}
.solar-calc-sc-note i {
  margin-right: 5px;
  color: #777777;
}
/* =========================================================================
 * BASEMAP IMAGERY SWITCHER
 * ========================================================================= */
.solar-calc-basemapCtrl {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 2px 4px;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
  font-family: inherit;
}
.solar-calc-basemapCtrl__btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: #011734;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 10px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.solar-calc-basemapCtrl__btn:hover {
  background: rgba(0, 0, 0, 0.07);
}
.solar-calc-basemapCtrl__btn.is-active {
  background: #011734;
  color: #fff;
}
.solar-calc-basemapCtrl__btn[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}
/* =========================================================================
 * NUMBER-INPUT STEPPER (+/- buttons)
 * ========================================================================= */
.solar-calc-stepper-group {
  display: inline-flex;
  align-items: stretch;
  gap: 4px;
  max-width: 100%;
}
.solar-calc-stepper-group .solar-calc-stepper {
  flex: 1;
  min-width: 0;
}
.solar-calc-stepper {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  max-width: 100%;
}
.solar-calc-stepper__btn {
  appearance: none;
  border: 0;
  background: #FEFEFF;
  color: #4d4d4d;
  font-size: 1rem;
  line-height: 1;
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 40px;
  transition: background 0.12s;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.solar-calc-stepper__btn:hover {
  background: #EAEEF3;
}
.solar-calc-stepper__btn:active {
  background: #d0d9e4;
}
.solar-calc-stepper__btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  background: #FEFEFF;
}
.solar-calc-stepper__btn i {
  font-size: 0.75rem;
  pointer-events: none;
}
.solar-calc-stepper__reset {
  appearance: none;
  border: 0;
  background: transparent;
  color: #777777;
  font-size: 0.85rem;
  padding: 0 6px;
  cursor: pointer;
  border-radius: 4px;
  transition: color 0.12s, background 0.12s;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 40px;
}
.solar-calc-stepper__reset:hover {
  color: #4d4d4d;
  background: #FEFEFF;
}
.solar-calc-stepper .solar-calc-field__input {
  border: 0;
  border-left: 1px solid #d1d5db;
  border-right: 1px solid #d1d5db;
  border-radius: 0;
  text-align: center;
  min-width: 0;
  flex: 1;
  padding: 8px 6px;
  appearance: textfield;
  -moz-appearance: textfield;
}
.solar-calc-stepper .solar-calc-field__input::-webkit-inner-spin-button,
.solar-calc-stepper .solar-calc-field__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* =========================================================================
 * OVERSIZED-AREA NOTIFICATION PILL
 * ========================================================================= */
@keyframes rtOversizedPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.45);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(255, 0, 0, 0);
  }
}
.solar-calc-pill--oversized {
  background: rgba(255, 0, 0, 0.06) !important;
  border: 2px solid red !important;
  animation: rtOversizedPulse 0.5s ease-out;
}
.solar-calc-pill--oversized .solar-calc-pill__text {
  color: #c20000 !important;
}
/* =========================================================================
 * MODE TOGGLE CARDS (Measure My Roof / Custom System)
 * ========================================================================= */
.solar-calc-modeToggle {
  display: flex;
  gap: 16px;
  max-width: 800px;
  margin: 0 auto 28px;
  flex-wrap: wrap;
}
.solar-calc-modeToggle__card {
  flex: 1;
  min-width: 200px;
  padding: 18px 20px;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s, transform 0.15s, border-color 0.2s, color 0.2s;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  border: 2px solid #EAEEF3;
  background: #fff;
  color: #011734;
  position: relative;
  overflow: hidden;
}
.solar-calc-modeToggle__card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}
.solar-calc-modeToggle__card.is-active {
  background: rgba(255, 140, 0, 0.1);
  border-color: #FF8C00;
}
.solar-calc-modeToggle__card.is-active:hover {
  box-shadow: 0 4px 18px rgba(255, 140, 0, 0.28);
}
.solar-calc-modeToggle__card.is-active .solar-calc-modeToggle__option,
.solar-calc-modeToggle__card.is-active .solar-calc-modeToggle__desc {
  opacity: 0.75;
}
.solar-calc-modeToggle__card.is-active .solar-calc-modeToggle__title {
  color: #011734;
}
.solar-calc-modeToggle__option {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.6;
}
.solar-calc-modeToggle__title {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
}
.solar-calc-modeToggle__desc {
  font-size: 0.82rem;
  opacity: 0.65;
  line-height: 1.35;
}
/* =========================================================================
 * MANUAL INPUT PANEL (Custom System mode)
 * ========================================================================= */
.solar-calc-mode-panel {
  min-height: 500px;
}
.solar-calc-manual {
  padding: 20px;
  max-width: 640px;
  margin: 0 auto;
}
.solar-calc-manual__title {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0 0 4px;
  color: #011734;
}
.solar-calc-manual__sub {
  font-size: 0.9rem;
  color: #777777;
  margin: 0 0 20px;
  line-height: 1.4;
}
.solar-calc-manual__county {
  margin-bottom: 20px;
  max-width: 100%;
}
.solar-calc-manual__county .solar-calc-field__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  color: #4d4d4d;
  margin-bottom: 4px;
}
.solar-calc-manual__county .solar-calc-field__input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  font-size: 0.95rem;
  background: #fff;
}
.solar-calc-manual__footnote {
  display: block;
  font-size: 0.72rem;
  color: #777777;
  margin-top: 4px;
}
.solar-calc-manual__sections {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
.solar-calc-manual__add {
  appearance: none;
  border: 2px dashed #EAEEF3;
  background: transparent;
  color: #777777;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 10px;
  cursor: pointer;
  width: 100%;
  transition: border-color 0.15s, color 0.15s;
}
.solar-calc-manual__add:hover {
  border-color: #e45f31;
  color: #e45f31;
}
.solar-calc-manual__summary {
  font-size: 0.95rem;
  font-weight: 600;
  color: #011734;
  text-align: center;
  margin-top: 16px;
}
/* =========================================================================
 * MANUAL SECTION CARD
 * ========================================================================= */
.solar-calc-manual-card {
  background: #fff;
  border: 1px solid var(--solar-calc-sec-color, #EAEEF3);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(1, 23, 52, 0.06);
}
.solar-calc-manual-card__head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  background: var(--solar-calc-sec-soft, rgba(228, 95, 49, 0.08));
  border-bottom: 1px solid var(--solar-calc-sec-color, #EAEEF3);
}
.solar-calc-manual-card__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.solar-calc-manual-card__label {
  font-weight: 700;
  font-size: 0.9rem;
  color: #011734;
  flex: 1;
}
.solar-calc-manual-card__remove {
  appearance: none;
  border: 0;
  background: transparent;
  color: #777777;
  cursor: pointer;
  font-size: 0.85rem;
  padding: 2px 6px;
  border-radius: 4px;
  transition: color 0.12s;
}
.solar-calc-manual-card__remove:hover {
  color: red;
}
.solar-calc-manual-card__body {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 576px) {
  .solar-calc-manual-card__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .solar-calc-manual-card__body > .solar-calc-manual-card__field:first-child {
    grid-column: span 2;
  }
}
.solar-calc-manual-card__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #FEFEFF;
  border: 1px solid #EAEEF3;
  border-radius: 10px;
  padding: 10px 12px;
}
.solar-calc-manual-card__field .solar-calc-field__input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.9rem;
  background: #fff;
}
.solar-calc-manual-card__field .solar-calc-stepper-group {
  max-width: 100%;
}
.solar-calc-manual-card__fieldLabel {
  font-size: 0.78rem;
  font-weight: 600;
  color: #777777;
  margin-bottom: 4px;
}
.solar-calc-manual-card__yield {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  background: #f0fdf4;
  border-radius: 6px;
  font-size: 0.85rem;
  color: #166534;
}
/* =========================================================================
 * COMPASS DIAL (shared module: compass-tilt-control.js)
 * ========================================================================= */
.solar-calc-manual-compass {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 158px;
  margin: 2px 0 0;
}
.solar-calc-manual-compass-label,
.solar-calc-manual-tilt-label {
  font-weight: 700;
  color: #e45f31;
}
.ct-compass-svg {
  display: block;
  cursor: pointer;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.ct-compass-track {
  stroke: #EAEEF3;
  stroke-width: 10;
}
.ct-compass-label {
  font-size: 11px;
  font-weight: 700;
  fill: #777777;
  letter-spacing: 0.5px;
}
.ct-compass-handle {
  fill: #e45f31;
  stroke: #fff;
  stroke-width: 2;
  cursor: grab;
}
.ct-compass-handle:active {
  cursor: grabbing;
}
/* =========================================================================
 * TILT SLIDER (shared module: compass-tilt-control.js)
 * ========================================================================= */
.solar-calc-manual-tilt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-height: 132px;
  justify-content: flex-end;
}
.ct-tilt-svg {
  display: block;
  width: 150px;
  height: 80px;
  margin: 6px auto;
}
.ct-tilt-wrap {
  width: 100%;
}
.ct-tilt-slider-ui {
  width: 100%;
  margin: 0 8px;
}
.ct-tilt-scale {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.7rem;
  color: #777777;
  padding: 0 4px;
}
/* jQuery UI slider overrides for tilt (same style model as simple calculator) */
.solar-calc-manual .ct-tilt-slider-ui.ui-slider {
  cursor: pointer;
}
.solar-calc-manual .ct-tilt-slider-ui.ui-widget-content {
  height: 10px;
  background: #c5c3c3;
}
.solar-calc-manual .ct-tilt-slider-ui.ui-widget-content .ui-state-default {
  border: 7px solid #fff;
  border-radius: 50%;
  background: #e45f31;
  box-shadow: 1px 1px 5px #9b9a9a;
}
.solar-calc-manual .ct-tilt-slider-ui .ui-slider-range,
.solar-calc-manual .ct-tilt-slider-ui.ui-slider-horizontal .ui-slider-range-min {
  background-color: #e45f31 !important;
}
.solar-calc-manual .ct-tilt-slider-ui .ui-slider-handle:active {
  cursor: grabbing;
}
.linktree {
  min-height: 100vh;
  background: #011734;
  /* Fallback color */
  background: -webkit-linear-gradient(top, #011734 0%, #3b6b6e 100%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top, #011734 0%, #3b6b6e 100%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #011734 0%, #3b6b6e 100%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #011734 0%, #3b6b6e 100%);
  /* Standard syntax */
}
.linktree .fold > div {
  max-width: 600px;
}
.linktree .fold > div a.logo {
  max-width: 200px;
  display: block;
  margin: auto auto 24px auto;
}
.linktree .fold > div p,
.linktree .fold > div h5 {
  color: #fff;
  text-align: center;
  max-width: 80%;
  margin: auto;
}
.linktree .fold > div p {
  font-size: 1rem;
}
.linktree .fold > div .links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 24px auto 48px;
}
.linktree .fold > div .links a {
  display: block;
  padding: 24px;
  font-size: 14px;
  background: #e45f31;
  text-align: center;
  color: #fff;
  font-weight: bold;
}