/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

h1, h2, h3, h4{
	font-family: "DM Sans", sans-serif;
  	font-weight: 900;
  	font-style: normal;

}


h2{
	font-size: 80px;
	font-weight: 600;
	line-height: 1;
}

h3{
	font-size: 54px;
	font-weight: 600;
	line-height: 1.1;
}

 h5, p {
  	font-family: "DM Sans", sans-serif;
  	font-weight: 400;
  	font-style: normal;
}

h5{
	font-size: 32px;
	font-weight: 700;
  	font-style: normal;
}

.cond {
  font-family: "Sofia Sans Extra Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 2px;
}


.story{
	font-family: "STIX Two Text", serif;
  	font-weight: 600;
  	font-style: italic;
}

body{
	font-family: "DM Sans", sans-serif;
  	font-weight: 600;
  	font-style: normal;
}

p{
	font-size: 16px;
}

h2 > span:not(.nocolor):not(.badge){
	color: #004ede;
}

.top-b-header{
	font-size: 44px;
}

.main-h1{
	font-size: 44px;
}

a{
	color: #195FE1;
}

.primary-bg{
	background-color: #004ede;
}

.button{
	padding: 12px 20px 8px;
	margin: 0px;
}

.primary-btn{
	background-color: #004ede;
	font-weight: 600;
	transition: 0.6s;
}

.primary-btn:hover{
	background-color: #002d80;
}

.darker-btn{
	background-color: #002d80;
	font-weight: 600;
	transition: 0.6s;
}

.darker-btn:hover{
	background-color: #00091a;
}

.dark-blue{
	color: #0f1e64;
}

.top-b-btn{
	width: 200px;
}

.rev-btn{
	background-color: #fff;
	color: #004ede;
	border: solid 2px #fff ;
	font-weight: 600;
	transition: 0.6s;
}

.rev-btn:hover{
	background-color: #0e38a4;
	color: #fff;
	border: solid 2px #fff;
}

.white-btn{
	background-color: #fff;
	color: #004ede;
	border: solid 2px #0e38a4;
	font-weight: 600;
	transition: 0.6s;
}

.white-btn:hover{
	background-color: #0e38a4;
	color: #fff;
	border: solid 2px #fff;
}

.small-btn{
	font-size: 16px;
	padding: 4px 40px 3px;
	margin-top: 0px;
	border-radius: 24px;
}

.icon-btn{
	font-size: 16px;
	padding: 4px 0px 3px 10px !important;
	margin-top: 0px;
	border-radius: 20px;
}

.reg-btn{
	background-color: #004ede;
	font-weight: 600;
	color: #fff;
	transition: 0.6s;
	border: solid 1px #fff;
}

.reg-btn:hover{
	background-color: #0e38a4;
	color: #fff;
}

.reg-btn2{
	background-color: #004ede;
	font-weight: 800;
	color: #fff;
	transition: 0.6s;
	border: solid 0px #fff;
	border-radius: 30px;
}

.reg-btn2:hover{
	background-color: #0e38a4;
	color: #fff;
	border: solid 0px #0e38a4;
}

.cont-btn{
	background-color: #0a275c;
	border: #fff;
	color: #fff;
}

.com-box{
	height: 360px;
	background-color: #eee;
	border-radius: 30px;
	padding: 30px 20px;

}

.cont-btn:hover{
	background-color: #030a17;
}

.opaq-btn{
	background-color: #fff;
	color: #004ede;
	border: solid 1px #004ede;
	font-weight: 900;
	transition: 0.6s;
}

.opaq-btn:hover{
	background-color: #004ede;
	color: #fff;
}

.dark-btn{
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	border: solid 1px #fff;
	font-weight: 900;
	transition: 0.6s;
}

.dark-btn:hover{
	background-color: #002d80;
	color: #fff;
}

.serv-btn{
	width: 260px !important;
}

.intro-btn{
	width: 200px;
}

.dark-blue-btn{
	background-color: #0f1e64;
	color: #fff;
	transition: 0.6s;
	font-weight: 600;
	border-radius: 30px;
	transition: 0.6s;
}

.dark-blue-btn:hover{
	background-color: #030716 !important;
	color: #fff !important;
}

.light-blue-btn{
	background-color: #78dcf5;
	color: #030716;
	transition: 0.6s;
	font-weight: 800;
	border-radius: 30px;
}

.light-blue-btn:hover{
	background-color: #030716;
	color: #fff;

}

.white-btn{
	background-color: #fff;
	color: #004ede;
	transition: 0.6s;
	font-weight: 800;
	border-radius: 30px;
	border: 0px solid #fff;
}

.white-btn:hover{
	background-color: #004ede;
	color: #fff;
	border: 0px solid #004ede;
}


.primary-color{
	color: #004ede !important;
}

.secondary-color{
	color: #0e38a4 !important;
}

#gotoTop:hover {
    background-color: #004ede;
}

.bg-btn{
	border: solid 2px #fff;
}

.is-expanded-menu .full-header #logo {
    padding-right: 30px;
    border-right: 0px solid var(--cnvs-header-border-color);
}

.is-expanded-menu .full-header .primary-menu .menu-container {
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    border-right: 0px solid var(--cnvs-header-border-color);
}

.logo-default{
	position: fixed;
	top: 0px;
	width:140px;
	height: auto !important;
	padding-top: 12px;
}

.logo-big-banner{
	width: 200px !important;
}

#header{
	z-index: 99999;
}

.is-expanded-menu #header.sticky-header-shrink #header-wrap .logo-default{
   top: 0px; !important;
}

.is-expanded-menu #header.sticky-header-shrink #header-wrap #logo img {
    width: 140px !important;
}

#header-wrap{
	border-bottom: solid 0px #ccc;
}

.swiper-slide-bg {
    background-position: bottom right !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-link{
	font-family: "Sofia Sans Extra Condensed", sans-serif;
  	font-weight: 800;
  	font-style: normal;
  	letter-spacing: 2px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 20px;
}

.menu-item:hover > .menu-link {
    color: #78dcf5;
}

.slider-caption p{
	font-size: 28px;
	font-weight: 600;
}


/* [1] The container */
.img-hover-zoom {
  height: 800px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom .swiper-slide-bg {
  transition: transform 10s ease;
  animation: name-of-animation 10s infinite;
}

/* [3] Keyframe animation steps */
@keyframes name-of-animation {
    0%      { scale: 1; }
    50%     { scale: 1.1; }
    100%    { scale: 1; }
}

.banner-btn{
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
	border: solid 2px #fff;
	font-weight: 600;
}

.banner-btn:hover{
	background-color: #061846;
}

.service-box{
	background-color: #fafbff;
	border: solid 0px #eee;
	transition: 0.6s ease-in-out;
}

.service-box:hover{
	transform: scale(1.1);
}

.service-box-2{
	background-color: #fafbff;
	border: solid 0px #eee;
}

.link-text{
	min-height: 150px;
}

.blue-bg {
	background-color: #fafbff;
}

.white-bg{
	background-color: #fff;
}

.dark-blue-bg{
	color:#fff !important;
	background-color: #0f1e64;
}

.serv-bg{
	height: 600px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.contact-form{
	padding: 30px 10px 6px;
	/* background-color: rgba(0, 0, 0, 0.9); */
}

.contact-form .form-control{
	padding: 20px 10px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 0px;
}


.contact-form2{
	padding: 30px 20px 6px;
	/* background-color: rgba(0, 0, 0, 0.9); */
}

.contact-form2 .form-control{
	padding: 20px 10px;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0px;
	border: solid 1px #000;
	color: #000;
}

#footer{
	background-color: #0f1e64;
}

#footer h3{
	font-size: 15px;
}

#copyrights{
	background-color: #222;
	padding:10px 20px;
}
#copyrights {
	color: #999;
	font-size: 12px;
}

#copyrights a{
	color: #999;
	font-size: 12px;
}

#copyrights a:hover{
	color: #eee;
}

.#footer .footer-widgets-wrap {
	padding: 20px 10px;
}

.services h2 {
	font-size: 44px;
}

.services h4 {
	font-size: 22px;
}

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

.social-icon.si-small {
    --cnvs-socialicon-size: 3rem;
    --cnvs-socialicon-fontsize: 2rem;
}

.ft-lg{
	font-size: 16px;
	color: #eee !important;
}

.top-banner1{
	background-image: url('../images/act/act_test_hero.jpg');
}

.top-banner2{
	background-image: url('../images/act/business_top2.jpg');
}

.top-banner3{
	background-image: url('../images/act/organisation_top21.jpg');
}

.top-banner4{
	background-image: url('../images/act/pole_vault2.jpg');
}

.top-banner5{
	background-image: url('../images/act/act_test_hero2.jpg');
}

.top-banner6{
	background-image: url('../images/act/act_test_hero3.jpg');
}

.top-banner7{
	background-image: url('../images/act/act_test_hero4.jpg');
}

.top-banner-img1{
	background-image: url('../images/act/sports_woman_grad_wide.jpg');
}

.top-banner-img2{
	background-image: url('../images/act/two_girls.jpg');
}

.top-banner-img3{
	background-image: url('../images/act/gradient_demo.jpg');
}

.top-banner-img4{
	background-image: url('../images/act/business_man_new2.jpg');
}


.athletes-banner{
	background-image: url('../images/act/blue_man.jpg');
}

.business-banner{
	background-image: url('../images/act/business_top_test.jpg');
	background-position: top !important;
}

.organization-banner{
	background-image: url('../images/act/handshake2.jpg');
	background-position: top !important;
}

.careers-banner{
	background-image: url('../images/act/careers_test.jpg');
	background-position: top !important;
}

.partners-banner{
	background-image: url('../images/act/partners_top.jpg');
}

.organisations-banner{
	background-image: url('../images/act/organisation_top.jpg');
}

.contact2-banner{
	background-image: url('../images/act/nfl2.jpg');
}

.about-banner{
	background-image: url('../images/act/about_bg3.jpg');
}

.testimonial-banner{
	background-image: url('../images/act/arrows-bg3.jpg');
}

.discover-bg{
	background-image: url('../images/act/discover_bg.jpg');
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.discover-content{
	display: flex;
	align-content: center;
}

.discover-p{
	font-size: 40px;
	line-height: 1.2;
	font-weight: 600;
}

.img-slider-top{
	position: relative;
	top: -100px;
}

.img-slider-top-small{
	position: relative;
	top: -220px;
	min-height: 900px !important;
}

.transparent-header{
	background-color: rgba(0, 0, 0, 0.3) !important;
}

.transparent-header-responsive{
	background-color: rgba(0, 0, 0, 0.3) !important;
}

.t-header{
	top: 65px;
}

.e-header{
	top: 65px;
}

.menu-end{
	justify-content: end;
}

.is-expanded-menu .sticky-header #header-wrap {
    position: fixed;
    top: 65px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

#top-bar{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

.livePage{
	color: #78dcf5;
}

.banner-logo{
	width: 140px;
	height: auto;
	float: left;
}

.banner-arrow{
	width: 60px;
	height: auto;
	float: left;
	position: relative;
	top: 18px;

}

.banner-arrow2{
	width: 60px;
	height: auto;
	float: left;
	position: relative;
	top: 2px;
	margin-right: 14px;
}

.banner-arrow3{
	width: 60px;
	height: auto;
	float: left;
	position: relative;
	top: -14px;
}




.accordion{
	background-color: #fff;
}

.link-content{
	color: #212529 !important;
}

.norm-text{
	color: #212529 !important;
}

.tb-title{
	font-size: 44px !important;
	float: left;
	padding-left: 20px;
	position: relative;
	top: -12px;
	color: #212529;
}

.tb-title2{
	padding-left: 0px;
}

.slider-caption-wide{
	max-width: 100%;
}

.toggle{
	border-top: solid 1px #ccc !important;
	padding: 16px 20px 12px;
	margin-bottom: 30px;
}

.toggle:hover{
	background-color: #fff;
}

.toggle-title{
	color: #0f1e64;
}

.faqs .toggle {
	border-bottom: 0px solid #fff;
}

#hub{
	position: relative;
	top:-80px;
}

::selection {
  background-color: #004ede !important;
  color:#fff !important;
}

.con-hub{
	color: #004ede !important;
	font-weight: 700;
}

.learn-hub{
	color: #00a3a4 !important;
	font-weight: 700;
}

.thrive-hub{
	color: #ff3131 !important;
	font-weight: 700;
}

.pioneer-hub{
	color: #03045e !important;
	font-weight: 700;
}

.intro-btn{
	width: 300px;
}

.learn-btn{
	background-color: #70B65A !important;
}

.learn-btn:hover{
	background-color: #477c36 !important;
}

.thrive-btn{
	background-color: #844DAD !important;
}

.thrive-btn:hover{
	background-color: #502f6a !important;
}

.con-btn{
	background-color: #195FE1 !important;
}

.con-btn:hover{
	background-color: #0d3073 !important;
}

.pioneer-btn{
	background-color: #FF593C !important;
}

.pioneer-btn:hover{
	background-color: #b31b00 !important;
}

.outline-btn{
	border: solid 2px #fff !important;
	color: #fff;
	background: rgba(0, 0, 0, 0.2) !important;
}

.outline-btn:hover{
	border: solid 2px #fff !important;
	color: #004ede;
	background: #fff !important;
}

.outline-btn2{
	border: solid 2px #fff !important;
	color: #fff;
	background: rgba(0, 0, 0, 0.6) !important;
}

.outline-btn2:hover{
	border: solid 2px #fff !important;
	color: #004ede;
	background: #fff !important;
}

.outline-btn-blue{
	border: solid 2px #004ede !important;
	color: #004ede;
	background: #fff !important;
}

.outline-btn-blue:hover{
	color: #fff;
	background: #004ede !important;
}

.hub-box{
	border: solid 0px #eee;
	transition: 0.6s ease-in-out;
	color: #fff !important;
	padding:20px;
}

.hub-box:hover{
	transform: scale(1.1);
}

.hub-box2{
	transition: 0.6s ease-in-out;
}

.hub-box2:hover{
	transform: scale(1.1);
}


.hb1{
	background-color: #ff3131;
	transition: 0.6s;
}

.hb1-btn{
	background-color: #ff3131;
	font-weight: 600;
	transition: 0.6s;
}

.hb1-btn:hover{
	background-color: #bc1823;
}

.hb2{
	background-color: #00a3a4;
	transition: 0.6s;
}

.hb2-btn{
	background-color: #00a3a4;
	font-weight: 600;
	transition: 0.6s;
}

.hb2-btn:hover{
	background-color: #007498;
}

.hb3{
	background-color: #004ede;
	transition: 0.6s;

}

.hb3-btn{
	background-color: #ff3131;
	font-weight: 600;
	transition: 0.6s;
}

.hb3-btn:hover{
	background-color: #bc1823;
}

.hb4{
	background-color: #ffc000;
	transition: 0.6s;
}

.hb4-btn{
	background-color: #ffc000;
	font-weight: 600;
	transition: 0.6s;
}

.hb4-btn:hover{
	background-color: #998200;
}

.com-text{
	color: #004ede;
}

.learn-text{
	color: #00a3a4;
}

.career-text{
	color: #ff3131;
}

.venture-text{
	color: #ffc000;
}

.act-arrow{
	width: 54px;
	height: auto;
}

.act-arrow-small{
	width: 20px;
	height: auto;
	margin-right: 10px;
}

.arrow-link-text{
	color: #004ede;
}

.arrow-link-text:hover{
	color: #0e38a4;
}

.hub-box h3{
	line-height: 1;
}

.hub-box2 h3{
	line-height: 1;
}

.hub-box2-content{
	height:200px;
	padding-bottom: 20px;
}

.act-box{
	padding: 30px 20px;
	font-size: 16px;
	border: solid 1px #ccdeff;
}

.act-box:hover{
	cursor: pointer;
}

.hb1:hover {
	background-color: #bc1823 !important;
}

.hb2:hover {
	background-color: #007498 !important;
}

.hb3:hover {
	background-color: #03045e !important;
}

.hb4:hover {
	background-color: #998200 !important;
}

.min-vh-25{
	height: 25vh;
}

.community-banner{
	background-color: #ff3131;
}

.learning-banner{
	background-color: #00a3a4;
}

.careers-banner{
	background-color: #004ede;
}

.ventures-banner{
	background-color: #ffc000;
}

.cnvs-hamburger .cnvs-hamburger-box {
	width: 30px;
	height: 40px;
}

.cnvs-hamburger .cnvs-hamburger-inner::before{
	width: 20px;
    height: 3px;
}

.cnvs-hamburger .cnvs-hamburger-inner{
	width: 20px;
    height: 3px;
}

.cnvs-hamburger .cnvs-hamburger-inner::after{
	width: 20px;
    height: 3px;
}

.slider-caption{
	max-width: 60%;
}

.min-vh-30{
	min-height: 30vh;
}

.dark-blue-bg2{
	background-color:#0a2975;
	color: #fff;
}

.act-cont{
	display: none;
}

.img-bg-1{
	background-image: url('../images/act/img_bg2.jpg');
	color: #fff;
	min-height: 450px;
	display: flex;
	align-items: center;
}

.img-bg-2{
	background-image: url('../images/act/img_bg1.jpg');
	color: #fff;
	min-height: 450px;
	display: flex;
	align-items: center;
}

.togglebox{
	position: relative;
	top: 10px;
}

.togglebox2{
	position: relative;
	top: 26px;
}

.grecaptcha-badge{
	display:none;
}

.team-accordion{
	background-color: rgba(255, 255, 255, 0.0);
	border: solid 0px #fff;
}

.lead-question{
	border: solid 0px #000 !important;
}

.hb-box-content{
	min-height: 460px;
 }

.act-box2{
 	padding: 30px 20px;
	font-size: 16px;
	border: solid 1px #ccdeff;
	background-color: #ccdeff;
}

.act-box2{
 	padding: 40px 20px;
	font-size: 16px;
	border: solid 1px #ccdeff;
}

.contact-banner{
	background: #0e38a4;
	background: linear-gradient(144deg, rgba(14, 56, 164, 1) 0%, rgba(3, 4, 94, 1) 100%);
	color: #fff;
}

.is-expanded-menu .sub-menu-container{
	border-top: solid 1px #004ede;
}

.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link{
	background-color: #004ede;
	color: #fff;
}

.act-box-3{
	border: solid 1px #004ede;
	background-color: #004ede;
}

.act-box-3:hover{
	background-color: #002466;
}

.act-box-3:hover .toggle-content{
	background-color: #002466;
}

.act-box-3 .toggle-title{
	color: #fff;
	font-size: 26px;
	font-family: "Roboto", serif;
    font-weight: 400 !important;
    font-style: normal;
    letter-spacing: 2px !important;
}

.act-box-3 .toggle-content{
	color: #fff;
	background-color: #004ede;
}

.act-box-3-q{
	font-size: 20px;
}

.act-box-3-icon{
	position: relative;
	top: 16px;
}

.act-box-3 .toggle-title{
	height: 100px;
}

h3 > span:not(.nocolor):not(.badge){
	color: #004ede;
}

.act-box-5{
	height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.act-box-5-inner{
	border: solid 0px #003699;
	background-color: #003699;
	padding: 20px;
	width: 80%;
	height: 360px;
}

.ab5-bg{
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.ab5-1{
	background-color: #1a6aff;
}

.ab5-2{
	background-color: #0059ff;
}

.ab5-3{
	background-color: #0050e6;
}

.ab5-4{
	background-color: #0047cc;
}

.top-header{
	background-color: #ccc;
}

.reg-banner{
	background-image: url('../images/act/wheel_chair3.jpg');
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.pre-reg-bg{
	background-image: url('../images/act/wheel_chair3.jpg');
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.lining-up-bg{
	background-image: url('../images/act/lining_up.jpg');
	background-position:top;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}


#learn, #prereg{
	position: relative;
	top: -80px;
}

.prereg-form ::placeholder{
	color: #fff;
}

.prereg-form input{
	color: #fff;
}

.prereg-form input:focus{
	color: #fff;
}

.ac1 .toggle-content{
	background-color: #f0f4ff;
}

.ac2 .toggle-content{
	background-color: #f2ffff;
}

.ac3 .toggle-content{
	background-color: #fdf4f4;
}

.ac4 .toggle-content{
	background-color: #f2f3fe;
}

.dark-text{
	color: #212529
}

#top-bar{
	z-index: 999999;
	background-color: #fff !important;
	color: #222;
	font-size: 13px;
}

.top-bar-container{
	width: 100%;
    max-width: none !important;
    padding: 0 100px;
}

.prereg-link{
	color: #fff;
}

.prereg-link:hover{
	color: #000;
}

.logo-mob{
	display: none;
}

.hidden-content{
	display: none;
	transition: 0.6s;
}

.cont-box{
	transition: 0.6s;
	border: solid 0px !important;
	padding: 2px 20px 2px 0px;
}

.cont-box:hover h3{
	color: #004ede !important;
}

.cont-box2{
	background-color: #00a3a4;
	transition: 0.6s;
}

.cont-box2:hover{
	background-color: #007498;
}

.cont-box3{
	background-color: #ff3131;
	transition: 0.6s;
}

.cont-box3:hover{
	background-color: #bc1823;
}

.cont-box4{
	background-color: #03045e;
	transition: 0.6s;
}

.cont-box4:hover{
	background-color: #000;
}

.con-box-live h3{
	color: #004ede;
}

.con-box{
	padding: 20px;
}

.con-link{
	color: #195FE1 !important;
}

.con-link:hover{
	color: #000 !important;
	transition: 0.6s;
}

.cont-arrow{
	position: relative;
	top:-2px;
	width: 36px;
	height: auto;
}

.news-item{
	transition: 0.6s;
	background-color: #fff;
	padding-bottom: 10px;
}

.news-item2{
	transition: 0.6s;
	background-color: #fafbff;
}

.news-item{
	transition: 0.6s;
}

.news-item:hover{
	transform: scale(1.1);
	background-color: #195FE1;
}

.news-item h3{
	transition: 0.6s;
}

.news-item p{
	transition: 0.6s;
	overflow: hidden;
	height: 60px;
}

.news-item2 p{
	height: 90px;
}

.news-item a{
	transition: 0.6s;
}

.news-item:hover h3{
 	color: #fff;
}

.news-item:hover p{
 	color: #fff;
}

.news-item:hover a{
 	color: #000;
}


.owl-carousel .owl-dots{
	display: none !important;
}

.act-li li{
	position: relative;
	background: url(../images/act/act_li.png) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  	padding: 0px 0px 3px 28px; /* reset styles (optional): */
  	list-style: none;
  	margin: 0px 0px 12px;
}

.start-btn{
	background-color: #195FE1;
	border: solid 1px #195FE1;
	padding: 20px;
	margin-bottom: 20px;
}

.start-btn:hover{
	background-color: #0f3a8a;
	border: solid 1px #0f3a8a;
}

.start-logo{
	width: 140px;
	height:auto;
}

.start-mod-header{
	border: solid 16px #fff;
	border-bottom: 0px;
	background-image: url('../images/act/hurdle_race.jpg');
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	height: 200px;

}

.start-mod-header h2{
	font-size: 40px;

}

.start-btn-close{
	background-color: rgba(0, 0, 0, 0.6);
	border: solid 0px #000;
	box-shadow: 0px 0px;
	font-size: 30px;
	color: #fff;
	transition: 0.6s;
	padding: 0px 12px;
	font-weight: 500;
	position: relative;
	top: -60px;

}

.start-btn-close:hover{
	background-color: rgba(255, 255, 255, 0.6);
	color: #000;
}

.st-btn2{
	background-color: #9082c9;
	border: solid 1px #9082c9;
}

.st-btn2:hover{
	background-color: #4a3b89;
	border: solid 1px #4a3b89;
}

.dark-pink-bg{
	background-color: #EC407A;
}

.wellbeing-btn1{
	background-color: rgba(0, 0, 0, 0.0);
	border:solid 1px #fff;
	transition: 0.6s;
}

.wellbeing-btn1:hover{
	background-color: #8b0e38;
	border:solid 1px #fff;
}

.wellbeing-btn2{
	background-color: #fff;
	border:solid 1px #e8175d;
	color: #e8175d;
	transition: 0.6s;
}

.wellbeing-btn2:hover{
	background-color: #EC407A;
	border:solid 1px #fff;
	color: #fff;
}

.update-box{
	border: solid 2px #ccc;
	border-radius: 6px;
	padding: 30px 20px;
}

.grey-bg{
	background-color: #eee;
}

.testimonial{
	font-style: italic;
}

.ttl-box{
}

.small-top-p{
	font-size: 24px !important;
	font-weight: 400 !important;
}

#community{
	position: relative;
	top: -80px;
}

.wellbeing-portal{
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.wellbeing-content{
	width:100%;
	background-color: #efefef;
}

.wellbeing-img{
	position: relative;
	top: -40px;
	z-index: -1;
}

.wellbeing-expand-btn{
	border: solid 1px #ddd !important;
	border-top-left-radius: 20px;
	padding: 6px 8px;
	transition: 0.6s;
	background-color: #eee !important;
	position: relative;
	top: 10px;
	left: 10px;
}

.wellbeing-expand-btn:hover{
	color: #fff !important;
	background-color: #004ede !important;
	border: solid 1px #fff !important;
}

.wellbeing-close-btn{
	position: relative;
	top: 10px;
	right: 0px;
	z-index: 99999;
}


.con1{
	background-color: #ff3131;
	height: auto;
	margin-bottom: 50px;
	color: #fff !important;
	transition: 0.6s;
}

.con11{
	background-color: #fdf4f4;
	height: auto;
	margin-bottom: 50px;
	transition: 0.6s;
}

.con2{
	background-color: #00a3a4;
	height: auto;
	margin-bottom: 50px;
	color: #fff !important;
	transition: 0.6s;
}

.con22{
	background-color: #f2ffff;
	height: auto;
	margin-bottom: 50px;
	transition: 0.6s;
}

.con3{
	background-color: #004ede;
	height: auto;
	margin-bottom: 50px;
	color: #fff !important;
	transition: 0.6s;
}

.con33{
	background-color: #f0f4ff;
	height: auto;
	margin-bottom: 50px;
	transition: 0.6s;
}

.con4{
	background-color: #ffc000;
	height: auto;
	margin-bottom: 50px;
	color: #fff !important;
	transition: 0.6s;
}

.con44{
	background-color: #fff9e6;
	height: auto;
	margin-bottom: 50px;
	transition: 0.6s;
}

.shrink-left{
	width: 60% !important;
	border-right: solid 1px #dedede;
}

 .hidden-right{
	display:none;
	transition: 0.6s;
}

.wellbeing-right{
	padding: 0px 20px 40px;
	width: 30%;
	position: absolute;
	top: 0px;
	right:0px;
	background-color: #ebeaef;
	height: 100vh;
}

.wellbeing-col{
	color: #b8a8f6;
}

.wellbeing-btn{
	background-color: #b8a8f6;
}

.wellbeing-btn:hover{
	background-color: #4a3b89;
}

.lh-1{
	line-height: 1;
}

.wellbeing-l-expand{
	width:70%;
	left: 0px;
}

.h2-img{
	width: 120px;
	height: auto;
}

.h2-img-small{
	display: none;
}

.menu-arrow{
	position: relative;
	top: 2px;
}

.slider-caption p {
	margin-top: 0px;
	color: #212529;
}

.slider-caption-white p{
	color:#fff !important;
}

.test-btn{
	background-color: rgba(0, 0, 0, 0.1);
	border: solid 1px #555;
	color: #555;
}

.test-btn:hover{
	cursor: pointer;
}



.is-expanded-menu .sub-menu-container .menu-item:hover > .mlink{
	background-color: #bc1823;
}

.is-expanded-menu .sub-menu-container .menu-item:hover >  .mlink .con11{
	background-color: #ff3131;
	color:#212529;
}

.is-expanded-menu .sub-menu-container .menu-item:hover > .mlink2{
	background-color: #007498;
}

.is-expanded-menu .sub-menu-container .menu-item:hover > .mlink2 .con22{
	background-color: #00a3a4;
	color:#212529;
}

.is-expanded-menu .sub-menu-container .menu-item:hover > .mlink3{
	background-color: #03045e;
}

.is-expanded-menu .sub-menu-container .menu-item:hover > .mlink3 .con33{
	background-color: #004ede;
	color:#212529;
}

.is-expanded-menu .sub-menu-container .menu-item:hover > .mlink4{
	background-color: #998200;
}

.is-expanded-menu .sub-menu-container .menu-item:hover > .mlink4 .con44{
	background-color: #ffc000;
	color:#212529;
}

.is-expanded-menu .sub-menu-container, .is-expanded-menu .mega-menu-content {
	background-color: #fff;
	color: #212529;
}

.is-expanded-menu .mega-menu-style-2 .mega-menu-title > .menu-link {
	font-size: 16px;
	font-weight: 600;
	z-index: 999;
}

.is-expanded-menu .mega-menu-content {
	border-top: solid 2px #004ede;
}

.mm-join{
	background-color: #004ede;
	border-radius: 30px;
	padding: 20px;
}

.sub-menu-h{
	font-size: 30px;
}

.sub-menu-b{
	font-size: 36px;
}

.sub-menu-4{
	font-size: 22px;
}




#logo a {
	z-index: 999;
}

.contact-page-form .form-control{
	background-color: #f5f5f5;
}

.bg-testimonials{
	background-image: url('../images/act/img_bg1.jpg');
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.bg-emp-testimonials{
	background-image: url('../images/act/business_top3.jpg');
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.bg-testimonials-v1{
	background-image: url('../images/act/long_distance.jpg');
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.bg-testimonials-v2{
	background-image: url('../images/act/city.jpg');
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.video-bg{
	background-image: url('../images/act/arrows-bg3.jpg');
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.job-icon-box{
	display: flex;
	justify-content: center;
}

.job-icon{
	margin-bottom: 10px;
	width: 30% !important;
	height: auto;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #004ede !important;
}

.bg-testimonials .ttl-box{
	background-color: rgba(0, 0, 0, 0.0);
	border: solid 0px #fff;
	color: #fff;
}

.bg-emp-testimonials .ttl-box{
	background-color: rgba(0, 0, 0, 0.0);
	border: solid px #fff;
	color: #fff;
}

.job-box{
	transition: 0.6s;
}

.job-box:hover {
	cursor: pointer;
	transform: scale(1.15);
}

.plan-ul{
	padding-left:0px;
	list-style-type:none;
}

.plan-box{
	background-color: #fff;
	box-shadow: 2px 2px 5px #e9e9e9;
	padding: 20px;
	transition: 0.6s;
}

.plan-box-1 .plan-price{
	border-bottom: solid 2px #004ede;
}

.plan-box-mid{
	transform: scale(1.07);
	z-index: 999999;
	border: solid 1px #03045e;
	background: linear-gradient(144deg, rgba(10, 41, 117, 1) 0%, rgba(2, 2, 49, 1) 100%);
	color: #fff;
}

.plan-box-mid .plan-price{
	border-bottom: solid 2px #fff;
}

.plan-box:hover {
	cursor: pointer;
	box-shadow: 2px 2px 5px #bbb;
}

.plan-box-1:hover{
	transform: scale(1.04);
	background: #0e38a4;
	background: linear-gradient(144deg, rgba(14, 56, 164, 1) 0%, rgba(3, 4, 94, 1) 100%);
	color: #fff;
}

.plan-box-1:hover h3{
	color: #fff !important;
}

.plan-box-mid:hover{
	transform: scale(1.11);
	background: linear-gradient(144deg, rgba(2, 2, 49, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.plan-price{
	font-size: 40px;
}

.plan-month{
	font-size: 18px;
}

.plan-ul li i{
	font-size: 18px;
	position: relative;
	top: 1px;
}

.video-c-bg{
	background-color: #000;
}

.athlete-box{
	background-color: rgba(14, 56, 164, 0.5) !important;
}

.business-box{
	background-color: rgba(0, 163, 164, 0.3) !important;
}

#join{
	position: relative;
	top: -90px;
}

.bg-testimonials .owl-carousel.with-carousel-dots .owl-nav [class*=owl-] {
    margin-top: -16px;
}

.blog-test-box{
	border:solid 1px #ccc;
	box-shadow: 3px 3px 5px #ccc;
	text-align: left;
	transition-duration: 1s;
}

.blog-test-box:hover{
	scale: 1.1;
}

.test-alert{
	z-index: 99999999;
}

.is-expanded-menu .mega-menu-content:not(.border-0) .sub-menu-container.mega-menu-column:not(:first-child) {
    border-left: solid 0px #ccc;
}

.menu-arrow2{
	width: 50px;
	height: auto;
	padding-right:10px;
	position: relative;
	top: -3px;
}

.m-menu-header{
	font-size: 24px;
}

.hide-btn{
	display: none;
}

.plan{
	border:solid 1px #333;
	background: linear-gradient(144deg, rgba(10, 41, 117, 1) 0%, rgba(2, 2, 49, 1) 100%);
	color: #fff;
}

.plan:hover{
	cursor: pointer;
}

.active-plan{
	background-color: #fff !important;
	border: solid 1px #fff;
	background: linear-gradient(144deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	color: #333 !important;
	transition: 0.6s;
}

.live-plan{
	background-color: #fff;
}

.blog-banner-title{
	text-transform: uppercase;
}

.hub-title{
	top: 16px !important;
}

.contact-link{
	font-size: 18px;
	font-weight: 700;
}

.banner-text{
	z-index: 999;
	position: relative;
	top: -660px;
	left: 10%;
	width: 44%;
}

.banner-text .tb-title{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}

.banner-text .lead{
	font-size: 20px;
	font-weight: 600;
}

.banner-text .small-top-p{
	font-size: 16px !important;
	font-weight: 400 !important;
	margin-bottom: 10px;
}



.banner-cont{
	color: #fff;
	z-index: 999;
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.banner-cont-text{
	width: 90%;
	padding-left: 30px;
}


.banner-sm-e{
	font-size: 80px;
	line-height: 1;
	letter-spacing: 5px;
	font-weight: 600;
}

.banner-lg{
	font-size: 90px;
	line-height: 1;
	letter-spacing: 5px;
	font-weight: 800;
}

.banner-sm{
	font-size: 30px;
	line-height: 1;
	letter-spacing: 2px;
	font-weight: 800;
}

.n-act-btn{
	border: solid 0px #78dcf5;
	background-color: #78dcf5;
	/* background-image: linear-gradient(to right, #78dcf5 0%, #a0e6f8 60%, #e7f9fd 80%); */
	background-image: url(../images/act/btn_bg.jpg);
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	color: #0f1e64;
	padding: 12px 40px;
	border-radius: 40px;
	font-weight: 800;
	transition: 0.6s;
	font-size: 24px;
}


.n-act-btn:hover{
	border: solid 0px #004ede;
	background-color: #004ede;
	/* background-image: linear-gradient(to right, #004ede 0%, #337aff 60%, #b3cdff 90%); */
	background-image: url(../images/act/btn_bg_hover.jpg);
	color: #fff;
}

.white-btn-top{
	background-color: #fff;
	color: #004ede;
	padding: 12px 40px;
	border-radius: 40px;
	font-weight: 800;
	transition: 0.6s;
	font-size: 24px;
}

.white-btn-top:hover{
	background-color: #004ede;
	color: #fff;
}

.top-h-btn{
	width: 360px;
}

.n-act-btn-on-blue{
	border: solid 0px #78dcf5;
	background-color: #78dcf5;
	/* background-image: linear-gradient(to right, #78dcf5 0%, #a0e6f8 60%, #e7f9fd 80%); */
	background-image: url(../images/act/btn_bg.jpg);
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	color: #0f1e64;
	padding: 10px 50px;
	border-radius: 40px;
	font-weight: 800;
	transition: 0.6s;
	font-size: 26px;
}

.n-act-btn-on-blue:hover{
	border: solid 0px #78dcf5;
	background-color: #78dcf5;
	background-image: url(../images/act/btn_bg_dark.jpg);
	color: #fff;
}

.join-btn{
	padding: 10px 30px;
	font-size: 20px;
}

.n-act-btn-o{
	border: solid 0px #d24a14;
	background-color: #d24a14;
	background-image: url(../images/act/career_btn.jpg);
	/* background-image: linear-gradient(to right, #ff9600 40%, #ffdc6e 70%, #ffedb3 90%); */
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	color: #fff;
	padding: 10px 50px;
	border-radius: 40px;
	font-weight: 800;
	transition: 0.6s;
	font-size: 26px;
}

.n-act-btn-o:hover{
	border: solid 0px #d24a14;
	background-color: #d24a14;
	/* background-image: linear-gradient(to right, #d24a14 40%, #ff9600 70%, #ffdfb3 90%); */
	background-image: url(../images/act/career_btn_hover.jpg);
	color: #fff;
}


.n-act-btn-top{
	border: solid 0px #78dcf5;
	background-color: #78dcf5;
	background-image: url(../images/act/btn_bg.jpg);
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	color: #0f1e64;
	transition: 0.6s;
	font-weight: 600;
}

.n-act-btn-top:hover{
	border: solid 0px #004ede;
	background-color: #004ede;
	background-image: url(../images/act/btn_bg_hover.jpg);
	color: #0f1e64;
}

.n-act-btn-top-blue{
	border: solid 0px #78dcf5;
	background-color: #78dcf5;
	background-image: url(../images/act/btn_bg_hover.jpg);
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	color: #fff;
	transition: 0.6s;
	font-weight: 600;
}

.n-act-btn-top-blue:hover{
	border: solid 0px #78dcf5;
	background-color: #78dcf5;
	background-image: url(../images/act/btn_bg_dark.jpg);
}

.n-act-btn-blue{
	background-image: url(../images/act/btn_bg_hover.jpg);
	border: solid 0px #78dcf5;
	background-color: #78dcf5;
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	color: #fff;
	transition: 0.6s;
	font-weight: 600;
	font-size: 26px;
	border-radius: 40px;
	padding: 20px 50px;
}

.n-act-btn-blue:hover{
	border: solid 0px #78dcf5;
	background-color: #78dcf5;
	background-image: url(../images/act/btn_bg_dark.jpg);
	color: #fff;
}

.n-act-btn-footer{
	border-radius: 20px;
	font-weight: 700;
}

.n-act-btn-rev{
	border: solid 0px #78dcf5;
	background-color: #78dcf5;
	/* background-image: linear-gradient(to right, #78dcf5 0%, #a0e6f8 60%, #e7f9fd 80%); */
	background-image: url(../images/act/rev_btn_bg.jpg);
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	color: #0f1e64;
	padding: 10px 80px;
	border-radius: 40px;
	font-weight: 800;
	transition: 0.6s;
	font-size: 26px;
}

.frm-btn-sm{
	padding: 12px 80px;
	font-size: 24px;
}

.n-act-btn-rev:hover{
	background-image: url(../images/act/btn_bg_hover.jpg);
	color: #0f1e64;
}


.intro-h2{
	font-size: 30px;
}

.intro-h3{
	font-size: 80px;
	line-height: 1.1;
	font-weight: 600;
}

.intro-p{
	font-size: 28px;
	line-height: 1.3 !important;
}

.intro-p-e{
	font-size: 26px;
	line-height: 1 !important;
}

.intro-p-modal{
	font-size: 20px;
	font-weight: 600;
}

.blue-counter{
	border: solid 1px #004ede;
	background-color: #004ede;
	background-image: url(../images/act/counter_bg.jpg);
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 30px;
	border-radius: 20px;
}

.counter{
	font-size: 120px;
	color: #fff !important;
	font-family: "Sofia Sans Extra Condensed", sans-serif;
  	font-weight: 800;
}

.counter-h4{
	font-size: 26px;
}

#footer h3{
	font-size: 22px;
}

#footer .form-control{
	background-color: #fff;

}

#footer ::placeholder{
	color: #999;
}

.f-link{
	color: #fff !important;
}

.f-link:hover{
	color: #78dcf5 !important;
}


.bpl{
	border: solid 0px #78dcf5;
	background-color: rgba(160, 230, 248, 0.4) !important;
	border-radius: 50%;
	padding:42px;
	transition: 0.6s;
	position: absolute;
	right: 10px;
	left: unset;
}

.bpr{
	border: solid 0px #78dcf5;
	background-color: rgba(160, 230, 248, 0.4) !important;
	border-radius: 50%;
	padding:42px;
	left: 10px;
}

.bpl i{
	color: #0f1e64 !important;
	font-size: 50px;
	font-weight: 900;
	position: relative;
	top: -24px;
	left: -28px;
}

.bpr i{
	color: #0f1e64 !important;
	font-size: 50px;
	font-weight: 900;
	position: relative;
	top: -24px;
	left: -22px;
}

.bpl:hover{
	background-color:  rgba(15, 30, 100, 0.8) !important;
}

.bpr:hover{
	background-color:  rgba(15, 30, 100, 0.8) !important;
}

.bpl:hover i{
	color: #fff !important;
}

.bpr:hover i{
	color: #fff !important;
}

.lblue-bg{
	background-color: #78dcf5;
}

.d-blue-text{
	color: #004ede;
}

.act-check{
	width: 1.4em;
    height: 1.4em;
}

.act-check-label{
	position: relative;
	top: 4px ;
	left: 6px;
}

.futures-img{
	border-radius: 20px;
	border: solid 0px #000;
}

.img-1{
	width: 160px;
	height: auto;
	position: relative;
	top: -50px;
	left: 80px;
}

.img-2{
	width: 220px;
	height: auto;
	position: relative;
	z-index: 999;
}

.img-3{
	top: 50px;
	left: 80px;
	width: 180px;
	height: auto;
	position: relative;

}

.img-4{
	width: 140px;
	height: auto;
	position: relative;
	top: -30px;
	left: 40px;

}

.img-5{
	width: 240px;
	height: auto;
	position: relative;
	left: 80px;
	top:-60px;
}

.img-6{
	width: 140px;
	height: auto;
	position: relative;
	top: -20px;
	left: 100px;
	z-index: 999;
}

.img-7{
	width: 200px;
	height: auto;
	position: relative;
	top: -40px;
	left: 60px;
}

.support-bg{
	padding: 30px;
	border-radius: 30px;
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
}

.s-bg-1{
	background-image: url(../images/act/btn_bg_hover.jpg);
}

.s-bg-2{
	background-image: url(../images/act/act_bg_dark.jpg);
}

.s-bg-3{
	background-image: url(../images/act/btn_bg.jpg);
}

.support-bg h4{
	font-size: 40px;
	margin-bottom: 0px;
}

.dblue-bg{
	background-color: #0f1e64;
}

.review-img{
	height: 800px;
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	z-index: 999;
}

.review-img-1{
	background-image: url(../images/act/peribonio.png);
}

.review-img-2{
	background-image: url(../images/act/kotaro2.png);
}

.review-img-3{
	background-image: url(../images/act/abby2.png);
}

.review-img-4{
	background-image: url(../images/act/meghan_m3.png);
}

.review{
	font-size: 45px;
}

.light-blue{
	color: #78dcf5;
}

.light-blue-bg{
	background-color: #78dcf5;
}

.lighter-blue-bg{
    background-color: #b7e9f7;
}

.lighter-dark-blue-bg{
    background-color: #49c0dd;
}

.cs-box{
	border: solid 0px #0f1e64;
	border-radius: 20px;
	background-color: #0f1e64;
}

.cs-image{
	border: solid 0px #0f1e64;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.cs-content{
	padding: 20px 20px 0px;
	position: relative;
	top:-70px;
}

.cs-h4{
	color: #fff;
}

.cs-p{
	color:#fff;
	font-weight: 300;
}

.cs-date{
	color: #78dcf5;
	font-size: 12px;
	font-weight: 800;
}

.cs-img-overlay{
	height: 100%;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(15, 30, 100, 0.1) 10%, rgba(15, 30, 100, 0.2) 20%, rgba(15, 30, 100, 0.4) 30%, rgba(15, 30, 100, 0.6) 35%, rgba(15, 30, 100, 0.7) 40%, rgba(15, 30, 100, 0.8) 45%, rgba(15, 30, 100, 0.9) 50%, rgba(15, 30, 100, 0.99) 55%);
	z-index: 9999;
	position: absolute;
	top:0px;
	border-radius: 30px;
}

.cs-content{
	z-index: 99999;
}

.news-img-overlay{
	height: 100%;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(15, 30, 100, 0.1) 10%, rgba(15, 30, 100, 0.2) 20%, rgba(15, 30, 100, 0.4) 23%, rgba(15, 30, 100, 0.6) 27%, rgba(15, 30, 100, 0.7) 39%, rgba(15, 30, 100, 0.8) 43%, rgba(15, 30, 100, 0.9) 47%, rgba(15, 30, 100, 0.99) 50%);
	z-index: 9999;
	position: absolute;
	top:0px;
	border-radius: 30px;
}

.news-content{
	padding: 20px 20px 0px;
	position: relative;
	top:-70px;
	z-index: 99999;
}

.news-arrow{
	position: relative;
	top: 0px;
	font-size: 12px;
	left: 4px;
}

.profile-image{
	width: 51%;
	height: auto;
	border: solid 0px #000;
	border-radius: 20px;
}

.profile-image2{
	position: relative;
	top: -30px;
	left: 12%;
	z-index: 999;
}

.arrow-bg{
	background-image: url("../images/act/arrow-bg.jpg");
	padding: 100px 70px;
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius: 100px;
}

.wellness-bg{
	background-image: url("../images/act/wellness_bg.jpg");
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	height: 100vh;
	display: flex;
	align-items: center;
}

.arrow-bg h2{
	font-family: "STIX Two Text", serif;
  	font-weight: 600;
  	font-style: italic;
}

.min-vh-80{
	height: 80vh;
}

.pg-title-bar{
	background-color: #004ede;
	z-index: 99;
	position: relative;
	top: 40px;
	padding:20px 0px 16px;
}

.business-t-bar{
	background-color: #0f1e64;
}

.organization-t-bar{
	background-color: #78dcf5;
}

.careers-t-bar{
	background-color: #ff9600;
}

.small-top-banner-text{
	display: flex;
	align-items: center;
	height: 100%;
	width: 70%;
}

.n-hub-box{
	border-radius: 20px;
	padding: 30px 20px;
}

.n-hub-box:hover{
	cursor: pointer;
}

.nhb1{
	background-image: linear-gradient(to bottom right, #d24a14, #ff9600, #ffdc6e);
}

.nhb2{
	background-image: linear-gradient(to bottom right, #6e002d, #d71e4b, #ff96b9);
}

.nhb3{
	background-image: linear-gradient(to bottom right, #006446, #46be5a, #b4e6a0);
}

.nhb4{
	background-image: linear-gradient(to bottom right, #4b236e, #843dc2, #9d64ce);
}

.nhb5{
	background-image: linear-gradient(to bottom right, #0f1e64, #004ede, #78dcf5);
}

.nhb6{
	background-color: #0f1e64;
}

.nhb7{
	background-color: #78dcf5;
}

.nhb8{
    background-image: linear-gradient(to bottom right, #004EDE, #477DE9, #A9C4F4);
}

.nhb-image{
	position: relative;
	border-radius: 20px;
	z-index: 999;
}

.nhb-link{
	color: #fff;
	cursor: pointer;
}

.stage-box i{
	font-size: 32px;
}

.stage-box{
	font-size: 28px;
	background-color: #004ede;
	padding: 30px 20px;
	color: #fff;
	border-radius: 20px;
	/*height: 280px;*/
}
.stage-box h4
{
    text-transform: uppercase;
    font-size: 15px;
}

.stage-box .nhb-link
{
    font-size: 14px;
}

.stage-box:hover{
	cursor: pointer;
}

.stage-box-btn{
	background-color: #78dcf5;
	border-radius: 50%;
	padding: 4px 12px;
}

.stage-box-btn{
	font-size: 30px;
}

.orange-text{
	color: #d24a14;
}

.light-orange-text{
	color: #ff9600;
}

.job-box{
	background-color: #ffdc6e;
	border-radius: 20px;
	padding: 30px 20px;
}

.job-h4{
	color: #555;
}

.job-p{
	color: #555;
	font-size: 12px;
}

.job-feature{
	background-color: #ff9600;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	font-size: 10px;
	width:fit-content;
	padding: 2px 40px 0px;
	font-family: "Sofia Sans Extra Condensed", sans-serif;
  	font-weight: 500;
  	letter-spacing: 1.1px;
}

.job-stats{
	background-color: #fff;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	font-size: 10px;
	width: 200px;
	padding: 2px 20px 0px;
	font-family: "Sofia Sans Extra Condensed", sans-serif;
  	font-weight: 500;
  	letter-spacing: 1.1px;
}

.stage-modal{
	border-radius: 40px;
}

.stage-modal-header{
	border-bottom: 0px;
}

.stage-modal-img{
	border-radius: 20px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	height: 100%;
}

.smi-1{
	background-image: url("../images/act/journey1.jpg");
}

.smi-2{
	background-image: url("../images/act/journey2.jpg");
}

.smi-3{
	background-image: url("../images/act/journey4.jpg");
}

.smi-4{
	background-image: url("../images/act/journey3.jpg");
}

.smi-5{
	background-image: url("../images/act/male_swimmer2.jpg");
}


.bdr-bg-image{
	border-radius: 20px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	height: 100%;
}

.st-bg{
	background-image: url("../images/act/shae_tucker.jpg");
}

.dk-bg{
	background-image: url("../images/act/danielle_k.jpg");
}

.td-bg{
	background-image: url("../images/act/tricia_downing.jpg");
}


.blue-run-img{
	background-image: url("../images/act/blue_running.jpg");
	border-radius: 20px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	height: 100%;
}

.blue-swim-img{
	background-image: url("../images/act/outdoor_swimmer.jpg");
	border-radius: 20px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	height: 100%;
}

.blue-rugby-img{
	background-image: url("../images/act/gabriela_nicolino_saling.jpg");
	border-radius: 20px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	height: 100%;
}

.blue-gym-img{
	background-image: url("../images/act/gym_man.jpg");
	border-radius: 20px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	height: 100%;
}


.business-ath-img{
	background-image: url("../images/act/female_athlete.jpg");
	border-radius: 20px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	height: 100%;
}

.business-gym-img{
	background-image: url("../images/act/businessman_gym.jpg");
	border-radius: 20px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	height: 100%;
}

.hub-modal-img{
	border-radius: 20px;
	background-position:center;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	height: 100%;
}

.hmi-1{
	background-image: url("../images/act/business_man_tall.jpg");
}

.hmi-2{
	background-image: url("../images/act/fb_athlete_tall.jpg");
}

.hmi-3{
	background-image: url("../images/act/learning_img_tall.jpg");
}

.hmi-4{
	background-image: url("../images/act/athlete_learning_tall.jpg");
}

.hmi-5{
	background-image: url("../images/act/business_woman_track_tall.jpg");
}

.pmi-1{
	background-image: url("../images/act/journey1.jpg");
}

.pmi-2{
	background-image: url("../images/act/journey2.jpg");
}

.pmi-3{
	background-image: url("../images/act/journey3.jpg");
}

.pmi-4{
	background-image: url("../images/act/journey4.jpg");
}

.career-modal{
	background-image: linear-gradient(to bottom right, #d24a14, #ff9600, #ffdc6e);
	border-radius: 40px;
}

.modal-btn{
	font-size: 20px;
}

.venture-modal{
	background-image: linear-gradient(to bottom right, #6e002d, #d71e4b, #ff96b9);
	border-radius: 40px;
}

.learning-modal{
	background-image: linear-gradient(to bottom right, #006446, #46be5a, #b4e6a0);
	border-radius: 40px;
}

.wellness-modal{
	background-image: linear-gradient(to bottom right, #4b236e, #843dc2, #9d64ce);
	border-radius: 40px;
}

.transition-modal{
	background-image: linear-gradient(to bottom right, #004ede, #b4e6a0);
	border-radius: 40px;
}

.community-modal{
    background-image: linear-gradient(to bottom right, #004ede, #b4e6a0);
    border-radius: 40px;
}

.act-img-rad{
	border-radius: 20px;
}

.c-image{
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.review2-bg{
	background-image: url("../images/act/review2_bg.jpg");
	background-position:top;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}

.review2-quote-col{
	height: 90vh;
	display: flex;
	flex-flow: wrap;
	align-items: center;
}

.review2-logo-col{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	height: 90vh;
}

.review2-logo{
	height:100px !important;
	width: auto !important;
}

.review2-logo-mob{
	height:100px !important;
	width: auto !important;
}

.nhb-image{
	cursor: pointer !important;
}

.tb-overlay{
	align-self: center;
	width: 100%;
	height: auto;
}

.tb-overlay2{
	align-self: center;
	width: auto;
	height: 100%;
}

.slider-arrows-pos-y{
	position: relative;
	top:-26%;
}

#aboutUs, #contactUs{
	position: relative;
	top: -80px;
}

.subscribe-promo{
	background-color: #0f1e64;
	border-radius: 30px;
	padding: 30px 20px;
}

.join-promo{
	background-image: url("../images/act/grad_woman_right.jpg");
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius: 30px;
	padding: 50px 20px;
}

.join-promo-lb{
	background-image: url("../images/act/grad_woman_right_lb.jpg");
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius: 30px;
	padding: 50px 20px;
}

.join-white-btn{
	border-radius: 20px;
	color: #212529;
	background-color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 10px 30px;
	width: 80%;
	transition: 0.6s;
}

.join-white-btn:hover{
	color: #fff;
	background-color: #212529;
}

.jwb-icon{
	position: absolute;
	left: 30px;
	font-size: 26px;
	top: 12px;
}

.jp-h3{
	font-weight: 800;
}

.jp-h4{
	font-weight: 600;
	font-size: 30px;
}

.sp-h5{
	font-weight: 600;
	font-size: 22px;
}

.sp-h4{
	font-size: 36px;
}

.join-promo2{
	background-color: #004ede;
	border-radius: 30px;
	padding: 30px 20px;
}

.join-toggle{
	border-top: solid 2px #78dcf5 !important;
	margin-bottom: 1px !important;
}

.join-toggle .toggle-title{
	color: #fff!important;
	font-size: 20px;
}

.join-toggle:hover{
	background-color: #0f1e64;
}

.l2-icon{
	font-size: 22px;
}

.jpromo-img{
	border-radius: 20px;
}


.jp-img1{
	width: 50%;
	height: auto;
	position: absolute;
	left: 0;
	z-index: 99;
}

.jp-img2{
	width: 45%;
	height: auto;
	position: absolute;
	left: 40%;
	top: 40px;
	z-index: 9;
}

.jp-img3{
	width: 30%;
	height: auto;
	position: absolute;
	left: 35%;
	top: 100px;
	z-index: 999;
}

.jp2-h4{
	font-size: 40px;
	font-weight: 900;
}

.jp2-h4-l{
	font-size: 36px;
	font-weight: 400;
}


.jp2-h5{
	font-weight: 600;
	font-size: 30px;
	line-height: 1.1;
}


.jp2-h5-sm{
	font-size: 26px;
}

.zone-angle-tl{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25%;
	height: auto;
}

.zone-angle-br{
	position: absolute;
	bottom: -10px;
	right: 0px;
	width: 35% !important;
	height: auto;
}

.zone-angle-tl-sm{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50% !important;
	height: auto;
}

.pb-zone{
	padding-bottom: 80px;
}

.arrow-fade-left{
	position: relative;
	top: -50px;
	width:40px;
	height: auto;
}

.corp-img{
	border-radius: 20px;
	height: auto;
	position: relative;
}

.corp-img-1{
	width: 40%;
	top: 0;
	left: 20;
	z-index: 999;
}

.corp-img-2{
	width: 50%;
	top: 70px;
	left: -20px;
}

.corp-img-3{
	width: 50%;
	top: 0px;
	left: 0px;
}

.corp-img-4{
	width: 30%;
	top: 60px;
	left: 40px;
}

.sm-arrow{
	position: absolute;
	right: 30px;
	top:14px;
}

.sub-menu-h{
	color: #212529;
}

.mega-menu-p{
	color: #212529 !important;
}

.logo-mob-resp{
	visibility: hidden;
	width: 0px;
	height: auto;
}

.more{
	position: relative;
	top:-80px
}

.support-bg{
	transition: 0.2s;
}

.support-bg:hover{
	box-shadow: 3px 3px 10px #000;
}

.slider-arrow-left{
	background-color: rgba(0, 0, 0, 0);
	width: 100px;
	height: auto;
	transition: 0.5s;
}

.slider-arrow-left:hover{
	background-color: rgba(0,0,0,0) !important;
	border-radius: 50px;
	width: 106px;
	height: auto;
}

.slider-arrow-right{
	background-color: rgba(0, 0, 0, 0);
	width: 100px;
	height: auto;
	left: 140px;
	right: unset;
	transition: 0.5s;
}

.slider-arrow-right:hover{
	background-color: rgba(0,0,0,0) !important;
	border-radius: 50px;
	width: 106px;
	height: auto
}

.nav-mob-btn{
	width: auto;
}

.mt-box{
	background-color: #eee;
	border-radius: 30px;
	padding: 20px 20px 30px;
}

.mt-image-bd{
	border-radius: 20px;
}

.mt-h4{
	font-size: 34px;
	line-height: 1.2;
}

.mt-h5{
	font-size: 20px;
}

.mt-p{
	font-size: 20px;
	line-height: 1 !important;
}

.vid-box{
	padding: 0px;
	height: 500px;
	border-radius: 30px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100%;
}

.vid-box-1{
	background-image: url("../images/act/meghan_m2.jpg");
}

.vid-box-2{
	background-image: url("../images/act/abby_d.jpg");
}

.vid-box-3{
	background-image: url("../images/act/kotaro2.jpg");
}

.vid-box-4{
	background-image: url("../images/act/peribonio2.jpg");
}

.vid-box-5{
	background-image: url("../images/act/dom_morris.jpg");
}

.vid-box-6{
	background-image: url("../images/act/cole_d.jpg");
}

.vid-content{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	flex-wrap: nowrap;
	height: 500px;
	padding: 100px 20px 30px;
	background-image: linear-gradient(0deg, rgba(15, 30, 100, 0.99) 52%, rgba(15, 30, 100, 0.85) 60%, rgba(15, 30, 100, 0.7) 65%, rgba(15, 30, 100, 0.5) 75%, rgba(15, 30, 100, 0.4) 80%, rgba(15, 30, 100, 0.3) 83%, rgba(15, 30, 100, 0.2) 86%, rgba(15, 30, 100, 0.1) 90%);


	/*background: linear-gradient(0deg,rgba(110, 0, 45, 0.99) 52%, rgba(110, 0, 45, 0.85) 60%, rgba(110, 0, 45, 0.7) 65%, rgba(110, 0, 45, 0.5) 75%, rgba(110, 0, 45, 0.4) 80%, rgba(110, 0, 45, 0.3) 83%, rgba(110, 0, 45, 0.2) 86%, rgba(110, 0, 45, 0.1) 90%); */
	z-index: 9999;
	border-radius: 30px;
	width:100%;
}

.vid-h4{
	font-size: 40px;
	color: #fff;
	line-height: 1.2;
	font-family: "STIX Two Text", serif;
  	font-weight: 400;
}

.vid-h5{
	color: #fff;
	font-size: 18px;
}

.vid-comp{
	color: #fff;
	font-size: 22px;
}

.vid-btn{
	background-color: #004ede;
	color: #fff;
	border-radius: 30px;
	transition: 0.6s;
	font-weight: 600;
}

.vid-btn:hover{
	background-color: #002d80;
	color: #fff;
}

.red-text{
	color: #d71e4b !important;
}

.dark-red-text{
	color: #6e002d !important;
}

.n-hub-box-p{
	height: 100px;
}

.community-review{
	font-size: 22px;
	font-family: "STIX Two Text", serif;
  	font-weight: 600;
  	font-style: italic;
}

.bann-sm-h{
	font-size: 50px;
	font-weight: 700;
}

.tier-box{
	background-color: #fff;
	border-radius: 30px;
	padding: 30px 20px;
}

.tier-box-content{
	min-height: 350px;
	height: auto;
}

.tier-box-bottom{
	height: 100px;
	width:100%;
	display: flex;
	align-items: end;
}

.tier-box-content .faqs .toggle{
	border-bottom: 1px #ccc solid !important;
	margin-bottom: 20px;
	padding-bottom: 14px;
}

.tier-box-content .toggle{
	padding-left: 8px;
	padding-right: 12px;
}

.tier-box-content .toggle-title{
	padding: 0px;
}

.partnership-h1{
	background-color: #78dcf5;
	color: #0f1e64;
	border-radius: 30px;
	padding: 10px 20px;
	font-weight: 800;
}

.partnership-h2{
	background-color: #004ede;
	color: #fff;
	border-radius: 30px;
	padding: 10px 20px;
	font-weight: 800;
}

.partnership-h3{
	background-color: #0f1e64;
	color: #fff;
	border-radius: 30px;
	padding: 10px 20px;
	font-weight: 800;
}

.partnership-h4{
	background-color: #5a0c20;
	color: #fff;
	border-radius: 30px;
	padding: 10px 20px;
	font-weight: 800;
}

.dark-blue-link{
	color: #0f1e64;
	font-size: 17px;
	font-weight: 800;
	transition: 0.5s;
	position: relative;
	top: -6px;
}

.pink-btn{
	background-color: #f08fa7;
	color: #5a0c20;
	border-radius: 30px;
	font-weight: 600;
	transition: 0.6s;
}

.pink-btn:hover{
	background-color: #5a0c20;
	color: #f08fa7;
}

.dark-blue-link:hover{
	color: #004ede;
}

.light-blue-box{
	background-color: #78dcf5;
	border-radius: 30px;
	padding: 30px 20px;
	height: 300px;
}

.cv-box{
	border-radius: 30px;
	padding: 30px 20px;
	height: 200px;
	background-position:right;
	background-attachment:scroll;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.cv-1{
	background-color: #004ede;
	background-image: url(../images/act/blue_bg.jpg);
}

.cv-2{
	background-color: #ff9600;
	background-image: url(../images/act/orange_bg.jpg);
}

.cv-3{
	background-color: #46be5a;
	background-image: url(../images/act/green_bg.jpg);
}

.cv-4{
	background-color: #d71e4b;
	background-image: url(../images/act/red_bg.jpg);
}

.bg-white{
	background-color: #fff;
}

.modal{
	z-index: 999999;
}

.modal h3{
	font-size: 30px !important;
}

.process-cards{
	padding: 20px 30px;
	border-radius: 30px;
	border: solid 1px #bbb;
	margin: 10px;
	height: 400px;
	box-shadow: 1px 1px 4px #bbb;
}

.pCardW{
	float: left;
	width: 25%;
}

.step-num{
	font-size: 30px;
	color: #ffF;
	font-weight: 800;
	background-color: #004ede;
	border-radius: 50px;
	width: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.process-cards h5{
	font-size: 22px;
	line-height: 1.1;
}

.process-lg{
	height: 460px;
	width: 100%;
}

#pCard1{
	position: absolute;
	z-index: 999;
	left: 0%;
	width: 25% !important;
}

#pCard2{
	z-index: 9;
	position: absolute;
	left: 27%;
	width: 25%;
}

#pCard3{
	z-index: 8;
	position: absolute;
	left: 54%;
	width: 25%;
}

#pCard4{
	z-index: 7;
	position: absolute;
	left: 61%;
	width: 25%;
}

#pCard5{
	z-index: 6;
	position: absolute;
	left: 68%;
	width: 25%;
}

#pCard6{
	z-index: 5;
	position: absolute;
	left: 75%;
	width: 25%;
}

.pCardNavigate{
	display: flex;
	justify-content: center;
}

.process-nav-btn{
	width: 30px;
	height:auto;
}

.pCardNav{
	padding: 10px 20px 12px;
	border: solid 1px #fff;
	border-radius: 50px;
	background-color: #d1d1d1;
	float: left;
	transition: 0.6s;
	color: #0f1e64;
}

.pCardNav:hover{
	cursor: pointer;
	color: #fff;
	background-color: #b1b1b1;
}

.blog-dets{
	font-size: 28px;
}

.vh40{
	height: 40vh;
}

.review-sm-img{
	border-radius: 30px;
	border: solid 0px #000;
}

.brd-20{
	border: solid 0px #000;
	border-radius: 20px;
}

.cs-p{
	height: 70px;
	overflow-y: hidden;
}

.content-pull-up {
    margin-top: -200px;
}
.content-pull-up-home
{
    margin-top: -100px;
}


#header,
#header.transparent-header,
#header.transparent-header:not(.sticky-header) {
    --cnvs-primary-menu-color: #fff;
    --cnvs-primary-menu-hover-color: #00BFFF;
    --cnvs-primary-menu-active-color: #00BFFF;
    --cnvs-primary-menu-font-weight: 700;
    --cnvs-primary-menu-tt: uppercase;
    --cnvs-primary-menu-ls: 0.06em;
    height: calc(var(--cnvs-header-height) + 1px);
}

#header .navbar.nav-compact .navbar-collapse {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}
#header .navbar.nav-compact .navbar-nav {
    display: flex !important;
    align-items: center !important;
    gap: 1.25rem !important;
}

#header .navbar.nav-compact .nav-link {
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-size: 0.95rem !important;
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    background: transparent !important;
    opacity: 1 !important;
}

#header .navbar.nav-compact .nav-link:hover,
#header .navbar.nav-compact .nav-link.livePage {
    color: #00BFFF !important;
}

#header .navbar.nav-compact .nav-split .dropdown-caret::after {
    border-top-color: #fff !important;
    margin-left: 0.35rem;
    transform: translateY(-1px);
}

#header .navbar.nav-compact .nav-split .dropdown-caret {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#header .navbar.nav-compact .dropdown-menu {
    margin-top: 0.65rem !important;
    border: 0 !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

@media (min-width: 1200px) {
    #header .navbar.nav-compact .dropdown:hover > .dropdown-menu {
        display: block !important;
    }
    #header .navbar.nav-compact .dropdown-menu {
        margin-top: 0 !important;
        top: 100% !important;
    }
    #header .navbar.nav-compact .dropdown {
        position: relative !important;
    }
    #header .navbar.nav-compact .dropdown::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 12px;
        pointer-events: none;
    }
}

@media (max-width: 1199.98px) {
    #header .navbar.nav-compact .navbar-collapse {
        padding: 0.75rem 0 !important;
    }
    #header .navbar.nav-compact .navbar-nav {
        gap: 0 !important;
    }
    #header .navbar.nav-compact .dropdown-menu {
        margin-top: 0 !important;
        box-shadow: none !important;
    }
}

#header .navbar.nav-compact {
    padding: 0.4rem 0;
}

.is-expanded-menu #header.full-header.transparent-header #header-wrap {
   border-bottom: 0px;
}

#header .navbar.nav-compact {
    min-height: 56px;
    display: flex !important;
    align-items: center !important;
    height: calc(var(--cnvs-header-height) + 1px);
}

.sticky-header-shrink .navbar.nav-compact {

    height: auto !important;
}

#header .navbar.nav-compact .navbar-nav {
    display: flex !important;
    align-items: center !important;
}

#header .navbar.nav-compact .nav-link {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}


#header .navbar.nav-compact .dropdown-toggle::after {
    margin-left: 0.1rem !important;
    transform: translateY(-1px);
    vertical-align: middle;
}

#header .navbar.nav-compact .nav-split .dropdown-caret {
    margin-left: 0.2rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    line-height: 1 !important;
}
#header .navbar.nav-compact .nav-split .dropdown-caret::after {
    margin-left: 0.2rem !important;
    transform: translateY(-1px);
    vertical-align: middle;
}

.is-expanded-menu .sticky-header #header-wrap {

    background-color:#808080;
}

/* Desktop (≥1200px): flex + right aligned */
@media (min-width: 1200px) {
    #header .navbar.nav-compact .navbar-collapse {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    #header .navbar.nav-compact .navbar-nav {
        display: flex !important;
        align-items: center !important;
        gap: 1.25rem !important;
    }
}

@media (max-width: 1199.98px) {
    #header .navbar.nav-compact .navbar-collapse {
        display: none !important;          /* hidden by default */
        padding: 0.75rem 0 !important;
    }
    #header .navbar.nav-compact .navbar-collapse.show {
        display: block !important;         /* visible when toggled */
    }
    #header .navbar.nav-compact .navbar-nav {
        gap: 0 !important;
    }
    #header .navbar.nav-compact .dropdown-menu {
        margin-top: 0 !important;
        box-shadow: none !important;
    }

}

.form-select
{
    background-color: #fff;
    color: #666666;
}
#header .navbar.nav-compact .dropdown-menu {
    background-color: #fff !important;
    color: #000 !important;
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    min-width: 220px; /* keeps consistent width */
}

/* Dropdown item text black */
#header .navbar.nav-compact .dropdown-menu .dropdown-item {
    color: #000 !important;
    font-weight: 500;
    padding: 0.5rem 1rem;
}

/* Hover state */
#header .navbar.nav-compact .dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa !important;
    color: #00BFFF !important; /* match your blue accent */
}

/* ===== Desktop keeps your current look ===== */
@media (min-width: 1200px) {
    /* your existing desktop styles stay; nothing changes here */
}

/* ===== Mobile (<1200px): tidy, full-width, readable ===== */
@media (max-width: 1199.98px) {
    /* Give the collapsed area a solid backdrop so it doesn't sit on the hero */
    #header .navbar.nav-compact .navbar-collapse {
        background: rgba(0,0,0,0.9);
        padding: .5rem 0 !important;
    }

    /* Make top-level links big, full-width tap targets */
    #header .navbar.nav-compact .nav-link {
        width: 100%;
        padding: .9rem 1rem !important;
        line-height: 1.1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between;     /* text left, caret right */
        color: #fff !important;
    }

    /* Caret snug to the text */
    #header .navbar.nav-compact .dropdown-toggle::after {
        margin-left: .4rem !important;
        transform: translateY(-1px);
    }

    /* Make dropdown menus expand inline, full width */
    #header .navbar.nav-compact .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: .25rem 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;   /* inherit dark backdrop */
        box-shadow: none !important;
    }

    /* Submenu items: full width rows */
    #header .navbar.nav-compact .dropdown-item {
        padding: .8rem 1.25rem;
        color: #fff !important;
        background: transparent !important;
        border-top: 1px solid rgba(255,255,255,0.08);
    }
    #header .navbar.nav-compact .dropdown-item:hover {
        background: rgba(255,255,255,0.06) !important;
        color: #fff !important;
    }

    /* Optional: reduce top spacing so the first submenu item hugs its parent */
    #header .navbar.nav-compact .dropdown.show > .dropdown-menu {
        margin-top: 0 !important;
    }
}

/* ===== Mobile navbar: full-width overlay, clean stack ===== */
@media (max-width: 1199.98px) {
    /* Make the collapsed area a full-screen overlay (not container-width) */
    #header .navbar.nav-compact { position: relative; z-index: 1060; }
    #header .navbar.nav-compact .navbar-collapse {
        position: fixed;           /* escape the .container */
        left: 0; right: 0; top: 0; bottom: 0;
        width: 100vw; height: 100vh;
        background: rgba(0,0,0,0.92);
        overflow-y: auto;
        padding: 1rem 0 !important;
    }
    /* keep Bootstrap collapse behavior */
    #header .navbar.nav-compact .navbar-collapse.collapse:not(.show) {
        display: none !important;
    }

    /* Big, tappable rows */
    #header .navbar.nav-compact .navbar-nav {
        display: block !important;
        padding: 0 .75rem 1rem;
        gap: 0 !important;
    }
    #header .navbar.nav-compact .nav-item {
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    #header .navbar.nav-compact .nav-link {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start;
        width: 100%;
        padding: 1rem .25rem !important;
        line-height: 1.1 !important;
        color: #fff !important;
    }

    /* Keep caret on the same line (non-split version) */
    #header .navbar.nav-compact .dropdown-toggle::after {
        margin-left: auto !important;   /* push caret to far right */
        transform: translateY(-1px);
    }

    /* If you're using the split-caret variant, pin the caret absolutely */
    #header .navbar.nav-compact .nav-split { position: relative; }
    #header .navbar.nav-compact .nav-split .dropdown-caret {
        position: absolute; right: .75rem; top: 50%;
        transform: translateY(-50%);
        padding: 0 !important;
    }

    /* Submenus open inline, full width, readable */
    #header .navbar.nav-compact .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: .25rem 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    #header .navbar.nav-compact .dropdown-item {
        display: block;
        width: 100%;
        padding: .8rem 1rem;
        color: #fff !important;
        background: transparent !important;
        border-top: 1px solid rgba(255,255,255,0.08);
    }
    #header .navbar.nav-compact .dropdown-item:hover {
        background: rgba(255,255,255,0.06) !important;
        color: #fff !important;
    }

    /* CTA at the bottom looks tidy */
    #header .navbar.nav-compact .nav-mob-btn {
        margin-top: 1rem;
    }
}

.blue-modal {
    background-image: linear-gradient(to bottom right, #004EDE, #477DE9, #A9C4F4);
    border-radius: 40px;
    color: #fff !important;
}

.blue-modal h5
{
    color: #fff !important;
}

.purple-modal {
    background-image: linear-gradient(to bottom right, #6F032F, #B68096, #F0E6EA);
    border-radius: 40px;
    color: #fff !important;
}

.purple-modal h5
{
    color: #fff !important;
}

.content-modal-box{
    border-radius: 30px;
    padding: 30px 20px;
    background-position:right;
    background-attachment:scroll;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    min-height: 400px;
}

.content-modal-box h3{
    color: #fff;
}
.content-modal-box p{
    color: #fff;
}

.content-modal-box-1{
    background-color: #004ede;
    background-image: url(../images/act/gabriela_nicolino_saling.jpg);
    opacity: 0.9;
}

.content-modal-box-2{
    background-color: #004ede;
    background-image: url(../images/act/businessman_gym.jpg);
    opacity: 0.9;
}
.content-modal-box {
    color: #fff;
    min-height: 620px;
}

.bg-transparent-cont {
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: #fff !important;
    border-radius: 30px;
    padding: 30px 20px;
}

.bg-transparent-cont h4
{
    color: #fff !important;
}
/* Heading color when in content mode */
.content-heading {
    color:#fff !important; /* Bootstrap blue */
}

.content-modal-box h3
{
        font-family: "Sofia Sans Extra Condensed", sans-serif;
        font-weight: 800;
        font-style: normal;
        letter-spacing: 2px;
        font-size: 32px;
        font-style: normal
}


@media (max-width: 1199.98px) {
    #header .navbar.nav-compact .nav-link {
        text-align: center;
        padding-left: 20px !important;
        padding-right: 50px !important;

    }
}

.wel-mess{
	font-size: 30px;
	font-weight: 600;
}

.a-quote{
	font-style: italic;
	font-weight: 300;
}

#bookCall{
	position: relative;
	top: -80px;
}

#bookDemo{
	position: relative;
	top: -80px;
}

.intro-list{
	list-style-type: square;
}

.intro-list li{
	font-weight: 300;
}


.x-logo{
	position: relative;
	top:-3px;
}

.act-menu{
	justify-content: flex-end;
}

.is-expanded-menu .sub-menu-container, .is-expanded-menu .mega-menu-content {
    background-color: rgb(0, 0, 0, 0.8);
    color: #fff;
    font-family: "Sofia Sans Extra Condensed", sans-serif;
    font-weight: 800;
}

.sub-menu-container .menu-item > .menu-link {
	color: #fff;
    font-family: "Sofia Sans Extra Condensed", sans-serif;
    font-weight: 800 !important;
    letter-spacing: 2px;
    font-size: 20px;
}

.navbar-brand{
	position: absolute;
    left: 10px;
    top: 30px;
}

.primary-menu-trigger{
	padding: 30px 0px;
}

.cv-h5{
	font-size: 22px;
}

.at-list{
	font-weight: 200;
}

.trail-logo{
	height: 40px;
	width:auto !important;
	position: relative;
	top: -35px;
	left: 90px;
}

#intro, #athletes, #partner{
	position: relative;
	top: -100px;
}