body {
  padding-bottom: 0px;
  color: #5a5a5a;
  font-size:13px;
  padding-top:0px;
}

a {
 color: #849F91;
}

a:hover {
 color: #000000;
}

p, h1, h2, h3, h4, h5, a {
  font-family: 'Montserrat', sans-serif;
}
.w400 {
  font-weight: 400;
}
.w500 {
  font-weight: 500;
}
.w600 {
  font-weight: 600;
}
.w700 {
  font-weight: 700;
}
.w800 {
  font-weight: 800;
}

.btn-success {
 background:#638500;
 color: #efefef;
}


blockquote {
 padding:10px 20px;
 margin:0 0 20px;
 font-size:17.5px;
 border-left:5px solid #849F91;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* .navbar-header {
 float: none;
} */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

#navbar_sub {
  background-color: #849F91;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: 100%;
}

.login-logout {
  background-color: #849F91;
  margin-top: 3px !important;
}

.navbar-primary {
        border-top:none !important;
        margin-bottom:0;
        margin-top: 0px;

}


.navbar-primary li a{
        font-size:24px;
        padding-left:10px;
        padding-right:10px;
}

.navbar-primary .dropdown-menu a {
        font-size: 14px;
}

.navbar-primary li a:hover {
 color: #000 !important;
}

/* tertiary navbar --- */

.navbar-tertiary {
  border-top:none !important;
  margin-bottom:0;

}


.navbar-tertiary li a{
  font-size:24px;
  padding-left:10px;
  padding-right:10px;
}

.navbar-tertiary .dropdown-menu a {
  font-size: 13px;
}

.navbar-tertiary li a:hover {
 color: #000 !important;
}



/* -----*/

.navbar-videostore {
  border-top:none !important;
  margin-bottom:0;

}


.navbar-videostore li a{
  font-size:14px;
  padding-left:4px;
  padding-right:4px;
}

.navbar-videostore .dropdown-menu a {
  font-size: 13px;
}

.navbar-videostore li a:hover {
 color: #000 !important;
}

#video-menu{
  padding:5px;
  font-size: 17px;
}

.navbar-secondary {
        margin-bottom:0;
        min-height:40px;
        height:40px;
        font-size:13px;
        border-bottom:none;

}
.navbar-secondary li a {
        padding: 8px 7px 12px !important;


}

.navbar-secondary li a:hover {
 color: #eee;
}

.navbar-default .navbar-nav > .nav-cyan > a {
        background:#13a89e !important;
        color:#FFF !important;
        padding-left:15px !important;
        padding-right:15px !important;
        margin-right:1px !important;

}

.navbar-green a:hover {
 color:#5A5B5E !important;
}

.navbar-default .navbar-nav > .nav-brown > a {
        background:#6D5E51 !important;
        color:#FFF;
        padding-left:15px !important;
        padding-right:15px !important;
        margin-right:1px !important;

}


.navbar-nav>li>a {
 color: #849F91 !important;
}

.nav_compact li a {
        padding:5px;

}

.navbar-brand_short {
        display:none;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 510px;

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.slide1 .carousel-caption {
        width:25%;
        position:absolute;
        right:20%;
        bottom:200px;
        left:60%;
        z-index:10;
        padding-top:20px;
        padding-bottom:20px;
        color:#fff;
        text-align:right;
        /* text-shadow:0 1px 2px rgba(0,0,0,.6); */
        height: 194px;
}

.slide2 .carousel-caption {
        width:25%;
        position:absolute;
        right:20%;
        bottom:200px;
        left:15%;
        z-index:10;
        padding-top:20px;
        padding-bottom:20px;
        color:#fff;
        text-align:left;
        /* text-shadow:0 1px 2px rgba(0,0,0,.6); */
        height: 194px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

.carousel-home {
        border-bottom:10px solid #13a89e;

}






/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Feature
------------------------- */

.feature-divider {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.feature-heading {
  font-weight: 600 !important;
  line-height: 1;
  letter-spacing: -1px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  color:#37786c;
  letter-spacing:-2px;
  margin-bottom:40px;

}

.feature_heading_program {
        color:#eee;
        -webkit-text-shadow:0 4px 4px rgba(0,0,0,.3);
        text-shadow:0 4px 4px rgba(0,0,0,.3);
        margin-top:200px !important;
        text-align:center;

}

.feature_testimonials {
        margin-top:80px !important;

}



.feature_about {
        background:url(/res/img/background10.jpg) center;
        min-height:950px;

}

.gray_box {
        background-color: #E6E6E6;
        background-image: -moz-linear-gradient(top, #E6E6E6, #ffffff);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E6E6E6), to(#ffffff));
        background-image: -webkit-linear-gradient(top, #E6E6E6, #ffffff);
        background-image: -o-linear-gradient(top, #E6E6E6, #ffffff);
        background-image: linear-gradient(to bottom, #E6E6E6, #ffffff);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE6E6E6', endColorstr='#ffffffff', GradientType=0);

        -webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);
        box-shadow:0 4px 4px rgba(0,0,0,.3);
        border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        background:#eee;

}

.feature_video_event {
        padding:70px 0;

}
.feature_about_body {

        margin-top:200px;
        padding:40px;


}

.feature_program_body {
        padding:40px;

}

.feature_program {
        background:url(/res/img/Trinity_School_v5_55.jpg) center;
        width:100%;
        height:950px;

}

.feature_student {
        padding-bottom:80px;
        background-color: #E6E6E6;
        background-image: -moz-linear-gradient(top, #E6E6E6, #ffffff);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E6E6E6), to(#ffffff));
        background-image: -webkit-linear-gradient(top, #E6E6E6, #ffffff);
        background-image: -o-linear-gradient(top, #E6E6E6, #ffffff);
        background-image: linear-gradient(to bottom, #E6E6E6, #ffffff);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE6E6E6', endColorstr='#ffffffff', GradientType=0);


}



/*footer*/
.footer_wrap {
        background: rgba(128,114,99,.75);
                padding:40px 0;
                color:#f4f4f4;
}

.footer_wrap .feature-divider {
        border-color: #bbb;


}

.footer_wrap a{
        color: #000;


}

/*tab*/

.program_tab .tab-pane {
        padding:40px;
        background:#37786c;
        color:#ffffff;
        -webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);
        box-shadow:0 4px 4px rgba(0,0,0,.3);
        border-radius:6px 6px;
  -webkit-border-radius: 6px 6px;
  -moz-border-radius: 6px 6px;

}

.tab-intro {
        color:#FFFF6E;

}

.program_tab_btn li a {
        background:#5A5B5E;
        color:#999;
  -webkit-border-radius: 6px 6px 0 0 ;
  -moz-border-radius: 6px 6px 0 0 ;
        border-radius:6px 6px 0 0 ;
        margin-left:8px;
        padding-left:35px !important;
        padding-right:35px !important;


}

.program_tab_btn li.active a{
        color:#FFFFFF !important;
        background-color: #28a89d !important;

}

.program_tab_btn li a:hover {
 background-color: #5A5B5E !important;
 color: #fff !important;
 border-color: #5A5B5E;
}

.program_tab_btn li.active a:hover {
 background-color: #28a89d !important;
 color: #fff !important;
 border-color: #28a89d;
}

.program_tab_btn {
        margin:40px 0 0 0;
}

.program_tab_letters {
 font-size: 21px;
 font-family: '
 Montserrat', sans-serif;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  .tab-pane {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .feature-heading {
    font-size: 50px;

  }

  #row1 img {
    height: 800px;
  }
  .navbar-primary .navbar-right {
    position: absolute;
    right: 0;
  }

  .navbar-tertiary .navbar-right {
    position: absolute;
    right: 0;
  }


}
@media (max-width: 1280px) {
        .feature_about_body {
                padding:30px;


        }

  .navbar-primary li a{
         font-size:23px;
         padding-left:8px;
         padding-right:8px;
  }

  .navbar-tertiary li a{
   font-size:24px;
   padding-left:8px;
   padding-right:8px;

  }

.program_tab_btn li a {
        background:#5A5B5E;
        color:#999;
  -webkit-border-radius:6px 6px 0 0 ;
  -moz-border-radius:6px 6px 0 0 ;
        border-radius:6px 6px 0 0 ;
        margin-left:8px;
        padding-left:22px !important;
        padding-right:22px !important;


}

}


@media (min-width: 768px) and (max-width: 991px) {


.navbar-brand_short {
        display: inherit;
        position:absolute;
}

.navbar-brand_short img {
        max-height: 50px;
}


.navbar-brand{
        display:none;

}

}

@media (max-width: 768px) {
  .slide1 .carousel-caption {
   left: 20% !important;
  }

        .colaps_margin {
                margin-top:60px;

        }

          body {
                  font-size:12px;

  }
  .feature_about_body {
         margin-top:100px;


  }
  .slide1 img {
         min-width:130% !important;

  }
  .slide2 img {
         min-width:130% !important;

  }
  .navbar-brand {
         position:absolute;
         top:-35px;
  }

  .navbar-primary li a{
         font-size:13px;
         padding-left:5px;
         padding-right:5px;
  }

  .navbar-tertiary li a{
   font-size:12px;
   padding-left:5px;
   padding-right:5px;
  }

  .navbar-secondary li a{
         font-size:11px;
         padding-left:5px;
         padding-right:5px !important;
  }

  .program_tab_btn li a {
    -webkit-border-radius:6px 6px 0 0 ;
    -moz-border-radius:6px 6px 0 0 ;
         border-radius:6px 6px 0 0 ;
         margin-left:6px;
         padding-left:13px !important;
         padding-right:13px !important;
  }

  #row1 img {
    height: 800px;
  }
}

@media (min-width: 768px) {
.hidelink {
        display:none !important;

}
.navbar-secondary {
        background-color: #444;
}

.navbar-secondary .navbar-nav a {
  color: white !important;
}

.navbar-secondary .navbar-nav .login-logout a {
  border: 1px solid white;
  padding: 4px !important;
  text-decoration: none;
}

.navbar-secondary .navbar-nav .login-logout a:hover {
  color: white !important;
}

.navbar-secondary .navbar-nav a:hover {
  background-color: #b2b2b2 !important;
}

#footer-links .col-sm-3:nth-child(-n+3) {
  border-right: 2px solid white;
}
}

@media (max-width: 768px) {
.slide1 img {
        min-width:160% !important;

}

 .slide2 img {
        min-width:160% !important;

}
.hidelink {
        display:inherit;

}

.navbar-primary li a {
        font-size:16px;
        padding-left:20px;
}

.navbar-tertiary li a {
  font-size:16px;
  padding-left:20px;
}

}
@media (max-width: 1215px) {
 .program_tab_letters {
  font-size: 19px;
 }
}

@media (max-width: 1000px) {
 .program_tab_letters{
  font-size: 18px;
 }
}


@media (max-width: 990px) {
 .program_tab_letters{
  font-size: 13px;
 }
}


  .slide1 img {
        min-width:350% !important;

}

 .slide2 img {
        min-width:350% !important;

}
.feature_about {
   padding-bottom: 85px;
}

@media (min-width: 992px) {
  .feature-heading {
    margin-top: 30px;
         font-size:70px;
  }

  .navbar-primary {
    height: 80px;
  }
  .navbar-primary .navbar-nav > li > a {
    height: 80px;
    line-height: 50px;
  }



  #row1 img {
    height: 800px;
  }

}


#row1 {
  position: relative;
}

#row1 video {
  object-fit: fill;
  width: 100%;
}

#row1 img {
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#row2 {
  margin-top: 20px;
}

.enroll-now-link {
  text-align: center;
}

.enroll-now-link-white {
  text-align: center;
}

.highlight-image h4 {
  font-size: 24px;
}

.highlight-image img {
        width:170px;
        height:auto;
}
.enroll-now-link {
  font-size: 48px;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 300px) {
.enroll-now-link {
  font-size: 24px;
  margin-top: 50px;
  margin-bottom: 30px;
 }
}
.enroll-now-link-white {
  font-size: 36px;
  margin-top: 30px;
  margin-bottom: 0px;
}

.enroll-now-link a {
  border: 8px solid #849F91;
  padding: 15px;
  text-decoration: none;
}

.enroll-now-link-white a {
  border: 5px solid white;
  padding: 15px;
  color: white;
  text-decoration: none;
}

.enroll-now-link a:hover {
  background-color: #849F91;
  color: white !important;
}

.enroll-now-link-white a:hover {
  background-color: white;
  color: #849F91 !important;
}

.events-courses-hover {
  overflow: hidden;
}

.events-courses-header {
  background-color: #849F91;
  height: 50px;
}

.events-courses-header a {
  font-size: 24px;
  color: white !important;
  line-height: 50px;
}

#events-courses .col-sm-6 {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
}

#events-courses h4 {
  color: black !important;
  position: absolute;
  bottom: 50px;
  background-color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 768px) and (max-width: 991px) {
  #events-courses h4 {
    font-size: 24px;
  }
}

@media (min-width: 991px) {
  #events-courses h4 {
    font-size: 48px;
  }
}

@media (max-width: 768px) {
  #events-courses h4 {
    font-size: 36px;
  }
}

#events-courses .col-sm-6:first-child h4 {
  left: 50px;
}

#events-courses .col-sm-6:last-child h4 {
  right: 50px;
}

#events-courses img {
  width: 100%;
  max-height: 500px;
  overflow-x: hidden;
}

#events-courses .events-courses-slider {
  transition: transform .2s ease-in-out;
  moz-transition: all .2s linear;
  o-transition: all .2s linear;
  ms-transition: all .2s linear;
  webkit-transition: all .2s linear;
  transform: translateX(0px);
}

#events-courses .events-courses-slider h4 {
  padding: 10px;
}

@media (max-width: 992px) {
  #events-courses p {
    height: 200px;
    background-color: #444;
    color: white;
    font-size: 16px;
    padding: 30px;
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  #events-courses .col-sm-6:first-child p, #events-courses .events-courses-header:first-child {
    border-right: 2px solid white;
  }
}

@media (min-width: 992px) {
        #events-courses p {
          position: absolute;
          width: 350px;
          padding: 50px;
          font-size: 24px;
          background-color: #444;
          color: white;
          height: calc(100% - 50px);
        }

        #events-courses .col-sm-6:first-child p {
          right: 0;
        }

        #events-courses .col-sm-6:last-child p {
          left: 0;
        }
}

#featured-video-header {
  height: 50px;
  background-color: #849F91;
  color: white;
  font-size: 24px;
  line-height: 50px;
}

#quote {
  margin-top: 50px;
}

#quote p {
  font-size: 24px;
}

#stats .item:first-child {
  background-color: #81968d;
}

#stats .item:nth-child(2) {
  background-color: #81968d;
}

#stats .item:nth-child(3) {
  background-color: #81968d;
}

#stats .item:nth-child(4) {
  background-color: #81968d;
}

#stats .item:nth-child(5) {
  background-color: #81968d;
}

#stats .item:nth-child(6) {
  background-color: #81968d;
}

#stats .item:nth-child(7) {
  background-color: #81968d;
}

#stats .item:nth-child(8) {
  background-color: #81968d;
}

#stats .stat-cell-about {
  position: absolute;
  height: 80%;
  left: 20%;
  right: 20%;
}

#stats .stat-cell {
  position: absolute;
  height: 100%;
  left: 20%;
  right: 20%;
}

#stats h1 {
  color: white !important;
  font-size: 48px;
  display: table-cell;
  vertical-align: middle;
  height: 500px;
  width: 2000px;
}

#stats h2 {
  color: white !important;
  display: table-cell;
  vertical-align: middle;
  height: 500px;
  width: 2000px;
}

#stats h3 {
  color: white !important;
  display: table-cell;
  vertical-align: middle;
  height: 500px;
  width: 2000px;
}

#stats {
  margin-top: 50px;
}

@media (max-width: 768px) {
  #stats h1 {
    font-size: 24px;
  }
  #stats h2 {
    font-size: 20px;
  }
  #stats h3 {
    font-size: 16px;
  }
}

#stats h5 {
  position: absolute;
  right: 0;
  bottom: 10%;
  color: white;
}

#footer {
  background-color: #333;
  padding-top: 50px;
  padding-bottom: 50px;

}

#footer h1, #footer h6, #footer a, #footer font {
  color: white !important;
}

#footer a {
  font-size: 20px;
}

#footer-links .col-sm-3 {
 min-height: 140px;
}

#footer-links .col-sm-3:nth-child(n+2) {
  padding-top: 20px;
}

.footer-disclaimer {
  padding-top: 10px;
}

.footer-disclaimer {
  margin-top: 40px;
  border-top: 1px solid #fff;
}

.homepage-row {
  margin-right: 0;
  margin-left: 0;
}

/* MASTER HERBALIST */
.mh-what-you-will-learn .mh-image, .mh-testimonial-row .mh-image {
  width: 100%;
  max-height: 500px;
}

.mh-title-row a {
  margin-top: 20px;
  width: 200px;
  max-width: 100%;
}

.mh-title-row p {
  font-size: 16px;
}

@media (max-width: 992px) {
  .mh-title-row a {
    margin-top: 0px;
    margin-bottom: 20px;
    width: 100%;
  }
}

.black-background {
  background-color: black;
}

.mh-what-you-will-learn {
  width: 100%;
  margin-top: 30px;
  height: 500px;
  position: relative;
}

.mh-what-you-will-learn .mh-content {
  display: table;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.mh-what-you-will-learn .mh-content div {
  display: table-cell;
  vertical-align: middle;
}

.mh-what-you-will-learn .mh-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  opacity: 0.3;
}

.mh-what-you-will-learn p {
  color: white;
  text-align: center;
  font-size: 24px;
}

@media (max-width: 768px) {
  .mh-what-you-will-learn h1 {
    font-size: 32px;
  }

  .mh-what-you-will-learn p {
    font-size: 12px;
  }
}

.mh-estimated-time-row {
  margin-top: 20px;
  font-size: 36px;
}

@media (max-width: 768px) {
  .mh-estimated-time-row {
    font-size: 24px;
  }
}

.mh-cost-video-row {
  margin-top: 20px;
}

.mh-cost-video-row .cost-title {
  text-transform: uppercase;
  text-align: center;
  font-size:18px;
  margin-bottom:3px;
  color: #849F91;
}

.mh-cost-video-row .cost-payments {
  text-align: center;
  font-size: 23px;
}

.mh-cost-video-row .installment-cost {
  font-size: 23px;
  padding-left: 20px;
}

.mh-cost-video-row .item_wrapper {
  margin-left: 0px;
  margin-right: 0px;
}

.mh-cost-video-row .genBtn {
  width: 100%;
  margin-bottom: 30px;
}

.mh-courses-row .item_wrapper {
  margin-left: 0px;
  margin-right: 0px;
}

.mh-more-information {
  margin-top: 30px;
  margin-bottom: 50px;
}

.mh-more-information a {
  min-width: 200px;
}

.mh-testimonial-row {
  width: 100%;
  height: 500px;
  position: relative;
  margin-top: 30px;
}

.mh-testimonial-row .mh-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  opacity: 0.3;
}

.mh-testimonial-row .mh-img {
  opacity: 0.4;
}

.mh-testimonial-row .mh-content {
  position: absolute;
  top: 0;
  display: table;
  height: 100%;
  width: 100%;
}

.mh-testimonial-row .mh-content div {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15%;
  padding-right: 15%;
}

.mh-testimonial-row blockquote {
  text-align: center;
  color: white;
  border-left: none;
}

.mh-testimonial-row blockquote small {
  color: white;
}
@media (max-width: 768px) {
 .mh-testimonial-row .mh-content p {
    font-size: 14px;
  }
}

/* STAFF PAGE */
#staff-title h1 {
  font-size: 64px;
}

.green-background {
  background-color: #849F91;
}

.staff-row > div {
  margin-top: 30px;
}
.staff-row img {
  max-width: 100%;
}

@media (min-width: 992px) {
  .staff-row h1 {
    color: white;
    position: absolute;
    top: 175px;
    left: 0;
    right: 0;
  }
  .staff-row h4 {
    color: white;
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
  }
}

/* ABOUT US PAGE */
.about-us-page img {
  max-width: 100%;
  max-height: 500px;
}

.about-us-image img {
  width: 100%;
}

.about-us-image h1 {
  font-size: 100px;
  color: white;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
}

@media (max-width: 768px) {
  .about-us-image h1 {
    top: 15%;
  }
}

.about-us-page h3 {
  color: #666;
  font-size: 36px;
}

.about-us-page p {
  font-size: 18px;
}

.about-us-page .row, .about-us-page p {
  margin-top: 20px;
}


/* Instructors Page */
.instructor-page p {
  font-size: 18px;
}

.instructor-page .row, .instructor-page p {
  margin-top: 20px;
}

.instructor-page img {
  max-height: 500px;
  max-width: 100%;
}

#instructor-title h1 {
  font-size: 64px;
}

.instructor-page a {
  font-size: 24px;
}

.instructor-video {
  margin-bottom: 30px;
}

.instructor-video a {
  vertical-align: middle;
  margin-left: 15px;
}

/* Careers Page */
@media (max-width: 768px) {
  .careers-page-image h1 {
    font-size: 40px;
    top: 15%;
  }
}

.careers-page h3 {
  color: #666;
  font-size: 36px;
}

.careers-page .open-position p {
  font-size: 18px;
}

/* Graduates Page */
.graduates-page img {
  width: 100%;
  max-height: 500px;
}

.graduates-page h1 {
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
  font-size: 100px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .graduates-page h1 {
    font-size: 60px;
    top: 150px;
  }
}

@media (max-width: 768px) {
  .graduates-page h1 {
    font-size: 40px;
    top: 100px;
  }
}

.graduates-page-title h1 {
  font-size: 48px;
}

.graduates-page-title {
  margin-bottom: 50px;
}

/* Events */
.event-details-page {
  margin-top: 30px;
}

.event-nav-tabs ul li {
  width: 25%;
  text-align:center;
  font-size: 16px;
}

.event-nav-tabs ul .active a, .event-nav-tabs ul .active a:hover, .event-nav-tabs ul .active a:focus {
  background-color: #13a89e;
  color: white;
}

.video-item img {
  height: 250px;
}

.event-schedule-row {
  margin-left: 0px;
  margin-right: 0px;
}

.event-schedule-day {
  height: 400px;
  padding: 10px;
}

#events-overview-header-image {
  position: relative;
  max-height: 600px;
  height: auto;
  width: 100%;
}

#events-overview-header-image h1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 175px;
  margin: auto;
  color: white;
  font-size: 80px;
}

@media (max-width: 768px) {
  #events-overview-header-image h1 {
    font-size: 48px;
  }
}

.event-overview-schedule-image {
  height: 400px;
  padding-left: 0px;
  padding-right: 0px;
}

.event-overview-schedule-image img {
  width: 100%;
  height: 400px;
}

.event-overview-schedule-info {
  background-color: #13a89e;
  height: 400px;
}

.event-overview-schedule-info a, .event-overview-schedule-info h3 {
  color: white;
}

.event-overview-schedule-info h3 {
  padding-left: 40px;
  padding-right: 40px;
}

.event-overview-schedule-info a {
  cursor: pointer;
}

.event-overview-buttons {
  padding-top: 150px;
  padding-left: 80px;
  padding-right: 80px;
}

.event-overview-buttons a, .event-overview-mobile-buttons a {
  color: #14418A;
  font-size: 24px;
  cursor: pointer;
}

.event-overview-mobile-buttons {
  padding-top: 30px;
  padding-left: 60px;
  padding-right: 60px;
}

.mobile-event-schedule-info {
  min-height: 400px;
}

.mobile-event-schedule-info img {
  max-width: 100%;
}

@media (max-width: 768px) {
  #lecture-hall-image h1 {
    font-size: 20px;
  }
}

.panel-heading .accordion-toggle[aria-expanded="false"]:after {
  font-family: 'Montserrat';
  content: "\002B";
  float: right;
}

.panel-heading .accordion-toggle[aria-expanded="true"]:after {
  font-family: 'Montserrat';
  content: "\2212";
  float: right;
}

#graduates-header-title {
  font-size: 64px;
}

@media (max-width: 768px) {
  #graduates-header-title {
    font-size: 48px;
  }
}

/*  ----  chat button  --  */
.float{
        font-family:Montserrat, sans-serif;
        font-size:26px;
        position:fixed;
        width:200px;
        height:56px;
        bottom:22px;
        right:20px;
        background-color:#849F91;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        box-shadow: 2px 2px 3px #999;
}

.chat-float{
        margin-top:14px;
}

/* --- Program Slider  ---  */
.front-info-caro img{
        width:100%;
        height:auto;
}
.front-info-caro a, a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
  text-decoration: none !important;
}
.front-prog-caro img{
        width:100%;
        height:auto;
}
.front-prog-caro a, a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
  text-decoration: none !important;
}
.fpctitle {
  height: 1em;
  line-height: 1em;
  font-size:140%;
  color:#849F91;
  margin-top:8%;
  margin-bottom:-0%;
}
.fpctext {
  height: 6.1em;
  line-height: 1.2em;
  font-size: 120%;
  color:#5a5a5a;
  margin-left:4%;
  margin-right:4%;
  margin-top:0%;
}
.fpccta {
  font-size:180%;
  color:#849F91;
  margin-top:0.1%;
  margin-bottom:-0%;
}

.flaonp {
  max-width:800px;
  width:100%;
  height:auto;
  margin-bottom:-28px;
  margin-top:48px;
}

.fsubyt {
  color:#849f91;
  font-size:250%;
  line-height:1.0;
}

@media only screen and (max-width: 1379px) {
.fpctext {
  height: 4.8em;
}
  .fpccta {
    margin-top:5%;
  }
}
@media only screen and (max-width: 800px) {
.fpctext {
  height: 2.6em;
}
  .fpccta {
    margin-top:11%;
  }
}
@media only screen and (max-width: 546px) {
.fpctext {
  height: 2.6em;
}
  .fpccta {
    margin-top:13%;
  }
}

@media only screen and (max-width: 480px) {
.fpctext {
  height: 2.6em;
}
  .fpccta {
    margin-top:28%;
  }
.fpctitle {
  font-size:130%;
}
.flaonp {
  margin-bottom:-10px;
  margin-top:10px;
}
.fsubyt {
  font-size:200%;
}
}
@media only screen and (max-width: 380px) {
.fpctext {
  height: 2.6em;
}
  .fpccta {
    margin-top:32%;
  }
}
@media only screen and (max-width: 330px) {
.fpctext {
  height: 3.6em;
}
  .fpccta {
    margin-top:40%;
    margin-bottom:10%;
  }
}
@media only screen and (max-width: 300px) {
.fpctext {
  height: 3.6em;
}
  .fpccta {
    margin-top:50%;
    margin-bottom:20%;
  }
}

/* --- 5 columns  ---  */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.frontlearntextimg {
    max-height:100%;
    max-width:100%;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* --- Front Page Accordian --- */
.template_faq {
    background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 2%;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 2px 1px;
    max-height: 3000px;
    font-size: 125%;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    background: #849f91 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #849f91 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    font-size: 25px;
    height: 40px;
    left: -10px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0px;
    transition: all 0.3s ease 0s;
    width: 40px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 20px 9px 8px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px;
}

/* --- About Page Accordian --- */

.aboutpanel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 2%;
}
#accordion .aboutpanel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 2px 1px;
/*    max-height: 1000px; */
    font-size: 125%;
}
#accordion .aboutpanel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .aboutpanel-title a {
    background: #fff none repeat scroll 0 0;
/*    border: 1px solid transparent;
    border-radius: 30px;*/
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
/*    padding: 0px 0px 0px 20px; */
    position: relative;
    transition: all 0.3s ease 0s;
}

#accordion .aboutpanel-title img {
    width:  100%;
    max-width: 1000px;
    height: auto;
}

#accordion .aboutpanel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
/*    border: 1px solid #ddd; */
    color: #333;
}
#accordion .aboutpanel-title a::after, #accordion .aboutpanel-title a.collapsed::after {
/*    background: #fff none repeat scroll 0 0;
    border: 0px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
    font-size: 25px;
    height: 40px;
    left: -10px;
    line-height: 40px; 
    position: absolute;
    text-align: center;
    top: 0px;
    transition: all 0.3s ease 0s;
    width: 40px;*/
}
#accordion .aboutpanel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
/*    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900; */
}
#accordion .aboutpanel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 1px 20px 2px 20px;
    position: relative;
    width: 86vw;
    max-width: 1000px;
}

#accordion .aboutpanel-body p {
/*    border-left: 1px dashed #8c8c8c; */
    padding-left: 16px;
    font-size: 125%;
    text-align: left;
}

#accordion .aboutpanel-body img {
    width:  100%;
    max-width: 1500px;
    height: auto;
}

.aboutpanel-heading .accordion-toggle[aria-expanded="false"]:after {
  font-family: 'Montserrat';
  content: "\002B";
  float: right;
}

.aboutpanel-heading .accordion-toggle[aria-expanded="true"]:after {
  font-family: 'Montserrat';
  content: "\2212";
  float: right;
}