.contentBlock__content p {
    font-size:18px;
    line-height:28px;
    font-family:'GT-America';
}

.contentBlock__content .event__link {
    padding-top:20px;
    margin-top:25px;
    font-family:'GT-America';
    font-weight:500;
}

#block-5ca2172f37846-2 div .contentBlock_inner{
	margin-right:20px;
}

#block-5ca2172f37846-3 div .contentBlock_inner{
	margin-left: 30px;
}

#block-5c9cf7cf39507-3 .contentBlock__content p {
  padding-bottom:0;
  margin-bottom:0; 
}

@media screen and (max-width:63.938em) {
    
}
    
@media screen and (max-width:47.938em) {
    .contentBlock_inner h2 {
        font-size:27px;
        line-height:33px;
    }
    .contentBlock__content p {
        font-size:16px;
        line-height:26px;
    }
  	.contentBlock_inner p > img{
    	margin:20px auto 30px auto;
 	 }
    #block-5c9a4c299373b-2 .contentBlock.contentBlock__hero div h1 span{
  		margin-top:15px;
  	}
  
     #block-5c9cf7cf39507-3 .contentBlock.contentBlock__content.padding__large_left.padding__medium_right.no-padding_top.no-padding_bottom{
		padding:14px;  
	}
  
  	#block-5ca2172f37846-2 .contentBlock.contentBlock__content.padding__large_left.padding__medium_right.no-padding_top.no-padding_bottom .contentBlock_inner{
      padding-left:14px;
  	}
  
 	#block-5ca2172f37846-3 .contentBlock.contentBlock__content.padding__medium_left.padding__medium_right.no-padding_top.no-padding_bottom .contentBlock_inner p a{
      margin-top:40px;
	}
  
  	#row-5ca2172f37846 #block-5ca2172f37846-3:after{
		left:45px;
 	}
 	div#row-5ca2172f37846 div div#block-5ca2172f37846-2 .contentBlock.contentBlock__content.padding__large_left.padding__medium_right.no-padding_top.no-padding_bottom{
  	padding-left:0;
  }

  div#row-5ca2172f37846 div div#block-5ca2172f37846-2 .contentBlock.contentBlock__content.padding__large_left.padding__medium_right.no-padding_top.no-padding_bottom .contentBlock_inner{
  	padding-left:0;
   }
  
  div#block-5ca2172f37846-3 .contentBlock.contentBlock__content.padding__medium_left.padding__medium_right.no-padding_top.no-padding_bottom {
    padding-left: 0;
    }
  
  div#block-5ca2172f37846-3 .contentBlock.contentBlock__content.padding__medium_left.padding__medium_right.no-padding_top.no-padding_bottom .contentBlock_inner{
    margin-left: 0;
    }
  
  #row-5ca2172f37846 #block-5ca2172f37846-3:after {
    left: 2px;
     }
}
.learn_more_box {
    height: 535px;
    margin-right: 2%;
    width: 31%;
    margin-bottom: 2%;
    position:relative;
}
.learn_more_box img{
    width: 350px;
    margin:32px;
    margin-left: 7%;
    margin-bottom: 0%;
	
	height: 233px;
}
.learn_more_box h3 {
    text-align: left;
    margin-left: 18%;
	font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
}
.learn_more_box p {
    margin-left: 18%;
    margin-right: 17%;
	font-size: 18px;
}
.learn_more_box span {
    font-size: 1.5em;
    margin-top: 0.6em;
    position: absolute;
    color: white;
}
.learn_more_box span>a {
    text-align: center;
    color: white;
}
.learn_more_cta {
width: 55%;
    height: 60px;
    border-radius: 8px;
    background-color: #e21651;
    margin-left: 5em;
    margin-top: 0em;
}
.learn_more_cta:hover {
	-webkit-transition: background-color 0.5s ease, border 0.5s ease;
	transition: background-color 0.5s ease, border 0.5s ease;
	background-color: white;
	border: 2px solid #e2165c;
}
.learn_more_cta:hover a>span{
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
	color: #e2165c;
}
.justify-content { text-align : justify; position : relative; }

.justify-content>* { display : inline-block; }

.justify-content:after { content : ''; display : inline-block; width : 100%; height : 0; display : inline-block; }

.about_beable h1 {
    color: #24a4dc;
    font-size: 65px;
    width: 76%;
	text-transform: uppercase;
line-height: 1em;
    margin-bottom: 0;
}
.about_beable p {
	width: 79%;
margin-top: -1em;
    margin-bottom: 2em;
}
.learn_more_cta_a {
	margin-left: 3em;
}
.learn_more_content_wrap {
	height: 26em;
}

@media screen and (orientation: portrait) and (min-width: 768px) and (max-height: 1024px){ 

    .learn_more_box {
	width: 100%!important;    margin-top: 2em!important;
}
.learn_more_content_wrap {}
.learn_more_box img {
display: block;
    margin: 0 auto!important;
}
.learn_more_box h3 { margin: 0!important; font-size: 3rem!important; margin-top: 1em!important;text-align: center!important;}
.learn_more_box p {    margin: 0!important;
    font-size: 2rem!important;
    text-align: center!important;}
.learn_more_box span {display: block!important;
    text-align: center!important;
    position: relative!important;
margin-top: 0em!important;}
.learn_more_box span>a {}
.learn_more_cta {width: 100%!important;
    margin: 0!important;    margin-top: 2em!important;}
.learn_more_cta_a {}


.about_beable h1 {font-size: 4rem!important; width: auto!important; margin-bottom: 1em!important;}
.about_beable p {
    font-size: 2rem!important;
width: 100%!important;
margin-bottom: 2em!important;
}
#about_us_minibox_container{
	height: auto !important;
}

}

@media screen and (orientation: portrait) and (min-width: 1024px) and (max-height: 1366px){

    .learn_more_box {
	width: 100%;    margin-top: 2em;
}
.learn_more_content_wrap {}
.learn_more_box img {
display: block;
    margin: 0 auto;
}
.learn_more_box h3 { margin: 0; font-size: 3rem; margin-top: 1em;text-align: center;}
.learn_more_box p {    margin: 0;
    font-size: 2rem;
    text-align: center;}
.learn_more_box span {display: block;
    text-align: center;
    position: relative;
margin-top: 0em;}
.learn_more_box span>a {}
.learn_more_cta {width: 100%;
    margin: 0;    margin-top: 2em;}
.learn_more_cta_a {}


.about_beable h1 {font-size: 4rem; width: auto; margin-bottom: 1em;}
.about_beable p {
    font-size: 2rem;
width: 100%;
margin-bottom: 2em;
}
#about_us_minibox_container{
	height: auto !important;
}
}

@media screen and (max-width: 48em) {
.learn_more_box {
	width: 100%;    margin-top: 2em;
}
.learn_more_content_wrap {height: -webkit-max-content;height: -moz-max-content;height: max-content;}
.learn_more_box img {
width: 19em;
    margin: 0em;
    height: auto;
}
.learn_more_box h3 { margin: 0; font-size: 3rem; margin-top: 1em;}
.learn_more_box p {margin: 0;
    font-size: 1.2rem;}
.learn_more_box span {display: block;
    text-align: center;
    position: relative;
margin-top: 0em;}
.learn_more_box span>a {}
.learn_more_cta {width: 100%;
    margin: 0;}
.learn_more_cta_a {}


.about_beable h1 {font-size: 3rem; width: auto;}
.about_beable p {

}
#about_us_minibox_container{
	height: auto !important;
}
}.about_products__container h2 {
    color: #e21655;
    text-transform: uppercase;
}
 
.about_products__container {
    background-size:100% auto;
    background-position:top left;
    background-repeat:no-repeat;
    padding:4em 0;
}

@media screen and (min-width: 1024px) and (orientation: portrait) {  
    .about_products p {
        width: 100% !important;
        font-size:20px !important; 
    }
    .about_products h2 {
        font-size: 40px;
        line-height: 42px;
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) and (orientation: portrait) {  
    .about_products p {
        width: 100% !important;
    }
}

/* Mobile */
@media screen and (max-width: 47.938em) {
    .about_products p {
        width: 100% !important;
        font-size:16px !important; 
    }
    
    .about_products__container {
        background-size:100% 600px;
    }
}
.product_box {
    padding: 25px;
    width: 31%;
    height: 26em;
    margin-right: 2%;
    margin-bottom: 2%;
    background-size: cover;
    background-repeat: no-repeat;
box-shadow: 0px 0px 20px 0px #00000061;

}
.product_box h3 {
	color: white;
    font-size: 31px;
    margin-bottom: -1%;
    margin-top: 6%;
}
.products__icon {
    margin: 0 auto;
    display: block;
    max-height: 138px;
    height: 138px;
}

.product_box p {
    font-size: 18px;
    color: white;
}
.product_cta {
	position: absolute;
    margin-top: 12em;
    font-size: 28px;
}
.product_cta a {
	color: white;
}
.product_cta a:hover {
	transition: color 0.5s ease;
	color: #2e4154;
}
.about_products {
margin-bottom: -5em;
}
.about_products h1 {
    color: #e21655;
    font-size: 65px;
    width: 76%;
}
.about_products p {
    width: 79%;
}

.products__arrow_beable {
    position: relative;
    margin-left: 20px;
    display: inline;
}
.beable__arrow {
width: 1em;
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {  
.product_box {     
width: 48% !important;
    margin-right: 2% !important;
    background-size: cover !important;
    height: 40em !important;
}
.product_box h3 { font-size: 3rem; }
.products__icon{ height: 11em;
    display: block;
    margin: 0 auto; max-height: none;}
mproduct_box h3 {
font-size: 3rem;
}
.product_box p { margin-right: 0em;
font-size: 2rem; }
.product_cta {       margin-top: 11em;
    font-size: 3rem;}
.product_cta span>a {}
.product_cta span>a:hover {}
.about_products {}
.about_products h1 {}
.about_products p {}
.about_products {
margin-bottom: -5em;
}
.products__arrow_beable {
position: absolute;
    margin-top: -1em;
    margin-left: 6em;
}
.beable__arrow {
    width: 1em !important;
}
}


@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) {  
.product_box {     
width: 48% !important;
    margin-right: 2% !important;
    background-size: cover !important;
    height: 32em; !important;
}
.product_box h3 { font-size: 3rem!important; }
.products__icon { height: 8em!important;
    display: block!important;
    margin: 0 auto!important; max-height: none!important;}
mproduct_box h3 {
font-size: 3rem!important;
}
.product_box p { margin-right: 0em!important;
font-size: 2rem!important; }
.product_cta {             margin-top: 8em!important;
    font-size: 3rem!important;}
.product_cta span>a {}
.product_cta span>a:hover {}
.about_products {}
.about_products h1 {}
.about_products p {}
.about_products {
margin-bottom: 0em;
}
.products__arrow_beable {
position: absolute;
    margin-top: -1em;
    margin-left: 6em;
}
.beable__arrow {
    width: 1em !important;
}
}

@media screen and (max-width: 48em) {
.product_box { width: 100% !important; margin-right: 0% !important; background-size: cover !important;}
.product_box h3 { font-size: 1.75rem; }
.products__icon{ width: 7em; margin: 0 auto; display: block; }
.product_box p { margin-right: 0em; }
.product_cta {}
.product_cta span>a {}
.product_cta span>a:hover {}
.about_products {}
.about_products h1 {}
.about_products p {}
.about_products {
margin-bottom: 0em;
}
.products__arrow_beable {
position: absolute;
    margin-top: -1em;
    margin-left: 6em;
}
.beable__arrow {
    width: 1em !important;
}
}
.hero_wbutton {
background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: calc(100vh - 160px);
	height: 44em;
}
.hero_contents {
    margin-top: 18em;
    color: white;

}
.hero_contents h1 {
    font-size: 55px;
    margin-top: -3.2em;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 2em;
    width: 100%;
}
.hero_contents p {
    margin-top: -1em;
    width: 82%;
}
.req_demo_cta {
-webkit-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
background-color: transparent;
    min-height: 65px !important;
    /* height: 50px; */
    position: absolute;
    border-radius: 8px;
    border: 2px solid white;
	text-align: center;
    padding-top: 1em;
    padding-left: 1em;
    white-space: nowrap;
    padding-right: 1em;
}
.req_demo_cta:hover {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
    background-color: #e21655;
    cursor: pointer;
}

.demo_cta:hover {
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    color: white;
}
.demo_cta {
margin-top: 0.99em;
    position: absolute;
    color: #e21655;
    font-size: 19px;
    font-weight: bold;
}
@media  screen and (max-width: 1366px) {
    .hero_contents h1 {
	margin-top: -5.2em;	
}
}

/* MOBILE -- CSS  */
@media screen and (max-width: 47.938em) {

.hero_wbutton {
background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: calc(100vh - 160px);

    height: 45em;
}
.hero_contents {
 	margin-top: 5em;
    color: white;
    width: 100% !important;

}
.hero_contents h1 {
font-size: 1.75rem;
    margin-top: -2.2em;
    margin-right: 0.4em;
    font-weight: bold;
    text-transform: uppercase;
}
.hero_contents p {
    font-size: 1.2rem;
    margin-top: -1em;
    width: 82%;
}
.req_demo_cta {
-webkit-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
background-color: transparent;
    min-height: 65px !important;
    /* height: 50px; */
    position: absolute;
    border-radius: 8px;
    border: 2px solid white;
	text-align: center;
    padding-top: 1em;
    padding-left: 1em;
    white-space: nowrap;
    padding-right: 1em;
}
.req_demo_cta:hover {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
    background-color: #e21655;
    cursor: pointer;
}

.demo_cta:hover {
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    color: white;
}
.demo_cta {
margin-top: 0.99em;
    position: absolute;
    color: #e21655;
    font-size: 19px;
    font-weight: bold;
}

}#beable__meet_the_team {
    margin-bottom:calc(88px + 2em);
}
.team_headshot {
	border-radius: 100%;
    width: 11em;
    height: 11em;
    position: absolute;
    margin-left: -5.5em;
    margin-top: 2em;
}

.team_firstname {
    color: #23a4dc;
    font-size: 34px;
    position: absolute;
    margin-top: 7.5em;
}
.team_jobtitle {
    position: absolute;
    margin-top: 12.5em;
    font-size: 24px;
}
.team__minibox {
	padding: 25px;
    height: 416px;
    width:calc(100% - 2em);
    box-shadow: 0px 0px 20px 1px #888888;
	background-position-y: -0.07em;
    background-position-x: 0.06em;
    background-size: cover;
    background-color: white;
}
.team_headshot_p {
    text-align: center;
}
.tri_color_info_img {
position: absolute;
    margin-top: -2.8em;
    margin-left: -1.56em;
}
.team__minibox>i {
margin-top: 19.1em;
    margin-left: 17.3em;
    position: absolute;
    color: #e21655;
}
.team__minibox>i:before {
	font-size:25px;
}
#team__container {
	max-width:965px;
}
    
.team__minibox {
    cursor:pointer;
}

.team__minibox .team__desc {
    display:none;
}

#modal-team .team__image {
    height:200px;
    width:200px;
    border-radius:50%;
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
}

#modal-team .team__name strong {
    font-weight:200;
    color:#23a4dc;
    display:block;
}

#modal-team .team__name span {
    font-weight:200;
    display:block;
    font-size:20px;
}

#modal-team .team__description {
    font-size:1.2rem;
}

#modal-team .tri_color_info_img {
    top:0;
    left:0;
    margin-left:0;
    margin-top:0;
}

.tri.middle-align {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}
.team__description p{
	font-size: 1.2rem;
}
 @media screen and (orientation: portrait) and (min-width: 1024px) and (max-height: 1366px){  



}

 @media screen and (orientation: portrait) and (min-width: 768px) and (max-height: 1024px){  
.leadership__arrow>img {
display:block !important;
}
.leadership__arrow {
    margin-left: 15em !important;
    margin-top: 17em !important;
}

#modal-team h3.team__name {
    position: relative !important;
margin-left: 0em !important;
    
}
#modal-team .team__image {
margin-top: 2em;
}

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
.team_headshot { margin-left: 6em;}
.team_firstname {}
.team_jobtitle {}
.team__minibox {}
.team_headshot_p {}
.tri_color_info_img {} 
.team__minibox>i {}
.team__minibox>i:before {}
#team__container {}


}

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
  .tri_color_info_img {   margin-top: -2.56em;}
}



@media screen and (max-width: 48em) {
.team_jobtitle {
    font-size: 1.25rem;
    margin-top: 16em;
}

#modal-team h3.team__name {
    position: absolute;
    margin-top: 4em;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: -4.4em;
}
#modal-team .team__image {
margin-top: 2em;
}
#modal-team .team__name strong {

}
.leadership__arrow>img {
display:none;
}
.team__minibox {width: 100%;}
#modal-team .team__name span {}
#modal-team .team__description {

margin-top: 5em;
}
#modal-team .tri_color_info_img {}
.tri.middle-align {

}
.modal-inset  {
        padding: 3em;
    height: 39em;
}
}
#learn_more__full {
    padding:calc(100px + 6em) 0 8em 0;
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat; 
    margin-top: calc(-88px - 2em);
    -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%);
}

#learn_more__full.no__bg {
    background-image:none!important;
}

.learn_more_text {
    margin-top: 4em;
    font-size: 26px;
    color: white;
}
.learn_more_boxes {
    padding: 25px;
    width: 31%;
    height: 200px;
    margin-right: 2%;
    margin-top: 2%;
    background-color: #e21655;
    position:relative;
}
.learn_more_boxes:hover {
    cursor: pointer;
}
.learn_more_title h3 {
    font-size: 54px;
    margin-bottom: 0;
    margin-top:0;
    color: #e21655;
	font-weight: bold;
text-transform: uppercase;
}
.learn_more_boxes>i {
	    margin-lefT: 19em;
    position: absolute;
    margin-top: -2.5em;
}
.learn_more_boxes>i:before {
	font-size: 26px;
    color: white;
}
.learn_more_text>a {
	color: white;
}

.learn_more_arrow {
float: right;
    margin-top: -2.5em;
}
.learn_more_arrow>img {

}
.leadership__arrow {margin-top: 19em;
    position: absolute;
    margin-lefT: 20em;}


/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    .leadership__arrow {}
.learn_more_title h3 {

margin-top: 0em;
}
}

/* ipad pro */
 @media screen and (orientation: portrait) and (min-width: 1024px) and (max-height: 1366px){ 
.learn_more_title h3 {

}
.learn_more_arrow {
    position: absolute;
    margin: 0em;
    margin-top: 8em;
}
.learn_more_title {padding-top:0em;}
.learn_more_text {
margin-top: 0;
position: absolute;
width: 15%;
}
#learn_more__full {
    min-height: unset !important;
    height: 60em;
    margin-bottom: -27em;
}
#pink__learn_more {
margin-top:-18em;
}
}

/* ipad */
@media screen and (min-width : 768px) and (max-height : 1024px) and (orientation : portrait) {   
.learn_more_title h3 {
font-size: 3rem !important;
}

.learn_more_title {padding-top:0em;}
.learn_more_arrow {
    position: absolute;
    margin: 0em;
    margin-top: 8em;
}
.learn_more_text {
margin-top: 0;
position: absolute;
width: 15%;
}
#learn_more__full {
    min-height: unset !important;
    height: 60em;
    margin-bottom: -27em;
}
#pink__learn_more {
margin-top:-18em;
}
}

@media screen and (max-width: 47.938em) {
    #learn_more__full {
    clip-path: none;
    padding:2em 0 6em 0;
}
.learn_more_text {
    margin-top: 0em;
    font-size: 1.25rem;
    color: white;
}

.learn_more_title {padding-top:0em;}
.learn_more_boxes {
    padding: 25px;
    width: 100%;
    height: auto;
    margin-right: 2%;
	margin-top: 0%;
    background-color: #e21655;
    margin-bottom: 2%;
}
.learn_more_boxes:hover {
    cursor: pointer;
}
.learn_more_title {
    
}
.learn_more_title h3 {
    font-size: 54px;
    position: relative;
    margin-top: 1em;
    color: #e21655;
	font-weight: bold;
}
.learn_more_boxes>i {
	    margin-lefT: 19em;
    position: absolute;
    margin-top: -2.5em;
}
.learn_more_boxes>i:before {
	font-size: 26px;
    color: white;
	margin-left: -2em ;
}
.learn_more_text>a {
	color: white;
}
.thee_pink_box_arrow {

}
. thee_pink_box_arrow>i {

}
.learn_more_arrow>img {
position: absolute;
    padding-top: 0.35em;
    margin-left: -2em;
    width: 1.75em;
}
}

.hero_about {
    background-clip: unset;
    background-size: 1920px 800px;
    background-repeat: no-repeat;
    min-height: 800px;
}
.hero_about_contents {
    margin-top: 18em;
    margin-left: 4em;
    color: white;

}
.hero_about_contents h1 {
    font-size: 72px;
    margin-top: -2.2em;
    margin-right: 0.4em;
    font-weight: bold;
    text-transform: uppercase;
}
.hero_about_contents p {
    font-size: 26px;
    margin-top: -1em;
    width: 77%;
}

@media screen and (max-width: 48em) {

.hero_about {
	background-position-x: center !important;
}
.hero_about_contents {
	width: 100% !important;
margin-left: 0em;
}

.hero_about_contents h1 {
	font-size: 3rem;
}

.hero_about_contents p {
	font-size: 1.1rem;
}
}.vision_box {
    background-color: #24a4dc;
	
	box-shadow: inset -20px 0px 20px 0px #e2165433;
}
.vision_image img {
    height:211px;
	margin-top:3em;
}
.vision_image {
    min-height: 23em;
    height: 23em;
    max-height: 23em;
    text-align: center;
	margin-bottom: -4em;
}
.vision_box h2 {
margin-top: 0em;
    font-size: 45px;
    text-transform: uppercase;
    color: white;
    width: 23vw;
    margin: 0 auto;
    display: block;
}
.vision_desc {
    font-size: 24px;
    color: white;
    padding-top: 1em;
    padding-bottom: 3em;
    width: 23vw;
    margin: 0 auto;
    display: block;
}
.mission_box {
    background-color: #e21654;
}
.mission_image {
min-height: 23em;
    height: 23em;
    max-height: 23em;
    text-align: center;
    margin-bottom: -4em;
}
.mission_image img {
    height:211px;
    margin-top:3em;
}
.mission_box h2 {
margin-top: 0em;
    font-size: 45px;
    text-transform: uppercase;
    color: white;
    width: 23vw;
    margin: 0 auto;
    display: block;
}
.mission_desc {
    font-size: 24px;
    color: white;
    padding-top: 1em;
    padding-bottom: 3em;
    width: 23vw;
    margin: 0 auto;
    display: block;
}
 @media screen and (orientation: portrait) and (min-width: 768px) and (max-height: 1024px){  

.mission_image {
	margin-bottom: -9em;
}

}
@media screen and (max-width: 48em) {
.vision_box {
	width: 100% !important;
}
.vision_desc {
    width: 100%; text-align: center;
}
.mission_desc {

 width: 100%; text-align: center;
}
.mission_box  {
	width: 100% !important;
}
.mission_box img {
	height: 30%;
}
.vision_box h2 {width: 100%; text-align: center;}
.mission_box h2 {width: 100%; text-align: center;}
}

 @media screen and (orientation: portrait) and (min-width: 1024px) and (max-height: 1366px){  
.vision_box {
	width: 100% !important;
}
.mission_image {
	margin-bottom: -9em;
}

.mission_box h2 {width: 100%; text-align: center;}
.vision_box h2 {width: 100%; text-align: center;}
.vision_desc {
 width: 100%; text-align: center;
}

.mission_desc {
 width: 100%; text-align: center;
}
.mission_box  {
	width: 100% !important;	
}
.mission_box img {
	height: 30%;
}
}@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
.beable_large__right>img {
width: 33em;
}
.beable_large__left>img {
width: 24em;

}
}.our_commitment_box {
    background-color: #231e54;
    min-height:400px;
}
.certified-img {
    margin-top: 5em;
    width: auto;
}
.commitment-title-desc h3 {
    font-size: 55px;
    margin-top: 1em;
    color: white;
	font-weight: bold;
	text-transform: uppercase;
}
.commitment-title-desc p {
    font-size: 1.5rem;
    margin-top: -1em;
    color: white;
    padding-right: 2em;
}

@media screen and (max-width: 48em) {
.commitment-title-desc {
	width: 100% !important;
}
.our_commitment_box  {
	padding: 1em;
}
.certified-img {
width: 18em;
}
.commitment-title-desc h3 {
font-size: 2rem;
}
.commitment-title-desc p {

}
}
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 
.commitment-title-desc {
	
}
.our_commitment_box  {
	padding: 1em;
}
.certified-img {
display: block;
margin: 0 auto;
margin-top: 4em;
width: 18em;
}
.commitment-title-desc h3 {
}
.commitment-title-desc p {

}


}#beable__our_values {
    margin-bottom:calc(88px + 2em);
}
.our_values {
padding-top: 10em;
min-height: 1000px;
}
.our_values_img {
    width: 11em;
}
.our_values__rows {
     height: 25%; margin-top: 10em;   
}
.values_img_wrapper {
    padding-left: 2em;
}
.our_values_title {
    font-size: 50px;
    margin-top: 0em;
    margin-bottom: 0em;
    padding-left: 0;
    color: white;
}
.our_values_desc {
    padding-left: 0;
    padding-right: 1em;
    font-size: 32px;
    text-align: left;
    color: white;
}
.value_boxes {
    width: 50%;
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.value_boxes:nth-child(1){
	border-bottom: 2px dotted black;
}
.value_boxes:nth-child(2){
	border-bottom: 2px dotted black;
}
.value_boxes:nth-child(even) {
    border-left: 2px dotted black;
    padding-right: 1em;
    width: 50%;
    margin-right: 0;
}
.value_boxes:nth-child(3) {
	margin-top: -10em;
}
.rows:after {

}
.bottom-hr {

}
.value_boxes_title {
    padding-left: 1.5em;
    font-size: 37px;
    color: white;
}
.value_boxes_desc {
    padding-left: 2em;
    padding-right: 2em;
    font-size: 24px;
    color: white;
}
.bottom-and-right-border {
    
}
.rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.black__text {
	color: #333333;
}



/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    .our_values {}
.our_values_img {}
.our_values_title {}
.our_values_desc {}
.value_boxes {}
.value_boxes:nth-child(1) {}
.value_boxes:nth-child(2) {}
.value_boxes:nth-child(even) {width: 40%;
    margin-right: 5em;
    padding-right: 0em;} 
.value_boxes:nth-child(3) {    margin-top: 0;}
.value_boxes_title {}
.value_boxes_desc {}
}
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 
    .our_values {width: 100% !important; border: none }
.our_values_img {display: block;
    margin: 0 auto;}
.values_img_wrapper {padding-left: 0em}
.our_values_title {padding-left:0em; padding-right: 0em;}
.our_values_desc {padding-left:0em; padding-right: 0em;}
.value_boxes {}
.value_boxes:nth-child(1) {width: 100% !important; border: none }
.value_boxes:nth-child(2) {width: 100% !important; border: none }
.value_boxes:nth-child(even) {width: 100% !important; border: none } 
.value_boxes:nth-child(3) {    margin-top: 0vw;width: 100%; border: none }
.value_boxes_title {font-size: 3rem;
    padding-left: 0em;}
.value_boxes_desc {font-size: 2rem;
    padding-left: 0em;}
.rows {    width: 100% !important;
    margin-top: -23em !important;
    padding-bottom: 4em;}
    
    .our_values {
padding-top: 2em;
min-height: auto;
}
.our_values__rows {
     height: auto; margin-top: 2em;   
}
    
} 

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 

.our_values {
	width: 100% !important;
}
.value_boxes:nth-child(even) { 
	width: 100%;
}
.our_values_img {padding-left: 0em;}


.values_img_wrapper { padding-left: 0em;}
.our_values_title { padding-left: 0em;}

.our_values_desc { padding-left: 0em;}

.value_boxes {
	width: 100%;
border: 0px !important;
}
.value_boxes:nth-child(3) {    margin-top: -4vw;}
.value_boxes_title {padding-left: 0em;}

.value_boxes_desc {padding-left: 0em;}
.bottom-and-right-border {}
.rows {
width: 100% !important;
}
.black__text {}


    
    .our_values {
padding-top: 2em;
min-height: auto;
}
.our_values__rows {
     height: auto; margin-top: 2em;   
}
}


@media screen and (max-width: 48em) {
.our_values {
	width: 100% !important;
}
.value_boxes:nth-child(even) { 
	width: 100%;
}
.our_values_img {padding-left: 0em;}


.values_img_wrapper { padding-left: 0em;}
.our_values_title { padding-left: 0em;}

.our_values_desc { padding-left: 0em;}

.value_boxes {
	width: 100%;
border: 0px !important;
}

.value_boxes_title {padding-left: 0em; padding-right: 0em;}

.value_boxes_desc {    padding-left: 0em;
    padding-right: 0em;
margin-bottom: 4em
}
.bottom-and-right-border {}
.rows {
width: 100% !important;
}

    
    .our_values {
padding-top: 2em;
min-height: auto;
}
.our_values__rows {
     height: auto; margin-top: 2em;   
}

.black__text {}
}

.lit_chall_title_desc {

}
.lit_chall_title_desc h2 {
	color: #3398cc;
    font-size: 52px;
    margin-right: 9em;
    font-weight: bold;
	line-height: 1em;
}
.lit_chall_title_desc p {
    padding-right: 54%;
}

.lit_chall_3_columns {

}
.lit_chall_3_columns img {
    width: 20em;
}
.gap_img_wrapper {
    text-align: center;
}
.lit_gap_title {
    color: #20b8af;
    font-size: 40px;
    margin-top: -2em;
	text-transform: uppercase;
	    font-weight: bold;
	padding-left: 0.9em;
margin-bottom: -0.5em;
}
.succ_gap_title {
    color: #0CC1ee;
    font-size: 40px;
    margin-top: -2em;
	text-transform: uppercase;
    font-weight: bold;
	padding-left: 0.9em;
margin-bottom: -0.5em;
}
.work_gap_title {
    color: #e21453;
    font-size: 40px;
    margin-top: -2em;
	text-transform: uppercase;
	padding-left: 0.9em;
    font-weight: bold;
margin-bottom: -0.5em;
}
.gap__descriptions {
    text-align: left;
    padding-right: 0em;
    font-size: 24px;
	padding-left: 1.5em;
}
.literay_vector_graphic_wrapper {
	
}
.literacy_vector_graphic {
	position: absolute;
    width: 100%;
}





@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {  
.lit_chall_title_desc {}
.lit_chall_title_desc h2 { margin-right: 0em; font-size: 3rem;}
.lit_chall_title_desc p { padding-right: 0%; }
.lit_chall_3_columns { width: 100% !important; }
.lit_chall_3_columns img { width: 15em; }
.gap_img_wrapper {}
.lit_gap_title { text-align: center; font-size: 3rem; width: 100%;}
.succ_gap_title { text-align: center; font-size: 3rem; width: 100%;}
.work_gap_title { text-align: center; font-size: 3rem; width: 100%;}
.gap__descriptions { text-align: center; font-size: 2rem; width: 100%;}
.literay_vector_graphic_wrapper {}
.literacy_vector_graphic { display: none;}


}


@media screen and (min-height: 1024px) and (min-width: 768px) and (orientation: portrait) {

}

@media screen and (max-width: 48em) {
.lit_chall_title_desc {}
.lit_chall_title_desc h2 { margin-right: 0em; font-size: 3rem;}
.lit_chall_title_desc p { padding-right: 0%; }
.lit_chall_3_columns { width: 100% !important; }
.lit_chall_3_columns img { width: 15em; }
.gap_img_wrapper {}
.lit_gap_title { padding-left: 0.5em; padding-right: 0em;}
.succ_gap_title { padding-left: 0.5em; padding-right: 0em;}
.work_gap_title { padding-left: 0.5em; padding-right: 0em;}
.gap__descriptions { padding-right: 0em; padding-left: 0.9em;}
.literay_vector_graphic_wrapper {}
.literacy_vector_graphic { display: none;}
}.gap_by_num {
    height: 70em;
}
.gap_by_num_title {
    color: white;
    font-weight: bold;
text-transform: uppercase;
    font-size: 4rem;
}
.gap_by_num_desc {
	color: white;
    font-size: 32px;
    margin-top: -0.5em;
}
.Count {
    font-size: 128px;
    text-align: center;
    color: white;
    margin-top: 0em;
    font-weight: bold;
}
.per_cent_counter {
	font-size: 128px;
    text-align: center;
    color: #333333;
    position: absolute;
    margin-left: 3.1em;
    margin-top: -1.4em;
font-weight: bold;
}
.count-box:nth-child(4)>.per_cent_counter{
	margin-left: 2.8em;
}
.count-box:nth-child(5)>.per_cent_counter {
	margin-left: 3.2em;
}
.increase_desc {
    font-size: 30px;
    padding-left: 27%;
    padding-right: 15%;
    margin-top: -1em;
    color: white;
}
.btm_half_black {
    color: #333333 !important;
}
.right__border {
    border-right: 2px dotted white;
}
.white__text {color: white;}





@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {  
#gaps__container {
height: 91em;
min-height: auto !important;
}
.count-box {
	width: 100% !important;
border: none;
	
}
.gap_by_num {}
.gap_by_num_title { font-size: 4em; }
.gap_by_num_desc {}
.Count { font-size: 6rem; }
.per_cent_counter {     margin-left: 0em; font-size: 4rem; margin-top: -1.8em;    padding-left: 8.5em;} 
.increase_desc {font-size: 2rem;
    padding-left: 0em;
    padding: 0em;
    margin: 0;
    text-align: center;}
.btm_half_black {}
.right__border {}
.white__text {}
.count-box:nth-child(4)>.per_cent_counter{
	margin-left: unset;padding-left: 8.5em
}
.count-box:nth-child(5)>.per_cent_counter {
	margin-left: unset;padding-left: 8.5em
}


}


@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) {  

#gaps__container {

    height: max-content;

min-height: auto !important;
}
.count-box {
	width: 100% !important;
border: none;
	
}
.gap_by_num {}
.gap_by_num_title { font-size: 3em !important; }
.gap_by_num_desc {}
.Count { font-size: 6rem !important; }
.per_cent_counter {     margin-left: 0em !important; font-size: 4rem !important; margin-top: -1.8em !important;    padding-left: 6.5em !important;} 
.increase_desc {font-size: 2rem !important;
    padding-left: 0em !important;
    padding: 0em !important;
    margin: 0 !important;
    text-align: center !important;}
.btm_half_black {}
.right__border {}
.white__text {}


}

@media screen and (max-width: 48em) {
#gaps__container {

}
.count-box:nth-child(4)>.per_cent_counter{
	margin-left: 6.25em;
}
.count-box:nth-child(5)>.per_cent_counter {
	margin-left: 6.25em;
}
.count-box {
	width: 100% !important;
	
}
.gap_by_num {font-size: 2rem;}
.gap_by_num_title {font-size: 3rem;}
.gap_by_num_desc {}
.Count { font-size: 5rem; }
.per_cent_counter {       margin: 0;
    font-size: 2rem;
    margin-left: 6.25em;
    margin-top: -2.5em;} 
.increase_desc { padding: 0;
    margin: 0;}
.btm_half_black {}
.right__border {border-right: 0;}
.white__text {}
}.lit_gap_icon_wrapper {
    text-align: center;
}
.lit_gap_icon {
    width: 13em;
margin-bottom: 2em;
}
.lit_gap_section_title {
	font-size: 3vw;
    color: #20b8af;
    margin-top: -1.5em;
    letter-spacing: 0.04em;
    margin-left: 1em;
    margin-bottom: 1em;
text-transform: uppercase;
line-height: 1em;
}
.lit_gap_section_description {
    font-size: 22px;
    margin-left: 2em;
    padding-right: 0em;
    margin-top: -1.5em;
}
.lit_gap_graph {
    width: 56vw;
    margin-top: 4em;
    margin-left: 5em;
}
.lit_gap_UL {
    margin-left: 7em;
    font-size: 18px;
    list-style: none;
}
.lit_gap_li {
font-size: 22px;
}
.lit_gap_li:before {
    content: "• ";
    color: #20b8af;
}
.lit_gap_graph_title {
    font-size: 28px;
    color: #20b8af;
    text-align: center;
    margin-bottom: -0.5em;

}
.lit_gap_graph_subtext {
    font-size: 16px;
    text-align: center;
    margin-bottom: -2em;
}
.hr__styling {
    width: 100%;
    border-top: 0px;
    border-bottom: 2px dotted #20b8af !important;
}

.lit_gap_inhibits_graph_title {
    text-align: center;
    font-size: 1.24vw;
    color: #20b8af;
    padding-left: 12em;
    padding-right: 12em;
    margin-bottom: 0em;
}
.lit_gap_inhibits_graph {
    width: 56vw;
}
.lit_gap_inhibits_title {
    margin-top: 2em;
    font-size: 50px;
    color: #20b8af;
text-transform: uppercase;
line-height: 1em;
}
.lit_gap_inhibits_desc {

font-size: 22px;
}



/* ipad pro */
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {   
#lit__gap__sec_1 {
	width: 100% !important;
}
#lit__gap__sec_2 {
	width: 100% !important;
}
#lit__gap__sec_3 {
	width: 100% !important;
}
#lit__gap__sec_4 {
	width: 100% !important;
}
.lit_gap_icon_wrapper { margin0left: 0em;}
.lit_gap_icon { width: 15em}
.lit_gap_section_title { font-size: 3rem; margin-left: 0em;}
.lit_gap_section_description { margin-left: 0em; font-size: 2rem;}
.lit_gap_graph { width: 54em;
    margin: 0 auto;
    display: block;
    margin-top: 5em;} 
.lit_gap_UL { margin-left: 0em; }
.lit_gap_li { font-size: 2rem;}
.lit_gap_li:before {}
.lit_gap_graph_title { font-size: 2.5rem;}
.lit_gap_graph_subtext {     font-size: 2rem;}
.hr__styling {}
.lit_gap_inhibits_graph_title {    font-size: 2rem; padding-left: 0em; padding-right: 0em;}
.lit_gap_inhibits_graph {width: 54em;
    margin: 0 auto;
    display: block;
    margin-top: 5em;}
.lit_gap_inhibits_title { margin-top: 1em;
font-size: 3rem;
}
.lit_gap_inhibits_desc {font-size: 2rem;}



}


/* ipad */

@media screen and (min-height: 1024px) and (min-width: 768px) and (orientation: portrait) {

.lit_gap_graph { display: block; margin: 0 auto; width: 35em !important; margin-top: 4em;} 

.lit_gap_inhibits_graph {display: block; margin: 0 auto; width: 35em !important; margin-top: 4em;}

}





/* Mobile */

@media screen and (max-width: 48em) {
#lit__gap__sec_1 {
	width: 100% !important;
}
#lit__gap__sec_2 {
	width: 100% !important;
}
#lit__gap__sec_3 {
	width: 100% !important;
}
#lit__gap__sec_4 {
	width: 100% !important;
}
.lit_gap_icon_wrapper { margin0left: 0em;}
.lit_gap_icon { width: 15em}
.lit_gap_section_title { font-size: 2rem; margin-left: 0em;}
.lit_gap_section_description { margin-left: 0em;}
.lit_gap_graph { display: block; margin: 0 auto; width: 18em; margin-top: 4em;} 
.lit_gap_UL { margin-left: 0em; }
.lit_gap_li { font-size: 1.5rem;}
.lit_gap_li:before {}
.lit_gap_graph_title { font-size: 1.5rem;}
.lit_gap_graph_subtext {     font-size: 1rem;}
.hr__styling {}
.lit_gap_inhibits_graph_title {font-size: 1rem; padding-left: 0em; padding-right: 0em;}
.lit_gap_inhibits_graph {display: block; margin: 0 auto; width: 18em; margin-top: 4em;}
.lit_gap_inhibits_title { margin-top: 1em;
font-size: 2rem;}
.lit_gap_inhibits_desc {}
}
.succ_gap_case_icon_wrapper {
    text-align: center;
}
.succ_gap_case_icon {
	width: 16em;
}
.succ_gap_case_title{
    font-size: 2.85vw;
    margin-top: -1em;
    margin-left: 2em;
    margin-bottom: 1em;
    color: #0cc1ee;
text-transform: uppercase;
line-height: 1em;
}
.succ_gap_case_desc {
	font-size: 22px;
    margin-left: 5em;
    padding-right: 0em;
    margin-top: -1.5em;
}
.succ_gap_UL {
    margin-left: 5em;
    font-size: 1.22vw;
    list-style: none;
}
.succ_gap_UL>li:before {
    content: "•";
    color: #0cc1ee;
    margin-right: 0.5em;
}
.succ_gap_graph_title {
	font-size: 1.24vw;
    margin-left: 18em;
    color: #0cc1ee;
    text-align: center;
    margin-right: 18em;
    margin-bottom: -1em;
}
.succ_gap_graph {
	width: 56vw;
    margin-top: 4em;
    margin-left: 5em;
}


@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {   
#succ__gap__sec1 {width: 100% !important;}
#succ__gap__sec2 { width: 100% !important;}
.succ_gap_case_icon_wrapper {}
.succ_gap_case_icon {}
.succ_gap_case_title { font-size: 3rem; margin-lefT: 0em; margin-right: 0em; margin-bottom: 1em;}
.succ_gap_case_desc { margin-left: 0em; margin-top: 0em; font-size: 2rem;}
.succ_gap_UL { margin-left: 0em; font-size: 2rem;}
.succ_gap_UL>li{font-size: 2rem;}
.succ_gap_graph_title { font-size: 2rem; margin-left: 0em; margin-right: 0em;}
.succ_gap_graph { width: 53em; margin: 0 auto; display: block; margin-top: 2em;}



}

@media screen and (min-height: 1024px) and (min-width: 768px) and (orientation: portrait) {
#succ__gap__sec1 {width: 100% !important;}
#succ__gap__sec2 { width: 100% !important;}
.succ_gap_case_icon_wrapper {}
.succ_gap_case_icon {}
.succ_gap_case_title { font-size: 3rem; margin-lefT: 0em; margin-right: 0em; margin-bottom: 1em;}
.succ_gap_case_desc { margin-left: 0em; margin-top: 0em; font-size: 2rem;}
.succ_gap_UL { margin-left: 0em; font-size: 2rem;}
.succ_gap_UL>li{font-size: 2rem;}
.succ_gap_graph_title { font-size: 2rem; margin-left: 0em; margin-right: 0em;}
.succ_gap_graph { width: 35em !important; margin: 0 auto !important; display: block; margin-top: 2em;}


}






@media screen and (max-width: 48em) {
#succ__gap__sec1 {width: 100% !important;}
#succ__gap__sec2 { width: 100% !important;}
.succ_gap_case_icon_wrapper {}
.succ_gap_case_icon {}
.succ_gap_case_title { font-size: 2rem; margin-lefT: 0em; margin-right: 0em; margin-bottom: 1em;}
.succ_gap_case_desc { margin-left: 0em; margin-top: 0em;}
.succ_gap_UL { margin-left: 0em;}
.succ_gap_UL>li:before {}
.succ_gap_graph_title { font-size: 1rem; margin-left: 0em; margin-right: 0em;}
.succ_gap_graph { width: 18em; margin-left: 0em;}
}

.workforce_gap_icon_wrapper {
    text-align: center;
}
.workforce_gap_icon {
    width: 18vw;
}
.workforce_gap_title{
    font-size: 3vw;
    margin-top: -2em;
    text-align: left;
    color: #e21453;
    margin-left: 2.4em;
    margin-right: 1em;
    text-transform: uppercase;
    line-height: 1em;
}
.workforce_gap_desc {
    padding-left: 6em;
    font-size: 1.24vw;
    padding-right: 4em;
}

.testestest {
    width: 40em;
}
.workforce_gap_image_wrapper {
	text-align: center;

    margin-bottom: 2em;
}
.workforce_gap_image_wrapper>img {
	width: 35em;
    margin-top: -4em;
}


@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) {  
.workforce_gap_image_wrapper>img {


width: 35em !important;
}
}
@media screen and (max-width: 48em) {
#workforce__gap__sec1 { width: 100% !important;}
#workforce__gap__sec2 { width: 100% !important;}
.workforce_gap_icon_wrapper {}
.workforce_gap_icon { width: 16em;}
.workforce_gap_title {font-size: 2rem; margin-left: 0em; margin-right: 0em;}
.workforce_gap_desc { font-size: 1.2rem; padding-left: 0em; padding-right: 0em;}
.testestest {}
.workforce_gap_image_wrapper {}
.workforce_gap_image_wrapper>img {width: 17em;}
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {   
#workforce__gap__sec1 { width: 100% !important;}
#workforce__gap__sec2 { width: 100% !important;}
.workforce_gap_icon_wrapper {}
.workforce_gap_icon { width: 26em;}
.workforce_gap_title {font-size: 3rem; margin-left: 0em; margin-right: 0em;}
.workforce_gap_desc { font-size: 2rem; padding-left: 0em; padding-right: 0em;     text-align: center;}
.testestest {}
.workforce_gap_image_wrapper {}
.workforce_gap_image_wrapper>img {    width: 48em;}
}.clock_icon_wrapper {
    text-align: center;
}
.clock_top_icon {
    width: 14em;
    margin-left: -22em;
}
.time_left_sec{
    border-right: 4px dotted white;
    border-bottom: 4px dotted white;
}
.time_title {
	font-size: 3rem;
    color: white;
    font-weight: bold;
text-transform: uppercase;
line-height: 1em;
}
.time_desc {
    padding-right: 1em;
    font-size: 1.25rem;
    color: white;
}
.time_UL {
	list-style: none;
    font-size: 1vw;
    color: white;
    margin-left: -1em;
    margin-right: 2em;
}
.time_UL>li {
    margin-bottom: 2em;
}
.time_UL>li:before {
    content: "•";
    color: white;
    margin-right: 0.5em;
}
.time_right_sec {
    border-bottom: 4px dotted white;
}
.time_right_title {
    font-size: 4vw;
    color: white;
    margin-top: 1em;
    padding-left: 1em;
    line-height: 1em;
}
.beable_logo_icon {
    width: 27em;
}
.time_sub_title {
    font-size: 1.85vw;
    margin-left: 1em;
    color: white;
}
.time_sub_description {
    color: white;
    margin-left: 1.75em;
    font-size: 1vw;
    margin-bottom: 4em;
}




@media screen and (min-height: 1024px) and (min-width: 768px) and (orientation: portrait) {

#time__gap__full {
	background-position-x: 34%;
}
#time__gap__sec1, #time__gap__sec2, #time__gap__sec3, #time__gap__sec4 {
width: 100% !important;
border: none;
}
.clock_icon_wrapper {} 
.clock_top_icon { margin-left: 0em;} 
.time_left_sec {}
.time_title { font-size: 3rem;}
.time_desc {padding-right: 0em; font-size: 2rem;}
.time_UL {padding-top: 1em;}
.time_UL>li {font-size: 2rem;}
.time_UL>li:before {} 
.time_right_sec {}
.time_right_title {font-size: 3rem; margin-left: 0em; margin-top: 0em;}
.beable_logo_icon {    width: 30em;
    display: block;
    margin: 0 auto;}
.time_sub_title {font-size: 2rem; margin-left: 0em;}
.time_sub_description {font-size: 2rem; margin-left: 0em;}

}

@media screen and (max-width: 48em) {
#time__gap__full {
	background-position-x: 34%;
}
#time__gap__sec1, #time__gap__sec2, #time__gap__sec3, #time__gap__sec4 {
width: 100% !important;
border: none;
}
.clock_icon_wrapper {} 
.clock_top_icon { margin-left: 0em;} 
.time_left_sec {}
.time_title { font-size: 2rem;}
.time_desc {padding-right: 0em; font-size: 1rem;}
.time_UL {}
.time_UL>li {}
.time_UL>li:before {} 
.time_right_sec {}
.time_right_title {font-size: 2rem; margin-left: 0em;}
.beable_logo_icon { width: 16em;}
.time_sub_title {font-size: 2rem; margin-left: 0em;}
.time_sub_description {font-size: 1rem; margin-left: 0em;}
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 
#time__gap__full {
	background-position-x: 34%;
}
#time__gap__sec1, #time__gap__sec2, #time__gap__sec3, #time__gap__sec4 {
width: 100% !important;
border: none;
}
.clock_icon_wrapper {} 
.clock_top_icon { margin-left: 0em;} 
.time_left_sec {}
.time_title { font-size: 3rem;}
.time_desc {padding-right: 0em; font-size: 2rem;}
.time_UL {padding-top: 1em;}
.time_UL>li {font-size: 2rem;}
.time_UL>li:before {} 
.time_right_sec {}
.time_right_title {font-size: 3rem; margin-left: 0em; margin-top: 0em;}
.beable_logo_icon {    width: 30em;
    display: block;
    margin: 0 auto;}
.time_sub_title {font-size: 2rem; margin-left: 0em;}
.time_sub_description {font-size: 2rem; margin-left: 0em;}

}.about__parter_box {
	margin-top: 2em;
    background-color: white;
    box-shadow: 0px 0px 20px 0px rgb(132, 132, 132);
    padding-bottom:1em;
}
#partners__full_wrapper{
padding-top: 4em !important;
    margin-bottom:calc(88px + 2em)
}
.partner_image_wrapper {
    margin-left: 14em;
    margin-right: 3em;
}
.partner_image {
    width: 227px;
    margin-top: 2em;
}
.partner_title {
    margin-top: 0.5em;
    font-size: 2.5vw;
    font-weight: bold;
    color: #3398cc;
}
.parner_desc {
	font-size: 1vw;
    margin-right: -3em;
    color: #333333;
    margin-top: 0em;
}
.title_desc_partner {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 37em;
margin-left: 8em;
}
.top_left_tri_color {
    position: absolute;
}
.top_left_tri_image {
}




/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
 .partner_title {    font-size: 3rem;}
.parner_desc {    font-size: 1.3rem;}
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 
.about__parter_box   {
	height: auto;
	}
.partner_image_wrapper {
	margin-left: 0em;
    margin-right: 0em;
    z-index: 1;
}
.partner_image  {
    z-index: -5;
width: 100%;
}
.partner_title {
    font-size: 2rem;
float: none !important;
padding-left: 1em;
}
.parner_desc {
	font-size: 2rem;
float: right;
padding-left: 1em;
}
.title_desc_partner {
	width: 50%;
    z-index: 2;
margin-left: 0em;
}
.top_left_tri_color {}
.top_left_tri_image {}
}
@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 
.about__parter_box   {
	height: auto;
	}
.partner_image_wrapper {
	margin-left: 0em;
    margin-right: 0em;
    z-index: 1;
}
.partner_image  {
    z-index: -5;
width: 100%;
}
.partner_title {
    font-size: 2rem;
float: none !important;
padding-left: 1em;
}
.parner_desc {
	font-size: 2rem;
float: right;
padding-left: 1em;
}
.title_desc_partner {
	width: 50%;
    z-index: 2;
margin-left: 0em;
}
.top_left_tri_color {}
.top_left_tri_image {}

}


@media screen and (max-width: 48em) {
.about__parter_box   {
	height: auto;
	}
.partner_image_wrapper {
	margin-left: 0em;
    margin-right: 0em;
    z-index: 1;
}
.partner_image  {
    z-index: -5;
width: 100%;
}
.partner_title {
    font-size: 1.5rem;
    float: right;
}
.parner_desc {
	font-size: 0.8rem;
float: right;
}
.title_desc_partner {
	width: 50%;
    z-index: 2;
margin-left: 0em;
}
.top_left_tri_color {}
.top_left_tri_image {}
}#approach__full {
padding-bottom: 5em;
}
.approach__main {

}
.approach__ar_white {
float: right;
    margin-top: 5px;
    margin-left: 1em;
}
.approach_main_title {
	font-size: 3em;
    font-weight: bolder;
    color: #3398cc;
    margin-right: 7em;
    text-transform: uppercase;
line-height: 1em;
}
.approach_main_desc {
	font-size: 20px;
    margin-right: 12em;
}
.approach_box {
	background-color: #23a4dd;
    width: 30%;
    margin-right: 2em;
    padding: 3em;
    height: 42em;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.45);
    -webkit-transition: 0.3s background-color;
    transition:0.3s background-color;
}
.approach_box:hover {
    background-color: #0090dd;
}
.black__approach_title {
    font-size: 1.8em;
color: #2e4154;
    font-weight: bold
}
.approach__subtitle {
    color: white;
    font-size: 1.6em;
}
.approach__description {
    font-size: 1.4em;
    color: white;
}
.approach_box>img {
    width: 10em;
    margin-left: 4em;
    position: absolute;
}
.learn__more_cta_approach {
	font-size: 1.5vw;
    color: white;
    position: absolute;
    bottom:1em;
}
.learn__more_cta_approach a {
	color: white;
}
.learn__more_cta_approach a:hover {
	-webkit-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
	color: #333333;
}

.approach_box_content_wrapper {
    margin-top: 11em;
}
.right__arrow_white {
    position: absolute;
margin-top: -0.1em;
}
.approach__boxes {
	padding-top: 7em;
}

@media screen and (max-width: 47.938em) {
.approach__main {

}
.approach_main_title {
    font-size: 2rem;
    font-weight: bolder;
    color: #3398cc;
    margin-right: 0em;
    text-transform: uppercase;
}
.approach_main_desc {
font-size: 1.2rem;
    margin-right: 0em;
}
.approach_box {
    background-color: #23a4dd;
    width: 100%;
    margin-right: 0em;
    padding: 1em;
    margin-top: 2em;
    height: 307px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.45);
}
.black__approach_title {
    font-size: 1rem;
    font-weight: bold
}
.approach__subtitle {
    color: white;
    font-size: 0.9rem;
    font-weight: bold;
}
.approach__description {
    font-size: 0.8rem;
    color: white;
}
.approach_box>img {
    width: 7em;
    margin-left: 9em;
    position: absolute;
}
.learn__more_cta_approach {
    font-size: 1rem;
    color: white;
    position: absolute;
    margin-top: 10em;
}
.learn__more_cta_approach a {
	color: white;
}
.approach_box_content_wrapper {
    margin-top: 6em;
}
.right__arrow_white {
    position: absolute;
}
.approach__boxes {
	padding-top: 7em;
}
.approach__ar_white {

margin-top: -5px;
}
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 

.approach__main {

}
.approach_main_title {
    font-size: 4rem;
    font-weight: bolder;
    color: #3398cc;
    margin-right: 0em;
    text-transform: uppercase;
}
.approach_main_desc {
font-size: 2rem;
    margin-right: 0em;
}
.approach_box {
    background-color: #23a4dd;
    width: 100%;
    margin-right: 0em;
    padding: 1em;
    margin-top: 2em;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.45);
}
.black__approach_title {
    font-size: 3rem;
    font-weight: bold
}
.approach__subtitle {
    color: white;
    font-size: 2rem;
    font-weight: bold;
}
.approach__description {
    font-size: 1.7rem;
    color: white;
}
.approach_box>img {
    width: 15em;
    position: relative;
    margin: 0 auto;
    display: block;
}
.learn__more_cta_approach {
    font-size: 2rem;
    color: white;
    position: absolute;
    margin-top: 9em;
}
.learn__more_cta_approach a {
	color: white;
}
.approach_box_content_wrapper {
    height: 23em;
margin-top: 0em;
}
.right__arrow_white {
    position: absolute;
}
.approach__boxes {
	padding-top: 7em;
}


}

@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 
.approach__main {

}
.approach_main_title {
    font-size: 4rem;
    font-weight: bolder;
    color: #3398cc;
    margin-right: 0em;
    text-transform: uppercase;
}
.approach_main_desc {
font-size: 2rem;
    margin-right: 0em;
}
.approach_box {
    background-color: #23a4dd;
    width: 100%;
    margin-right: 0em;
    padding: 1em;
    margin-top: 2em;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.45);
}
.black__approach_title {
    font-size: 3rem;
    font-weight: bold
}
.approach__subtitle {
    color: white;
    font-size: 2rem;
    font-weight: bold;
}
.approach__description {
    font-size: 1.7rem;
    color: white;
}
.approach_box>img {
    width: 15em;
    position: relative;
    margin: 0 auto;
    display: block;
}
.learn__more_cta_approach {
    font-size: 2rem;
    color: white;
    position: absolute;
    margin-top: 10em;
}
.learn__more_cta_approach a {
	color: white;
}
.approach_box_content_wrapper {
    height: 23em;
margin-top: 0em;
}
.right__arrow_white {
    position: absolute;
}
.approach__boxes {
	padding-top: 7em;
}


}.beable_contact__title {
    font-size: 3vw;
    font-weight: bold;
    color: #23a4dd;
}
.beable_contact__desc {
    font-size: 1.5vw;
    padding-right: 7em;
    padding-bottom: 3em;
}

.contact__left_content {
    padding-left: 10.5em;
    border-bottom: 2px dotted white;
    padding-right: 10em;
}
.contact__right_form {
    background-color: transparent;
}
.contact__left_title {
    font-size: 2vw;
    color: white;
}
.contact__left_desc {
    font-size: 1.2vw;
    color: white;
    padding: .4em 0;
}
body {
    background-color: whitesmoke;
}
.learn_more_contactar {
    float: none;
    /* margin-top: -2.5em; */
    /* margin-left: 16em; */
    display: inline-block;
    margin-left: 10px;
    top: 5px;
    position: relative;
}
.contact__form_title {
    font-size: 1.5vw;
    color: #23a4dd;
    margin-left: 5.5em;
}
.contact__left_phone {
	font-size: 1.2vw;
}
@media screen and (max-width: 48em) {
.beable_contact__title {font-size: 3rem;}
.beable_contact__desc {font-size: 1rem;
    padding-right: 0em;}
.contact__left_content {        padding-left: 1em;
    padding-right: 1em;}
.contact__right_form {width: 100% !important;
}
.contact__left_title {font-size: 2rem;}
.contact__left_desc {font-size: 1rem;}
.contact__form_title {font-size: 2rem;
    margin-left: 0em;}
.contact__left_phone {    font-size: 1rem;}
.contact__left_blue {width: 100% !important;}
#contact__intro__content {width: 100% !important;}

}
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {  

.beable_contact__title {font-size: 4rem;}
.beable_contact__desc {font-size: 2rem;
    padding-right: 0em;}
.contact__left_content {        padding-left: 1em;
    padding-right: 1em;}
.contact__right_form {width: 100% !important;
}
.contact__left_title {font-size: 3rem;}
.contact__left_desc {    font-size: 2rem;}
.contact__form_title {font-size: 2rem;
    margin-left: 0em;}
.contact__left_phone {    font-size: 2rem;}
.contact__left_blue {width: 100% !important;}
#contact__intro__content {width: 100% !important;}
.contact__left_desc>a>i {
margin-left: 1em;
}
}.contact__title {
    margin-left: 18em;
    margin-top: 2em;
    color: white;
    font-size: 3em;
}
.contact__hero {
    background-size: cover;
    height: 15em;
}
@media screen and (max-width: 48em){
.contact__hero {

}

.contact__title {
    margin-left: 0em;
    margin-top: 1em;
    text-align: center;
}

}
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 

.contact__title {
margin-left: 0em;
    margin-top: 2em;
    text-align: center;
padding-right: 10em;
}
}.beable_research__title {
    font-size: 3vw;
    font-weight: bold;
    color: #23a4dd;
}
.beable_research__desc {

}
.research__left_title {
    font-size: 1.75vw;
    font-weight: bold;
    color: white;
    padding-left: 1em;

}
.research__left_desc {
    font-size: 1.25vw;
}
.pink_left__UL {
    color: white;
    font-size: 1.25vw;
}
.pink_li {
    margin-bottom: 1em;
}
.paper_download_wrapper {
	text-align: center;
}
.research__paper_download_img {
	width: 18em;
}
.research__left_content {
    padding-left: 10.5em;
    padding-right: 10em;
}#why__work__full {
    margin-bottom:calc(88px + 2em);
}
.why_work_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.why_work_wrapper > .why_work_box{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    margin-left: 1em;
    margin-right: 1em;
	height: 14em;
	margin-top: -7em;
}
.why_work_title {
    font-size: 2.75vw;
    color: #23a4dd;
    font-weight: bold;
    text-transform: uppercase;
}
.why_work_box {
    width: 49%;
    margin-top: 2em;
    padding: 2em;
}

.why_work_box_title {
    font-weight: bold;
    font-size: 1.75vw;
    color: white;
    margin-top: -0.15em;
    text-transform: uppercase;
}
.why_work_box_description {
    font-size: 1.10vw;
    color: white;
}



@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
.why_work_wrapper {    margin-top: 13em;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    -ms-grid-row-align: unset;
    align-items: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    height: 34em;
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;}
.why_work_wrapper > .why_work_box {width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0em;
    padding: 1em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
	    margin-top: 1em;
}
.why_work_title {font-size: 4rem;
    padding-top: 2em;}
.why_work_box_title { font-size: 2rem;}
.why_work_box_description {font-size: 2rem;}
#why__work__full {
height: 66em !important;
}

 }


 @media screen and (orientation: portrait) and (min-width: 768px) and (max-height: 1024px){ .why_work_wrapper {    margin-top: 5em;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    -ms-grid-row-align: unset;
    align-items: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    height: 34em;
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;}
.why_work_wrapper > .why_work_box {width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0em;
    padding: 1em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
	    margin-top: 1em;
}
.why_work_title {font-size: 4rem;
    padding-top: 0em;}
.why_work_box_title { font-size: 2rem;}
.why_work_box_description {font-size: 2rem;}
#why__work__full {
height: 86em !important;
}}

@media screen and (max-width: 48em) {
.why_work_wrapper {    
    -webkit-box-align: unset;    
    -ms-flex-align: unset;    
    -ms-grid-row-align: unset;    
    align-items: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;}
.why_work_wrapper > .why_work_box {width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0em;
    padding: 1em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
	    margin-top: 1em;
}
.why_work_title {font-size: 2rem;}
.why_work_box_title { font-size: 2rem;}
.why_work_box_description {font-size: 1rem;}
#why__work__full {
height: auto !important;
}
}.large_quote_container {
    padding: 8em;
}
.large_quote {
    font-size: 2.5vw;
    text-align: center;
}
.large_quote_author {
    font-size: 1.25vw;
}

@media screen and (max-width: 48em){
.large_quote_container {    padding: 0em;}
.large_quote {    font-size: 2rem;}
.large_quote_author {font-size: 1.5rem;}
}
 @media screen and (orientation: portrait) and (min-width: 1024px) and (max-height: 1366px){
.large_quote {    font-size: 3rem;}
.large_quote_author {font-size: 2.5rem;}
 }#women_purpose_left {
    padding: 4em;
}
.women_purpose_owned_title {
	font-size: 2.79vw;
    font-weight: bold;
    color: #e21453;
    text-transform: uppercase;
	line-height: 1em;
}
.women_purspose_owned_desc {
    font-size: 1.2rem;
	color: #333;
}
#women_purpose__right {

}
.women_purpose_right_img {
    width: 30em;
    margin-top: 7vw;
    margin-left: 7vw;
}


@media screen and (max-width: 48em) {

#women_purpose_left { 
	width: 100%; 
	margin-top: 20em;
    padding:0em 2em;
}
.women_purpose_owned_title {
	font-size: 2rem;
}
.women_purspose_owned_desc {

}


#women_purpose_right {    
	position: absolute;
}


.women_purpose_right_img {     
width: 18em;
    margin: 0 auto;
    margin-top: 2em;
}
}

/* iPad PRO media query */ 
@media screen and (orientation: portrait) and (min-width: 1024px) and (max-height: 1366px){
#women_purpose_left { 
	width: 100%; 
	margin-top: 20em;
}
.women_purpose_owned_title {
	font-size: 4rem;
}
.women_purspose_owned_desc {
    font-size: 2rem;
}


#women_purpose_right {    
	position: absolute;
}


.women_purpose_right_img {     
	width: 18em;
}

}#right_slant_section {
    -webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    background-position-y: -5em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.right_slant_wrapper {
    min-height:63em;
}
.vector_graphic_1 {
    position: absolute;
    width: 75em;
    margin-left: 25vw;
    margin-top: -12vw;
}
.slant-content-wrapper {
	max-width: 40em;
    margin-left: 55vw;
    padding:12em 0;
}
.right_slant_title {
    font-size: 3rem;
    color: white;
    font-weight: bold;
	    text-transform: uppercase;
}
.right_slant_content {
    font-size: 1.35rem;
    color: white;
}
@media screen and (max-width: 48em) {
#right_slant_section { clip-path: none;}

.right_slant_wrapper { 
	padding: 0 !important;
    height: fit-content;
    margin-bottom: 8em !important;
}
.vector_graphic_1 {display: none;}
.slant-content-wrapper {
    margin-left: 0em;
    position: relative;
    margin-top: 0em;
    padding: 3em;
    text-shadow: 1px 1px black;
}

.right_slant_title {}
.right_slant_content {}
}


 @media screen and (orientation: portrait) and (min-width: 1024px) and (max-height: 1366px){
#right_slant_section { clip-path: none;}

.right_slant_wrapper { 
	padding: 0 !important;
    height: fit-content;
    margin-bottom: 8em !important;
}
.vector_graphic_1 {display: none;}
.slant-content-wrapper {
    margin-left: 30em;
    position: relative;
    margin-top: 0em;
    padding: 3em;
}

.right_slant_title {
font-size: 3rem;}
.right_slant_content {font-size: 2rem;}

}


 @media screen and (orientation: portrait) and (min-width: 768px) and (max-height: 1024px){
#right_slant_section { clip-path: none;}

.right_slant_wrapper { 
	padding: 0 !important;
    height: fit-content;
    margin-bottom: 8em !important;
}
.vector_graphic_1 {display: none;}
.slant-content-wrapper {
    position: relative;
    margin-top: 0em;
    width: 100%;
    text-shadow: 0px 0px 20px black;

}

.right_slant_title {
font-size: 3rem;}
.right_slant_content {font-size: 2rem;}


}.slick-dots {
bottom: 12em !important;
}
    .slant_slider__outer .slick-active {
        opacity: .5;
    }
    
    .slant_slider__outer .slick-track {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
    }

    .slant_slider__outer .slick-slide {
      height: inherit !important;
    }    
    
    .slant_slider__outer .slick-current {
        opacity: 1;
    }
    
    .slant_slider__outer .slick-prev,
    .slant_slider__outer .slick-next {
        display:none !important;
    }
    
    .slant_slider__outer .employee_name {
        font-size: 3em;
        font-weight: bold;
        color: white;
    }
    
    .slant_slider__outer .employee_role {
        font-size: 2em;
        font-weight: bold;
        color: white;
    }
    
    body {
        /*overflow-x:hidden !important;*/
    }
    
    .slant_slider__outer .employee_quote {
        font-size: 1.5rem;
        color: white;
        width: 25em;
    }
    
    .slant_slider__outer {
        -webkit-clip-path: polygon(0 10em, 100% 0, 100% 100%, 0 85%);
        clip-path: polygon(0 10em, 100% 0, 100% 100%, 0 85%);
        margin-top:-8em;
        background: -webkit-linear-gradient(left, rgba(35,164,221,1) 9%, rgba(35,221,189,1) 50%, rgba(35,221,189,1) 100%);
        background: linear-gradient(90deg, rgba(35,164,221,1) 9%, rgba(35,221,189,1) 50%, rgba(35,221,189,1) 100%);
    }
    
    .slant_slider__outer .slide__background,
    .slant_slider__outer .slide__overlay {
        width:100%;
        height:100%;
        overflow:hidden;
        position:absolute;
        top:0;
        left:0;
    }
    
    .slant_slider__outer .slide__background {
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
        z-index:0;
    }
    
    .slant_slider__outer .slide__overlay {
        z-index:10;
        background: rgb(35,164,221);
        background: -webkit-linear-gradient(left, rgba(35,164,221,1) 9%, rgba(35,221,189,1) 50%, rgba(35,221,189,0) 65%);
        background: linear-gradient(90deg, rgba(35,164,221,1) 9%, rgba(35,221,189,1) 50%, rgba(35,221,189,0) 65%);
    }
    
    .slant_slider__outer .slant_slide__inner {
        position:relative;    
        display: inline-block;
        height: 100%;
        top: 0;
        vertical-align: top;
        width: 100%;
    }
    
    .slant_slider__outer .slant_slider__vector {
        height:100vw;
        position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%, -50%) rotate(0deg);
        transform:translate(-50%, -50%) rotate(0deg);
        -webkit-transition: 1s transform;
        transition:1s transform;
    }
    
    .slant_slider__outer .slide__content {
        position:relative;
        z-index:15;
    }
    
    .slant_slider__outer .slide__content > .tri {
        padding:12em 0;
    }
    
    .slant_slider__outer .slick-dots {    
        bottom: 8em !important;
    }

@media screen and (max-width: 1380px) {
     .slant_slider__outer .slide__content {
         padding-left:2em;
     }
}
@media screen and (max-width: 48em) {
    .slant_slider__outer {
	-webkit-clip-path: none;
	clip-path: none;
	min-height: auto;
	height: 40em;
	background: unset;
	margin-top: 0em;
}
	.slant_slider__outer .employee_quote {
		width: 100%;
    		font-size: 1rem;
	}
#mobile__content {
	padding: 1em;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
}
.slant_slider__outer .slick-dots {
    bottom: 1.5em !important;
}
.slant_slider__outer .slide__content {
	height: 40em;
}
}


@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {

    .slant_slider__outer {
	-webkit-clip-path: none;
	clip-path: none;
	min-height: auto;
	height: max-content;
	background: unset;
	margin-top: 0em;
}
	.slant_slider__outer .employee_quote {
		width: 100%;
    		font-size: 2rem;
	}
#mobile__content {
	padding: 1em;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
}
.slant_slider__outer .slick-dots {
    bottom: 1.5em !important;
}
.slant_slider__outer .slide__content {
	height: max-content;
}
.employee_name {font-size: 3rem;}
.employee_role {}
.employee_quote {font-size: 2rem;}
 }


 @media screen and (orientation: portrait) and (min-width: 768px) and (max-height: 1024px){

    .slant_slider__outer {
	-webkit-clip-path: none;
	clip-path: none;
	min-height: auto;
	height: max-content;
	background: unset;
	margin-top: 0em;
}
	.slant_slider__outer .employee_quote {
		width: 100%;
    		font-size: 2rem;
	}
#mobile__content {
	padding: 1em;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
}
.slant_slider__outer .slick-dots {
    bottom: 1.5em !important;
}
.slant_slider__outer .slide__content {
	height: max-content;
}
.employee_name {font-size: 3rem;}
.employee_role {}
.employee_quote {font-size: 2rem;}

}#about_story_large_blue {
    --height: calc(100% - 100px);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #24a4dc;
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% var(--height), 0% 100%);
    clip-path: polygon(0 0, 100% 5%, 100% var(--height), 0% 100%);
    padding:calc(2em + 100px) 0;
    z-index:10;
    position:relative;
}
.about_story_blue_title {
    font-size: 4em;
    font-weight: bold;
    padding-right: 5em;
    color: white;
    text-transform: uppercase;
    line-height: 1em;
}
.about_story_blue_desc {
    font-size: 1.75em;
    color: white;
    padding-right: 14em;
}
.about_story_blue_li {
    color: white;
    font-size: 1.5rem;
    border: 3px solid white;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 1em;
}
.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.25vw;
    padding-top:2em;
}
.container>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 48%;
    flex: 0 48%;
    box-sizing: border-box;
margin-right: 2%;
}
.item {
    width: 48%;
    
}
.black__we_believe {
    color: black;
}
#dotted_underline_about {
    border-bottom: 2px dotted black;
}
.container {
}
.container>div {
}
#large_blue_intro_wrap {

} 
/* ipad*/

@media screen and (min-height: 1024px) and (min-width: 768px) and (orientation: portrait) {
    #about_story_large_blue {
        height: 83em !important ;
        background-image: none ;
        -webkit-clip-path: none ;
        clip-path: none;
        margin-bottom:calc(88px + 2em);
    }
    .about_story_blue_title {
        font-size: 3rem;
        padding-right: 0em;
        margin-bottom: -8em;
    margin-top: -2em !important;
}
    .about_story_blue_desc {
margin-bottom: -10em;
    margin-top: 15em !important;
    }
    .about_story_blue_li {
        padding: 6px;
        height: auto;
    }
.container {        margin-top: 24em !important;}
}
/* ipad pro*/
@media screen and (orientation: portrait) and (min-width: 1024px) and (min-height: 1366px) {
    .about-story-container {
        margin-top: 17em !important;
    }
    #about_story_large_blue {
        height: 134em !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        margin-bottom:calc(88px + 2em);
    }
    .about_story_blue_title {
        padding-right: 0em;
    margin-top: 0em;
padding-top: 0em
    }
    .about_story_blue_desc {
        padding-right: 0em;
        margin-top: 12em;
        padding: 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        position: absolute;
    }
    .about_story_blue_li {
        padding: 6px;
        height: auto;
        font-size: 2.5rem;
margin-top: 1em !important;
    }
    .container>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 100%;
        flex: 0 100%;
    }
}

@media screen and (max-width: 48em) {
    #about_story_large_blue {
           height: 192em;
        background-image: none ;
        -webkit-clip-path: none ;
        clip-path: none !important;
        margin-bottom:calc(88px + 2em);
    }
    .about_story_blue_title {
        font-size: 3rem;
    padding-right: 0em;
    margin-top: 0em;
padding-top: 0em
    }
    .about_story_blue_desc {
    padding-right: 0em;
    margin-bottom: -10em;
    }
    .about_story_blue_li {
        padding: 6px;
        height: auto;
    }
.container {
  margin-top: 54em;

}
.container>div {
-webkit-box-flex: 0;
-ms-flex: 0 100%;
flex: 0 100%;
}
}.news-columns {
  display: flex;
  justify-content: space-between;
}
#news__wrap {
margin-bottom: 10em;
}
.news-content-wrap {
padding: 2em;
    padding-top: 0em;
    height: 18em;
}
.col {
	width: 32%;
}
.parent {
    display: flex;
    flex-wrap: wrap;
}
.child {
margin-right: 2.33%;
    background-color: #23a4da;
    margin-bottom: 1.33%;
    padding: 0em;
    width: 31%;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(86, 70, 70, 0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(86, 70, 70, 0.75);
    box-shadow: 0px 0px 10px 1px rgba(86, 70, 70, 0.75);
 }
 .news-preview-box-img {
	 width: 100%;
height: 253px;
 }
 .news-preview-box-title {
	font-size: 1.75rem;
    color: white;
 }
.new-pewview-box-date {  
color: white;
    margin-top: 0;
}
.news-preview-box-anchor {
    transition: color 0.2s ease-in;
    color: white;
    font-size: 1.5rem;
    display: block;
    padding-top: 9em;
    position: absolute;
}
.news-preview-box-anchor:hover {
	transition: color 0.2s ease-in;
	color: #333333
}
.news-preview-filter-item {
	transition: background-color 0.5s ease-in;
    border: solid #23a4da;
	background-color: transparent;
    width: 32.64%;
    margin-bottom: 3em;
    height: 100px;
}
.news-preview-filter-item>p {
	transition: color 0.5s ease-in;
	text-align: center;
    font-size: 2rem;
    color: #333333;
    margin-top: 0.7em;
}
.active-news {
	transition: background-color 0.5s ease-in;
	background-color: #23a4da;
}
.active-news>p {
	transition: color 0.5s ease-in;
	color: white;
}

.events-boxes {
	display: none;
}

.press-boxes {
	display: none;
}

.news-boxes {
	display: block;
}

.hidden-news {
	
}
.news-preview-box-anchor>span>img {
position: absolute;
    padding-top: 0.25em;
    padding-left: 1em;
    width: 2em;
}
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
.child {
height: 40em
} 
#news-content-wrap {
padding: 1em !important;
}
.news-preview-box-anchor {
    padding-top: 12.5em;
}

.news-preview-box-img {
margin: 0;
    width: 100%;
    height: auto;
}
}

@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 
.child {
height: 42em !important;
    width: 31% !important;
    margin-right: 2% !important;
}
.news-preview-box-anchor {
font-size: 1.5rem !important;
    padding-left: 0.9em !important;
    padding-top: 18.5em !important;
}
.news-preview-box-img {
    margin: 0;
    width: 100% !important;
    height: auto;
}
.news-preview-box-anchor>span>img {
    position: absolute !important;
    padding-top: 0.35em !important;
    padding-left: 1em !important;
    width: 1.75em !important;
}
}

@media screen and (max-width: 48em){
.news-content-wrap {
padding: 1em;
}
.news-preview-filter-item>p {font-size: 1rem;}

.news-preview-filter-item { height: auto; }

.news-preview-box-anchor {    font-size: 1.5rem;
    padding-left: 0.9em;
    padding-top: 12em;
}

.news-preview-box-title { font-size: 1.75rem;  padding-left: 0.7em;}

.news-preview-box-img {
	margin: 0;
    width: inherit;
height: auto;
}
.child>img {
	padding: 0em;
}
.parent {}
.new-pewview-box-date {
padding-left: 1.4em;
}
.child {
	width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 2em;
height: 36em;
}
.news-preview-box-anchor>span>img {
    position: absolute !important;
    padding-top: 0.35em !important;
    padding-left: 1em !important;
    width: 1.75em !important;
}
}.beable_news_intro_title {
	font-size: 4em;
    color: #23a4da;
    text-transform: uppercase;
    font-weight: bold;
}
.beable_news_intro_desc {
	font-size: 1.5em;
    padding-right: 22em;
    color: #333333;
}
.beable_news_intro_email {
	color: #e21655;
    font-weight: bold;
}
.more_inf_news {
	width: 100%;
    color: #333333;
    font-weight: bold;
}
.clickable-email {
	margin-top: 0em;
}

@media screen and (max-width: 48em){

.beable_news_intro_desc{
padding-right: 0em;
}

}.tri.hero_home {
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: 785px;
    padding-left:200px !important;
    position:relative;
    padding-top:1em;
    padding-bottom:1em;
}

.hero_home > .tri {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hero_home > .tri {
        position:absolute;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
    }
}

.hero_home .hero_contents {
    color: white;
    margin-top:0;
}
.hero_home .hero_contents h1 {
    font-size: 51px;
    line-height:46px;
    font-weight: bold;
    text-transform: uppercase;
    margin:0 0 0.8em 0;
}
.hero_home .hero_contents p {
    margin-top: -1em;
    width: 82%;
}
.hero_home .hero_contents p strong > em,
.hero_home .hero_contents p em > strong {
    color:#24a4dc;
}

.hero_home .hero__lines {
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    pointer-events:none;
}

.hero_home .hero__lines > div {
    height:100%;
    position:absolute;
    top:0;
}

.hero_home .demo_cta {
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-size: 18px;
    font-weight: bold;
    border:2px solid #ffffff;
    -webkit-transition: 0.3s all;
    transition:0.3s all;
    border-radius:7px;
    padding:0.8em 1.2em;
    color: #29a4e0;
    background:rgba(41, 164, 224, 0);
}

.hero_home .demo_cta:hover {
    color: white;
    background:#29a4e0;
}

body:not(.home) .hero_home .demo_cta {
    color: #e21654;
    background:rgba(226, 22, 84, 0);
}

body:not(.home) .hero_home .demo_cta:hover {
    color: white;
    background:rgb(226, 22, 84);
}

.hero_home {
    position:relative;
}

.tri.hero_home > .tri {
    z-index:10;
}


/* iPad */
@media screen and (orientation: portrait) and (min-width: 768px) {
    .tri.hero_home:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        left:0;
        top:0;
    }
     
    .tri.hero_home {
        background-position:80% center;
        padding-left:2em !important;
        min-height:auto;
    }

    body:not(.home) .hero_home .demo_cta,
    .hero_home .demo_cta {
        color: #FFFFFF;
    }
    .hero_home .hero_contents p strong > em,
    .hero_home .hero_contents p em > strong {
        color:#FFFFFF;
    }
    .hero_home .hero__lines {
        height:40px;
    }
    
    .hero_home .hero_contents {
        padding-top: 4em;
        padding-bottom: 4em;
    }
}

/* Mobile */
@media screen and (max-width: 47.938em) {
    .hero_home .hero_contents p strong > em,
    .hero_home .hero_contents p em > strong {
        color:#FFFFFF;
    }
    .hero_home .hero__lines {
        height:40px;
    }
    
    .hero_home .hero_contents {
        padding-top: 4em;
        padding-bottom: 4em;
    }
    
    .hero_home .hero_contents h1 {
        font-size: 30px;
        line-height: 34px;
    }
    
    .hero_home .hero_contents p {
        width:100%;
    }
    
    .tri.hero_home {
        background-position:right bottom;
        padding-left:2em !important;
        min-height:auto;
    }
    
    .tri.hero_home:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        left:0;
        top:0;
    }

    body:not(.home) .hero_home .demo_cta,
    .hero_home .demo_cta {
        color: #FFFFFF;
    }
}.hero_wbutton {
background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: calc(100vh - 160px);
	height: 44em;
}
.hero_contents {
    margin-top: 18em;
    color: white;

}
.hero_contents h1 {
    font-size: 55px;
    margin-top: -3.2em;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 2em;
    width: 100%;
}
.hero_contents p {
    margin-top: -1em;
    width: 82%;
}
.req_demo_cta {
-webkit-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
background-color: transparent;
    min-height: 65px !important;
    /* height: 50px; */
    position: absolute;
    border-radius: 8px;
    border: 2px solid white;
	text-align: center;
    padding-top: 1em;
    padding-left: 1em;
    white-space: nowrap;
    padding-right: 1em;
}
.req_demo_cta:hover {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
    background-color: #e21655;
    cursor: pointer;
}

.demo_cta:hover {
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    color: white;
}
.demo_cta {
margin-top: 0.99em;
    position: absolute;
    color: #e21655;
    font-size: 19px;
    font-weight: bold;
}
@media  screen and (max-width: 1366px) {
    .hero_contents h1 {
	margin-top: -5.2em;	
}
}

/* MOBILE -- CSS  */
@media screen and (max-width: 47.938em) {

.hero_wbutton {
background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: calc(100vh - 160px);

    height: 45em;
}
.hero_contents {
 	margin-top: 5em;
    color: white;
    width: 100% !important;

}
.hero_contents h1 {
font-size: 1.75rem;
    margin-top: -2.2em;
    margin-right: 0.4em;
    font-weight: bold;
    text-transform: uppercase;
}
.hero_contents p {
    font-size: 1.2rem;
    margin-top: -1em;
    width: 82%;
}
.req_demo_cta {
-webkit-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
background-color: transparent;
    min-height: 65px !important;
    /* height: 50px; */
    position: absolute;
    border-radius: 8px;
    border: 2px solid white;
	text-align: center;
    padding-top: 1em;
    padding-left: 1em;
    white-space: nowrap;
    padding-right: 1em;
}
.req_demo_cta:hover {
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
    background-color: #e21655;
    cursor: pointer;
}

.demo_cta:hover {
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    color: white;
}
.demo_cta {
margin-top: 0.99em;
    position: absolute;
    color: #e21655;
    font-size: 19px;
    font-weight: bold;
}

}.beable_home__options {
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
}

.beable_home__content h2 {
    font-weight:bold;
}

.beable_home__kpi_content {
    padding:1em;
}

.beable_home__kpi_list h3 {
    font-weight:600;
    font-size:26px;
    text-transform: uppercase;
}

.beable_home__content h2,
.beable_home__kpi_list h3 {
    color:#3399cc;
}

.beable_home__kpi_image {
    width:100%;
    height:154px;
}

.beable_home__kpi_image img {
    height:100%;
    margin:0 auto;
    display:block;
}

.beable_home__kpi_list {
    border-radius:50px;
    margin-bottom:6em;
    margin-top:0;
    min-height:298px;
}

/* Blue Section - BACKUP
.beable_home__kpi_list {
    border:1px solid #3399cc;
    border-radius:50px;
    padding:0 1em;
    margin-bottom:6em;
    margin-top:0;
    min-height:298px;
}
*/

.beable_home__content p,
.beable_home__kpi_list p {
    font-size:16px;
}

.beable_home__content {
    padding-top:4em;
}

.beable_home__content strong > em,
.beable_home__content em > strong,
.beable_home__kpi_list strong > em,
.beable_home__kpi_list em > strong {
    color:#24a4dc;
}

.beable_home__options_list li {
    display:none;
    cursor:pointer;
    padding-left:40px;
    padding-right:0;
    font-size: 18px;
    line-height: 20px;
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
}

.beable_home__options_list[data-active="false"] li:first-child {
    display:block;
}

.beable_home__options_list[data-active="true"] li {
    display:block;
    background:rgba(0,0,0,0);
    -webkit-transition:0.3s background;
    transition:0.3s background;    
}


.beable_home__options_list[data-active="true"] li:not(:last-child) {
    border-bottom: 1px solid white;   
}

.beable_home__options_list[data-active="true"] li:hover {
    background:rgba(0,0,0,0.2);
}

.beable_home__options_container {
    width:80vw;
    max-width:950px;
    margin:0 auto;
    display:block;
    border-bottom:1px solid white;
    border-left:1px solid white;
    border-right:1px solid white;
    border-radius:0 0 8px 8px;
    padding:10px 20px;
    color:white;
    font-size:35px;
}

.options__cell {
    position:relative;
} 

.beable_home__options_list {
    background: rgb(35,221,189);
    background: -webkit-linear-gradient(left, rgba(35,221,189,1) 0%, rgba(35,164,221,1) 100%);
    background: linear-gradient(90deg, rgba(35,221,189,1) 0%, rgba(35,164,221,1) 100%);
    border-radius:12px;
    min-height:40px;
    line-height:40px;
    padding:0;
    margin:0;
    padding-right:40px;
    position:absolute;
    cursor:pointer;
    overflow:hidden;
    min-width:100%;
    z-index:99;
    padding-left: 40px;
}

.beable_home__options_list:after {
    content:'';
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #FFFFFF;
    position:absolute;
    right: 14px;
    top: 17px;
    pointer-events:none;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:0.3s transform top;
    transition:0.3s transform top;
}

.beable_home__options_list[data-active="true"]:after {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    top:15px;
}

.beable_home__options_list[data-active="true"] {
    padding-bottom: 20px;
}

.beable_home__kpi_title {
    background:#24a4dc;
    border-radius:18px 18px 0 0;
    margin:4em auto 0 auto;
    width:calc(100% - 4em);
    max-width:800px;
    color:white;
    padding:1em 2em 1em 175px;
    position:relative;
}

.beable_home__kpi_title img {
    position:absolute;
    left:55px;
    top:20px;
}

.beable_home__kpi_title h2 {
    text-transform: none;
    font-size: 33px;
    font-weight: 200;
    margin: 10px;
}

.beable_home__options_list .title__arrow {
    display: inline-block;
    position: absolute;
    top: 12px;
    left:0px;
}

.beable_home__options_list .title__arrow img {
    height: 16px;
}

@media screen and (max-width: 1080px) { 
    .beable_home__options_container {
        font-size:28px;
    }

    .beable_home__options_list li {
        font-size:14px;
    }
}

/* iPad */
@media screen and (min-width: 1024px) and (orientation: portrait) { 
    
    .beable_home__kpi_title {
        max-width: 800px;
    }
}

/* iPad */
@media screen and (min-width: 768px) and (max-width:1023px) and (orientation: portrait) { 
    
    .beable_home__options_list {
        position:relative;
        margin: 0;
    } 
    .beable_home__kpi_title {
        max-width: 575px;
    }
    .beable_home__kpi_title h2 {
        font-size: 30px;
    }
}

/* Mobile */
@media screen and (max-width: 47.938em) {
    .beable_home__options {
        background-size: 100% 600px;
    }
    
    .beable_home__options_container {
        font-size:25px;
    }
    
    .beable_home__options_list {
        position:relative;
        margin: 15px 0 0 0;
    }
    
    .beable_home__options_list li {
        font-size: 16px;
        line-height: 20px;
        padding: 12px 12px 12px 30px;
    }
    
    .beable_home__kpi_title {
        padding: 1em 2em 1em 2em;
        position: relative;
    }
    
    .beable_home__kpi_title img {
        position: relative;
        left: auto;
        top: auto;
        display: block;
        margin:0 auto 10px auto;
    }
    
    .beable_home__kpi_title h2 {
        font-size: 18px;
        line-height: 26px;
    }
    
    .beable_home__kpi_list {
        border-radius: 12px;
    }
    
    .beable_home__kpi_content {
        padding: 0 1em;
    }
}.approach__intro_content {
    margin-bottom: 3em;
}

.beable__approach_engine_intro {
font-size: 3rem;
    color: #24a4dc;
    text-transform: uppercase;
    width: 50%;
font-weight: bold;
line-height: 1em;
}
.beable__approach_engine_desc {
font-size: 1.5rem;
width: 92%;
}
.engine_minibox {
    padding: 1em;

}
.engine_minibox>img {
	height: 10em;
    display: block;
    margin: auto;
}
.enginge_minibox_title {
font-size: 2rem;
line-height: 1em;

    font-weight: bold;
}
.engine_minibox:nth-child(1) p{
color: #24a4dc;
}
.engine_minibox:nth-child(2) p{
color: #231e54;
}
.engine_minibox:nth-child(3) p{
color: #e21654;
}
.engine_minibox:nth-child(4) p{
color: #8744AA;
}
.enginge_minibox_desc {
    font-size: 1.1rem;
}
.large_background_container {
    height: 67em;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -12em;
    overflow: hidden;
    background-position: top;
}
.engine_title_wrap {
    height: 5em;
}
.engine_minibox:nth-child(3)>.engine_title_wrap {
	height:7em;
}

/* ipad pro */
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 

.approach__intro_content {}
.beable__approach_engine_intro { font-size: 4rem !important; width: 100%;}
.beable__approach_engine_desc {font-size: 2rem !important;}
.engine_minibox { width: 100% !important; }
.engine_minibox>img {}
.enginge_minibox_title {text-align: center !important;font-size: 3rem;} 
.enginge_minibox_desc {text-align: center!important; font-size: 2rem;}
.large_background_container {     margin-top: 0em;
    height: 38em;
    background-position-x: -1em;
}
}

@media screen and (min-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 
.approach__intro_content {}
.beable__approach_engine_intro { font-size: 4rem !important; width: 100%;}
.beable__approach_engine_desc {font-size: 2rem !important;}
.engine_minibox { width: 100% !important; }
.engine_minibox>img {}
.enginge_minibox_title {text-align: center !important;font-size: 3rem;} 
.enginge_minibox_desc {text-align: center!important; font-size: 2rem;}
.large_background_container {    margin-top: 0em !important;
    height: 38em !important;
    background-position-x: -1em !important;
    margin-bottom: -11em;}

}

/* mobile */
@media screen and (max-width: 48em){
.approach__intro_content {}
.beable__approach_engine_intro { font-size: 2.5rem; width: 100%;}
.beable__approach_engine_desc {}
.engine_minibox { width: 100% !important; }
.engine_minibox>img {}
.enginge_minibox_title {} 
.enginge_minibox_desc {}
.large_background_container {     margin-top: 0em; height: 18em; background-position-x: -1em;}
}#pink_floating_box__full {
background-size: cover;
    background-repeat: no-repeat;
    height: 90em;
    background-position: center;
    margin-bottom: -1em;
	
}
.floating__pink__content_wrap {
background-color: #e21654;
    height: fit-content;
    width: 50em;
    padding: 2em;
    box-shadow: -6px 13px 20px 7px #0000008c;
    margin-top: 12em;
    margin-left: 12em;
}
.floating__pink_title {
    color: white;
    font-size: 3rem;
    text-transform: uppercase;
    margin-top: 0em;
    margin-bottom: 0em;
    font-weight: bold;
    line-height: 1em;
}
.floating__pink_desc {
	color: white;
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 
#pink_floating_box__full {margin-top: 7em;}
.floating__pink__content_wrap {    margin-left: 0em;
    width: auto;
    margin: 0em;
	margin-top: 21em;

}
.floating__pink_title {    font-size: 3rem;}
.floating__pink_desc {font-size: 2rem;}

}
@media screen and (min-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 

#pink_floating_box__full {}
.floating__pink__content_wrap {    margin-left: 0em!important;
    width: auto!important;
    margin: 0em!important;
	margin-top: 21em!important;

}
.floating__pink_title {    font-size: 3rem!important;}
.floating__pink_desc {font-size: 2rem !important;}

}


@media screen and (max-width: 48em) {
#pink_floating_box__full {}
.floating__pink__content_wrap {    margin-left: 0em;
    width: auto;
    margin: 0em;
	margin-top: 21em;

}
.floating__pink_title {    font-size: 2rem;}
.floating__pink_desc {}
}#engine__third {
    margin-bottom:calc(88px + 2em);
}
.right_content_wrap {
	padding: 4em;
	z-index: 1;
}
.left_img_wrap {

	z-index: 1;
}
.left_img_wrap>img {
margin: 0 auto;
    display: block;
    margin-top: 13em;
	
	z-index: 1;
}
.right_title {
    font-size: 4rem;
    color: #24a4dc;
    width: 95%;
	
	z-index: 1;
	font-weight: bold;
line-height: 1em;
}
.right__description {
    border-bottom: 4px dotted #23a4dc;
    padding-top: 0em;
    z-index: 1;
padding-bottom: 1em;
}
.right__description:nth-child(5) {
	border-bottom: none;
}
#bottom-gradient {
	height: 70em;
    background-position: bottom;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    overflow: hidden;
margin-top: -20vh;
}
#top-gradient {
	height: 70em;
    background-position: bottom;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    overflow: hidden;
}
@media screen and (min-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 
.right_content_wrap {width: 100% !important;}
.left_img_wrap {width: 100% !important;}
.left_img_wrap>img {width: 26em !important;}
.right_title {font-size: 3rem !important;
    width: 100% !important;}
.right__description {font-size: 2rem !important;}
#bottom-gradient {margin-top: 49em !important}
#top-gradient {}
#engine__third { padding: 0em !important;margin-bottom: -7em !important;}

}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 

.right_content_wrap {width: 100% !important;}
.left_img_wrap {width: 100% !important;}
.left_img_wrap>img {width: 26em;}
.right_title {font-size: 3rem;
    width: 100%;}
.right__description {font-size: 2rem;}
#bottom-gradient {margin-top: 41em !important ;}
#top-gradient {}
#engine__third { padding: 0em;margin-bottom: -7em;}

}



@media screen and (max-width: 48em) {
.right_content_wrap {width: 100% !important;}
.left_img_wrap {width: 100% !important;}
.left_img_wrap>img {width: 18em;}
.right_title {font-size: 2rem;
    width: 100%;}
.right__description {}
#bottom-gradient {    margin-top: 29em;}
#top-gradient {}
#engine__third { padding: 0em}
}
.beable_home__pink_box__inner {
    min-height:360px;
    background:rgba(224, 2, 64, 0.87);
    border:1px solid white;
    width:100%;
    color:white;
    padding:1em 2em;
    -webkit-transition:0.3s all;
    transition:0.3s all;
    position:relative;
}

.beable_home__pink_box__container {
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
}

.beable_home__pink_box:not(.md-half):not(.hide-sm) .beable_home__pink_box__inner:hover {
    background:rgba(131, 6, 35, 0.87);
}

.beable_home__pink_box.md-half .beable_home__pink_box__inner {
    padding:2em;
}

.beable_home__pink_box__inner h3 {
    font-size: 44px;
    margin: 0;
    line-height: 40px;
    font-weight:600;
}

.beable_home__pink_box__inner p {
    font-size: 16px;
}

.beable_home__pink_box__inner .title__link {
    font-size: 34px;
    padding-right: 0;
    position: absolute;
    bottom: 1em;
    left: 1em;
    width: calc(100% - 2em);
}

.beable_home__pink_box__inner .title__link .title__arrow {
    position:relative;
    display:inline-block;
    bottom:-4px;
}

.beable_home__pink_boxes {
    margin-bottom:4em;
}

/* Mobile */
@media screen and (max-width: 1150px) {
    .beable_home__pink_box__inner h3 {
        font-size:32px;
        line-height:32px;
    }
}


@media screen and (min-width: 1024px) and (orientation: portrait) {  
    .beable_home__pink_box__inner {
        min-height:360px;
    }
    
    .beable_home__pink_box__inner .title__link {
        font-size:24px;
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) and (orientation: portrait) {  
    .beable_home__pink_box__inner {
        min-height:235px;
    }
    
    .beable_home__pink_box__inner .title__link {
        font-size:24px;
    }
}

/* Mobile */
@media screen and (max-width: 47.938em) {
    .beable_home__pink_box__inner {
        min-height: 0px;
        padding: 1em 2em;
        position: relative;
    }
    
    .beable_home__pink_box__inner .title__link {
        font-size: 26px;
        padding-right: 0;
        position: relative;
        bottom: auto;
        left: auto;
    }
    
    .title__link .title__arrow img {
        width:26px;
    }
    
    .beable_home__pink_box__inner h3 {
        font-size: 26px;
        line-height: 30px;
    }
}


@media screen and (max-width: 575px) {
	header > .tri, .news__ticker, footer > div, .outer__content > .container__anchor > .tri.full.beable_home__pink_boxes:not(.right_slant_wrapper):not(.hero_home):not(#mission_and_vision) {
		padding-left: 0rem!important;
		padding-right: 0rem!important;
	}
}.life_ready_title {
    font-size: 3rem;
    color: #24a4dc;
    text-transform: uppercase;
    font-weight: bold;
	width: 55%;
    line-height: 1em;
}

.life_ready_desc {
	width: 75%;
    font-size: 1.25rem;
}

#lifeready_miniboxes_container > li:not(:last-child) {
	border-right: 1px dotted black;
}

.life_ready_mini {
    font-size: 1.5rem;
    text-align: center;
    color: white;
    width:100%;
    height:auto;
    display:block;
}

.life_ready_topper {
    width: 100%;
    padding: 1em;
    height: 154px;
    vertical-align:middle;
}
.life_ready_topper h3 {
	font-size: 1.5rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.life_ready__content {
	text-align: center;
    font-weight: bold;
    padding:0 10px;
}

#lifeready_miniboxes_container {
	margin-top: 5em;
    padding-left:0;
    display:table;
    width:auto;
}

#lifeready_miniboxes_container > li {
    vertical-align:top;
    display: table-cell;
}

.life_ready_mini ul > li > ul > li {
	color: black;
    font-weight:normal;
}

.life_ready_mini ul {
    list-style-type:none;
    padding-left:0;
    margin:20px 0 20px 0;
}

.life_ready__content > .tri > div > ul > li {
    margin-bottom:15px;
}

.life_ready_mini ul ul {
    margin:0;
}



@media screen and (min-height: 1024px) and (min-width: 768px) and (orientation: portrait) {

.life_ready_title {    
	width: 100%;
    font-size: 2rem !important;
}
.life_ready_desc {    font-size: 1rem !important;width: 100%;}
.life_ready_mini {    width: 100% !important; border: none !important;    padding-bottom: 1em !important; }
.life_ready_topper {}
.life_ready_mini_title { font-size: 2rem; margin-top: 0;}
.life_mini_vertical_center { font-size: 1rem !important;}
.life_3col_left {font-size: 1rem !important;}
.life_3col_right {font-size: 1rem !important;}
.pink__beabletext {

font-size: 2rem;
}
.sub__item__col  {
font-size: 1rem !important;

}
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 
.life_ready_title {    
	width: 100%;
    font-size: 4rem;
}
.life_ready_desc {    font-size: 2rem;width: 100%;}
.life_ready_mini {    width: 100% !important; border: none !important;    padding-bottom: 1em; }
.life_ready_topper {}
.life_ready_mini_title { font-size: 3rem; margin-top: 0;}
.life_mini_vertical_center { font-size: 2rem;}
.life_3col_left {font-size: 1.5rem;}
.life_3col_right {font-size: 1.5rem;}
.pink__beabletext {

font-size: 2rem;
}
.sub__item__col  {
font-size: 1.5rem;

}


}


@media screen and (max-width: 59.9999em) {
    .life_ready_mini ul li {
        font-size:16px;
    }
}



@media screen and (max-width: 815px) {
    
    #lifeready_miniboxes_container {
        display:block;    
    }
    
    #lifeready_miniboxes_container > li {
        width:100%;
        max-width:calc(50% - 5px);
        display:inline-block;
    }
}

@media screen and (max-width: 48em){
    .life_ready_title {    
        width: 100%;
        font-size: 2rem;
    }
    .life_ready_desc {    width: 100%;}
    .life_ready_mini {    width: 100% !important; border: none !important; }
    .life_mini_vertical_center { font-size: 1rem;}
    .pink__beabletext {
        font-size: 1rem;
    }
    .sub__item__col  {
        font-size: 1rem;
        line-height: 1em;
    }
    
    #lifeready_miniboxes_container {
        display:block;    
    }
    
    #lifeready_miniboxes_container > li {
        width:100%;
        max-width:100%;
        display:inline-block;
    }
}#lflit__boxes {
    margin-bottom:calc(88px + 2em);
}

.lit__boxes_intro {
    font-size: 3rem;
    font-weight: bold;
    color: #e21655;
    width: 60%;
	line-height: 1em;
}
.litbox_large__wrapper {

}
.large__litbox {
    background-color: rgb(245, 245, 245, 0.1);
    margin-top: 3em;
    box-shadow: 0px 0px 20px 12px #8b8a8a73;
    padding: 2em;
}
.large__litbox_title{
    font-size: 3rem;
    color: #333333;
    width: 53%;
    margin-left: 1em;
}
.large__litbox_desc {
	font-size: 1.2rem;
    width: 66%;
    margin-left: 1.7em;
}
.large_lit_img_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1em;
}
.large__litbox1_img {
    height: 12em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.large__litbox__toprightimg {
    float: right;
}
#columns__wrapper {
	padding: 2em;
}
.columns__lifeready {
    width: 33%;
    display: -ms-inline-grid;
    display: inline-grid;
}
.large__litbox2__3coltitle {
	color: #e21655;
	font-weight: bold;
    font-size: 1.5rem;
}
.large__litbox2__3coltext {
	font-size: 1.25rem;
}
.large__litbox_img {
    display: block;
    margin: 0 auto;
    margin-bottom: 2em;
    margin-top: 3em;
}
.large__litbox__vertical {
float: right;
}
.top__left__lflarge {
width: 3em;
    height: 3em;
    position: absolute;    
margin-left: -2em;
    margin-top: -2em;

-webkit-transition:width .5s ease-in;

transition: width .5s ease-in;
-webkit-transition:height .5s ease-in;
transition: height .5s ease-in;
}
.large__litbox:nth-child(1)>.top__left__lflarge {
    background-color: #e21655;
}
.large__litbox:nth-child(2)>.top__left__lflarge {
    background-color: #fecd5e;
}
.large__litbox:nth-child(3)>.top__left__lflarge {
    background-color: #072837;
}
.large__litbox:nth-child(4)>.top__left__lflarge {
    background-color: #149fd8;
}
.large__litbox:nth-child(5)>.top__left__lflarge {
    background-color: #e21655;
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 
.large__litbox_title {
    margin-left: 0;
    width: 75%;
    font-size: 2.5rem;
}
.large__litbox__toprightimg {float: right;
    width: 25em;}
.large__litbox_desc {
font-size: 2rem;
    margin-left: 0em;
    width: 75%;
}
.large__litbox2__3coltitle{
font-size: 2rem;
}
.large__litbox2__3coltext{
font-size: 1.75rem;
}
.columns__lifeready {
    width: 100%;
    display: -ms-inline-grid;
    display: inline-grid;
padding-left: 0em;
}
#columns__wrapper {
padding: 0em;
}
}

@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 
.large__litbox__toprightimg {

margin: 0 auto !important;
display: block !important;

    }
.large__litbox_img {

width: 17em !important;
}

}


@media screen and (max-width: 48em) {
    .lit__boxes_intro {
    width: 100%;
    font-size: 2rem;
    }
    .litbox_large__wrapper {

    }
    .large__litbox {
    font-size: 2rem;
	padding: 1em;
    }
	.large_lit_img_wrap {
		display: block;
	}
    .large__litbox_title{
width: 100%;
    margin-left: 0em;
font-size: 2rem;
    }
    .large__litbox_desc {
width: 100%;
    margin-left: 0em;
    }
    .large__litbox1_img {
	height:4em;
    }
    .large__litbox__toprightimg {
float: none;
    width: 6em;

    }
    .large__litbox2__3coltitle {
	font-size: 1.2rem;
    }
    .large__litbox2__3coltext {
	font-size: 1rem;
    }
    .large__litbox__vertical {
    display: none;
    }
#www__boxes {
	width: 100% !important;
}
.columns__lifeready  {
	width: 100%;
}
#columns__wrapper {
padding: 0em;
}
.large__litbox_img {
width: 6em;
}
.large_lit_img_wrap>div>p {font-size: 2rem !important;}
.top__left__lflarge {
	height: 2em;
width: 1em;
-webkit-transition:width .5s ease-in;
transition: width .5s ease-in;
-webkit-transition:height .5s ease-in;
transition: height .5s ease-in;
    margin-left: -1em;
    margin-top: -1em;
}
}.beable_home__kpi_waterfall {
    background-size:100% auto;
    background-position:top center;
    background-repeat: no-repeat;   
    -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%);   
    clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%);
    padding-top:calc(100px + 1em);
}

.beable_home__kpi_waterfall h2 {
    color:#e21654;
    font-weight:900;
}

.beable_home__kpi_waterfall__list > div:first-child img {
    max-height:525px;
    margin:0 auto;
    display:block;
    height:auto;
    width:auto;
    max-width:100%;
}

.beable_home__kpi_waterfall__list .md-third {
    padding:0 1em;
}

.beable_home__kpi_waterfall__list ul {
    padding:0;
    border:1px solid #e21654;
    border-radius:8px;
    margin:1em 0;
    list-style-type:none;
    width:auto!important;
}

.beable_home__kpi_waterfall__list ul li {
    width:100%;
    padding:10px 20px;
    text-align:left;
}

.beable_home__kpi_waterfall__list ul li small {
    display:block;
}

.beable_home__kpi_waterfall__list ul li:not(:last-child) {
    border-bottom:1px solid #e21654;
}

.beable_home__kpi_waterfall__list > div:nth-child(1) ul li {
    text-align:center;
}

.waterfall_item__content a {
    position:absolute;
    right:20px;
    bottom:0;
    padding-left:40px;
    display:inline-block;
}

.waterfall_item__content a:after {
    content:'';
    background-image:url('../images/arrow-right-pink.png');
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
    width:34px;
    height:26px;
    position:absolute;
    left:0;
    bottom:-4px;
}

.beable_home__kpi_waterfall__list > div:nth-child(1) h3,
.beable_home__kpi_waterfall__list > div:nth-child(1) a {
    color:#e21654;
}

.beable_home__kpi_waterfall__list > div:nth-child(2) h3,
.beable_home__kpi_waterfall__list > div:nth-child(2) a {
    color:#21abd5;
}

.beable_home__kpi_waterfall__list > div:nth-child(2) a:after {
    background-image:url('../images/arrow-right-blue.png');
}

.beable_home__kpi_waterfall__list > div:nth-child(2) ul,
.beable_home__kpi_waterfall__list > div:nth-child(2) ul li {
    border-color:#21abd5;
}

.beable_home__kpi_waterfall__list > div:nth-child(3) h3,
.beable_home__kpi_waterfall__list > div:nth-child(3) a {
    color:#f69f10; 
}

.beable_home__kpi_waterfall__list > div:nth-child(3) a:after {
    background-image:url('../images/arrow-right-yellow.png');
}

.beable_home__kpi_waterfall__list > div:nth-child(3) ul,
.beable_home__kpi_waterfall__list > div:nth-child(3) ul li {
    border-color:#f69f10; 
}

.beable_home__kpi_waterfall__list > div:nth-child(4) h3,
.beable_home__kpi_waterfall__list > div:nth-child(4) a {
    color:#e21654;
}

.waterfall_item__content {
    padding-bottom:20px;
    position:relative;
}

.beable_home__kpi_waterfall__list {
    padding-bottom:4em;
}

.beable_home__kpi_waterfall__list img {
    max-width:100%;
}

@media screen and (min-width: 1024px) and (orientation: portrait) {  
    .beable_home__kpi_waterfall h2 {
        font-size:36px;
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) and (orientation: portrait) {  
    .beable_home__kpi_waterfall__list > div:first-child img {
        max-width:90%;
    }
}

/* Mobile */
@media screen and (max-width: 47.938em) {
    .beable_home__kpi_waterfall__content h2 br {
        display:none;
    }
    
    .beable_home__kpi_waterfall__list img {
        max-width:100%;
    }
    
    .beable_home__kpi_waterfall {
        -webkit-clip-path:none;
        clip-path:none;
        padding-top:2em;
        background-size: 100% 600px;
    }
}.beable_home__maginify_section {
    background-size:100% auto;
    background-position:top center;
    background-repeat: no-repeat;     
    -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%);     
    clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%);
    padding-top:calc(100px + 1em);   
}

.beable_home__magnify_container {
    max-width:1310px;
    background-image:url('../images/ACTSAT.png');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
}

.beable_home__magnify_glass {
    width:120%;
    height:100%;
    background-image:url('../images/magnify.png');
    background-position:center center;
    background-size:auto 100%;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    pointer-events:none;
}

.beable_home__maginify_content {
    padding-left: calc(60% - 250px);
    padding-right: calc(40% - 250px);
    padding-top: 20%;
    padding-bottom: 35%;
}

.beable_home__maginify_content h2 {
    font-weight:900;
    text-transform:uppercase;
}

.beable_home__maginify_content p {
    font-size:16px;
}

.beable_home__maginify_content a {
    font-size:20px;
    padding:10px 40px;
    border-radius:12px;
    border:2px solid #e21654;
    background:rgba(226, 22, 84, 0);
    color:#e21654;
    -webkit-transition:0.3s all;
    transition:0.3s all;
    display:inline-block;
    margin-right:20px; 
}

.beable_home__maginify_content a:hover {
    background:rgb(226, 22, 84);
    color:#ffffff;
}

@media screen and (min-width: 1024px) and (orientation: portrait) { 
    .beable_home__maginify_content {
        padding-left: calc(60% - 160px);
    }
    .beable_home__magnify_glass {
        width: 145%;
        right: -12%;
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) and (orientation: portrait) {  
    .beable_home__magnify_glass {
        width: 200px;
        height: 200px;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        right:auto;
    }
    
    .beable_home__maginify_content {
        padding-top:165px;
        padding-left:0;
        padding-right:0;
    }
    
    .beable_home__magnify_container {
        background-size:100%;
    }
    
    
}

/* Mobile */
@media screen and (max-width: 47.938em) {
    .beable_home__magnify_glass {
        width: 200px;
        height: 200px;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        right:auto;
    }
    
    .beable_home__maginify_content {
        padding-top:165px;
    }
    
    .beable_home__magnify_container {
        background-size:100%;
    }
    
    .beable_home__maginify_section {
        -webkit-clip-path:none;
        clip-path:none;
        padding-top:2em;
        background-size: 100% 600px; 
    }
}#summer_body__form {
    margin-bottom:calc(88px + 2em);
}

.products_summer_introwrap {

}
.products_summer_title {
font-size: 3rem;
    font-weight: bold;
    color: #e21655;
    text-transform: uppercase;
        width: 53%;
line-height: 1em;
}
.products_summer_desc {
    margin: 0;
    width: 50%;
}
.summer_item_wrapper {

}
.summer_item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
    margin-top: 3em;
}
.summer__item__img {
    margin: 0 auto;
    display: block;
}
.summer__item__desc {
    margin: 0;
    font-size: 1.25rem;
}




@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 
#summer_items {
width: 100% !important;
}
    .products_summer_introwrap {

}
.products_summer_title {
    width: 100%!important;
font-size: 4rem!important;
}
.products_summer_desc {
    width: 100%!important;
font-size: 2rem!important;
}
.summer_item_wrapper {

}
.summer_item {
    padding-top: 4em!important;
margin-top:-0.5em!important;
}
.summer__item__img {
    width: 12em!important;
}
.summer__item__desc {
font-size: 2rem!important;
}
#summer_form_wrap {
width: 100% !important;
}


.contact_form__wrapper {
margin: 0 auto;
    display: block;
    margin-left: 15em;
}

}


@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {

#summer_items {
width: 100% !important;
}
    .products_summer_introwrap {

}
.products_summer_title {
    width: 100%;
font-size: 4rem;
}
.products_summer_desc {
    width: 100%;
font-size: 2rem;
}
.summer_item_wrapper {

}
.summer_item {
    padding-top: 4em;
margin-top:-0.5em;
}
.summer__item__img {
    width: 12em;
}
.summer__item__desc {
font-size: 2rem;
}
#summer_form_wrap {
width: 100% !important;
}

}

@media screen and (max-width: 48em) {
#summer_items {
width: 100% !important;
}
    .products_summer_introwrap {

}
.products_summer_title {
    width: 100%;
}
.products_summer_desc {
    width: 100%;
}
.summer_item_wrapper {

}
.summer_item {
    padding-top: 4em;
margin-top:-0.5em;
}
.summer__item__img {

}
.summer__item__desc {

    padding-left: 0.5em;
}

}.exposure_intro {
        color: #e21655;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 3rem;
line-height: 1em;
}
.exposure_desc {

}
.coloured__exposure {
	color: white;
}
.coloured_text_area {
padding: 1em;
margin: 0;
}
#pink_exposure {
	background-color: #e21655;

    	margin-top: 2em;
}
#black_exposure {
	background-color: #333333;
}
#blue_exposure {
	background-color: #24a4dc;
}
.beable_exposure_img {
display: block;
    width: 49vw;
    padding-top: 10em;
}
@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) {  

#exposure__intro_wrapper {
	width: 100% !important;
}
#exposure__right_wrapper {
	width: 100% !important;
}
    .exposure_intro {
    	font-size: 3rem !important;
    }
    .exposure_desc {
    	font-size: 2rem !important;
    }
    .coloured__exposure {
    
    }
    .coloured_text_area {
    	font-size: 2rem !important;
    }
    #pink_exposure {
    	margin-top: 5em !important;
    }
    .black_exposure {
    
    }
    .blue_exposure {
    
    }
    .beable_exposure_img {
margin: 0 auto !important;
display: block !important;
width: 35em !important;
    }

}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {  
#exposure__intro_wrapper {
	width: 100%;
}
#exposure__right_wrapper {
	width: 100% !important;
}
    .exposure_intro {
    	font-size: 3rem;
    }
    .exposure_desc {
    	font-size: 2rem;
    }
    .coloured__exposure {
    
    }
    .coloured_text_area {
    	font-size: 2rem;
    }
    #pink_exposure {
    	margin-top: 5em;
    }
    .black_exposure {
    
    }
    .blue_exposure {
    
    }
    .beable_exposure_img {
margin: 0 auto;
display: block;
width: 50em;
    }

}



@media screen and (max-width: 48em) {
#exposure__intro_wrapper {
	width: 100%;
}
#exposure__right_wrapper {

}
    .exposure_intro {
    font-size: 2.5rem;
    }
    .exposure_desc {
    
    }
    .coloured__exposure {
    
    }
    .coloured_text_area {
    
    }
    .pink_exposure {
    
    }
    .black_exposure {
    
    }
    .blue_exposure {
    
    }
    .beable_exposure_img {
width: 20em;
    padding-top: 0em;
    }
    


}#career__large_angle {
    background-size: 100% 60%;
}

.www_logo_left {
margin: 0 auto;
    display: block;
    padding-top: 10em;
}

.exposure_2_title {
    font-size: 3rem;
    color: #e21655;
	font-weight: bold;
text-transform: uppercase;
line-height: 1em;
}

.exposure_2_info {
    font-size: 1.2rem;
}
.exposure_2_img_btright {
float: right;
    padding-top: 7em;
}
.left_bulb_expose {
    margin-top: -4em;
}
.right_bulb_title {
    font-size: 3rem;
    color: #e21655;
	font-weight: bold;
line-height: 1em;
text-transform: uppercase;
}
.right_bulb_info {
font-size: 1.2rem;
}
.www_logo {
	
}
.www_content {
	padding: 5em;
}
.angled-text-img {
position: absolute;
    width: 20em;
    margin-top: 5em;
    margin-left: 2em;
}

@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 
#career_accel2 {
width: 100%;
    padding-top: 6em;
}
#career_accel22 {
width: 100%;
}
#career_accel23 {
width: 100%;
}
#career_accel1 {
width: 100%;
}
.www_logo_left {        width: 27em !important;
    padding-top: 10em !important;}
.exposure_2_title {font-size: 4rem !important;}
.exposure_2_info {font-size: 2rem !important;}
.exposure_2_img_btright {float: none !important;
    display: block !important;
    margin: 0 auto !important;
    margin-top: 13em !important;}
.left_bulb_expose {     margin: 0 auto !important;
    display: block;    margin-top: 3em !important;}
.right_bulb_title { font-size: 4rem !important;}
.right_bulb_info {font-size: 2rem !important;}
.www_logo {}
.www_content { padding: 0em !important;}
.angled-text-img {   -webkit-transform: none !important;   transform: none !important;
    margin-top: 3em !important;
    font-size: 2rem !important;}
#career__large_angle {
background-size: 100% 74% !important;

}
.left_bulb_expose {
    margin-top: 0em;
}
}




@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {  
#career_accel2 {
width: 100%;
    padding-top: 6em;
}
.left_bulb_expose {
    margin-top: -4em;
}
#career_accel22 {
width: 100%;
}
#career_accel23 {
width: 100%;
}
#career_accel1 {
width: 100%;
}
.www_logo_left {        width: 27em;
    padding-top: 10em;}
.exposure_2_title {font-size: 4rem;}
.exposure_2_info {font-size: 2rem;}
.exposure_2_img_btright {float: none;
    display: block;
    margin: 0 auto;
    margin-top: 13em;}
.left_bulb_expose {     margin: 0 auto;
    display: block;    margin-top: 3em;}
.right_bulb_title { font-size: 4rem;}
.right_bulb_info {font-size: 2rem;}
.www_logo {}
.www_content { padding: 0em;}
.angled-text-img {   -webkit-transform: none;   transform: none;
    margin-top: 3em;
    font-size: 2rem;}
#career__large_angle {
background-size: 100% 74% !important;

}
}


@media screen and (max-width: 48em) {
#career_accel2 {
width: 100%;
}
#career_accel22 {
width: 100%;
}
#career_accel23 {
width: 100%;
}
#career_accel1 {
width: 100%;
}
.www_logo_left { width: 12em; padding-top: 1em; }
.exposure_2_title {}
.exposure_2_info {}
.exposure_2_img_btright {   margin: 0 auto;
    display: block;
    width: 18em;
    float: none;}
.left_bulb_expose {  }
.right_bulb_title {}
.right_bulb_info {}
.www_logo {}
.www_content {     padding: 0em;}
.angled-text-img {    margin-left: 0em;
    margin-top: 3em; }
#career__large_quote {background-size: 100% 74% !important;}
.left_bulb_expose {
    margin-top: 0em;
    width: 16em;
    display: block;
    margin: 0 auto;
}
}.career_sec3Title {
	font-size: 3rem;
	color: #e21655;
line-height: 1em;
text-transform: uppercase;
font-weight: bold;
width: 56%;
}
.career_sec3info {
	font-size: 1.25rem;
}
.pink__dotted_bottom {
	border-bottom: 2px dotted #e21655;
}
.pink__dotted__right {
	float: right;
}
.pink__dotted_bottom:nth-child(3) {
border: none;
}
.sec3_2_title {
	font-size: 3rem;
	color: #e21655;
line-height: 1em;
text-transform: uppercase;
font-weight: bold;
    margin-top: 1.5em;
}
.sec3_2_desc {

	font-size: 1.2rem;
}

@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) { 
.career_sec3Title {
	font-size: 3rem !important;
	width: 100%;
}
.career_sec3info {
	font-size: 2rem !important;
}
.pink__dotted_bottom {
	border-bottom: 2px dotted #e21655 !important;
}
.pink__dotted_bottom>p {font-size: 2rem !important; }
#pink__dotted__right {
	width: 100% !important
}
.sec3_2_title {
	font-size: 2.5rem !important;
}
.sec3_2_desc {

	font-size: 1.5rem !important;
}
#career_accel3_wrap {
    height: 115em !important;
    padding-top: 7em !important;
    margin-bottom: -7em;
}


}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 
.career_sec3Title {
	font-size: 3rem;
	width: 100%;
}
.career_sec3info {
	font-size: 2rem;
}
.pink__dotted_bottom {
	border-bottom: 2px dotted #e21655;
}
.pink__dotted_bottom>p {font-size: 2rem;}
#pink__dotted__right {
	width: 100% !important
}
.sec3_2_title {
	font-size: 3rem;
}
.sec3_2_desc {

	font-size: 2rem;
}
#career_accel3_wrap {
    height: 115em !important;
    padding-top: 7em !important;
    margin-bottom: -7em;
}

}


@media screen and (max-width: 48em) {
.career_sec3Title {
	font-size: 2rem;
	width: 100%;
}
.career_sec3info {
	font-size: 1.25rem;
}
.pink__dotted_bottom {
	border-bottom: 2px dotted #e21655;
}
#pink__dotted__right {
	width: 100% !important
}
.sec3_2_title {
	font-size: 2rem;
}
.sec3_2_desc {

	font-size: 1.2rem;
}
#career_accel3_wrap {
    height: 115em !important;
    padding-top: 7em !important;
}
}#basic__text {
    padding:3em 0;
}.beable_products__whole_child {
    --per: calc(100% - 100px);
    background: rgb(60,199,180);
    background: -webkit-linear-gradient(305deg, rgba(60,199,180,1) 0%, rgba(52,176,217,1) 40%);
    background: linear-gradient(145deg, rgba(60,199,180,1) 0%, rgba(52,176,217,1) 40%);
    color:white;       
    -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% var(--per));       
    clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% var(--per));
    padding-bottom:calc(2em + 100px);
}

.beable_products__whole_child__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.beable_products__whole_child__container img {
    max-width:100%;
}

.beable_products__whole_child__container .ang,
.beable_products__whole_child__list .ang {
    padding:1em;
}

.beable_products__whole_child__list .md-quarter img {
    margin:0 auto;
    display:block;
}

.wcc {
    padding-top:6em;
}

/* iPad */
@media screen and (orientation: portrait) and (min-width: 768px) {
    .beable_products__whole_child {
        -webkit-clip-path:none;
        clip-path:none;
    }

    .beable_products__whole_child__list .first__two img {
        width:110px;
    }

    .beable_products__whole_child__list .md-quarter img {
        margin:0 auto auto 0;
        display:block;
    }

}

/* Mobile */
@media screen and (max-width: 47.938em) {

    .wcc { 
        padding-top:0;
    }

    .beable_products__whole_child {
        -webkit-clip-path:none;
        clip-path:none;
    }
    
    .beable_products__whole_child__list img {
        width:110px;
        margin:0 auto;
        display:block;
    }
    
    .beable_products__whole_child p {
        font-size:16px !important;
    }
}.credit_recovery_title {
font-size: 3rem;
color: #e21655;
text-transform: uppercase;
font-weight: bold;
line-height: 1em;
}
.credit_recovery_desc {
   
}
.credit_recovery_img1 {
    margin: 0 auto;
display: block;
padding-top: 3em;
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
#credit_1_left {
width: 100% !important;
}
#credit_2_left{
width: 100% !important;
}
.credit_recovery_title {font-size: 4rem;}
.credit_recovery_desc {font-size:2rem;}
}


@media screen and (max-width: 48em) {
    .credit_recovery_title {
font-size: 2rem;
}
.credit_recovery_desc {
    
}
.credit_recovery_img1 {
    width: 18em
}
#credit_1_left {
width: 100% !important;
}
#credit_2_left{
width: 100% !important;
}
}#credit__2__container {
padding-top: 10em;
    margin-bottom:calc(88px + 2em);
}
@media screen and (max-height: 1024px) and (min-width: 768px) and (orientation: portrait) {
#credit__2__container {
padding-top: 27em;
}

#credit__2__fullwrapper{
margin-top:-15em;
}

  }
@media screen and (max-width: 48em) {
#credit__2__fullwrapper{
margin-top: -5em;
}

#credit__2__container {
padding-top: 15em;
}
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {  

#credit__2__fullwrapper{
margin-top:-20em;
}
#credit__2__container {

padding-top: 19em;
}

}.beable_products_learning_paths__slider_box,
.beable_products__learning_paths__title {
    max-width:1000px;
    width:calc(100% - 4em);
}

.beable_products__learning_paths__title {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.beable_products_learning_paths__nav_slider_image {
    position:relative;
    cursor:pointer;
}

.beable_products_learning_paths__nav_slider_image img:first-child {
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index:10;
    opacity:1;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.beable_products_learning_paths__nav_slider_image img:last-child {
    position:relative;
    z-index:1;
}

.slick-slide:not(.slick-current):hover .beable_products_learning_paths__nav_slider_image img:first-child {
    opacity:0.4;
}

.slick-current .beable_products_learning_paths__nav_slider_image img:first-child {
    opacity:0;
}

.beable_products_learning_paths__slider strong {
    font-weight:400;
    color:#34b0d9;
    font-size:22px;
}

.beable_products__learning_paths__content h2 {
    color:#e21654;
}

h2.beable_products__learning_paths__title {
    text-transform: none;
    font-weight:200;
    color:#34b0d9;
    margin:60px auto 40px auto;
}

.beable_products__learning_paths__content em > strong,
.beable_products__learning_paths__content strong > em {
    color:#34b0d9;
}
    
.beable_products_learning_paths__nav_slider_image img {
    max-width:172px;
    width:100%;
    height:auto;
}

.slider__navigation {
    position:relative;
    width:100%;
}

.slider_arrow__prev,
.slider_arrow__next {
    position: absolute;
    left: 0;
    top: calc(50% - 24px);
    width: 50px;
    z-index:100;
}

.slider_arrow__next {
    left: auto;
    right:0;
    top: calc(50% - 28px);
}

.slider_arrow__prev svg path,
.slider_arrow__next svg path {
    -webkit-transition:0.3s all;
    transition:0.3s all;
    fill: #dddddd;
}

.slider_arrow__prev:hover svg path,
.slider_arrow__next:hover svg path {
    fill: #34b0d9;
}

.slider_arrow__prev svg {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.beable_products_learning_paths__nav_slider {
    padding:0 80px;
}

.beable_products_learning_paths__slider {
    padding:0;
}

.beable_products_learning_paths__nav_slider_image img {
    display:block;
    margin:0 auto;
}

/* Mobile */
@media screen and (max-width: 47.938em) {
    h2.beable_products__learning_paths__title {
        font-size: 24px;
        line-height: 26px;
        width:100%;
    }
}.act_title {
	font-size: 3rem;
color: #e21655;
font-weight: bold;
text-transform: uppercase;
padding-right: 10em;
}
.act_desc {
	width: 77%;
}
@media screen and (max-width: 48em) {
.act_title  { padding-right: 0em;}
.act_desc {
	width:100%;
}
}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {  
.act_title  { padding-right: 0em; font-size: 4rem;}
.act_desc {font-size: 2rem;}
.act_desc {
	width: 100%;
}
}
.act__box {
	padding: 1em;
}
.act_box_img {
    margin: 0 auto;
    display: block;
    height: 12em;
}
.act_box_title {
font-size: 2rem;
	color: #2eade3;
}
.act_box_desc {
}
.act_box_UL {
  list-style: none;
  padding: 0;
  margin: 0;
padding-left: 1em;
}
.act_box_LI:before{color: #2eade3; content: "• "}
.act_box_LI {font-size: 1rem;}
.box__middle_title {
	font-size: 3rem;
text-align: center;
padding-left: 3em;
padding-right: 3em;
color: #2eade3; 
}
@media screen and (max-width: 48em) {
.box__middle_title  {
font-size: 2rem;
padding: 0em;
}


}


@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {  
.act_box_title {font-size: 3rem;}
.act_box_desc {
font-size: 2rem;
}
.act_box_LI {font-size: 2rem;}
.act_box_UL {}
.box__middle_title  {
font-size: 3rem;
padding: 0em;
}
.ipad__fullwidth {
width: 100% !important;
}
}.act_list {
margin-top: 2em;
}
.act_title__3{
font-size: 3rem;
    color: #e21655;
    font-weight: bold;
    text-transform: uppercase;
    width: 52%;
}
.act_num {
text-align: center;
    font-size: 2rem;
    padding: 0;
    padding-top: 0.3em;
    margin: 0;
    color: white;
}
.act_list>span {
	background-color: #24a4dc;
    position: absolute;
    width: 4em;
    height: 4em;
    border-radius: 100%;
}
.act_text {
    padding-left: 6em;
    padding-right: 29em;
    margin-top: 0em;
}
@media screen and (max-width: 48em) {
.act_list {}
.act_num {}
.act_list>span {margin-left: 3em;}
.act_text {padding: 0; margin-top: 4em;}

.act_title__3 {width: 100%;}

}
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
.act_list {}
.act_num {font-size: 3rem;padding-top: 0.5em;}
.act_list>span {margin-left: 3em;width: 7em;
    height: 7em;}
.act_text {    padding: 0;
    margin-top: 0em;
    float: right;
    width: 75%;
    font-size: 2rem;}

.act_title__3 {width: 100%;}

}.beable_products__lexile_results__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.beable_products__lexile_results__content img {
    width:100%;
    display:block;
}

.beable_products__lexile_results__content span {
    display:block;
    padding:1em 2em;
}

.beable_products__lexile_results {
    padding-top:0;
    padding-bottom:4em;
}.re_demo_title {
font-size: 3rem;
    color: #24a4dc;
    font-weight: bold;

}
.re_demo_desc {
padding-bottom: 3em;
}
.req_a_demo_title {
font-size: 3rem;
    color: white;
}
.req_a_demo_desc {
	color: white;
}
.req_a_demo_desc:before {
	content: '• ';

}
#re__demo_blue {
background-color: #24a4dc;
    padding: 12em;
	padding-top: 6em;
}
.req_demo_img {
	margin: 0 auto;
display: block;
}
@media screen and (max-width: 48em) {
#re__demo_blue {
padding: 1em;
}
.re_demo_title {


}
.re_demo_desc {

}
.req_demo_img {
	width: 17em;
}
.req_a_demo_title {

}
.req_a_demo_desc {

}

}

@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
#re__demo_blue {
padding: 1em;
}
.re_demo_title {

font-size: 4rem;
}
.re_demo_desc {
font-size: 2rem;
}
.req_demo_img {
	width: 55em;
}
.req_a_demo_title {

}
.req_a_demo_desc {
font-size: 2rem;
}

}.beable_products__description {
    background-size:100% auto;
    background-position:top left;
    background-repeat:no-repeat;
    padding-top:calc(100px + 2em);
    padding-bottom:calc(100px + 2em); 
}

.clip__left {
    -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%);       
    clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%);
}

.clip__right {   
    -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%);   
    clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%);
}

.beable_products__description__content h2 {
    color:#e21655;
    margin-bottom:20px;
}

.beable_products__description__content em > strong,
.beable_products__description__content strong > em {
    color:#29a4e0;
}

.beable_products__description__content ul {
    list-style-type:none;
    padding-left:4em;
    margin-top:2em;
}

.beable_products__description__content ul li {
    position:relative;
    font-size:16px;
    padding-bottom:1em;
    margin-top:1em;
}

.beable_products__description__content ul li:before {
    content:'•';
    color:#29a4e0;
    left:-15px;
    position:absolute;
    top:0;
}

.beable_products__course_list ul li:before,
.beable_products__description__content blockquote ul li:before {
    display:none;
}

.beable_products__course_list ul,
.beable_products__description__content blockquote ul {
    padding-left:0;
}

.beable_products__description__content blockquote ul li:not(:last-child) {
    border-bottom: 2px dashed #e21655;
}

.beable_products__description__content blockquote {
    padding-left:4em;
    padding-right:4em;
}

.beable_products__course_list {
    background:#e21655;
    padding:1em 2em; 
    border-radius:20px;
    color:white;
    max-width:190px;
}

.beable_products__course_list ul li {
    margin-top:8px;
    padding-bottom:8px;
}

.beable_products__course_list ul {
    margin-top:10px;
}

.beable_products__description__content {
    margin:2em 0 4em 0;
}

.beable_products__description__images img {
    max-width:100%;
}

@media screen and (min-width: 768px) and (orientation: portrait) {  
.beable_products__description__content blockquote {
    padding-right:0;
}
}

/* Mobile */
@media screen and (max-width: 47.938em) {
    .beable_products__description__content ul {
        padding-left:2em;
    }
    
    .beable_products__course_list {
        max-width:100%;
    }
    
    .beable_products__description__content blockquote {
        padding-left: 2em;
        padding-right: 0;
        margin: 0;
    }
    
    .clip__right,
    .clip__left {
        -webkit-clip-path:none;
        clip-path:none;
    }
    
    .beable_products__description {
        padding-top:2em;
        background-size: 100% 600px;
    }
}.sparks_background {
    height:100%;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    z-index:0;
}

#summer_sparks,
.sparks_background .ang {
    position:relative;
}

#summer_sparks {
    padding-bottom:12rem;
}

.sparks_background__image {
    background-size:cover;
    background-position:top right;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    position:absolute;
}

.sparks_content {
    position:relative;
    z-index:10;
}

.sparks_content h2 {
    text-transform: none !important;
    color:#28B1E5;
    font-weight:200;
}

.sparks_table__upper,
.sparks_table__lower {
    width:100%;
    margin:0 auto;
    position:absolute;
    top:0;
    left:0;
    padding:0 4em;
}

.sparks_table__lower {
    top:auto;
    bottom:0;
    padding:0 6em; 
}

.sparks_table__upper {
    top:4rem;
}

.sparks_table__upper h3,
.sparks_table__lower h3 {
    background: #DE154A;
    color: white;
    text-align: center;
    padding: 0.4em 0;
    margin: 0;
    width: 100%;
}

.sparks_table__lower h3 {
    background:#28B1E5;
}

.concursodeverano .sparks_table__upper h3 {
    font-size:23px;
}

.sparks_table__upper ul,
.sparks_table__lower ul {
    background: #28B1E5;
    color: white;
    padding: 10px 20px;
    margin: 0;
    width: 100%;
    list-style-type: none;
}

.sparks_table__lower ul {
    background: #DE154A;
}

.sparks_table__upper ul li,
.sparks_table__lower ul li {
    padding: 10px 5px;
    width: 100%;
    border-bottom:2px dotted white;
}

.sparks_table__upper ul li:last-child,
.sparks_table__lower ul li:last-child {
    border-bottom:none;
}

.sparks_table__upper ul.sparks_table__winners li:last-child span.prize__name {
   font-size:17px;
   margin: 5px 0;
}

.sparks_prizes span,
.sparks_table__upper span,
.sparks_table__lower span {
    display:block;
}

.prize__title {
    color:#21415F;
    font-weight:600;
}

.prize__name {
    font-weight:200;
}

.prize__points {
    font-weight:900;
    font-size:26px;
}

.howto__points {
    color:#2D2D2D;
    font-weight:600;
}

.sparks_prizes {
    border:10px solid #28B1E5;
    padding:0 20px;
    margin:1em 0;
    list-style-type: none;
}

.sparks_prizes li {
    padding:20px 0;
    border-bottom:1px solid #28B1E5;
}

.sparks_prizes li:last-child {
    border-bottom:none;
}

.sparks_prizes__title {
    font-size:28px;
    font-weight:600;
    color:#DE154A;
}

.sparks_prizes__name {
    font-size:20px;
    color:#DE154A;
}

.sparks_prizes > li:nth-child(odd) .sparks_prizes__title {
    color:#28B1E5;
}

.sparks_prizes > li:nth-child(odd) .sparks_prizes__name {
    color:#28B1E5;
}

.sparks_prizes > li:nth-last-child(2) {
    border-bottom:none !important;
}

.sparks_prizes > li:last-child .sparks_prizes__title {
     font-size:20px;   
}

#summer_sparks h4 {
    font-size:28px;
    font-weight:200;
    padding:0 20px;
}

#summer_sparks h4.txt__blue {
    font-weight:600;
}

#summer_sparks p {
    padding:20px;
}

#summer_sparks p + p {
    padding-top:0;
    margin-top:0;
}

#summer_sparks h2 {
    padding:0 20px;
}

#summer_sparks img {
    max-width:100%;
    height:auto;
}

@media screen and (max-width: 48em) {
    .sparks_background__image {
        opacity:0.2;
    }

    .sparks_table__upper,
    .sparks_table__lower {
        width:100%;
        margin:1em auto;
        position:relative;
        padding:0 2em;
        top:auto;
        left:auto;
    }
}img[class*="half_half__image"] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.beable__half_half {
    padding-top:4em;
    padding-bottom:1em;
    background-image:url('../images/topdown-gradient.png');
    background-size: 100% 100%;
    background-position: -50% center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 48em) {
    img[class*="half_half__image"] {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
    }

}.beable__academy_list {
    width:100%;
    max-width: calc(1310px + 4em);
    background:white;
    box-shadow:2px 2px 5px rgba(0,0,0,0.1), -2px 2px 5px rgba(0,0,0,0.1), -2px -2px 5px rgba(0,0,0,0.1), 2px -2px 5px rgba(0,0,0,0.1);
    margin:1em auto;
    display:block;
    padding:1em 2em;
    padding-left:140px;
    position:relative;
}

.beable__academy_list:before {
    position:absolute;
    top:0;
    left:0;
    width:103px;
    height:43px;
    content:'';
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
    background-image:url('../images/beable_block.png');
}

.beable__academy_list__container {
    padding:0 2em;
}

.beable__academy_list__content {
    color:#3399cc;
}

.academy_list__date strong {
    font-size:26px;
}

.beable__academy_list__list {
    list-style-type: none;
    padding:0;
}

.beable__academy_list__list li {
    padding:1em 0;
}

.beable__academy_list__list li:not(:last-child) {
    border-bottom:2px dotted #ccc;
}

.beable__academy_list__list li [data-type="description"] {
    color:#666666;
    font-size:18px;
}

.academy_list__date strong {
    font-size:26px;
    color:#3399cc;
}

.academy_list__details {
    padding:1em 0;
}

.academy_list__details a {
    color:#e21453;
    text-decoration: underline;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.academy_list__details a:hover {
    text-decoration: underline;
    color:#881034;
}

@media screen and (max-width: 48em) {
    .beable__academy_list {
        padding-left: 2em;
        padding-top: 4em;
    }
}.beable__academy_outro {
    padding-top:1em;
    padding-bottom:4em;
}

.beable__academy_outro__content {
    padding-bottom:1em;
    margin-bottom:1em;
    border-bottom:2px dotted #ccc;
    border-top:2px dotted #ccc;
    padding-top:1em;
}

.beable__academy_outro__content a {
    text-decoration: underline;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.beable__academy_outro__content a:hover {
    text-decoration: underline;
    color:#881034;
}.team__minibox.extended {
    width:  100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.team__minibox.extended > *:not(.tri_color_info_img) {
    position: static;
    margin: 0;
    line-height: 1;
}

.team__minibox.extended .tri_color_info_img {
    order: -1;
    margin-top:-25px;
    margin-left: -25px;
    margin-bottom: 25px;
}

.team__minibox.extended .team_headshot_p {
    text-align: center;width: 100%;
    display: flex;
    justify-content: center;
    margin: 0.5rem 0;
}

.team__minibox.extended .team_headshot {
    position: static;
    margin: 0px;
}

.team__minibox.extended div.team_headshot {
    position: relative;
    width: 75%;
    height: initial;
    border-radius: 50%;
    overflow:  hidden;
}
.team__minibox.extended div.team_headshot:before {
    content: '';
    padding-top: 100%;
}
.team__minibox.extended div.team_headshot img {
    width:  100%;
    height: 100%;
    top: 50%;
    left: 50%;
    /*transform:  translate(-50%,-50%);*/
}

.team__minibox.extended .team_firstname {
    margin-bottom: 0.5rem;
    font-size:  24px;
}

.team__minibox.extended .team_jobtitle {
    margin-bottom: 1rem;
}

.team__minibox.extended .team_jobtitle,
.team__minibox.extended .team_company {
    font-size:  18px;
}

.team__minibox.extended .leadership__arrow {
    position: absolute;
    top: initial;
    bottom: 1rem;
    right: 1rem;
}

#beable__meet_the_team_extended {
    margin-bottom:calc(88px + 2em);
}

#team__container_extended {
	max-width:965px;
}

.team_company {
    position: absolute;
    margin-top: 20.5em;
    max-width: 85%;
}


#modal-team .team__name span.company {
    font-size:17px;
    margin-top: 0.5rem;
}#why__work__full {
    margin-bottom:calc(88px + 2em);
}
.why_work_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.why_work_wrapper > .why_work_box{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    margin-left: 1em;
    margin-right: 1em;
	height: 14em;
	margin-top: -7em;
}
.why_work_title {
    font-size: 2.75vw;
    color: #23a4dd;
    font-weight: bold;
    text-transform: uppercase;
}
.why_work_box {
    width: 49%;
    margin-top: 2em;
    padding: 2em;
}

.why_work_box_title {
    font-weight: bold;
    font-size: 1.75vw;
    color: white;
    margin-top: -0.15em;
    text-transform: uppercase;
}
.why_work_box_description {
    font-size: 1.10vw;
    color: white;
}



@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
.why_work_wrapper {    margin-top: 13em;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    -ms-grid-row-align: unset;
    align-items: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    height: 34em;
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;}
.why_work_wrapper > .why_work_box {width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0em;
    padding: 1em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
	    margin-top: 1em;
}
.why_work_title {font-size: 4rem;
    padding-top: 2em;}
.why_work_box_title { font-size: 2rem;}
.why_work_box_description {font-size: 2rem;}
#why__work__full {
height: 66em !important;
}

 }


 @media screen and (orientation: portrait) and (min-width: 768px) and (max-height: 1024px){ .why_work_wrapper {    margin-top: 5em;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    -ms-grid-row-align: unset;
    align-items: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    height: 34em;
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;}
.why_work_wrapper > .why_work_box {width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0em;
    padding: 1em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
	    margin-top: 1em;
}
.why_work_title {font-size: 4rem;
    padding-top: 0em;}
.why_work_box_title { font-size: 2rem;}
.why_work_box_description {font-size: 2rem;}
#why__work__full {
height: 86em !important;
}}

@media screen and (max-width: 48em) {
.why_work_wrapper {    
    -webkit-box-align: unset;    
    -ms-flex-align: unset;    
    -ms-grid-row-align: unset;    
    align-items: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;}
.why_work_wrapper > .why_work_box {width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0em;
    padding: 1em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
	    margin-top: 1em;
}
.why_work_title {font-size: 2rem;}
.why_work_box_title { font-size: 2rem;}
.why_work_box_description {font-size: 1rem;}
#why__work__full {
height: auto !important;
}
}