/*
	Theme Name:   Celebree Child
	Theme URI:    http://example.com/twenty-fifteen-child/
	Description:  Twenty Fifteen Child Theme
	Author:       John Doe
	Author URI:   http://example.com
	Template:     underboot_qii
	Version:      1.0.0
	License:      GNU General Public License v2 or later
	License URI:  http://www.gnu.org/licenses/gpl-2.0.html
	Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
	Text Domain:  celebree-child
*/

/******************************************************************!
* TURN THESE BORDERS ON TO TROUBLESHOOT THE BOOTSTRAP FRAMEWORK
*******************************************************************/
/* .row {
  border: 4px solid cornflowerblue;
}
div[class^="col-"], div[class*=" col-"] {
  border: 1px dashed red;
} */

/******************************************************************!
* SCREEN READER TEXT
*******************************************************************/
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  font-size: 15px;
}
html,
body {
  height: 100%;
}
body {
  font-family: 'Omnes';
  font-size: 100%;
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant-ligatures: none;
  margin: 0;
  text-rendering: optimizeLegibility;
}
code {
  display: block;
}
b, strong {
  font-weight: 600;
}
html [type=button] {
  -webkit-appearance: none;
}
dl, ol, ul {
    font-size: 1.3rem;
	margin-bottom: 1.3rem;
}
a {
	color:#003a5d;
}
p a {
  text-decoration:underline;
}

/* img {
  max-width: 100%;
} */

/* *****************************************************************
Belo CSS
/***************************************************************** */ 
.block-programs .nav h3 {
    color: #fff;
    font-family: 'Myriad' , sans-serif;
    font-weight: 500;
    margin: 0;
}

.flex-item {
    flex: 0 0 33.33%;
}

.flex-item.active > .nav-item {
    background-color: #b5be00;
}

.flex-item:hover {
    text-decoration: none;
}

.flex-item:first-child {
    padding-right: 15px;
}

.flex-item:last-child {
    padding-left: 15px;
}

.nav-item {
    background-color: #003a5d;
    padding: 6px 15px;
}

.nav-bg-green {
    background-color: #b5be00;
    height: 13px;
    width: 100%;
}

.program-content {
    background-color: #e1e1e1;
    padding: 30px;
}

.block-programs li {
    color: #003a5d;
    font-size: 25px;
}

/* ****************************************************************
Franchise css from Innopl
***************************************************************** */
/*/******************************
Innoppl
*******************************/

.franchise-wrap .wp-block-column{ flex-basis: 100%;margin-bottom: 0; }

.app-header__utility-bar-wrap.franchise,
.app-header__utility-bar.franchise{
    background-color: #003a5d;
}

/*.app-header__utility-bar.franchise .app-header__utility-bar-menu{
  font-size: 20px;
  line-height: 30px;
}*/

.app-header__utility-bar.franchise .app-header__utility-bar-phone{
  /*font-size: 33px;*/
  color: #fff;
  /*line-height: 60px;*/
  margin-right: 5px;
}

.app-header__utility-bar.franchise .app-header__utility-bar-menu li::after{
  background-color: #003a5d;
/*  width: 1px;
  height: 20px;
  vertical-align: top;*/
}

.app-header__utility-bar.franchise .app-header__utility-bar-cta{
  background-color: #016898;
  color: #fff;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: 500;
  margin-left: 20px;
}
.app-header__navigation-wrapper.franchise .app-header__navigation-menu.franchise{
  padding-right: 0;
}

.app-header__navigation-wrapper.franchise.active{
  position: fixed;
}

.btn-success.inquire-today, .btn-success.inquire-today:hover {
  background-color: #003a5d;
  border: 0;
  border-radius: 0;
  /*padding: 10px 15px;*/
  margin-bottom: 2rem;
}
.btn-success.inquire-today span {
  color: #fff;
  /*font-weight: 500;
  font-size: 23px;*/
  color: #b5be00;
}

/*.app-header__navigation-menu.franchise > ul:first-child > li:last-child{
  margin-right: 0;
}*/

/*.app-footer__menu.franchise{
  font-size: 23px;
}*/

.app-footer__menu.territ-foot li,
.app-footer__menu.franchise li{
  min-width: auto;
  padding-left: 20px;
  padding-right: 20px;
}


.app-footer__menu.franchise li::after{display: inline-block;}
.app-footer__menu.franchise li:last-child::after{display: none;margin-right: 0;}

.app-footer__p1.franchise.common {
  background-color: #003a5d;
}
.app-footer__p1.franchise{
  background-color: #707271;
}

.app-footer__p2.franchise{
  background-color: #575B57;
}

.app-footer__p2.franchise .social li a{
	background-color: #b5be00;
	margin: 0px auto;
	padding: 0px 6px;
	width: 30px;
	height: 30px;
}

.app-footer__search.franchise input[type="search"] {
    padding: 4px 25px 4px 43px;
    background-color: #e1e1e1;
    box-shadow: none;
    border: none;
    border-radius: 15px;
    outline: none;
}

.franchise-wrap .wp-block-button.learn-more .wp-block-button__link:hover {
    background-color: #e0a800 !important;
    text-decoration: none !important;
    transition: 0.5s;
}

.app-footer__search.franchise > form{
  position: relative;
}

.app-footer__search.franchise > form:before {
    background-image: url(assets/images/search-icon-new.png);
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 34px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    border-right: 1px solid #6e726e;
    background-position: center;
}
.app-footer__search.franchise > form .search-field::-webkit-input-placeholder {
  text-transform: uppercase;
}

 .app-header__navigation-logo.franchise{
    margin:0;
    margin-right: 30px;
  }

  .homePageBanner .video-container #unmuteButton{
    padding: 10px 22px;
    background-size: 75%;
    border: none;
    cursor: pointer;
    outline: none;
    position: absolute;
    top: 120px;
    right: 10%;
    border-radius: 2px;
  }
  .homePageBanner .video-container #unmuteButton.on {
    background: url("/wp-content/themes/celebree-child/images/volume-mute-sm.png") no-repeat center center rgba(0,0,0,0.3);
  }
  .homePageBanner .video-container #unmuteButton.off {
    background: url("/wp-content/themes/celebree-child/images/volume-sm.png") no-repeat center center rgba(0,0,0,0.3);
  }

#menu-franchise-header-main-menu{
  display: none;
}

.p-l-15{
  padding-left: 15px;
}
.p-r-15{
  padding-right: 15px;
}
.m-t-20{
  margin-top: 20px;
}
.m-t-30{
  margin-top: 30px;
}
.m-t-40{
  margin-top: 40px;
}

.m-b-25{
  margin-bottom: 25px;
}

.m-b-30{
  margin-bottom: 30px;
}

.p-t-20{
  padding-top: 20px;
}

.educate-heading{
  background-color: #d9d9d9;
  padding: 40px;
  margin-top: 80px;
  text-align: center;
  padding-right: 10%;
}

.educate-heading strong{
  display: block;
}

.img-caption figcaption{
  font-size: 1.2rem;
  color: #003a5d;
  text-transform: uppercase;
}

.upper-text{
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.franchise-wrap .blue{
  color: #003a5d;
}

.franchise-wrap  pre.wp-block-verse{
  white-space: inherit;
}

.franchise-wrap li, .franchise-wrap td {
    font-size: 1.3rem;
    margin-bottom: 0.6rem;
    letter-spacing: 0.05em;
    line-height: 1.6em;
}

.csf{
  font-size: 1rem;
}

.csf1{
  font-size: 2.5rem;
}
.wp-block-button.learn-more {
  margin-top: 25px;
}
.wp-block-button.learn-more .wp-block-button__link{
  font-weight: 400;
  font-size: 1.6rem;
  border-radius: 0;
  padding: 18px 40px;
}

.territories{
  padding: 40px 0;
  background-color: #d9d9d9;
  margin: 50px 0;
}

.flex-auto{
  display: block;
}
 .cust-pad-ter{
   margin-bottom: 30px;
 }

/*.franchise-wrap li, .franchise-wrap p{
  color: #707271;
}*/

.pad-top{
  padding-top: 4rem;
}
.franchise-home-page article {
  width: 100%;
}
.franchise-new2 .franchise-home-page .bannerBottom {
  padding: 40px 0px;
  background: #e9e9ea;
  margin: 0px;
  color: #003a5d;
}
.franchise-home-page .bannerBottom-be-there,
.franchise-home-page .bannerBottom {
    margin: 40px 0px;
}
.franchise-home-page .bannerBottom-be-there p.small-discl {
    margin: 30px 0px 0px 0px;  
}
.franchise-home-page .bannerBottom p.small-discl {
    margin: 40px 0px 0px 0px;
}
p.small-discl {
    font-size: 13px !important;
}
.franchise-home-page .less-royalty {
    background: url(/wp-content/uploads/2019/09/school-front.jpg) no-repeat center center;
    background-size: cover;
    padding: 430px 0px 70px 0px;
}
.franchise-home-page .profit-diff {
    background: url(/wp-content/uploads/2019/06/lady_and_boy_smiling.jpg) no-repeat center center;
    background-size: cover;
    padding: 160px 0px;
}
.growing-minds {
    background: url(/wp-content/uploads/2019/06/growing-minds.jpg) no-repeat center center;
    background-size: cover;
    padding: 160px 0px;
}
.growing-minds-2 {
    background: url(/wp-content/uploads/2019/09/growing-minds-new-image.jpg) no-repeat center center;
    background-size: cover;
    padding: 160px 0px;
}

.be-there-community {
    background: url(/wp-content/uploads/2019/06/man_playing_with_boy.jpg) no-repeat center center;
    background-size: cover;
    padding: 240px 0px;
}
.state-location {
    background-color: #062c49;
    /*padding: 40px 0px;*/
  	position: relative;
}
.support-starts {
    background: url(/wp-content/uploads/2019/06/richie.jpg) no-repeat center center;
    background-size: cover;
    padding: 140px 0px;
    position: relative;
}
.ready-foot-form h2, .ready-foot-form p, .ready-foot-form li, .ready-foot-form a,
.state-location .state-location-ins-cont h2, .state-location .state-location-ins-cont,
.support-starts .support-starts-ins-cont h2, .support-starts .support-starts-ins-cont,
.be-there-community .be-there-community-ins-cont h2, .be-there-community .be-there-community-ins-cont,
.growing-minds .growing-minds-cont h2, .growing-minds .growing-minds-cont,
.growing-minds-2 .growing-minds-cont h2, .growing-minds-2 .growing-minds-cont,
.less-royalty .less-royalty-ins-cont h2, .less-royalty .less-royalty-ins-cont,
.profit-diff .prof-ins-cont h2, .profit-diff .prof-ins-cont {
    color: #fff;
}
.franchise-home-page .bannerBottom-be-there .col-lg-3.noborder,
.franchise-home-page .bannerBottom .col-lg-3.noborder,
.franchise-home-page .blugbg-fin .col-sm-12.noborder {
	border: none;
}
.franchise-new2 .franchise-home-page .blugbg-fin {
  background-image: none;
  background-color: #fff;
}
.franchise-home-page .blugbg-fin {
    background: url(/wp-content/uploads/2019/06/middle-blue-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 66px 0px 33px 0px;
}
.ready-foot-form {
    background-color: #003B5D;
    padding: 60px 0px;
}
.access-insight a.btn:hover,
.work-life-bal a.btn:hover,
.bannerBottom-be-there a.btn:hover,
.ind-rise a.btn:hover {
  background-color: #b4bd00;
}
.growing-opportunity a.btn:hover,
.blugbg-fin a.btn:hover {
  background-color: #003a5d;
}
.growing-opportunity a.btn,
.blugbg-fin a.btn {
    background: #b4bd00;
    border: 1px solid #b4bd00;
}
.bannerBottom-be-there a.btn {
  background-color: #003a5d;
  border: 1px solid #003a5d;  
}
.access-insight a.btn,
.ind-rise a.btn {
  background-color: #016898;
  border: 1px solid #016898;
}
.work-life-bal a.btn {
  background-color: #003a5d;
  border: 1px solid #003a5d;
}
.access-insight a.btn,
.growing-opportunity a.btn,
.work-life-bal a.btn,
.bannerBottom-be-there a.btn,
.ind-rise a.btn,
.blugbg-fin a.btn {
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    padding: 5px 25px;
}
.access-insight,
.growing-opportunity,
.work-life-bal,
.ind-rise {
    color: #003a5d;
    font-weight: 500;
    padding: 50px 0px 30px 0px;
}
.access-insight h4 em {
  font-weight: normal;
}
.access-insight h4 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 40px;  
}
.franchise-new2 .access-insight h4 em {
  font-weight: 500;
}
.franchise-new2 .access-insight h4 {
  font-size: 34px;
  font-weight: 600;
}
.bannerBottom-be-there h1,
.bannerBottom h1,
.bannerBottom-be-there h4,
.bannerBottom h4,
.growing-opportunity h4,
.work-life-bal h4,
.ind-rise h4 {
    font-size: 33px;
    font-weight: 500;
    margin-bottom: 40px;
}
.growing-opportunity span.large {
    font-size: 2em;
}
.ind-rise h3 span {
    font-size: 30px;
    font-weight: 500;
    display: block;
    line-height: 26px;
    font-style: italic;
}
.ind-rise h3 {
    font-size: 4em;
    font-weight: 900;
}
.ind-rise h3 span.small {
    font-size: 19px;
}
.franchise-home-page .bannerBottom-be-there h3 {
  color: #003a5d;
  font-size: 26px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 10px;
}
.franchise-new2 .franchise-home-page .bannerBottom h3 {
  color: #003a5d;
  margin-top: 10px;
}
.franchise-home-page .bannerBottom h3 {
  color: #016898;
  font-size: 37px;
  font-weight: 900;
}
.app-header__navigation-wrapper.franchise.active .button-location-sticky {
  display: block;
}
.franchise-home-page .blugbg-fin p {
    font-size: 1.2em;
}
.franchise-new2 .franchise-home-page .blugbg-fin h3 {
    color: #003a5d;
    font-weight: 600;
    margin-top: 10px;
}
.franchise-new2 .franchise-home-page .blugbg-fin p {
    color: #003a5d;
    font-weight: 500;
}
.franchise-home-page .blugbg-fin h3, .franchise-home-page .blugbg-fin p {
    color: #fff;
}
.img-faq-section {
    background: #eee;
}
.franchise-new2 .img-faq-section .faq-img {
    background: url("/wp-content/uploads/2019/09/family-pic2.jpg") no-repeat center center;
    background-size: cover;
}
.img-faq-section .faq-img {
    background: url("/wp-content/uploads/2020/12/CELENT_franchise_FAQ_Graphic_720x691.jpg") no-repeat center center;
    background-size: cover;
}
.img-faq-section .faq-section .schema-faq-section { 
    border-bottom: 1px solid #999;
}
.img-faq-section .faq-section .schema-faq-section:first-child { 
    border-top: 1px solid #999;
}
.img-faq-section .faq-section .schema-faq-section.active_faq .schema-faq-question {
    background: url(/wp-content/themes/celebree-child/assets/images/minus_icon.svg) no-repeat left center;
	background-size: 10px;
    padding-left: 20px;
}
.img-faq-section .faq-section .schema-faq-section .schema-faq-question {
    padding: 10px 0px;
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    background: url(/wp-content/themes/celebree-child/assets/images/plus_icon.svg) no-repeat left center;
    background-size: 10px;
    padding-left: 20px;
}
.img-faq-section .faq-section .schema-faq-section .schema-faq-answer {
    background: #ddd;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 18px;
}

.svg_map_popup {
		display: none;
		background: #003B5D;
		position: relative;
		z-index: 9;
		max-width: 340px;
		color: #fff;
		margin-top: 40px;
	}
	.svg_map_popup .svg_map_popup_cont {
		padding: 10px;
	}
	.svg_map_popup h4 {
		color: #fff;
		text-align: center;
		border-bottom: 2px solid #062c49;
		padding: 4px;
		margin-bottom: 0px;
	}
	.svg_map_popup .svg_map_popup_cont ul {
    padding-left: 15px;
}
.svg_map_popup .svg_map_popup_cont ul li {
    font-size: 14px;
    margin-bottom: 0px;
}
.svg_map_popup .svg_map_popup_cont span.map_pop_head {
    color: #b4bd00;
    font-size: 16px;
    font-weight: 500;
}
.svg_map_popup::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    border-left: 2px solid #003b5d;
    border-top: 2px solid #003b5d;
    width: 14px;
    height: 14px;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: #003b5d;
}
.support-starts .franc_video_btn {
  color: #fff;
}
i.support-starts-play-icon {
    background: url(/wp-content/uploads/2019/06/video-play.png) no-repeat center center;
    padding: 60px;
    position: absolute;
    top: 44%;
    left: 46%;
    cursor: pointer;
    background-size: 120px;
}
i.support-starts-play-icon:hover {
    -ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari */
  transform: scale(1.03);
}
.support-starts .franc_video_btn i {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
}

.support-starts .franc_video_btn:hover i.right {
    width: 0px;
    height: 0px;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-right: 26px solid transparent;
    padding: 0px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    border-width: 10px;
    margin: 0px 0px -3px 7px;
}
.support-starts .franc_video_btn i.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.franchise-home-form{
  background-image: url(assets/images/footer-form-background.jpg);
  padding: 70px 0;
  margin-top: 4rem;
}

.form-right h3{
  color: #fff;
  font-size: 1.9rem;
}
.inl_link_pos,
.ready-foot-form #footer-form {
  position: relative;
  top: -110px;
  visibility: hidden;
}

.footer-form-wrap .form-control{
  height: auto;
  padding: 12px 15px;
  border-radius: 0;
  font-size: 1.2rem;
}

.footer-form-wrap .form-group{
  margin-bottom: 20px;
}

.footer-form-wrap .form-button button{
  padding: 15px 30px;
  color: #fff;
  background-color: #b5be00;
  font-size: 1.7rem;
  font-weight: 500;
}

.banner-bottom{
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #d9d9d9;
}

.banner-bottom h1{
  margin-bottom: 0;
}

.app-header__hero.no_header_bg_color .app-header__hero-bottom {
    background-color: transparent;
}

.campHeadingSection .campTitle {
    line-height: 35px;
    font-weight: 500;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 12px;
}
.campHeadingSection .campEligibility {
    font-weight: 700;
    color: #f78f20;
    line-height: 25px;
    margin-bottom: 0px;
}

.activitiesList .trackTitle,
.trackList .trackTitle {
  color: #83ced8;
  font-weight: 700;
}
.activitiesList ul,
.trackList ul {
    padding-left: 17px;
}

.campSection {
    border-bottom: 2px solid #e1e1e1;
    margin-bottom: 30px;
}

.celeb-sch-offer-title {
  color: #003a5d;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
}
.app-header__navigation-menu.franchise > ul:first-child > li:last-child:hover > .sub-menu{
  margin-left: -20px;
}

.app-header__navigation-menu.franchise > ul:first-child > li:nth-child(2):hover > .sub-menu{
  margin-left: -50px;
}

.app-header__navigation-menu.franchise > ul:first-child > li:first-child:hover > .sub-menu{
  margin-left: -35px;
}

.we-grow, .our-team, .the-opportunity{
  margin: 2rem 0;
}

.franchise h2{
  margin-bottom: 1rem;
}

.our-team .team{
  text-align: center;
  margin-bottom: 30px;
}
.our-team .team figure{
  cursor: pointer;
}
.our-team .team .team-name{
  font-size: 1.75rem;
  line-height: 1.75rem;
  margin-bottom: 0.1rem;
  color: #003a5d;
  cursor: pointer;
}

.our-team .team .team-title{
  font-size: 1.3rem;
  line-height: 1;
  font-family: 'Omnes';
  color: #707270;
  margin-top: 10px;
}

.our-team .team-wrap .wp-block-column:nth-child(odd), .our-team .team-wrap .wp-block-column:not(:first-child){
  padding-left: 15px;
  padding-right: 15px;
}
.our-team .team-wrap img{
  border-radius: 50%;
  max-width: 80%;
}

.team-wrap{
  margin-top: 1.75rem;
  justify-content: center;
}

.app-header__navigation-menu.franchise ul li ul li{
  margin-right: 0;
}

.app-header__navigation-menu.franchise ul ul li a{
  padding: 10px 12px;
  text-align: center;
  font-weight: 300;
}

/*.app-header__navigation-menu.franchise > ul:first-child > li{
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 0;
}

.app-header__navigation-menu.franchise > ul:first-child > li.current_page_item{
  background-color: #003a5d;
}*/
.app-header__navigation-menu.franchise > ul:first-child > li:hover > .sub-menu{
  width: 210px;
}
.app-header__navigation-menu.franchise > ul:first-child > li:nth-child(3):hover > .sub-menu{
  width: 230px;
  margin-left: -20px;
}
.app-header__navigation-menu.franchise > ul:first-child > li:last-child:hover > .sub-menu{
  width: 220px;
}

.fdd-tables thead tr th {
    width: 33.33%;
    text-align: center;
    padding: 20px 0;
    background: #003a5d;
    color: #fff;
    border-bottom: 2px solid #d9d9d9;
    border-right: 2px solid #d9d9d9;
    font-size: 1.1rem;
}

.fdd-tables{
  margin: 1.75rem 0;
  line-height: 1.2;
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

.fdd-tables tbody td{ line-height: 1.2; text-align: center; }

.fdd-tables tbody td p.bold{font-weight: 500;line-height: 1;}
.fdd-tables tbody td p.bold span{display: block;font-weight: normal;}

.fdd-tables thead tr th:last-child{
  border-right: none;
}

.fdd-tables tbody tr:nth-child(even) td{
  background-color: #f0f2cc;
} 

.fdd-tables tbody tr th{
  padding: 20px 15px;
  color: #fff;
  border-bottom: 2px solid #d9d9d9;
  border-right: 2px solid #d9d9d9;
  background: #003a5d;
  font-size: 1.1rem
}

.fdd-tables tbody tr td{
  padding: 10px 15px;
  border-right: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
}

.fdd-tables tbody tr td p{
  margin-bottom: 0;
  }

  .fdd-tables tbody tr:last-child td, .fdd-tables tbody tr:last-child th{
    border-bottom: 1px solid #003a5d;
  }

  .fdd-tables tbody tr td:last-child, .fdd-tables thead tr th:last-child{
    border-right: 1px solid #003a5d;
  }

  .invest-in-yourself,
  .invest-in-community,
  .invest-in-future,
  .fdd-details-sec,
  .available-territories,
  .grand-opening{
    margin: 1.7rem 0;
  }

  .steps-images{
    margin: 2.3rem 0;
  }


.steps-wrapper{
  max-width: 276px;
  height: 740px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.steps-wrapper div{
  width: 276px;
  height: 132px;
  background-size: cover;
  position: absolute;
}
.steps-1{
  background-image: url(assets/images/step-1.png);
  top: 0;
  left: 0;
}
.steps-2{
  background-image: url(assets/images/step-2.png);
  left: 0;
  top: 152px;
}
.steps-3{
  background-image: url(assets/images/step-3.png);
  left: 0;
  top: 304px;
}
.steps-4{
  background-image: url(assets/images/step-4.png);
  left: 0;
  top: 456px;
}
.steps-5{
  background-image: url(assets/images/step-5.png);
  left: 0;
  top: 608px;
}

.pointer{
  cursor: pointer;
}

.steps-tab-wrapper{
  margin: 4rem 0;
}

.steps-tab-wrapper .nav{
  display: inline-block;
}

.steps-tab-wrapper .nav .nav-item{
  margin-bottom: 2rem;
}

.steps-tab-wrapper  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border:none;
}

.steps-tab-wrapper .nav-tabs{
  border:none;
  width: 130px;
}


.steps-tab-wrapper .nav-tabs .nav-item.show .nav-link, .steps-tab-wrapper .nav-tabs .nav-link.active{
  background-color: transparent;
}

.steps-tab-wrapper .nav-item h3{
  margin-bottom: 0;
}

.steps-tab-wrapper .tab-content{
  width: calc( 100% - 130px );
}

.steps-tab-wrapper .nav-tabs .nav-link{
  border:none;
}

.steps-tab-wrapper .nav .nav-item:nth-child(1){
  background-color: #003a5d;
}

.steps-tab-wrapper .nav .nav-item:nth-child(2){
  background-color: #28a79a;
}

.steps-tab-wrapper .nav .nav-item:nth-child(3){
  background-color: #b5be00;
}

.steps-tab-wrapper .nav .nav-item:nth-child(4){
  background-color: #fbc02a;
}

.steps-tab-wrapper .nav .nav-item:nth-child(5){
  background-color: #f99f1b;
  margin-bottom: 0;
}

.steps-tab-wrapper .tab-wrapper{
  display: table;
  table-layout: fixed;
}

.steps-tab-wrapper .tab-wrapper .nav.nav-tabs, .steps-tab-wrapper .tab-wrapper .tab-content{
  display: table-cell;
  height: 100%;
}

.steps-tab-wrapper .tab-wrapper .tab-content{
  background-color: #e1e1e1;
  border-top: 10px solid #003a5d;
}

.steps-tab-wrapper .tab-wrapper .tab-content .tab-pane{
  position: relative;
}

.steps-tab-wrapper .tab-wrapper .tab-content .tab-pane .steps-content{
  position: absolute;
  top: 20px;
  left: 30px;
  right: 30px;
}

details summary::-webkit-details-marker {
  display:none;
}

.faq-wrapper{
  padding-bottom: 2rem;
}
.faq-wrapper .ab-block-accordion .ab-accordion-title{
  font-size: 1.25rem;
  line-height: 1.35rem;
  color: #003a5d;
  padding: 20px 25px;
  background-color: transparent;
  outline: none;
  display: table;
  padding-right: 60px;
}

.faq-wrapper .ab-block-accordion{
  margin-bottom: 2rem;
  background-color: #f2f2f2;
}

.faq-wrapper .ab-block-accordion details{
  position: relative;
}

.faq-wrapper .ab-block-accordion details .ab-accordion-title::after{
    content: '';
    background-image: url(assets/images/faq-arrow.png);
    width: 32px;
    height: 22px;
    position: absolute;
    right: 20px;
    transform: rotate(180deg);
    transition: 0.5s;
    top: 19px;
  }

  .faq-wrapper .ab-block-accordion details[open] .ab-accordion-title::after{
    transform: rotate(0deg);
  }

.faq-wrapper .ab-accordion-text{
  padding: 0 25px 15px;
}

.faq-wrapper .ab-block-accordion .ab-accordion-title strong:first-child{
  display: table-cell;
  height: 100%;
  width: 50px;
}
.faq-wrapper .ab-block-accordion .ab-accordion-title strong:last-child{
  display: table-cell;
  height: 100%;
}

.faq-wrapper .ab-accordion-text .span-a{
  font-size: 1.25rem;
  line-height: 1.35rem;
  color: #003a5d;
  font-weight: 600;
  display: table-cell;
  height: 100%;
  width: 50px;
}

.faq-wrapper .ab-accordion-text .ans-wrap{
  display: table;
  table-layout: fixed;
}

.faq-wrapper .ab-accordion-text .span-b{
  display: table-cell;
  height: 100%;
}

.faq-wrapper .learn-more{
  margin-left: 50px;
}

.faq-wrapper .wp-block-button.learn-more .wp-block-button__link{
  box-shadow: none;
  padding: 15px 25px;
  color: #fff;
}

.faq-wrapper .ab-accordion-text .invest-link{
  padding-left: 50px;
}

.faq-wrapper div[class*="wp-block-atomic"].ab-font-size-18.ab-block-accordion p{
  font-size: 1.3rem;
}

.app-header__navigation-wrapper.active.franchise{
  background: #003a5d;
}

.app-header__navigation-wrapper.active.franchise .app-header__utility-bar-phone{
  color: #fff;
  margin-right: 15px;
}

.app-header__navigation-wrapper.active.franchise .app-header__utility-bar-cta{
  background: #016898;
  color: #fff;
}

.app-header__navigation-wrapper.active.franchise .menu > li:after{
  background-color: #003a5d;
}

.app-footer__p2 .footer-social{align-items: center; justify-content: center;margin-top: 20px;}
.app-footer__p2.franchise .footer-social .social li{margin-right: 5px;}
.app-footer__p2.franchise .footer-social .social{display: block; margin-bottom: 20px;}
.app-footer__p2.franchise .footer-social{display: block;text-align: center;}
.app-header__navigation-menu.franchise > ul:first-child > li > a{padding: 0;}


/*Territory page css from Innoppl starts*/

.terr-hero-text {
    margin-top: 100px;
    color: #fff;
    text-align: center;
}
.terr-hero-text .heading_txt {
    font-size: 3.4rem;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 500;
    text-shadow: 4px 4px 10px rgba(0,0,0,1), -4px -4px 10px rgba(0,0,0,1);
}
.terr-bring-fairfax h2,
.terr-abt-celeb .float-cont h2 {
    color: #b5be00;
}
.terr-bring-fairfax h2,
.terr-abt-celeb .float-cont h2,
.terr-grow-ppl h2, 
.want-fairfax h2, 
.terr-early-env h2 {
  font-weight: 500;
}
.btn-blue-arw:hover {
  background: #b5be00;
  color: #fff;
}
.btn-blue-arw {
    background: #003a5d;
    color: #fff;
    border-radius: 0px;
    padding: 6px 26px;
    font-size: 18px;
    font-weight: 700;
}
.btn-white-arw:hover {
  background: #003a5d;
  color: #fff;
}
.btn-white-arw {
    background: #fff;
    color: #003a5d;
    border-radius: 0px;
    padding: 6px 26px;
    font-size: 18px;
    font-weight: 700;
}
.btn-green:hover {
  color: #fff;
  background: #003a5d;
}
.btn-green,
.btn-green-arw {
    background: #b5be00;
    color: #fff;
    border-radius: 0px;
    padding: 6px 26px;
    font-size: 18px;
    font-weight: 700;
}
.btn-green-arw:hover {
    background: #003a5d;
    color: #fff;
}
i.arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.btn-white-arw:hover i.arrow {
  border-color: #fff;
}
.btn-white-arw i.arrow {
  border-color: #003a5d;
}
i.arrow {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
}
.terr-bring-fairfax,
.terr-early-env, 
.terr-abt-celeb {
  position: relative;
}
.color-green {
    color: #b5be00;
}
.terr-bring-fairfax {
  background: #003a5d;
  color: #fff;
}
.want-fairfax h2, .want-fairfax h3 {
  color: #fff;
}
.want-fairfax {
    background: #6e726e;
    color: #fff;
    padding: 60px 0px;
}
.shortcode_terr-bring-fairfax.i_left .terr-bg-cont .abs-div {
  position: absolute;
  bottom: 0px;
  margin: 0px;
  right: 0px;
  left: unset;
}
.shortcode_terr-bring-fairfax.i_right .terr-bg-cont .abs-div {
  position: absolute;
  bottom: 0px;
  margin: 0px;
  left: 0px;
}
.shortcode_terr-bring-fairfax {
  background: #003a5d;
  color: #fff;
  position: relative;
}
.shortcode_terr-bring-fairfax h2, .terr-abt-celeb .float-cont h2 {
  color: #b5be00;
}
.terr-bring-fairfax .terr-bg-cont .abs-div {
  right: 0px;
  left: unset;
}
.terr-bg-cont .abs-div {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    left: 0px;
}
.video-grid {
    background: #e9e9ea;
    padding: 50px 0px;
}
.video-grid .video-block figure {
    position: relative;
    margin-bottom: 0px;
    cursor: pointer;
}
.video-grid .video-top-head {
    font-weight: 700;
}
.video-grid .video-block p {
    font-size: 12px;
    padding: 10px 0px;
    color: #000;
    font-weight: 500;
}
.video-grid .video-block figure::before {
    background: url("/wp-content/uploads/2019/06/video-play.png") no-repeat center center;
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background-size: cover;
    text-align: center;
    transition: all 0.1s ease-in-out;
}
.video-grid .btn:hover {
    background: #b5be00;
}

.video-grid .btn {
    background: #003a5d;
    color: #fff;
    border-radius: 0px;
    font-weight: 700;
}
/*Territory page css from Innoppl ends*/


@media(max-width: 991px){
  .wp-block-image.md-img-full .alignright{ float: none;width: 100%;margin-left: 0;} 
  .md-img-full figure img{height: auto;}
  .full-width-cont-img figure img{max-width: 400px;height: auto;}
  .educate-heading{margin-top: 40px;padding-right: 5%;}
  .md-display-block{display: block;}
  .md-display-block .p-l-15{padding-left: 0;}
  .md-display-block .p-r-15{padding-right: 0;}
  .sm-display-text{}
  .md-text-center{text-align: center;}
  .app-header__navigation-wrapper.active.franchise .sticky-menu-default{margin-right: 60px;}
  .app-header__navigation-wrapper.franchise .app-header__navigation-menu-toggle-holder.menu-opened .app-header__navigation-menu-toggle span:nth-child(2){
    display: none;
  }
  .app-header__navigation-wrapper.franchise .app-header__navigation-menu-toggle-holder.menu-opened .app-header__navigation-menu-toggle span:nth-child(1){
    transform: rotate(-45deg);
    top: 0;
  }
  .app-header__navigation-wrapper.franchise .app-header__navigation-menu-toggle-holder.menu-opened .app-header__navigation-menu-toggle span:nth-child(3){
    transform: rotate(45deg);
    top: 0;
  }

  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu .menu-item-has-children .submenu-button::after {
    position: absolute;
    top: 23px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #fff;
    content: '';
  }
  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu .menu-item-has-children .submenu-button::before {
    position: absolute;
    top: 20px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    content: '';
  }

  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu .menu-item-has-children .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid #fff;
    height: 42px;
    width: 46px;
    cursor: pointer;
  }

  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu .menu-item-has-children .submenu-button.submenu-opened::before {
    width: 0;
    height: 0;
    background: #505050;
  }

  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu ul li.menu-item-has-children ul.sub-menu {
    display: none;
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
    background: transparent;
  }

  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu ul li.menu-item-has-children ul.sub-menu .menu-item-has-children>a:after {
    content: '';
    background: transparent;
  }

  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu ul li.menu-item-has-children ul.sub-menu li {
    padding: 0;
  }
  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu ul li.menu-item-has-children ul.sub-menu {
    top: 0;
  }
  .app-header__navigation-wrapper.franchise .app-header__navigation-menu > ul:first-child{
    flex-direction: column;
    padding-bottom: 0;
  }
  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu{
    position: absolute;
    left: 0;
    right: 0;
    background: #b5be00;
    transition: .5s;
    box-shadow: 0 3px 15px -3px rgba(0,0,0,.5);
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    top: calc(100% + -20px);
    z-index: 1;
    width: calc(100% - 30px);
  }
  .app-header__navigation-wrapper.franchise.active #menu-franchise-header-main-menu{
    top:72px;
    transition: .5s;
    max-height: 300px;
    overflow-y: scroll;
    /*display: block !important;*/
  }
  .app-header__navigation-menu.franchise > ul:first-child > li ul li a {
    margin-left: 15px;
  }
  .app-header__navigation-menu.franchise > ul:first-child > li{
    border-bottom: 1px solid #fff;
    margin-right: 0;
  }
  .app-header__navigation-menu.franchise > ul:first-child > li > a{
    padding:  10px 10px;
    display: block;
  }
  .app-header__navigation-menu.franchise > ul:first-child > li:last-child{
    border-bottom: none;
  }
  .app-header__navigation-wrapper.active.franchise .menu > li:after{
    display: none;
  }
  .app-header__navigation-menu.franchise > ul:first-child > li:last-child:hover > .sub-menu,
  .app-header__navigation-menu.franchise > ul:first-child > li:last-child > .sub-menu,
  .app-header__navigation-menu.franchise > ul:first-child > li:nth-child(3):hover > .sub-menu,
  .app-header__navigation-menu.franchise > ul:first-child > li:nth-child(3) > .sub-menu,
  .app-header__navigation-menu.franchise > ul:first-child > li:hover > .sub-menu,
  .app-header__navigation-menu.franchise > ul:first-child > li > .sub-menu{
    width: 100%;
    position: initial;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    border: none;
  }

  .app-header__navigation-menu.franchise > ul:first-child > li:first-child:hover > .sub-menu,
  .app-header__navigation-menu.franchise > ul:first-child > li:nth-child(2):hover > .sub-menu,
  .app-header__navigation-menu.franchise > ul:first-child > li:nth-child(3):hover > .sub-menu,
  .app-header__navigation-menu.franchise > ul:first-child > li:last-child:hover > .sub-menu{
    margin-left: 0;
  }
  .app-header__navigation-menu.franchise .sub-menu li:first-child,
  .app-header__navigation-menu.franchise .sub-menu li{
    border-top: 1px solid #fff;
  }
  .app-header__navigation-wrapper.active.franchise .app-header__navigation-menu > ul:first-child > li{
    margin-right: 0;
  }
  .app-header__navigation-menu.franchise > ul:first-child > li:hover > .sub-menu{
    display: none;

  }
  .app-header__navigation-menu.franchise ul ul li a{
    text-align: left;
  }
  .franchise-home-page .blugbg-fin .col-sm-12 {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
  }
  .franchise-home-page .less-royalty {
    padding: 220px 0px 20px 0px;
  }
  .franchise-home-page .growing-minds-2,
  .franchise-home-page .growing-minds,
  .franchise-home-page .profit-diff {
    padding: 80px 0px;
  }
  .franchise-home-page .blugbg-fin h3 {
    font-weight: 500;
  }
  i.support-starts-play-icon {
    padding: 45px;
    top: 36%;
    left: 43%;
    background-size: 80px;
  }
  .app-header__navigation-menu ul li {
    display: block !important;
  }
  .show-on-desk {
    display: none;
  }
}

@media(max-width: 767px){
  /*.app-header__navigation-wrapper.active.franchise .app-header__utility-bar-cta.button-location-sticky,*/
  .app-header__navigation-wrapper.active.franchise .sticky-menu-default{
    display: none;
  }
  .app-header__navigation-wrapper.active.franchise{
    padding: 10px 15px;
  }
  .homePageBanner .video-container #unmuteButton {
    display: none;
  }
  .steps-tab-wrapper .tab-wrapper .tab-content .tab-pane {
    display: block;
  }
  .steps-tab-wrapper .tab-wrapper .nav.nav-tabs {
    display: none;
  }
  .steps-tab-wrapper .tab-wrapper .panel-title a {
    display: block;
  }
  .steps-tab-wrapper .tab-wrapper .panel {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
  }
  .steps-tab-wrapper .tab-wrapper .tab-pane:first-child .panel {
    border-radius: 5px 5px 0 0;
  }
  .steps-tab-wrapper .tab-wrapper .tab-pane:last-child .panel {
    border-radius: 0 0 5px 5px;
  }
  .steps-tab-wrapper .tab-wrapper .panel-heading {
    padding: 15px 25px;
    text-align: center;
  }
  .steps-tab-wrapper .tab-wrapper .panel-heading a {
    color: #fff;
  }
  .steps-tab-wrapper .tab-wrapper #step-1 .panel-heading {
    background-color: #003a5d;
  }
  .steps-tab-wrapper .tab-wrapper #step-2 .panel-heading {
    background-color: #28a79a;
  }
  .steps-tab-wrapper .tab-wrapper #step-3 .panel-heading {
    background-color: #b5be00;
  }
  .steps-tab-wrapper .tab-wrapper #step-4 .panel-heading {
    background-color: #fbc02a;
  }
  .steps-tab-wrapper .tab-wrapper #step-5 .panel-heading {
    background-color: #f99f1b;
  }
  .steps-tab-wrapper .tab-wrapper .tab-content .tab-pane .steps-content{
    position: initial;
    padding: 20px 25px;
  }
  .steps-tab-wrapper .tab-wrapper .tab-content{border-top: none;}
  .full-width-cont-img{
    float: none;
    width: 100%;
    overflow: hidden;

  }
  .text-center-mob {
    text-align: center;
  }
  .full-width-cont-img figure{
    float: none;width: 100%;
    text-align: center;
  }
  .educate-heading{
    margin-top: 0;
  }
  .campHeadingSection .uagb-columns__columns-2{
    width: 100%;
  }
  
	/* franchise page starts */
	
	.franchise-home-page .blugbg-fin {
		background-repeat: repeat;
	}
	.franchise-home-page .state-location {
    padding: 10px 0px;  
  }
	.franchise-home-page .less-royalty{
    padding: 100px 0px 20px 0px;
  }
	.franchise-home-page .blugbg-fin,
	.franchise-home-page .support-starts,
	.franchise-home-page .be-there-community,
	.franchise-home-page .growing-minds-2,
  .franchise-home-page .growing-minds,
  .franchise-home-page .profit-diff {
  	padding: 40px 0px;
	}
	.faq-section h2,
	.ready-foot-form h2,
	.state-location .state-location-ins-cont h2,
	.support-starts .support-starts-ins-cont h2,
	.be-there-community .be-there-community-ins-cont h3,
	.growing-minds-2 .growing-minds-cont h2,
  .growing-minds .growing-minds-cont h2,
	.less-royalty .less-royalty-ins-cont h2,
  .profit-diff .prof-ins-cont h2{
	font-size: 1.3em;
	font-weight: 500;
	}
	.be-there-community-ins-cont h2 {
		font-weight: 500;
	}
	.state-location .state-location-ins-cont p,
	.support-starts .support-starts-ins-cont p,
	.be-there-community .be-there-community-ins-cont p,
	.growing-minds-2 .growing-minds-cont p,
  .growing-minds .growing-minds-cont p,
	.less-royalty .less-royalty-ins-cont p,
  .profit-diff .prof-ins-cont p {
	font-size: 1em;
	/* font-weight: 500; */
	}
	.franchise-home-page .blugbg-fin {
		background: url(/wp-content/uploads/2019/06/middle-blue-bg-mobile.jpg) no-repeat center center;
		padding: 66px 0px 33px 0px;
    background-size: cover;
	}
	.support-starts .support-starts-ins-cont {
	  max-width: 60%;
	}
	.faq-section {
		padding: 20px 40px;
	}
	.state-location {
		overflow: hidden;
	}
	.col-sm-8.sm-svg-map {
		max-width: 60%;
		float: left;
	}
	.col-sm-4.sm-svg-map-cont {
		max-width: 40%;
		float: left;
	}
	.svg_map_popup {
		max-width: 240px;
	}
  .svg_map_popup .svg_map_popup_cont ul {
    /*word-break: break-all;*/
    word-break: normal;
  }
	.franchise-home-page .bannerBottom-be-there .col-sm-12,
  .franchise-home-page .bannerBottom .col-sm-12 {
		margin-bottom: 20px;
	}
	.franchise-home-page .bannerBottom-be-there .col-sm-12:last-child,
  .franchise-home-page .bannerBottom .col-sm-12:last-child {
		margin-bottom: 0px;
	}
	
	.app-footer__p2.franchise {
	padding: 0px;
	}
  .app-footer__p2.franchise.territory .foot-copyrgt {
    background: #003a5d;
    padding: 10px 0px;
  }
  .foot-copyrgt {
	background: #707271;
	padding-bottom: 20px;
	}
	.foot-soc-sear .app-footer__search, .ul.social {
	width: 50%;
	float: left;
	}
	.app-footer__p2.franchise .foot-soc-sear .social li {
	margin-right: 2px;
	}
	.app-footer__p2.franchise .container {
    max-width: 100%;
	}
	.app-footer__p2.franchise .footer-social {
		margin: 20px 0px;
	}
	.app-footer__p1.franchise ul.territ-foot{
    width: 50%;
    position: absolute;
    top: 138px;
    z-index: 9;
  }
  .app-footer__p1.franchise ul#menu-franchise-footer-menu {
    width: 100%;
    position: relative;
    top: 0;
    z-index: 9;
  }
  .app-footer__menu.territ-foot li, .app-footer__menu.franchise li{
    padding-left:0;
  }
  .app-footer__p2.franchise.territory {
    background: #002e49;
  }
  .app-footer__p1.franchise ul.territ-foot li,
  .app-footer__p1.franchise ul#menu-franchise-footer-menu li {
    width: 100%;
    text-align: left;
  }
  .app-footer__p1.franchise .app-footer__menu li::after {
    background: none;
  }
  .app-footer__p1.franchise {
    position: relative;
    overflow: hidden;
  }
  .app-footer__p1.franchise.common .app-footer__info {
    width: auto;
    float: none;
    text-align: center;
  }
  .app-footer__p1.franchise .app-footer__info {
    width: 50%;
    float: right;
    text-align: right;
  }
  .app-footer__p1.franchise .col-sm-4, .app-footer__p1.franchise .col-sm-8 {
    max-width: 100%;
	  flex: auto;
  }
  .img-faq-section .faq-img {
  	min-height: 500px;
  }
  #sticky-inquire .inq-cont {
	  max-height: 250px !important;
  }
  .app-header__utility-bar.franchise .app-header__utility-bar-cta,
  .app-header__utility-bar-wrap.franchise .franchise .app-header__utility-bar-phone,
  .app-header__utility-bar-wrap.franchise .app-header__utility-bar-location {
	  font-size: 18px;
  }
  .growing-opportunity span.large {
    font-size: 1.7em;
  }
  .app-footer__p1.franchise .app-footer__info-phone {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
  }
  .franchise-home-page .bannerBottom-be-there p.small-discl,
  .franchise-home-page .bannerBottom p.small-discl {
    margin: 10px 0px 0px 0px;
  }
  .support-starts .franc_video_btn i {
    padding: 3px;
  }
  .footer-logos .flex-wrap {
    padding: 10px 20px;
  }

  
	/* franchise page ends */

    .terr-hero-text .heading_intro {
      display: none;
    }
   .efe .flex-fill {

    background: #d4d9de;
    background: -moz-linear-gradient(bottom, #d4d9de 0%, #babfbf 100%);
    background: -webkit-gradient(top left, bottom right, color-stop(0%, #d4d9de), color-stop(100%, #babfbf));
    background: -webkit-linear-gradient(bottom, #d4d9de 0%, #babfbf 100%);
    background: -o-linear-gradient(bottom, #d4d9de 0%, #babfbf 100%);
    background: -ms-linear-gradient(bottom, #d4d9de 0%, #babfbf 100%);
    background: linear-gradient(to bottom, #d4d9de 0%, #babfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d9de', endColorstr='#babfbf', GradientType=1 );
    position: relative;

  }
  .efe .flex-fill {
    margin: 0 auto;
    text-align: right;
  }
  .terr-grow-ppl .float-cont,
  .terr-bring-fairfax .float-cont,
  .terr-early-env .float-cont,
  .terr-abt-celeb .float-cont {
    padding: 20px;
  }
  .video-block figure img {
    width: 100%;
  }
  .video-block {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px !important;
  }
  .video-grid .video-block figure:hover::before {
    width: 70px;
    height: 70px;
    top: 39%;
    left: 42%;
  }
  .video-grid .video-block figure::before {
    left: 42%;
    top: 40%;
  }
  .app-header__navigation-logo.fairfax-logo {
    margin: 0 auto;
  }
  
}

.our-team .col-xs-12.wp-block-column,
.why-choose-celebree .col-xs-12.wp-block-column{
  flex: inherit;
}

.app-header__navigation-wrapper.active.franchise .app-header__navigation{padding: 0;}
.app-header__navigation-wrapper.franchise .app-header__navigation{width: 100%;max-width: 100%;padding: 30px 0;}
.app-header__utility-bar-wrap.franchise .app-header__utility-bar-phone{font-size: 21px;}
.app-header__navigation-wrapper.franchise.active .logo-1{display: none;}
.app-header__navigation-wrapper.franchise.active .logo-2{display: inline;}

.app-header__navigation-wrapper.franchise .logo-1{display: inline;}
.app-header__navigation-wrapper.franchise .logo-2{display: none;}

.hide-mobile{display: none;}

@media(max-width: 640px){
  #sticky-inquire .inq-cont {
    display: none;
  }
  #sticky-inquire.inactive_form .inq-cont {
    display: block !important;
  }
}
@media(max-width: 575px){
  .xs-text-center{text-align: center;}
  .xs-text-left{text-align: left;}
  .app-header__navigation-wrapper.franchise #menu-franchise-header-main-menu{
    top: 100px;
  }
  .app-header__hero-content.franchise {
	  min-height: 420px !important;
  }
  .app-header__utility-bar-wrap.franchise .app-header__utility-bar-location {
    display: none;
  }
  .app-header__utility-bar-wrap.franchise .app-header__utility-bar-content {
	  display: block;
  }
  .app-header__utility-bar-wrap.franchise .app-header__utility-bar-content .app-header__utility-bar-phone{
	  margin-left: 0px;
    font-size: 22px;
  }
  .app-header__utility-bar-content .app-header__utility-bar-location {
    display: none;
  }
  .app-header__hero-content.territory-page {
    min-height: 450px !important;
  }
}

@media(min-width: 576px){

  .upper-text{
    max-width: 540px;
  }
  /*.our-team .col-xs-12.wp-block-column{
    flex: 1;
  }*/
  .steps-wrapper{
    max-width: 500px;
    height: 442px;
  }
  .steps-wrapper div{
    width: 280px;
    height: 134px;
  }
   .steps-2{
    top: 0;
    left: 216px;
  }
  .steps-3{
    top: 154px;
    left: 0;
  }
  .steps-4{
    top: 154px;
    left: 214px;
  }
  .steps-5{
    top: 308px;
    left: 140px;
  }
  .app-footer__p2.franchise .footer-social .social{
    display: inline-block;
    margin-bottom: 0;
  }
  .app-footer__p2.franchise .footer-social{
    display: flex;
  }
	.state-location-ins-cont {
	position: relative;
	top: 5%;
	bottom: 0;
	/* left: -10%; */
	max-width: 300px;
	}  

}

@media(min-width: 768px){
  .hide-mobile{display: inline-block;}
  .desk_break {
      display: block;
  }
  .steps-tab-wrapper .tab-wrapper .panel-heading {
    display: none;
  }
  .steps-tab-wrapper .tab-wrapper .panel {
    border: none;
    box-shadow: none;
  }
  .steps-tab-wrapper .tab-wrapper .panel-collapse {
    height: auto;
  }
  .steps-tab-wrapper .tab-wrapper .panel-collapse.collapse {
    display: block;
  }
  .why-choose-celebree .col-xs-12.wp-block-column{
    flex: 1;
  }  
  .faq-wrapper .ab-block-accordion details .ab-accordion-title::after{
    right: 40px;
  }
  .faq-wrapper .ab-block-accordion .ab-accordion-title{
    padding-right: 80px;
  }
  .upper-text{
    max-width: 720px;
  }
  .steps-wrapper{
    max-width: 690px;
    height: 284px;
  }
  .steps-wrapper div{
    width: 276px;
    height: 132px;
  }
   .steps-2{
    top: 0;
    left: 214px;
  }
  .steps-3{
    top: 0;
    left: 426px;
  }
  .steps-4{
    top: 152px;
    left: 125px;
  }
  .steps-5{
    top: 152px;
    left: 338px;
  }
    /*sn added 2/11/19 fix Firefox steps steps-ff*/
    .steps-content {
      max-width:99%;
      padding-left:1%;
    }
	
	/* franchise page starts */
	.faq-section h2,
	.ready-foot-form h2,
	.state-location .state-location-ins-cont h2,
	.support-starts .support-starts-ins-cont h2,
	.be-there-community .be-there-community-ins-cont h2,
	.growing-minds-2 .growing-minds-cont h2,
  .growing-minds .growing-minds-cont h2,
	.less-royalty .less-royalty-ins-cont h2,
  .profit-diff .prof-ins-cont h2{
		font-size: 2.7em;
		font-weight: 500;
	}
	.growing-minds-2 .growing-minds-cont p {
    font-size: 1.4em;
    font-weight: 500;
  }
	
	.state-location .state-location-ins-cont p,
	.support-starts .support-starts-ins-cont p,
	.be-there-community .be-there-community-ins-cont p,
  .growing-minds .growing-minds-cont p,
	.less-royalty .less-royalty-ins-cont p,
  .profit-diff .prof-ins-cont p {
		font-size: 1.7em;
		font-weight: 500;
	}
	.faq-section {
		padding: 70px;
	}
	/* franchise page ends */

  .efe .flex-fill {

    background: #96979a;
    background: -moz-linear-gradient(left, #96979a 0%, #abadb0 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #96979a), color-stop(100%, #abadb0));
    background: -webkit-linear-gradient(left, #96979a 0%, #abadb0 100%);
    background: -o-linear-gradient(left, #96979a 0%, #abadb0 100%);
    background: -ms-linear-gradient(left, #96979a 0%, #abadb0 100%);
    background: linear-gradient(to right, #96979a 0%, #abadb0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96979a', endColorstr='#abadb0', GradientType=1 );
    position: relative;

  }
  .efe .button-bott {
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0;
  }
  .c-heading {
      position: absolute;
      left: 33%;
      top: 46%;
      color: #fff;
      font-weight: 500;
      font-size: 27px;
      text-shadow: 0px 0px 5px #666;
  }
  .terr-early-env .float-cont,
  .terr-abt-celeb .float-cont {
    padding: 60px 30px 60px 0px;
  }
  .shortcode_terr-bring-fairfax.i_right .float-cont {
    padding: 60px 30px 60px 0px;
  }
  .shortcode_terr-bring-fairfax.i_left .float-cont {
    padding: 60px 0px 60px 60px;
  }
  .terr-bring-fairfax .float-cont {
    padding: 60px 0px 60px 60px;
  }
  .terr-grow-ppl .float-cont {
    padding: 60px 0px;
  }
  .terr-hero-text .heading_intro {
    max-width: 520px;
    margin: 0 auto;
    text-align: center;
    text-shadow: 2px 2px 12px rgba(0,0,0,0.83);
  }
  .campHeadingSection {
      min-height: 194px;
  }
  
  .campDivider:first-child::after {
      position: absolute;
      content: "";
      width: 2px;
      right: 6px;
      height: 90%;
      background-color: #e1e1e1;
      top: 3%;
  }
  .activitiesList:last-child ul {
    margin-top: 51px;
  }
  .app-footer__p2.franchise.territory{
    background-color: #b5be00;
  }
}

@media(min-width: 992px){
  .app-footer__menu.franchise li{
    padding-left: 30px;
    padding-right: 30px;
  }
  .upper-text{
    max-width: 960px;
  }
  .cust-pad-ter{
    width: 350px;
    margin-top: 40px;
  }
  .flex-auto{
    display: flex;
  }

  .steps-wrapper{
    max-width: 808px;
    height: 324px;
  }
  .steps-wrapper div{
    width: 317px;
    height: 152px;
  }
   .steps-2{
    top: 0;
    left: 246px;
  }
  .steps-3{
    top: 0;
    left: 491px;
  }
  .steps-4{
    top: 172px;
    left: 100px;
  }
  .steps-5{
    top: 172px;
    left: 340px;
  }
  .steps-tab-wrapper .nav .nav-item{
    margin-bottom: 1rem;
  }
  .steps-tab-wrapper .nav-tabs{
    width: 300px;
  }
  .steps-tab-wrapper .tab-content{
    width: calc( 100% - 300px );
  }
  #menu-franchise-header-main-menu{
    display: flex;
  }
  .app-footer__p2 .footer-social{
    justify-content: flex-end;
    margin-top: 0;
  }
  .app-header__navigation-menu.franchise > ul:first-child > li{
    margin-right: 20px;
  }
  .app-header__navigation-wrapper.franchise.active .app-header__navigation-menu ul{
    font-size: 18px;
  }
  .app-header__navigation-wrapper.active.franchise .app-header__utility-bar-phone{
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
  }
  .app-header__navigation-wrapper.active.franchise .app-header__utility-bar-cta{
    padding: 25px 10px 25px 10px;
  }
  .app-header__navigation-wrapper.franchise.active .app-header__navigation-menu.franchise > ul:first-child > li:last-child:hover > .sub-menu,
  .app-header__navigation-wrapper.franchise.active .app-header__navigation-menu.franchise > ul:first-child > li:nth-child(3):hover > .sub-menu{
    width: 200px;
  }
  .app-header__navigation-wrapper.franchise.active .app-header__navigation-menu.franchise > ul:first-child > li:hover > .sub-menu{
    width: 180px;
  }
  .franchise-new2 .franchise-home-page .blugbg-fin .col-sm-12 {
      border-right: 1px solid #dedede;
  }
  .franchise-new2 .franchise-home-page .blugbg-fin .col-sm-12:last-child,
  .franchise-home-page .bannerBottom-be-there .col-lg-3:last-child,
  .franchise-home-page .bannerBottom .col-lg-3:last-child {
    border: none;
  }
  .franchise-home-page .bannerBottom-be-there .col-lg-3 {
    border-right: 1px solid #999;    
  }
  .franchise-new2 .franchise-home-page .bannerBottom .col-lg-3 {
    border-color: #999;
  }
  .franchise-home-page .bannerBottom .col-lg-3 {
    border-right: 1px solid #efefef;
  }
  .desk-mt-5 {
    margin-top: 50px;
  }
  .franchise-home-page .blugbg-fin .col-sm-12 {
    border-right: 1px solid #fff;
  }
  
  .show-on-tab {display: none;}
  .terr-grow-ppl {
    background-image: url(/wp-content/uploads/2019/08/grow-people.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .terr-early-env:after {
    background-image: url(/wp-content/uploads/2019/08/early-env.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 50%;
    background-size: cover;
    background-position: center;
  }
  .terr-bring-fairfax:after {
    background-image: url("/wp-content/uploads/2019/08/what_we_bring_to_fairfax_county.jpg");
    background-repeat: no-repeat;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 50%;
    background-size: cover;
    background-position: center;
  }
  .terr-abt-celeb:after {
    background-image: url(/wp-content/uploads/2019/08/celebree-school.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 50%;
    background-size: cover;
    background-position: center;
  }
  .terr-bg-cont {
    z-index: 9;
  }
  .video-grid .video-block figure:hover::before {
    width: 70px;
    height: 70px;
    top: 29%;
    left: 41%;
  }
  .video-grid .video-block figure::before {
      left: 42%;
      top: 32%;
  }
}

@media(min-width: 1200px){
  .upper-text {
      position: relative;
      left: 36.3%;
      right: 10%;
      display: block;
      width: 53%;
      top: -60px;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      max-width: initial;
  }
  .cust-pad-ter{
    width: 430px;
  }
  .flex-auto{
    display: flex;
  }
  .steps-wrapper{
    max-width: 1103px;
    height: 130px;
  }
  .steps-wrapper div{
    width: 270px;
    height: 130px;
  }
  .steps-2{
    top: 0;
    left: 210px;
  }
  .steps-3{
    top: 0;
    left: 420px;
  }
  .steps-4{
    top: 0;
    left: 626px;
  }
  .steps-5{
    top: 0;
    left: 834px;
  }
  .steps-tab-wrapper .tab-wrapper .tab-content .tab-pane .steps-content{
    top: 40px;
    right: 70px;
    left: 70px;
  }
  .app-header__navigation-logo.franchise{
    margin: 10px;
    margin-right: 30px;
  }
  /*.app-header__navigation-wrapper.active.franchise .app-header__navigation-menu > ul:first-child > li{
    margin-right: 12px;
  }*/

  .app-header__navigation-wrapper.franchise.active .app-header__navigation-menu.franchise > ul:first-child > li{
    margin-right: 0;
  }
  .app-header__navigation-wrapper.franchise.active .app-header__navigation-menu ul{
    font-size: 18px;
  }
  .app-header__navigation-wrapper.active.franchise .app-header__utility-bar-phone{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 19px;
  }
  /*.app-header__navigation-wrapper.active.franchise .menu > li:after{
    margin: 0 -5px -4px 6px;
  }*/
}

@media(min-width: 992px) and (max-width: 1199px){
  .app-header__navigation-logo.franchise{width: 230px;transform: none;}
  .app-header__navigation-menu.franchise > ul:first-child > li{margin-right: 16px;}
  .app-header__navigation-wrapper.franchise.active .app-header__navigation-logo{width: 180px;}
  .app-header__navigation-wrapper.franchise.active .menu > li:after{display: none;}
  .app-header__navigation-wrapper.active.franchise .app-header__utility-bar-phone{display: none;}
  .app-header__navigation-wrapper.active.franchise .app-header__navigation-menu > ul:first-child > li{margin-right: 15px;}
}

/*@media  (min-width: 992px ) and (max-width: 1142px) {
  .app-header__navigation-wrapper.active.franchise .sticky-menu-default .app-header__utility-bar-phone{display: none;}
  .app-header__navigation-wrapper.active.franchise .app-header__navigation-menu > ul:first-child > li:last-child{margin-right: 0;}
  .app-header__navigation-wrapper.active.franchise .app-header__navigation{padding: 0 0 0 15px;}
}*/

.memberPopup button.close {
    padding: 10px;
    text-align: right;
}
.memberPopup .memberPopupWrap {
    padding: 0 15px;
    text-align: center;
}
.memberPopup .memberPopupWrap img{
  width: 30%;
  border-radius: 50%;
}

.memberPopup .memberPopupWrap .team-name{
  font-size: 1.75rem;
  line-height: 1.34rem;
  margin-bottom: 0.1rem;
  color: #003a5d;
  margin-top: 20px;
}

.memberPopup .memberPopupWrap .team-title{
  font-size: 1.5rem;
  font-family: 'Omnes';
  color: #707270;
  margin-top: 10px;
}

.franchise-wrap .wp-block-column:nth-child(odd), .franchise-wrap .wp-block-column:not(:last-child){
  margin-right: 0;
  width:100%;
}

.franchise-wrap .wp-block-column:not(:first-child), .franchise-wrap .wp-block-column:nth-child(2n){
  margin-left: 0;
}

.franchise-wrap .wp-block-column.container{margin-left: auto;margin-right: auto;}
.franchise-wrap .wp-block-image img{height: auto;}

@media (min-width: 480px) {
  .app-header__navigation-wrapper.active .app-header__navigation-logo {
    flex-grow: 1;
    width: auto !important;
    margin: 0;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-logo a {
    width: 160px;
    display: block;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu-toggle-holder {
    position: relative;
    right: 0;
  }
  .app-header__navigation-wrapper.active .form-map {
    padding-right: 10px;
  }
  .app-header__navigation-wrapper.active .app-header__utility-bar-cta {
    padding: 24px 15px !important;
  }
}

.app-header__utility-bar-wrap.franchise .app-header__utility-bar-location{color: #fff;}

.app-header__navigation-menu.franchise .is-parent .btn-menu-expand{display: none;}

/******************************************************************!
* Typography
*******************************************************************/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4 {
  color: #003a5d;
  font-weight: 500;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}
.h1 span {
  font-weight: 600;
}
h1, .h1 {
  font-size: 2rem;
  line-height: 1.34em;
  margin: 0 0 0.5em 0;
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 2.5rem;
    line-height: 1.34em;
  }
  .footer-logos .flex-wrap {
    padding: 10px 40px;
  }
}

h2, .h2 {
  font-size: 1.625rem;
  line-height: 1.35em;
  margin: 0 0 0.4em 0;
	font-weight: 300;
}
.h2 span {
  font-weight: 500;
}
@media (min-width: 768px) {
  h2, .h2 {
    font-size: 2rem;
    line-height: 1.34em;
  }
  h3, .h3 {
    font-size: 1.5rem;
    line-height: 1.34em;
  }
  h4, .h4 {
    line-height: 1.35em;
  }
}

h3, .h3 {
  font-size: 1.375rem;
  line-height: 1.33em;
  margin: 0 0 0.3em 0;
	font-weight: 400;
}


h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.35em;
  margin: 0 0 0.3em 0;
	font-weight: 300;
}

p {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 1.6em;
  margin: 0 0 1em 0;
}
/* ul li {
  font-size: 18px;
} */
/******************************************************************!
* Overlay
*******************************************************************/
.overlay {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
.overlay--light-blue {
  background-color: rgba(0, 58, 93, 0.6);
}

/******************************************************************!
* App Header
*******************************************************************/
/* App Header - Utility Bar */
.app-header__utility-bar {
  background-color: #003a5d;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 18px;
}
.app-header__utility-bar-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-end;
  /* padding: 0 15px; */
  /* width: 100%; */
}
/* .page-template-location-homepage .app-header__utility-bar-content {
  display: inline-block;
} */
.app-header__utility-bar-location {
  color: #b8ba50;
  font-size: 24px;
  font-weight: 500;
  margin-right: auto;
}
.app-header__utility-bar-location a {
  color: #b8ba50;
  text-decoration: none;
}

.app-header__utility-bar-menu,
.header__utility-static-blog {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25em;
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}
.app-header__utility-bar-menu li {
  display: inline-block;
}
.app-header__utility-bar-menu li::after,
.header__utility-static-blog li::after {
  background-color: #b5be00;
  content: '';
  display: inline-block;
  height: 10px;
  margin: 0 5px 0px 8px;
  width: 2px;
}
.app-header__utility-bar-menu li a,
.header__utility-static-blog li a {
  color: #ffffff;
  display: inline-block;
  /* line-height: 3.0em; */
  line-height: normal;
    padding: 0 12px;
}
.header-utility-static-sticky {
  display: none !important;
}
.site-header-links-mobile-wrapper--open .header-utility-static-sticky {
  display: block !important;
}
.site-header-links-mobile-wrapper--open .header__utility-static-blog li::after {
  display: none;
}
.app-header__utility-bar-phone {
  color: #b5be00;
  font-size: 24px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 10px;
  text-decoration: none;
}
.app-header__utility-bar-phone:hover {
  color: #b5be00;
}
.app-header__utility-bar-cta {
  background-color: #b5be00;
  border: 0;
  border-radius: 0;
  color: #003a5d;
  font-size: 12px;
  padding: 0.8rem 1rem;
}
.app-header__navigation-menu {
  flex-direction: column;
}
.app-header__navigation-menu-toggle-holder {
  position: absolute;
  right: 15px;
}
.app-header__navigation-menu-toggle {
  width: 40px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  top: 0;
}
.app-header__navigation-menu-toggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.app-header__navigation-menu-toggle span:nth-child(2){
  top: 10px;
}
.app-header__navigation-menu-toggle span:nth-child(3){
  top: 20px;
}
/* App Header - Hero */
.app-header__hero {
  /*background: linear-gradient(45deg, #003a5d 0%, #b5bf3a 100%); why would you do this?*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/*@media only screen and (max-width: 756px) {.app-header__hero {background-position: -550px center;}}
@media only screen and (max-width: 600px) {.app-header__hero {background-position: -650px center;}}*/

.app-header__hero-find-location {
  background: linear-gradient(45deg, #707271 0%, #707271 100%) !important;
}
.app-header__hero-content.franchise {
    justify-content: flex-start;
    align-items: flex-end;
}
.app-header__hero-content {
  display: flex;     
    align-items: center;
    justify-content: flex-end;
}
.app-header__hero-content.franchise .h1 span {
	font-size: 45px;
    margin-bottom: 14px;
    display: inline-block;
	line-height: 50px;
}
.app-header__hero-content.franchise{
	position: relative;
}
.app-header__hero-content.franchise #sticky-inquire {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 300px;
}
#sticky-inquire.inactive_form .inq-header {
    background: #B4BD00;
}
#sticky-inquire .inq-header {
    background: #026898;
    text-align: center;
	overflow: hidden;
}
#sticky-inquire .inq-header span, #sticky-inquire .inq-header h3 {
	float: left;
	cursor: pointer;
}
#sticky-inquire.inactive_form .inq-cont {
	display: none;
}
#sticky-inquire .inq-cont {
    background-color: #003B5D;
    overflow: hidden;    
	color: #fff;
	max-height: 368px;
	overflow-y: scroll;
	/* display: none; */
}
#sticky-inquire .inq-cont::-webkit-scrollbar {
	width: 10px;
}
#sticky-inquire .inq-cont::-webkit-scrollbar-track {
	background: #999;
}
#sticky-inquire .inq-cont::-webkit-scrollbar-thumb {
  background: #b4bd00;
  border-radius: 20px;
  box-shadow: 0px 0px 6px #333;  
}
#sticky-inquire.inactive_form .inq-header span {
    background: url(/wp-content/themes/celebree-child/assets/images/up-arrow.svg) no-repeat center center #7F8C00;
	background-size: 20px;
    color: #fff;
}
#sticky-inquire .inq-header span {
    background: url(/wp-content/themes/celebree-child/assets/images/down-arrow.svg) no-repeat center center #003A5C;
    padding: 18px 20px;
    background-size: 20px;
    color: #fff;
}
#sticky-inquire .inq-header h3 {
    margin-bottom: 0px;
    color: #fff;
    width: 260px;
    line-height: 30px;
    padding: 3px;
	font-weight: 500;
}
.app-header__hero-content.franchise .h1 {
    /*text-shadow: none;*/
    font-size: 33px;
	  line-height: 40px;
    bottom: 35px !important;
    top: unset;
}
.app-header__hero-content .h1 {
  color: #ffffff;
  line-height: 1em;
  position: relative;
  top: 70px;
	text-shadow: 2px 2px 12px rgba(0,0,0,0.83);
}
.app-header__hero-bottom {
  background-color: #003a5d;
  padding: 15px;
}
.find-a-location {
  background-color: #b5be00;
  border-radius: 0;
  padding: 7px;
  display: flex;
    justify-content: center;
    align-items: center;
}
.find-a-location__input-group {
  display: flex;
}
.find-a-location__input {
  border-radius: 0;
  padding: 5px;
}
.find-a-location__label {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-weight: 600;
  display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 10px;
  width: 50%;
}
.find-a-location__desktop {
  opacity: 1;
  visibility: visible;
}
.btn-find-a-location {
  border-radius: 0;
  margin-left: 5px !important;
  background-color: #003a5d;
  color: #fff;
  font-weight: 900;  
}
.location-schedule__main a {
  text-decoration: none;
}
.schedule-a-tour__holder {
  background-color: #b5be00;
  border: 0;
  border-radius: 0;
  padding: 10px 10px 0;
  display: flex;
    justify-content: center;
    align-items: center;
  margin-bottom: 1rem;
  padding: 20px 0;
}
.schedule-a-tour__holder span {
  color: #fff;
  font-weight: 500;
}
.app-header__top-content {
  background-color: #e1e1e1;
}
/* App Header - Navigation */
.app-header__navigation-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
/*  HEAD */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
/* frandev */
}
.franblog-background {
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}
.app-header__navigation-wrapper,
.sticky-menu-default,
.app-header__navigation-logo,
.app-header__utility-bar-cta,
.app-header__navigation
{
  transition: .5s;
}
.app-header__custom {
  position: relative;
}
.app-header__custom.active {
  position: fixed;
}
.app-header__corporate.active {
  position: fixed;
}
/* .app-header__corporate.active .app-header__utility-bar-phone {
  margin: 0 15px !important;
} */
.app-header__navigation-wrapper.active {
  background-color: #003a5d;
}
.sticky-top {
  position: sticky;
}

.sticky-menu-default {
  /* display: none; */

  opacity: 1;
  visibility: visible;
  width: 0%;
  overflow: hidden;
}
.app-header__navigation-wrapper.active .app-header__navigation-logo {
  width: 200px;
}
.app-header__navigation-wrapper.active .app-header__utility-bar-cta {
  /* padding: 25px 15px 25px 15px; */
  padding: 22px 15px;
}
.app-header__navigation-wrapper.active .app-header__navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.app-header__navigation-wrapper.active .menu {
  padding-bottom: 15px;
  padding-bottom: 0;
}
.app-header__navigation-wrapper.active .menu > li:after {
  display: none;
}
.app-header__navigation-wrapper.active .app-header__navigation-menu {
  padding-right: 0;
}
.button-sticky {
  display: none;
}
.app-header__navigation-wrapper.active .button-sticky {
  display: none;
}
.z-index-2k {
  z-index: 2000;
}
.app-header__navigation {
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 0;
  position: relative;
  width: 100%;
}
.app-header__navigation-logo {
  display: inline-block;
  margin-right: 75px;
  max-width: 70%;
  position: static;
  width: 300px;
}
.app-header__navigation-logo > a > img, .app-header__navigation-logo > img {
  max-width: 100%;
}
.app-header__navigation-menu {
  display: flex;
  display: none;
  flex: auto;
  justify-content: flex-end;
}
.app-header__navigation-menu ul {
  font-size: 14px;
  font-weight: 500;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.app-header__navigation-menu ul li {
  display: inline-block;
  /* margin-right: 30px; */
  position: relative;
}
.app-header__navigation-menu ul li a {
  color: #fff;
  display: inline-block;
  padding: 10px;
  text-decoration: none;
}
.app-header__navigation-menu ul li:hover a {
  position: relative;
  z-index: 5;
}
.app-header__navigation-menu {
  /* padding-top: 10px; */
  display: flex;
}
.app-header__navigation-menu > ul:first-child {
  display: flex;
  list-style: none;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0;
  flex-grow: 1;
}
.app-header__navigation-menu > ul:first-child > li {
  position: relative;
}
.app-header__navigation-menu .sub-menu li:first-child {
  border-top: 3px solid #b8ba50;
}
.app-header__navigation-menu > ul:first-child > li > .sub-menu > li:hover{
  background-color: #b5be00;
  color: #003a5d;
}
.app-header__navigation-menu ul ul {
  background-color: #eaeaea;
  display: none;
  position: relative;
  top: 100%;
  width: 100%;
}
.app-header__navigation-menu ul ul li {
  display: block;
}
.app-header__navigation-menu ul ul li a {
  padding: 10px 20px;
}
.app-header__navigation-menu ul ul ul {
  top: 0;
  left: 0;
}
@media (min-width: 992px) {
  .app-header__navigation-menu ul {
    font-size: 21px;
  }
  h1, .h1 {
    font-size: 3rem;
    line-height: 1.33em;
  }
   h2, .h2 {
    font-size: 2.25rem;
    line-height: 1.34em;
  }
  h3, .h3 {
    font-size: 1.75rem;
    line-height: 1.34em;
  }
}


.sub-menu:nth-child(2) > li:hover > a{
  background-color: #b5be00;
  color: #003a5d;
}
.page-template-location-homepage .app-header__top-content {
  display: none;
}
/* App Header [Inverted] */
.app-header--inverted .app-header__utility-bar {
  background-color: #b5be00;
}
.app-header--inverted .app-header__utility-bar .app-header__utility-bar-menu li::after {
  background-color: #003a5d;
}
.app-header--inverted .app-header__utility-bar .app-header__utility-bar-menu li a {
  color: #ffffff;
}
.app-header--inverted .app-header__utility-bar .app-header__utility-bar-cta {
  background-color: #003a5d;
  color: #dfe481;
}
.app-header--inverted .app-header__utility-bar .app-header__utility-bar-phone,
.app-header--inverted .app-header__utility-bar .app-header__utility-bar-phone:hover {
  color: #003a5d;
}
.app-header--inverted .app-header__hero-content .h1 {
  color: #003a5d;
}
.menu {
  display: none !important;
}
.dropdown-toggle::after {
  display: none;
}
.sub-menu li a {
  font-weight: 300;
	font-size: 16px;
}
.site-header-links-mobile-wrapper--open {
  background-color: #fff;
  border-bottom: 5px solid #b8b950;
  box-shadow: 0 3px 15px -3px rgba(0,0,0,.5);
  font-size: 14px;
  font-weight: 600;
  margin: 0 auto;
  position: absolute;
  top: calc(100% + -20px);
  left: 0;
  right: 0;
  z-index: 1;
  width: calc(100% - 30px);
}
.site-header-links-mobile-wrapper--open .menu{
  display: block !important;
}
.site-header-links-mobile-wrapper--open ul li a {
  color: #183c5a;
}
.site-header-links-mobile-wrapper--open li {
  display: block !important;
  position: relative !important;
}
.site-header-links-mobile-wrapper--open .find-a-location {
  display: flex;
}
.btn-menu-expand:before{ 
  content:'\2b';
  font-family:'Glyphicons Halflings';
  font-weight:700;
}
.btn-menu-expand.open:before {
  content:'\2212';
}
.animated-toggle {
  cursor:pointer;
  height:25px;
  position:relative;
  -webkit-transform:rotate(0);
  -moz-transform:rotate(0);
  -o-transform:rotate(0);
  transform:rotate(0);
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
  width:40px;margin:auto 0
}
.is-parent.open > .sub-menu {
  display: block !important;
}
.has-indent{
  padding: 0 30px;
}
.find-a-location__hambergur-menu {
  display: none;
}
.find-a-location__hambergur-menu:hover a {
  color: #fff;
}
.input-zip-code {
  width: 50%;
}
.app-header__navigation-wrapper.active .app-header__navigation-menu-toggle-holder {
  display: block;
}
.app-header__navigation-wrapper.active .sticky-menu-default {
  display: none;
}
.app-header__navigation-wrapper.active .menu {
  display: none !important;
}
.app-header__navigation-wrapper.active .site-header-links-mobile-wrapper--open .menu {
  display: block !important;
}
.app-header__navigation-wrapper.active .site-header-links-mobile-wrapper--open {
  margin-top: 30px;
}
.app-header__navigation-menu > ul:first-child > li:hover > .sub-menu {
  /* opacity: 0;
  visibility: hidden; */
}
.is-parent .btn-menu-expand{
  position: absolute;
  top: 4px;
  right: 11px;
}
.app-header__navigation-wrapper.active #nav-icon3 {
  /* margin-top: 10px; */
}
.app-header__navigation-wrapper.active .app-header__navigation-logo img {
  margin: 12px 0;
}
@media (min-width: 414px) {
  .app-header__utility-bar-menu,
  .header__utility-static-blog {
    font-size: 14px;
  }
  .app-header__utility-bar-menu li::after {
    margin: 0 6px 0 8px;
  }
  .app-header__utility-bar-cta {
    font-size: 16px;
  }
  #nav-icon3 {
    /* margin-top: 10px; */
  }
}
@media (min-width: 480px) {
  .app-header__corporate.active .app-header__navigation-logo {
    flex-grow: 1;
    width: auto !important;
    margin: 0;
  }
  .app-header__corporate.active .app-header__navigation-logo a {
    width: 200px;
    display: block;
  }
  .app-header__corporate.active .app-header__navigation-menu-toggle-holder {
    position: relative;
    right: 0;
  }
  .app-header__corporate.active .form-map {
    padding-right: 10px;
  }
  .app-header__corporate.active .app-header__utility-bar-cta {
    padding: 24px 15px !important;
  }
  .app-header__navigation-wrapper.active .button-sticky {
    display: block;
  }
  .page-template-location-homepage .app-header__utility-bar-content {
    display: flex;
  }
  .app-header__navigation-wrapper.active .site-header-links-mobile-wrapper--open.open .sub-menu {
    display: block;
  }
}
@media(min-width: 534px) {
  .app-header__utility-bar-phone {
    font-size: 24px;
  }
}
@media(min-width: 587px) {
  .app-header__utility-bar-cta {
    padding: 15px;
  }
  /* .app-header__utility-bar-content {
    padding: 0 15px;
  } */
}
@media (min-width: 768px) {
  .app-header__navigation {
    max-width: 970px;
  }
  .find-a-location__mobile {
    display: none;
  }
  .app-header__corporate.active .form-map {
    padding-right: 20px;
    padding-left: 20px;
  }
  .home .app-header__utility-bar-menu,
  .home .header__utility-static-blog {
    display: flex;
  }
  .app-header__utility-bar-location {
    display: block;
  }
}
@media (min-width: 992px) {
  .app-header__navigation {
    max-width: 1170px;
  }
  .app-header__navigation-menu {
    display: flex;
  }
  .app-header__navigation-menu-toggle-holder {
    display: none;
  }
  .menu {
    display: flex !important;
  }
  .app-header__hero-content .h1 {
    top: 70px;
  }
  .app-header__navigation-logo {
    margin-right: 0;
  }
  .app-header__navigation-wrapper.active .sticky-menu-default {
    width: auto;
    /*overflow: auto;*/
    margin-top: 5px;
    margin-left: 10px;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul {
    font-size: 18px;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-logo {
    transform: scale(1);
  }
  .app-header__navigation-logo {
    width: 200px;
    transform: translateX(20%) scale(1.5);
  }
  /* .app-header__navigation-wrapper.active .button-sticky {
    display: block;
  } */
  .btn-menu-expand {
    display: none;
  }
  .site-header--open .btn-menu-expand {
    display: block;
  }
  .app-header__navigation-logo {
    margin: 10px;
  }
  .app-header__navigation-menu > ul:first-child > li:hover > .sub-menu {
    padding-top: 50px;
    padding-bottom: 10px;
    background-color: #003a5d;
    list-style: none;
    display: block;
    position: absolute;
    z-index: 4;
    top: -10px;
    left: 0;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    border: 1px solid #352d7a;
    opacity: 1;
    visibility: visible;
    text-align: center;
    width: 100%;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu > ul > li:hover > .sub-menu {
    display: none !important;
  }
  .app-header__navigation-menu li:hover > ul {
    display: block;
    background-color: #183c5a;
  }
  .app-header__navigation-menu ul ul {
    background-color: #eaeaea;
    display: none;
    position: absolute;
    top: 100%;
    width: 175px;
  }
  .app-header__navigation-menu ul ul li a {
    display: block;
    padding: 10px 0;
  }
  .app-header__navigation-wrapper.active .menu > li:after {
    background-color: #b5be00;
    content: '';
    display: inline-block;
    height: 20px;
    width: 2px;
    right: 0;
    box-sizing: border-box;
    position: absolute;
    top: 15px;
    z-index: 5;
  }
  .app-header__navigation-menu ul ul ul {
    top: 0;
    left: 100%;
  }
  .app-header__navigation-menu > ul:first-child > li > .sub-menu > li:hover > a{
    background-color: #b5be00;
    color: #003a5d;
  }
  .has-indent {
    padding: 0;
  }
  .app-header__corporate.active .app-header__utility-bar-cta {
    padding: 24px 15px !important;
  }
  .app-header__corporate.active .form-map {
    padding-right: 20px;
    padding-left: 90px;
  }
  .app-header__utility-bar-menu,
  .header__utility-static-blog {
    display: flex;
  }
}

  /* Active Sub Menu */
  /* .app-header__navigation-wrapper.active .app-header__navigation-menu > ul:first-child > li:hover > .sub-menu{
    display: none;
  } */
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul ul {
    background-color: #eaeaea;
    display: none;
    position: relative;
    top: 100%;
    width: 100%;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul ul li {
    display: block;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul ul li a {
    padding: 10px 4px;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul ul ul {
    top: 0;
    left: 0;
  }
  /* .app-header__navigation-wrapper.active .app-header__navigation-logo > a > img {
    padding-top: 10px;
  } */
  .app-header__navigation-wrapper.active #nav-icon3 {
    /* margin-top: 10px; */
  }


@media (min-width: 1200px) {
  .app-header__navigation {
    max-width: 1920px;
  }
  .app-header__navigation-menu ul li a {
    padding: 10px 20px;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul li a {
    padding: 10px 10px;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu-toggle-holder {
    display: none;
  }
  .app-header__navigation-wrapper.active .menu,
  .app-header__navigation-wrapper.active .sticky-menu-default {
    display: flex !important;
  }
  /* .app-header__navigation-wrapper.active .button-sticky {
    display: block;
  } */
  .app-header__corporate.active .form-map {
    padding-right: 10px !important;
    padding-left: 0;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    width: 150px;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul ul ul li a {
    background-color: #193c5a;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul ul ul li a:hover {
    background-color: #b8b950;
    color: #193c5a;
  }
  .app-header__navigation-wrapper.active .app-header__navigation-menu ul > li:hover > .sub-menu {
    display: block !important;
  }
}

/******************************************************************!
* App Footer
*******************************************************************/
/* App Footer - P1 */


.app-footer__p1 {
  background-color: #003a5d;
  padding: 25px 0;
}
.app-footer__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
  text-align: center;
}
.app-footer__menu li {
  min-width: 155px;
  position: relative;
}
.app-footer__menu li::after {
  background-color: #b5be00;
  content: '';
  display: none;
  height: 12px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 2px;
}
.app-footer__menu li:last-child::after {
  display: none;
  margin-right: 0;
}
.app-footer__menu li a {
  color: #ffffff;
  display: inline-block;
}
.app-footer__logo {
  /* margin: 0 auto 25px auto; */
  margin: 25px auto;
  max-width: 100%;
  width: 250px;
}
.app-footer__logo > a > img,.app-footer__logo > img  {
  max-width: 100%;
}
.app-footer__info {
  display: flex;
  justify-content: center;
  text-align: center;
}
.app-footer__info-address {
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
p.app-footer__info-address a {
  text-decoration:none;
}
.app-footer__info-address a:hover {
  color: #b5be00;
}
.app-footer__info-phone {
  color: #b5be00;
  font-size: 24px;
  font-weight: 500;
}
.app-footer__search {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.app-footer__search input[type="text"] {
  padding: 8px 10px;
}
.footer-social {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
}
/* App Footer - P2 */
.app-footer__p2 {
  background-color: #b5be00;
  padding: 15px 0;
}
.app-footer__links {
  font-size: 11px;
  line-height: 2em;
  list-style: none;
  margin: 0;
  padding: 0;
}
.app-footer__links li {
  display: inline-block;
}
.app-footer__links li::after {
  background-color: #fff;
  content: '';
  display: inline-block;
  height: 10px;
  margin: 0 10px 0 10px;
  width: 1px;
}
.app-footer__links li:last-child::after {
  display: none;
  margin-right: 0;
}
.app-footer__links li a {
  color: #ffffff;
  display: inline-block;
}
/* App Footer [Inverted] */
.app-footer--inverted .app-footer__p1 {
  background-color: #707271;
}
.app-footer--inverted .app-footer__p2 {
  background-color: #003a5d;
}
footer .search-form {
  margin-bottom: -7px;
}
.toggle-footer-hidden {
  display: none;
}
.app-footer__navigation-logo {
  margin-bottom: 35px;
  max-width: 100%;
  margin-right: 0;
}
@media (max-width: 359px) {
  .app-header__navigation-wrapper.franchise.active .logo-2 {
    max-width: 90px !important;
  }
  .app-header__navigation-wrapper.franchise.active #menu-franchise-header-main-menu {
    top: 56px !important;
  }
  .app-header__utility-bar-wrap.franchise .app-header__utility-bar-content .app-header__utility-bar-phone {
    font-size: 19px;
  }
  .inl_link_pos,
  .ready-foot-form #footer-form {
    top: -80px !important;
  }
  .svg_map_popup .svg_map_popup_cont {
    max-height: 170px !important;
  }
}
@media (min-width: 360px) {
  footer .social {
    width: auto;
  }
}
@media (min-width: 480px) {
  .app-footer__links {
    font-size: 15px;
  }
  .footer-social {
    flex-direction: row;
  }
} 
@media (min-width: 768px) {
  .app-footer__logo {
    margin: 0 0 25px 0;
  }
  .app-footer__info {
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .app-footer__menu li::after {
    display: inline-block;
  }
}

/******************************************************************!
* Social
*******************************************************************/
.social {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}
.social li {
  display: inline-block;
}
.social li a {
  background-color: #003a5d;
  border-radius: 100%;
  display: inline-block;
  margin: 7px auto;
  padding: 7px 12px;
  width: 44px;
  height: 44px;
}
.social li:hover a {
  opacity: .8;
}
.social li a img {
  width: 20px;
}
@media (min-width: 480px) {
  .app-footer__p2.franchise .social {
	margin: 0 0 0 25px;
  }
  .social {
    margin: 0 15px 0 0;
  }
}

/******************************************************************!
* Component - Placard
*******************************************************************/
.block-resources .placard {
  height: auto;
  width: 100%;
}
.placard {
  margin-bottom: 1rem;
}
.placard__label {
  background-color: rgba(0, 58, 93, .45);
  color: #ffffff;
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2em;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 300%;
  text-align: center;
  width: 100%;
}

/******************************************************************!
* Block - Gutenberg
*******************************************************************/
.block-gutenberg {
  padding: 4rem 0;
}
.pl-5-mobile {
  padding: 0;
}
.location-map .wp-block-columns {
  display: flex;
  flex-wrap: inherit;
}
@media (min-width: 768px) {
  .pl-5-mobile {
    padding-left: 3rem;
  }
  .location-map .wp-block-columns {
    display: flex;
  }
  .app-header__hero-content.franchise .h1 {
    line-height: 50px;
    bottom: 70px !important;
    font-size: 45px;
  }
}

/******************************************************************!
* Block - Marketing
*******************************************************************/
.block-marketing__content {
  display: flex;
    flex-wrap: wrap;
  height: 100%;
  background-color:#fff;
}
.block-marketing__featured-image {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.block-marketing__featured-image > img {
  /* height: auto;
  margin: auto;
  position: absolute;
    top: -15%;
    right: -15%;
    bottom: -15%;
    left: -15%; */
  display: none;
  width: 115%;
}
.block-marketing__content > .block-marketing__content01,
.block-marketing__content > .block-marketing__content02 {
  flex: auto;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
}
.block-marketing__content01 {
  background-position-x: 20%;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 300px;
  margin-top: 45px;
  margin-bottom: 45px;
  padding: 82px 0 82px 35%;
}
.block-marketing__content01-5 {
  bottom: -30px;
  display: block;
    align-self: center;
    justify-content: center;
  position: relative;
    width: 100%;
}
.block-marketing__content02 {
  background-color: #e1e1e1;
  padding: 50px 30px 15px;
}
@media(min-width: 560px) {
  .block-marketing__content01-5 {
    display: flex;
  }
}
@media(min-width: 992px) {
  .block-marketing__featured-image > img {
    display: block;
  }
  .block-marketing__content01 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 42px 0 60px 45%;
  }
  .block-marketing__content01-5 {
    display: none;
  }
  .block-marketing__content02 {
    padding: 15px 30px;
  }
}

/******************************************************************!
* Block - Programs
*******************************************************************/
.block-programs {
    padding: 2rem 0 3rem 0;
}

/******************************************************************!
* Block - Testimonial
*******************************************************************/
.block-testimonial {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  min-height: 350px;
  padding: 80px 0;
  position: relative;
}
.block-testimonial__text-overlay span {
  position: absolute;
  bottom: 0;
}
.block-testimonial .block-testimonial__content {
  padding-top: 140px;
}
.block-testimonial .carousel-inner .item {
  padding: 60px 130px 60px;
}
.block-testimonial .carousel-control {
  opacity: -0;
}
.block-testimonial .carousel-control:hover, .carousel-control:focus {
  opacity: -0;
}
.testimonial-holder {
  min-height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
}

/******************************************************************!
* Block - Home Blog
*******************************************************************/

.partners-images {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.partners-images .partners-images-lists {
  flex: 33.333%;
  padding-right: 20px;
}
.partners-images .partners-images-lists img {
  width: 100%;
}
.blog-holder {
  align-items: center;
  justify-content: center;
}
.featured-image-blog {
  padding-right: 20px;
}
.featured-image {
  width: 200px;
  height: 100px;
  background: gray;
}
.blog-post-filter {
  border-bottom: 2px solid #eae9e9;
  border-top: 2px solid #eae9e9;
  padding: 10px 0;
}
.search-submit {
  display: none;
}
footer .search-submit {
  width: 50%;
}
.search-form {
  margin-bottom: 50px;
}
.search-form label {
  width: 100%;
}
.search-field {
  padding: 10px;
  border: 1px solid #446f88;
  width: 100%;
}
.widget_categories ul,
.widget_tag_cloud {
  color: #707270;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
}
.widget_categories ul li a,
.widget_tag_cloud li a{
  color: #707270;
}
/* .widget_categories ul li:hover a,
.blog-post-content h2:hover a,
.widget_tag_cloud li:hover a {
  text-decoration: none;
} */

.blog-post-content h2,
.blog-home-content .h3 {
  line-height: 1em;
}
.blog-home-content p {
  padding-top: 10px;
}
.blog-post-content h2 a {
  color: #003a5d;
}
.single-banner {
  background-position: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
  width: 100%;
}
.single-banner:hover {
  opacity: .8;
}
.single-banner-custom {
  background-size: contain !important;
}
.blog-homepage {
  width: 100%;
}
.blog-home-content {
  margin: 0;
}
.blog-post-holder {
  width: 100%;
}
@media (min-width: 768px) {
  .blog-holder {
    display: flex;
  }
} 

/******************************************************************!
* Block - Resources
*******************************************************************/
.block-resources {
  background-color: #e1e1e1;
  padding: 4rem 0;
}
#resources li p {
  margin-bottom: 0;
}

/******************************************************************!
* Block - Learning
*******************************************************************/
.block-learning {
  padding: 4rem 0;
}
.domains-learning-item {
  width: 200px;
  height: 100px;
  position:relative;
}
.domains-learning-item:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: 10px solid transparent;
  border-left: 78px solid transparent;
  border-right: 78px solid transparent;
  bottom: -100%;
}
.domains-learning-holder {
  width: 100%;
}
.domains-learning-holder__items {
  width: calc(100%/7);
  position: relative;
}
.domains-learning-holder__items:hover > .domains-learning-items__title > .content {
  max-height: 445px;
  padding: 80px 10px 50px;
}
svg {
  z-index: 10;
  position: relative;
}
.domains-learning-items__title {
  position: relative;
}
.domains-learning-items__title h4 {
  text-align: center;
  position: absolute;
  top: -95px;
  color: #fff; 
  font-family: 'Omnes';
  font-weight: 500;
  z-index: 11;
  min-height: 65px;
  width: 100%;
}
.domains-learning-items__title .content {
  border-radius: 0 0 15px 15px;
  color: #fff;
  font-weight: 500;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  top: -65px;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.domains-learning-holder__items:nth-child(1) .domains-learning-items__title .content {
  background-color: rgba(25, 61, 93, .87);
}
.domains-learning-holder__items:nth-child(2) .domains-learning-items__title .content {
  background-color: rgba(95, 164, 154, .87);
}
.domains-learning-holder__items:nth-child(3) .domains-learning-items__title .content {
  background-color: rgba(184, 186, 80, .87);
}
.domains-learning-holder__items:nth-child(4) .domains-learning-items__title .content {
  background-color: rgba(241, 190, 94, .87);
}
.domains-learning-holder__items:nth-child(5) .domains-learning-items__title .content {
  background-color: rgba(234, 160, 86, .87);
}
.domains-learning-holder__items:nth-child(6) .domains-learning-items__title .content {
  background-color: rgba(228, 141, 80, .87);
}
.domains-learning-holder__items:nth-child(7) .domains-learning-items__title .content {
  background-color: rgba(226, 119, 85, .87);
}

.domains-learning-holder {
  display: flex;
}
.domains-learning-holder li {
  display: inline-block;
  border-radius: 10px 10px 0 0;
}
.programs-holder {
  display: flex;
  position: relative;
  margin-top: 42px;
}
.programs-sections {
  display: flex;
  flex-direction: column;
  width: 150px;
}
.programs-holder__items:before,
.programs-holder__items:after {
  content: '';
  background-image: url(/wp-content/uploads/2018/10/blue-top-curve.png);
  position: absolute;
  height: 190px;
  width: calc(100% + 42.5px);
  background-repeat: no-repeat;
  background-size: contain;
  top: -36px;
  left: -21px;
}
.programs-holder__items:after  {
  background-image: url(/wp-content/uploads/2018/10/green-curve.png);

}
.programs-holder__items__reverse:before ,
.programs-holder__items__reverse:after {
  content: '';
  background-image: url(/wp-content/uploads/2018/10/blue-top-curve.png);
  position: absolute;
  height: 190px;
  width: calc(100% + 42.5px);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -36px;
  left: -21.5px;
  transform: rotate(180deg);
}
.programs-holder__items__reverse:after {
  background-image: url(/wp-content/uploads/2018/10/green-curve.png);
  transform: rotate(180deg);
  /* top: 58px; */
  top: -35px;
  left: -22.5px;
}
.programs-holder__items:after,
.programs-holder__items__reverse:after  {
  opacity: 0;
  transition: all 0.3s ease;
}
.programs-holder:hover > .programs-holder__items::after,.programs-holder:hover > .programs-holder__items__reverse::after {
  opacity: 1;
  transition: all 0.3s ease;
}
.programs-holder__items,
.programs-holder__items__reverse{
  position: relative;
  width: 100%;
  transition: all 0.3s ease-in;
  text-align: center;
  transform: rotate(90deg);
}
.programs-holder__items:last-child {
  margin-right: 0;
}
.programs-holder__items img,
.programs-holder__items__reverse img {
  transform: rotate(270deg) scale(1,1);
  position: relative;
  width: calc(100% - 31.5px);
  z-index: 100;
}
.center-holder {
  justify-content: center;
}
.programs-sections p{
  /* font-size: 11px; */
  font-weight: 400;
  color: #003a5d;
  /* word-break: break-all; */
  /* width: 50px; */
  width: 98px;
}
.custom-p {
  width: 83px !important;
}
.programs-sections a:nth-child(odd) p{
  position: absolute;
  left: -80px;
  top: 42px;
}
.programs-sections a:nth-child(even) p{
  position: absolute;
  right: -85px;
  top: 42px;
  overflow: hidden;
}
.programs-sections a:hover p{
  color: #b4bd00;
}
.mobile-holder {
  width: 50%;
}
.desktop-holder {
  display: none;
}
.page-id-645 .app-header__hero {
  background-position: 75% 100%;
}
.page-id-83 .app-header__hero{
  background-position: 90% 100%;
}
@media(min-width: 480px) {
  /* .programs-sections p{
  }
  .programs-sections a:nth-child(odd) p{
    position: absolute;
    left: 0;
  }
  .programs-sections a:nth-child(even) p{
    position: absolute;
    right: 0;
  } */
  .programs-sections p{
    font-size: 18px;
    /* word-break: break-all; */
    width: 50%;
  }
  .programs-sections a:nth-child(odd) p{
    left: -102px;
  }
  .programs-sections a:nth-child(even) p{
    right: -120px;
  }
  .custom-p {
    width: 100% !important;
  }
  .programs-sections a:nth-child(even) p {
    right: -170px;
  }
  .programs-sections p{
    width: 100%;
  }
  .programs-sections a:nth-child(odd) p {
    left: -135px;
  }
}
@media(min-width: 768px) {
  .programs-sections {
    padding: 50px 25px;
    flex-direction: row;
    width: auto;
  }
  .programs-holder__items:before,
  .programs-holder__items:after {
    width: calc(100% + 27px);
    top: -34px;
    left: -13px;
  }
  .programs-holder {
    margin-top: 0;
    text-align: center;
  }
  .programs-holder__items, .programs-holder__items__reverse {
    transform: rotate(0deg);
  }
  .programs-holder__items img,
  .programs-holder__items__reverse img {
    transform: scale(1.15);
  }
  .programs-holder__items__reverse:before ,
  .programs-holder__items__reverse:after {
    width: calc(100% + 27px);
    bottom: -34px;
    left: -13px;
  }
  .programs-holder__items img, .programs-holder__items__reverse img {
    width: calc(100% - 42.5px);
  }
  .programs-holder__items__reverse:after {
    top: auto;
    bottom: -34px;
  }
  .programs-sections a:nth-child(odd) p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    margin: 0 auto;
    padding-left: 0;
    padding-top: 30px;
  }
  .programs-sections a:nth-child(even) p {
    position: absolute;
    right: 0;
    left: 0;
    top: -170px;
    margin: 0 auto;
    padding-right: 0;
    padding-top: 125px;
  }
  .mobile-holder {
    display: none;
  }
  .desktop-holder {
    display: flex;
  }
  .domains-learning-items__title h4 {
    font-size: 13px;
    top: -69px;
  }
  .programs-sections a:nth-child(odd) p {
    top: 90px;
  }
  .page-id-83 .app-header__hero,
  .page-id-645 .app-header__hero {
    background-position: center;
  }
  .programs-sections p {
    font-size: 17px;
	  font-weight:600;
  }
}
@media(min-width: 992px) {
  .programs-holder__items img, .programs-holder__items__reverse img {
    transform: scale(1.05);
  }
  .programs-holder__items:before,
  .programs-holder__items:after {
    width: calc(100% + 37px);
    top: -40px;
    left: -18px;
  }
  .programs-holder__items__reverse:before ,
  .programs-holder__items__reverse:after {
    width: calc(100% + 36px);
    bottom: -39px;
    left: -18px;
  }
  .programs-sections a:nth-child(odd) p {
    padding-top: 100px;
  }
  .domains-learning-items__title h4 {
    font-size: 18px;
    top: -95px;
  }
}
  
/******************************************************************!
* Row
*******************************************************************/
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters  > .col,
.row-no-gutters  > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
@media only screen and (min-width: 992px) {
.row-flex-md {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}

/******************************************************************!
* Global CSS
*******************************************************************/
.is-text-white {
  color: #fff;
}
.is-text-navy-blue {
  color: #003a5d;
}
.is-bg-gray {
  background-color: #e1e1e1;
}
.is-bg-navy-blue {
  background-color: #003a5d;
}
.is-bg-blue-green {
  background-color: #28a79a;
}
.is-bg-yellow-green {
  background-color: #b5be00;
}
.is-bg-yellow {
  background-color: #fbc02a;
}
.mt-5-mobile {
  margin-top: 5rem;
}
.image-mobile {
  display: none;
}
.p-0 {
  padding: 0;
}
.btn-orange {
  background-color: #ef8b22;
  color: #fff;
  border-radius: 0;
}
.btn-orange a {
  color: #fff;
  text-decoration:none;
}
.btn-orange:hover {
  background-color: #28a745;
}
.btn-warning {
  color: #fff;
  border: 0;
  border-radius: 0;
  background-color: #ef8b22;
  font-weight: 400;
}
.btn.focus, .btn:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: none;
}
.for-desktop {
  display: none;
}
.px-15px {
  padding-right: 15px;
  padding-left: 15px;
}
.wp-block-image img {
   /* max-width: 50vw; */
    height: auto;
}
.page-id-81 figure {
  margin: 1rem;
}
@media (min-width: 768px) {
  .for-desktop {
    display: block;
  }
  .for-mobile {
    display: none;
  }
}
@media (min-width: 992px) {
  .mt-5-mobile {
    margin-top: 0;
  }
  .image-mobile {
    display: block;
  }
}

/******************************************************************!
* Pill
*******************************************************************/
.pill__content__item:nth-child(-n+1),
.pill__nav,.products-dropdown-entry-title {
  display:block;
}

.pill {
  font-size:0;
}
.pill__nav {
  font-size:24px;
  list-style-type:none;
  margin:0;padding:0;
	font-weight:500;
}
.pill__nav__item {
  border-bottom:4px solid #fff;
  width:100%;
}
.pill__nav__item a {
  background-color:#fff;
  border-bottom:5px solid transparent;
  cursor:pointer;
  display:block;
  padding:15px;
  position:relative;
  text-decoration:none;
  transition:all .2s;
}
.pill__nav__item a {
  background-color:#003a5d;
  color: #fff !important;
  font-weight: 600;
}
.pill__nav__item a:hover,
.pill__nav__item--active a {
  background-color:#b5be00;
  color: #003a5d !important;
  font-weight: 600;
}
.pill__nav__item a:hover::before {
  opacity:1;
  right:15px;
}
.pill__content {
  background-color:#ddd;
  display:inline-block;
  font-size:16px;
  min-height:370px;
  vertical-align:top;
  width:100%;
}
.pill__content__item {
  padding:20px 30px;
  display:none;
  border-top: 5px solid #b8ba50;
}
.pill--d1 .pill__content,
.site-header-navigation-toggle-inverted span {
  background-color:#fff;
}
.pill__nav,
.step-number-line {
  display:inline-block; 
}
.pill__nav__item {
  width:250px;
}
.pill__content {
  width:calc(100% - 255px);
}

/******************************************************************!
* Pill - V2
*******************************************************************/
.block-program-v2 .pill__nav__item {
  width: 300px;
}
.block-program-v2 .pill__content {
  width: calc(100% - 300px);
}
.block-program-v2 .pill__content {
  min-height: 296px;
}
.block-program-v2 .pill__content__item {
  padding: 10px 30px;
}
.block-program-v2 .pill__nav__item a{
  color: #003a5d !important;
}
.block-program-v2 .pill__nav__item:first-child a{
  color: #fff !important;
}
.block-program-v2 .pill__nav__item:nth-child(1) a {
  background-color: #003a5d;
}
.block-program-v2 .pill__nav__item:nth-child(2) a {
  background-color: #5fa49a;
}
.block-program-v2 .pill__nav__item:nth-child(3) a {
  background-color: #b8ba50;
}
.block-program-v2 .pill__nav__item:nth-child(4) a {
  background-color: #f1be5e;
}
.block-program-v2 .pill__nav__item a:hover, .pill__nav__item--active a {
  color: #fff !important;
}
.block-program-v2 .pill__nav__item--active ~ .pill__content__item {
  border-top: 5px solid #003a5d;
}
.block-program-v2 .pill__content__item {
  border-width: 5px;
}
.block-program-v2 .pill__content__item {
  border-top: 5px solid #003a5d
}

/* .block-program-v2 .pill__nav__item:nth-child(1) a:hover, .pill__nav__item--active a {
  background-color: #003a5d;
  color: #ffffff !important;
}
.block-program-v2 .pill__nav__item:nth-child(2) a:hover, .pill__nav__item--active a {
  background-color: #5fa49a;
  color: #ffffff !important;
}
.block-program-v2 .pill__nav__item:nth-child(3) a:hover, .pill__nav__item--active a {
  background-color: #b8ba50;
  color: #ffffff !important;
}
.block-program-v2 .pill__nav__item:nth-child(4) a:hover, .pill__nav__item--active a {
  background-color: #f1be5e;
  color: #ffffff !important;
} */
/******************************************************************!
* Why Celebree
*******************************************************************/
.block-marketing__content > .block-marketing__content01_curriculum {
  flex: auto;
  width: 100%;
}
.block-marketing__content01_curriculum {
  background-repeat: no-repeat;
  background-size: 250px;
  margin-top: 45px;
  margin-bottom: 45px;
  padding: 0px 0 60px 30%;
}
.curriculum-learn-more-holder {
  display: flex;
  flex-direction: column;
}
.curriculum-learn-more-holder .img-holder{
  margin: 0 auto;
  margin-bottom: 2rem;
}
.curriculum-learn-more-holder img{
  padding-right: 20px;
  min-width: 168px;
  width: 100%;
  height: auto;
}
@media(min-width: 768px) {
  .curriculum-learn-more-holder {
    display: flex;
    flex-direction: row;
  }
}

/******************************************************************!
* Tabs
*******************************************************************/
.nav-item h3{
  color: #fff;
}
.flex-item.active > .nav-item h3 {
  color: #003a5d;
}


/******************************************************************!
* About Us
*******************************************************************/
.pill__content-about {
  min-height: 248px;
}
.about-us-glance {
  background-color: #d9d9d9;
}
.about-glance-p {
  color: #707270 !important;
  font-size: 20px !important;
}
.about-us-glance p {
  font-size: 16px;
  color: #003a5d;
}


/******************************************************************!
* Iframes
*******************************************************************/
.virtual-tour-section iframe,
.video-section iframe {
  width: 290px;
  height: 450px;
}
@media (min-width: 480px) {
  .virtual-tour-section iframe {
    width: 300px;
    height: 300px;
  }
  .video-section iframe {
    width: 420px;
    height: 315px;
  }
}

/******************************************************************!
* Location
*******************************************************************/
.location-listing {
  list-style: none;
  padding: 0;
}
.location-listing li,
.location-listing li a {
  color: #003a5d;
  font-weight: 300;
}
#menu-pasadena-md,
#menu-footer-navigation-menu {
  display: none;
}
.site-header-links-mobile-wrapper--open #menu-pasadena-md {
  display: block;
}
.button-location-sticky {
  display: none;
}
.app-header__navigation-wrapper.active .button-location-sticky {
  display: none;
}
@media(min-width: 480px) {
  #menu-footer-navigation-menu {
    display: flex;
  }
  /* .app-header__navigation-menu-toggle {
    display: none;
  } */
  .app-header__navigation-wrapper.active .button-location-sticky {
    display: block;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 992px) {
.franchise.app-header__navigation-wrapper.active .app-header__navigation-menu-toggle-holder{display:none;}
.franchise.app-header__navigation-wrapper.active .button-location-sticky{margin-left:0;}
  #menu-pasadena-md {
    display: flex;
  }
  .app-header__navigation-wrapper.active .button-location-sticky {
    display: block;
    margin-right: 15px;
    margin-left: 90px;
  }
  .app-header__navigation-wrapper.active .site-header-links-mobile-wrapper--open > ul > .menu-item.open:hover > .sub-menu {
    display: block !important;
    background-color: #eaeaea;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 0;
    border: none;
    text-align: left;
  }
  .app-header__navigation-wrapper.active .site-header-links-mobile-wrapper--open > .menu > li:after {
    display: none;
  }
  .app-header__navigation-wrapper.active .site-header--open .btn-menu-expand {
    z-index: 100;
  }
}
@media (min-width: 1200px) {
  .app-header__navigation-wrapper.active .button-location-sticky {
    margin-left: 0;
  }
}


/******************************************************************!
* Accordion
*******************************************************************/
.accordion-item-body-2 {
  display: none;
  background-color: #e2e2e2;
  margin-top: -3px;
}
.accordion-item-head-2.active {
  display: block;
}
.accordion-item-head-2.active h3{
  color: #fff;
}
.accordion-item-head-2 {
	padding: 10px 15px;
	transition: all .3s;
}
.accordion-item-2:nth-child(1) .accordion-item-head-2 h3 {
  color: #fff;
}
.accordion-item-2:nth-child(1) .accordion-item-head-2 {
  background-color: #193d5d;
}
.accordion-item-2:nth-child(2) .accordion-item-head-2 {
	background-color: #5fa49a;
}
.accordion-item-2:nth-child(3) .accordion-item-head-2 {
	background-color: #b8ba50;
}
.accordion-item-2:nth-child(4) .accordion-item-head-2 {
	background-color: #f1be5e;
}
.accordion-item-2:nth-child(5) .accordion-item-head-2 {
	background-color: #eaa056;
}
.accordion-item-body-2 {
	padding: 0 10px;
}

/******************************************************************!
* Other CSS
*******************************************************************/
.block-programs .nav h3 {
  color: #fff;
  font-family: 'Myriad' , sans-serif;
  font-weight: 500;
  margin: 0;
  font-size: 16px;
}
.flex-item {
  flex: 0 0 33.33%;
}
.flex-item.active > .nav-item {
  background-color: #b5be00;
}
.flex-item:hover {
  text-decoration: none;
}
.flex-item:first-child {
  padding-right: 15px;
}
.flex-item:last-child {
  padding-left: 15px;
}
.nav-item {
  background-color: #003a5d;
  padding: 6px 15px;
}
.nav-bg-green {
  background-color: #b5be00;
  height: 13px;
  width: 100%;
}
.program-content {
  background-color: #e1e1e1;
  padding: 30px;
}
.block-programs li {
  color: #003a5d;
  font-size: 25px;
}
/* paeng css */
.teachers-card__header {
  margin: 37px 0;
}
.meet-director__image,
.teachers-card__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  min-height: 300px;
  width: 100%;
}
.teachers-card__header h2 {
  margin-bottom: 0;
}
.teachers-card__name {
  color: #003a5d;
  font-weight: 500;
  margin-bottom: 29px;
}
.teachers-card__row {
  margin-bottom: 50px;
}
.teachers-card__col {
  margin-bottom: 25px;
}

.meet-director__section {
  margin-top: 97px;
}
.meet-director__name {
  color: #003a5d;
  font-size: 50px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 45px;
  margin-bottom: 38px;
}
.meet-director__row {
  margin-top: 52px;
}

.blog-posts-section {
  padding-bottom: 131px;
  padding-top: 86px;
}
.blog-featured-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 496px;
  height: 100%;
  margin-bottom: 66px;
}
.blog-posts-header {
  font-size: 41px;
  font-weight: 500;
}
.blog-posts-footer {
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
  display: block;
  padding: 25px 0;
}
.blog-posts-footer ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.blog-posts-footer ul li {
  display: inline-block;
  padding-left: 0;
}
/*asked to remove categories from under author 8/23/22 sn*/
.blog-posts-footer__ul ul.post-categories {
  display:none; 
}
/*asked to remove categories and this | after the author*/
/*.blog-posts-footer .blog-posts-footer__ul li:first-child {
  border-right: 1px solid #c4cb33;
  padding-right: 5px;
}*/
.blog-posts-footer .post-categories li:first-child {
  border: none;
  padding-right: 0;
}
.blog-posts-footer .post-categories li a {
  color: #446f88;
}
.blog-posts-footer .post-categories li a::after {
  content: ',';
  margin-right: 5px;
}
.blog-posts-footer .post-categories li:last-child > a::after {
  content: '';
}
.blog-posts-footer__author {
  color: #446f88;
}
.overlay1:hover img {
	opacity: 0.8;
}
.modal-header {
    padding: 20px 20px 0;
    border-bottom: 0px solid #e9ecef;
}
.modal-header-text {
	color:#003a5d;
	font-size: 1.8em;
	font-weight: 500;
    padding-left: 20px;
}
@media(min-width: 480px) {
  .block-programs .nav h3 {
    font-size: 1.375rem;
  }
}
.carousel-item p {
	font-size:1.6em;
}
.location-pin {
	margin-left:4px;
}

.pagination .page-numbers {
  color: #193c5a;
  font-size: 18px;
  padding: 5px 10px;
  display: inline-block;
  line-height: 1em;
  margin: 0 1px;
}
.pagination .page-numbers.current {
  background-color: #193c5a;
  color: #fff;
}
.pagination .page-numbers.prev {
  
}
.pagination .page-numbers.next {
  
}

/*when adding <picture>, caused father and son pic to not fill container. trying this:
.img-fluid {
  max-width:100%;
  width: 380px;
  height: 260px;
  object-fit: cover;
  object-position: top;
}
 THIS AFFECTED HOME PAGE IMAGES, REMOVING:
@media (max-width: 1025px) {
  .img-fluid {
    width: 100%;
    height: 700px;
  }
}
*/

/* New Text addition */
.visit-text {
  font-size: 1.5rem;
  color:#FFF;
  margin-top: 10px;
	font-weight: 400;
}

.visit-text a:hover {
  text-shadow: none;
  color:#FFF;
}

@media(max-width: 420px){
	.app-header__utility-bar-wrap.franchise .app-header__utility-bar-location {
		line-height: 20px;
		margin: 10px 0px;
	}
  .foot-soc-sear .app-footer__search {
    width: 43%;
  }
  .app-footer__p2.franchise .foot-soc-sear .social li {
    margin-right: 1px;
  }
  .app-header__hero-content.franchise {
    min-height: 338px !important;
  }
  #sticky-inquire .inq-cont {
    max-height: 190px !important;
  }
  .app-header__hero-content.franchise .h1 span {
    font-size: 33px;
    margin-bottom: 5px;
    line-height: 35px;
  }
  .app-header__hero-content.franchise .h1 {
    font-size: 25px;
    line-height: 30px;
    bottom: 60px !important;
  }
  .app-header__navigation-wrapper.franchise .app-header__navigation {
    padding: 22px 0px;
  }
  .app-header__navigation-logo.franchise {
    max-width: 35%;
  }
  i.support-starts-play-icon {
    padding: 40px;
    top: 33%;
    left: 41%;
    background-size: 60px;
  }
  .footer-logos .flex-wrap {
    padding: 4px !important;
  }
  .footer-logos .flex-wrap {
    padding: 10px;
  }
  
}
@media(max-width: 480px){
	.visit-text { width:170px; }
	.state-location-ins-cont h2 {
		font-size: 15px;
	}
	.state-location-ins-cont p {
		font-size: 12px !important;
	}
	.ind-rise h3 {
		font-size: 2em;
	}
	.ind-rise h3 span{
		font-size: 25px;
	}
  .franchise-home-page .state-location {
    padding: 0px
  }
  .franchise-home-page .less-royalty {
    padding: 80px 0px 20px 0px;
  }
  .franchise-home-page .blugbg-fin,
  .franchise-home-page .support-starts,
  .franchise-home-page .be-there-community,
  .franchise-home-page .growing-minds-2,
  .franchise-home-page .growing-minds,
  .franchise-home-page .profit-diff {
    padding: 20px 0px;
  }
  .franchise-home-page .state-location-ins-cont {
    margin-top: 20px;
  }
  .bannerBottom-be-there h1. .bannerBottom h1, .bannerBottom-be-there h4, .bannerBottom h4, .growing-opportunity h4, .work-life-bal h4, .ind-rise h4 {
    font-size: 27px;
  }
  .app-header__navigation-wrapper.franchise.active .logo-2 {
    max-width: 120px;
  }
  .app-header__navigation-wrapper.active.franchise.fairfax .app-header__utility-bar-cta {
    right: unset;
  }
  .app-header__navigation-wrapper.active.franchise .app-header__utility-bar-cta {
    right: 28%;
    position: relative;
    padding: 5px;
    font-size: 14px;
  }
  i.support-starts-play-icon {
    padding: 40px;
    top: 35%;
    left: 41%;
    background-size: 70px;
  }
  .col-sm-8.sm-svg-map {
    max-width: 50%;
  }
  .svg_map_popup {
    position: absolute;
    margin-top: 0px;
    top: 0px;
    left: 0px;
    width: 120%;
  }
  .svg_map_popup h4 {
    text-align: left;
    border-bottom: 0px;
    padding: 6px 10px 2px 10px;
  }
  .svg_map_popup h4::after {
    content: "x";
    position: absolute;
    right: 6px;
    top: 4px;
    font-size: 22px;
  }
  .svg_map_popup .svg_map_popup_cont span.map_pop_head {
    font-size: 14px;
  }
  .svg_map_popup {
    /*max-width: 180px;*/
  }
  .svg_map_popup .svg_map_popup_cont ul li {
    font-size: 11px;
  }
  .app-header__navigation-wrapper.franchise.active #menu-franchise-header-main-menu {
    top: 63px;
  }
  .inl_link_pos,
  .ready-foot-form #footer-form {
    top: -95px;
  }
  .svg_map_popup .svg_map_popup_cont {
      max-height: 190px;
      overflow-y: scroll;
  }
  .efe .c-heading {
    position: absolute;
    top: 25px;
    left: 10px;
    color: #fff;
    text-shadow: 0px 0px 7px #777;
    font-size: 25px;
    font-weight: 500;
  }
  .efe .button-bott {
    position: absolute;
    top: 70px;
    left: 10px;
  }
  .efe .button-bott a {
    font-size: 15px;
  }
  .efe img {
    max-width: 200px;
  }
  .app-header__navigation-wrapper.active.fairfax .app-header__navigation-logo {
    width: 170px;
    margin: 0;
  }

}

@media(max-width: 650px){
	.visit-text { width:170px; }
}

@media(min-width: 575px) and (max-width: 767px){
  .app-header__utility-bar-content .app-header__utility-bar-phone,
  .app-header__utility-bar-content .app-header__utility-bar-location {
    font-size: 16px;
  }
}
@media(min-width: 480px) and (max-width: 767px){
  .app-header__navigation-wrapper.franchise.active #menu-franchise-header-main-menu {
    top: 82px;
  }
  .efe .c-heading {
    position: absolute;
    top: 50px;
    left: 40px;
    color: #fff;
    text-shadow: 0px 0px 7px #777;
    font-size: 30px;
    font-weight: 500;
  }
  .efe .button-bott {
    position: absolute;
    top: 100px;
    left: 40px;
  }
  .efe img {
    max-width: 300px;
  }
}
@media(min-width: 768px) and (max-width: 991px){
  .app-header__hero-content.franchise {
    min-height: 450px !important;
  }
  .support-starts {
    padding: 80px 0px;
  }
  .inl_link_pos,
  .ready-foot-form #footer-form {
    top: -95px;
  }
  #sticky-inquire .inq-cont {
    max-height: 285px;
  }
  .video-grid .video-block figure:hover::before {
    width: 70px;
    height: 70px;
    top: 22%;
    left: 32%;
  }
  .video-grid .video-block figure::before {
    left: 34%;
    top: 25%;
  }
}
@media(min-width: 650px) and (max-width: 990px){
	.visit-text { width:230px; }
}
@media(min-width: 1401px) and (max-width: 1600px){
  .app-header__hero-content.territory-page {
    min-height: 700px !important;
  }
}
@media(min-width: 1601px) and (max-width: 1800px){
  .app-header__hero-content.territory-page {
    min-height: 750px !important;
  }
}
@media(min-width: 1801px){
  .app-header__hero-content.territory-page {
    min-height: 820px !important;
  }
}

a.banner-white {
  color:white;
  background-color: #003a5d;
  padding: 0.4em 0.8em;
  transition: all 0.2s ease-in;
}
a.banner-white:hover {
  color:white;
  background-color: #b5be00;
  padding: 0.4em 0.8em;
  text-decoration: none;
}

p.slogan a {color:white;}
p.slogan a {text-decoration:none;}
p.slogan a:hover {color:white;}

/*starting the new styles when implementing support for webp images*/
header {
  border-bottom:15px solid #003a5d;
}
.app-header__hero picture img {
  max-width:100%;
}

/*this is temp styles to account for jpgs in picture element, as denoted by .crop */
.app-header__hero picture.crop {
  width:100%;
  /*height:600px; not until it gets 1200px*/
  overflow:hidden;
  display:block;
}
img.crop {
  /*height:600px;*/
  height:auto;
  width:100%;
  max-width:unset;
}
/* the slogan on top of hero image*/
p.slogan{
  font-size:1.6rem; 
  line-height:120%;
  padding-top:1rem;
  font-weight:500;
  color:#fff;
  position:absolute;
  /*bottom:5%;*/
  bottom: 10%;
  left: 5%;
  }
h1.richie-slogan{
  font-size:3.2vw; 
  line-height:120%;
  padding-top:1rem;
  font-weight:500;
  color:#fff;
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);

}
/*adjust logo size for mobile*/
.app-header__navigation-logo > a > img, .app-header__navigation-logo > img {
  max-width:100px;
}

.six-landing-main-slogan-s54 {
  font-size: 0.8em;
  line-height: 100%;
}

/*p.slogan br {display:none;}*/

@media(min-width: 480px){
  .app-header__navigation-logo > a > img, .app-header__navigation-logo > img {
    max-width:150px;
  }
  p.slogan{
    font-size:1.8rem;
    bottom: 15%;
    left: 8%;
  }
  p.slogan br {display:block;}
  .six-landing-main-slogan-s54 {
    font-size: 0.8em;
    line-height: 100%;
  }
}
@media(min-width: 600px){
  p.slogan{
    font-size:2rem;
  }
}
@media(min-width: 768px){
  .app-header__hero picture.crop {
    height:600px;
  }
  p.slogan {
    font-size: 2.4rem;
  }  
}
@media(min-width: 1200px){
  p.slogan {
    font-size:3rem;
    left:10%;
    }  
}
@media only screen and (min-width: 1500px) {
  .app-header__hero img {
      width:100%;
      height:auto;
    }
  p.slogan {
    font-size:3.6rem;
    left:15%;
  } 
}
@media only screen and (min-width: 2000px) {
  p.slogan {
    left:30%;
  }
}

.six-landing-alt-slogan-s54 {
  display: block;
  font-size: 45%;
  width: 70%;
  line-height: 120%;
  margin-top: 2em;
}

@media only screen and (min-width: 992px) {
  .six-landing-alt-slogan-s54 {
    margin-top: 3em;
  }
}

/* ################# SIX LANDINGS ################# */

#open-franchise .six-widgets,
#work-balance .six-widgets { 
  margin-top: 3em;
  margin-bottom: 3em;
}
#open-franchise .second-widget-area,
#work-balance .second-widget-area {
  padding-top: 2em;
  padding-bottom: 2em;
}

@media only screen and (min-width: 768px) {
  #open-franchise .second-widget-area,
  #work-balance .second-widget-area {
    padding-top: 0;
    padding-bottom: 0;
  }
}

#open-franchise .first-support-vid { position:relative; }
#open-franchise img { width:100%;}

/* video slogan START*/
#open-franchise .vid-slogan {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  margin-top:0;
}
#open-franchise .vid-slogan h2 {
  font-size: 1rem;
  font-weight: bold;
  color: white;
}
#open-franchise .vid-slogan p,
#open-franchise .vid-slogan a {
  line-height: 1.35em;
  font-weight: 500;
  color: white;
  font-size: 1rem;
}
#open-franchise .vid-slogan a {
  display: inline-block;
  margin-top: 1.6em;
}
#open-franchise i.arrow { padding: 3px; }
#open-franchise i.support-starts-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 60px;
  padding: 40px;
  z-index: 2;
}
@media only screen and (min-width: 480px){
  #open-franchise .vid-slogan{margin-top: 3%;}
  #open-franchise .vid-slogan h2 {
    font-size: 1.3rem;
    font-weight: 500;
  }
}
@media only screen and (min-width: 600px){#open-franchise .vid-slogan{margin-top: 5%;}}
@media only screen and (min-width: 768px){#open-franchise .vid-slogan{margin-top: 10%;}}
@media only screen and (min-width: 992px){#open-franchise .vid-slogan{margin-top: 3%;}}
@media only screen and (min-width: 1200px){#open-franchise .vid-slogan{margin-top: 10%;}}
/* video slogan END */

#open-franchise .first-right-panel,
#open-franchise .second-left-panel,
#open-franchise .third-right-panel{
  float: none;
  width: 100%;
}

#open-franchise .second-left-panel,
#open-franchise .third-right-panel{
  margin-bottom:2em;
}
#open-franchise .first-right-panel h2 {
  font-weight: bold;
  color: #b2bb03;
  margin-bottom: 5px;
  line-height: 120%;
  margin-bottom: 10px;
}
#open-franchise .first-right-panel h3 {
  color: #016898;
  font-size: 2rem;
  font-weight: 500;
}
#open-franchise .first-right-panel p.frandata {
  color: #016898;
  font-style: italic;
  font-weight: 500;
  font-size: 1.1rem;
  margin-bottom: 10px;
}
#open-franchise .third-right-panel p.fran-dis {
  color: #707271;
  font-size: 1rem;
}
#open-franchise.franchise-wrap.franchise-six-landings .second-widget-area.fran-blue h3 {
  color: #003a5d;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 120%;
}
#open-franchise.franchise-wrap.franchise-six-landings .second-widget-area.fran-blue p,
#open-franchise.franchise-wrap.franchise-six-landings .second-widget-area.fran-blue ul li
{
  color: #016898;
  font-size: 1.1rem;
  line-height: 120%;
}

#open-franchise .first-right-panel p.fran-dis {
  color: #016898;
  font-size: 1rem;
  font-weight: 500;
}
#open-franchise .third-right-panel p {
  color: #016898;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 1.5em;
  line-height: 120%;
}
#open-franchise .third-right-panel hr {
  display:none;  
}

.third-right-panel.multiunit-panel h3 {
  font-weight:500;
  font-size:2.1rem;
}

@media only screen and (min-width: 768px){
  #open-franchise .third-right-panel p {
    font-size: 2.0em;
  }
}

@media only screen and (min-width: 992px){
  #open-franchise .first-right-panel,
  #open-franchise .third-right-panel {
    float:right;
    width:48%;
  }
  #open-franchise .second-left-panel {
    float:left;
    width:48%;
  }
  #open-franchise .third-right-panel hr {
    display:block;
    height: 2px;
    border-width: 0;
    color: #b2bb03;
    background-color: #b2bb03;  
  }

  #open-franchise .first-right-panel.multiunit-panel,
  #open-franchise .third-right-panel.multiunit-panel {
    float:right;
    width:43%;
  }
  #open-franchise .second-left-panel.multiunit-panel {
    float:left;
    width:53%;
  }

}

#open-franchise .second-widget-area h3,
#open-franchise .second-widget-area ul {color:#016898;font-weight:bold;}

#open-franchise .bor-active,
#work-balance .bor-active {
  border-top: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
  border-left: 0;
  border-right: 0;
}
#open-franchise .bor-first,
#work-balance .bor-first {
  padding-top:0;
}

@media(min-width: 768px){
  #open-franchise .bor-active,
  #work-balance .bor-active {
    border-top: 0;
    border-bottom: 0;
    border-left: 2px solid #ededed;
    border-right: 2px solid #ededed;
  }
}

#open-franchise ul {
  padding-left: 1em;
  font-weight: 500;
}
#open-franchise ul li {     
  font-weight: 500;
  font-size: 1.1rem;
}

span.black-gradient { display:none;}
@media(min-width: 480px){
  span.black-gradient {
    display:block;
    height:40px;
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
  }
}

#open-franchise-form.ready-foot-form h2{
  font-size: 1.8em;
  font-weight: 500;
}
@media (min-width: 768px){ 
  #open-franchise-form.ready-foot-form h2{ font-size: 2.7em; }
}


sub.s-sub {
  font-size: 0.9rem;
  bottom: 0;
  font-style: italic;
}

#open-franchise .second-widget-area.six-dis p {
  font-weight: 300;
  font-size: 1.1rem;
  color: #016898;
}
#open-franchise .second-widget-area.six-dis{ padding-top:0; }
@media (min-width: 768px){ 
  #open-franchise .second-widget-area.six-dis{ padding-top:2em; }
}

/* essential business, opportunity, childcare remians, zoom calls banner */
/*
.six-landing-main-slogan { font-size: 1em; line-height: 125%; display: block; }
@media (min-width: 600px){ .six-landing-main-slogan { font-size: 1.3em; } }



.six-landing-main-slogan-s55 { font-size: 1em; line-height: 125%; display: block; width: 90%; }
@media (min-width: 480px){ .six-landing-main-slogan-s55 { font-size: 0.8em; } }
@media (min-width: 768px){ .six-landing-main-slogan-s55 { font-size: 1.2em; width: 80%;} }
@media (min-width: 1200px){ .six-landing-main-slogan-s55 { font-size: 1.3em; width: 65%;} }
@media (min-width: 1500px){ .six-landing-main-slogan-s55 { width: 50%;} }


.six-landing-main-slogan-s54 { font-size: 0.8em; line-height: 125%; display: block; }
@media (min-width: 600px){ .six-landing-main-slogan-s54 { font-size: 1em; width: 90%;} }
@media (min-width: 768px){ .six-landing-main-slogan-s54 { font-size: 1.3em; width: 80%;} }


.six-landing-alt-slogan-s54 { display: block; font-size: 0.8rem; line-height: 125%; margin-top: 2rem; }
@media (min-width: 600px){ .six-landing-alt-slogan-s54 { margin-top: 2rem; font-size: 1.1rem;width: 90%;} }
@media (min-width: 768px){ .six-landing-alt-slogan-s54 { margin-top: 2rem; width: 80%;} }
@media (min-width: 992px){ .six-landing-alt-slogan-s54 { margin-top: 4rem; width: 70%;} }
*/

.blog-featured img {
  height:250px;
  width:auto;
  max-width:100%;
  margin-bottom:2rem;
}

/*richie page css */

.p-blue {color: #003a5d}
.richie-head-single {
  position:relative;
  height: 250px;
  background-color: #026898;
}
.richie-slogan-single {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:90%;
}
.richie-head-single h1 {
  text-align:center;
  color:white;
  font-size: 1.6em;
}
.richie-head-single img {
  max-width: 250px;
  margin: 0 auto;
  display: block;
}

@media (min-width: 600px){
  .richie-head-single {
    height: 350px;
  }
  .richie-head-single h1 {
    text-align:center;
    color:white;
    font-size: 3.4vw;
  }
  .richie-head-single img {
    width: 40%;
    max-width: 350px;
  }
}

/* insuire today */
.richie-container{
  width: 75%;
  margin: 0 auto;
}
section.connect-richie li a {
  background-color: #b5be00;
  margin: 0px auto;
  padding: 0px 6px;
  width: 30px;
  height: 30px;
}
section.connect-richie p {
color: #003a5d;
  font-weight: 500;
float:left;
}
section.connect-richie p {
color: #003a5d;
font-weight: 500;
margin: 0;
float:left;
}
section.connect-richie .footer-social {
float:right;
}
h2.the-title {
font-weight: 500;
font-size:2.25rem;
}
.spaceout { margin: 4em 0;}
.f-spaceout {margin: 3em 0 6em;}
@media (min-width: 600px){.f-spaceout {margin: 4em 0 6em;}}

.bgbl-alternative {background-color: #003B5D;color:white;padding: 3em 0;}
.bgbl-alternative h2 {color:white; font-weight: 500;font-size:2.25rem;}
.bglb-alternative {background-color: #003a5d;color:white;}
.bggr-alternative {background-color: #eaeaea;padding: 3em 0;}
.bglb-alternative p {
  color: white;
  font-size: 2em;
  font-weight: 500;
  letter-spacing: 0;
margin: 0;
}
.bglb-alternative a {
display: inline-block;
  color: white;
  font-size: 1.1em;
  background-color: #b5be00;
  font-weight: 500;
  padding: 5px 20px;
  border-radius: 25px;
  margin: 0;
}

.width-75-100 {width:100%;}
@media (min-width: 600px){.width-75-100 {width:75%;}}

.richie-conversation {float:left;}
.richie-forward {float:right;font-weight: 500;
  text-decoration: underline;
  font-size: 1.4rem;
  line-height: 1.35em;
  margin: 0 0 0.4em 0;
  position: relative;
  bottom: -12px;}
.richie-clear {clear:both;}

/* flex grid for richie */
.richie-flexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: auto;
}
.richie-flexbox > article {
  box-sizing: border-box;
  margin: 15px 15px 0 0;
  width: 100%;
}
.richie-flexbox::after {content: '';flex: auto;}
.richie-flexbox > article {margin-top:1em; margin-right:0;}
.richie-flexbox p {
  font-size: 1.2rem;
  line-height: 140%;
}

@media (min-width: 600px){
  .richie-flexbox > article {margin-top:1em; margin-right:15px;}
  .richie-flexbox > article {width: calc(1/2*100% - (1 - 1/2)*15px);}
  .richie-flexbox > article:nth-child(2n) { margin-right: 0; }
  .richie-flexbox > article:nth-child(4n) { margin-right: 0; }
  .richie-flexbox > article:nth-child(-n+2) {margin-top: 0;}
  .richie-flexbox > article:nth-child(-n+4) {margin-top: 0;}
}
@media (min-width: 1024px){
  .richie-flexbox > article {margin-top:1em; margin-right:15px;}
  .richie-flexbox > article {width: calc(1/4*100% - (1 - 1/4)*15px);}
  .richie-flexbox > article:nth-child(2n) { margin-right: 15px; }
  .richie-flexbox > article:nth-child(4n) { margin-right: 0; }
  .richie-flexbox > article:nth-child(-n+2) {margin-top: 15px;}
  .richie-flexbox > article:nth-child(-n+4) {margin-top: 0;}
}

a.richie-a {
  display:block;
  width:100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
p.richie-p {
  border-bottom: 1px solid #dddddd;
  font-size: 1rem;
  font-weight: 500;
  margin: 1em 0 0.5em;
}
h2.richie-h2 {
  font-weight: 500;
  font-size: 1.8rem;
}
.richie-blog-head {
  text-decoration:underline;
  margin-bottom:10px;
}

.richie-back {font-size: 2em;
  font-weight: 500;display:block;margin-bottom:15px;}
.richie-ep {line-height: 140%;
  margin-bottom: 1em; }

/*the essential template*/
/* ----------------  Richie has iphone 11, 375 x 812 -------------------*/
.greenheading {
  font-weight:bold;
  color:#b2bb03;
  text-align:center;
  display:none;
}
p.undervideo1 {
  font-size:1.25rem;
  font-weight:bold;
  line-height:1.3;
  border-bottom:3px solid #b2bb03;
  margin:1em 0 0 0;
  padding:0 0 .5em 0;
}
.fran-essen-open h2{width:100%;margin: 0 auto 1rem;font-weight:bold;
  color:#b2bb03;}
.fran-essen-open p {color: #016898;}
/*hold the thing together*/
.page-template-template-franchise-essential .second-left-panel,
.page-template-template-franchise-workbalance .second-left-panel{
  /*max-width:400px;*/
  margin:0 auto;
}
.page-template-template-franchise-essential .vid-slogan h2,
.page-template-template-franchise-workbalance .vid-slogan h2 {
  font-size:large;
}
.page-template-template-franchise-essential .vid-slogan p,
.page-template-template-franchise-workbalance .vid-slogan p {
font-size:medium;
}
.page-template-template-franchise-essential #open-franchise .vid-slogan,
.page-template-template-franchise-workbalance #open-franchise .vid-slogan {
  top:2%;
}
.page-template-template-franchise-essential #open-franchise .vid-slogan a,
.page-template-template-franchise-workbalance #open-franchise .vid-slogan a{
  font-size:1.2em;
  margin-top:0;
}
.page-template-template-franchise-essential #open-franchise i.support-starts-play-icon,
.page-template-template-franchise-workbalance #open-franchise i.support-starts-play-icon{
  top:25%;
  left:55%; /*good grief, hard to fit. Richie has an iphone 11, FYI*/
}

/*to offset the form away from utility bar when anchor scrolls to it in the essentials template*/
a#footer-form.formoffset{
position:relative;
/* mobile: top:-125px;*/
top:-100px;
}
.franessentialform {
  background-color: #003b5d;
  padding: 10px;
}

@media (min-width: 400px){
  .page-template-template-franchise-essential #open-franchise i.support-starts-play-icon,
  .page-template-template-franchise-workbalance #open-franchise i.support-starts-play-icon {
    top:30%;
  }
}
@media (min-width: 768px){
  .page-template-template-franchise-essential .second-left-panel,
  .page-template-template-franchise-workbalance .second-left-panel {
    max-width:500px;
  }
  .page-template-template-franchise-essential #open-franchise i.support-starts-play-icon,
  .page-template-template-franchise-workbalance #open-franchise i.support-starts-play-icon {
    left:50%;
  }
  p.undervideo1 {
    font-size:2rem;
  }
  .franessentialform {
    top:0;
    position: relative;
    margin: 0 auto;
    max-width:500px;
  }
  
}

/*the essential template, move video onto hero*/
@media (min-width: 992px){
  /*hide normal hero slogan so richie video ontop of hero image instead*/
  .page-template-template-franchise-essential p.slogan,
  .page-template-template-franchise-workbalance p.slogan {
    display:none;
  }
  .page-template-template-franchise-essential .second-left-panel,
  .page-template-template-franchise-workbalance .second-left-panel {
    position:absolute;
    top:175px;
  }
  .undervideo1 {
    color:#ffffff;
  }
  p.undervideo1 {
    max-width:90%;
  }
  .greenheading {
    display:block;
  }
  

  .container.formfrandevessential {
    position:absolute;
    top:175px;
    margin-left:600px;
  }
  .franessentialform {
    top:175px;
    position: absolute;
    margin-left: 620px;
  }
  .fran-essen-open h2{
    width:80%;
    margin-bottom: 3rem;
  }
}
  
  @media (min-width: 1200px){
    .container.formfrandevessential {
    margin-left:750px;
    }
    .page-template-template-franchise-essential .second-left-panel,
    .page-template-template-franchise-workbalance .second-left-panel
     {
      top:200px;
    }
    .container.formfrandevessential {
      top:200px;
    }
    .franessentialform {
      top: 200px;
      margin-left: 800px;
    }
  }

  @media (min-width: 1300px){
    .page-template-template-franchise-essential .second-left-panel,
    .page-template-template-franchise-workbalance .second-left-panel {
      max-width:600px;
    }
    .container.formfrandevessential {
    margin-left:800px;
    }
    .franessentialform {
      margin-left: 800px;
    }
  }
  @media (min-width: 1800px){
    .page-template-template-franchise-essential .second-left-panel, .container .formfrandevessential,
    .page-template-template-franchise-workbalance .second-left-panel, .container .formfrandevessential {
      top:250px;
    }
    .franessentialform {
      top: 250px;
      margin-left: 800px;
    }
  }

  /*copied styles from header-seasonal to make globablly available */
  .video-container{
    display:block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  .video-container > video{
    width:100%;
  }

  span.seasonal{
    position: absolute;
    bottom: 3%;
    right: 25px;
    font-size:1rem;
    text-shadow: 2px 2px 2px #00000070;
  }
  br.seasonal { display:none;}
  .app-header__navigation-logo {width:40%;}
  video.seasonal {display:none;}
  img.seasonal { display:block;width:100%;}
  @media screen and (min-width: 600px){
    span.seasonal{
      position: absolute;
      bottom: 10%;
      right: 5%;
      font-size:2rem;
      text-shadow: none;
    }
    br.seasonal { display:block;}
    .app-header__navigation-logo {width:200px;}
    video.seasonal {display:block;}
    img.seasonal { display:block;width:100%;}
  }
/* essential template, remove navigations*/
.page-template-template-franchise-essential .app-header__navigation-menu.franchise, 
.page-template-template-franchise-essential .app-header__navigation-menu-toggle-holder,
.page-template-template-franchise-essential .app-footer__menu.franchise,
.page-template-template-franchise-essential .app-footer__p2.franchise,
.page-template-template-franchise-workbalance .app-header__navigation-menu.franchise,
.page-template-template-franchise-workbalance .app-header__navigation-menu-toggle-holder,
.page-template-template-franchise-workbalance .app-footer__menu.franchise,
.page-template-template-franchise-workbalance .app-footer__p2.franchise
{display:none;}
/*and now... you have to remove navigations from the essential's thank-you page too. added a body class to the page:*/
.thankyouessential .second-left-panel,
.thankyouessential .container.formfrandevessential 
{position:initial;}
.page-template-template-franchise-essential.thankyouessential p.slogan,
.page-template-template-franchise-workbalance.thankyouessential p.slogan
{display:block;}

.thankyouessential p.undervideo1
{color:#212529;} 

.thankyouessential p.undervideo1, .thankyouessential p.undervideo2 
{color:#212529;} 

/* corp ladder */

span.cl-banner {display:block;}
span.cl-b1 {margin-bottom:10px;}
span.cl-b2 {font-size:1.1rem;line-height:120%;}
span.cl-b3 {font-size:1.1rem;font-weight:400;font-style:italic;margin-bottom: 0;}

@media screen and (min-width: 481px){
  span.cl-b1 { font-size: 1.6rem; line-height: 120%;}
  span.cl-b2 {font-size:1.1rem;line-height: 120%;}
  span.cl-b3 {font-size:1rem;margin-bottom: -50px;}
}
@media screen and (min-width: 768px){
  span.cl-b1 {font-size: 2.4rem;line-height: 120%;}
  span.cl-b2 {font-size:1.3rem;line-height: 120%;}
  span.cl-b3 {font-size:1.1rem;margin-bottom: -50px;}
}

@media screen and (min-width: 992px){
  span.cl-b1 {font-size: 3rem;line-height: 120%;}
  span.cl-b2 {font-size:1.3rem;line-height: 140%;}
  span.cl-b3 {font-size:1.2rem;margin-bottom: 0;}
}


.corp-land-widgets {
  font-size: 0;
  width: 100%;
  padding: 0;
  display: flex;
  flex-flow: column;
}
.corp-ladder-vid, .corp-ladder-form{
  display: block;
  width: 100%;
  position: relative;
}
.corp-ladder-vid{
  order:2;
  width: 100%;
  margin: 0 auto;
  padding: 30px;
}
.corp-ladder-form{order:1;}
.corp-ladder-form-inner {
  background-color: #016898;
  position: relative;
  width: 100%;
  padding: 15px;
  margin: 0;
}
.stretch-a {padding:0;}

@media screen and (min-width: 480px){
  .stretch-a {
    padding-right: 15px;
    padding-left: 15px;
  }
  .corp-land-widgets {
    font-size: 0;
    width: 100%;
    padding: 0;
    display: flex;
    flex-flow: column;
  }
  .corp-ladder-vid, .corp-ladder-form{
    display: block;
    width: 100%;
    position: relative;
  }
  .corp-ladder-vid {
    order: 2;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .corp-ladder-form{order:1;}
  .corp-ladder-form-inner {
    background-color: #016898;
    position: relative;
    width: 100%;
    padding: 30px;
    margin: 40px 0 60px;
  }
}
@media screen and (min-width: 768px){
  .corp-ladder-vid { width:66%;}
}
@media screen and (min-width: 1025px){
  .corp-land-widgets {
    font-size: 0;
    width: 100%;
    padding: 4rem 0 2rem;
    display: block;
  }
  .corp-ladder-vid, .corp-ladder-form{
    display: inline-block;
    width: 50%;
    vertical-align: bottom;
    position: relative;
  }
  .corp-ladder-vid{
    margin: 0;
  }
  .corp-ladder-form-inner {
    background-color: #016898;
    position: absolute;
    bottom: 0;
    right:0;
    width: 90%;
    padding: 40px 15px;
    margin: 0; 
    z-index:999; 
  }
.container.stretch-a {
  margin-top:65px;
}


}

.corp-ladder-form-inner h2,
.corp-ladder-form-inner h3,
.corp-ladder-form-inner p,
.corp-ladder-form-inner ul,
.corp-ladder-form-inner li
{
  color:white;
  font-weight:500;
}
.corp-ladder-form-inner p.corp-ladder-dis {
  display:inline-block;
  font-size: 1rem;
  font-weight: 400;
  margin: 30px 0 0 0;
  line-height: 100%;
  }
  .corp-ladder-form-inner p.corp-ladder-dis a {
    color:white;
  font-weight:400;
  text-decoration: underline;
    }

.corp-ladder-forminput {
  display: block;
  float: left;
  width: 100%;
  padding: 30px 15px;
}
.corp-ladder-topics {
  display: block;
  float: right;
  width: 100%;
  padding: 30px 15px;
  border-left: none;
  border-top: 1px solid white;
  text-align:center;
  font-size:1.1rem;
}
.corp-ladder-topics p {
  font-size:1.1rem;
}
p.line {
  border-top:1px solid #81b4cc;
  padding-top:1rem;
}


@media screen and (min-width: 480px){
  .corp-ladder-forminput {
    display: block;
    float: left;
    width: 60%;
    padding: 0 15px;
  }
  .corp-ladder-topics {
    display: block;
    float: right;
    width: 40%;
    padding: 0 15px;
    border-left: 1px solid white;
    border-top: none;
  }
}

h2.corp-ladder-join {
  font-weight: bold;
  width: 95%;
  margin: 0 auto 3rem;
}
#open-franchise .second-widget-area.fran-corp h3, h3.innovating {
  color: #003a5d;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 120%;
  margin-bottom: 10px;
}
#open-franchise .second-widget-area.fran-corp p,
#open-franchise .second-widget-area.fran-corp ul li
{
  color: #003a5d;
  font-size: 1.1rem;
  line-height: 120%;
  font-weight:500;
}

#open-franchise .fran-corp-blue {color: #003a5d;font-size:1.1rem;}
.second-widget-space {   margin-top: 4rem;}


@media screen and (min-width: 1201px){
.container.stretch-a {
  margin-top:125px;
}

}

@media screen and (min-width: 1500px){
  .container.stretch-a {
    margin-top:40px;
  }
}
@media screen and (min-width: 1800px){
  .container.stretch-a {
    margin-top:-50px;
  }
}

.page-template-template-franchise-corp-ladder-communityletter #menu-franchise-header-main-menu{
  display:none;
}
h3.innovating {
  text-align:center;
  font-size:xx-large;
  padding-top:4rem;
}

.more-link {
  padding:10px;
}

/******************************************************************!
* News Release Info Block
*******************************************************************/
.block-news {
  padding-bottom: 6rem;
}
.news_block_info {
  background-color:white;
  display: block;
  /* padding: 10px 15px; */
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
}

.news_block_info h3 {
  color:#003a5d;
  font-weight:500;
  padding: 0px 10px;
  font-size: 22px;
  line-height: 24px;
}


.news_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
  margin:10px;
}

.info-card {
  border: 1px solid #003a5d;
  padding:0px;
  margin:10px;
  margin: 8px;
}
@media (min-width: 992px) {
  .block-news .info-card {
    flex: 0 0 31.2%;
  }
}

.info-card-header {
  border: 1px solid #003a5d;
  background-color: white;
  padding: 4px 20px;
  width: fit-content;
  margin: 15px auto;
  z-index: 10;
  position: relative;
  font-weight: 500;
}

.headred-line {
  border-top: 1px solid #003a5d;
  position: relative;
  top: -42px;
  margin: 0px 10% 0px 10%;
}

.intro-text {
  margin: 10px 15% 40px 15%;
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-bottom:40px;
}

.block-button {
  width: 135px;
  padding: 4px 0px;
  border-radius: 20px;
  margin: 15px auto;
  border: 0px;
  color: white;
  background-color: #003a5d;
  font-weight: 500;
   cursor: inherit;
}

/******************************************************************!
* MEDIA KIT Info Block
*******************************************************************/
.block-media {
  padding: 4rem 0;
  background-image: url(images/celb/banner-blue-honeycomb.jpg);
  background-color: #050a1e;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-bottom: 30px;
  background-size: contain;
  background-position: right;
}
.media_block_info {
  display: block;
  padding: 10px 15px;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  
}

.media_block_info h3 {
  color:white;
  font-weight:500;
  font-size: 22px;
  line-height: 24px;
}


.media_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
  color:white;
}

.media-info-card {
  padding: 10px 20px;
  margin:10px;
  background-color: #016898;
  color:white;
}
@media (min-width: 992px) {
  .block-media .media-info-card {
    flex: 0 0 22%;
  }
}

.media-info-card-header {
  border: 1px solid white;
  color:white;
  background-color: #050d22;
  padding: 4px 40px;
  width: fit-content;
  margin: 15px auto;
  z-index: 10;
  position: relative;
  font-weight: 500;
}

.media-headred-line {
  border-top: 1px solid white;
  position: relative;
  top: -42px;
  margin: 0px 10% 0px 10%;
}

.media-intro-text {
  margin: 10px 25% 40px 25%;
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-bottom:40px;
  color:white;
}

.media-bg {
  /* background-image: url("images/celb/banner-blue-honeycomb.jpg");
  background-color: #050a1e;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-bottom: 30px;
  background-size: contain;
  background-position: right; */
}

@media (min-width: 992px) {
  .media-bg .row {
    margin-left: 35px;
  }
}

@media (min-width: 576px) {
  .media-info-card {
    max-width:96%;
  }
}

.media-intro-text a {
  color: white;
  text-decoration: underline;
}

.media-block-button {
  width: 135px;
  padding: 4px 0px;
  border-radius: 20px;
  margin: 0px auto;
  border: 0px;
  color: white;
  background-color: #016898;
  font-weight: 500;
  position: relative;
  left: -25px;
  cursor: inherit;
}

#media-kit-button {
  margin: 0px auto;
 
}

/******************************************************************!
* Experts Release Info Block
*******************************************************************/
.block-experts {
  padding: 4rem 0;
}
.experts_block_info {
  background-color:white;
  display: block;
  padding: 10px 15px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
}

.experts_block_info h3 {
  color:#003a5d;
  font-weight:500;
  font-size: 22px;
  line-height: 24px;
}


.experts_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
}

.experts-info-card {
  border: 1px solid #003a5d;
  padding:0px;
  margin:10px !important;
  background-color: white;
}
@media (min-width: 1200px) {
  .block-experts .experts-info-card {
    flex: 0 0 29%;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .block-experts .experts-info-card {
    flex: 0 0 24%;
  }
}

@media (max-width: 899px) {
  .splide__list{
    width: 700px !important;
  }
}

.experts-info-card-header {
  border: 1px solid #003a5d;
  background-color: white;
  padding: 4px 20px;
  width: fit-content;
  margin: 15px auto;
  z-index: 10;
  position: relative;
  font-weight: 500;
}

.headred-line {
  border-top: 1px solid #003a5d;
  position: relative;
  top: -42px;
  margin: 0px 10% 0px 10%;
}

.experts-intro-text {
  margin: 10px 15% 40px 15%;
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-bottom:40px;
}

.expert-dnld-pdf {
  margin-top:15px;
  text-align: right;
  padding:5px;
  color:#016898;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 50%;
} 


/******************************************************************!
* Community Info Block
*******************************************************************/
.block-community {
  padding: 4rem 0;
  background-color: #016898;
}
.community_block_info {
  background-color:white;
  display: block;
  padding: 10px 15px;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
}

.community_block_info h3 {
  color:#003a5d;
  font-weight:500;
  font-size: 22px;
  line-height: 24px;
}


.community_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
}

.community-info-card {
  border: 1px solid white;
  padding:0px;
  margin: 15px;
  background-color: white;
}
@media (min-width: 992px) {
  .block-community .community-info-card {
    flex: 0 0 29%;
  }
}

.community-info-card-header {
  border: 1px solid white;
  background-color: #016898;
  padding: 4px 20px;
  width: fit-content;
  margin: 15px auto;
  z-index: 10;
  position: relative;
  font-weight: 500;
  color:white;
}

.community-headred-line {
  border-top: 1px solid white;
  position: relative;
  top: -42px;
  margin: 0px 10% 0px 10%;
}

.community-intro-text {
  margin: 10px 15% 40px 15%;
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-bottom:40px;
  color:white;
}

.community-bg {
  background-color: #016898;
  padding-top: 30px;
  padding-bottom: 70px;
}

.community-row {
  margin-left: 45px;
  margin-right: 75px;
}

@media (min-width: 992px) {
  .community-row {
    margin-right: 0px;
  }
}

.community_block_info a {
 padding:0px;
}


/******************************************************************!
* News Release Info Block
*******************************************************************/
.block-social {
  padding: 4rem 0;
}
.social_block_info {
  background-color:white;
  display: block;
  padding: 10px 15px;
  width: 100%;
  margin-top: 20px;
}

.social_block_info h3 {
  color:#003a5d;
  font-weight:500;
}


.social_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
}

.social-info-card {
  margin:10px;
  margin: 0px auto;
  max-width: 315px;
}
@media (min-width: 992px) {
  .block-social .social-info-card {
    flex: 0 0 100%; 
  }
}

.social-info-card-header {
  border: 1px solid #003a5d;
  background-color: white;
  padding: 4px 20px;
  width: fit-content;
  margin: 15px auto;
  z-index: 10;
  position: relative;
  font-weight: 500;
}

.social-headred-line {
  border-top: 1px solid #003a5d;
  position: relative;
  top: -42px;
  margin: 0px 10% 0px 10%;
}

.social-intro-text {
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-top:40px;
}

.mc-social {
  margin: 5px !important;
}
.mc-social li {
  padding:4px;
}

.mc-social li a {
  background-color: #b5be00 !important;
}



/*hero slogan text for franchise blog*/
@media (min-width:481px) {
  .page-template-template-media-center-blog p.slogan {
    line-height:initial;
    bottom:35%;
    left:5%;
  }
  .page-template-template-media-center-blog p.slogan a, .page-template-template-media-center-blog p.slogan {
    color:#003a5d;
  }
  .page-template-template-media-center-blog p.slogan a span, .page-template-template-media-center-blog p.slogan span {
    font-size:medium;
    display:inline-block;
    line-height:normal;
  }
}
@media (min-width:1200px) {
  .page-template-template-media-center-blog p.slogan {
    font-size:5rem;
  }
  .page-template-template-media-center-blog p.slogan a span, .page-template-template-media-center-blog p.slogan span {
    font-size:2rem;
  }
}
/*I see whats happening... the image changes at 1201 which changes the height of hero*/
@media (min-width:1201px) {
  .page-template-template-media-center-blog p.slogan {
    bottom:25%;
  }
}
@media (min-width:1500px) {
  .page-template-template-media-center-blog p.slogan {
    bottom:25%;
    left:15%;
  }
}
@media (min-width:1900px) {
  .page-template-template-media-center-blog p.slogan {
    bottom:35%;
    left:22%;
  }
}

/******************************************************************!
* MEDIA KIT LANDING PAGE Info Block
*******************************************************************/

.media-back-link {
  font-weight: 500;
  padding: 20px 60px;
}
.block-media-landing {
  padding-bottom: 4rem;
  position: relative;
  top: -170px;
}
.media-landing_block_info {
  display: block;
  padding: 20px 15px;
  width: 100%;
  color:white;
}

.media-landing_block_info h3 {
  color:white;
  font-weight:500;
  font-size: 1.2rem;
}


.media-landing_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
}

.media-landing-info-card {
  padding:0px;
  margin:10px;
  background-color: #016898;
  color:white;
  padding: 10px 20px;
}
@media (min-width: 992px) {
  .block-media-landing .media-landing-info-card {
    flex: 0 0 22%;
  }
}

.media-landing-info-card-header {
  border: 1px solid #050d22;
  color:#050d22;
  background-color: #eee;
  padding: 4px 40px;
  width: fit-content;
  margin: 15px auto;
  z-index: 10;
  position: relative;
  font-weight: 500;
}

.media-landing-headred-line {
  border-top: 1px solid #050d22;
  position: relative;
  top: -42px;
  margin: 0px 10% 0px 10%;
}

.media-landing-intro-text {
  margin: 10px 25% 40px 25%;
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-bottom:40px;
  color: #050d22;
}

.media-landing-bg {
  padding-top: 30px;
  padding-bottom: 100px;
  background-size: contain;
  background-position: right;
  background-color: #eee;
}

@media (min-width: 992px) {
  .media-landing-bg .row {
    margin-left: 35px;
  }
}

@media (min-width: 576px) {
  .media-landing-info-card {
    max-width:96%;
  }
}

.media-landing-intro-text a {
  color: #050d22;
  text-decoration: underline;
}

/******************************************************************!
* Background Materials Info Block
*******************************************************************/
.block-materials {
  padding-bottom: 4rem;
}
.materials_block_info {
  background-color:white;
  display: block;
  padding: 10px 15px;
  width: 100%;
  margin-top: 20px;
}

.materials_block_info h3 {
  color:#003a5d;
  font-weight:500;
  line-height: 24px;
  font-size: 22px;
}


.materials_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
}

.materials-info-card {
  border: 1px solid #003a5d;
  padding:0px;
  margin:10px !important;
  background-color: white;
}
@media (min-width: 1200px) {
  .block-materials .materials-info-card {
    flex: 0 0 29%;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .block-materials .materials-info-card {
    flex: 0 0 24%;
  }
}

@media (max-width: 899px) {
  .splide__list{
    width: 700px !important;
  }
}

.materials-info-card-header {
  background-color: white;
  padding: 4px 20px;
  width: fit-content;
  z-index: 10;
  position: relative;
  font-weight: 500;
  /* text-decoration: underline; */
}

.materials-intro-text {
  margin: 10px 25% 40px 20px;
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-bottom:40px;
}

.materials-dnld-pdf {
  text-align: right;
  padding:5px;
  color:#016898;
  font-weight: 500;
}

/******************************************************************!
* Timeline Info Block
*******************************************************************/
.block-timeline {
  padding-bottom: 4rem;
}
.timeline_block_info {
  background-color:white;
  display: block;
  padding: 10px 15px;
  width: 100%;
  margin-top: 20px;
}

.timeline_block_info h3 {
  color:#003a5d;
  font-weight:500;
}


.timeline_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
}

.timeline-info-card {
  border: 1px solid #003a5d;
  padding:0px;
  margin:10px !important;
  background-color: white;
}
@media (min-width: 1200px) {
  .block-timeline .timeline-info-card {
    flex: 0 0 29%;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .block-timeline .timeline-info-card {
    flex: 0 0 24%;
  }
}

@media (max-width: 899px) {
  .splide__list{
    width: 700px !important;
  }
}

.timeline-info-card-header {
  background-color: white;
  padding: 4px 20px;
  width: fit-content;
  z-index: 10;
  position: relative;
  font-weight: 500;
  /* text-decoration: underline; */
}

.timeline-intro-text {
  margin: 10px 25% 40px 20px;
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-bottom:40px;
}

.timeline-dnld-pdf {
  text-align: right;
  padding:5px;
  color:#016898;
  font-weight: 500;
}

/******************************************************************!
* Newsletters Info Block
*******************************************************************/
.block-newsletters {
  padding-bottom: 4rem;
}
.newsletters_block_info {
  background-color:white;
  display: block;
  padding: 10px 15px;
  width: 100%;
  margin-top: 20px;
}

.newsletters_block_info h3 {
  color:#003a5d;
  font-weight:500;
  line-height: 24px;
  font-size: 22px;
}


.newsletters_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
}

.newsletters_block_info ul {
  letter-spacing: normal;
  line-height: normal;
  font-size: 1em;
}

.newsletters-info-card {
  border: 1px solid #003a5d;
  padding:0px;
  margin:10px !important;
  background-color: white;
}
@media (min-width: 1200px) {
  .block-newsletters .newsletters-info-card {
    flex: 0 0 29%;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .block-newsletters .newsletters-info-card {
    flex: 0 0 24%;
  }
}

@media (max-width: 899px) {
  .splide__list{
    width: 700px !important;
  }
}

.newsletters-info-card-header {
  background-color: white;
  padding: 4px 20px;
  width: fit-content;
  z-index: 10;
  position: relative;
  font-weight: 500;
  /* text-decoration: underline; */
}

.newsletters-intro-text {
  margin: 10px 25% 40px 20px;
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-bottom:40px;
}

.newsletters-dnld-pdf {
  text-align: right;
  padding:5px;
  color:#016898;
  font-weight: 500;
  bottom: 0;
  right: 0;
  position: absolute;
}

/******************************************************************!
* Photos and Videos Info Block
*******************************************************************/
.block-photovid {
  padding-bottom: 4rem;
}
.photovid_block_info {
  background-color:white;
  display: block;
  padding: 10px 15px;
  width: 100%;
  margin-top: 20px;
}

.photovid_block_info h3 {
  color:#003a5d;
  font-weight:500;
}


.photovid_block_info p {
  letter-spacing: normal;
  line-height: normal;
  font-size: 18px;
}

.photovid-info-card {
  border: 1px solid #003a5d;
  padding:0px;
  margin:10px !important;
  background-color: white;
}
@media (min-width: 1200px) {
  .block-photovid .photovid-info-card {
    flex: 0 0 29%;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .block-photovid .photovid-info-card {
    flex: 0 0 24%;
  }
}

@media (max-width: 899px) {
  .splide__list{
    width: 700px !important;
  }
}

.photovid-info-card-header {
  background-color: white;
  padding: 4px 20px;
  width: fit-content;
  z-index: 10;
  position: relative;
  font-weight: 500;
  /* text-decoration: underline; */
}

.photovid-intro-text {
  margin: 10px 25% 40px 20px;
  letter-spacing: normal;
  line-height: normal;
  font-size: 1.1em;
  font-weight:500;
  margin-bottom:40px;
}

.photovid-dnld-pdf {
  text-align: right;
  padding:5px;
  color:#016898;
  font-weight: 500;
}

.splide__pagination {
  display:none !important;
}

@media (min-width: 481px) {p.slogan span {max-width:55%;} }

/******************************************************************!
* Media Center footer
*******************************************************************/

.page-template-template-media-center-blog .app-footer__p1.franchise {
  background-color:#003a5d;
}
.page-template-template-media-center-blog .app-footer__p2.franchise {
background-color:#01263d;
}
.page-template-template-media-center-blog .app-footer__p2.franchise .footer-social .social {
  display:none;
}
.page-template-template-media-center-blog .ready-foot-form {
  background-color:#016898;
}
.page-template-template-media-center-blog .ready-foot-form h2, .page-template-template-media-center-blog .ready-foot-form h3 {
  margin:0;
  color:#ffffff;
}
.page-template-template-media-center-blog .ready-foot-form p {
  font-size:x-large;
}
.page-template-template-media-center-blog .ready-foot-form p a {
  color:#b5be00;
  font-weight:900;
}

/******************************************************/

.page-template-template-media-center-media-kit .app-footer__p1.franchise {
  background-color:#003a5d;
}
.page-template-template-media-center-media-kit .app-footer__p2.franchise {
background-color:#01263d;
}
.page-template-template-media-center-media-kit .app-footer__p2.franchise .footer-social .social {
  display:none;
}
.page-template-template-media-center-media-kit .ready-foot-form {
  background-color:#016898;
}
.page-template-template-media-center-media-kit .ready-foot-form h2, .page-template-template-media-center-media-kit .ready-foot-form h3 {
  margin:0;
  color:#ffffff;
}
.page-template-template-media-center-media-kit .ready-foot-form p {
  font-size:x-large;
}
.page-template-template-media-center-media-kit .ready-foot-form p a {
  color:#b5be00;
  font-weight:900;
}

/***********************************************************/

.mc-cat-foot .app-footer__p1.franchise {
  background-color:#003a5d;
}
.mc-cat-foot .app-footer__p2.franchise {
background-color:#01263d;
}
.mc-cat-foot .app-footer__p2.franchise .footer-social .social {
  display:none;
}
.mc-cat-foot .ready-foot-form {
  background-color:#016898;
}
.mc-cat-foot .ready-foot-form h2, .mc-cat-foot .ready-foot-form h3 {
  margin:0;
  color:#ffffff;
}
.mc-cat-foot .ready-foot-form p {
  font-size:x-large;
}
.mc-cat-foot .ready-foot-form p a {
  color:#b5be00;
  font-weight:900;
}



/******************************************************************!
* Media Center categories
*******************************************************************/

.mediacenter-cat-header {
  width: 100%;
}

.cat-social-copy {
  margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%);
    padding-left: 10px;
    font-weight: 500;
    color: #003a5d;
    font-size:18px;
}

.cat-social-right .mc-social li a{
  font-size: xx-small;
  padding: 5px 5px;
  width: 30px;
  height: 30px;
}

.cat-social-right .mc-social {
  float:right;
}

.cat-social{
  background-color: #eee !important;
  margin-top: 60px;
}


.cat-pagi-row .paginate-links .page-numbers{
  padding: 20px;
  font-weight:500;
}
.cat-pagi-row .paginate-links{ 
  margin-top: 20px;
}

.newsroom-header{
  letter-spacing: normal;
}



















/**** New Work Balance ****/
/* MOBILE */

#app.workbalance-franchise .workblance-overlay {
  background-color: rgba(1,104,152,0.8);
}

#app.workbalance-franchise img.workblance-logo{
  max-height: 67px;
  margin: 20px;
}
#app.workbalance-franchise a.workbalance-phone {
  display: block;
  font-size: 24px;
  color: white;
  padding: 14px 0;
}
#app.workbalance-franchise button.far-button {
  font-size: 24px;
  font-weight: 500;
  background-color: rgba(1,104,152,1);
  border: none;
  color: white;
  cursor: pointer;
  padding: 4px;
  margin: 0 auto 1em;
  width: 80%;
}

#app.workbalance-franchise .app-header__utility-bar-content span.switch-workbalance{
  color:white;
  font-weight: bold;
}

#app.workbalance-franchise .wb-left-panel h1 {
  line-height: 120%;
  font-size: 2.4em;
  color:white;
  padding-top:2em;
}
#app.workbalance-franchise .wb-left-panel {
  color:white;
}
#app.workbalance-franchise .wb-left-panel ul {
  font-weight:500;
  list-style-image: url(/wp-content/uploads/2021/03/arrow-workbalance.png);
}

#app.workbalance-franchise hr.under-line {border: 2px solid #b2bb03;}

#app.workbalance-franchise h2 {font-size: 2.5rem;line-height: 120%;text-align:right;}
#app.workbalance-franchise span.greenhead {color: #b2bb03;font-weight:700;}
#app.workbalance-franchise span.normalhead { color: #003b5d;font-weight:700;}

#app.workbalance-franchise .right-business-panel p {
  color: #003b5d;
  font-size: 1.8rem;
  line-height: 120%;
  margin-bottom: 10px;
  font-weight: 500;
}

#app.workbalance-franchise .second-widget-area,
#app.workbalance-franchise .second-widget-area h3{
  color: #016898;
}
#app.workbalance-franchise .second-widget-area ul.bottom-ul {
  padding:0;
  font-size: 1.2rem;
}
#app.workbalance-franchise .second-widget-area ul.bottom-ul li {
  list-style: none;
}
#app.workbalance-franchise .workblanace-testimonial{
  background-color: rgba(1,104,152,1);
  padding: 4em 0 3em;
}


#app.workbalance-franchise .workblanace-testimonial p {
  color: white;
  font-size: 1.0rem;
  font-weight: 500;
}
#app.workbalance-franchise .workblanace-testimonial p span{
  font-size: 2.0rem;
}
#app.workbalance-franchise .workblanace-testimonial p.workbalance-owner {
  color:rgb(178, 187, 3);
  margin-bottom:0;
}

#app.workbalance-franchise img.workblance-img1 {display:block;margin: 0 auto 2em;}

/**/
#app.workbalance-franchise .work-banner{
  height: auto;
  background-image: url(/wp-content/uploads/2021/03/sharing-pie-work-balance.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
#app.workbalance-franchise .section-logo{
  float:none;
  text-align:center;
  width:100%;
}
#app.workbalance-franchise .section-button{
  text-align: center;
  width:100%;
}

#app.workbalance-franchise .menu-logo {display:block;float:none;width:100%;}
#app.workbalance-franchise .menu-title {float:none;width:0%;display:none;}
#app.workbalance-franchise .menu-phone {display:block;float: none;width: 100%;text-align: center;}

#app.workbalance-franchise h2.expand-brand {
  font-weight: bold;
  color: #b2bb03;
  text-align: center;
  font-size: 2.2rem;
  width: 100%;
  margin: 0 auto;
}

#app.workbalance-franchise .workbalance-form {
  display: block;
  background-color: #003b5d;
  padding: 20px;
  max-width: none;
  margin:20px;
}
#app.workbalance-franchise .slogan-adjust {
  max-width:none;
  padding: 2em;
}
#app.workbalance-franchise .left-business-panel {border-right: 0px solid #ededed;}

#app.workbalance-franchise .franchise-wrap {
  padding: 40px 0 40px;
}
.hideonmobile {display:none;}

.workblanace-testimonial img {display:block; margin: 0 auto;}

#app.workbalance-franchise .franchise-wrap {
  padding: 80px 0 80px;
}

#app.workbalance-franchise .six-widgets, #work-balance .six-widgets{
  margin-bottom: 0;
}

#app.workbalance-franchise .franchise-three-col{
  padding:40px 0;
}
#app.workbalance-franchise .second-widget-area h2 {
  float: none;
  width: 100%;
  padding-bottom: 0;
  text-align: center;
}

/* DESKTOP*/
@media (min-width: 601px) {
  #app.workbalance-franchise .upper-padding {padding-top: 6em;}
  #app.workbalance-franchise .wb-left-panel h1 {
    padding-top:0;
  }

  #app.workbalance-franchise .section-logo{
    float:left;
    text-align:left;
    width:60%;
  }
  #app.workbalance-franchise .section-button{
    text-align: right;
    width:auto;
  }
  #app.workbalance-franchise .menu-logo {display:inline-block;float:none;width:50%;}
  #app.workbalance-franchise .menu-title {float:none;width:0%;display:none;}
  #app.workbalance-franchise .menu-phone {display:inline-block;float: none;width: 50%;text-align: right;}

  #app.workbalance-franchise img.workblance-logo{
    display:inline-block;
    max-width:166px;
    padding: 14px 0;
    margin:0;
  }
  #app.workbalance-franchise button.far-button {
    width:100%;
    margin: 0;
  }

  #app.workbalance-franchise h2 {font-size: 2.5rem;line-height: 120%;}

  #app.workbalance-franchise span.switch-workbalance{
    display:inline-block;
    font-size: 24px;
    color:white;
    font-weight:500;
    padding: 14px 0;
    text-align: center;
  }
  #app.workbalance-franchise a.workbalance-phone{
    display:inline-block;
    font-size: 24px;
    color:white;
    padding: 14px 0;
    margin: 0;
    width: auto;
  }
  #app.workbalance-franchise button.far-button{
    font-size: 24px;
    font-weight:500;
    background-color: rgba(1,104,152,1);
    border: none;
    color: white;
    cursor: pointer;
    padding: 16px;
  }
  
  /**/

  #app.workbalance-franchise .text-adjust {text-align:right;padding:0;}
  
  #app.workbalance-franchise .slogan-adjust {
    max-width:none;
    padding: 0;
  }

  /**/
  #app.workbalance-franchise ul.two-column-ul li {padding-bottom: 20px;}

  #app.workbalance-franchise h2.expand-brand {
    width: 70%;
  }

  /**/

  #app.workbalance-franchise .workblanace-testimonial img {
    float:left;
    width:35%;
    margin-right:2em;
  }
  .workblanace-testimonial img {display:inline-block; margin: 0;}
}

@media (min-width: 768px){
  #app.workbalance-franchise .workblance-overlay {
    background-color: transparent;
  }
  #app.workbalance-franchise .work-banner{
    height: 643px;
    background-position: left center;
    background-size: cover;
  }
  #app.workbalance-franchise .workbalance-form {
    display:inline-block;
    margin: 0;
  }
  #app.workbalance-franchise .left-business-panel {border-right: 2px solid #ededed;}
  .hideonmobile {display:block;}
  #app.workbalance-franchise .second-widget-area h2 {
    float: left;
    width: 70%;
    padding-bottom:40px;
    text-align: left;
  }
  #app.workbalance-franchise img.workblance-img1 {display:block;float:right;width: 30%;padding: 0 20px;}
  #app.workbalance-franchise ul.two-column-ul {
    display:block;
    float:left;
    width: 70%;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    font-weight: 500;
  }
  #app.workbalance-franchise .franchise-wrap {
    padding: 80px 0 40px;
  }
}

@media (min-width: 993px){
  #app.workbalance-franchise .section-logo{
    float:left;
    text-align:left;
    width:80%;
  }
  #app.workbalance-franchise .menu-logo {float:left;width:25%;}
  #app.workbalance-franchise .menu-title {float:left;width:50%;display:block;}
  #app.workbalance-franchise .menu-phone {float: right;width: 25%;text-align: right;}
  #app.workbalance-franchise span.switch-workbalance{
    display:block;
    text-align: center;
  }
  #app.workbalance-franchise a.workbalance-phone{
    display:block;
  }
  #app.workbalance-franchise button.far-button{
    display:block;
  }


  #app.workbalance-franchise .slogan-adjust {
    max-width:370px;
  }
  #app.workbalance-franchise .workbalance-form {
    max-width: 320px;
  }
  /**/

}
/**** New Work Balance (END) ****/

/**** New Franchising ****/
a.fran-blue,
a.fran-green{
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
  border-radius: 20px;
  padding: 5px 25px;
  color: #fff;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a.fran-blue {
  background-color: #016898;
  border: 1px solid #016898;
}
a.fran-blue:hover {background-color: #b4bd00;}
a.fran-green{
  background: #b4bd00;
  border: 1px solid #b4bd00;
}
a.fran-green:hover {background-color: #016898;}
#start-child-care h2,
  #growing-minds h2,
  #focus-success h2,
  #essential-industry h2,
  #location-available h2,
  #fran-form-main h2{
    font-size: 2.25rem;
    line-height: 1.34em;
  }

  #start-child-care h3,
  #growing-minds h3,
  #focus-success h3,
  #essential-industry h3,
  #location-available h3 {
    font-size: 1.75rem;
    line-height: 1.34em;
  }
.mobile-padding-t {padding: 3em 0 6em;}
.widget-padding-4 {padding: 4em 0;}
.widget-padding-6 {padding: 6em 0;}
.widget-padding-60 {padding: 6em 0 0;}
.img-fluids {width:100%;height:auto;margin-bottom:1em;}
.img-place-mobil {text-align:center;}
.btn-outline-secondary:hover {color:white !important;}

#start-child-care h2 {font-weight:bold;}
#growing-minds {color:white;text-align:center;background-color: rgb(0 0 0 / 55%);background-blend-mode: multiply;padding: 6em 0;}
#growing-minds h2,
#growing-minds h3 {color:white;font-weight:bold;}
#growing-minds h2 {width: 100%;margin: 0 auto 1.4em;}

#focus-success {text-align:center;}
#focus-success h2,
#focus-success h3 {font-weight:bold;}
#focus-success h2 {margin-bottom: 1.4em;}
#focus-success h3 {font-size: 1.6rem;}

#essential-industry {
  /*background: url(/wp-content/uploads/2019/06/middle-blue-bg.jpg) no-repeat center center;
  background-size: cover;
  color: white;*/
  text-align: center;
}
#essential-industry h2,
#essential-industry h3 {font-weight:bold;}

#location-available h2 {font-weight: bold; text-align: center;}

@media (min-width: 768px){
  .mobile-padding-t {padding-top:6em;}
  #growing-minds h2 {width: 50%;margin: 0 auto 1.4em;}
  .img-place-mobil {text-align:left;}
}




.media-category-info-card {
  max-width: unset;
}

@media screen and (min-width: 768px){
  .media-category-info-card {
    max-width: 47%;
  }
}

@media (min-width: 992px){
  .media-category-info-card {
    max-width: 31.5%;
  }
}



.frandev-slogan{
  top: 20%;
  left: 12%;
  font-size: 2.0rem;
  line-height: 1.1;
  text-shadow: none;
  position: absolute;
  text-align: left;
  font-weight: 500;
}
.mol {display:block;}
@media (min-width: 600px){
  .frandev-slogan{
    top: 50%;
    left: 12%;
    font-size: 2.6rem;
    line-height: 1.2;
    text-shadow: none;
    position: absolute;
    text-align: left;
    font-weight: 500;
  }
  .mol {display:none;}
}

.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.chartbox {width:100%;}
.car, .skills ul {
  text-align: center;
  width: 100%;
  font-size: 0;
}
.chart.easyPieChart {
  margin: 0 auto;
}
.car li, .skills ul li {
  display: inline-block;
  list-style: none;
  background: transparent !important;
  width: 100%;
  padding: 0;
  margin: 0;
  vertical-align:top;
}

.vertical-page .chartbox {width:100%;margin: 20px 0 !important}
@media (min-width: 600px){
  .car li, .skills ul li {width: 50%;}
}

@media (min-width: 768px){
  .car li, .skills ul li {width: 50%;}
}

@media (min-width: 992px){
  .car li, .skills ul li {width: 25%;}
}





/**** animated number on franchising ****/
.fs-0 {font-size:0px;}
.panel-numbers {
  display:inline-block;
  width:100%;
  vertical-align:top;
  padding: 20px;
}
@media (min-width: 600px){
  .panel-numbers {width:50%;padding: 20px;}
}
@media (min-width: 1024px){
  .panel-numbers {width:25%;padding: 20px;}
}
#counters_1 div,
#counters_2 div,
#counters_3 div,
#counters_4 div {
  display:inline-block;
  font-size: 4rem;
  line-height: 100%;
  font-weight:bold;
  color: #b2bd33;
}

#counters_1 p,
#counters_2 p,
#counters_3 p,
#counters_4 p {
  color: #003a5d;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 0;
}

#counters_1,
#counters_2,
#counters_3,
#counters_4
{
  animation: grow-animation 1.35s 1;
}

@keyframes grow-animation {
  0% { transform: scale(.8); }
  100% {transform: scale(1); }
}

p.bottom-num-figure {font-size:1rem;}

/**** New Franchising (END) ****/

.img-fluid {
  width: 100%;
}

/**** New Work Balance (END) ****/

/* iframe (virtual tour) is bigger than the bootstrap container. no!*/
iframe {
  max-width:100%;
}
 /* franchising home whitepapers section */
 .whitepapers-icon {
  width:80%;
}
#focus-success h2 {
margin-bottom: 0.4em;
font-size: 2.5em;
}
#focus-success {
margin-bottom: 80px;
}
.col-half-offset{
    margin-left:4.166666667%
}
.btn-center {
  position: absolute;
  margin-left: -70px;
  left: 50%;
  width: 140px;
  bottom: -40px;
}
.whitepapers-btn {
  background:white;
  border-color: #003a5d;
  color: #003a5d; 
  -webkit-transition:background 1s;
  -moz-transition:background 1s;
  -o-transition:background 1s;
  transition:background 1s
}

.whitepapers-btn:hover {
  background:#003a5d;
  color:white;
  
}
.whitepapers-btn a:hover {
  color:white;
  text-decoration:none;
}
  @media only screen and (min-width:768px) {
    .paper-p-margin {
      margin: 0px 70px 35px 70px;
    }
    .col-half-offset{
        margin-top: 0px !important;
    }
  }
  @media only screen and (max-width:992px) {
    .whitepapers-h5{
      font-size:small;
      font-weight: 800;
    }
  }
  @media only screen and (max-width:768px) {
    .whitepapers-h5{
      font-size: x-large;
    }
    .btn-center {
      bottom: unset;
    }
    .col-half-offset{
        margin-top: 50px;
    }
  }
   /* END franchising home whitepapers section */




    /* CSS supplied by VWO for "Inquire Now" popup form window  */
   *{
    -webkit-tap-highlight-color: #fff;
    -webkit-tap-highlight-color: transparent;
  }
  .celebreeBanner3262V1.no-scroll{
    overflow: hidden;
  }
  .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan h3 {
    font-size: 35px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 500;
  }
  .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan h4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 500;
  }
  .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan {
    max-width: 50%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 6%;
    margin-top: 30px;
  }
  .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan span.btnContainer {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
  }
  .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan span.btnContainer a.enquiryNow {
    background: #B4BD00;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    padding: 10px 50px;
    text-align: center;
    text-shadow: none;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  } 
  .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan span.btnContainer a.enquiryNow:hover {
    background: #7F8C00;
    color: #fff;
  }
  .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan p {  
    margin-bottom: 30px;
  }
  .celebreeBanner3262V1 .popupOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    cursor: pointer;
    display: none;
  }
  .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
    overflow-y: auto;
  }
  .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper a.closeInquirePopup {
    float: right;
    margin-top: 20px;
    display: none;
  }
  .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper a.closeInquirePopup img {
    width: 18px;
    height: 18px;
  }
  .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper {
    max-height: 90vh;
    padding: 0 15px;
  }
  .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper h3.popupHeading {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: 500;  
    float: left;
    display: none;
  }
  .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper a.closeInquirePopup,
  .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper h3.popupHeading {
    display: block;
  }
  .celebreeBanner3262V1 .formPopupWrapper {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 90%;
    max-width: 640px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 10000;
    padding: 5px 5px 35px 5px;
    background: #003B5D; 
    display: none;
  }
  .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper > div.vwoVideoPlayer {
    width: 50%;
    display: inline-block;
    float: left;
    vertical-align: top;
    padding: 50px 0 0 0;
    clear: both;
  }
  .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper > div.formDiv {
    width: 50% !important;
    display: inline-block !important;
    clear: none;
    float: right;
    padding-left: 15px !important;
  }
  @media only screen and (min-width: 1041px){
    .celebreeBanner3262V1 .formPopupWrapper{
      max-width: 1000px;
      padding: 5px 5px 30px 10px;
    }
    .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper > div.vwoVideoPlayer {
      width: 40% !important;
    }
    .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper > div.vwoVideoPlayer video {
      width: 100% !important;
      min-height: 220px;
    }
    .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper > div.formDiv  {
      width: 60% !important;
    }
    .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper>div.formDiv iframe {
      min-height: 520px !important;
      max-height: 520px !important;
    }
  }
  @media only screen and (max-width: 1040px){
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan h3 {
      font-size: 30px;
      margin-bottom: 25px;
    }
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan h4 {
      font-size: 20px;
      color: #fff;
      margin-bottom: 30px;
      font-weight: 500;
    }
    .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper>div.formDiv iframe {
      height: 800px !important;
      max-height: 800px !important;
    }
  }
  @media only screen and (max-width: 992px){
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan {
      max-width: 100%;
    }
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan h3 {
      font-size: 16px;
      margin-bottom: 5px;
    }
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan h4 {
      font-size: 13px;
      color: #fff;
      margin-bottom: 10px;
      font-weight: 500;
    }
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan p{
      margin-bottom: 15px;
    }
  } 
  @media only screen and (max-width: 767px) {
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan {
      margin-top: 20px;
      padding-right: 10px;
    }
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan p {
      font-size: 1rem;
      margin-bottom: 15px;
    }
  }
  @media (max-width: 640px) {
    .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper > div.vwoVideoPlayer {
      width: 100%;
      margin-top: 20px;
      padding: 0 !important;
    }
    .celebreeBanner3262V1 .formPopupWrapper .qiigoforms-wrapper > div.formDiv {
      width: 100% !important;
      padding-left: 0px !important;
    }
    .celebreeBanner3262V1 .formPopupWrapper {
      max-width: 330px;
    }
  }
  @media only screen and (max-width: 360px) {
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan h3 {
      font-size: 20px;
      line-height: 25px;
      margin-bottom: 12px;
    }
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan h4 {
      font-size: 15px;
      color: #fff;
      margin-bottom: 30px;
      font-weight: 500;
    }
    .celebreeBanner3262V1 p.fade-in.text-white.frandev-slogan p {
      line-height: 20px;
      margin-bottom: 12px;
    }
  }