@media (max-width: 767px) {
.jumbotron {height:auto;}
}
/*----ADA---*/
body {
    color: #737373;}
.offscreen-skip-nav {
   display: inline-block;
     
    padding: 0;
    color: #fff;
    text-align: center;
    background-color: #8ac643;
    outline: 0;}
 .skippy-text { 
    display:inline-block;
     padding:0.3em 0.6em; 
     color:#fff; 
     background:#0097D3;
     font-size:1.6rem;   }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}/*--focus--*/
:focus {
       
        box-shadow: none;
}
/*---text--*/
article p,
.policy-contents ul {
    color: #737373;}
article.support-center-content  h4 {color:#666;}
body.en-us.faqs .kumon-accordion-list article p,
body.en-us.growth .low-costs .col-sm-4 > div p {
    color: #4a4a4a;}
    
body.en-us.growth .low-costs .col-sm-4 > div a    {
    color:#0079A8;}
privacy .contents.default h1,
.privacy article.default h1,
.privacy article.default h2 {
color: #666;
margin:2.6em auto;
}
.privacy article.default h2 {
color: #666;
margin:1.2em auto;
}
body.en-us.sitemap article h2 {
    color: 
#f05a72;}
body.newsroom ul.newsList li time {
    color: #1B98D2;
}
body.newsroom div.contact-item h3 {
    border-bottom: solid 1px #d1d2d4;
    font: 16px/23px "Futura Bold", Arial, Helvetica, sans-serif;
    color:#f05a72;
    text-align: left;}
    body.newsroom article h3.tab-header {
    color: #333;
    font-size: 18px;
    margin-top: 0;
}
body.newsroom a.readmore:hover, 
body.newsroom a.readmore:active, 
body.newsroom a.readmore:link, 
body.newsroom a.readmore:visited 
body.newsroom a.readmore:focus {
    color: #337ab7;
}
body.newsroom ul.newsList li a {
    color: #337ab7!important;
}
.getstarted.en-us .card-holder .card h3 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 25px;
    text-align: left;}
.en-us.getstarted .card-holder .card.lime h3 {
      color: #87c45e; }
    .en-us.getstarted .card-holder .card.lightblue h3 {
      color: #7dcdf4; }
    .en-us.getstarted .card-holder .card.blue h3 {
      color: #00acd4; }
    .en-us.getstarted .card-holder .card.salmon h3 {
      color: #f25970; }
    .en-us.getstarted .card-holder .card.orange h3 {
      color: #f7941d; }
    .en-us.getstarted .card-holder .card.royal h3 {
      color: #57b5de; }
    .en-us.getstarted .card-holder .card.violet h3 {
      color: #ca57a0; }
/*--focus---*/
a:focus {
    outline: 2px dotted;
    outline-offset: 2px;
}
.btn.btn-blue:hover {
    background-color:#007DAF;
    border-color: #00668F;}
.btn.btn-blue:focus {
outline-offset:2px;
    outline:2px dotted #00668F; 
}
.sr-only-focusable:active, 
.sr-only-focusable:focus {
    position: fixed;
    top:0;
   left:0;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

     
footer.cta .btn.btn-default:focus {
    outline-offset:2px;
    outline:2px dotted #fff; 
}
.faqs .btn-photo:focus {    
    outline-offset:2px;
    outline:2px dotted #fff; 
    text-align:left;
   }  
.kumon-accordion-list .panel .panel-heading a:focus {
     outline:2px dotted #B9428D; 
    outline-offset:2px;
}
body.en-us.getstarted .card-holder .card .card-button .btn:focus {
  outline-offset:2px;
    outline:2px dotted #00668F; 
    background:#fff;
}
  /*------------
jumbotron h2 h1
-----------------*/   
  
 .jumbotron .h2.jumbotron__header,
 .jumbotron h1.jumbotron__header {
    font-family: "Futura ExtraBold";
    -webkit-font-smoothing: antialiased;
    color: #6dcff6;
    margin: 20px 0 10px;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 22px;
}
.availability.en-us .jumbotron h1.jumbotron__header {
color:#fff;
}
body.en-us.newsroom h1,
body.ca.newsroom h1 {text-align:center;}
 .en-us.faq .jumbotron h1.jumbotron__header,
.en-us.hearowners .jumbotron h1.jumbotron__header
  {margin-bottom:0;
 }
.en-us.faq .jumbotron h1.jumbotron__header,
.en-us.getstarted .jumbotron h1.jumbotron__header,
.en-us.hearowners .jumbotron h1.jumbotron__header, 
.en-us.works .jumbotron h1.jumbotron__header,
.en-us.investments .jumbotron h1.jumbotron__header {color:#fff;}
.en-us.faq .jumbotron h2.jumbotron__header_sub,

.en-us.hearowners h2.jumbotron__header_sub {margin-top:0;}
.en-us.faq .jumbotron h2.jumbotron__header_sub > span 
/*,.investments .jumbotron h2 > span, 
.getstarted .jumbotron h2 > span */{
    display: block;
    margin: 10px 0;
    font-size: 14px;
}
.en-us.growth .jumbotron h1.jumbotron__header {
    color: #ffffff;
    font-size: 36px;
    line-height: 1;
}
.en-us.growth .jumbotron h1.jumbotron__header > span {
    font-size: 22px;
    display: inline-block;
     color: #ffffff;
}
.en-us.growth .color-block .container h3 {
    font-size: 24px;
}
.en-us.getstarted .jumbotron h1.jumbotron__header {
    margin-top: 160px;
    padding: 0;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 0;
    }
    
/*-----contacts------*/
body.contact .contact-item h3,
body.contact .call.contact-header h2,
body.contact .call.contact-header h2 span {color: #666;}
body.contact .call.contact-header {text-align:center;color: #666;}
/*-----investment------*/
.en-us.investments .jumbotron h1.jumbotron__header {
    margin-top: 160px;
    padding-left: 0;
    padding-right: 0;
}
.en-us.investments .jumbotron h1 .small-heading {
    display: block;
    overflow: hidden;
    margin-top: 0;
    font-size: 16px;
    line-height: 18px;
    }
.en-us.investments .jumbotron h1 .large-heading {
      margin-top: 25px;
      font-size: 30px;
      line-height: 32px;
      padding-left: 0;
      padding-right: 0; }  
 .en-us.investments .jumbotron h1 .small-heading:before, 
 .en-us.investments .jumbotron h1 .small-heading:after {
        font-size: 14px;
        line-height: 1;
        white-space: nowrap;
        position: relative;
        content: "...................." "...................." "...................."; }
.en-us.investments .jumbotron h1 .small-heading:before {
        display: none; }
.en-us.investments .jumbotron h1 .small-heading:after {
        margin-top: 10px;
        display: block; }
        
        
@media (min-width: 768px) {
    .jumbotron  .h2.jumbotron__header,
    .jumbotron h1.jumbotron__header {
        margin-top: 150px;
        font-size: 36px;
        line-height: 1;
        padding: 0 25px;
        color:white;
        line-height: .9;
        margin-bottom: 15px; }
    .h2.jumbotron span {
        font-size: 36px; }
    .en-us.faq .jumbotron h2.jumbotron__header_sub > span,
    .en-us.hearowners .jumbotron h2.jumbotron__header_sub >span {
        font-size: 24px;}
    .en-us.growth .jumbotron h1.jumbotron__header > span {
        font-size: 21px;}
    .en-us.getstarted .jumbotron h1.jumbotron__header {
        margin-top: 200px;
    }
}
@media (min-width: 992px) {    
    body.en-us .jumbotron .h2.jumbotron__header,
   body.en-us  .jumbotron h1.jumbotron__header {
        margin-top: 245px;
        font-size: 36px;
        line-height: 1;
        padding: 0 100px;
    }
   /*body.en-us.faq .jumbotron h1.jumbotron__header,
   body.en-us.hearowners .jumbotron h1.jumbotron__header {
        margin-top: 245px;
        font-size: 36px;}
  body.en-us.growth .jumbotron h1.jumbotron__header {      
        margin-top: 245px;
        font-size: 54px;
    padding: 0;
  }     
 /*  body.en-us.growth .jumbotron h1.jumbotron__header > span {
     font-size: 29px;}*/
   .en-us.getstarted .jumbotron h1.jumbotron__header {
        margin-top: 235px;
        font-size: 50px;
        line-height: 50px;
    }
    body.en-us  .jumbotron h1.jumbotron__header  {
    padding: 0 25px;}
     .en-us.investments .jumbotron h1 .large-heading {
          margin-top: 0;
          font-size: 50px;
          line-height: 50px; } 
     .en-us.investments .jumbotron h1 .small-heading {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 25px;
    }
      .en-us.investments .jumbotron h1 .small-heading::before {
    display: inline-block;
    padding-right: 30px;
}
  .en-us.investments .jumbotron h1 .small-heading:after {
    display: inline-block;
    padding-left: 30px;
    margin-top: 0;
    }
    .en-us.investments .jumbotron h1 .small-heading::before, 
    .en-us.investments .jumbotron h1 .small-heading::after {
    bottom: 8px;
    content: "...................." "....................";
}
  
    .investments .jumbotron h1 .small-heading:before {
            display: inline-block;
            padding-right: 30px; }
}
@media (min-width: 1200px) {
.en-us.investments .jumbotron h1 .small-heading {
    font-size: 25px;
    line-height: 25px;}
.en-us.investments .jumbotron h1 .small-heading:before, .en-us.investments .jumbotron h1 .small-heading:after {
            content: "...................." "...................." "...................."; }
}
/*footer link focus*/
 
 body.en-us.home footer.site-footer .nav a:active, 
 body.en-us.home footer.site-footer .nav a:hover {
 background: none;
color:#417D12;
 }
 body.en-us.home footer.site-footer .nav a:hover {
 text-decoration:underline;
 }
footer.site-footer.site-footer--alt .nav a, 
footer.site-footer.site-footer--alt .nav a:visited {
    color: #4a4a4a;
}
.bottom-nav .navbar-nav li a:focus,
body.en-us footer.site-footer .btn-default.btn:focus,
body.fr-ca footer.site-footer .btn-default.btn:focus,
body.en-ca footer.site-footer .btn-default.btn:focus {
        outline: dotted 2px #0A4F90;
        outline-offset: 2px; }
footer.site-footer.site-footer--alt .nav a:hover,
footer.site-footer.site-footer--alt .nav a:focus {
         background:transparent;
         color:#00a7f1; }
         body.en-us footer.site-footer .btn-block.btn-default.btn:hover {
 color:#6dcff6;
}
body.en-us footer.site-footer.site-footer--alt .btn-block.btn-default.btn:hover,
body.en-us.home footer.site-footer .btn-block.btn-default.btn:hover {
 color:#ffffff;
}
 @media (min-width: 768px) {
    footer.site-footer.site-footer--alt .nav a:hover {
         color:#417D12; 
         background:transparent;
         text-decoration:underline;}
    footer.site-footer.site-footer--alt .nav a:focus {
         color:#4a4a4a;
         outline: 2px dotted #0A4F90;}
    }
  /* header*/ 
  body.en-us .site-header .translation-dropdown a#language-dropdown:focus { 
    outline: 2px dotted #4a4a4a;
    outline-offset: 2px;}
 
 /* primary nav color*/  

 body.en-us .site-header .header-nav .navbar-nav a:hover, 
 body.en-us .site-header .header-nav .navbar-nav a:active { 
    background:transparent;
    color:#4B8408;}
 body.en-us .site-header .header-nav .navbar-nav a:link.active, 
 body.en-us .site-header .header-nav .navbar-nav a:visited.active  {
    color:#4B8408;} 
 body.en-us .site-header .header-nav .navbar-nav a:focus { 
    background:transparent;
    outline-offset:0;
}
/*by page*/
/*------------
index
---------------*/  
    div#msm-wrap .chosen-single > span,
    article.icon-top.find-a-franchise .btn.btn-state-loc,
    article.icon-top.find-a-franchise .btn.btn-state-loc:visited,
    article.icon-top.faqs-home .faq-ans p {
    color: #666;
    }
    article.icon-top.find-a-franchise .list-panel table th {
    
    color: #333;}
    article.icon-top.find-a-franchise .btn.btn-state-loc:focus {
    outline:2px dotted;
    outline-color: #666;
    outline-offset:2px;
    }
    body.home.en-us article.icon-top.what-sets-apart .btn:focus 
    {
        outline-offset: 2px;
    background: #fff;
    outline: 2px dotted #fff;}
   
   /* change us-en 11/5/20 */
@media (min-width: 1200px) {
  article.icon-top.find-a-franchise .list-panel {
    width: 1100px;
    margin: 0 auto; } }

@media (min-width: 992px) {
  article.icon-top.find-a-franchise .list-panel > div:first-child {
    padding-left: 0;
    padding-right: 0; } }
 /* end change 11/5/20 */   
/*------------
get-stareted
---------------*/
.en-us.getstarted .card-holder .card.lightblue h3 {
    color:#459BC5;  }
.en-us.getstarted .card-holder .card.blue h3    
    {color:#009DC1} 
    /*------------
contact us
---------------*/
.support-center-content {
    padding:2em 0 3.5em;  }
.support-center-content .contact-item    
    {margin-top: 3.2em;}   
/*------------
fees
---------------*/
.Expense-text--title,
.Expense-text--title-cost {color:#6DA130;}
.Expense-link_text a,
.Tab-link .link,
.Triptych-bottom--link .link {color:#737373;}
.Expense-link_text a:hover,
.Tab-link .link:hover,
.Triptych-bottom--link .link:hover {color:#333;}