/*
Theme Name: KnowerTutoring
Description: A custom designed theme for Knower Tutoring
Author: Original Gravity and Karn Creative
Author URI: http://ogravitymedia.com/
Version: 1.0





*/
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: normal; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }



html {
  height: 100%;
  margin: 0; }

body {
  background: url(images/background.jpg) no-repeat top center;
  margin: 0;
  height: 100%;
  position: relative; }

strong {
  font-family: "source_sans_probold", serif; }

h2 {
  margin: 0px;
  padding: 0px; }

em {
  font-family: "source_sans_proitalic", serif; }
  
h2 {
  color: #afbc21;
   font: 24px/40px "source_sans_probold",sans-serif;
   margin: 0 0 10px 40px;
  font-weight: normal; }

.home h2 {
  font-size: 30px;
  line-height: 120%;
  margin: 40px 0 40px 0;
  color: #9fad40;
  font-weight: normal; }

h3 {
  background-color: #adbd37;
  color: #fff;
  padding: 6px 10px 4px 10px;
  font-size: 18px;
  font-family: 'SourceSansPro', Helvetica, Arial, sans-serif;
  font-weight: normal; }

#left h3 {
  font-size: 22px;
  color: #8a8c8e;
  margin-bottom: 10px;
  background: none;
  padding: 0; }

h4 {
  font-size: 18px;
  color: #9fad40;
  line-height: 120%;
  margin-top: 25px;
  margin-bottom: 10px;
  font-weight: normal; }
  
blockquote {
	border-left: 2px solid #afbc21;
    color: #58595b;
    font: 24px/36px "source_sans_proregular",sans-serif !important;
    margin: 0 0 0 40px;
    padding: 0 0 0 20px !important;
 }  
 
 /* ---- BUTTON STYLES ---- */
 
.reg-button {
    background-color: #adbd37;
    border-radius: 10px;
    color: #fff !important;
    padding: 12px 18px;
	text-decoration: none !important;
	display: inline-block;
}

.reg-button a {
   text-decoration: none !important;
}

.reg-button a:hover {
   background-color: #58595b;
}

.reg-button:hover {
   background-color: #58595b;
}

 /* ---- CUSTOM LISTS ---- */
 
.decimal ol {
    list-style-type: decimal !important;
}
ol.upper-alpha {
    list-style-type: upper-alpha !important;
}
ol.lower-alpha {
    list-style-type: lower-alpha !important;

}
ol.upper-roman {
    list-style-type: upper-roman !important;
}
ol.lower-roman {
    list-style-type: lower-roman !important;
}





a {
  text-decoration: none;
  color: #95a52e; }

.content a {
  text-decoration: underline; }

.content a:hover {
  text-decoration: none; }

#container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 0px 0xp 30px;
  position: relative;
  min-height: 1000px;
  background-color: #fff;
  
}

#content-wrapper{
  float:left;
  box-shadow: 0 -12px 10px 1px rgba(0, 0, 0, 0.3);
  width: 100%
}

.c-button, .c-menu__close {
  display: none; }

#swipebox-overlay {
  background: rgba(255, 255, 255, 0.9) !important; }

#swipebox-close {
  background-color: #000 !important; }

table {
  font: 14px "source_sans_proregular", serif;
  color: #58595b; }

.tablepress {
  width: 90% !important;
  margin-left: 40px; }
  .tablepress th {
    background-color: #fff !important;
    margin-bottom: 10px;
    padding: 10px 0px !important; }
    .tablepress th.column-2, .tablepress th.column-4 {
      border-bottom: 3px solid #e6e7e8 !important;
      border-right: 3px solid #fff !important;
      text-align: center !important; }
  .tablepress td {
    border-top: 3px solid #fff !important;
    border-right: 3px solid #fff !important; }
  .tablepress .odd td {
    background-color: #e5e8c4 !important; }
  .tablepress .even td {
    background: rgba(242, 244, 228, 0.9) !important; }
  .tablepress .row-2 td {
    background-color: #fff !important;
    font: 14px "source_sans_probold", serif !important;
    color: #afbc21 !important;
    text-align: center !important;
    padding: 20px 0px 0px 0px !important; }
  .tablepress .row-3 .column-1, .tablepress .row-4 .column-1, .tablepress .row-5 .column-1, .tablepress .row-6 .column-1, .tablepress .row-7 .column-1, .tablepress .row-8 .column-1 {
    font: 14px "source_sans_probold", serif !important;
    color: #afbc21 !important; }
  .tablepress .row-3 .column-2, .tablepress .row-3 .column-3 {
    width: 28%; }

/**
 * Mask component
 */
.c-mask {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; }

.c-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.3s; }

.leftCol {
  float: left;
  width: 210px;
  margin: 0px 0px 0px 30px;
  position: relative;
  min-height: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0; }
  .leftCol .logo {
    width: 100%;
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 17px 0px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px; }
  .leftCol nav {
    background: rgba(242, 244, 228, 0.9);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    min-height: 94.5%; }
    .leftCol nav .current-menu-item {
      background-color: #afbc21; }
      .leftCol nav .current-menu-item a {
        color: #fff; }
    .leftCol nav .menu-item-has-children:after {
      content: "\f0d7";
      font-family: "FontAwesome";
      position: absolute;
      right: 0;
      top: 10px;
      margin-top: 5px;
      cursor: pointer;
      padding: 0px 10px 0px 100px;
      color: #58595b; }
    .leftCol nav .menu-item-has-children.active a {
      background-color: #afbc21;
      color: #fff; }
    .leftCol nav .menu-item-has-children.active:after {
      content: "\f0d8";
      font-family: "FontAwesome";
      position: absolute;
      right: 0;
      top: 7px;
      margin-top: 5px;
      cursor: pointer;
      padding: 0px 10px 0px 100px;
      color: #fff; }
    .leftCol nav h3 {
      display: none; }
    .leftCol nav .c-menu__close {
      color: #fff;
      background-color: #6196d0;
      font-size: 14px;
      border: none;
      box-shadow: none;
      border-radius: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer; }
    .leftCol nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .leftCol nav ul > li {
        font: 15px "source_sans_proregular", serif;
        border-bottom: 1px solid #fff;
        position: relative; }
        .leftCol nav ul > li:hover {
          background: #afbc21; }
        .leftCol nav ul > li > ul {
          display: none;
          background-color: #afbc21;
          width: 100%;
          padding: 10px 0 5px 0; }
          .leftCol nav ul > li > ul > li {
            padding-left: 20px;
            margin-bottom: 5px;
            border-bottom: 0px; }
            .leftCol nav ul > li > ul > li.menu-item-has-children:after {
              margin-top: 0px; }
            .leftCol nav ul > li > ul > li > a {
              display: block;
              height: 100%;
              color: #fff;
              padding: 5px 10px 5px 15px;
              box-sizing: border-box;
              color: #e0e6ba !important; }
              .leftCol nav ul > li > ul > li > a:hover {
                color: #fff !important;
                background: url(images/nav-square-bullet.gif) no-repeat 0px 11px; }
        .leftCol nav ul > li .current-menu-item > a {
          background: rgba(173, 189, 55, 0.6);
          color: #fff !important;
          text-indent: 0px;
          padding: 5px 10px 5px 14px;
          background: url(images/nav-square-bullet.gif) no-repeat 0px 11px; }
        .leftCol nav ul > li .current-menu-parent > a {
          color: #fff;
          padding-right: 20px; }
        .leftCol nav ul > li > a {
          display: block;
          width: 100%;
          height: 100%;
          color: #58595b;
          padding: 12px 0px 12px 20px;
          box-sizing: border-box; }
          .leftCol nav ul > li > a:hover {
            color: #fff;
            background-color: #afbc21; }
  .leftCol .textwidget p {
    margin: 10px 20px;
    color: #58595b;
    font: 14px/17px "source_sans_proregular", serif; }
    .leftCol .textwidget p a {
      text-decoration: none; }
      .leftCol .textwidget p a.instructor {
        color: #8a8c8e;
        text-decoration: underline; }

.right {
  float: right;
  width: 76%;
  background-color: #fff;
  min-height: 100%;
  height: 100%;
  position: relative;
  top: 0;
  bottom: 0; }
  .right button {
    background-color: #afbc21;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
    font: 16px/22px "source_sans_proregular", serif;
    border: 0px; }
  .right h4 {
    font: 16px/22px "source_sans_probold", serif;
    color: #afbc21;
    margin: 0px 0px 10px 40px; }
  .right .homeContent p.p1 {
    color: #58595b;
    font: 20px/28px "source_sans_proregular", serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 40px 40px 40px; }
  .right .homeProfile {
    width: 100%;
    height: 346px;
    background-position: center, center;
    background-size: cover; }
  .right .content p, .right .content ul li, .right .content ol li {
    font: 16px/22px "source_sans_proregular", serif;
    color: #58595b;
    margin: 0px 40px 20px 40px; }
  .right .content ol li {
    list-style-type: decimal;
    margin: 10px 50px 0px 60px; }
  .right .content ul {
    margin: 0px 0px 30px 0px; }
    .right .content ul li {
      margin: 0px 0px 12px 40px;
      padding-left: 1em;
      text-indent: -1em; }
      .right .content ul li:before {
        content: "\f0c8";
        font-family: FontAwesome;
        font-size: 10px;
        color: #afbc21;
        padding: 0px 10px 10px 0px; }
  .right .content a {
    color: #97a51b; }
  .right .content .quote {
    width: 280px;
    display: inline;
    float: right;
    margin: 0px 0px 30px 30px; }

.quote {
  background-color: #6196d0;
  padding: 40px 28px 28px 28px;
  box-sizing: border-box; }
  .quote .testPrepImage {
    width: 282px;
    background-color: #fff;
    margin: -40px 0px 40px -30px;
    padding-bottom: 40px; }
  .quote .quoteText p:after {
    content: '';
    content: url(images/quote-close.png);
    width: 16px;
    height: 10px;
    margin: 0px 0px 0px 5px; }
  .quote p {
    font: 18px/25px "source_sans_proregular", serif !important;
    color: #fff !important;
    margin: 0px !important; }
  .quote .name {
    font-size: 14px !important;
    margin-top: 5px !important; }
  .quote .openQuote {
    float: left;
    margin: -13px 5px 0px 5px; }

.info h2 {
  display: none; }

.metaslider {
  position: relative;
  z-index: 2; }
  .metaslider .flexslider {
    margin: 0px 0px 35px 0px; }
  .metaslider .caption-wrap {
    background: rgba(175, 189, 33, 0.85) !important;
    opacity: 1 !important; }
    .metaslider .caption-wrap .caption {
      width: 71%;
      float: right; }
    .metaslider .caption-wrap h1 {
      color: #fff;
      font: 30px/34px "source_sans_probold", serif;
      margin: 10px 0px;
      font-weight: 200; }
      .metaslider .caption-wrap h1 a {
        color: #fff;
        font-style: none; }
    .metaslider .caption-wrap h2 {
      font: 20px "source_sans_proregular", serif;
      margin: 0px 0px 10px 0px; }
      .metaslider .caption-wrap h2 a {
        color: #fff;
        font-style: none; }
      .metaslider .caption-wrap h2:after {
        content: url(images/subnav-arrow.png);
        width: 5px;
        height: 8px;
        margin: 0px 0px 0px 5px; }
  .metaslider .flex-control-nav {
    top: 10px;
    z-index: 50;
    width: 75px;
    right: 0px; }
  .metaslider .flex-control-paging li a {
    border-radius: 0px;
    width: 12px;
    height: 12px;
    background: #e6e7e8;
    box-shadow: none;
    margin: 0px 3px; }
    .metaslider .flex-control-paging li a:hover {
      background: #afbc21; }
  .metaslider .flex-control-paging li a.flex-active {
    background: #afbc21; }

.half {
  width: 50%;
  float: left; }
  .half.green {
    background-color: #afbc21; }
  .half.blue {
    height: 390px;
    background-color: #6196d0; }
    .half.blue .quote {
      width: 100%; }
    .half.blue h2 {
      background-color: #458fcd; }
  .half a {
    text-decoration: none; }
  .half h2 {
    font: 16px "source_sans_proregular", serif;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 20px; 
    margin: 0;
}

.headerImage {
  width: 100%;
  padding-top: 300px;
  max-height: auto;
  background-size: cover;
  background-position: center center;
  margin-bottom: 40px; }

.pageTitle {
  background: rgba(175, 189, 33, 0.85) !important;
  width: 100%;
  padding: 20px 0px; }
  .pageTitle h1 {
    opacity: 1 !important;
    font: 45px/45px "source_sans_probold", serif;
    padding: 0px 0px 0px 280px;
    color: #fff; }
  .pageTitle .breadcrumbs {
    font: 20px/26px "source_sans_proregular", serif;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 0px 5px 285px; }

.grid {
  /* Masonry container */
  width: 100%;
  height: 60px; }
  .grid .profile-image {
    height: auto;
    padding-top: 165px; }
  .grid .grid-item {
    /* Masonry bricks or child elements */
    background-color: #6196d0;
    margin: 0px 0px 40px 40px;
    float: left;
    width: 320px;
    box-sizing: border-box;
    padding-bottom: 30px; }
    .grid .grid-item p {
      color: #fff;
      padding: 30px 30px 0px 30px;
      margin: 0px; }
      .grid .grid-item p a {
        color: #fff; }
    .grid .grid-item .profile-title {
      background: rgba(69, 143, 205, 0.8);
      width: 100%;
      padding-bottom: 10px; }
      .grid .grid-item .profile-title p {
        font-style: italic;
        margin: 0px 20px;
        padding: 0px 0px 0px 0px; }
      .grid .grid-item .profile-title h4 {
        font: 16px/20px "source_sans_probold", serif;
        text-transform: uppercase;
        color: #fff;
        padding: 13px 0px 0px 20px;
        margin: 0px; }

#wufoo-z7p5k3, #wufoo-z7p5q3 {
  padding: 0px 40px; }

#wufoo-z7p5q3 {
  margin-top: 50px; }

#home-feature {
  position: relative; }

#home-feature h1 {
  padding-top: 30px; }

.feature {
  background-position: bottom right;
  background-repeat: no-repeat;
  height: 390px;
  width: 100%; }

.feature h2 {
  width: 50%; }

#feature-nav {
  position: relative;
  top: -20px;
  z-index: 100; }

#feature-nav a {
  padding: 0 6px 12px 6px;
  margin: 0 auto;
  background: url(/i/indicator.gif) no-repeat bottom;
  text-indent: -6589px;
  z-index: 999;
  margin-right: 6px;
  display: block;
  float: left; }

#feature-nav a.activeSlide {
  background-position: top; }

#breadcrumb {
  display: block;
  background-color: #adbd37;
  color: #fff;
  padding: 10px 10px 6px 10px;
  font-size: 18px;
  margin-bottom: 25px; }

#breadcrumb a {
  color: #e0e6ba;
  text-decoration: none; }

#breadcrumb a:hover {
  text-decoration: underline; }

img.feature-full {
  margin-bottom: 20px; }

#footer {
  margin: 50px 20px;
  color: #8a8c8e;
  font: 14px/17px "source_sans_proregular", serif; }
  #footer .copyright {
    font-size: 12px; }
  #footer p {
    margin: 10px 0px; }

.button:hover {
  background-color: #58595b; }

#right ul {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0; }

#right ul li {
  line-height: 1.3em;
  margin: .25em 0;
  padding: 0 0 0 15px;
  background: url(/i/green-bullet.gif) no-repeat 0 7px; }

#right ol {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0; }

#right ol li {
  line-height: 1.4em;
  list-style-type: decimal;
  margin: 0 0 0.5em 2em;
  padding: 0 0 0 3px; }

#search-form {
  margin: 30px 0; }

input:focus, select:focus, textarea:focus {
  outline: none; }

input.search {
  font: 14px "source_sans_proregular", serif;
  width: 144px;
  height: 25px;
  padding: 5px 5px 4px 10px;
  color: #8a8c8e;
  background-color: #f1f1f2;
  box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px 0 0 12px;
  border: none;
  vertical-align: middle;
  outline: none;
  margin: 0px 0px 0px 20px;
  box-sizing: border-box; }

input#submit {
  background: url(images/search-btn.png) no-repeat top left;
  width: 26px;
  height: 24px;
  vertical-align: middle;
  border: none;
  outline: none;
  margin: 0;
  text-indent: -9000px; }

input#submit:hover {
  background-position: bottom left; }

/*****************/
/**** WP CORE ****/
/*****************/
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 0px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 0px 20px 20px 0; }

.aligncenter {
  display: block;
  margin: 0px auto 5px auto; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text, .wp-caption .wp-caption-dd {
  font-size: 13px;
  line-height: 130%;
  color: #fff;
  text-align: left;
  margin: 0 0 20px 0;
  padding: 10px 14px 10px 14px;
  background-color: #adbd37;
  max-width: 242px; }

/******************/
/**** MEDIAQUERIES ****/
/******************/
@media only screen and (max-width: 1000px) {
  .right {
    width: 100%;
    box-sizing: border-box;
    padding-left: 240px; }

  .metaslider .caption-wrap .caption {
    width: 100%;
    box-sizing: border-box;
    padding-left: 280px; } }
@media only screen and (max-width: 920px) {
  .grid .grid-item {
    margin: 0px 18% 40px 18%;
    width: 63%; } }
@media only screen and (max-width: 800px) {
  .leftCol {
    height: 100px;
    min-height: 100px; }

  .c-button, .c-menu__close {
    display: block; }

  .c-button {
    position: absolute;
    right: 0px;
    z-index: 100;
    background-color: #fff;
    border-radius: 0px;
    width: 35px;
    height: 30px; }

  .c-menu--slide-left,
  .c-menu--slide-right,
  .c-menu--push-left,
  .c-menu--push-right {
    width: 300px; }

  .c-menu--slide-left,
  .c-menu--push-left {
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px); }

  .o-wrapper.has-push-left {
    transform: translateX(300px);
    -webkit-transform: translateX(300px); }

  .o-wrapper.has-push-right {
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px); }

  .right {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0px; }

  .metaslider .flex-control-nav {
    top: auto;
    bottom: 150px; }
  .metaslider .caption-wrap {
    position: relative !important; }
    .metaslider .caption-wrap h1 {
      font-size: 26px;
      line-height: 30px; }
    .metaslider .caption-wrap .caption {
      padding-left: 40px;
      float: none; }

  .leftCol .logo {
    width: 120px; }
    .leftCol .logo img {
      width: 80px; }

  .pageTitle h1 {
    font-size: 26px;
    line-height: 30px;
    padding: 20px 20px 20px 40px; }
  .pageTitle .breadcrumbs {
    padding: 20px 5px 0px 40px;
    margin-bottom: -10px;
    font: 14px/16px "source_sans_proregular", serif; }

  ul li.menu-item-has-children ul li.menu-item-has-children ul {
    display: none; }

  .leftCol nav ul > li > ul > li.menu-item-has-children a {
    background-image: none !important; }

  .c-button:before {
    content: "";
    position: absolute;
    width: 1.6em;
    height: 0.25em;
    left: 6px;
    top: 7px;
    background: black;
    box-shadow: 0 0.4em 0 0 black, 0 0.8em 0 0 black; }

  .c-menu {
    position: fixed;
    z-index: 200;
    background-color: #67b5d1;
    transition: transform 0.3s; }

  .c-menu__close {
    color: #fff;
    background-color: #3184a1;
    font-size: 14px;
    border: none;
    box-shadow: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer; }

  .c-menu__close:focus {
    outline: none; }

  body.has-active-menu {
    overflow: hidden; }

  .c-menu--slide-left,
  .c-menu--slide-right,
  .c-menu--push-left,
  .c-menu--push-right {
    width: 100%;
    height: 100%;
    overflow-y: scroll; }

  .c-menu--slide-left .c-menu__item,
  .c-menu--slide-right .c-menu__item,
  .c-menu--push-left .c-menu__item,
  .c-menu--push-right .c-menu__item {
    display: block;
    text-align: center;
    border-top: solid 1px #b5dbe9;
    border-bottom: solid 1px #3184a1; }

  .c-menu--slide-left .c-menu__item:first-child,
  .c-menu--slide-right .c-menu__item:first-child,
  .c-menu--push-left .c-menu__item:first-child,
  .c-menu--push-right .c-menu__item:first-child {
    border-top: none; }

  .c-menu--slide-left .c-menu__item:last-child,
  .c-menu--slide-right .c-menu__item:last-child,
  .c-menu--push-left .c-menu__item:last-child,
  .c-menu--push-right .c-menu__item:last-child {
    border-bottom: none; }

  .c-menu--slide-left .c-menu__link,
  .c-menu--slide-right .c-menu__link,
  .c-menu--push-left .c-menu__link,
  .c-menu--push-right .c-menu__link {
    display: block;
    padding: 12px 24px;
    color: #fff; }

  .c-menu--slide-left .c-menu__close,
  .c-menu--slide-right .c-menu__close,
  .c-menu--push-left .c-menu__close,
  .c-menu--push-right .c-menu__close {
    display: block;
    padding: 12px 24px;
    width: 100%; }

  .c-menu--slide-left,
  .c-menu--push-left {
    top: 0;
    left: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%); }

  .c-menu--slide-left.is-active,
  .c-menu--push-left.is-active {
    transform: translateX(0);
    -webkit-transform: translateX(0); }

  .o-wrapper.has-push-left {
    transform: translateX(100%);
    -webkit-transform: translateX(100%); }

  .o-wrapper.has-push-right {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%); } }
@media only screen and (max-width: 550px) {
  .quote .testPrepImage {
    width: 120%;
    background-color: #fff;
    margin: -40px 0px 40px -30px;
    padding-bottom: 40px; }
    .quote .testPrepImage img {
      height: auto;
      width: 90%;
      margin: 0px 6%; }

  .container {
    overflow-x: hidden; }

  .headerImage {
    padding-top: 0px;
    position: relative;
    height: 200px;
    margin-bottom: 120px; }
    .headerImage .pageTitle {
      padding: 0px 0px;
      position: absolute;
      bottom: -70px; }

  .grid .grid-item {
    margin: 0px 10% 40px 10%;
    width: 80%; }

  .metaslider .flexslider {
    margin: 0px 0px 0px 0px !important ado; }
  .metaslider .flex-control-nav {
    display: none; }
  .metaslider .caption-wrap h1 {
    font-size: 24px;
    line-height: 28px; }

  .half {
    width: 100%;
    float: none; }

  .right .content .quote {
    float: none;
    display: block;
    width: 100%;
    margin: 0px 0px 40px 0px; }

  .leftCol nav .menu-item-has-children:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    top: 10px;
    margin-top: 5px;
    cursor: pointer;
    padding: 0px 40px 0px 100px;
    color: #58595b; }
  .leftCol nav .menu-item-has-children.active:after {
    content: "\f0d8";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    top: 7px;
    margin-top: 5px;
    cursor: pointer;
    padding: 0px 40px 0px 100px;
    color: #fff; } }
@media only screen and (max-width: 320px) {
  .leftCol .logo {
    width: 100px; }
    .leftCol .logo img {
      width: 70px; } }