@import url("fonts.css");

/* Main CSS */

/* Variables */

.tri {
max-width: 1310px;
}

*:focus:not(.focus-visible) {
outline: none;
}

.schema {
position:absolute;
left:-9999999px;
top:-99999999px;
}

.beable__menu_toggle {
position: absolute;
right: 1em;
top: 15px;
width: 100px;
background:rgba(0,0,0,0);
-webkit-transition: 0.3s all;
transition:0.3s all;
z-index:100;
}

.beable__menu {
width: calc(100% - 100px);
position: absolute;
z-index: 100;
top: 45px;
right: 100px;
/* background: pink; */
background: rgb(226,35,100);
background: -webkit-linear-gradient(129deg, rgba(226,35,100,0.95) 0%, rgba(215,38,111,0.95) 100%);
background: linear-gradient(321deg, rgba(226,35,100,0.95) 0%, rgba(215,38,111,0.95) 100%);
box-shadow:15px 15px 15px rgba(0,0,0,0.2), -15px 15px 15px rgba(0,0,0,0.2);
display:none;
}

.news__ticker {
width:100%;
padding:5px 0;
background: #f6285d;
background: -webkit-linear-gradient(left, rgba(40,165,223,1) 0%, rgba(246,40,93,1) 100%);
background: linear-gradient(90deg, rgba(40,165,223,1) 0%, rgba(246,40,93,1) 100%);
color:white;
}

.news__ticker p {
font-size: 30px;
line-height: 32px;
margin: 10px 0;
}

.news__ticker .ang {
padding-right:200px;
position:relative;
}

.news__ticker .cta__ghost {
position: absolute;
right: 0;
top: calc(50% - 18px);
}

footer,
.outer__content {
position:relative;
z-index:10;
}

.site__background {
width:150vw;
height:150vw;
position:fixed;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%) rotate(0deg);
transform:translate(-50%, -50%) rotate(0deg);
z-index:0;
background:white;
-webkit-transition: -webkit-transform 20s linear;
transition: -webkit-transform 20s linear;
transition: transform 20s linear;
transition: transform 20s linear, -webkit-transform 20s linear;
}

@media screen and (orientation: portrait) {
.site__background {
	width:150vh;
	height:150vh;
}
}

.site__background img {
width:100%;
height:100%;
display:block;
}

.beable__menu ul {
list-style-type:none;
padding:1em;
}

.beable__menu ul li {
border-bottom:1px solid rgba(255, 255, 255, 0.66);
}

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

.beable__menu ul li a {
padding:20px 0;
display:block;
font-size:16px;
color:white;
width:100%;
font-weight:200;
-webkit-transition: 0.3s all;
transition:0.3s all;
}

.beable__menu ul li a:hover {
color:rgba(255, 255, 255, 0.5);
}

.beable__menu_toggle.active {
background:rgba(0,0,0,0.4);
}

.beable__menu_toggle > .hamburger {
margin: 0 auto;
display: block !important;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
background-color:#e21654 !important;
}

/* Fonts */

.walsheim__font { font-family: 'GT-Walsheim'; }
.pixel__font { font-family: 'pixeled'; }
.cheryl__font { font-family: 'cheryl'; }

/* Basic Styles */

html,
body {
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
margin: 0;
padding: 0;
color:#666666;
}

/* body {
background-image:url(../images/background__gradient.jpg);
background-size: 100% auto;
background-repeat: repeat-y;
background-position:top left;
} 
*/

body {
overflow-x:hidden;
background:white!important;
}

a,
a:hover {
text-decoration: none;
}

*,
*:after,
*:before {
box-sizing: border-box;
}

.link__full {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:10;
}


/* Text Styles */

.txtC {
text-align: center !important;
}

.txtL {
text-align: left !important;
}

.txtR {
text-align: right !important;
}

.txtLmC {
text-align: left !important;
}

.txtCmL {
text-align: center !important;
}

.txtRmC {
text-align: right !important;
}

.txtRmL {
text-align: right !important;
}

.txt__light {
color:white;
}

.txt__dark {
color:#1d1d1d;
}

.txt__blue {
color:#29a4e0;
}

.txt__pink {
color:#e21453;
}

.txt__darkblue {
color:#002c3d;
}

.parallax-window {
background: transparent;
}

h1 {
font-size: 51px;
line-height: 46px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 0.8em 0;
}

h1 > .pixel__font {
font-size:65px;
color:black;
display:block;
margin-bottom:-40px;
}

h2 {
font-size: 3rem;
margin-bottom: 20px;
margin-top:20px;
text-transform: uppercase;
line-height: 1em;
}

h3 {
font-size: 30px;
font-weight: 400;
}

p {
font-size: 20px;
margin-bottom:10px;
line-height: 1.5em;
}

p + h3,
p + h2 {
margin-top:0px;
margin-bottom:0px;
}

@media screen and (max-width:29.9999em) {
p + h3, p + h2 {
	margin-top: 25px;
	margin-bottom: 25px;
}
}

h3 + p,
h2 + p {
margin-top:10px;
}

li {
font-size:20px;
}

.subtitle {
color:black;
margin-top:0.5em;
font-style: italic;
}

.justified {
text-align: justify !important;
}

/* CTA Styles */

.chevron__down:after {
content: '\f078';
margin-left: 15px;
color: white;
font-family: "Font Awesome 5 Free";
}

[class*="cta__"],
.filter > li > a,
{
border-radius: 12px;
}

[class*="cta__"],
.filter > li > a,
.pagination > li > a,
.wpcf7-submit {
padding: 5px 20px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
color: white;
border: none;
display: inline-block;
text-align: center;
font-size: 20px;
border-radius:8px;
}

.pagination > li:first-child > a {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}

.pagination > li:last-child > a {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

[class*="cta__"] > i {
font-size: 25px;
}

.wpcf7-submit {
border-radius:8px;
cursor:pointer;
}

.wpcf7-submit,
.cta__blue {
background-color: #29a4e0;
}

.wpcf7-submit:hover,
.cta__blue:hover {
background-color: #006b98;
}

.cta__pink {
background-color: #e6305f;
}

.cta__pink:hover {
background-color: #bf1f48;
}

.cta__ghost_dark {
border: 1px solid #cccccc;
color: #ccc;
font-weight: 200;
background:#24a4dc00;
}

.cta__ghost_dark:hover {
border: 1px solid #24A4DC;
color: #fff;
background:#24A4DC;
font-weight: 200;
}

.login__button {
position: absolute;
right: 0;
bottom: 50px;
max-width: 202px;
width: 100%;  
}

@media screen and (min-width: 48em) {
.login__button {
	bottom: 30px; 
}
}

.infographic + .cta__pink {
margin: -40px auto 40px auto;
font-size: 18px;
border-radius: 16px;
width: auto;
display:block;
position:relative;
z-index:20;
}

.cta__ghost {
color: white;
border: 1px solid white;
background-color: rgba(255, 255, 255, 0);
border-radius:25px;
}

.cta__ghost:hover {
border: 1px solid white;
color: #006b98;
background-color: #FFFFFF;
}

.pagination > li > a,
.filter > li > a {
border: 1px solid #009EE0;
color: #009EE0;
background: white;
}

.pagination > li > a:hover,
.pagination > li.active > a,
.filter > li > a:hover,
.filter > li > a.active {
border: 1px solid #549e4b;
color: white;
background: #549e4b;
}

.chevron__down:after {
content: '\f078';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 25px;
}

.form_action > button:after,
.chevron__right:after {
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 25px;
}

@media screen and (max-width:47.938em) {
[class*="cta__"],
.filter > li > a,
.pagination > li > a {
	font-size: 22px;
	max-width: 320px;
	min-width: auto;
}
}

/* Special Modal */

.modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #000;
opacity: 0;
visibility: hidden;
z-index: 998;
-moz-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
-o-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
-webkit-transition: opacity 0.25s ease, visibility 0.35s linear;
-webkit-transition-delay: 0s, 0s;
-webkit-transition: opacity 0.25s ease 0s, visibility 0.35s linear;
transition: opacity 0.25s ease 0s, visibility 0.35s linear;
}
.modal-overlay.state-show {
opacity: .7;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.2s, 0s;
transition-duration: 0.2s, 0s;
}

.modal-frame {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 999;
/*     display: table; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-box-align: center;
-webkit-box-pack: center;
justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
width: 100%;
visibility: hidden;
}
.modal-frame.state-appear {
visibility: visible;
}
.modal-frame.state-appear .modal-inset {
-webkit-animation: modalComeIn 0.25s ease;
animation: modalComeIn 0.25s ease;
visibility: visible;
/* to keep @ final state */
}
.modal-frame.state-appear .modal-body {
opacity: 1;
-webkit-transform: translateY(0) scale(1, 1);
transform: translateY(0) scale(1, 1);
}
.modal-frame.state-leave {
visibility: visible;
}
.modal-frame.state-leave .modal-inset {
-webkit-animation: modalHeadOut 0.35s ease 0.1s;
animation: modalHeadOut 0.35s ease 0.1s;
visibility: visible;
}
.modal-frame.state-leave .modal-body {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transform: translateY(25px);
transform: translateY(25px);
}

@-moz-document url-prefix() {
.modal-frame {
height: calc(100%);
}
}
.modal {
display: block;
vertical-align: middle;
height:100%;
width:100%;
max-width:965px;
max-height:80vh;
}

.modal-inset {
position: relative;
padding: 4em 6em 4em 6em;
background-color: #FFFFFF;
width: 100%;
height: 100%;
margin: auto;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
box-sizing:border-box;
background-size:150% auto;
background-position:top -50%;
}

.modal-inset .close {
display: block;
cursor: pointer;
position: absolute;
top: 2em;
right: 0;
padding: 10px;
opacity: .6;
z-index:999;
}
.modal-inset .close:hover {
opacity: 1;
}

.modal-inset .close svg {
height:30px;
}

.overflow { overflow:hidden !important; }

.modal-body {
margin: auto;
opacity: 0;
-webkit-transform: translateY(0) scale(0.8, 0.8);
transform: translateY(0) scale(0.8, 0.8);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}

.modal-body .tri {
max-width:1200px;
}

.modal-body {
width:100%;
height:100%;
}

@-webkit-keyframes modalComeIn {
0% {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
65.5% {
-webkit-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
100% {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes modalComeIn {
0% {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
65.5% {
-webkit-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
100% {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-webkit-keyframes modalHeadOut {
0% {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0) scale(1, 1);
transform: translateY(0) scale(1, 1);
}
100% {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(35px) scale(0.97, 0.97);
transform: translateY(35px) scale(0.97, 0.97);
}
}
@keyframes modalHeadOut {
0% {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0) scale(1, 1);
transform: translateY(0) scale(1, 1);
}
100% {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(35px) scale(0.97, 0.97);
transform: translateY(35px) scale(0.97, 0.97);
}
}

/* end modal */

/* Form Styling */

.BeableSelectRadio>span>.first { margin-bottom: 8.3em; } .BeableSelectRadio>span { display: -ms-grid; display: grid; } .beableSolutionsCheckbox>span { display: -ms-grid; display: grid; } .beableSolutionsCheckbox { position: absolute !important; margin-top: -15em; margin-left: 2em; font-size: 1rem; } .contact_form__wrapper { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: 10em; } .beable_contact_submit { -webkit-transition: background-color .5s ease-in-out; transition: background-color .5s ease-in-out; background-color: #e21655; } .beable_contact_submit:hover { -webkit-transition: background-color .5s ease-in-out; transition: background-color .5s ease-in-out; background-color: #bf1f48; }
.pink__cta {
background-color: #e21655;
}
.pink__cta:hover {
-webkit-transition: background-color .5s ease-in;
transition: background-color .5s ease-in;
background-color: #bf1f48;
}
@media screen and (max-width: 48em) {
.contact_form__wrapper {margin-left: -1em;}
.beableSolutionsCheckbox {
margin-top: -12em;
}

}
/* Colour Schemes */

.bg__white {
background: white;
}

.bg__grey {
background: #2E2E2E;
}

.bg__blue {
background: #29a4e0;
}
/* iPadPro - Form */
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
.contact_form__wrapper {margin: 0 auto;}
.ipad_pro_fullwidth{
width: 100% !important;
}

}
/* OUTER CSS - Styling for the header/footer container */

/* Section Styling */

.fullheight {
min-height: calc(100vh - 160px);
}

/* Header */

header {
position: relative;
top: 0;
left: 0;
background:white;
z-index:99;
width:100%;
padding:0;
}

header > .tri {
height: 130px;
padding:20px 0;
}

@media screen and (max-width:1390px) {    
header > .tri, .news__ticker, footer > div, .outer__content > .container__anchor > .tri:not(.right_slant_wrapper):not(.hero_home):not(#mission_and_vision) {
	padding-left:2em !important;
	padding-right:2em !important;
}

header > .tri .tri {
	padding-left:0!important;
	padding-right:0!important;
}
}

.logo {
width:100%;
max-width:196px;
display:inline-block;
}

.tagline {
color: #29a4e0;
font-size: 20px;
display: inline-block;
vertical-align:bottom;
padding-bottom:3px;
padding-left:10px;
}

header .cta__blue {
margin-left: -5em;
position: absolute;
}
header .cta__pink {
display:inline-block;
}

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

.navigation__bar a {
display: inline-block;
color: white;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.1em;
-webkit-transition: 0.3s all;
transition: 0.3s all;
background: rgba(0, 76, 147, 0);
display: block;
height: 108px;
line-height: 108px;
font-size: 22px;
margin-right: 1em;
padding: 0 1em;
position: relative;
}

.navigation__bar > li > a:after {
content: '';
position: absolute;
bottom: 30px;
height: 5px;
width: calc(100% - 2em);
background: #009EE0;
opacity: 0;
left: 1em;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}

.navigation__bar > li.current > a:after,
.navigation__bar a:hover:after {
opacity: 1;
}

.navigation__bar li {
display: inline-block;
font-size: 14px;
}

.mobile_menu__toggle {
color: white;
font-size: 22px;
display: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}

.mobile_menu__toggle:hover {
color: #009EE0;
}

@media screen and (max-width:47.938em) {
.mobile_menu__toggle {
	display: block;
	position: absolute;
	top: 67px;
	left: 2em;
}
.navigation__bar li {
	display: block;
	font-size: 14px;
	border-bottom: 1px solid #009DDF;
}
.navigation__bar a {
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.1em;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
	background: rgba(0, 76, 147, 0);
	display: block;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	margin-right: 1em;
	padding: 0;
	position: relative;
}
}

/* Footer */

.footer__top {
padding:2em 0;
color:#999999;
}

.footer__bottom {
padding:2em 0;
color:white;
text-align:center;
}

.footer__top a,
.footer__bottom a {
color:white;
opacity:1;
-webkit-transition: 0.3s all;
transition:0.3s all;
margin:0 20px 20px 20px;
display:inline-block;
}

.footer__top a:hover,
.footer__bottom a:hover {
opacity:0.7;
}

.footer__top a {
margin:0;
}

/* SECTIONS - CSS for each Content Type */

/* Hero Section */

.beable__background {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:10;
}

.beable__content {
z-index:15;
}

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

.beable__hero p {
font-size:40px;
margin-top:20px;
line-height:1.2em;
padding-bottom:100px;
}

.beable__hero h1 {
margin-bottom:0;
margin-top:20px;
}

.tm {
font-size:0.8em;
}

/* Content Section Styles */

.beable__01,
.beable__02,
.beable__03,
.beable__04,
.beable__05 {
position:relative;
}

.beable__block {
display:block;
margin:2em 0;
}

.beable__01 {
padding:100px 0;
position:relative;
}

.beable__01 .beable__background {
width:33.3%;
height:100%;
position:absolute;
left:0;
top:0;
background-image:url('../images/float__01.jpg');
background-size:auto 100%;
background-position:left center;
background-repeat: no-repeat;
} 

.beable_boxed__blue:before,
.beable_boxed__pink:before {    
content:'';
background: white;
height: 80px;
width: 100%;
position: absolute;
top: -1px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
z-index:5;
}

.beable_boxed__blue:after,
.beable_boxed__pink:after {    
content:'';
background: white;
height: 80px;
width: 100%;
position: absolute;
bottom: -1px;
-webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
z-index:5;
}

.beable__03:before {    
content:'';
background: white;
height: 70px;
width: 100%;
position: absolute;
top: -1px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
z-index:5;
}

.beable__03:after {    
content:'';
background: white;
height: 175px;
width: 100%;
position: absolute;
bottom: -1px;
-webkit-clip-path: polygon(0 0, 100% 100%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 100%, 100% 100%, 0 100%);
z-index:5;
}


.white__bottom {   
background: white;
height: 290px;
width: 100%;
position: absolute;
bottom: -1px;
-webkit-clip-path: polygon(0 0, 100% 100%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 100%, 100% 100%, 0 100%);
z-index:5;
}


_::-webkit-full-page-media .white__bottom, 
_:future .white__bottom, 
:root .safari_only .white__bottom,
_::-webkit-full-page-media .white__top, 
_:future .white__top, 
:root .safari_only .white__top,
_::-webkit-full-page-media .beable__03:after, 
_:future .beable__03:after, 
:root .safari_only .beable__03:after,
_::-webkit-full-page-media .beable__03:before, 
_:future .beable__03:before, 
:root .safari_only .beable__03:before,
_::-webkit-full-page-media .beable_boxed__blue:after, 
_:future .beable_boxed__blue:after, 
:root .safari_only .beable_boxed__blue:after,
_::-webkit-full-page-media .beable_boxed__blue:before, 
_:future .beable_boxed__blue:before, 
:root .safari_only .beable_boxed__blue:before,
_::-webkit-full-page-media .beable_boxed__pink:after, 
_:future .beable_boxed__pink:after, 
:root .safari_only .beable_boxed__pink:after,
_::-webkit-full-page-media .beable_boxed__pink:before, 
_:future .beable_boxed__pink:before, 
:root .safari_only .beable_boxed__pink:before {
display:none;
}

.beable__04:after {    
height: 200px;
}

.beable__pin {
display:none;
}

.beable_boxed__blue .beable__pin {
display:block;
position:absolute;
bottom:-70px;
z-index:0;
left:200px;
}

.beable__03 {
background-image:url('../images/beable__03.jpg');
background-size:cover;
background-repeat:no-repeat;
min-height:1000px;
}

.beable__05 {
background-color:white;
background-size:cover;
background-repeat:no-repeat;
background-position:top center;
}

.beable_03__block {
background: white;
padding: 1em 2em;
border: 20px #e21453 solid;
margin-top: 100px;
margin-bottom: 175px;
box-shadow:15px 15px 15px rgba(0,0,0,0.2), -15px 15px 15px rgba(0,0,0,0.2);
}

.coming__soon {
border: 1px solid #e21453;
color: #e21453;
width: 200px;
height: auto;
position: absolute;
bottom: -20px;
left: 0;
padding: 1em;
border-bottom:none;
}

.beable_02__block {
background: white;
padding: 2em 4em;
border: 20px #2aade1 solid;
margin-top: 175px;
margin-bottom: 110px;
z-index:10;
position:relative;
box-shadow:15px 15px 15px rgba(0,0,0,0.2), -15px 15px 15px rgba(0,0,0,0.2);
}

.beable_02__block ul,
.beable_04__block ul {
list-style-type: none;
padding-left:0;
}

.beable_02__block ul li,
.beable_04__block ul li {
margin-bottom:15px;
padding-left:30px;
position:relative;
}

.beable_02__block ul li:before,
.beable_04__block ul li:before {
content: '';
border-radius: 50%;
top: calc(50% - 8px);
left: 0;
height: 16px;
width: 16px;
background: #cccccc;
display: block;
position: absolute;
}

.beable_02__block ul li:before {
background:#2aade1;
}

.beable_04__block ul li:before {
background:#e21453;
}

.beable_04__block {
background: white;
padding: 2em 4em;
border: 20px #e21453 solid;
margin-top: 175px;
margin-bottom: 175px;
box-shadow:15px 15px 15px rgba(0,0,0,0.2), -15px 15px 15px rgba(0,0,0,0.2);
}

[class*="block_list__"] {
list-style-type:none;
padding-left:0;
margin-left:-2em;
width:calc(100% + 2em);
}

.beable__infographic__section {
padding-top:6em;
padding-bottom:6em;
background-size:cover;
background-position:right center;
}

.infographic {
width:100%;
}

[data-info="beable__info__01"] {
max-width:1310px;
}

[data-info="beable__info__02"] {
max-width:1189px;
margin:0 auto;
display:block;
}

[class*="block_list__"] li {
color:white;
padding:1em 1.5em 1em 2em;
border-radius:12px;
margin-bottom:1em;
}

.block_list__blue li:nth-child(odd) {
background:#002e66;
}

.block_list__blue li:nth-child(even) {
background:#3399cc;
}

.block_list__pink {
max-width:80%;
margin:1em auto 250px auto;
display:block;
}

.block_list__pink li {
padding:1em 1.5em 1em 1em;
background:#e21453;
border-left:20px white solid;
box-shadow:5px 5px 5px rgba(0,0,0,0.2), -5px 5px 5px rgba(0,0,0,0.2);
}

.white__top {
background: white;
height: 200px;
width: 100%;
position: absolute;
top: -1px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 36%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 36%, 0% 100%);
}

.h2__large {
font-size: 60px;
font-weight: 900;
margin-bottom: 0;
margin-top: 20px;
line-height: 60px;
margin-bottom: 40px;
}

.pink__aside {
border-radius:0 0 12px 0;
font-size:20px;
max-width:620px;
width:100%;
margin:4em 0;
border:2px solid #e21453;
overflow:hidden;
border-left:none;
}

.pink__inside {
background:#e21453;
padding:1em 2em;
}

.white__inside {
background:white;
padding:1em 2em;
}

.beable__dots {
margin:200px 0 40px 0;
z-index:10;
position:relative;
}

.beable__dots h2 {
font-size:75px;
}

.beable__dots span {
font-size:35px;
}

.beable_large__left,
.beable_large__right {
position:relative;
z-index:15;
}

.logo__list {
list-style-type:none;
padding:0;
margin:0;
width:100%;
}

.logo__list li {
display:inline-block;
margin-right:16px;
}

.beable_large__left span {
position:absolute;
left:100%;
top:40px;
width:400px;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
z-index:15;
}

.beable_large__right span {
position: absolute;
right: calc(100% - 70px);
bottom: 220px;
width: 200px;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
z-index:15;
}

.beable_large__right {
margin-top:200px;
}

.beable_circles__bg {
height:1536px;  
z-index:5; 
position:absolute; 
right:0; 
top:-30px; 
z-index:6;
}

.woman__owned {
margin-left:120px;
}

.slider__background {
padding:200px 0 400px 0;
width:100%;
background: rgb(41,204,154);
background: -webkit-linear-gradient(top, rgba(41,204,154,1) 0%, rgba(36,165,217,1) 100%);
background: linear-gradient(180deg, rgba(41,204,154,1) 0%, rgba(36,165,217,1) 100%);
}

.slider__background:before {
content:'';
background:white;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
width:100%;
height:175px;
position:absolute;
top:-1px;
left:0;
}

.slider__background:after {
content:'';
background-color:white;
background-image:url(../images/form__slant.jpg);
background-size:cover;
background-position:bottom center;
-webkit-clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
width:100%;
height:329px;
position:absolute;
bottom:-1px;
left:0;
}

body:not(.home) .slider__background:after {
display:none;
}

body:not(.home) .slider__background {
padding-bottom:200px;
}

.slider-nav, .slider-for {
padding-left:0;
}

.slider-nav li {
text-align:center;
cursor:pointer;
}

.slick-slide .photo__background > img {
-webkit-transition: 0.3s all;
transition:0.3s all;
display:block;
margin:0 auto;
}

.slick-slide:not(.slick-current) .photo__background .beable_slider__photo {
height:200px;
width:200px;
}

/*
.slider-nav .slick-slide.slick-current {
width:530px !important;
}

.slider-nav .slick-slide.slick-active:not(.slick-current) {
width:320px !important;
}
*/

.beable_slider__photo {
background-size:cover;
background-position:center center;
background-repeat: no-repeat;
border-radius:50%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.3s all;
transition:0.3s all;
position:absolute;
}

.slick-slide.slick-current .photo__background .beable_slider__photo {
height:350px;
width:350px;
position: relative;
}

.slider-nav .slick-slide.slick-current {
width:480px !important;
}

.slider-nav .slick-slide:not(.slick-current) {
width:250px !important;
}

.slick-slide.slick-current .photo__background {
margin-top:0;
}

.slick-slide.slick-current .slider_photo__title {
display:none;
}

.photo__background {
height:480px;
display:block;
position:relative;
}

.slick-current .photo__background {
background-image:url(../images/photo__bg.png);
background-size:100% 100%;
width:480px;
height:480px;
display:block;
}

.slick-slide .slider_photo__title {
color:white;
font-weight:200;
position: absolute;
left: 50%;
bottom: 65px;
width: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.slick-slide .slider_photo__title > .cheryl__font {
font-size:34px;
display:block;
color:#002c3d;
}

.slider__description h3 {
color:white;
font-size:70px;
text-align:center;
line-height:70px;
margin-top:20px;
margin-bottom:40px;
}

.slider__description h3 > span {
display:block;
}

.slider-for {
border: 15px solid white;
max-width: 800px;
margin: 0 auto;
padding:2em;
}

.slider__description p {
color:white;
text-align:justify;
font-weight:200;
line-height:32px;
}

[data-type="parallax"] {
position:relative;
background-size:cover;
background-repeat:no-repeat;
background-attachment: fixed;
/* overflow:hidden; */
}

.parallax__fade {
position: absolute;
bottom: 25px;
left: -10vw;
width: 120vw;
height: 120px;
background-image: url(../images/transparent__gradient.png);
background-size: 100% 100%;
background-position: top center;
background-repeat: no-repeat;
z-index: 0;
-webkit-transform: rotate(-2.9deg);
transform: rotate(-2.9deg);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.parallax__fade { display:none; }
}

@media screen and (min-width: 640px), screen\9 {
.parallax__fade { display:none; }
}

_::-webkit-full-page-media .parallax__fade, _:future .parallax__fade, :root .safari_only .parallax__fade {
display:none; 
}

.beable_boxed__blue [data-type="parallax"] {
background-position:left top;
}

.beable_boxed__pink [data-type="parallax"] {
background-position:right top;
}

.parallax__content {
position:relative;
z-index:15;
}

.beable__form h2 {
color: #999999;
font-size:60px;
margin-bottom:0;
padding-bottom:0;
}

.beable__form h3 {
margin-top:0;
padding-top:0;
}

.beable__form h3 span {
margin-top:0;
padding-top:0;
font-size:18px;
line-height:30px;
color: #999999;
}

.beable__form h3 span a {
color: #29a4e0;
text-decoration:underline;
-webkit-transition: 0.3s all;
transition:0.3s all;
}

.beable__form h3 span a:hover {
color: #0d7aaf;
text-decoration:underline;
-webkit-transition: 0.3s all;
transition:0.3s all;
}

.beable__form label {
color: #333333;
}

.beable__form .beable__checkbox label > span {
display: inline-block;
vertical-align: top;
width: 100%;
}

.beable__form .beable__checkbox span.beable__toggle {
display: block;
vertical-align: top;
width: 20px;
height: 20px;
border: 2px solid #29a4e0;
position: absolute;
left: -30px;
top: 0;
border-radius: 50%;
}

.beable__form .beable__checkbox input {
visibility:hidden;
}

.beable__form .beable__checkbox input:checked ~ span > span.beable__toggle:after {
content: '';
display: block;
width: 12px;
height: 12px;
background: #29a4e0;
position: absolute;
left: 2px;
top: 2px;
border-radius: 50%; 
}

.beable__checkbox span.wpcf7-list-item {
margin:0 !important;
}

.beable__form .beable__checkbox input {
display: inline-block;
vertical-align: top;
position: absolute;
}

.beable__checkbox {
margin-bottom:1em;
}

.txt__small {
font-size:14px;
display:block;
margin-bottom:20px;
}

.beable__form textarea {
width:100%; 
max-height:100px;
}

.beable__form textarea, input {
line-height:30px;
padding:0 10px;
}
.beable__form input {
margin-bottom:1em;
}

.beable__form > .tri {
max-width:820px;
margin:4em auto;
}

.parallax__image__seperator {
display:none;
}

.slider__title {
font-weight: 900;
color: white;
font-size: 50px;
padding-left: 12vw;
margin-top: -2em;

}

@media screen and (max-width: 1200px) {
.logo {
	max-height:70px;
	height:100%;
	width:auto!important;
}
.tagline {
	margin-top:0;
	display:block;
	font-size:16px;
	padding-top:0;
}
}

/* landscape tablet and normal monitor (>= 960px < 1440px) */
@media screen and (min-width:60em) and (max-width:76.8750em) {
.slider-nav .slick-slide:not(.slick-current) {
	width: 175px !important;
}

.slick-slide:not(.slick-current) .photo__background .beable_slider__photo {
	height: 150px;
	width: 150px;
	top: 45px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.slick-slide .slider_photo__title {
	bottom:0;
}

.photo__background {
	height: 280px;
}

.slick-slide.slick-current .photo__background .beable_slider__photo {
	height: 200px;
	width: 200px;
	position: relative;
}

.slick-current .photo__background {
	width: 280px;
	height: 280px;
}

.slider-nav .slick-slide.slick-current {
	width: 280px !important;
}
}

/* landscape phone and portrait tablet (>= 480px < 960px) */
@media screen and (min-width:30em) and (max-width:59.9999em) {

.slider__title {
	font-weight: 900;
	color: white;
	font-size: 50px;
	padding-left: 0;
	margin-top: 1em;
	text-align:center;
}

.logo {
	width: auto;
	height: 65px;
	margin-top: 0;
}

h2,
h3 {
	font-size: 30px;
}
p {
	font-size: 16px;
}
.flex__justify,
.flex__justify.tri {
	display: block;
}

.fullheight {
	min-height:auto;
}

.wow{
	
}
/* Header Style */


header > .tri, .news__ticker, footer > div, .outer__content > .container__anchor > .tri:not(.right_slant_wrapper):not(.hero_home):not(#mission_and_vision) {
	padding-left:2em !important;
	padding-right:2em !important;
}

header > .tri .tri {
	padding-left:0!important;
	padding-right:0!important;
}

header .cta__blue {
	margin-top: 49px;
	font-size: 15px;
}

/* Hero Style */

h1 > .pixel__font {
	font-size: 25px;
	margin-bottom: -11px;
}

h1 {
	font-size:41px;
}

.beable__hero p {
	font-size: 25px;
	padding-bottom:0;
}

.beable__hero {
	padding-bottom:4em;
	margin-bottom:-1px;
}

/* Intro Style */

.beable__01 {
	padding:1em;
}

/* Parallax Block Style */

.beable_boxed__blue:before, .beable_boxed__pink:before,
.beable_boxed__blue:after, .beable_boxed__pink:after {
	display:none;
}

.parallax__image__seperator {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:200px;
	width:100vw;
	min-width:100vw;
	left:-1em;
	position:relative;
	-webkit-clip-path: polygon(0 0, 100% 7%, 100% 92%, 0% 100%);
	clip-path: polygon(0 0, 100% 7%, 100% 92%, 0% 100%);
	display:block;
}

.beable__03 .parallax__image__seperator {
	background-image:url('../images/beable__03.jpg');
	background-position:top center;
}

.beable__03 {
	background-image:none;
	background:white;
}

.beable_03__block {
	background: white;
	padding: 0;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}

.beable_boxed__blue,
.beable_boxed__pink {
	background-image:none !important;
	background-color:white;
}

.beable_02__block {
	background: white;
	padding: 0;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}

.beable_04__block {
	background: white;
	padding: 0;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}

.parallax__fade {
	display:none;
}

.beable__03:before, .beable__03:after {
	display:none;
}

.block_list__pink {
	max-width: 100%;
	margin: 1em auto;
	display: block;
	width: 100%;
	min-width: 100%;
}

.block_list__pink p {
	font-size:17px;
}

/* Circles Stsyles */

.white__top {
	height: 60px;
	width: 100vw;
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 10;
}

.beable__circles__container {
	overflow:hidden;
}

.beable__dots h2 {
	font-size: 40px;
}

.beable__dots {
	margin: 90px 0;
}

.beable_large__right img,
.beable_large__left img {
	max-width:100%;
}

.tagline {
	margin-top:10px;
	display:block;
	font-size:16px;
}

.beable_large__right span,
.beable_large__left span {
	position: absolute;
	left: auto;
	top: auto; 
	right:auto;
	bottom:auto;
	width: 100%;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	z-index: 15;
}

.beable_large__right span {
	left: -200px;
	top: auto;
	right: auto;
	bottom: 88px;
}

.beable__dots span {
	font-size: 22px;
}

.beable_large__right {
	margin-top: 45px;
}

.beable_large__right img {
	margin-top:30px;
}

.white__bottom {
	height: 75px;
	width: 100vw;
	bottom: -1px;
	z-index: 10;
	left: -1em;
}

.woman__owned {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 150px;
}

.h2__large {
	font-size: 40px;
	line-height: 45px;
}

.pink__aside {
	border-radius: 0 0 12px 12px;
	font-size: 20px;
	max-width: 620px;
	width: 100%;
	margin: 2em 0;
	border: 2px solid #e21453;
	border-left: 2px solid #e21453;
}

#beable__women + .tri,
.pink__aside {
	text-align:center;
}

.slider__background:before,
.slider__background:after {
	display:none;
}

.outer__content > .container__anchor > .tri.slider__section {
	padding-left:0;
	padding-right:0;
}

/* Slider Styles */

.slider__background {
	padding: 2em 0;
}

.slick-slide:not(.slick-current) .slider__photo,
.slick-slide.slick-current .slider__photo {
	padding-left:5vw;
}

.slick-slide:not(.slick-current) .photo__background,
.slick-slide.slick-current .photo__background {
	width: 90vw;
	height: 90vw;
	background-repeat: no-repeat;
	background-position: center center;
}

.slick-slide:not(.slick-current) .photo__background .beable_slider__photo,
.slick-slide.slick-current .photo__background .beable_slider__photo {
	height: 50vw;
	width: 50vw;
}

.beable_slider__photo {
	background-size:cover;
	background-position:center center;
	background-repeat: no-repeat;
	border-radius:50%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: 0.3s all;
	transition:0.3s all;
	position:absolute;
}

.slider-nav .slick-slide.slick-current,
.slider-nav .slick-slide:not(.slick-current){
	width:100vw !important;
}

.slick-slide.slick-current .photo__background
.slick-slide:not(.slick-current) .photo__background {
	margin-top:0;
}

.slick-slide.slick-current .slider_photo__title,
.slick-slide:not(.slick-current) .slider_photo__title {
	display:none;
}

.slider-nav {
	max-height:100vw;
}

.slider__description h3 {
	font-size: 50px;
	line-height: 45px;
	margin-top:0;
}

.beable__form h2 {
	font-size:45px;
}

.beable__form .beable__checkbox label > span {
	padding-left: 30px;
}

.beable__form .beable__checkbox span.beable__toggle {
	left: 0;
}

.form__container input[type="text"],
.form__container input[type="email"],
.form__container textarea {
	margin-top:5px;
	border:1px solid #3b3b3b;
}
.slick-next {
	right:50px !important;
}

.slick-prev {
	left:26px !important;
}   

.slick-prev, .slick-next {
	top:-72px !important;
	z-index:10;
}
}

/* portrait phone (< 480px) */
@media screen and (max-width:29.9999em) {

[data-section="beable__info__01"] {
	position:relative;
}

[data-section="beable__info__01"]:before {
	content:'';
	width:233px;
	height:24px;
	background-image:url('../images/block.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	position:absolute;
	top: 20px;
	left: 1.1em;
}

.infographic__small [class*="cta__"] {
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.slider__title {
	font-weight: 900;
	color: white;
	font-size: 30px;
	padding-left: 0;
	margin-top: 1em;
	text-align:center;

}

.beable__menu_toggle {
	width: 60px;
}

.beable__menu {
	width: calc(100vw - 60px);
	right: 60px;
}

.beable__menu ul li a {
	font-size:15px;
}

.slider-for {
	background: rgb(41,204,154);
	background: -webkit-linear-gradient(top, rgba(41,204,154,1) 0%, rgba(36,165,217,1) 100%);
	background: linear-gradient(180deg, rgba(41,204,154,1) 0%, rgba(36,165,217,1) 100%);
}

.slick-prev, .slick-next {
	top: -54px !important;
	z-index: 10;
}

.slick-prev:before, .slick-next:before {
	font-size: 37px !important;
}

.slick-next {
	right:50px !important;
}

.slick-prev {
	left:26px !important;
}   

h2,
h3 {
	font-size: 30px;
}
p {
	font-size: 16px;
}
.flex__justify,
.flex__justify.tri {
	display: block;
}

.fullheight {
	min-height:auto;
}

.wow{
	
}
/* Header Style */


header > .tri, .news__ticker, footer > div, .outer__content > .container__anchor > .tri:not(.right_slant_wrapper):not(.hero_home):not(#mission_and_vision) {
	padding-left:2em !important;
	padding-right:2em !important;
}

header > .tri .tri {
	padding-left:0!important;
	padding-right:0!important;
}

.logo {
	font-size:15px;
	width: calc(100% - 1em);
	margin-top: -5px;
}

header .cta__blue {
	margin-top: 49px;
	font-size: 15px;
}

/* Hero Style */

h1 > .pixel__font {
	font-size: 25px;
	margin-bottom: -11px;
}

h1 {
	font-size:41px;
}

.beable__hero p {
	font-size: 25px;
	padding-bottom:0;
}

.beable__hero {
	padding-bottom:4em;
	margin-bottom:-1px;
}

/* Intro Style */

.beable__01 {
	padding:1em;
}

/* Parallax Block Style */

.beable_boxed__blue:before, .beable_boxed__pink:before,
.beable_boxed__blue:after, .beable_boxed__pink:after {
	display:none;
}

.parallax__image__seperator {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:200px;
	width:100vw;
	min-width:100vw;
	left:-1em;
	position:relative;
	-webkit-clip-path: polygon(0 0, 100% 7%, 100% 92%, 0% 100%);
	clip-path: polygon(0 0, 100% 7%, 100% 92%, 0% 100%);
	display:block;
}

.beable__03 .parallax__image__seperator {
	background-image:url('../images/beable__03.jpg');
	background-position:top center;
}

.beable__03 {
	background-image:none;
	background:white;
}

.beable_03__block {
	background: white;
	padding: 0;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}

.beable_boxed__blue,
.beable_boxed__pink {
	background-image:none !important;
	background-color:white;
}

.beable_02__block {
	background: white;
	padding: 0;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}

.beable_04__block {
	background: white;
	padding: 0;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}

.parallax__fade {
	display:none;
}

.beable__03:before, .beable__03:after {
	display:none;
}

.block_list__pink {
	max-width: 100%;
	margin: 1em auto;
	display: block;
	width: 100%;
	min-width: 100%;
}

.block_list__pink p {
	font-size:17px;
}

/* Circles Stsyles */

.white__top {
	height: 60px;
	width: 100vw;
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 10;
}

.beable__circles__container {
	overflow:hidden;
}

.beable__dots h2 {
	font-size: 40px;
}

.beable__dots {
	margin: 90px 0;
}

.beable_large__right img,
.beable_large__left img {
	max-width:100%;
}

.beable_large__right span,
.beable_large__left span {
	position: relative;
	left: auto;
	top: auto;
	right:auto;
	bottom:auto;
	width: 100%;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	z-index: 15;
}

.beable__dots span {
	font-size: 22px;
}

.beable_large__right {
	margin-top: 45px;
}

.white__bottom {
	height: 75px;
	width: 100vw;
	bottom: -1px;
	z-index: 10;
	left: -1em;
}

.woman__owned {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 150px;
}

.h2__large {
	font-size: 40px;
	line-height: 45px;
}

.pink__aside {
	border-radius: 0 0 12px 12px;
	font-size: 20px;
	max-width: 620px;
	width: 100%;
	margin: 2em 0;
	border: 2px solid #e21453;
	border-left: 2px solid #e21453;
}

#beable__women + .tri,
.pink__aside {
	text-align:center;
}

.slider__background:before,
.slider__background:after {
	display:none;
}

.outer__content > .container__anchor > .tri.slider__section {
	padding-left:0;
	padding-right:0;
}

/* Slider Styles */

.slider__background {
	padding: 2em 0;
}

.slick-slide:not(.slick-current) .slider__photo,
.slick-slide.slick-current .slider__photo {
	padding-left:5vw;
}

.slick-slide:not(.slick-current) .photo__background,
.slick-slide.slick-current .photo__background {
	width: 90vw;
	height: 90vw;
	background-repeat: no-repeat;
	background-position: center center;
}

.slick-slide:not(.slick-current) .photo__background .beable_slider__photo,
.slick-slide.slick-current .photo__background .beable_slider__photo {
	height: 50vw;
	width: 50vw;
}

.beable_slider__photo {
	background-size:cover;
	background-position:center center;
	background-repeat: no-repeat;
	border-radius:50%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: 0.3s all;
	transition:0.3s all;
	position:absolute;
}

.slider-nav .slick-slide.slick-current,
.slider-nav .slick-slide:not(.slick-current){
	width:100vw !important;
}

.slick-slide.slick-current .photo__background
.slick-slide:not(.slick-current) .photo__background {
	margin-top:0;
}

.slick-slide.slick-current .slider_photo__title,
.slick-slide:not(.slick-current) .slider_photo__title {
	display:none;
}

.slider-nav {
	max-height:100vw;
}

.slider__description h3 {
	font-size: 50px;
	line-height: 45px;
	margin-top:0;
}

.beable__form h2 {
	font-size:45px;
}

.beable__form .beable__checkbox label > span {
	padding-left: 30px;
}

.beable__form .beable__checkbox span.beable__toggle {
	left: 0;
}

.form__container input[type="text"],
.form__container input[type="email"],
.form__container textarea {
	margin-top:5px;
	border:1px solid #3b3b3b;
}

.slider__description p {
	text-align:left;
}
}

.footer_title_demo {
font-size: 2.5rem;
white-space: nowrap;
color: white;
}
.footer_title_desc {
font-size: 1.25rem;
color: white;
}
.footer_demo_cta {
position: absolute;
border: 2px solid white;
border-radius: 6px;
height: 3em;
white-space: nowrap;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.8em;
-webkit-transition: background-color 0.5s ease-in;
transition: background-color 0.5s ease-in;
background-color: transparent;
}
.footer_demo_cta:hover {
-webkit-transition: background-color 0.5s ease-in;
transition: background-color 0.5s ease-in;
background-color: white;
}
.footer_demo_a {
display:inline-block;
line-height:40px;
padding:5px 20px;
margin-top: 20px;
font-size: 20px;
-webkit-transition: 0.3s all;
transition:0.3s all;
color: white;
border:1px solid white;
border-radius:12px;
}
.footer_demo_a:hover {
color: #FFFFFF;
background:#e21654;
}
.social_icon_wrapper {
-webkit-transition: background-color 0.3s ease-in;
transition: background-color 0.3s ease-in;
height: 40px;
width: 40px;
border-radius: 100%;
}
.social_icon_wrapper:hover {
-webkit-transition: background-color 0.3s ease-in;
transition: background-color 0.3s ease-in;
background-color: #e21655;
}
.social_ig_icon {
height: 40px;
}
.social_yt_icon {
height: 16px;
width: 22px;
margin-top: 0.8em;
margin-left: 0.6em;
}
.social_tw_icon {
height: 19px;
width: 22px;
margin-top: 0.7em;
margin-left: 0.6em;
}
.social_fb_icon {
height: 24px;
width: 12px;
margin-top: 0.5em;
margin-left: 0.8em;
}
.social_footer_icon_wrapper {
width:100%;
text-align:center;
margin-top:100px;
position: relative;
display:block;
}

.social_footer_icon_wrapper a {
display:inline-block;
margin:0 auto;
}

.green_footer_class {
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
background-position-y: -18em;
}
@media screen and (max-width: 48em) {
.tems__of__use {padding: 1em;}
.privacy__policy__text {padding: 1em;}
}
@media screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
.green_footer_class {
background-position-y: 0em;}
}
.green_footer_class .footer__top {
color: white !important;
}


.header_menu>UL {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 3.3em;
}
.header_menu_UL {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 3.3em;
}
.sub-menu {
background-color: rgba(226, 22, 85, 0.9);
display: none;
list-style: none;
box-shadow: 0px 0px 20px 0px #0000007d;
}
#menu-header_menu.mainMenu > li:hover > .sub-menu {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: absolute;
margin-left: -9em;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 8em;
padding-left: 0em;
padding-top: 2em;
padding-bottom: 2em;
top:calc(100% - 20px);
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
#menu-header_menu.mainMenu > li:hover > .sub-menu {
	
	top:calc(100% + 20px);
}
}}

.sub-menu>li:not(:last-child) {
border-right: 2px dotted white;

}
.sub-menu>li {
padding-right: 1em;
padding-left: 1em;
padding-bottom: 2em;
width: auto;
text-align: initial;
line-height: 0.9em;
display:inline-block;
}
.sub-menu>li>a {
color: white;
}


.header_menu_LI {
margin-right: 10em;
margin-left: -8em;
height: 3em;
}
.header_menu_LI>a {
-webkit-transition: color 0.1s ease-in;
transition: color 0.1s ease-in;
color: #333333;
}
.header_menu_LI>a:hover {
-webkit-transition: color 0.1s ease-in;
transition: color 0.1s ease-in;
color: #24a4dc
}
.active-nav-item {
color: #24a4dc !important;
}

.contact_left_cta {
margin-top: 0.5em !important;
color: #333333;
text-decoration: none;
display: inline-block;
margin-right:20px;
}
.contact_left_cta:after {
content: '';
width: 0px;
height: 1px;
display: block;
background: #e6305f;
-webkit-transition: 500ms;
transition: 500ms;
}
.contact_left_cta:hover:after {
width: 100%;
}

.mobile_menu__only {
display:none;
}

.mobileMenu .mobile_menu__only {
display:block;
}

.mobileMenu .header_menu_LI {
margin-right: auto;
margin-left: auto;
height:auto;
border-bottom:0;
}

.mobileMenu .header_menu_LI > a {
font-size:20px;
padding-bottom:0;
}

.mobileMenu .header_menu_LI .sub-menu {
display:block;
width:100%;
background-color:rgba(0,0,0,0)!important;
box-shadow:none !important;
padding-top:0;
padding-bottom:0;
}

.mobileMenu .header_menu_LI .sub-menu > li {
width:auto;
height:auto;
padding:0;
display: block;
}

.mobileMenu .sub-menu>li:not(:last-child) {
border-right:none;
}

.mobileMenu a:hover {
color:#24a4dc!important;
}


/* mobile Header - Start*/
@media screen and (max-width: 48em) {
.mobile__fullwidth {
width: 100% !important;
}
#contact__header {

}
.contact_left_cta {
	margin-left: 0em !important;
margin-top: 2em !important;
}
.cta__pink {
margin-left: -10em !important;
width: auto;
margin-top: 2.75em;
font-size: 18px;
}

}

/* Mobile Header - End */

/*Mobile Footer - Start */
@media screen and (max-width: 48em) {
.green_footer_class {
height: auto;
background-repeat: no-repeat;
background-position-y: unset;


}
#footer__main_content {
width: 100%;
}
.footer_demo_a {
font-size: 1rem;
}
.footer_title_demo {
white-space: normal;
}
}

.tablet__only {
display:none;
}

/*Mobile Footer -End */

/* Smaller than Max Width CSS */

@media screen and (max-width:1200px) {
.news__ticker p {
	font-size: 20px;
	line-height: 22px;
}
}

/* iPad */
@media screen and (orientation: portrait) and (max-width: 1024px) {
.tablet__only {
	display:block;
}

#contact__header {
	position:relative;
}

#contact__header > a,
.header_menu {
	display:none;
}
}

@media screen and (max-width: 48em) {
.news__ticker .ang {
	padding-right:0;
}
.news__ticker .cta__ghost {
	position:relative;
}    
.tagline {
	margin-top:10px;
	display:block;
	font-size:16px;
}
.es.tagline {
	margin-top: 5px;
	font-size:13px;
}
.wow {
	-webkit-animation-delay: 0s!important;
	animation-delay: 0s!important;
}
}




.container-summer {
max-width: 1200px;
margin: 0px auto;
width: 100%;
padding: 0 15px;
}
.cnt_wrap {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cnt_col:nth-child(1) {
padding-right: 40px;
}
.cnt_col {
-webkit-flex: 0 0 65%;
-webkit-box-flex: 0 0 65%;
-moz-flex: 0 0 65%;
-moz-box-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
width: 100%;
}
.cnt_col:last-child {
-webkit-flex: 0 0 35%;
-webkit-box-flex: 0 0 35%;
-moz-flex: 0 0 35%;
-moz-box-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
padding-right: 0px;
}
.cl-fl {
font-family:'GT-Walsheim', 'Open Sans', sans-serif;
}
.cl-fl {
padding: 0 0 70px;
}
.cl-fl .top-pr {
padding: 30px 0 30px 100px;
}
.cl-fl p {
font-size: 20px;
color: #333;
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
line-height: 30px;
}
.cl-fl p em {
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
}
.cl-fl p a {
color: #00adf1;
cursor: inherit;
}
.cl-fl p span {
	color: #00adf1;
}
.cl-fl ul li span {
color: #00adf1;
cursor: inherit;
}
.text-imgs {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.text-imgs .img-l {
-webkit-flex: 0 0 40%;
-webkit-box-flex: 0 0 40%;
-moz-flex: 0 0 40% -moz-box-flex:0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
width: 100%;
text-align: center;
}
.text-imgs .img-l img {
margin: 0 0 30px;max-width: 100%;
}
.text-imgs .right-l {
-webkit-flex: 0 0 55%;
-webkit-box-flex: 0 0 55%;
-moz-flex: 0 0 55%;
-moz-box-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
width: 100%;
padding: 0 0 0 30px;
}
.text-imgs .no-sides {
width: 65px;
margin: 0px auto;
display: table;font-weight: bold;
height: 65px;
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
background: #e6165d;
border-radius: 100%;
font-size: 40px;
text-align: center;
line-height: 65px;
color: #fff;
}
.cl-fl p {
font-size: 20px;
color: #333;
font-family:'GT-Walsheim', 'Open Sans', sans-serif;
line-height: 30px;
}
.cl-fl ul li {
margin: 25px 0 0;
list-style: none;
line-height: 30px;
font-size: 20px;
color: #333;
font-family:'GT-Walsheim', 'Open Sans', sans-serif;
position: relative;
}
.cl-fl ul li::before {
position: absolute;
content: "";
width: 4px;
height: 4px;
background: #e6165d;
border-radius: 100%;
top: 12px;
left: -10px;
}
.red-bottom {
background: #e6165d;
padding: 20px;
margin: 50px 0 10px;
text-align: center;
}
.red-bottom h5 {
font-weight: normal;
color: #fff;
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
text-align: center;
margin: 20px 0 10px;
font-size: 20px;
padding: 0 40px;
}
.red-bottom h5 b {
display: block;
font-family:'GT-Walsheim', 'Open Sans', sans-serif;
}
.gray-botm {
background: #efefef;
padding: 30px 50px;
}
.cnt_col .gray-botm h4 {
font-family:'GT-Walsheim', 'Open Sans', sans-serif;
text-align: center;
color: #e6165d;
width: 100%;
font-weight: bold;
margin: 0;
}
.formc h4 {
font-size: 33px;
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
line-height: 42px;
color: #00adf1;
width: 82%;
font-weight: normal;
}
.gray-botm p {
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
text-align: center;
margin: 5px 0 0;

}
.im-banner.summer-banner .text-banner-rights {
max-width: 800px;
float: right;
width: 100%;
letter-spacing: -1px;
display: inline-block;
padding: 250px 0 0;
}
.im-banner .text-banner-rights h5 {
font-size: 36px;
color: #e6165d;
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
line-height: normal;
margin: 0;
font-weight: 500;
}
.sub-hd {
font-size: 26px;
color: #00adf1;
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
line-height: normal;
margin: 20px 0 0;
font-weight: 500;
}
.im-banner.summer-banner {
padding: 195px 0 90px;
background-size: cover !important;
background-position: center center !important;
display: table;
position: relative;
width: 100%;
}
.rigt-f h5 {
font-size: 26px;
color: #e6165d;
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
text-align: center;
margin: 0 0 20px;
}
.rigt-f form input {
border: 1px solid #00adf1;
margin: 6px 0 6px;
height: 36px;width: 100%;
}
.rigt-f form label {
color: #999;
font-family:  'GT-Walsheim', 'Open Sans', sans-serif;
margin-left: 0px;font-weight: normal;
font-size: 14px; margin-top:6px;
}
.rigt-f form label span {
		 color: #999;
font-family:  'GT-Walsheim', 'Open Sans', sans-serif;
margin-left: 0px;font-weight: normal;
font-size: 14px; margin-top:6px;
/*color: red !important;
margin-right: 10px; */
}


.rigt-f form label span.hs-form-required
{
float: left;
margin-right: 10px;
color:red;
list-style-type: none;
padding: 0;


}
.submitted-messag{
	text-align: center;
}
.rigt-f .hbspt-form .submitted-message
{
	overflow: initial !important;  
	text-align: center;

} 
.rigt-f form ul.hs-error-msgs
{
list-style-type: none;
padding: 0;
 margin: 7px 0;
}
.rigt-f form ul.hs-error-msgs li label{
color: red;
}
.rigt-f form p {
margin:0;
line-height:normal;
}
.cl-fl ul li:empty{
display:none;
}
.rigt-f form .wpcf7-form-control.wpcf7-submit, .rigt-f form .submitted-message a, .rigt-f form input[type="submit"], .rigt-f .hbspt-form .submitted-message p a{
border: 0;
font-family: 'GT-Walsheim', 'Open Sans', sans-serif;
background: #00adf1;
color: #fff;
width: 100%;
font-size: 25px;
padding: 14px 20px;
height: auto;
margin:30px 0 0;
border-radius: 50px;
}
.rigt-f {
border: 2px solid #e6165d;
padding: 30px 35px;
margin: 50px 0 0;
}
.rigt-f .wpcf7 form .wpcf7-response-output {
margin: 0em 0.5em 0em;align-content}

.red-bottom img {
max-width:100%;
}

@media(min-width:1200px) and (max-width:1490px) {
.im-banner.summer-banner .text-banner-rights {
max-width:700px
}
}
@media(max-width:767px) {
.im-banner {
background-size:126% !important;
padding:20px 0 30px;
background-repeat:no-repeat !important;
background-position:left -8px top !important;
background-image:url(https://f.hubspotusercontent30.net/hubfs/7152034/2021/feb/impossible%202.png) !important;
min-height:330px
}
.sub-hd {
font-size:18px;
margin:0px 0 0
}
.im-banner.summer-banner {
background-image:url(https://f.hubspotusercontent30.net/hubfs/7152034/2021/feb/summer-mb-banner.jpg) !important;
min-height:280px;
padding:0;
padding-bottom:20px
}
.im-banner.summer-banner .text-banner-rights {
max-width:240px
}
.im-banner .banner-log img {
max-width:135px
}
.im-banner .text-banner-rights h3 {
font-size:22px
}
.im-banner .text-banner-rights h2 {
font-size:22px
}
.im-banner .text-banner-rights h5 {
font-size:20px
}
.im-banner .text-banner-rights {
padding:98px 0 0;
max-width:180px;
position:absolute;
bottom:20px;
right:15px
}
}
@media(min-width:400px) and (max-width:450px) {
.im-banner {
min-height:auto;
background-position:left -35px top !important;
background-size:100% !important
}
.im-banner .text-banner-rights {
max-width:230px;
padding:90px 0 0;
position:relative;
left:0;
bottom:0
}
.im-banner.summer-banner {
padding:0px 0 30px
}
.im-banner.summer-banner .text-banner-rights {
max-width:260px;
padding:90px 0 0;
position:absolute;
right:0;
bottom:20px;
left:auto
}
}
@media(max-width:480px) {
.im-banner.summer-banner {
background-image:url(https://corp-staging.beable.com/wp-content/uploads/2021/03/summer-mb-banner.jpg) !important;
background-position:left -12px top !important;
padding:175px 0 90px
}
.im-banner.summer-banner .text-banner-rights {
max-width:221px
}
.im-banner.summer-banner .text-banner-rights h5 {
font-size:16px
}
.sub-hd {
font-size:15px
}
}
@media(min-width:451px) and (max-width:530px) {
.im-banner {
background-position:left 0 top !important;
min-height:auto;
background-size:100% !important
}
.im-banner .text-banner-rights {
padding:120px 0 0;
max-width:230px;
position:relative;
bottom:0;
right:0
}
}
@media(min-width:531px) and (max-width:600px) {
.im-banner {
background-position:left 0 top !important;
min-height:auto;
background-size:100% !important
}
.im-banner .text-banner-rights {
padding:150px 0 0;
max-width:290px;
position:relative;
bottom:0;
right:0
}
}
@media(min-width:601px) and (max-width:670px) {
.im-banner {
background-position:left 0 top !important;
min-height:auto;
background-size:100% !important
}
.im-banner .text-banner-rights {
padding:175px 0 0;
max-width:290px;
position:relative;
bottom:0;
right:0
}
}
@media(min-width:671px) and (max-width:730px) {
.im-banner {
background-position:left 0 top !important;
min-height:auto;
background-size:100% !important
}
.im-banner .text-banner-rights {
padding:205px 0 0;
max-width:260px;
position:relative;
bottom:0;
right:0
}
}
@media(min-width:731px) and (max-width:767px) {
.im-banner {
background-position:left 0 top !important;
min-height:auto;
background-size:100% !important
}
.im-banner .text-banner-rights {
padding:225px 0 0;
max-width:260px;
position:relative;
bottom:0;
right:0
}
}
@media(min-width:768px) and (max-width:991px) {
.im-banner {
padding:10px 0 30px;
width:100%
}
.im-banner .text-banner-rights {
max-width:400px;
padding:150px 0 0
}
.im-banner .banner-log img {
max-width:145px
}
.im-banner .text-banner-rights h3 {
font-size:30px
}
.im-banner .text-banner-rights h2 {
font-size:36px
}
.im-banner .text-banner-rights h5 {
font-size:24px
}
.sub-hd {
font-size:20px;
margin:0px 0 0
}
.im-banner.summer-banner .text-banner-rights {
max-width:460px
}
.im-banner.summer-banner {
padding:35px 0 60px
}
}
@media(min-width:992px) and (max-width:1199px) {
.im-banner {
padding:15px 0 30px
}
.im-banner .text-banner-rights h3 {
font-size:34px
}
.im-banner .text-banner-rights h2 {
font-size:42px
}
.im-banner .text-banner-rights h5 {
font-size:26px
}
.im-banner .text-banner-rights {
padding:190px 0 0;
max-width:440px
}
.im-banner.summer-banner {
padding:105px 0 80px
}
.im-banner.summer-banner .text-banner-rights {
max-width:610px
}
}





@media(min-width:1200px) and (max-width:1490px) {
.gray-botm p {
margin:5px 0 0
}
}
@media(min-width:768px) and (max-width:991px) {
.line-border {
margin-left:0px !important
}
}
@media(max-width:767px) {
.gray-botm {
padding: 30px 30px;
margin: 0 0 30px;
}
.cl-fl .top-pr {
padding:30px 0 30px 0px
}
.line-border {
margin-left:0px !important
}
.formc h4 {
line-height:29px
}
.cnt_col {
-webkit-flex:0 0 100%;
-webkit-box-flex:0 0 100%;
-moz-flex:0 0 100%;
-moz-box-flex:0 0 100%;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%
}
.cnt_col:nth-child(1) {
padding-right:0
}
.cl-fl .line-border {
border-top:0;
font-size:19px
}
.cl-fl .top-le-content h4 {
font-size:22px
}
.cl-fl .top-le-content {
margin:40px 0 40px;
padding:0 0 40px
}
.cl-fl .top-le-content h3 {
font-size:24px
}
.cl-fl .top-le-content h6 {
font-size:16px
}
.cl-fl p {
font-size:16px;
line-height:24px
}

.cl-fl ul li {
margin:15px 0 0;
line-height:24px;
font-size:16px
}
.cl-fl {
padding:0px 0 40px
}
.cnt_col:last-child {
-webkit-flex:0 0 100%;
-webkit-box-flex:0 0 100%;
-moz-flex:0 0 100%;
-moz-box-flex:0 0 100%;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%;
padding-right:0px
}
.cnt_wrap {
display:block
}
.register-right h3 {
font-size:26px;
margin:12px 0 25px
}
.register-right a.reg-cta {
font-size:20px;
width:auto
}
.register-right {
padding-bottom:70px
}
.red-bottom h5 {
font-size:18px;
padding:0 0px
}
.rigt-f h5 {
font-size:20px
}
.rigt-f {
padding:30px 15px;
margin:20px 0 0
}
.rigt-f form .hs-button,
.rigt-f form .submitted-message a {
font-size:22px
}
.gray-botm h4 {
font-size:24px
}
.text-imgs {
display:block
}
.text-imgs .img-l {
max-width:100%;
width:100%;
text-align:center
}
.text-imgs .right-l {
max-width:100%;
width:100%;
padding:0 0 0 0px
}
}
@media(min-width:768px) and (max-width:991px) {
.cl-fl .line-border {
font-size:20px
}
.cl-fl .top-le-content h4 {
font-size:26px
}
.cl-fl .top-le-content h3 {
font-size:26px
}
.cl-fl .top-le-content h6 {
font-size:20px
}
.cl-fl p {
font-size:18px;
line-height:28px
}
.cl-fl ul li {
margin:15px 0 0;
line-height:28px;
font-size:18px
}
.register-right h3 {
font-size:24px
}
.register-right a.reg-cta {
font-size:20px;
width:auto
}
.cl-fl .top-pr {
padding:30px 0 30px 0px
}
.gray-botm h4 {
font-size:24px
}
.gray-botm {
padding:30px 10px
}
.red-bottom {
padding:5px
}
.red-bottom h5 {
padding:0 0px
}
.rigt-f {
padding:30px 15px
}
.rigt-f form .hs-button,
.rigt-f form .submitted-message a, .rigt-f form input[type="submit"] , .rigt-f .hbspt-form .submitted-message p a {
font-size:20px;
padding:14px 10px
}
.rigt-f h5 {
font-size:18px
}
}
/******************NewPAges*********/
.cta_nav ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin: 50px 0;
list-style: none;	
}
.cta_nav ul li a{
padding: 10px 50px;
background: #aeaeae;
font-size: 20px;
display: block;
color: #fff;
border-radius: 50px;
transition: 0.3s;	
margin: 0 10px;
}
.cta_nav ul li a:hover,
.cta_nav ul li.active a{
background: #0fb3eb;
transition: 0.3s;
}
.summer_crlm h2{
font-size: 33px;
font-weight: 500;
text-transform: none;
color: #0fb3eb;
margin: 0 0 20px;	
}
.summer_crlm p, .summer_crlm li{
font-size: 20px;
line-height: 1.5em;
color: #333;
margin: 20px 0 0;	
}
.summer_crlm ul{
list-style:none;
margin:0px;
}
.summer_crlm ul li:before{
content: "\2022";
color: #0fb3eb;
font-weight: bold;
display: inline-block; 
width: 1em;
margin-left: -1em;
}
.summer_tab_seq h3 {
font-size: 27px;
font-weight: 500;
text-transform: none;
color: #0fb3eb;
margin: 0 0 20px;
}
.summer_tab_seq{
padding:40px 0 50px;
}
.summer_tab_seq table td{
border: 1px solid #0fb3eb;
padding: 10px;
text-align: center;
width: 15%;
font-size: 14px;
color: #595b61;
font-weight:300;
line-height: 1.3em;
}
.summer_tab_seq table{
border-collapse: collapse;
}
.summer_tab_seq table tr td:last-child{
width: 25%;	
}
.summer_tab_seq table tr td:first-child{
color:#0fb3eb;
font-weight:400;
}
.summer_tab_seq table tr:nth-child(1) td{
background-color:#0fb3eb;
color:#fff;
border-color:#fff;
font-weight:500;
}
.summer_tab_seq table tr:nth-child(2) td{
background-color:#0d3691;
color:#fff;
border-color:#fff;
font-weight:500;
}
.sum-sdl {
padding-left: 90px;
}

.hero_home_new1{
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
min-height: 785px;
padding-left: 200px;
position: relative;
padding-top: 1em;
padding-bottom: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tr_linnes {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background: rgb(255,255,255);
background: linear-gradient(-90deg, rgba(255, 255, 255,0) 0%, rgb(0, 0, 0) 90%);
}
.tr_linnes > div {
height: 100%;
position: absolute;
top: 0;
}
.left_line{
left: 0;
width: 19.5px;
background: #24a4dc;
}
.midd_line{
left: 19.5px;
width: 31.5px;
background: #231e54;
}
.right_line{
left: 51px;
width: 99px;
background: #e21654;
}
.banner_content_wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position: relative;
}
.col_50{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
width:100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 785px;
}
.col_50:last-child{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.banner_content_contents h1{
font-size: 42px;
line-height: 1em;
font-weight: bold;
text-transform: uppercase;
margin: 0;	
color:#fff;
}
.banner_content_contents p{
font-size: 20px;
margin:20px 0 0;
line-height: 1.5em;	
color:#fff;
}
/****popup***/
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
.video_pop_sec img{
	max-width:350px;
	width:100%;
	display:block;
}
.video_pop_sec{
	text-align: center;
display: block;
padding:0 0 30px 30px;
}
.video_pop_sec a{
position: relative;
display: inline-block;
font-size: 18px;
font-weight: bold;
-webkit-transition: 0.3s all;
transition: 0.3s all;
border-radius: 7px;
padding: 0.8em 1.2em;
color: #fff;
background: #e6165e;	
margin: 20px 0 0;
text-decoration: none;
}
.video_pop_sec a:hover{
background:#24a4dc;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.beable_home_options_new{
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
width: 100%;
-ms-flex-flow: row wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
margin-left: auto;
margin-right: auto;
padding:0 2em;
max-width: 100vw;
}
.beable_home__dropdown {
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;
}
.op_flex{
width: 100%;
-ms-flex-flow: row wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
margin-left: auto;
margin-right: auto;	
}
.op_flex .dp_col{
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;	
width: 37.5000%;
position: relative;
}
.op_flex .dp_col:last-child{
width: 62.5000%;
}
.dropdown_mn{
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;
margin: 0;
cursor: pointer;
z-index: 99;
padding:0 40px;
position: absolute;
width: 100%;
font-size: 18px;
line-height: 40px;	
}
.dropdown_content_Mn ul li a{
font-size: 18px;
line-height: 20px;
position: relative;
display: block;
padding: 12px 0;
text-decoration: none;
color: #fff;
border-top: 1px solid #fff;
transition:0.3s;
}
.like-select{
padding:0px;
list-style:none;
margin:0px;
}
.dropdown_mn:after{
content: '\25BC';
font-size: 14px;
position: absolute;
top: 0px;
right: 40px;
}
.dropdown_content_Mn {
display: none;
position: relative;
width: inherit;
width: 100%;
}
.dropdown_content_Mn ul li a:hover{
background: rgba(0,0,0,0.2);
transition:0.3s;	
}
.beable_home__afcontent{
width:100%;
padding: 4em 0;
}
.hm_container{
max-width:1140px;
margin:auto;
width:100%;
}
.hm_head_cont{
max-width: 890px;
width:100%;
}
.hm_head_cont h2{
font-size: 36px;
text-transform: uppercase;
line-height: 1em;	
margin:0px;
color: #3399cc;
}
.hm_head_cont p{
font-size: 16px;	
color: #666666;
margin:20px 0 0;
line-height: 1.5em;
}
.hm_head_cont p a{
color: #24a4dc;
text-decoration:none;
}
.tr_col_wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-	wrap:wrap;
flex-wrap:wrap
}
.tr_col{
-webkit-box-flex:0;
-ms-flex:0 0 33.33%;
flex:0 0 33.33%;
padding:0 15px;
max-width:33.33%;
width:100%;
}
.tr_col_data{
text-align:center;
padding: 0px 40px 0;
position:relative;
}
.tr_col_data h3{
margin: 0;
display: block;
padding: 10px 30px;
background: #2fafe4;
color: #fff;
font-size: 35px;
text-transform: capitalize;
border-radius: 10px;	
}
.tr_col:nth-child(2) .tr_col_data{
margin-top:50px;
}
.tr_col:nth-child(2) .tr_col_data h3{
background:#e6165e;
}
.tr_col:nth-child(3) .tr_col_data h3{
background:#231e54;
}
.tr_col_data h4{
font-size: 20px;
line-height: 1.3em;
margin: 20px 0;
color:#2fafe4;
font-style: italic;
}
.tr_col:nth-child(2) .tr_col_data h4{
color:#e6165e;
}
.tr_col:nth-child(3) .tr_col_data h4{
color:#231e54;
}
.tr_col_data p{
font-size: 16px;
line-height: 1.5em;
margin: 0;
color: #666;	
}
.arsame{
position: absolute;
left: -40px;
top: 50px;	
}
.arsame.ar02{
position: absolute;
left: unset;
top: 50px;	
right:-40px;
}
.sd_ar{
position: absolute;
left: 10px;
width: 60px;
top: -40px;	
}
.sd_ar.adar02{
left: unset;
right:10px;	
}
.tr_col_wrap_img{
text-align:center;
padding: 50px 0 0;	
}
.tr_col_wrap_img img{
text-align:center;
margin-bottom:-30px;
max-width: 423px;
width: 100%;
}
.gray-botm ul{
	padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.gray-botm ul li{
font-size: 25px;
padding: 0 0 10px;
border-bottom: 2px dashed #999;
margin-bottom: 10px;
color:#e6165d;	
font-weight: 600;
}
.gray-botm ul li a{
	color:#e6165d;
	text-decoration:none;
}
.gray-botm ul li:last-child{
padding: 0px;
margin-bottom: 0px;	
border-bottom: none;
}
.summer_tab_seq-img img{
	width:100%;
}
.page-template-summer-web-update-template .cnt_wrap{
padding-bottom: 5em;
}
.single_strp_hm{
background-image: url(https://corp-staging.beable.com/wp-content/uploads/2021/05/strip_bg.jpg);
width: 100%;
float: left;
position: relative;
background-size: cover;
background-position: center;
z-index: 999;
padding: 1.5em 3.4em;	
}
.single_strp_wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;	
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1310px;
margin:auto;
}
.single_strp_cont{
font-size: 24px;
color: #fff;
line-height: 1.2em;	
}
.single_strp_col:first-child{
-ms-flex-preferred-size: 85%;
flex-basis: 85%;
}
.single_strp_cta a{
border: 2px solid #fff;
padding: 5px 20px;
border-radius: 8px;
font-size: 17px;
color: #fff;
transition: 0.3s;
font-weight: 600;	
}
.single_strp_cta a:hover{
background-color: #bf1f48;
transition: 0.3s;
}
.hero_summer_new{
background-size: cover;
background-position: bottom left;
background-repeat: no-repeat;
min-height: 700px;
padding-left: 115px;
padding-top: 100px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tr_linnes {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background: rgb(255,255,255);
background: linear-gradient(-90deg, rgba(255, 255, 255,0) 0%, rgb(0, 0, 0) 90%);
}
.tr_linnes > div {
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 60px;
background: #e21654;
}
.summner_content_wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1310px;
margin: auto;
width: 100%;
}
.summer_col_50{
max-width:550px;
width:100%;
}
.summer_col_50 h1{
font-size: 60px;
line-height: 1.1em;
font-weight: bold;
text-transform: uppercase;
margin: 0;	
color:#fff;
}
.summer_col_50 p{
font-size: 20px;
margin:20px 0 0;
line-height: 1.5em;	
color:#fff;
}
.summer_col_50 img{
max-width: 420px;
width: 100%;
margin: 50px 0 0;
display: block;
}
.summer_container {
max-width: 1330px;
margin: 0px auto;
width: 100%;
padding: 0 15px;
}
ul.tabs{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin: 50px 0;
list-style: none;
}
ul.tabs li {
padding: 10px 50px;
background: #aeaeae;
font-size: 20px;
display: block;
color: #fff;
border-radius: 50px;
transition: 0.3s;
margin: 0 10px;
cursor: pointer;
}
.cta_nav_tabbing ul li:hover, .cta_nav_tabbing ul li.current{
background: #0fb3eb;
transition: 0.3s;
}
.tab-content{
display: none;
}
.tab-content.current{
display: inherit;
}
.summer_crlm ol{
margin: 0;
padding: 0;
list-style: none;
counter-reset: my-awesome-counter;	
}
.summer_crlm ol li{
margin: 0 0 2em 0;
counter-increment: my-awesome-counter;
position: relative;
}
.summer_crlm ol li:last-child{margin:0px;}
.summer_crlm ol li::before {
content: counter(my-awesome-counter);
width: 50px;
height: 50px;
position: absolute;
left: -60px;
top: -10px;
background: #e81867;
text-align: center;
line-height: 50px;
border-radius: 50%;
color: #fff;
font-size: 25px;
font-weight: bold;
}
/*.mfp-wrap .mfp-container{
top: 50px;
height: auto;
}*/
.mfp-wrap.mfp-auto-cursor{
	top:0px !important;
	position: fixed !important;
height: 100% !important;
}
@media screen and (max-width: 600px) {
	.summer_tab_seq table tr:nth-child(1){
		display:none;
	}
  .summer_tab_seq table tr {
    display: block;
    margin-bottom: .625em;
  }
  .summer_tab_seq table td {
    display: block;
    font-size: .8em;
    text-align: right;
	width:100%;
	border-bottom: 0;
  }
  .summer_tab_seq table tr td:last-child{
	  width:100%;
	  border-bottom: 1px solid #0fb3eb;
  }
  .summer_tab_seq table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  .summer_tab_seq table td:last-child {
    border-bottom: 0;
  }
  .summer_tab_seq table tr td:first-child{
	  text-align:left;
  }
}
@media(max-width:767px){
.single_strp_wrap{
	flex-wrap: wrap;
}	
.single_strp_col:first-child, .single_strp_col{
	flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
}
.single_strp_cont{
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.4em;
}
.single_strp_hm{
	padding: 1.5em 2em;
}
.single_strp_cta a{
display: inline-block;	
}
.page-template-summer-web-update-template .cnt_wrap{
padding-bottom: 20px;
}
	.gray-botm ul li{font-size:18px;}
.sum-sdl{
	padding:0px;
}
.cta_nav ul{
	display: block;
	text-align: center;
	margin: 30px 0 40px;
}
.cta_nav ul li{
	display: inline-block;
}
.cta_nav ul li a{
	padding: 8px 20px;
	font-size: 14px;
	margin:10px 5px 0;
}

ul.tabs{
display: block;
text-align: center;
margin: 30px 0 40px;
}
ul.tabs li{
display: inline-block;
padding: 8px 20px;
font-size: 14px;
margin:10px 5px 0;
}
.summer_crlm h2{
	font-size:24px;
}
.summer_crlm p, .summer_crlm li{
	font-size:16px;
}
.summer_tab_seq h3{
	font-size:22px;
}
.hero_home_new1 {
background-position: right bottom;
padding:80px 2em 50px;
min-height: auto;
position:relative;
}
.col_50 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
min-height: auto;
}
.tr_linnes{
height: 40px;
 background: transparent;	
}
.hero_home_new1::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
left: 0;
top: 0;
background: rgba(36,164,220,0.8);
}
.video_pop_sec{
padding: 0;
margin: 30px auto 0;
}
.banner_content_contents h1{
font-size:30px;
line-height:35px;
}
.banner_content_contents h1 br{display:none;}

.beable_home_options_new{
background-size: 100% 600px;	
}
.beable_home__dropdown{font-size:25px;text-align: center;}
.op_flex .dp_col,.op_flex .dp_col:last-child{width:100%;}
.dropdown_mn{position: relative;margin: 15px 0 0 0;font-size: 16px;text-align: left;}
.hm_head_cont h2{font-size:30px;line-height: 1.2em;}
.hm_head_cont h2 br{display:none;}
.tr_col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0;}
.tr_col_data{margin-top:40px !important;padding: 0;}
.tr_col_data img{display:none;}
.tr_col_data h3{font-size:22px;}
.tr_col_data h4{font-size:16px;}
.hero_summer_new::before {content: '';width: 100%;height: 100%;
position: absolute;z-index: 0;left: 0;top: 0;background: rgba(36,164,220,0.8);}
.hero_summer_new {background-position: right bottom;padding: 80px 2em 50px;
min-height: auto;position: relative;}
.tr_linnes {height: 40px;background: transparent;}
.summer_col_50 h1 {font-size: 30px;line-height: 35px;}
.summer_col_50{max-width:100%;}
.summer_col_50 img{margin: 50px auto 0;display:block;}
.summer_crlm ol li{padding-left:50px;}
.summer_crlm ol li::before{width: 40px;line-height: 40px;height: 40px;font-size: 20px;left: 0px;top: 0;}
}
@media(min-width:768px) and (max-width:991px){
	.single_strp_col:last-child{
		flex-basis:30%;
		text-align:right;
	}
.single_strp_cont{
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.4em;
}
.single_strp_hm{
	padding: 1.5em 2em;
}
.single_strp_cta a{
display: inline-block;	
}	
		.gray-botm ul li{font-size:18px;}
.sum-sdl{
padding:0px;
}
.cta_nav ul li a{
padding: 8px 20px;
font-size: 14px;
}
ul.tabs li{
padding: 8px 20px;
font-size: 14px;
}
.summer_crlm h2{
font-size:24px;
}
.summer_crlm p, .summer_crlm li{
font-size:16px;
}
.col_50 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
min-height: auto;
}
.banner_content_contents h1{
font-size:35px;
line-height:40px;
}
.video_pop_sec{	padding:30px 0 0;}
.hero_home_new1{padding-right:2em;}
.hm_head_cont h2{font-size:30px;line-height: 1.2em;}
.tr_col_data h3{font-size:22px;}
.tr_col_data h4{font-size:16px;}
.tr_col_data{padding: 0 10px 0;}
.sd_ar{left: 0;width: 50px;}
.sd_ar.adar02{right: 0;}
.arsame {left: -40px;top: 0;width: 40px;top:0px;}
.arsame.ar02{top:0px;}
.summer_col_50 h1 {font-size: 35px;line-height: 40px;}
.summer_crlm ol li{padding-left:50px;}
.summer_crlm ol li::before{width: 40px;line-height: 40px;height: 40px;font-size: 20px;left: 0px;top: 0;}
}

@media(min-width:992px) and (max-width:1199px){
.single_strp_col:last-child{
	flex-basis:30%;
	text-align:right;
}
.single_strp_cont{
font-size: 18px;
margin-bottom: 20px;
line-height: 1.4em;
}
.single_strp_hm{
padding: 1.5em 2em;
}
.single_strp_cta a{
display: inline-block;	
}	
}
sup{line-height:0px;}