@charset "UTF-8";
/* CSS Document */
div.top-navbar-container {
  left: 0;
  position: sticky !important; /*! changed from relative in order to accomodate for top banner on site. Also added "top" line below */
  top: 0;
  right: 0;
  z-index: 70;
  background-color: #74f485;
  height: 36px !important;
}
nav.top-navbar.mainnav {
  width: 100%;
  padding-top: 0.25rem;
  padding-bottom: .25rem;
  height: 36px;
font-size: 1rem;
}
nav.top-navbar.mainnav .top-navbar-menu .top-navbar-end {
  margin-right: 2.6rem;
}
nav.top-navbar.mainnav .top-navbar-menu .top-navbar-end a.top-navbar-item {
  margin-top: 0rem;
  margin-right: 1rem;
  margin-bottom: 0rem;
  padding: 0.25rem;
  color: #000000;
}
nav.top-navbar.mainnav.navScrolled {
  padding-top: 0;
}
nav.top-navbar.mainnav.navScrolled .top-navbar-menu .top-navbar-end a.top-navbar-item {
  margin-top: .24rem;
  margin-bottom: .24rem;
}
a.top-navbar-item:hover {
  font-weight: 900;
}
nav.top-navbar .top-navbar-brand a.top-navbar-burger {
  height: 4.2rem;
  width: 4.2rem;
  position: absolute;
  right: 50px;
  margin-left: auto;
}
.new-dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.new-dropdown.is-active .new-dropdown-menu, .new-dropdown.is-hoverable:hover .new-dropdown-menu {
  display: block;
}
.new-dropdown.is-right .new-dropdown-menu {
  left: auto;
  right: 0;
}
.new-dropdown.is-up .new-dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}
.new-dropdown-menu {
  display: none;
  left: 12px;
  min-width: 14rem;
  padding-top: 0;
  position: absolute;
  top: 100%;
  z-index: 20;
  margin-top: -8px;
}
.new-dropdown-content {
  background-color: #253746;
  border-radius: 6px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  padding-bottom: 0rem;
  padding-top: 0rem;
}
.new-dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: 1rem;
  line-height: 1;
  padding: 0rem .375rem;
  position: relative;
}
a.new-dropdown-item, button.new-dropdown-item {
  padding-right: 3rem;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
a.new-dropdown-item:hover, button.new-dropdown-item:hover {
  background-color: whitesmoke;
  color: #0a0a0a;
}
a.new-dropdown-item.is-active, button.new-dropdown-item.is-active {
  background-color: #3273dc;
  color: #fff;
}
.new-dropdown-divider {
  background-color: #dbdbdb;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}
.edge-sizer {
  display: block;
  height: 60vh;
}
.ani-sizer {
  display: block;
}
.main-header-new {
  font-size: 3em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #ff6f4f;
  font-weight: 900;
  padding-bottom: 6px;
  margin-top: 24px;
}
.orange-header {
  font-size: 3em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #ff6f4f;
  font-weight: 900;
  padding-bottom: 6px;
  margin-top: 24px;
}
.online-small-header-l2 {
	margin-top: 0;
  font-size: 1.25em;
}
.small-header-l2 {
	margin-top: 0;
  font-size: 1.25em;
	padding-right: 62%;
}
.home-section h1.main-header-new {
  font-weight: 900;
  font-size: calc(60px + 2.1vw);
  line-height: calc(60px + 1.8vw);
}
.main-subheader-new {
  font-size: 1.75em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 900;
  text-shadow: 1px 2px 1px #ffffff;
}
.online-main-subheader-l2-new {
  font-size: 1.35em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 800;
}
.main-subheader-l2-new {
  font-size: 1.35em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 800;
}
.main-intro {
  padding-right: 25%;
  line-height: 1.5rem;
  text-shadow: 1px 2px 1px #ffffff;
}
.main-intro-l2 {
  padding-right: 35%;
  line-height: 1.5rem;
  text-shadow: 1px 2px 1px #ffffff;
}
.main-body-new {
  font-size: 1em;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 300;
  line-height: 1.375rem;
}
.subheader-new {
  font-size: 1.75em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #253746;
  font-weight: 900;
}
.skill-header {
  font-size: 1.25em;
  vertical-align: middle;
  font-weight: 900;
  line-height: 1em;
}
.topic-header {
  font-size: 1.1em;
  vertical-align: middle;
  text-align: right;
  font-weight: 600;
  line-height: 1em;
}
.sequences {
  font-size: .90em;
  vertical-align: middle;
  text-align: left;
  font-weight: 600;
  line-height: 1em;
}
a.sequences {
  font-size: .90em;
  vertical-align: middle;
  text-align: left;
  font-weight: 600;
  line-height: 1em;
  color: #FFFFFF;
}
a.sequences:hover {
  font-size: .90em;
  vertical-align: middle;
  text-align: left;
  font-weight: 600;
  line-height: 1em;
  color: #FFFFFF;
  text-decoration: underline;
}
.pointer-green1 {
  width: 90%;
  height: 70px;
  position: relative;
  background: #6bc179;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
}
.pointer-green1:before {
  content: "";
  position: absolute;
  right: -35px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 35px solid #6bc179;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
}
.pointer-green2 {
  width: 90%;
  height: 70px;
  position: relative;
  background: #49b74d;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
}
.pointer-green2:before {
  content: "";
  position: absolute;
  right: -35px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 35px solid #49b74d;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
}
.pointer-green3 {
  width: 100%;
  height: 70px;
  position: relative;
  background: #00a05d;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
  padding-right: 12px;
}
.pointer-blue1 {
  width: 90%;
  height: 70px;
  position: relative;
  background: #2fc4ee;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
}
.pointer-blue1:before {
  content: "";
  position: absolute;
  right: -35px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 35px solid #2fc4ee;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
}
.pointer-blue2 {
  width: 90%;
  height: 70px;
  position: relative;
  background: #00ade1;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
}
.pointer-blue2:before {
  content: "";
  position: absolute;
  right: -35px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 35px solid #00ade1;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
}
.pointer-blue3 {
  width: 100%;
  height: 70px;
  position: relative;
  background: #008dbe;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
  padding-right: 12px;
}
.pointer-purple1 {
  width: 90%;
  height: 70px;
  position: relative;
  background: #bc6fad;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
}
.pointer-purple1:before {
  content: "";
  position: absolute;
  right: -35px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 35px solid #bc6fad;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
}
.pointer-purple2 {
  width: 90%;
  height: 70px;
  position: relative;
  background: #a44499;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
}
.pointer-purple2:before {
  content: "";
  position: absolute;
  right: -35px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 35px solid #a44499;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
}
.pointer-purple3 {
  width: 90%;
  height: 70px;
  position: relative;
  background: #93268b;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
}
.pointer-purple3:before {
  content: "";
  position: absolute;
  right: -35px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 35px solid #93268b;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
}
.pointer-purple4 {
  width: 100%;
  height: 70px;
  position: relative;
  background: #6e2369;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1em;
  padding-right: 12px;
}
.cte-container {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  font-weight: 700;
  line-height: 1.1em;
  padding: 24px;
  vertical-align: top;
}
.cte-headers {
  font-size: 1.25em;
  vertical-align: top;
  text-align: left;
  font-weight: 900;
  line-height: 1em;
  padding-bottom: 8px;
}
.cte-text {
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  vertical-align: top;
  text-align: left;
  font-weight: 500;
  line-height: 1.2em;
}
.cte-headers-1 {
  font-size: 1.1em;
  vertical-align: top;
  text-align: left;
  font-weight: 600;
  line-height: 1em;
}
ul.cte-list {
  margin-left: 21px;
  list-style: disc;
}
ul.cte-list li {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  font-weight: 300;
}
.ag-cte-list {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: none;
  color: #000000;
  font-weight: 300;
}
a.ag-cte-list:hover {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: underline;
  color: #145f1f;
  font-weight: 600;
}
.trans-cte-list {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: none;
  color: #000000;
  font-weight: 300;
}
a.trans-cte-list:hover {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: underline;
  color: #910045;
  font-weight: 600;
}
.man-cte-list {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: none;
  color: #000000;
  font-weight: 300;
}
a.man-cte-list:hover {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: underline;
  color: #7c3d00;
  font-weight: 600;
}
.health-cte-list {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: none;
  color: #000000;
  font-weight: 300;
}
a.health-cte-list:hover {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: underline;
  color: #a90e2c;
  font-weight: 600;
}
.arch-cte-list {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: none;
  color: #000000;
  font-weight: 300;
}
a.arch-cte-list:hover {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: underline;
  color: #6c217f;
  font-weight: 600;
}
.it-cte-list {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: none;
  color: #000000;
  font-weight: 300;
}
a.it-cte-list:hover {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: underline;
  color: #004e74;
  font-weight: 600;
}
.sci-cte-list {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: none;
  color: #000000;
  font-weight: 300;
}
a.sci-cte-list:hover {
  margin-bottom: 3px;
  list-style: disc;
  font-size: 1.em;
  font-family: 'Roboto', sans, arial, helvetica;
  text-decoration: underline;
  color: #00564f;
  font-weight: 600;
}
.h-100 {
  height: 100% !important
}
.w-100 {
  width: 100% !important
}
#EdgeID {
  height: 100%;
}
#EdgeID2 {
  width: 100%;
}
#EdgeID3 {
  width: 100%;
}
#EdgeID4 {
  width: 100%;
}
#EdgeID5 {
  width: 100%;
}
#EdgeID6 {
  width: 100%;
}
#EdgeID7 {
  width: 100%;
}
.cte-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  word-wrap: break-word;
  background-clip: border-box;
  border: 0;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.8);
}
.cte-card-body {
  flex: 1 1 auto;
  padding: 1rem;
}
.cte-row {
  display: flex;
  flex-wrap: wrap;
}
.padding-xsm-top {
  padding-top: 1rem;
}
.padding-xsm-bottom {
  padding-bottom: 1rem;
}
nav.navbar.mainnav .navbar-menu .navbar-end a.navbar-item-online {
  height: 46px;
  margin-top: .3rem;
  margin-right: .24rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  color: #ffffff;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  font-weight: 600;
  border: solid;
  border-width: 1px;
  border-color: #ff6f4f;
}
nav.navbar.mainnav .navbar-menu .navbar-end a.navbar-item-online:hover, nav.navbar.mainnav .navbar-menu .navbar-end a.navbar-item-online.selected {
  color: #74f485;
  font-weight: 600;
  border-color: #ff6f4f;
}
nav.navbar.mainnav .navbar-menu .navbar-end a.navbar-item-online.online-feature img {
  max-height: 1.25rem;
  position: relative;
  top: -2.5rem;
  left: 23%;
}
.rotated {
  transform: rotate(0deg); /* Equal to rotateZ(45deg) */
}
.rotated:hover {
  transform: rotate(-5deg); /* Equal to rotateZ(45deg) */
  transition: all ease 0.3s;
}
.button-drop {
  background-color: transparent;
  border-width: 0;
  color: #ffffff;
  cursor: pointer;
  justify-content: center;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
  white-space: nowrap;
  margin-top: .25rem;
  margin-right: .24rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  font-weight: 300;
  border: 0 !important;
  font-size: 1rem;
  display: inline;
}
a.button-drop:hover {
  color: #74f485;
  font-weight: 600;
}
.Orange-Button {
  background-color: #ff6f4f;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: 1.15rem;
  font-weight: bold;
  padding: 24px 72px;
  text-decoration: none;
}
.Orange-Button:hover {
  background-color: #f14822;
  color: #ffffff;
  text-shadow: 0px 1px 0px #253746;
}
.Orange-Button:active {
  position: relative;
  top: 1px;
}
.Orange-Button-sm {
  background-color: #ff6f4f;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: 1rem;
  font-weight: bold;
  padding: 20px 48px;
  text-decoration: none;
}
.Orange-Button-sm:hover {
  background-color: #f14822;
  color: #ffffff;
  text-shadow: 0px 1px 0px #253746;
}
.Orange-Button-sm:active {
  position: relative;
  top: 1px;
}
.Orange-Button2-sm {
  background-color: #ff6f4f;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: 1rem;
  font-weight: bold;
  padding: 20px 48px;
  text-decoration: none;
  width: 350px;	
}
.Orange-Button2-sm:hover {
  background-color: #f14822;
  color: #ffffff;
  text-shadow: 0px 1px 0px #253746;
}
.Orange-Button2-sm:active {
  position: relative;
  top: 1px;
}
.Green-Button-sm {
  background-color: #74f485;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: 1rem;
  font-weight: bold;
  padding: 20px 48px;
  text-decoration: none;
  width: 350px;	
}
.Green-Button-sm:hover {
  background-color: #4cdd5f;
  color: #ffffff;
  text-shadow: 0px 1px 0px #253746;
}
.Blue-Button-sm {
  background-color: #63c7d1;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: 1rem;
  font-weight: bold;
  padding: 20px 48px;
  text-decoration: none;
  width: 350px;	
}
.Blue-Button-sm:hover {
  background-color: #28aab7;
  color: #ffffff;
  text-shadow: 0px 1px 0px #253746;
}
.Orange-Outline-Button-sm {
  background-color: #ffffff;
  border: #ff6f4f;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: 1rem;
  font-weight: bold;
  padding: 20px 48px;
  text-decoration: none;
  width: 350px;
}
.Orange-Outline-Button-sm:hover {
  background-color: #fdf2ef;
  border: #ff6f4f;
  border-style: solid;
  border-width: 1px;
  color: #253746;
}
.green-callout {
  background-color: #c7fbce;
  border-top-left-radius: 48px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
  display: inline-block;
  padding: 24px 24px;
  margin-left: 15%;
}
.green-callout-container {
  margin-top: -12%;
  margin-left: 14%;
}
.blue-callout {
  background-color: #4ce5ff;
  border-top-left-radius: 12px;
  border-top-right-radius: 500px;
  border-bottom-left-radius: 500px;
  border-bottom-right-radius: 500px;
  padding: 36px;
  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.25);
}
.yellow-callout {
  background-color: #f9e454;
  border-top-left-radius: 12px;
  border-top-right-radius: 500px;
  border-bottom-left-radius: 500px;
  border-bottom-right-radius: 500px;
  padding: 36px;
  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.25);
}
.Green-BG-shadow {
  width: 100%;
  height: auto;
  background-color: #74f485;
  box-shadow:
    inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000;
}
.Blue-BG-shadow {
  width: 100%;
  height: auto;
  background-color: #63c7d1;
  box-shadow:
    inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000;
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}
.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #ffffff;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: #dee2e6;
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: .375rem;
  --bs-accordion-inner-border-radius: .375rem;
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: #ffffff;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #052c65;
  --bs-accordion-active-bg: #cfe2ff;
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 24px 12px;
  font-size: 1rem;
  color: #000000;
  text-align: left;
  background-color: #ffffff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: all ease 0.3s;
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}
.accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #ffffff;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform)
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition)
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none
  }
}
.accordion-button:hover {
  z-index: 2
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}
.accordion-header {
  margin-bottom: 0
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:not(:first-of-type) {
  border-top: 0
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}
.accordion-body {
  padding: 16px 0px
}
.accordion-flush .accordion-collapse {
  border-width: 0
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}
.accordion-flush .accordion-item:first-child {
  border-top: 0
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}
.fade:not(.show) {
  opacity: 0
}
.collapse:not(.show) {
  display: none
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}
@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}
@media (min-width:1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}
@media screen and (min-width: 1088px) {
  .top-navbar, .top-navbar-menu, .top-navbar-start, .top-navbar-end {
    align-items: stretch;
    display: flex;
  }
  .top-navbar-item, .top-navbar-link {
    align-items: center;
    display: flex;
  }
  .top-navbar-item {
    display: flex;
  }
  .top-navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .top-navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }
  .top-navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }
  .top-navbar > .container .top-navbar-brand, .container > .top-navbar .top-navbar-brand {
    margin-left: -.75rem;
  }
  .top-navbar > .container .top-navbar-menu, .container > .top-navbar .top-navbar-menu {
    margin-right: -.75rem;
  }
  .top-navbar.is-fixed-bottom-desktop, .top-navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  a.top-navbar-item.is-active, .top-navbar-link.is-active {
    color: #0a0a0a;
  }
  a.top-navbar-item.is-active:not(:hover), .top-navbar-link.is-active:not(:hover) {
    background-color: transparent;
  }
}
@media (max-width: 980px) {
  .skill-header {
    font-size: 1.15em;
    vertical-align: middle;
    font-weight: 900;
    line-height: 1em;
  }
  .topic-header {
    font-size: 1.05em;
    vertical-align: middle;
    text-align: right;
    font-weight: 600;
    line-height: 1em;
  }
	.online-small-header-l2 {
	margin-top: 0;
    font-size: 1em;
	line-height: 1em;
  }
  .small-header-l2 {
	margin-top: 0;
    font-size: 1em;
	line-height: 1em;
	  padding-right: 62%;
  }
  .sequences {
    font-size: .80em;
    vertical-align: middle;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
  }
  .green-callout-container {
    margin-top: -1%;
    margin-left: 0%;
  }
	.Orange-Button2-sm {
  background-color: #ff6f4f;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: .9rem;
  font-weight: bold;
  padding: 12px 36px;
  text-decoration: none;
  width: 250px;		
}
.Orange-Button2-sm:hover {
  background-color: #f14822;
  color: #ffffff;
  text-shadow: 0px 1px 0px #253746;
}
.Orange-Button2-sm:active {
  position: relative;
  top: 1px;
}
.Green-Button-sm {
  background-color: #74f485;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: .9rem;
  font-weight: bold;
  padding: 12px 20px;
  text-decoration: none;
  width: 250px;	
}
.Green-Button-sm:hover {
  background-color: #4cdd5f;
  color: #ffffff;
  text-shadow: 0px 1px 0px #253746;
}
.Blue-Button-sm {
  background-color: #63c7d1;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: .9rem;
  font-weight: bold;
  padding: 12px 20px;
  text-decoration: none;
  width: 250px;	
}
.Blue-Button-sm:hover {
  background-color: #28aab7;
  color: #ffffff;
  text-shadow: 0px 1px 0px #253746;
}
.Orange-Outline-Button-sm {
  background-color: #ffffff;
  border: #ff6f4f;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #253746;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  font-size: .9rem;
  font-weight: bold;
  padding: 12px 20px;
  text-decoration: none;
  width: 250px;	
}
.Orange-Outline-Button-sm:hover {
  background-color: #fdf2ef;
  border: #ff6f4f;
  border-style: solid;
  border-width: 1px;
  color: #253746;
}
}

@media (max-width: 1200px) {
.green-callout {
  display:none;
}
.green-callout-container {
  display:none;
}
	  .home-section h1.main-header-new {
    font-size: 3rem;
    line-height: 1.5;
  }
	.main-header-new, .sub-header, .small-header {
    margin-top: 18px;
    font-size: 3em;
  }
.edge-sizer {
  display: block;
  height: 50vh;
}
}

@media (max-height: 1000px) {
.green-callout {
  display:none;
}
.green-callout-container {
  display:none;
}
}
@media (max-width: 1000px) {
  .sequences {
    font-size: .7em;
    vertical-align: middle;
    text-align: left;
    font-weight: 600;
    line-height: .7em;
  }
  a.sequences {
    font-size: .7em;
    vertical-align: middle;
    text-align: left;
    font-weight: 600;
    line-height: .7em;
    color: #FFFFFF;
  }
  a.sequences:hover {
    font-size: .7em;
    vertical-align: middle;
    text-align: left;
    font-weight: 600;
    line-height: .7em;
    color: #FFFFFF;
    text-decoration: underline;
  }
}
@media (max-width: 800px) {
	.online-small-header-l2 {
	margin-top: 0;
    font-size: .9em;
	line-height: 1em;
  }
  .small-header-l2 {
	margin-top: 0;
    font-size: .9em;
	line-height: 1em;
	  padding-right: 55%;
  }
  .sequences {
    font-size: .7em;
    vertical-align: middle;
    text-align: left;
    font-weight: 600;
    line-height: .7em;
  }
  a.sequences {
    font-size: .7em;
    vertical-align: middle;
    text-align: left;
    font-weight: 600;
    line-height: .7em;
    color: #FFFFFF;
  }
  a.sequences:hover {
    font-size: .7em;
    vertical-align: middle;
    text-align: left;
    font-weight: 600;
    line-height: .7em;
    color: #FFFFFF;
    text-decoration: underline;
  }
}
@media (max-width:768px) {
  .online-small-header-l2 {
	margin-top: 0;
    font-size: .9em;
	line-height: 1em;
	  
  }
	 .small-header-l2 {
	margin-top: 0;
    font-size: .9em;
	line-height: 1em;
	  padding-right: 50%;
	  
  }
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .edge-sizer {
    display: none;
  }
  .Orange-Button-sm {
    margin-left: 10%;
  }
  .skill-header {
    font-size: 1.25em;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
  }
  .topic-header {
    font-size: 1.125em;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-top: -16px;
  }
  .sequences {
    font-size: .9em;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-left: 36px;
    margin-top: -50px;
  }
  .home-section h1.main-header-new {
    font-size: 2.4rem;
    line-height: 1.11;
  }
  .main-header-new, .sub-header, .small-header {
    margin-top: 18px;
    font-size: 1.8em;
  }
  .green-callout {
    background-color: #edffef;
    border-top-left-radius: 48px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 48px;
    border-bottom-right-radius: 48px;
    display: inline-block;
    padding: 24px 24px;
    margin-top: 5%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .green-callout-container {
    margin-top: -7%;
    margin-left: 0%;
  }
  .main-header-new {
    font-size: 1.75em;
    font-family: 'Roboto', Helvetica, Arial, san-serif !important;
    color: #ff6f4f;
    font-weight: 900;
    padding-left: 10%;
    padding-bottom: 6px;
    margin-top: 6px;
  }
  .orange-header {
    font-size: 1.75em;
    font-family: 'Roboto', Helvetica, Arial, san-serif !important;
    color: #ff6f4f;
    font-weight: 900;
    padding-bottom: 6px;
    margin-top: 12px;
  }
  .main-subheader-new {
    font-size: 1.25em;
    font-family: 'Roboto', Helvetica, Arial, san-serif !important;
    color: #000000;
    font-weight: 900;
    padding-left: 10%;
  }
  .main-intro {
    padding-left: 10%;
    padding-right: 10%;
    line-height: 1.25rem;
  }
  .main-intro-l2 {
    padding-left: 10%;
    padding-right: 10%;
    line-height: 1.25rem;
  }
	nav.top-navbar.mainnav .top-navbar-menu .top-navbar-end a.top-navbar-item {
  margin-top: 0rem;
  margin-right: .5rem;
  margin-bottom: 0rem;
  padding: 0.25rem;
  color: #000000;
}
nav.top-navbar.mainnav.navScrolled .top-navbar-menu .top-navbar-end a.top-navbar-item {
  margin-top: .124rem;
  margin-bottom: .124rem;
  font-size: .6rem;
}
a.top-navbar-item:hover {
  font-weight: 900;
}
	nav.top-navbar.mainnav .top-navbar-menu .top-navbar-end {
  margin-right: .6rem;
}
	nav.top-navbar.mainnav {
  width: 100%;
  padding-top: 0.25rem;
  padding-bottom: .25rem;
  height: 36px;
font-size: .75rem;
}
	.main-header-new {
  font-size: 2em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #ff6f4f;
  font-weight: 900;
  padding-bottom: 6px;
  margin-top: 12px;
}
.orange-header {
  font-size: 2em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #ff6f4f;
  font-weight: 900;
  padding-bottom: 6px;
  margin-top: 12px;
}

.home-section h1.main-header-new {
  font-weight: 900;
  font-size: calc(60px + 2.1vw);
  line-height: calc(60px + 1.8vw);
}
.main-subheader-l2-new {
  font-size: 1em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 800;
}
	.online-main-subheader-l2-new {
  font-size: 1em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 800;
}
}
@media (max-width:576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .Orange-Button-sm {
    margin-left: 10%;
  }
  .edge-sizer {
    display: none;
  }
  .ani-sizer {
    margin-top: -40%;
    margin-bottom: -40%;
    padding: 0;
  }
  .green-callout-container {
    margin-top: -7%;
    margin-left: 0%;
  }
nav.top-navbar.mainnav .top-navbar-menu .top-navbar-end a.top-navbar-item {
  margin-top: 0rem;
  margin-right: .5rem;
  margin-bottom: 0rem;
  padding: 0.25rem;
  color: #000000;
}
nav.top-navbar.mainnav.navScrolled .top-navbar-menu .top-navbar-end a.top-navbar-item {
  margin-top: .124rem;
  margin-bottom: .124rem;
  font-size: .6rem;
}
a.top-navbar-item:hover {
  font-weight: 900;
}
	nav.top-navbar.mainnav .top-navbar-menu .top-navbar-end {
  margin-right: .6rem;
}
	nav.top-navbar.mainnav {
  width: 100%;
  padding-top: 0.25rem;
  padding-bottom: .25rem;
  height: 36px;
font-size: .75rem;
}
	.main-header-new {
  font-size: 1.35em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #ff6f4f;
  font-weight: 900;
  padding-bottom: 6px;
  margin-top: 8px;
  padding-left: 5%
}
.orange-header {
  font-size: 1.35em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #ff6f4f;
  font-weight: 900;
  padding-bottom: 6px;
  margin-top: 12px;
}
.small-header-l2 {
margin-top: 0;
    font-size: .9em;
    padding-right: 50%;
}
.home-section h1.main-header-new {
  font-weight: 900;
  font-size: calc(40px + 2.1vw);
  line-height: calc(60px + 1.8vw);
}
.main-subheader-new {
  font-size: 1.25em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 900;
	padding-left: 5%
}
.main-subheader-l2-new {
  font-size: 1em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 800;
	padding-left: 5%
}
	.online-main-subheader-l2-new {
  font-size: 1em;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 800;
}
	.main-intro {
  padding-right: 2%;
  line-height: 1.1rem;
    font-size: 1rem;
		padding-left: 5%
}
.main-intro-l2 {
  padding-right: 2%;
  line-height: 1.1rem;
    font-size: 1rem;
	padding-left: 5%
}
	.main-body-new {
  font-size: .8em;
  font-family: 'museo-slab', 'Roboto', Helvetica, Arial, san-serif !important;
  color: #000000;
  font-weight: 300;
  line-height: 1.1rem;
}
}