/*! iBlocks by Teq Branding Stylesheet */

@charset "UTF-8";

html {
  font-family: 'museo-slab','Roboto',Helvetica,Arial,san-serif !important;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: 'museo-slab','Roboto',Helvetica,Arial,san-serif !important;
}

h1, h2, h3, h4, h5, h6, p, blockquote, a, li, table, td, tr, button {
  font-family: 'museo-slab','Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 300;
  line-height: 1.11em;
  color: rgb(0,0,0);
}

small {
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  padding: 0 24px;
  display: block;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.sans-serif {
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 300;
}

a, a:focus, a:hover, a:active {
  outline: 0;
  font-weight: 700;
}

p {
  margin-top: .75rem;
  font-size: 120%;
  line-height: 1.5em;
}
.simple-link {
  text-decoration: underline;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 300;	
}
.simple-link:hover {
  text-decoration: underline;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 500;
  color:blueviolet;		
}
.simple-link-strong {
  text-decoration: underline;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 900;
}
.simple-link-strong:hover {
  text-decoration: underline;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 900;
  color:blueviolet;	
}
.mn-1 {
	margin-top: -1rem !important;
}
.mn-2 {
	margin-top: -2rem !important;
}
.mn-3 {
	margin-top: -3rem !important;
}
.mn-4 {
	margin-top: -4rem !important;
}
.mn-5 {
	margin-top: -5rem !important;
}
.pointer:hover {
  cursor: hand !important;
  transform: scale(1.0125) !important;
  display: block;
  transition: all .25s ease-in-out !important;
}
.pointer {
  cursor: pointer !important;
  width: 100% !important;
  display: block;
  transition: all .25s ease-in-out !important;
  z-index: 1000;
}
.inline-content {
  display: block;
}

.inline-content::after {
  clear: both;
}

.inline-content .inline-item {
  display: inline-block;
  vertical-align: middle;
}

.is-vend {
  align-items: flex-end;
}

.is-flex-wrap {
  flex-wrap: wrap;
}

.is-just-content-end {
  justify-content: flex-end;
}

.is-just-content-start {
  justify-content: flex-start;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.modal {
  z-index: 500;
}

.block {
  display: block;
}

.section {
  padding-top: 9rem;
  padding-bottom: 9rem;
  background-color: rgb(255,255,255);
}

.section.mid {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: rgb(255,255,255);
}

.section.full-height {
  min-height: 93vh;
  height: auto;
}

.hidden-object {
  opacity: 0;
}

.element-on-top {
  position: relative;
  z-index: 500;
}

.hide-large {
  display: none !important;
}

.quarter-width {
  width: 25%;
  height: auto;
}

.half-width {
  width: 50%;
  height: auto;
}

.three-quarters-width {
  width: 75%;
  height: auto;
}

.full-width {
  width: 100%;
  height: auto;
}

.full-height-100 {
  height: 100%;
  width: auto;
}

.full-height {
  width: auto;
  height: 100vh;
}

.three-quarter-height {
  width: auto;
  height: 75vh;
}

.half-height {
  width: auto;
  height: 50vh;
}

.quarter-height {
  width: auto;
  height: 25vh;
}

.min-height-500 {
  height: 500px;
}

.margin-auto {
  display: block;
  margin: 0 auto;
}

.nomargin {
 margin: 0 0 !important;
}

.nomargin.hidden {
 overflow: hidden;
}

.nopadding {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nobottompadding {
  padding-bottom: 0 !important;
}
.notoppadding {
  padding-top: 0 !important;
}
.padding {
  padding: 4.8rem;
}

.padding-sm {
  padding: 2.1rem 2.1rem;
}

.padding-sm-left-right {
  padding: 0 2.1rem;
}

.padding-right {
  padding-right: 4.8rem;
}
.padding-sm-right {
  padding-left: 2.1rem;
}
.padding-left {
  padding-left: 4.8rem;
}
.padding-sm-left {
  padding-left: 2.1rem;
}
.padding-top {
  padding-top: 4.8rem;
}
.padding-lg-top {
  padding-top: 6.8rem;
}
.padding-sm-top {
  padding-top: 2.1rem;
}
.padding-bottom {
  padding-bottom: 4.8rem;
}
.padding-sm-bottom {
  padding-bottom: 2.1rem;
}

.margin-top {
  margin-top: 2.1rem;
}
.margin-bottom {
  margin-bottom: 2.1rem;
}
.margin-left {
  margin-left: 2.1rem;
}
.margin-right {
  margin-right: 2.1rem;
}

.center {
  margin: 0 auto;
}

.border-top {
  border-top: 1px solid rgb(60,60,60);
}

.border-bottom {
  border-bottom: 1px solid rgb(60,60,60);
}

.rounded-corners {
  border-radius: 9px;
}

.thin {
  font-weight: 200 !important;
}

.strong, strong {
  font-weight: 900;
}

.bold, bold {
  font-weight: 600;
}

.extra-line-height {
  line-height: 1.85;
}

.extra-large-header {
  font-weight: 700;
  font-size: 3em;
}

.case-study-header {
  font-weight: 700;
  font-size: 4rem;
  line-height: 4rem;
}
.case-study-sub-header {
  font-size: 2.8rem;
  line-height: 3.2rem;
	padding-top:.5rem;
}
.case-study-intro {
  font-size: 2.1rem;
  line-height: 3.2rem;
  color: #384b4e;
}
.case-study-intro-2 {
 font-size: 1.375em;
 line-height: 2.25rem;
 font-weight: 300;
		}
.case-study-small-header {
  margin-top: .36rem;
  font-size: 1.5rem;
}

.main-header {
  font-size: 2.4em;
}

.sub-header {
  font-size: 2.1em;
}
.sub-header-teal {
  font-size: 2.1em;
  color: #63c7d1;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;	
  font-weight: 900;	
}
.small-header-green {
  margin-top: .36em;
  font-size: 1.5em;
  color: #74f485;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;	
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.small-header {
  margin-top: .36em;
  font-size: 1.5em;
}

.caption, .small-text {
  font-size: .75em;
}

.inner-shadow {
  box-shadow: 0 0 21px rgba(0, 0, 0, 0.3) inset;
}

.drop-shadow {
  box-shadow: 0 0 21px rgba(0, 0, 0, 0.15);
}
.pull-quote-container-right {
	margin-left: 3.5rem;
	border-left: thin #8293ca solid;
	padding-left: 3.5rem;

}
.pull-quote-container-left {
	margin-right: 3.5rem;
	border-right: thin #8293ca solid;
	padding-right: 3.5rem;
	text-align: end;

}
.pull-quote {
	color: #de1ec5; 
	line-height: 3rem;
	font-size: 2.1rem;
}
.pull-quote-author {
	color: #de1ec5; 
	line-height: 1.125rem;
	font-size: 1rem;
}
.icon-sizer {
	padding: 0 0;
}
.icon-spacer {
	margin-top: -5rem !important;
}
.icon-title-spacer {
		margin-top: 0;
	}

.case-study-cta {
	font-size: 2rem;
	line-height: 2.25rem;
	font-weight: 300;
	color: #ffffff;
}
.pill-container {
  position: relative;
  top: -75px;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

.pill {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

.white-fill {
  fill: #FFFFFF;
}

.white-text {
  color: rgb(255,255,255);
}

.black-text {
  color: rgb(0,0,0) !important;
}

.grey-text {
  color: rgb(128,128,128) !important;
}

.white-background {
  background-color: rgba(255,255,255,0.87);
}

.white-background-fill {
  background-color: rgb(255,255,255);
}

.grey-background {
  background-color: rgb(236,239,238);
}

.blue-text {
  color: rgb(0,201,255);
}

.blue-background {
  background-color: rgba(0,180,228,0.75);
}

.light-pink-background {
  background-color: rgba(248,115,152,0.75);
}

.pink-text {
  color: rgb(224,39,201);
}

.pink-background {
  background-color: rgba(227,128,177,0.75) !important;
}

.hot-pink-text {
  color: rgb(224,39,201);
}

.hot-pink-background {
  background-color: rgba(224,39,201,0.75) !important;
}

.lavender-text {
  color: rgb(131,147,202);
}

.lavender-background {
  background-color: rgba(131,147,202,0.75) !important;
}

.lavender-background-fill {
  background-color: rgb(131,147,202) !important;
}

.orange-text {
  color: rgb(245,149,64);
}

.orange-background {
  background-color: rgba(245,149,64,0.75);
}

.orange-fade-background {
 background: rgb(245,149,65);
background: linear-gradient(180deg, rgba(245,149,65,1) 0%, rgba(255,255,255,1) 100%); 
}

.aqua-fade-background {
 background: rgb(223,231,230);
background: linear-gradient(180deg, rgba(223,231,230,1) 0%, rgba(255,255,255,1) 50%); 
	}

.orange-background-fill {
  background-color: rgb(245,149,64);
}

.green-text {
  color: rgb(161,215,132);
}

.green-background {
  background-color: rgba(161,215,132,0.75);
}

.green-background-fill {
  background-color: rgb(161,215,132);
}

.tan-background {
  background-color: rgba(253,238,181,0.75);
}

.tan-background-fill {
  background-color: rgb(253,238,181);
}

.footer-background-fill {
  background-color: rgb(68,81,92);
}

.button {
  width: auto;
  height: auto;
  display: inline-block;
  margin: .9rem 6px;
  padding-bottom: calc(1.2em - 1px);
  padding-left: calc(3em - 12px);
  padding-right: calc(3em - 12px);
  padding-top: calc(1.2em - 1px);
  background-color: transparent;
  border: solid;
  border-width: 1px;
  border-color: rgb(0,0,0);
  border-radius: 0;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  color: rgb(0,180,228);
  transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
}

.button:hover {
  background-color: rgb(0,180,228);
  border-color: rgb(255,255,255);
  color: rgb(255,255,255);
}

.button.button-small {
  width: auto;
  height: auto;
  display: inline-block;
  margin: .9rem auto 0 24px;
  padding: calc(1em + 6px);
  background-color: #000000;
  font-size: .87rem;
  color: rgb(0,180,228);
}

.button.white-fill {
  background-color: rgb(255,255,255);
  border-color: transparent;
  color: rgb(0,180,228);
}

.button.white-fill:hover, .button.white-fill:hover * {
  background-color: transparent;
  border-color: rgb(255,255,255);
  color: rgb(255,255,255);
}

.button.blue-fill {
  background-color: rgb(0,180,228);
  border-color: transparent;
  color: rgb(255,255,255);
}

.button.blue-fill:hover {
  background-color: transparent;
  border-color: rgb(0,180,228);
  color: rgb(0,180,228);
}

.button.pink {
  color: rgb(227,128,177);
}

.button.pink:hover {
  background-color: rgb(227,128,177);
  border-color: rgb(227,128,177);
  color: rgb(255,255,255);
}

.button.lavender {
  color: rgb(131,147,202);
}

.button.lavender:hover {
  background-color: rgb(131,147,202);
  border-color: rgb(131,147,202);
  color: rgb(255,255,255);
}

.button.teal-fill {
  background-color: rgb(0,176,215);
  border-color: rgb(0,176,215);
  color: rgb(255,255,255);
}

.button.teal-fill:hover {
  background-color: rgb(255,255,255);
  color: rgb(0,176,215);
}

.btn {
  height: 54px;
  position: relative;
  display: inline-block;
  line-height: 54px;
  text-align: center;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.text {
  padding: 0 50px;
  visibility: hidden;
}

.flip-front,
.flip-back {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 15px;
  font-weight: 900;
  color: rgb(0,176,215);
  -webkit-transform-style: flat;
  transform-style: flat;
  transition: transform .3s ease-out;
}

.flip-front {
  border: 2px solid rgb(0,176,215);
  background-color: transparent;
  color: rgb(0,176,215);
  -webkit-transform: rotateX(0deg) translateZ(25px);
  transform: rotateX(0deg) translateZ(25px);
}

.flip-back {
  border: 2px solid rgb(0,176,215);
  background-color: rgb(0,176,215);
  color: #fff;
  -webkit-transform: rotateX(90deg) translateZ(25px);
  transform: rotateX(90deg) translateZ(25px);
}

.btn:hover .flip-front {
    -webkit-transform: rotateX(-90deg) translateZ(25px);
    transform: rotateX(-90deg) translateZ(25px);
}

.btn:hover .flip-back {
    -webkit-transform: rotateX(0deg) translateZ(25px);
    transform: rotateX(0deg) translateZ(25px);
}

.bullet-item {
  margin-left: 30px;
}

.bullet-item::before {
  content: '';
  height: 7.5px;
  width: 7.5px;
  position: absolute;
  margin-top: .48em;
  margin-left: -15px;
  background-color: rgb(0,0,0);
  border-radius: 100%;
}

.white-text.bullet-item::before {
  background-color: rgb(255,255,255);
}

ul.standard-list {
  margin-left: 21px;
  list-style: disc;
}

ul.standard-list li {
  font-size: 2rem;
  margin-bottom: 15px;
  list-style: disc;
}

ul.cs-list {
  margin-left: 18px;
  list-style: disc;
}

ul.cs-list li {
  font-size: 1.25rem;
  margin-bottom: 3px;
  list-style: disc;
  font-weight: 400;
}

@keyframes fadeInUp {
  from { transform: translate3d(0,40px,0) }
  to { transform: translate3d(0,0,0); opacity: 1 }
}

.animated {
  animation-duration: 1.5s;
  animation-fill-mode: both;
}

.animated-slow {
  animation-duration: 2s;
  animation-fill-mode: both;
}

.animated-fast {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.target-animate, .target-animate-slow, .target-animate-fast {
  opacity: 0
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
}

@keyframes slideLeft {
  from { left: 50%; }
  to { left: 100%; }
}

.animate-slide-left {
  animation-name: slideLeft;
}

@keyframes slideRight {
  from { right: 50%; }
  to { right: 100%; }
}

.animate-slide-right {
  animation-name: slideRight;
}

div.navbar-container {
  left: 0;
  position: sticky; /*! changed from relative in order to accomodate for top banner on site. Also added "top" line below */
  top: 36px;
  right: 0;
  z-index: 70;
  background-color: #253746;
}

nav.navbar.mainnav {
  width: 100%;
  padding-top: .75rem;
  background-color: #253746;
}

nav.navbar.mainnav .navbar-menu .navbar-end {
  margin-right: 2.1rem;
}

nav.navbar.mainnav .navbar-menu .navbar-end a.navbar-item {
  margin-top: 0rem;
  margin-right: .24rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  color: rgb(255,255,255);
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 300;
  border: 0 !important;
}

nav.navbar.mainnav .navbar-menu .navbar-end a.navbar-item:hover, nav.navbar.mainnav .navbar-menu .navbar-end a.navbar-item.selected {
  color: #74f485;
  font-weight: 600;
}

nav.navbar.mainnav .navbar-menu .navbar-end a.navbar-item.rubegoldberg img {
  max-height: 2.4rem;
  position: absolute;
  top: -1.5rem;
  left: 27%;
}

nav.navbar.mainnav .navbar-brand .navbar-item.brand-logo {
  flex-direction: column;
	width: 324px;
	height: auto;
}

.brand-logo-tagline {
  font-size: 0.875rem;
  color: #fff;
  text-decoration: none;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  text-align: start;
  padding-top: 18px;
}

nav.navbar.mainnav .navbar-brand .navbar-item.brand-logo h1 {
  font-weight: 700;
  font-size: .93rem;
}



.nav.mobile-menu {
  position: absolute;
  z-index: 999;
  display: none;
  top: 4.25rem;
  right: 0;
  padding: 5% 7.5%;
  background-color: rgba(255,255,255,1.00);
  box-shadow: -6px 18px 18px 0px rgba(0,0,0,0.75);
}

.nav.mobile-menu.is-active {
  display: block;
}

nav.navbar .navbar-brand a.navbar-burger {
  
  width: 4.2rem;
  position: absolute;
  right: 10px;
  margin-left: auto;
}

.navbar-burger span {
  height: 3px;
  width: 30px;
  left: calc(40% - 8px);
}

footer.iblocks-footer {
  position: relative;
  z-index: 10;
  padding: 30px 60px;
  background-color: rgb(68,81,92);
}

footer.iblocks-footer p, footer.iblocks-footer p a, footer.iblocks-footer h6, footer.iblocks-footer ul.menu-list li a {
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 300;
  line-height: 1.5em;
  color: rgb(255,255,255);
}

footer.iblocks-footer p a {
  color: rgb(0,180,228);
}

footer.iblocks-footer ul.menu-list, footer.iblocks-footer h6 {
  padding-top: 36px;
}

footer.iblocks-footer ul.menu-list li a {
  padding: 3px 0;
}

footer.iblocks-footer ul.menu-list li a:hover {
  background-color: rgb(68,81,92);
  color: rgb(0,180,228);
}

footer.iblocks-footer .column p {
  margin-left: 30px;
}

footer.iblocks-footer p.caption {
  color: rgb(154,163,173);
}

footer.iblocks-footer svg path, footer.iblocks-footer svg polygon {
  fill: #FFFFFF;
}

.section.iblocks-page-footer {
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section.iblocks-page-footer.what-is-an-iblock {
  background-image: url('../img/iblocks-footer-stem-pathways-pd-background.jpg');
}

.section.iblocks-page-footer.iblocks-impact {
  background-image: url('../img/iblocks-footer-iblocks-impact-bg.jpg');
}

.section.iblocks-page-footer.how-we-build-an-iblock {
  background-image: url('../img/iblocks-footer-how-we-build-an-iblock-bg.jpg');
}

.section.iblocks-page-footer.iblocks-packages {
  background-image: url('../img/iblocks-footer-iblocks-packages-bg.jpg');
}

.section.iblocks-page-footer, .section.iblocks-page-footer.iblocks-ideas {
  background-image: url('../img/iblocks-footer-iblocks-ideas-bg.jpg');
}

.section.iblocks-page-footer.rube-goldberg-machine-iblocks {
  background-image: url('../img/iblocks-footer-rube-goldberg-machine-iblocks-bg.jpg');
}

.section.iblocks-page-footer a.button.otis-button img {
  max-height: 3rem;
  position: absolute;
  top: -1.5rem;
  left: -1.5rem;
}

.main-content .home-section, .home-section-new, .home-section .container .columns {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 0;
}

.main-content .home-section {
  max-height: calc(96.1vh - 30px);
  background-image: url('../img/section-home-section_mainbg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute; /*! added to fix non-scrolling main image on homepage after top banner was added */
}
.main-content .home-section-new {
  max-height: calc(85vh - 30px);
  background-image: url('../images/iBlocks_homepage_bg.jpg');
  background-position: bottom left;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute; /*! added to fix non-scrolling main image on homepage after top banner was added */
	padding-top: 4.8rem
}

.main-content > .section {
  position: relative;
}

.section > .container {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}

.section.why-iblocks {
  background-image: url('../img/why-iblocks-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-section h1.main-header {
  font-weight: 900;
  font-size: calc(60px + 2.1vw);
  line-height: calc(60px + 1.8vw);
}

.home-section h1.main-header span {
  display: block;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.5;
}

.home-section::after {
  content: '';
  height: 75px;
  width: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  margin: 0 auto;
  overflow: visible;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 100'%3E%3Cpath fill='%23FFFFFF' d='M25,18.192c-10.547,0-19.177,8.629-19.177,19.177v25.264c0,10.547,8.629,19.177,19.177,19.177s19.177-8.629,19.177-19.177 V37.368C44.177,26.821,35.547,18.192,25,18.192z M41.177,62.632c0,8.92-7.257,16.177-16.177,16.177S8.823,71.552,8.823,62.632 V37.368c0-8.92,7.257-16.177,16.177-16.177c8.92,0,16.177,7.257,16.177,16.177V62.632z'/%3E%3Cpath fill='%23FFFFFF' d='M20.545,13.832L25,9.377l4.455,4.455c0.439,0.439,1.015,0.659,1.591,0.659s1.151-0.22,1.591-0.659 c0.879-0.878,0.879-2.303,0-3.182l-6.046-6.046c-0.879-0.879-2.304-0.879-3.182,0l-6.046,6.046c-0.879,0.878-0.879,2.303,0,3.182 C18.241,14.711,19.667,14.711,20.545,13.832z'/%3E%3Cpath fill='%23FFFFFF' d='M29.455,86.168L25,90.623l-4.455-4.455c-0.878-0.879-2.304-0.879-3.182,0c-0.879,0.879-0.879,2.303,0,3.182l6.046,6.046 c0.439,0.439,1.015,0.659,1.591,0.659s1.151-0.22,1.591-0.659l6.046-6.046c0.879-0.879,0.879-2.303,0-3.182 S30.334,85.289,29.455,86.168z'/%3E%3Cpath fill='%23FFFFFF' d='M25,28.122c-1.243,0-2.25,1.007-2.25,2.25v8.805c0,1.243,1.007,2.25,2.25,2.25c1.242,0,2.25-1.007,2.25-2.25v-8.805 C27.25,29.129,26.242,28.122,25,28.122z'/%3E%3C/svg%3E");
}
.home-section-new::after {
  content: '';
  height: 75px;
  width: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  margin: 0 auto;

}

.home-section h4.floating-text, .page-section h4.floating-text {
  position: absolute;
  font-size: 2.1em;
  font-weight: 200;;
}

.home-section h4.floating-text.right, .page-section h4.floating-text.right {
  right: 12%;
  bottom: 39%;
}

.home-section h4.floating-text.bottom, .page-section h4.floating-text.bottom {
  left: 48%;
  bottom: 39%;
}

.home-section h4.floating-text.top, .page-section h4.floating-text.top {
  top: 24%;
  left: 48%;
}

.section h2.main-header-tagline {
  height: calc(30px + 3.9vh);
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0,176,215);
  text-align: center;
  font-weight: 300;
  font-size: calc(24px + .48vw);
  color: rgb(255,255,255);
}

.introducing-iblocks-container {
  position: relative;
}

.introducing-iblocks-container img {
  position: absolute;
}

.introducing-iblocks-container img.cover {
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 15;
}

.introducing-iblocks-container img.icon {
  height: auto;
  width: calc(30% + 90px);
  position: absolute;
  bottom: -30px;
  right: calc(-3% - 90px);
  z-index: 18;
}

.introducing-iblocks-container > button {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 30;
  border: none;
  outline: none;
  background-color: transparent;
  background-size: 15%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.introducing-iblocks-container > button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 408.2 408.2'%3E%3Cpath fill='%23FFFFFF' d='M204.1,0.2C91.4,0.2,0,91.6,0,204.3C0,317,91.4,408.4,204.1,408.4c112.7,0,204.1-91.4,204.1-204.1 C408.2,91.6,316.8,0.2,204.1,0.2z'/%3E%3Cpath fill='%2300B4E4' d='M204.1,0C91.4,0,0,91.4,0,204.1c0,112.7,91.4,204.1,204.1,204.1c112.7,0,204.1-91.4,204.1-204.1 C408.2,91.4,316.8,0,204.1,0z M292.5,222l-126.4,72.5c-17,9.8-30.8,1.8-30.8-17.8V132c0-19.6,13.8-27.6,30.8-17.8l126.4,72.5 C309.6,196.4,309.6,212.2,292.5,222z'/%3E%3C/svg%3E");
}

.introducing-iblocks-container.video-playing > button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 408.2 408.2'%3E%3Cpath fill='%23FFFFFF' d='M204.1,0.2C91.4,0.2,0,91.6,0,204.3C0,317,91.4,408.4,204.1,408.4c112.7,0,204.1-91.4,204.1-204.1 C408.2,91.6,316.8,0.2,204.1,0.2z'/%3E%3Cpath fill='%2300B4E4' d='M204.1,0.2C91.4,0.2,0,91.6,0,204.3C0,317,91.4,408.4,204.1,408.4c112.7,0,204.1-91.4,204.1-204.1 C408.2,91.6,316.8,0.2,204.1,0.2z M188.1,277.3c0,6.4-5.1,11.5-11.5,11.5h-25.8c-6.4,0-11.5-5.1-11.5-11.5v-146 c0-6.4,5.1-11.5,11.5-11.5h25.8c6.4,0,11.5,5.1,11.5,11.5V277.3z M268.9,277.3c0,6.4-5.1,11.5-11.5,11.5h-25.8 c-6.4,0-11.5-5.1-11.5-11.5v-146c0-6.4,5.1-11.5,11.5-11.5h25.8c6.4,0,11.5,5.1,11.5,11.5V277.3z'/%3E%3C/svg%3E%0A");
}

.page-section {
  width: 100%;
  height: 66vh;
  position: fixed;
  z-index: -1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-section-case-study {
  width: 100%;
  min-height: auto;
  position: fixed;
  z-index: 25;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-section-case-study-detail {
  width: 100%;
  min-height: auto;
  position: fixed;
  z-index: 25;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-section-online {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -124px;
}

.page-section-wistia {
  width: 100%;
  height: 66vh;
  position: fixed;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-section-STEELS {
  width: 100%;
  height: 60vh;
  z-index: -1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-section-STEELS2 {
  width: 100%;
  height: auto;
  z-index: -1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-section-STEELS3 {
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: #E1E9EC;
}

.full-after-section-margin {
  max-height: calc(96.1vh - 30px);
  height: 100vh;
  width: 100%;
  display: block;
}
.full-after-section-margin-new {
  max-height: calc(85vh - 30px);
  height: 100vh;
  width: 100%;
  display: block;
}
.after-section-margin {
  height: 66vh;
  width: 100%;
  display: block;
}

.page-section.what-is-an-iblock {
  background-image: url('../img/what-is-an-iblock-bg.jpg');
}

.page-section.iblocks-impact {
  background-image: url('../img/iblocks-impact-bg.jpg');
}

.page-section.how-we-build-an-iblock {
  background-image: url('../img/how-we-build-an-iblock-bg.jpg');
}

.page-section.iblocks-packages {
  background-image: url('../img/iblocks-packages-bg.jpg');
}

.page-section.iblocks-ideas {
  background-image: url('../img/iblocks-ideas-bg.jpg');
}
.page-section.iblocks-ideas-new {
  background-image: url('../img/iblocks-ideas-new-bg.jpg');
}

.page-section.rube-goldberg-machine-iblocks {
  background-image: url('../img/rube-goldberg-machine-iblocks-bg.jpg');
}

.page-section.iblocks-pathway {
  background-image: url('../img/iblocks-pathway-download-bg.jpg');
}

.page-section.hybrid-learning {
  background-image: url('../img/hybrid-remote-learning.jpg');
}

.page-section.iblock-funding {
  background-image: url('../img/iblock-funding-bg.jpg');
}
.page-section.iblock-express {
  background-image: url('../img/iBlock_Express_Feature.jpg');
}
.page-section.iblock-online {
  background-image: url('../img/iBlocks_Online_Feature.jpg');
}
.page-section.success-stories {
  background-image: url('../img/success_story_feature.jpg');
}
.page-section-wistia.success-stories {
  background-image: url('../img/success_story_feature.jpg');
}
.page-section.iblock-sequencing {
  background-image: url('../img/iblocks-sequencing-bg.jpg');
}
.page-section.iblock-cte {
  background-image: url('../img/iBlocks-CTE-bg.jpg');
}
.page-section.iblock-online-support {
  background-image: url('../img/iBlocks-Online-Support-bg.jpg');
}
.page-section.stem-product-guides {
  background-image: url('../img/easy-lift-feature.jpg');
}
.page-section-online.online-iblocks {
  background-image: url('../img/iBlocks_2023_Online_desc-BG.jpg');
}
.page-section-STEELS.STEELS {
  background-image: url('../img/cubes.jpg');
}

.page-section-STEELS2.STEELS-gears {
  background-image: url('../img/gear-bg.svg');
}
.page-section-case-study.case-study {
  background-image: url('../img/case_study_feature_BG.jpg');
}
.page-section-case-study-detail.case-study-header {
  background-image: url('../img/case-study-header-bg.jpg');
}
.page-section > .container.is-fluid {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.page-section-wistia > .container.is-fluid {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}

.page-section > .container.is-fluid > .columns {
  height: 100vh;
}

.page-section-wistia > .container.is-fluid > .columns {
  height: 100vh;
}

.page-section > .container.is-fluid > .columns > .column {
  height: 100%;
  position: relative;
}

.page-section-wistia > .container.is-fluid > .columns > .column {
  height: 100%;
  position: relative;
}

.page-section > .container.is-fluid > .columns > .column > .centered-container {
  position: absolute;
  top: 27%;
  left: 6%;
  right: 9%;
}
.page-section-wistia > .container.is-fluid > .columns > .column > .centered-container {
  position: absolute;
  top: 27%;
  left: 6%;
  right: 9%;
}

.section.rube-goldberg-machine-contest {
  background-image: url('../img/rube-goldberg-machine-contest-bg.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.with-more-icon::after {
  height: 60px;
  width: 60px;
  display: block;
  position: absolute;
  right: 0;
  content: '';
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M75.151,5.317c-38.515,0-69.849,31.335-69.849,69.849s31.335,69.849,69.849,69.849S145,113.681,145,75.166 S113.665,5.317,75.151,5.317z M75.151,140.814c-36.199,0-65.648-29.449-65.648-65.648S38.952,9.518,75.151,9.518 s65.648,29.449,65.648,65.648S111.349,140.814,75.151,140.814z'/%3E%3Cpolygon class='st0' points='76.143,98.29 55.267,63.764 49.807,63.924 74.292,104.653 78.308,104.541 100.435,62.449 94.973,62.607 '/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: bottom center;
}

.with-more-icon.black-icon::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M75.151,5.317c-38.515,0-69.849,31.335-69.849,69.849s31.335,69.849,69.849,69.849S145,113.681,145,75.166 S113.665,5.317,75.151,5.317z M75.151,140.814c-36.199,0-65.648-29.449-65.648-65.648S38.952,9.518,75.151,9.518 s65.648,29.449,65.648,65.648S111.349,140.814,75.151,140.814z'/%3E%3Cpolygon class='st0' points='76.143,98.29 55.267,63.764 49.807,63.924 74.292,104.653 78.308,104.541 100.435,62.449 94.973,62.607 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.section.background, .background-cover {
  position: relative;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
}

.background-cover {
  background-size: cover;
}

.section.background .white-window {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  background-color: rgb(255,255,255);
}

.section.background  .container > .columns > .column.is-three-fifths, .section.background  .container > .columns > .column.is-three-fifths-desktop {
  background-color: rgb(255,255,255);
}

.section.background .container, .section.background .container .columns {
  height: 100%;
  position: relative;
  z-index: 20;
}

.section.background.iblocks-impact-student-impact, .background-cover.iblocks-impact-student-impact {
  background-image: url('../img/iblocks-impact-student-impact.jpg');
  background-position: -2px;
}

.section.background.iblocks-impact-school-benefit, .background-cover.iblocks-impact-school-benefit {
  background-image: url('../img/iblocks-impact-school-benefits.jpg');
  background-position: top right;
}

.section.background.skills-matrix {
  background-image: url('../img/skills-matrix-bg.jpg');
  background-position: top right;
}

.section.background.framework {
  background-image: url('../img/framework-bg.jpg');
  background-position: top left;
}

.section.background.student-workbook {
  background-image: url('../img/student-workbook-bg.jpg');
  background-position: top right;
}

.section.background.teachers-guide {
  background-image: url('../img/teachers-guide-bg.jpg');
  background-position: top left;
}

.section.background.student-self-assessments-rubric {
  background-image: url('../img/student-self-assessments-rubric-bg.jpg');
  background-position: top right;
}

.section.background.iblocks_online {
  background-image: url('../img/iblocks-online-bg.png');
  background-position: top right;
}

.section.background.lesson-plan {
  background-image: url('../img/lesson-plan-bg.jpg');
  background-position: top left;
}

.section.background.what-is-a-rube-goldberg-machine {
  background-image: url('../img/iblocks-rube-goldberg-collateral1-bg.jpg');
  background-position: top right;
}

.section.background.why-purchase-a-rube-goldberg-machine {
  background-image: url('../img/iblocks-rube-goldberg-collateral2-bg.jpg');
  background-position: top left;
}
.section.background.stem-products {
  background-image: url('../img/cs-with-3d-print.jpg');
  background-position: top right;
}
.section.background.hybrid-learning-phase {
  background-image: url('../img/hybrid-learning_image-bg_0.jpg');
  background-position: top left;
}
.section.background.hybrid-learning-research {
  background-image: url('../img/hybrid-learning_image-bg_1.jpg');
  background-position: top right;
}
.section.background.hybrid-learning-design {
  background-image: url('../img/hybrid-learning_image-bg_2.jpg');
  background-position: top left;
}
.section.background.hybrid-learning-test {
  background-image: url('../img/hybrid-learning_image-bg_3.jpg');
  background-position: top right;
}
.section.background.hybrid-learning-share {
  background-image: url('../img/hybrid-learning_image-bg_4.jpg');
  background-position: top left;
}

.section.background.NYSCATE {
  background-image: url('../img/iBlocks_NYSCATE_BG.jpg');
  background-position: top right;
}

.section.background.ACE {
  background-image: url('../img/iBlocks_ACE_BG.jpg');
  background-position: top left;
}

.section.background.iblock-in-action {
  background-image: url('../img/rube-goldberg-bg.jpg');
  background-position: top right;
}

.section.full-height figure, .section.full-height figure img {
  position: absolute;
}
.section.full-height figure.top, .section.full-height figure img.top {
  top: 0;
}
.section.full-height figure.bottom, .section.full-height figure img.bottom {
  bottom: 0;
}
.section.full-height figure.left, .section.full-height figure img.left {
  left: 0;
}
.section.full-height figure.right, .section.full-height figure img.right {
  right: 0;
}


#sticky-container {
  height: auto;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 50;
}

.sticky-content {
  padding-top: 10%;
  padding-bottom: 5%;
  padding-left: 9.6rem;
  padding-right: 9.6rem;
  font-size: 1.5em;
  color: rgb(255,255,255);
}

.sticky-content.condensed {
  padding: 5% 9.6rem 2.5% 9.6rem;
  transition: padding 0.5s;
}

#sticky-marker {
  display: block;
  height: 1px;
  background-color: rgb(255,255,255);
}

ul.pathways-link-menu {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

ul.pathways-link-menu li.pathways-menu-item {
  margin-bottom: 12px;
  padding: .24em .51em;
  border: solid;
  border-width: 1px;
  border-color: rgba(0,0,0,0);
  font-weight: 500;
  font-size: 1.2em;
  transition: all .21s;
  cursor: pointer;
}

ul.pathways-link-menu li:hover, ul.pathways-link-menu li.pathways-menu-item.pathways-link-active {
  color: rgb(224,39,201);
  border-color: rgba(0,0,0,1);
}

.iblock-pathways {
  position: relative;
  text-align: right;
}

.iblock-pathways button {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 0;
  display: block;
  margin: 0 auto;
  padding: 27px;
  background-color: transparent;
  border: solid;
  border-width: 1px;
  border-color: rgb(0,0,0);
  border-radius: 100%;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  color: rgb(0,180,228);
  transition: all 0.15s ease-in;
}

.iblock-pathways button.button.prev::after {
  content: '<';
  position: absolute;
  top: 15%;
  left: 37.75%;
  font-size: 1.5em;
  font-weight: 700;
}

.iblock-pathways button.button.prev {
  right: 8.4rem;
}

.iblock-pathways button.button.next::after {
  content: '>';
  position: absolute;
  top: 15%;
  right: 37.75%;
  font-size: 1.5em;
  font-weight: 700;
}

.iblock-pathways button.button.next {
  right: 4.2rem;
}

.iblock-pathways .pathways-content-container {
  height: 100%;
  padding: 3.6rem;
}

.pathways-content-container .pathway-content h5 {
  margin-top: .48em;
  margin-bottom: 0;
  font-weight: 900;
  font-size: 1.5rem;
  color: rgb(224,39,201);
}

.pathways-content-container .pathway-content img {
  width: 100% !important;
  margin-top: 6px;
}

.pathways-content-container .pathway-content p, .pathways-content-container .pathway-content ul li {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
}

.pathways-content-container .pathway-content ul {
  margin-top: .75em;
  margin-bottom: 2.1em;
}

.pathways-content-container .pathway-content ul li {
  margin-left: 1.2em;
  padding-bottom: .48rem
}

.iblock-pathways-state-iblocks-container {
  padding-top: 0;
  padding-bottom: 0;
}

.iblock-pathways-state-iblocks-container .filters-nav {
  padding-bottom: 3rem;
  background-color: rgba(255,255,255,0.75);
}

.filters-nav .control.reset-container {
  align-self: center;
  text-align: right;
}
.filters-nav .control.reset-container button[type=reset] {
  margin-bottom: 15px;
  background: transparent;
  border: none;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-size: 12px;
  font-weight: 500;
  color: #888888;
}
.filters-nav .control.reset-container button[type=reset] > span {
  font-size: 18px;
  font-weight: 600;
}
.filters-nav .control.reset-container button[type=reset]:hover {
  text-decoration: underline;
}
.filters-nav .control .select-menu select {
  max-width: 100%;
  display: block;
  padding: 15px 30px 15px 15px;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolygon points='30.5,47.157 10.671,27.329 16.329,21.671 30.5,35.843 44.672,21.671 50.328,27.329 '/%3E%3C/svg%3E");
  background-size: 15px;
  background-position: calc(100% - 6px) center;
  background-repeat: no-repeat;
  border-color: #dbdbdb;
  outline: none;
  font-family: 'museo-slab','Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 400;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.filters-nav .control .select-menu select.sequence-selected {
  opacity: 0.24;
}
.filters-nav .control .select-menu select.activated {
  color: rgb(224,39,201);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolygon fill='%23e027c9' points='25.5,47.157 10.171,31.828 15.829,26.171 25.5,35.843 45.672,15.671 51.328,21.329 '/%3E%3C/svg%3E");
}

.iblock-pathways-state-iblocks-container .iblock-post-container {
  min-height: 300px;
  padding-top: 4.8rem;
  background-color: rgb(236,239,238);
}
.iblock-pathways-state-iblocks-container .iblock-post-container > .container > .columns.is-multiline {
  position: relative;
  z-index: 30;
  background-color: rgb(236,239,238);
}
.iblock-pathways-state-iblocks-container .iblock-post-container > .container > .no-products-found {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding: 1.5rem 75px;
  text-align: center;
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways {
  max-width: 100%;
  position: relative;
  top: 0;
  padding: .30rem;
  text-align: center;
  transition: all ease 0.3s;
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways.is-static.is-3-desktop:hover {
  top: -1.5px;
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways .card {
  min-height: calc(375px + .75vh);
  height: 100%;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 9px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways .card.card-content {
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem 1.2rem;
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways:hover .card.card-content {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways .card.card-content > h3.title {
  text-align: left;
  word-break: normal;
  font-weight: 900;
  font-size: 1.29rem;
  line-height: 1;
  color: rgb(0,0,0);
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways .card.card-content > img {
  width: calc(50% + 3vw);
  display: block;
  margin: 0 auto;
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways .card.card-content > h6 {
  margin-top: 9px;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  color: #242424;
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways .card.card-content > .button-options-container button {
  width: 100%;
  height: auto;
  position: relative;
  margin: 6px auto;
  padding: 12px 6px;
  background-color: rgb(236,239,238);
  border: none;
  border-radius: 6px;
  white-space: normal;
  font-weight: 900;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor: pointer;
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways .card.card-content > .button-options-container button.learn {
  color: rgb(224,39,201);
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways .card.card-content > .button-options-container button:hover {
  color: rgb(0,0,0);
}
.iblock-pathways-state-iblocks-container .iblock-post-container .iblock-pathways .card.card-content > .button-options-container button:first-of-type {
  margin-top: 54px;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details {
  height: 100%;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 0;
  border-radius: 9px;
  overflow: hidden;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .column {
  height: 100%;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container {
  padding-left: 24px;
  padding-right: 75px;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container * {
  text-align: left;
  line-height: 1.62;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container p, .iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container h5, .iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container ul, .iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container li {
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  margin-bottom: 18px;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container h3 {
  min-width: 48%;
  margin: 18px 9px 18px 0;
  font-weight: 900;
  font-size: 1.29rem;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container button {
  height: auto;
  width: auto;
  position: relative;
  margin: 0 0;
  padding: 9px 24px;
  background-color: rgb(0,180,228);
  border: none;
  border-radius: 9px;
  white-space: normal;
  font-weight: 900;
  font-size: 1.29rem;
  color: #ffffff;
  cursor: pointer;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .image-container button {
  height: auto;
  width: auto;
  position: absolute;
  top: calc(.75rem + 24px);
  right: .75rem;
  background-color: transparent;
  padding: 9px 24px;
  border: none;
  font-style: italic;
  font-weight: 900;
  font-size: 1.29rem;
  color: #ffffff;
  cursor: pointer;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container button:hover {
  background-color: rgb(0,107,136);
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container p, .iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container h5 {
  margin: 0 0;
  font-size: 15px;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container p:last-child {
  margin-bottom: 30px;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container h5 {
  font-weight: 700;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container ul {
  margin: 24px;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .content-container li {
  margin-bottom: 6px;
  font-size: 15px;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .image-container {
  display: flex;
  align-items: center;
  background-color: rgb(124,132,136);
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container .card.iblock-pathway-details .image-container > img {
  height: 75%;
  width: auto;
  position: absolute;
  margin-left: -60px;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container {
  display: none;
}
.iblock-pathways-state-iblocks-container .iblock-post-container #iblock-pathway-details-container.is-active {
  max-width: 100%;
  width: 100% !important;
  position: relative;
  top: 0;
  display: block;
  padding: .30rem;
  transition: all ease 0.3s;
}
.pathways-pricing-form-container form.hs-form .hs-button {
  font-family: 'museo-slab','Roboto',Helvetica,Arial,san-serif !important;
}




div.section.topics-map {
  background-image: url('../images/State-iBlocks-Background-color.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

#map-container {
  position: relative;
  padding: 0 0;
}

#map-container svg#usmap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#map-container svg#usstates {
	position: relative;
	z-index: 105;
}

.st0 {
	fill: rgb(0,0,0);
}

.st1 {
	fill: rgb(255,255,255);
  opacity: 0.36;
}

.st2 {
	fill: rgb(255,71,76);
}

.state-select:hover .st1 {
	fill: rgb(255,118,125);
  opacity: 1;
  cursor: pointer;
	transition: fill 0.3s ease-out;
	-webkit-transition: fill 0.3s ease-out;
}

body.page-topics-map .main-content.video.on-canvas {
  padding-top: 0;
  background-image: none;
}

body.page-topics-map .main-content.video.on-canvas header.topics-map-header {
  padding-top: 5;
  background-color: rgb(60,60,60);
  background-image: url('../images/iblocks-topics-map-burst-header.png');
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
}

.broad-categories {
  position: absolute;
  z-index: 110;
}

.broad-categories ul.broad-categories-list, .broad-categories ul.broad-categories-list li {
  margin-left: 0;
  list-style: none;
}

ul.broad-categories-list li a:hover {
  padding-left: 7px;
  border-left: 4px solid rgb(0,0,0);
}

div#iblock-state-modal div.modal-background {
  position: absolute;
  z-index: 110;
  background-color: rgba(10, 10, 10, 0.95);
}

div#iblock-state-modal div.modal-content.iblock-content {
  min-height: 300px;
  max-height: 100%;
  width: 100%;
  position: relative;
  z-index: 120;
}

div#iblock-state-modal div.modal-content.iblock-content.iblock-category-container {
  background-color: transparent;
  background-image: url('../images/iBlocks-category-Background-color.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

div#iblock-state-modal div.modal-content.iblock-content.iblock-category-container div.column.section-title, div.modal-content.iblock-content div#iblock-state-content h2.category-title:first-child {
  display: none;
}

div#iblock-state-modal .is-large.delete, .is-large.modal-close {
  z-index: 125;
}

div#iblock-state-content {
  margin: 0 0;
  padding-top: 3.5rem;
  padding-right: 6.5rem;
  padding-bottom: 3.5rem;
  padding-left: 6.5rem;
}

div#iblock-state-content .column.section-title {
  width: 100%;
  position: absolute;
  left: 100%;
  z-index: 50;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: left top;
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: left top;
  transform: rotate(90deg);
  transform-origin: left top;
}

div#iblock-state-content .column.section-title h2 {
  margin-left: 30px;
  font-weight: 200;
  font-size: 325%;
  color: rgb(255,118,125);
}

div#iblock-state-content article.card {
  margin-top: 30px;
  -webkit-box-shadow: 0px 6px 12px 6px rgba(0,0,0,0.5);
  box-shadow: 0px 6px 12px 6px rgba(0,0,0,0.5);
  transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
  cursor: pointer;
}

div#iblock-state-content article.card:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

article.card img {
  display: block;
  width: 100%;
}

div#iblock-state-content article.card:hover img {
  opacity: 0.75;
}

article.card .card-content {
  padding: 50px 2.25rem 1.25rem 2.25rem;
  background-color: rgb(255,255,255);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
}

article.card .card-content button.delete {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

div#iblock-state-content .column:nth-child(1n+1) .card-content {
  background-image: url('../images/iblock-content-header-background1.jpg');
}

div#iblock-state-content .column:nth-child(2n+1) .card-content {
  background-image: url('../images/iblock-content-header-background2.jpg');
}

div#iblock-state-content .column:nth-child(3n+1) .card-content {
  background-image: url('../images/iblock-content-header-background3.jpg');
}

article.card .card-content.iblocks {
  display: none;
  padding-top: 25px;
  padding-bottom: 75px;
  background-color: rgb(0,0,0);
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;
}

div#iblock-state-content .column:nth-child(1n+1) .card-content.iblocks  {
  background-image: url('../images/iblock-content-background1.jpg');
}

div#iblock-state-content .column:nth-child(2n+1) .card-content.iblocks  {
  background-image: url('../images/iblock-content-background2.jpg');
}

div#iblock-state-content .column:nth-child(3n+1) .card-content.iblocks  {
  background-image: url('../images/iblock-content-background3.jpg');
}

article.card .card-content ul {
  list-style: none;
  margin: 0 0;
}

article.card .card-content h4, article.card .card-content h6, article.card .card-content li, article.card .card-content p {
  color: rgb(255,255,255);
}

article.card .card-content h3, article.card .card-content h4 {
  margin-bottom: 0;
}

article.card .card-content h6 {
  margin-top: 3.75rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

article.card .card-content h6 span {
  font-weight: 300;
  color: rgb(255,255,255);
}

article.card .card-content li, article.card .card-content p {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

div.modal-content.iblock-content.iblock-category-container div#iblock-state-content h2.category-title:first-child {
  display: block;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 4px solid rgb(0,0,0);
  font-size: 2rem;
  font-weight: 300;
  color: rgb(255,118,125);
}

div.iblock-category-content.column {
  border-bottom: 1px solid rgba(0,0,0,0.65)
}

div#iblock-state-content.column div.iblock-category-content.column:last-child {
  border-bottom: 4px solid rgb(0,0,0);
}

div.iblock-category-content.column p.iblock-category-tags {
  text-align: right;
}

div.iblock-category-content.column p.iblock-category-tags span {
  margin-left: 5px;
  margin-top: 5px;
}

h6.iblock-category-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: rgb(0,0,0)
}

iframe.hs-form-iframe {
  width: 100% !important;
}

select.state-select {
  width: 100%;
  height: auto;
  margin: 10px 0px 50px 0px;
  padding: 15px 35px 10px 15px;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mobile-nav {
  display: none;
}

nav#login {
  width: inherit;
  position: absolute;
  z-index: 75;
  top: 0;
  right: 0;
}

nav#login a {
  display: block;
  padding: .75rem 2rem .75rem 3.5rem;
  background-color: rgb(60,60,60);
  background-image: url('../images/iblocks-login-icon_vector.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  border-bottom-left-radius: 10px;
  text-align: center;
  font-size: 1.25rem;
  color: rgb(255,118,125);
  cursor: pointer;
  transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

nav#login a:hover {
  background-color: rgb(255,255,255);
}

article#ula-agreement {
  height: 36vh;
  overflow: auto;
  padding: 2rem;
  margin-bottom: 2rem;
}

article#ula-agreement p {
  margin-bottom: 2rem;
  text-align: left;
}

form#ula-role-update label {
  margin-top: 1rem;
  font-weight: 400;
}

div.message-container {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999999;
  background-color: rgba(255,255,255,0.75);
}

div.message-container article.message-block {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background-color: rgb(255,255,255);
  box-shadow: 0px 0px 48px 0px rgba(0,0,0,0.75);
}

div.message-container div.message-container-empty-space {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
}

form#ula-role-update input[type=submit] {
  width: 25%;
  height: auto;
  display: block;
  margin: 1rem auto;
  padding: 1rem;
}


.autocomplete-app p.toggle-switch {
  padding: 12px 21px;
  text-decoration: underline;
  font-weight: 700;
  font-size: .87rem;
  cursor: pointer;
}

.autocomplete-app p.toggle-switch:hover {
  text-decoration: none;
}

.autocomplete-app .ui-widget input, .autocomplete-app select {
  height: 4.8rem;
  width: 85%;
  margin-top: 21px;
  padding: 12px 21px;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0px 12px 36px 3px rgba(190,124,171,0.6);
  border: none;
  font-family: 'museo-slab','Roboto',Helvetica,Arial,san-serif !important;
  font-size: 1.23rem;
  font-weight: 300;
}

.autocomplete-app select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

ul.ui-autocomplete {
  cursor: default;
  padding: 12px;
  background: #eceeef;
}

/* workarounds */
html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu-item {
    width: 100%;
    float: left;
    clear: left;
    margin-top: 12px;
    margin-bottom: 24px;
    padding: 6px;
    backgroud: transparent !important;
    border-bottom: 1px solid #cccccc;
    font-size: 1.23rem;
    zoom: 1;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper, .ui-menu .ui-menu-item .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item:hover {
    background-color: transparent !important;
    border: none !important;
    color: #000000 !important;
}
.ui-menu .ui-menu-item:hover {
    background-color: rgba(224,39,201,0.51) !important;
}

#ajax_fitler_search_results {
  padding-top: 36px;
}

#ajax_fitler_search_results div.state-iblock-container .state-iblock-content.state-industry .card img {
  width: 100%;
  display: block;
  cursor: pointer;
  transition: all ease .51s;
}

#ajax_fitler_search_results div.state-iblock-container .state-iblock-content.state-industry h4 {
  margin-top: 18px;
  font-weight: 300;
  font-size: 1.2rem;
}

#ajax_fitler_search_results div.state-iblock-container .state-iblock-content.state-industry .card img:hover {
  box-shadow: 0 0.51em 1.2em -0.124em rgba(9,9,9,.6);
}

#ajax_fitler_search_results div.state-iblock-container div.state-iblock-content.industry-ideas h4 {
  display: none;
}

#ajax_fitler_search_results div.state-iblock-container div.state-iblock-content.industry-ideas ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

#ajax_fitler_search_results ul li {
  width: 33.3333%;
  flex: 1;
  display: block;
  margin-right: 36px;
  padding: 30px 42px;
  background-color: #ffffff;
  box-shadow: 0 0.51em 1.2em -0.124em rgba(9,9,9,.6);
  word-break: break-word;
  font-weight: 700;
  font-size: 1.5rem;
}

#ajax_fitler_search_results .category-title, #ajax_fitler_search_results div.category-item {
  width: 100%;
  display: block;
  margin: 0 .75rem;
  padding: 1.5rem;
}

#ajax_fitler_search_results .category-title {
  border-bottom: 3px solid #000000;
}

#ajax_fitler_search_results div.category-item {
  border-bottom: 1px solid #cccccc;
}

#category-select-container a, #state-input-container p {
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  margin: 0 0;
  padding: 24px;
  display: block;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
}

#state-input-container div.button-control {
  width: 15%;
  position: relative;
  float: right;
  margin-top: 21px;
}

#state-input-container div.button-control a.submit-button {
  height: 4.8rem;
  width: 100%;
  display: inline-block;
  background-color: rgba(224,39,201,0.75);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M46.805,24.469l-2.412-2.412c-0.26-0.261-0.683-0.26-0.944,0c-0.261,0.261-0.261,0.683,0,0.944l1.272,1.272 h-3.915c-0.369,0-0.667,0.299-0.667,0.667c0,0.368,0.299,0.667,0.667,0.667h3.915l-1.272,1.273c-0.261,0.26-0.261,0.683,0,0.944 c0.13,0.13,0.301,0.195,0.472,0.195c0.171,0,0.342-0.065,0.472-0.195l2.412-2.412C47.065,25.152,47.065,24.73,46.805,24.469z'/%3E%3Cpath class='st0' d='M5.601,24.369c-0.73-0.276-1.381-0.503-1.381-1.144c0-0.532,0.473-0.769,1.045-0.769 c0.523,0,1.045,0.187,1.045,0.542v0.474h1.173v-0.917c0-0.808-1.114-1.232-2.218-1.232c-1.203,0-2.347,0.542-2.347,1.952 c0,1.252,0.917,1.676,1.854,2.031c0.808,0.316,1.607,0.543,1.607,1.252c0,0.562-0.503,0.867-1.213,0.867 c-0.66,0-1.232-0.266-1.232-0.719v-0.523H2.762v0.799c0,1.055,1.242,1.577,2.406,1.577c1.321,0,2.524-0.661,2.524-2.09 C7.691,25.158,6.646,24.744,5.601,24.369z'/%3E%3Cpath class='st0' d='M13.551,27.297v-3.885H11.53v0.937h0.769v1.301c0,0.907-0.523,1.794-1.39,1.794 c-0.631,0-0.789-0.413-0.789-1.016v-3.017H8.089v0.937h0.779v2.297c0,1.371,0.641,1.913,1.647,1.913 c1.262,0,1.775-0.937,1.834-1.104h0.02c0,0-0.01,0.108-0.01,0.236v0.188c0,0.355,0.207,0.562,0.651,0.562h1.242v-0.927h-0.483 C13.63,27.514,13.551,27.435,13.551,27.297z'/%3E%3Cpath class='st0' d='M17.843,23.294c-1.055,0-1.509,0.749-1.509,0.749h-0.02c0,0,0.02-0.177,0.02-0.424v-2.179h-2.021v0.936h0.769 v6.064h1.183v-0.306c0-0.197-0.02-0.375-0.02-0.375h0.02c0,0,0.404,0.799,1.499,0.799c1.331,0,2.317-1.035,2.317-2.632 C20.081,24.369,19.204,23.294,17.843,23.294z M17.548,27.504c-0.839,0-1.243-0.769-1.243-1.549c0-1.114,0.611-1.587,1.262-1.587 c0.739,0,1.252,0.621,1.252,1.577C18.819,26.942,18.237,27.504,17.548,27.504z'/%3E%3Cpath class='st0' d='M29.066,25.207c0-1.321-0.601-1.913-1.617-1.913c-0.799,0-1.469,0.503-1.745,1.095h-0.019 c-0.198-0.769-0.7-1.095-1.4-1.095c-0.828,0-1.459,0.611-1.716,1.124h-0.02c0,0,0.02-0.109,0.02-0.217v-0.227 c0-0.355-0.217-0.562-0.661-0.562h-1.311v0.937h0.562c0.137,0,0.217,0.069,0.217,0.207v2.948h-0.73v0.937h2.701v-0.937h-0.72 v-1.223c0-0.907,0.405-1.844,1.292-1.844c0.592,0,0.681,0.463,0.681,1.006v2.998h1.972v-0.937h-0.73v-1.282 c0-0.926,0.424-1.784,1.282-1.784c0.581,0,0.69,0.434,0.69,1.006v2.998h1.982v-0.937h-0.73V25.207z'/%3E%3Crect x='30.955' y='21.441' class='st0' width='1.262' height='1.114'/%3E%3Cpolygon class='st0' points='32.217,23.412 30.186,23.412 30.186,24.349 30.965,24.349 30.965,27.504 30.235,27.504 30.235,28.441 32.937,28.441 32.937,27.504 32.217,27.504 '/%3E%3Cpath class='st0' d='M35.146,26.469v-2.119h1.144v-0.937h-1.144v-1.37h-1.212v1.37h-0.808v0.937h0.769v2.248 c0,1.686,1.39,1.893,2.099,1.893c0.227,0,0.385-0.03,0.385-0.03v-1.025c0,0-0.088,0.01-0.226,0.01 C35.797,27.445,35.146,27.327,35.146,26.469z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.iblock-pathways-reference-table.table-container::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}
.iblock-pathways-reference-table.table-container::-webkit-scrollbar-thumb {
  background: rgb(90, 90, 90);
  border-radius: 90px;
  border: 7.5px solid white;
}
.iblock-pathways-reference-table.table-container::-webkit-scrollbar-track {
  background: transparent;
}
.iblock-pathways-reference-table.table-container {
  max-height: 75vh;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  border-radius: 9px;
}
.iblock-pathways-reference-table.table-container table.table tr th {
  position: sticky;
  top: 0;
  z-index: 100;
  margin: 0 0;
  vertical-align: bottom;
  background-color: rgb(255,255,255);
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 400;
  font-size: 75%;
}
.iblock-pathways-reference-table.table-container table.table tr td:first-child {
  min-width: 150px;
  text-align: right;
}
.iblock-pathways-reference-table.table-container table.table tbody tr td {
  border-right: 1px solid #dbdbdb;
}
.iblock-pathways-reference-table.table-container table.table tr td, .iblock-pathways-reference-table.table-container table.table tr td a {
  vertical-align: middle !important;
  font-family: 'Roboto',Helvetica,Arial,san-serif !important;
  font-weight: 600;
  font-size: 87%;
}
.iblock-pathways-reference-table.table-container table.table tr td.checked {
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='9' stroke='black' stroke-width='3' fill='none' /%3E%3C/svg%3E");
  transition: all .66s ease;
}
.iblock-pathways-reference-table.table-container table.table tbody tr:hover td.checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='9' stroke='black' stroke-width='3' fill='green' /%3E%3C/svg%3E");
}

.modal-content::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}
.modal-content::-webkit-scrollbar-thumb {
  background: rgb(90, 90, 90);
  border-radius: 90px;
  border: 7.5px solid rgb(236,239,238);
}
.modal-content::-webkit-scrollbar-track {
  background: rgb(236,239,238);
}
.fin-lit-intro {
   	font-family: 'Roboto Slab', 'Cambria', Serif !important;
   	font-weight: bold;
	color: #8D9C99;
	font-size: 27px;
	line-height: 29px;
}
.fin-lit-title {
   	font-family: 'Roboto Slab', 'Cambria', Serif !important;
   	font-weight: bold;
	color: #ffffff;
	font-size: 2.75em;
	line-height: 1.2em;
	align-self: auto;
}
.fin-lit-text {
   	font-family: 'Roboto Slab', 'Cambria', Serif !important;
   	font-weight: bold;
	color: #ffffff;
	font-size: 1.25em;
	line-height: 1em;
}

.simple-button {
  width: auto;
  height: auto;
  display: block;
  margin-bottom: 6px !important;
  padding: 10px 24px;
  background-color: #FF5A5F;
  cursor:pointer;
  border: none;
  border-radius: 12px;
  text-align: center;
  white-space: nowrap;
  font-size: 15px;
  color: #ffffff;
  transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
  font-weight:800;
	font-family:'Roboto Slab','cambria', serif;
}

div.navbar-menu div.search-form-container {
	position: relative !important;
  display: none;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-items: center !important;
	margin-right: 10px !important;
	margin-left: 6px !important;
  padding: 0 0 !important;
	width: 500%;
}
div.navbar-menu div.search-form-container form.search-form {
	width: 0 !important;
	
}
div.navbar-menu div.search-form-container form.search-form.active {
	width: auto !important;
	display: block !important;
}
div.search-form-container form.search-form label input {
	padding-left: 12px;
	border: none;
	border-radius: 15px;
	background-color: rgba(0,0,0,.12);
	font-weight: 300;
	font-size: .96rem;
	color: black;
	margin-top: 4px;
}












div.navbar-menu button.menu-button {
 	background-size: 100%;
 	background-repeat: no-repeat;
	background-position: right center;
	background-color: transparent;
	border: none;
	overflow: hidden;
	text-indent: -999px;
	cursor: pointer;
	transition: all 150ms ease;
}
div.navbar-menu button.menu-button.search-button {
  background-image: url('../images/teq-brand-search-icon.svg');
  min-width: 28px !important;
}
body.browse ul.primary-menu li.navbar-item.browse-nav-item > a, body.create-your-solution ul.primary-menu li.navbar-item.create-nav-item > a, body.evolve ul.primary-menu li.navbar-item.evolve-nav-item > a {
	text-decoration: underline;
}
body div.navbar-menu.secondary-browse-menu {
	justify-content: flex-end;
	margin-right: 16px;
}
body div.navbar-menu.secondary-browse-menu ul.main-menu, body div.navbar-menu.secondary-browse-menu ul.create-your-solution-menu {
	display: none;
}
body.browse div.navbar-menu.secondary-browse-menu ul.main-menu, body.filter-search-page div.navbar-menu.secondary-browse-menu ul.main-menu {
	display: flex;
	margin-right: 21px;
}
body.home div.navbar-menu button.menu-button.search-button {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 85 60'%3E%3Cpath d='M71.23,52.337c-1.496,2.171-4.471,2.717-6.636,1.211L44.989,39.942c-1.388-0.96-2.106-2.526-2.053-4.1 c-2.525,2.716-5.843,4.541-9.558,5.218c-4.564,0.835-9.174-0.163-12.978-2.804c-3.807-2.64-6.361-6.612-7.193-11.187 c-0.832-4.577,0.161-9.203,2.796-13.022C21.446,6.16,32.273,4.183,40.14,9.64c7.14,4.958,9.421,14.366,5.71,21.959 c1.45-0.611,3.17-0.492,4.565,0.475l19.61,13.606C72.19,47.187,72.731,50.166,71.23,52.337z M42.166,21.777 c-0.579-3.19-2.359-5.96-5.013-7.8c-5.482-3.808-13.035-2.431-16.834,3.067c-3.794,5.506-2.42,13.078,3.064,16.88 c5.483,3.808,13.034,2.432,16.832-3.069C42.052,28.192,42.745,24.968,42.166,21.777z'/%3E%3C/svg%3E");
}
div.navbar-menu button.menu-button.search-button:hover {
	background-image: url('../images/teq-brand-search-icon-hover.svg');
}
.teq-talk > nav.navbar > .navbar-menu.search-dropdown form .input {
	height: 48px;
	border: 1.2px solid rgb(117,117,117);
	box-shadow: 21px 21px 61px #cbc9d2, -21px -21px 63px #ffffff !important;
}






@media (max-height: 978px) {
.page-section-STEELS {
  width: 100%;
  height: 70vh;
  z-index: -1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
}
@media (max-height: 792px) {
.page-section-STEELS {
  width: 100%;
  height: 76vh;
  z-index: -1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
}


@media (max-width: 1280px) {
.button {
    padding-left: calc(2.1em + .87%);
    padding-right: calc(2.1em + .87%);
  }
.case-study-header {
  font-weight: 700;
  font-size: 3rem;
  line-height: 3rem;
}
.case-study-sub-header {
  font-size: 1.75rem;
  line-height: 2.1rem;
	padding-top:.5rem;
	padding-bottom: 4.75rem;
}
.case-study-intro {
  font-size: 2rem;
  line-height: 3rem;
  color: #384b4e;
}
.case-study-small-header {
  font-size: 1.25rem;
}
.case-study-intro-2 {
 margin-top: .36em;
 font-size: 1.5em;
 line-height: 2.5rem;
		}
	
ul.cs-list {
  margin-left: 18px;
  list-style: disc;
}

ul.cs-list li {
  font-size: 1rem;
  margin-bottom: 3px;
  list-style: disc;
  font-weight: 400;
}
.icon-sizer {
	padding: 10px 0;
}
.icon-spacer {
	margin-top: -5rem !important;
}
.pull-quote {
	color: #de1ec5; 
	line-height: 2.2rem;
	font-size: 1.5rem;
}
.pull-quote-author {
	color: #de1ec5; 
	line-height: 1rem;
	font-size: .85rem;
}
.case-study-cta {
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 300;
	color: #ffffff;
}
}

@media (max-width: 980px) {
  .hide-medium {
    display: none;
  }
  .hide-large {
    display: block;
  }
  .hide-large.fit img {
    padding-left: 24px;
    padding-right: 24px;
  }
  .home-section h4.floating-text {
    display: none;
  }
.icon-sizer {
	padding: 25px 0;
}
.icon-spacer {
	margin-top: -5rem !important;
}
	.icon-title-spacer {
		margin-top: -36px;
	}
.case-study-header {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.case-study-sub-header {
  font-size: 1.75rem;
  line-height: 2.1rem;
	padding-top:.5rem;
	padding-bottom: 4.75rem;
}
.case-study-intro {
  font-size: 1.75rem;
    line-height: 2.75rem;
}
  .padding {
    padding: 24px 30px;
  }
  .padding-sm {
    padding: 30px 39px;
  }
  .padding-right {
    padding-right: 0;
  }
  .padding-left {
    padding-left: 0;
  }
  .padding-top {
    padding-top: 24px;
  }
  .padding-bottom {
    padding-bottom: 24px;
  }
  .button {
    padding-left: 6px;
    padding-right: 6px;
  }
  .section.background {
    background-image: none !important;
  }
  .modal-content {
    width: auto;
    margin: 24px 54px;
  }
  .columns.flex-wrap {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .hide-small {
    display: none !important;
  }
  .hide-large, .mobile-nav {
    display: block;
  }
  .hide-large.fit {
    margin-left: -54px;
    margin-right: -54px;
  }
  .hide-large.fit img {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .quarter-width {
    width: 50px;
  }
  .half-width {
    width: 75px;
  }
  .three-quarters-width {
    width: 100px;
  }
  .padding-right {
    padding-right: 0;
  }
  .padding-left {
    padding-left: 0;
  }
  .padding-top {
    padding-top: 54px;
  }
  .padding-bottom {
    padding-bottom: 54px;
  }
  .section > .container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .has-text-right {
    text-align: left !important;
  }
  .button {
    width: 100% !important;
  }
  button.button.next, button.button.prev {
    width: 9px !important;
  }
  .extra-large-header {
    font-size: 2.1em;
  }
  .home-section h1.main-header {
    font-size: 2.4rem;
    line-height: 1.11;
  }
  .main-header, .sub-header, .small-header {
    margin-top: 36px;
    font-size: 1.8em;
  }
  .section {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .page-section > .container.is-fluid > .columns > .column > .centered-container {
    position: relative;
    left: auto;
    right: auto;
  }
	.page-section-wistia > .container.is-fluid > .columns > .column > .centered-container {
    position: relative;
    left: auto;
    right: auto;
  }
  #sticky-container {
    position: relative;
  }
  .sticky-content, .sticky-content.condensed {
    padding: 1.2rem;
  }
  .sticky-content.condensed {
    padding-top: 12%;
  }
  .home-section .container .columns {
    margin-top: 36%;
  }
  .main-content.on-canvas .main-section {
    height: 100%;
    min-height: 100%;
  }
  .iblocks-navbar.off-canvas {
    width: 35%;
  }
  .iblocks-navbar .iblocks-brand {
    right: calc(30% - 1px);
  }
  .iblocks-navbar .iblocks-menu {
    padding-top: 5rem;
    padding-right: 1rem;
    padding-bottom: 100px;
    padding-left: 1rem;
  }
  .main-section {
    padding-top: 0;
    padding-right: 100px;
    padding-bottom: 0;
    padding-left: 100px;
  }
  .main-section h1.section-text {
    width: 100%;
    font-size: 3rem;
  }
  .main-section h1.section-text span {
    display: inline-block;
  }
  .main-section h1.section-text span img  {
    width: 42px;
    height: 42px;
  }
  .main-section .background-grow {
    width: 90% !important;
  }
  .main-section .columns.is-vcentered .column.text-left, .main-section .columns.is-vcentered .column.text-right {
    padding-left: 0;
    padding-right: 0;
  }
  .main-content.on-canvas .main-section .columns.is-vcentered {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .main-section.full-width-mobile {
    padding: 0 10px !important;
    margin-left: 10px;
    margin-right: 10px;
  }
  .iblock-pathways {
    padding-top: 60px;
  }
  .iblock-pathways .pathways-content-container {
    margin-top: 36px;
    margin-bottom: 36px;
    padding: 0 0;
  }
  .iblock-pathways button.button.prev {
    left: 0;
    right: auto;
  }
  .iblock-pathways button.button.next {
    left: auto;
    right: 0;
  }
  footer.iblocks-footer {
    padding: 100px;
  }
  footer.iblocks-footer .column p {
    margin-left: 0;
  }
  .main-content.on-canvas .section.topics-map {
    padding-right: 100px;
    padding-left: 100px;
  }
  div#desktopusmap {
    display: none;
  }
  .modal .modal-content.box {
    padding: 15px 9px 9px 9px;
  }
  .columns.level.header h5 {
    font-size: 150%;
  }
  .columns.iblock-row .column:first-child {
    display: none;
  }
  .columns.iblock-row .column:nth-child(2) {
    margin-left: 15px;
  }
  .columns.iblock-row .column {
    padding-top: 12px;
    padding-bottom: 6px;
  }
  .autocomplete-app .ui-widget input, .autocomplete-app select {
    width: 75%;
  }
  #state-input-container div.button-control {
    width: 25%;
  }
  #ajax_fitler_search_results ul li {
    width: 100%;
    flex: none;
    margin-bottom: 24px;
  }
	.icon-sizer {
	padding: 20px 20px;
		width: 175px;
}
.icon-spacer {
	margin-top: 0rem !important;
}
	 .case-study-sub-header {
    font-size: 1.75rem;
    line-height: 2.1rem;
    padding-top: .5rem;
    padding-bottom: 0;
  }
}


@media (max-width:576px) {
.page-section-online {
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.main-content .home-section-new {
  max-height: calc(100vh - 30px);
  background-image: url('../images/iBlocks_homepage_bg_fade.jpg');
  background-position: bottom left;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute; /*! added to fix non-scrolling main image on homepage after top banner was added */
	padding-top: 1.25rem
}
	nav.navbar.mainnav .navbar-brand .navbar-item.brand-logo {
  flex-direction: column;
	width: 260px;
	height: auto;
}
	.brand-logo-tagline {
  font-size: 0.65rem;
  color: #fff;
  text-decoration: none;
  font-family: 'Roboto', Helvetica, Arial, san-serif !important;
  text-align: start;
  padding-top: 18px;
}
.case-study-sub-header {
  font-size: 1.75rem;
  line-height: 2.1rem;
	padding-top:.5rem;
	padding-bottom: 0;
}
	}



@media (min-width: 425px) {

  .hidden-object {
    opacity: 1 !important;
  }
  .iblocks-navbar .iblocks-menu .navbar-item.primary {
      font-size: 1.25rem;
  }
  .main-content .home-section {
    padding-right: 30px;
    padding-left: 30px;
  }
  .main-content.on-canvas .section.home-section {
    padding-right: 75px;
    padding-left: 75px;
  }
  .main-section {
    padding-top: 0;
    padding-right: 125px;
    padding-bottom: 0;
    padding-left: 125px;
  }
  .main-section h1.section-text {
    font-size: 2.25rem;
  }
  .main-section h1.section-text span img  {
    width: 33px;
    height: 33px;
  }

}

.title-1-steels {
	font-size: 5rem;
	line-height: 5rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	letter-spacing: -.25rem;
}
.title-2-steels {
	font-size: 3.5rem;
	line-height: 3.5rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 200;
}
.subhead-steels {
	font-size: 2rem;
	line-height: 2rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	color: #353F4A;
}
.subhead-steels-2 {
	font-size: 2.25rem;
	line-height: 2.25rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 800;
	color: #000000;
}
.bullet-title-steels {
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 800;
	color: #000000;
}
.bullets-steels {
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	color: #000000;
}
.columns-steels {
	height: auto;
  position: relative;
  z-index: 20;
	display: flex;
	align-items: center;
}
.images-steels {
	padding: 4.8rem;
}
.images-steels-x {
	padding: 0 4.8rem;
}

@media (max-width: 1770px) {
.title-1-steels {
	font-size: 4rem;
	line-height: 4rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	letter-spacing: -.25rem;
}
.title-2-steels {
	font-size: 2.5rem;
	line-height: 2.5rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 300;
}
.images-steels {
	padding: 3.6rem;
}
	.images-steels-x {
	padding: 0 3.6rem;
}
}

@media (max-width: 1440px) {
	.page-section-STEELS {
  width: 100%;
  height: 65vh;
  z-index: -1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.title-1-steels {
	font-size: 3.5rem;
	line-height: 3.5rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	letter-spacing: -.25rem;
}
.title-2-steels {
	font-size: 2rem;
	line-height: 2rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 300;
	padding-right: 5rem;
}
	.subhead-steels {
	font-size: 1.75rem;
	line-height: 1.75rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	color: #353F4A;
}
.subhead-steels-2 {
	font-size: 2rem;
	line-height: 2rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 800;
	color: #000000;
}
.bullet-title-steels {
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 800;
	color: #000000;
}
.bullets-steels {
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	color: #000000;
}
	.images-steels {
	padding: 2.4rem;
}
	.images-steels-x {
	padding: 0 2.4rem;
}
}

@media (max-width: 1280px) {
	.page-section-STEELS {
  width: 100%;
  height: 65vh;
  z-index: -1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.title-1-steels {
	font-size: 3rem;
	line-height: 3rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	letter-spacing: -.125rem;
}
.title-2-steels {
	font-size: 1.75rem;
	line-height: 1.75rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 300;
}
	.subhead-steels {
	font-size: 1.35rem;
	line-height: 1.65rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	color: #353F4A;
}
.subhead-steels-2 {
	font-size: 1.75rem;
	line-height: 1.75rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 800;
	color: #000000;
}
.bullet-title-steels {
	font-size: 1.25rem;
	line-height: 1.25rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 800;
	color: #000000;
}
.bullets-steels {
	font-size: 1.25rem;
	line-height: 1.25rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	color: #000000;
}
	.images-steels {
	padding: 1.2rem;
}
		.images-steels-x {
	padding: 0 1.2rem;
}
}

@media (max-width: 940px) {
	.page-section-STEELS {
  width: 100%;
  height: 30vh;
  z-index: -1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.title-1-steels {
	font-size: 2.75rem;
	line-height: 2.75rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 400;
	letter-spacing: -.125rem;
}
.title-2-steels {
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-family: 'Roboto',Helvetica,Arial,san-serif !important;
	font-weight: 300;
}
}