@charset "utf-8";
/* CSS Document */

/*** ============ MAIN ============ ***/
.content-wrapper {
    background: linear-gradient(top rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(top rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(top rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-size: 100%;
    background-position: left 0px bottom 120px;
    background-repeat: no-repeat;
	padding: 0em 0 0;
}

html, body {
    font-family:"Avenir LT Std";
    font-weight: 400;
    font-size: 1rem;
    scroll-behavior: smooth;
/*	background: url(../images/bg-main.png) top center;*/
}

body.subpage {
    background: url(../images/img-subpage-header-bg-desktop.png) no-repeat top center;
    background-size: 100%;
}
.cc-btn {margin-right: 5em!important;}

p {
    color: #122F53;
    margin: 0em 0em 1.5em 0em;
	font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
    font-family:"Avenir LT Std";
    font-weight: bold;
    color: #122F53;
}

h5 {
    font-weight: 700;
}

h6 {
	color: #28A8E0;
}

strong {
    font-weight: 700;
}

.dynamics-group-bg {
	background-color: #2AA9E0;
	height: 35px;	
}

.dynamics-group {
	font-size: 0.8em;
	color: #ffffff;
}
.dynamics-group-a{
	text-align: left;
	padding: 0px 5px;
}
.dynamics-group-a p{
	color: #ffffff;
}

.dynamics-group-b{
	color: #ffffff;
	text-align: right;
	padding: 7px 5px;
	
}
.dynamics-group-c {
	display: none;
}


.dynamics-group a{
	color: #ffffff!important;
	
}

.dynamics-group a:hover{
	color: #122F53!important;
	text-decoration: none;
}

.dynamics-group img{
	width: 30px!important;
}

.mobile-menu-opened {
    overflow-y: hidden;
}

.mobile-menu-closed {
    overflow-y: scroll;
}

a:link, a:visited {
    color: #122F53;
}

.btn-main {
	border-radius: 10px;
	font-family:"Avenir LT Std";
	padding: 0.75em 1.25em;
	cursor: pointer;
	transition: all 0.5s;
	background-color: #223F99;
	font-size: 1em;
	color: #ffffff !important;
	margin-bottom: 0.75em;
}

.btn-main:hover {
    background-color: #0E63DC;
    color: #FFF !important;	
}

.btn-menu {
    color: #122F53;
    border: 1px solid #122F53;
    padding: 5px 10px;
}
.fa-3x{font-size:1.8em!important;}


.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right;
	color: #124a75;
	display: flex; 
	align-items: flex-start;
}
.accordion .card-header.collapsed:after {
    content: "\f067";
	color: #1b75bb;
	display: flex; 
	align-items: flex-start;
}
.card-header a{color: #223f99;}
/* common class for buttons */
a:link.btn-common, a:visited.btn-common  {
    background-color: #36C4F3;
    border: 2px solid #36C4F3;
    border-radius: 32px;
    font-family:"Avenir LT Std";
    color: #FFF;
    font-size: 1em;
    padding: 0.5em 2.5em;
    box-shadow: 15px 15px 20px #00000029;
    transition: all 0.3s ease-in;
}
a:hover.btn-common {
    background-color: #27aadf;
    border-color: #27aadf;
    box-shadow: none;
}

a:link.read-more, a:visited.read-more {
    border: 2px solid #122F53;
    padding: 0.5rem 1rem;
    color: #122F53 !important;
    font-size: 0.875rem;
}

a:hover.read-more {
    background-color: #122F53;
    border-color: #122F53;
    color: #FFF !important;
    text-decoration: none;
}
/** control sticky contact **/
.sticky-contact {
	background-color: rgba(255, 255, 255, 0.8);;
	width:auto;
/*	height: 100px;*/
	float: right;
	border: solid none;	
	border-bottom-left-radius: 25px;
	border-top-left-radius: 25px;
	position: -webkit-sticky;
	position: sticky;
	position: fixed;
	right: 0px;
	bottom: 60px;
	padding: 20px 50px!important;
	z-index: 100;
}
.single-widget {
	position: relative; 
	display: inline-block; 
	padding-left: 50px; 
	margin-right: 20px;
}
.single-widget:last-child {
	margin-right: 0px;
	border-right: 0px;
	padding-right: 0px;
}
.single-widget i {
	color: #38c2f1!important;
	position: absolute;
	text-align: center;
	font-size: 18px;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #38c2f1;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.single-widget:hover i{
	border-color:transparent;
	color: #fff!important;
	background-color: #1b75bb;
}
.single-widget h4 {
	font-size: 1.0rem;
}
.single-widget a{
	font-weight: bold;	
	color: #38c2f1;	
	vertical-align: middle!important; 
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease ;
	transition: all 0.3s ease;
}
.single-widget a:hover{
	color: #1b75bb;
}
.single-widget-tab{
	padding-top:5px; 
	text-align:center;
}
.single-widget-tab p{
	margin: 0.5em; 
	color: #808080;
}

.social-icons {
	display: none;
}

.videoYT { width: 500px; height: 315px;  border: 1px solid #cccccc; padding: 4px; border-radius: 5px;}




/*** ---------- end main ---------- ***/

/**=== ALERT ===**/
.alert-careers {
	padding: 1em 2em; 
	border: none; 
	border-radius: 2em; 
	background-color: #FFFBEF;
}
.alert-careers p{ 
	top: 50%; 
	padding: 0px;
	margin: 0px;
}
.alert-aba p{ 
	top: 50%; 
	padding: 0px; 
	margin: 0px;
}
.alert-aba {
	padding: 1em 2em; 
	border: none; 
	border-radius: 2em; 
	background-color: #E8F8FF;
}
.alert-contact {
	padding: 1em 2em; 
	border: none; 
	border-radius: 0.5em; 
	background-color: #E8F8FF; 
	text-align: center!important;
}
.alert-contact p { 
	top: 50%; 
	padding: 0px; 
	margin: 0px;
}
.alert-aba-btn {
    border-radius: 10px;
	border: solid #223F99 2px;
    font-family:"Avenir LT Std";
	font-weight: bold;
	padding: 0.75em 1.25em;
    cursor: pointer;
    background-color: #ffffff;
    font-size: 1em;
    color: #223F99 !important;
	margin: 2px auto 5px;
	-moz-box-shadow: 0 2px 5px #999;
	-webkit-box-shadow: 0 2px 5px #999;
	-o-box-shadow: 0 2px 5px #999;
	-ms-box-shadow: 0 2px 5px #999;
	box-shadow: 0 2px 5px #999;
}

.alert-aba-btn:hover {
    background-color: #223F99;
	border: solid #223F99 2px;
    color: #FFF !important;
	margin: 5px auto 2px;
	-moz-box-shadow: 0 0 1px #eee;
	-webkit-box-shadow: 0 0 1px #eee;
	-o-box-shadow: 0 0 1px #eee;
	-ms-box-shadow: 0 0 1px #eee;
	box-shadow: 0 0 1px #eee;
}
/** end ALERT **/

/*** ============ HOME ============ ***/

/**===== HEADER =====**/
#topbar {
    width: 100%;
	transition: 0.5s;
}
.topbar-wrap {
    width: 100%;
    padding: 0 0em;
	
}
/** add background colour to the navbar when it's sticky **/
#topbar.stickybar {
    position: fixed;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 5px 15px #00000040;
	top: 0px;
	transition: 0.5s;
}
.stickybar + .intro {
    padding-top: 200px;
}

.navbar {
    display:flex;
    justify-content: center;
    align-items: center;
	padding: 0rem 1rem!important;
}

.logo {
    padding:10px 0px!important;
}

.navbar-collapse {
    flex-grow: 0;
}

/** hide logo and close btn on mobile overlay menu **/
.overlay .logo,
.overlay .btn-close {
    display: none;
}

/** make logo smaller when the navbar is sticky **/
#topbar.stickybar .logo img {
    height: 80px;
	transition: 0.5s;
	top: 0px;
}
ul.topnav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    justify-items: center;
    align-items: center;
    text-align: center;
    font-size: 1.05em;
    white-space: nowrap;
}
.topnav > li {
    list-style: none;
    text-align: center;
    flex-grow: 1;
    padding: 1em;
    margin: 0;
    display: block;
}
a.nav-links:link, a.nav-links:visited {
    text-align: center;
    padding-bottom: 0.5em;
    display: block;
	color: #808080!important;
}
a.nav-links:hover {
    text-decoration: none;
	color: #5AC5E6;
}
a.nav-links::after {
    content: " ";
    background: #5AC5E6;
	color: #808080;
    width: 0%;
    height: 1px;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
    -webkit-transition: width 0.3s ease-in;
    -moz-transition: width 0.3s ease-in;
    -o-transition: width 0.3s ease-in;
    transition: width 0.3s ease-in;
}
.topnav > li:hover a.nav-links::after,
a.nav-links:hover::after {
    width: 70%;
}
ul.submenu {
    display: none;
    opacity: 0;
    margin: 0;
    padding: 10px;
    margin-top: 10px;
    list-style: none;
    border: 0px;
	border-radius: 10px;
    background-color: #FFF;
    min-width: 200px;
    position: absolute;
    z-index: 99;
    transform: translateX(-30%);
    font-size: 0.95em;
    transition: all 0.3s ease-in;
    white-space: nowrap;
    box-shadow: 0px 5px 5px #00000040;
}
.submenu > li {
    text-align: center;
    padding: 0.5em 1em;
    margin-left: 0;
}

.dropdown:hover ul.submenu {
    display: block;
    opacity: 1;
}
.submenu-link{
	color: #808080!important;	
}
.submenu-link:hover{
	color: #28A8E0!important;		
}
/*----- end of Header -----*/

/**===== FOOTER =====**/
#footer-aba {
	position: absolute; 
	width: 100%; 
	background-color: #F5F9FE;
	margin-top: 0em;
}
.footer-container {
	padding: 0px!important;
}
.footer h4 {
	color: #223f99; 
	margin-top: 10px;
	font-size: 1.5em;
}
.footer-logo {
    margin-right: 15px;
	width: 100px;
}
.footer-menu-container {
	padding: 1em 0em;
}
.footer-col-big {
	-ms-flex:0 0 40%;
	flex:0 0 40%;
	max-width:40%; 
	padding-right:5px; 
	float: left;
} 
.footer-col-small{
	-ms-flex:0 0 20%;
	flex:0 0 20%;
	max-width:20%; 
	float: left;
}
.footer p {
	width: 100%; 
	font-size: 0.875rem; 
	color: #000; 
	line-height: normal; 
	margin: 0px 0px 10px 0px!important;
}
.footer {
    width: 100%;
    font-size: 0.875rem;
    color: #FFF;	
}
.footer li {
	font-size: 13px; 
	line-height: 1.0em; 
	padding: 6px 0px; 
	margin-left: 0em!important;
}
.footer-link-header {
    font-size: 1.5em;
    font-family:"Avenir LT Std";
    color: #484848;
	margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: block;
}
.footer-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    margin-bottom: 2em;
}

.footer-menu li {
    list-style: none;
    margin: 0;
    padding-bottom: 0.15em;
}
.footer-text,
.footer a:link,
.footer a:visited  {
    color: #000;
}
.footer-menu a {
	-webkit-transition: padding-left 100ms ease-out;
	-moz-transition: padding-left 100ms ease-out;
	-o-transition: padding-left 100ms ease-out;
	transition: padding-left 100ms ease-out;}

.footer-menu a:hover {
	padding-left: 5px; 
	color: #28A8E0;
}
.list-inline > li {
	display: inline-block; 
	padding: 0px 10px 0px 0px;
}
.footer-socials i {	
	color: #ffffff!important;	
	background-color: #223f99;
	text-align: center;
	font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 0px solid #38c2f1;
	border-radius: 100%!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer-socials i {
	color: #fff;
	-webkit-transition: 100ms ease-out;
	-moz-transition: 100ms ease-out;
	-o-transition: 100ms ease-out;
	transition: 100ms ease-out;
}

.footer-socials i:hover {
	transform: scale(1.2); 
	background-color: #28A8E0;}

.footer-copyright {
    width: 100%;
    background-color: #0B213B;
    padding: 1em 0;
    font-size: 0.9em;	
}
.footer-copyright a {
	color:#ffffff!important;
}
.footer-copyright a:hover {
    color: #27AADF!important;
}
/*----- end of Footer -----*/

/**===== HOMEPAGE =====**/

.homepage-header {
	width: 100%; 
	background: url(../images/img-header-bg-desktop.jpg) no-repeat bottom center; 
	background-size:cover; 
	padding-bottom: 7em;
}
.homepage-cover {
	display: none;
}
.homepage-content {
	margin-top: 3em;
	padding-bottom: 3em;
}
.homepage-content h2 {
	font-size: 2em;
}
/*.homepage-content p {
	font-size: 1.15em; 
	color: #122F53;
}*/
.homepage-getstarted {
	padding: 0 0 3em 0;
}
.homepage-ourtherapist {
	padding: 2em 0 2em 0; 
	text-align: right; 
	background:  url(../images/bg-home-therapist.png) #28A8E0;
}
.homepage-ourtherapist-img {
	background:  url("../images/bg-home-therapist-img.png"); 
	background-size: cover;
}
.homepage-ourtherapist h2 {
	color: #ffffff;
}
.homepage-ourtherapist p {
	color: #ffffff;
}
.midcontent { 
	margin-top: 100px;
}
.img-home { 
	margin: 20px auto; 
	padding: 10px;
}
.iconsection {margin-bottom:20px; width: 120px; height: 120px;}
.display {
    font-family:"Avenir LT Std";
    font-size: 3.2em!important;
    font-weight: bold;
    color: #122F53;
    letter-spacing: 0.01em;
    line-height: 1.2em;
}

.display-4 {
    font-size: 3.2em!important;
    line-height: 1.2em;
}

.dropdown-arrow {display: none;}
.intro {margin: 3em auto 5em;}
.intro h5 {text-transform: uppercase; font-family:"Avenir LT Std"; font-weight: 700; color: #122F53; font-kerning:normal; letter-spacing: 0.04em;}

/*.intro p {font-size: 1.2em; line-height: 1.2em;}*/
.intro a:link.btn-common, a:visited.btn-common  {padding: 0.8em 3.5em;}
.arrow-down {text-align: center; font-size: 1.8em; margin-bottom: 25px; color: #27AADF; animation: floating 1s infinite ease;}
.arrow-down a:hover > i {color: #36C4F3;}
@keyframes floating {
    0% {transform: translateY(3px)}
    50% {transform: translateY(-3px)}
    100% {transform: translateY(3px)}
}

.homepage-promotions {background-color: rgba(255, 255, 255, 0.5); padding: 2em 0;}
.promo {display: flex; flex-wrap: wrap; justify-content: flex-start; justify-items: center; align-items: stretch;}
.promo-card {display: flex; align-items: stretch; flex-direction: column; margin: 0em; flex-shrink: 0; border: 0px solid #F2F2F2; flex-basis: 28%;}
.promo-content {text-align: center; padding: 1em 2em; line-height: 1.5em; flex-grow: 1;}
.promo-footer {text-align: center; padding: 0 0 1em 0;}
.promo-image, .promo-footer, .promo-content {flex-shrink: 0;}

/* image zoom in on hover */
.promo-image {width: 100%; overflow: hidden; margin: 0 auto; border-radius: 1em!important;}
.promo-image a img {width: 100%; transition: 0.5s all ease-in-out;}
.promo-image a:hover img {transform: scale(1.1); overflow: hidden;}
/* end of image zoom on hover */ 

.promo-text { font-size: 16px!important; color: #666; font-weight: normal;}
/*---- End of Homepage Promotion Section ----*/
.promo-btn-container {
	text-align: center;
	margin: 2em 0em;	
}
/*----FEATURED THERAPISTS OF THE MONTH-------------------->*/
.featured-promotion {
	background-image: url("../images/promotions/img-featured-promotion-bg.png"); background-repeat: no-repeat; background-position: right bottom; background-size: cover; max-height: inherit; padding: 3rem;}
.img-featured-therapists  {width: 200px!important;}
.featured-therapists-title h2 {font-size: 2.5rem!important; font-weight:bold; color: #DA3821!important; text-align: center;}
.featured-therapists-mainname  {font-size: 1.95rem!important; font-weight:600!important; color: #212529!important;}
.featured-therapists-intro {font-size: 1rem; color: #777777!important; text-align: left !important;}
.featured-therapists-text {font-size: 1.25rem; color: #122F53!important; line-height: 1.65rem;}
.featured-therapists-department {display: block;font-size: 16px;margin-bottom: 10px;color:#5AC5E6;font-weight:bold; border-top: 1px dotted #333;}
.featured-therapists-name {font-size: 21px; font-weight:bold; color:#10a8dc; text-transform:capitalize;text-align:center !important;}
.featured-therapists-position {display: block;font-size: 14px;margin-bottom: 10px;color:#999999;font-weight:bold;}
.panel-default-featured-therapists {border: solid 1px #F2F2F2; border-radius: 5px; padding: 0px 10px; margin-bottom: 20px;}
.panel-body-featured-therapists {text-align:center!important;}
.featured-therapists-off {display: none;}
.featured-therapists-flag-wrapper {margin: 1.5em auto; width: 50%; }
.featured-therapist-promo-title {color:#2575bb; font-weight: bold;}
.featured-promotion .content {text-align: left;}
.callnote {
    padding: 2rem;
    background: #F9F9F9;
    margin-top: 1rem;
}
/* ---HOME PAGE NEWSLETTER SECTION */
.homepage-newsletter {background-color: rgba(145, 220, 255, 0.2); margin-top: 2em;}
.newsletter {padding: 2em; margin: 2em 0;}
.sign-up-form {width: 60%; margin: 0 auto;}
.sign-up-form .btn-common {background-color:#36C4F3; color: #FFF; text-align: center; font-size: 1em; border-radius: 0;}
.input-common {background-color: #F2F2F2; border: none; font-size: 1em; border-radius: 0;}

.newsletter {margin: 0.5em 1em;}
.newsletter-issue {font-size:1em; font-weight: normal; color: #1b75bb; border-left: solid 2px #ff6600; padding-left: 10px; margin-bottom: 10px;}
#newsletter .card {font-family: 'Lato', sans-serif; font-weight: bold; border-radius: 0px; color: #1b75bb; padding: 1.0rem;}
#newsletter .card-body {color:  #1b75bb; background-color: rgba(0,0,0,.03); text-align: center; padding: 5px 10px 15px 10px;}
#newsletter .card-body:hover {color: #ffffff; background-color: #1b75bb;}
.subtitle {font-size: 1.75rem !important; color: #10a8dc !important; font-weight: bold;}

/*---- End of Homepage Newsletter Section ----*/ 

/*-- HOMEPAGE RESOURCE SECTION --*/
.homepage-resource {margin-top: 2em;}
.resource-department { background-color: #E8F8FF; display:table; text-align: center; padding: 5px 15px; font-size: 0.75em; margin: 0px auto 10px!important;color:#28A8E0;font-weight:normal; border: 0px; border-radius: 25px;}
.resource-author {font-size: 0.75em; color:#484848;}
.resource-author a {color:#28A8E0;}
.resource-author a:hover {color:#484848; }
.resource-image { height: 100%;  overflow: hidden!important; border: 0px; border-radius: 100%;}
.resource-image img{ transform-origin: 125 125; transition: transform .25s, visibility .25s ease-in;}
.resource-image img:hover {transform: scale(1.1);}
.resources-link a {font-size: 0.75em; line-height: 1.2!important;}
.resources-date {font-size: 0.65em;} 
.resources-span {font-size: 1.0em!important;}
.resources-span-title {font-size: 1.0em!important; margin-bottom: 0em!important;}
.resource-content-img {float: right; margin-bottom: 3em;}
/*----- end of Homepage -----*/

/**===== SUBPAGE =====**/
.subpage-header {width: 100%; background: url(../images/img-subpage-header-bg-desktop.png) no-repeat top center;  background-size:cover;/* padding-bottom: 1em;*/}
#breadcrumb {
    color: #808080;
	font-size: 0.75em;
	text-transform: capitalize;	
	font-weight: bold;
}
#breadcrumb a:link, #breadcrumb a:visited {
    color: #28A8E0;
	font-weight: normal;
}
#breadcrumb a:hover {
	color: #223F99;
	text-decoration: none;
}
.breadcrumb-holder{
	padding: 10em 0em 0em 0em;
	float: left;
}
.display-title h1 {
	color: #484848;
	font-weight: bold;
	margin-top: 0.125em;
}
.subpage-content a:link, a:visited {
    color: #28A8E0;
}
.subpage-content h2 {
	font-size: 2.5em!important;
	color: #28A8E0;
	font-weight: bolder;
}
.subpage-content h3 {
	color: #223F99;
}
.subpage-content p {
	color: #484848;
	margin: 0em 0em 1em 0em;
}
.subpage-intro {
	margin: 0em auto 0em;
}
.subpage-intro-img {
	text-align: center;
	margin: 0em 0em;
}
.subpage-intro img {
	max-height: 350px; 
/*	padding:1em;
	background: url(../images/subpage-intro-img-bg.png) no-repeat; 
	background-size:cover; */
	border: solid 2em #def5ff;
	border-radius:50%!important;
}

.subpage-content li {
    color: #122F53;
	font-size: 1.15em;
}
.content-image-right {
	max-width: 300px; 
	max-height: 300px;
	padding:1.5em; 
	background: url(../images/subpage-intro-img-bg.png) no-repeat; 
	background-size:contain; 
	float: right;
	margin: 1em 2em;
}
.content-image-right2 {
	max-width: 500px; 
	max-height: 500px;
	padding:1.5em; 
	float: right;
	margin: 0.5em;
}
.content-image-left {
	max-width: 300px; 
	max-height: 300px;
	padding:1.5em; 
	background: url(../images/subpage-intro-img-bg.png) no-repeat; 
	background-size:contain; 
	float: left;
	margin: 1em 2em;
}

.subpage-content {
	margin-top: 2em; 
	padding:0em 0em 3em;
}
.subpage-content h2 {
	font-size: 2em;
}
.subpage-content p {
	font-size: 1.15em; 
	color: #122F53;
}
.testimonial-aba p{ 
	top: 50%; 
	padding: 0px; 
	margin: 0px;
}
.testimonial-aba-container {
	text-align: center;
	padding:2em;
}


.testimonial-aba {
	padding: 1em 2em; 
	border: none; 
	border-radius: 2em; 
	background-color: #E8F8FF;
}
.subpage-our-team {
	margin: 1em auto 0em;
}
.subpage-our-team img {
	max-height: 500px; 
	padding:1.5em; 
	background: url(../images/subpage-intro-img-bg.png) no-repeat; 
	background-size:cover; 
	border-radius:50%!important;
}
.company-logos {
    margin: 50px auto;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.company-card {
    max-width: 16%;
    flex: 0 0 11%;
    text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    background-color: #FFF;
    border: 1px solid #F5F5F5;
    padding: 1.5em 0;
}
.company-card:nth-child(2n+2) {
    background-color: #F8F8F8;
}
.company-card a:link,
.company-card a:visited
 {
    width: 100%;
    height: auto;
}
.company-logo {
    text-align: center;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;   
}
.company-logo img {
    width: 63%;
    height: auto;
}
.process-count {
	vertical-align: middle; 
	text-align: center;
}
.process-blue{ 
	background-color: #E8F8FF; 
	border-radius: 3em; 
	padding: 2em; 
	margin: 2em 0em;
}
.process-yellow{ 
	background-color: #FFF9F5;
	border-radius: 3em; 
	padding: 2em; 
	margin: 2em 0em;
}

.process-circle-blue {
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background-color: #28A8E0;
	border: 5px solid #FFF;
  	border-radius: 60px;
 	box-shadow: 0 0 2px #888;
  	padding: .5em;
	margin: 1em;
	width: 120px;
    height: 120px;
}
.process-circle-yellow {
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background-color: #FF9A52;
	border: 5px solid #FFF;
  	border-radius: 60px;
 	box-shadow: 0 0 2px #888;
  	padding:.5em;
	margin: 1em;
	width: 120px;
    height: 120px;
}
.our-team {
	background-color: #ffffff!important;
	border-radius: 3em; 
	padding: 3em auto!important;
	margin: 1em 0em;
}
.our-team-div {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dashed#28A8E0;
}

.our-team-div-b {
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.our-team-div-b p{
	font-size: 0.75em;
	margin-bottom: 5px!important;
}
.our-team h2 {
	font-size: 2em!important;
	color: #28A8E0;
}
.our-team h4 {
	font-weight: normal;
	color: #999999;
}
.our-team h5 {
	font-weight: normal;
	color: #223F99;
}

.apply-form {
    border-top: 3px solid #086EAF;
    box-shadow: 10px 10px 30px #00000029;
    background: #FFF;
    padding: 1em 2em;
    margin: 2em;
}

.contact-header {
    color:#086eaf;
    font-size: 1.25rem;
}
.contact-map {
    width: 100%;
    margin-top: 2rem;
}
.panel {width: 100%; height: 100%;}
.panel-margin {margin-bottom: 3em;}
.panel-team {border: solid 1px #F2F2F2; border-radius: 2em; padding: 30px 20px; margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.8);}
.panel-team:hover {background-color: #E8F8FF;}
.panel-body-team {text-align:center!important;}
.equal{display: -ms-flexbox; display: -webkit-flex; display: flex;}
.panel-resource {display: block;  border: solid 1px #F2F2F2; border-radius: 2em; padding: 20px; margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.8);}
.panel-resource:hover {background-color: #E8F8FF;}
.panel-body-resource {text-align:center!important;}
.panel-programs {display: block;  border: solid 1px #F2F2F2; border-radius: 2em; padding: 20px; margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.8);}
.panel-programs:hover {background-color: #E8F8FF;}
.panel-body-programs {text-align:center!important;}
.program-img {margin-bottom: 2em!important;}
.program-others {padding-top: 5em; background-color: #FAFAFA}
.panel-btn {
    border-radius: 25px;
	border: solid #28A8E0 1px;
    font-family:"Avenir LT Std";
    padding: 0.75em 1.25em;
    cursor: pointer;
    background-color: #ffffff;
    font-size: 1em;
    color: #28A8E0 !important;
	margin: 2px auto 5px;
}

.panel-btn:hover {
    background-color: #28A8E0;
	border: solid #28A8E0 1px;
    color: #FFF !important;
}

.register-btn {
    border-radius: 25px;
	border: solid #28A8E0 1px;
    font-family:"Avenir LT Std";
    padding: 0.75em 1.25em;
    cursor: pointer;
    background-color: #28A8E0;
    font-size: 1em;
    color: #ffffff !important;
	margin: 2px auto 5px;
}

.register-btn:hover {
    background-color: #223F99;
	border: solid #223F99 1px;
    color: #FFF !important;
}

.imgbox {max-height: 400px; padding:1.5em; background: url(../images/subpage-intro-img-bg.png) no-repeat; background-size:cover; border-radius:50%!important;}

.deadlink {
	color: #28A8E0;
	font-weight: normal;
}


.special-instruction {
	font-size:  0.8em!important;
	color: #28A8E0!important;
}
.img-label {
	margin: 0.25em 2em;
	width: 150px;
}


.label-txt {
	text-align: center;
	padding: 1em 2em;
}
.img-profile {
	margin: 0.25em 2em 1em;
	width: 150px;
}
.img-profile-team {
	margin: 0.25em auto!important;
	width: 200px;
}


/* Blog Sidebar */
.fa-xs {font-size: .75em!important;}
.aba-sidebar {
	margin-top: 30px;
	border-left: 1px solid #e6e6e6;
	padding-left: 30px;
}
.aba-sidebar.left{
	border-left:0px;
	border-right:1px solid #e6e6e6;
	padding:0 30px 0 0;
}
.aba-sidebar .search{
	position:relative;
}
.aba-sidebar .search input {
	width: 100%;
	height: 52px;
	box-shadow: none;
	text-shadow: none;
	border: none;
	border: 1px solid #e7e7e7;
	font-size: 16px;
	color: #6c6c6c;
	padding: 0 48px 0 20px;
}
.aba-sidebar .search .button {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 52px;
	line-height: 52px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 15px;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0px;
}
.aba-sidebar .search .button:hover{
	background:#00000b;
	color:#fff;
}
.aba-sidebar .single-widget {
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
	padding: 15px;
}
.aba-sidebar .single-widget h3 {
	font-size: 20px;
	padding-left: 10px;
	border-left: 2px solid transparent;
	margin-bottom: 20px;
}
.aba-sidebar .single-widget.categories ul{}
.aba-sidebar .single-widget.categories ul li {
	margin-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 15px;
    list-style: none;
}
.aba-sidebar .single-widget.categories ul li:last-child{
	margin:0;
	padding:0;
	border:none;
}
.aba-sidebar .single-widget.categories ul li a{
	color:#252525;
}
.aba-sidebar .single-widget.categories ul li a:hover{
	color:#273b90;
}
.aba-sidebar .single-widget.categories ul li a span {
	float: right;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #e7e7e7;
	border-radius: 100%;
	text-align: center;
	font-size: 13px;
}
.aba-sidebar .single-widget.categories ul li i{
	margin-right:5px;
}
.aba-sidebar .single-post {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
}
.aba-sidebar .single-post:last-child{
	border:none;
	margin-bottom:0px;
	padding-bottom:0px;
}
.aba-sidebar .post-img {
	float: left;
	width: 70px;
	margin-right: 10px;
}
.aba-sidebar .post-img img {
	width: 64px;
	height: 64px;
	border-radius: 100%;
}
.aba-sidebar .post-info h4 {
	color: #252525;
	font-size: 15px;
	margin-bottom: 5px;
}
.aba-sidebar .post-info h4 a {
	color: #252525;
}
.aba-sidebar .post-info span{
	color:#666;
}
.aba-sidebar .post-info span i{
	margin-right:5px;
}
.aba-sidebar .single-course {
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}
.aba-sidebar .single-course:last-child{
	padding:0;
	margin:0;
	border:none;
}
.aba-sidebar .single-course img {
	width: 64px;
	height: 64px;
	border-radius: 100%;
	float: left;
	margin:0 15px 0 0 !important;
}
.aba-sidebar .course-content h4{
	font-size:15px;
}
.aba-sidebar .course-content a {
	color: #252525;
}
.aba-sidebar .course-content .meta {
	color: #666;
	font-size: 14px;
	font-weight: 500;
}
.aba-sidebar .course-content .meta span{
	margin-left:10px;
}
.aba-sidebar .course-content .meta span i{
	margin-right:5px;
}
.aba-sidebar .calendar li{
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #e7e7e7;
}
.aba-sidebar .calendar li:last-child{
	margin:0;
	padding:0;
	border:none;
}
.aba-sidebar .calendar li a{
	color:#252525;
	font-size:15px;
}
.aba-sidebar .calendar li a i{
	margin-right:10px;
	color:#777;
}
.aba-sidebar .tags h3{
	margin-bottom:10px;
}
.aba-sidebar .tags ul{
	margin-left:-10px;
}
.aba-sidebar .tags ul li {
	display: inline-block;
	margin-top: 10px;
	padding-left:10px;
}
.aba-sidebar .tags ul li a {
	border: 1px solid #e7e7e7;
	display: block;
	padding: 5px 10px;
	color: #777;
}
/*----- end of Subpage -----*/


/** for mobile and ipad/tablet screens **/
@media screen and (width: 768px) {

	.dynamics-group-a {
		display: none;
	}
	.dynamics-group-b{
		display: none;
	}
	.dynamics-group-c {
		display:block;
		text-align: center;
	}
	.subpage-intro img {
	max-height: 300px; 
	padding:1.5em; 

}
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {

    body {
        font-size: 0.9rem;
    }
    .logo img {
        height: 85px;
    }

    /** make logo smaller when the navbar is sticky **/
    #topbar.stickybar .logo img {
        height: 80px;
    }
	.display-title h1 {
		font-size: 3em!important;
	}
	.dynamics-group-a .dynamics-group-b{
		font-size: 0.75em;
	}
}
	
@media screen and (max-width: 960px){
	.sticky-contact {display: none;}
    .navbar {
        justify-content: space-between;
    }
    .header {
        height: auto;
        padding-bottom: 50px;
    }
    .intro {
        margin-top: 2em;
        margin-bottom: 2.5em;
    }

    .logo img {
        height: 80px;
        margin: 0 0 0 0;
    }

    /** make logo smaller when the navbar is sticky **/
    #topbar.stickybar .logo img {
        height: 70px; 
		margin: 0;
 /*       margin-left: 10px;*/
    }

    /* for overlay menu */
    #topbar > .container {
        margin: 0 auto !important;
        padding: 0 1em !important;
    }
    .collapse {
        overflow-y: scroll;
    }
    .overlay {
        width: 50vw;
        background-color:rgba(255, 255, 255, 1);
        position: fixed;
        z-index: 1000;
        margin: 0;
        transition: left 0.3s ease-in;
        /* to make overlay menu scrollable*/ 
        overflow-y: scroll;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        /* end of scrollable css */
    }
    .mobile-menu-opened .overlay {
        pointer-events: initial;
    }
    .overlay .logo,
    .overlay .btn-close {
        display: inline-block;
    }
    .overlay .logo {
        padding-bottom: 10px;
		
    }
    .overlay .logo img {
        height: 60px !important;
		margin-left: 20px !important;
		
    }
    .overlay .btn-close {
        color: #122F53;
        position: absolute;
        z-index: 1001;
        right: 15px;
        top: 15px;
    }
    .overlay .btn-close i {
        font-size: 1.5em;
    }
    .overlay .overlay-topbar {
        text-align: left;
        flex: 1;
        background-color: #FFF;
        box-shadow: 0px 5px 20px #00000029;
    }
    ul.topnav {
        flex-direction: column;
        padding: 0;
        margin: 0;
        font-size: 0.98em;
        margin-top: 15px;
        flex: 2;
    }
    .dropdown:hover ul.submenu {
        display: none;
    }
    .topnav > li {
		content: ">";
        list-style: none;
        flex-grow: 1;
        padding: 0.5em 1em;
        margin: 0;
        display: block;
        width: 100%;
        text-align: start;
    }
    a.nav-links:link, a.nav-links:visited {
        display: inline-block;
        /*padding-left: 1em;*/
    }
    a.nav-links::after {
        border-bottom: none;
        display: none;
    }
    .topnav > li:hover a.nav-links::after,
    a.nav-links:hover::after {
        width: 0%;
    }

    .dropdown-arrow {
        display:inline-block;
        width: 32px;
        height: 100%;
        margin-left: 10px;
        cursor: pointer;
        float: right;
    }
    .dropdown-arrow::after {
        content: "\25B8";
        display: inline-block;
        margin-left: -3px;
        width: 32px;
        height: 16px;
        font-size: 1.5rem;
        color: #27aadf;
        background-color: transparent;
        transition: all 0.2s ease-out;
        transform-origin: bottom left;
        vertical-align: middle;
        margin-top: -8px;
        line-height: 16px;
    }
    .dropdown-arrow.active::after {
        transition: all 0.2s ease-out;
		transform: rotate(90deg) translate(-50%);
    }
    ul.submenu {
        transform: none;
        position: relative;
        box-shadow: none;
        padding-top: 5px;
        margin-top: 0;
        width: 100%;
        background-color: #f7f7f7;
        opacity:1;
    }
    
    ul.submenu li {
        text-align: left;
    }

    /* end of overlay menu */

    .sign-up-form {
        width: 90%;
    }
    .promo {
        flex-direction: column;
    }
    .blockquote::after {
        float:right;
        margin-top: 0.4em;
    }
    .promo-details {
        flex-direction: column;
        align-items: center;
    }
    .promo-details .promo-img{
        width: 200px;
    }
	
    .promo-details .promo-descriptions {
        padding: 1rem 0;
    }
	.panel-body-programs p {display: none;}
	.promo-image, .promo-footer, .promo-content {
		flex-shrink: 2}
	.display-title h1 {
		font-size: 3em!important;
	}
	.dynamics-group-a .dynamics-group-b{
		display: none;
	}
}


/** for ipad/tablets screens **/
@media screen and (min-width: 576px) and (max-width: 960px) {

   .contact-info {
        width: 50%;
        margin-bottom: 1em;
    }

    /* adjust vertical divider position */
    .contact-box > div:not(:first-child)::before{
        margin-left: -160px;
    }
    .contact-box > div:nth-child(3)::before{
        border-right: none;
    }
    .company-card {
        max-width: 40%;
        flex: 0 1 20%;
    }
    .three-columns {
        flex-wrap: wrap;
    }
    .three-columns > div,
    .three-columns-list > div
    {
        width: 50%;
    }
    .manual-list {
        list-style-position: inside;
    }
    .homepage-content {
        background-position: right bottom;
    }
    .therapist-profile .pic,
    .team-profile .pic {
        padding: 0 1em 0 0;
    }
	
}


/** for small and mobile screen only **/
@media screen and (max-width: 575px ) and (orientation : portrait) {
	#topbar{background-color: #fff; padding-bottom: 0em;}
	.homepage-cover {display: block;}
	.homepage-cover-img{border-radius: 1em;}
	.homepage-header {width: 100%; background: url("../images/img-header-bg-mobile-sm.jpg") no-repeat bottom center; background-size:cover; padding-bottom: 6em;}
	.alert-aba { margin: 0em 1em;}
	.invisible-width{padding: 0em 3em;}
	.no-image {display: none;}
	.footer-tab {display: none;}
	.media-body{text-align: center;}
	.midcontent { margin-top: 50px;text-align: center;}
	.subpage-header {width: 100%; background: url("../images/img-subpage-header-bg-mobile.png") no-repeat top center; background-size:cover; padding-bottom: 1em;}
	.subpage-intro img {border-radius: 50%; background: no-repeat; padding: 0em 1em; margin-top:1em;}
	.resource-content-img {float: none; margin-bottom: 1em;}	
	.dynamics-group-a {
		display: none;
	}
	.dynamics-group-b {
		display: none;
	}
	.dynamics-group-c p{
		color: #ffffff;
		padding: 0px!important;
		margin: 0px!important;
	}

	.dynamics-group-c {
		display: contents;
		padding: 4px 0px;		
        text-align: center!important;
		font-size: 0.8em;
        color: #ffffff;
	}
	.dynamics-group-bg {
		background-color: #2AA9E0;
		height: 25px;
	}
	.dynamics-group img{
	width: 25px!important;
}

	.company-logos {
        margin: 20px auto;
        width: 100%;
    }
    .company-card {
        flex: 0 1 33%;
        max-width: 40%;
    }
	#breadcrumb {background-color:#EDEDED; padding: 10px; margin: 10px 5px; border-radius: 10px;}
	.breadcrumb-holder{
		padding: 0em 0.5em;		
}	
	.display{
		font-size: 2.5em;
		text-align: center;
		margin-bottom: 1em;
	}
	.display-title h1 {
		font-size: 2em;
		font-weight: bold;
		text-transform: capitalize;
		margin-top: 0.5em;
		text-align:center;	
}
    p {
        margin: 1.5em 0;
    }
    .manual-list {
        list-style-position: inside;
    }
    .header {
        padding-bottom: 3em;		
    }
    .overlay {
        width: 100vw;
		background-color:rgba(255, 255, 255, 0.98);
    }
	
    .overlay .overlay-topbar {
        display: block;
        text-align: left;
    }
    .overlay .logo img {
        height: 70px !important;
        margin-left: 10px !important;
    }
    ul.topnav {
        font-size: 0.98em;
    }
    ul.submenu {
        white-space: normal;
	}
	.alert-careers {
	margin: 1em; 
		text-align: center;
	}
	.subpage-content {
	margin-top:2em; 
	padding:0em 1.5em 1.5em;
		text-align: center;
	}
	.subpage-content h2 {
		text-align: center;
	font-size: 2.5em!important;
	color: #28A8E0;
	font-weight: bolder;
		margin-top: 1em;
	}
	.subpage-content h3 {
		text-align: center;
	font-size: 1.5em!important;
		color: #223F99;
	}
	.subpage-content img{text-align:center!important;}
	.subpage-content li{text-align: left!important;}
	.footer-logo {
    margin: 0px 10px 0px 10px;
	width: 80px;
	}
	.footer-copyright {
    font-size: 0.7em;
	}
	.program-others {padding-top: 3em; background-color: #FAFAFA}	
	.social-icons {
		display:block;
		margin: auto 1em;
	}
	.social-icons a {
		color: #223F99;
	}
	.social-icons a:hover {
		color: #38c2f1;
	}
	
	.social-icons i{
	margin: auto 0.5em;
	}
	.navbar{
		margin: 0!important;
	}
	.arrow-down {display: 
	none;
	}
	.accordion .card-header.collapse {
	display: flex; 
	align-items: flex-start; }
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right;
	color: #124a75;
	display: flex; 
	align-items: flex-start;
}
.accordion .card-header.collapsed:after {
    content: "\f067";
	color: #1b75bb;
	display: flex; 
	align-items: flex-start;
	}
	.footer-menu-container {
	padding: 1em;
	}
	.subpage-our-team {
		text-align: center;
}
	.our-team-div{
		text-align: center;
}
	.our-team-div-b{
		text-align: center;
		padding: 0px;
		margin: 0px;
	}
	.our-team {
		margin: 1.5em 0em;
	}
	.contact-header {
    margin-top: 1em;
}
	
	.feedback-form {
		background-color:#f2f2f2;
		padding: 10px;
		border-radius: 10px;
	}
	    .promo-details .promo-img{
        width: 100%;
    }
    #topbar > .container {
        margin: 0 auto !important;
        padding: 0em !important;
    }
	.logo {
    padding:5px 0px!important;
}
	.videoYT { width: 100%; height: 230px;  border: 1px solid #cccccc; padding: 4px; border-radius: 5px;}
}