/*************************************************
 Settings - Colors, Spacing, etc. 
 *************************************************/
/*************************************************
 Tools - Mixins 
 *************************************************/
/*************************************************
 Generic - Resets, *, Browser-Specific 
 *************************************************/
html, body, form, nav, ul {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Open Sans', sans-serif; }

video {
  display: block; }

*:focus {
  outline: 0; }

textarea:focus, input:focus {
  outline: 0; }

/*************************************************
 Base- Unclassed HTML, H1-H6, Links, UL 
 *************************************************/
hr {
  height: 2px;
  border: none;
  background: #DCDCDC;
  padding: 0;
  margin: 50px auto; }

p {
  font-family: 'Open Sans', sans-serif;
  color: #757575;
  line-height: 150%;
  font-size: 1em; }

a img {
  border: none; }

a:hover, a:active, a:focus {
  outline: 0; }

h2 {
  font-family: 'Metamorphous', cursive; }

/*************************************************
 Objects - OOCSS (Object Orientated CSS) 
 *************************************************/
body {
  background: #fff; }

section, header, footer {
  width: 100%;
  float: left;
  margin: 0; }

.wrap {
  width: 90%;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .wrap {
      max-width: 1366px; } }

.trap {
  margin-top: -75px; }

header {
  padding: 25px 0;
  z-index: 11;
  position: fixed;
  background: #fff;
  top: 0;
  -webkit-transition: box-shadow 0.33s linear;
  -ms-transition: box-shadow 0.33s linear;
  -moz-transition: box-shadow 0.33s linear;
  -o-transition: box-shadow 0.33s linear;
  -kthtml-transition: box-shadow 0.33s linear;
  transition: box-shadow 0.33s linear; }
  header h1 {
    margin: 0;
    padding: 0;
    height: 30px;
    float: left;
    line-height: 0; }
    header h1 a {
      height: 30px;
      margin: 0;
      padding: 0; }
      header h1 a img {
        height: 30px;
        width: auto;
        margin: 0;
        padding: 0; }
  header .mobilenav {
    display: block;
    width: 33%;
    max-width: 320px;
    height: auto;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0; }
    @media (min-width: 768px) {
      header .mobilenav {
        display: none; } }
    header .mobilenav .fa-bars {
      font-size: 1.5em;
      float: right;
      cursor: pointer;
      width: 24px;
      height: 24px;
      padding: 24px 28px 32px 28px;
      background: #fff; }
    header .mobilenav ul {
      background: #DCDCDC;
      list-style-type: none;
      width: 100%;
      float: right; }
      header .mobilenav ul li {
        display: block;
        width: 50%;
        float: left; }
        header .mobilenav ul li a {
          display: block;
          padding: 20px;
          text-transform: uppercase;
          text-decoration: none;
          font-weight: 600;
          font-size: 0.9em; }
          header .mobilenav ul li a:hover {
            color: #d2232a; }
  header .tabletnav {
    display: none; }
    @media (min-width: 768px) {
      header .tabletnav {
        display: block;
        height: 30px;
        list-style-type: none;
        float: right; } }
    header .tabletnav li {
      height: 30px;
      display: inline-block; }
      header .tabletnav li a {
        text-transform: uppercase;
        color: #757575;
        text-decoration: none;
        border-bottom: 5px solid #fff;
        font-weight: 600;
        margin: 0 0 0 40px;
        height: 25px;
        font-size: 0.9em; }
        header .tabletnav li a:hover {
          color: #29abe2;
          border-bottom: 5px solid #29abe2; }

.feature {
  margin: 80px 0 0 0;
  border-bottom: 1px solid #DCDCDC; }
  .feature .feature-photo .container #slides .slidesjs-container {
    -webkit-transition: height 0.33s linear;
    -ms-transition: height 0.33s linear;
    -moz-transition: height 0.33s linear;
    -o-transition: height 0.33s linear;
    -kthtml-transition: height 0.33s linear;
    transition: height 0.33s linear; }
  .feature .feature-photo .container #slides .slidesjs-pagination {
    list-style-type: none;
    margin: 30px auto; }
    .feature .feature-photo .container #slides .slidesjs-pagination li {
      display: inline-block;
      margin: 0 15px;
      height: 20px;
      width: 20px;
      border-radius: 10px;
      overflow: hidden; }
      .feature .feature-photo .container #slides .slidesjs-pagination li a {
        color: #e9e9e9;
        background: #e9e9e9;
        height: 100%;
        width: 100%;
        display: block; }
        .feature .feature-photo .container #slides .slidesjs-pagination li a:hover {
          color: #d0d0d0;
          background: #d0d0d0; }
      .feature .feature-photo .container #slides .slidesjs-pagination li .active {
        color: #29abe2;
        background: #29abe2;
        height: 100%;
        width: 100%; }
        .feature .feature-photo .container #slides .slidesjs-pagination li .active:hover {
          color: #29abe2;
          background: #29abe2; }

.synopsis .wwrap {
  width: 90%;
  margin: 40px auto 0 auto; }
  @media (min-width: 768px) {
    .synopsis .wwrap {
      width: 50%;
      max-width: 480px;
      margin: 100px auto 0 auto; } }
.synopsis .synopsis-hscroll {
  width: 100%;
  overflow-x: scroll;
  height: 200px;
  padding: 0 0 50px 0; }
  @media (min-width: 768px) {
    .synopsis .synopsis-hscroll {
      height: 350px;
      padding: 0 0 100px 0; } }
  @media (min-width: 1024px) {
    .synopsis .synopsis-hscroll {
      overflow-x: hidden; } }
  .synopsis .synopsis-hscroll .synopsis-hscroll-wrap {
    width: 1400px;
    height: 200px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    text-align: left; }
    @media (min-width: 768px) {
      .synopsis .synopsis-hscroll .synopsis-hscroll-wrap {
        width: 2450px;
        height: 350px; } }
    @media (min-width: 1024px) {
      .synopsis .synopsis-hscroll .synopsis-hscroll-wrap {
        float: left; } }
    .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .hscroll-wraps {
      display: inline-block;
      float: left;
      padding: 0;
      margin: 0;
      width: 200px;
      height: 200px;
      -webkit-transition: background-size 0.25s linear;
      -ms-transition: background-size 0.25s linear;
      -moz-transition: background-size 0.25s linear;
      -o-transition: background-size 0.25s linear;
      -kthtml-transition: background-size 0.25s linear;
      transition: background-size 0.25s linear; }
      @media (min-width: 768px) {
        .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .hscroll-wraps {
          width: 350px;
          height: 350px;
          float: left; } }
    .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pmpic {
      background: url("../images/pm.png") no-repeat center center;
      background-size: 90% 90%; }
      .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pmpic:hover {
        background-size: 100% 100%; }
    .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .prpic {
      background: url("../images/pr.png") no-repeat center center;
      background-size: 90% 90%; }
      .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .prpic:hover {
        background-size: 100% 100%; }
    .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .popic {
      background: url("../images/po.png") no-repeat center center;
      background-size: 90% 90%; }
      .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .popic:hover {
        background-size: 100% 100%; }
    .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pypic {
      background: url("../images/py.png") no-repeat center center;
      background-size: 90% 90%; }
      .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pypic:hover {
        background-size: 100% 100%; }
    .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pgpic {
      background: url("../images/pg.png") no-repeat center center;
      background-size: 90% 90%; }
      .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pgpic:hover {
        background-size: 100% 100%; }
    .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pbpic {
      background: url("../images/pb.png") no-repeat center center;
      background-size: 90% 90%; }
      .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pbpic:hover {
        background-size: 100% 100%; }
    .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pppic {
      background: url("../images/pp.png") no-repeat center center;
      background-size: 90% 90%; }
      .synopsis .synopsis-hscroll .synopsis-hscroll-wrap .pppic:hover {
        background-size: 100% 100%; }

.discover {
  border-bottom: 1px solid #DCDCDC; }
  .discover .discover-photo {
    height: 300px;
    background: url("../images/bg.jpg") no-repeat center center;
    background-size: cover;
    margin: 0;
    padding: 0;
    -webkit-transition: height 0.33s linear;
    -ms-transition: height 0.33s linear;
    -moz-transition: height 0.33s linear;
    -o-transition: height 0.33s linear;
    -kthtml-transition: height 0.33s linear;
    transition: height 0.33s linear; }
    @media (min-width: 768px) {
      .discover .discover-photo {
        height: 400px; } }
    @media (min-width: 1024px) {
      .discover .discover-photo {
        height: 550px; } }
  .discover .discover-text {
    background: #d2232a;
    padding: 1px 0 50px 0; }
    @media (min-width: 768px) {
      .discover .discover-text {
        padding: 1px 0 100px 0; } }
    .discover .discover-text .wwrap {
      width: 90%;
      margin: 40px auto 0 auto; }
      @media (min-width: 768px) {
        .discover .discover-text .wwrap {
          width: 50%;
          max-width: 480px;
          margin: 100px auto 0 auto; } }
      .discover .discover-text .wwrap h2 {
        color: #fff; }
      .discover .discover-text .wwrap p {
        color: #f6cbcc; }
      .discover .discover-text .wwrap::after {
        content: "";
        position: relative;
        width: 0px;
        height: 0px;
        bottom: -100px;
        border-bottom: 0px solid transparent !important;
        border-right: 30px solid transparent !important;
        border-left: 30px solid transparent !important;
        z-index: 2;
        border-top: 30px solid #d2232a;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image: none; }
        @media (min-width: 768px) {
          .discover .discover-text .wwrap::after {
            bottom: -150px; } }
  .discover .discover-visualization h3 {
    margin: 100px 0 50px 0;
    text-transform: uppercase; }
  .discover .discover-visualization .dv-wrap {
    width: 100%;
    float: left; }
    @media (min-width: 768px) {
      .discover .discover-visualization .dv-wrap {
        width: 50%; } }
    @media (min-width: 1366px) {
      .discover .discover-visualization .dv-wrap {
        width: 33.33%; } }
    .discover .discover-visualization .dv-wrap img {
      width: 100%;
      max-width: 640px;
      height: auto; }
    .discover .discover-visualization .dv-wrap h4 {
      color: #d2232a;
      width: 90%;
      padding: 0 5%; }
      .discover .discover-visualization .dv-wrap h4 .number {
        font-size: 3em;
        color: #29abe2; }
  .discover .discover-image {
    display: block;
    margin: 0;
    width: 100%;
    height: auto; }

.feedback {
  padding: 100px 0; }
  .feedback .feedback-wrap {
    padding: 40px 5%;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.33);
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: -200px;
    z-index: 2;
    background: #fff;
    overflow: hidden; }
    @media (min-width: 768px) {
      .feedback .feedback-wrap {
        width: 80%;
        max-width: 640px; } }
    .feedback .feedback-wrap .rVideo {
      margin: 10px auto 40px auto;
      width: 100%;
      max-width: 640px; }
    .feedback .feedback-wrap h2 {
      padding: 0 0 40px 0;
      margin: 0; }
    .feedback .feedback-wrap .feedback-tabs {
      list-style-type: none;
      display: block;
      width: 90%;
      margin: 0px auto;
      height: auto; }
      .feedback .feedback-wrap .feedback-tabs li {
        display: inline-block;
        float: left;
        width: 100%;
        padding: 10px 0; }
        @media (min-width: 768px) {
          .feedback .feedback-wrap .feedback-tabs li {
            width: 33.33%;
            padding: 10px 0; } }
        .feedback .feedback-wrap .feedback-tabs li .tab1, .feedback .feedback-wrap .feedback-tabs li .tab2, .feedback .feedback-wrap .feedback-tabs li .tab3 {
          display: inline-block;
          border-top: 1px solid #DCDCDC;
          border-left: 1px solid #DCDCDC;
          border-right: 1px solid #DCDCDC;
          border-bottom: 3px solid #DCDCDC;
          padding: 10px 20px;
          cursor: pointer;
          text-transform: uppercase;
          color: #757575; }
          .feedback .feedback-wrap .feedback-tabs li .tab1:hover, .feedback .feedback-wrap .feedback-tabs li .tab2:hover, .feedback .feedback-wrap .feedback-tabs li .tab3:hover {
            color: #d2232a;
            background: #f6f6f6; }
        .feedback .feedback-wrap .feedback-tabs li .green:hover {
          color: #29abe2; }
  .feedback .trap .feedback-content {
    display: block; }
    .feedback .trap .feedback-content article .wwrap {
      width: 100%;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .feedback .trap .feedback-content article .wwrap {
          width: 50%;
          max-width: 800px; } }
      .feedback .trap .feedback-content article .wwrap p a {
        color: #29abe2;
        text-decoration: none;
        border-bottom: 1px solid #29abe2; }
        .feedback .trap .feedback-content article .wwrap p a:hover {
          color: #0c4157;
          border-bottom: 1px solid #0c4157; }
    .feedback .trap .feedback-content article ul {
      list-style-type: none;
      width: 320px;
      margin: 0 auto; }
      .feedback .trap .feedback-content article ul li {
        padding: 0 0 10px 0; }
        .feedback .trap .feedback-content article ul li a {
          color: #29abe2;
          text-decoration: none;
          border-bottom: 1px solid #29abe2; }
          .feedback .trap .feedback-content article ul li a:hover {
            color: #0c4157;
            border-bottom: 1px solid #0c4157; }
    .feedback .trap .feedback-content article iframe {
      width: 100%;
      border: none; }
    .feedback .trap .feedback-content article #preassess {
      height: 2066px; }
      @media (min-width: 768px) {
        .feedback .trap .feedback-content article #preassess {
          height: 1896px; } }
    .feedback .trap .feedback-content article #postassess {
      height: 4850px; }
      @media (min-width: 768px) {
        .feedback .trap .feedback-content article #postassess {
          height: 3468px; } }

.game .game-top {
  background: #1d9ed5;
  padding: 1px 0 30px 0; }
  @media (min-width: 768px) {
    .game .game-top {
      padding: 1px 0 100px 0; } }
  .game .game-top .wwrap {
    width: 90%;
    margin: 40px auto 0 auto; }
    @media (min-width: 768px) {
      .game .game-top .wwrap {
        width: 50%;
        max-width: 480px;
        margin: 100px auto 0 auto; } }
    .game .game-top .wwrap h2 {
      color: #fff; }
    .game .game-top .wwrap p {
      color: #ddf2fa; }
    .game .game-top .wwrap a {
      color: #fcee21;
      text-decoration: none;
      border-bottom: 1px solid #fcee21; }
      .game .game-top .wwrap a:hover {
        color: #1d4bb2;
        border-bottom: 1px solid #1d4bb2; }
  .game .game-top::after {
    content: "";
    position: relative;
    width: 0px;
    height: 0px;
    bottom: -80px;
    border-bottom: 0px solid transparent !important;
    border-right: 30px solid transparent !important;
    border-left: 30px solid transparent !important;
    z-index: 2;
    border-top: 30px solid #1d9ed5;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none; }
    @media (min-width: 768px) {
      .game .game-top::after {
        bottom: -150px; } }
.game .game-bottom {
  background: #83ceee;
  padding: 50px 0 40px 0; }
  @media (min-width: 768px) {
    .game .game-bottom {
      padding: 100px 0 40px 0; } }
  .game .game-bottom .wrap .game-box {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.33);
    background: #fff;
    width: 100%;
    margin: 0 0 20px 0;
    display: inline-block;
    float: left; }
    @media (min-width: 1024px) {
      .game .game-bottom .wrap .game-box {
        width: 32%;
        margin: 0 2% 80px 0; } }
    .game .game-bottom .wrap .game-box:nth-child(3) {
      margin: 0 0 20px 0; }
      @media (min-width: 1024px) {
        .game .game-bottom .wrap .game-box:nth-child(3) {
          margin: 0 0 80px 0; } }
    .game .game-bottom .wrap .game-box img {
      width: 100%;
      height: auto; }
    .game .game-bottom .wrap .game-box .game-box-wrap {
      padding: 20px 30px 30px;
      text-align: left; }
      .game .game-bottom .wrap .game-box .game-box-wrap a {
        text-decoration: none;
        font-weight: 500; }
        .game .game-bottom .wrap .game-box .game-box-wrap a:hover {
          color: #29abe2; }
  .game .game-bottom .wrap .wwrap {
    width: 100%;
    max-width: 800px;
    margin: 10px auto 0 auto;
    display: inline-block; }
    .game .game-bottom .wrap .wwrap p {
      color: #146c91; }
      .game .game-bottom .wrap .wwrap p a {
        color: #1d4bb2;
        text-decoration: none;
        border-bottom: 1px solid #1d4bb2; }
        .game .game-bottom .wrap .wwrap p a:hover {
          color: #000;
          border-bottom: 1px solid #000; }
    @media (min-width: 768px) {
      .game .game-bottom .wrap .wwrap {
        width: 50%;
        margin: 0px auto 80px auto; } }

.written .wwrap {
  width: 90%;
  margin: 40px auto 0 auto; }
  @media (min-width: 768px) {
    .written .wwrap {
      width: 50%;
      max-width: 480px;
      margin: 100px auto 0 auto; } }
  .written .wwrap h2 {
    margin: 10px 0 30px; }
    @media (min-width: 768px) {
      .written .wwrap h2 {
        margin: 100px 0 30px; } }
  .written .wwrap p {
    margin: 0 0 40px 0; }
    @media (min-width: 768px) {
      .written .wwrap p {
        margin: 0 0 80px 0; } }
.written::after {
  content: "";
  position: relative;
  width: 0px;
  height: 0px;
  bottom: -50px;
  border-bottom: 0px solid transparent !important;
  border-right: 30px solid transparent !important;
  border-left: 30px solid transparent !important;
  z-index: 2;
  border-top: 30px solid #fff;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none; }

.thesis {
  background: #e9e9e9;
  border-bottom: 1px solid #DCDCDC;
  text-align: left;
  padding: 80px 0; }
  @media (min-width: 768px) {
    .thesis {
      padding: 120px 0 80px 0; } }
  .thesis .wrap {
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .thesis .wrap {
        width: 90%;
        max-width: 1366px; } }
    .thesis .wrap .thesis-accordian {
      margin: 0 0 1px 0;
      box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.33); }
      @media (min-width: 768px) {
        .thesis .wrap .thesis-accordian {
          margin: 0 0 20px 0; } }
      .thesis .wrap .thesis-accordian .title {
        background: #fcee21;
        display: block;
        margin: 0;
        padding: 5px 5%;
        cursor: pointer;
        color: #736c02; }
        @media (min-width: 768px) {
          .thesis .wrap .thesis-accordian .title {
            padding: 5px 40px; } }
        .thesis .wrap .thesis-accordian .title .fa-plus, .thesis .wrap .thesis-accordian .title .fa-minus {
          float: right;
          color: #736c02;
          text-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); }
      .thesis .wrap .thesis-accordian .text {
        background: #fff;
        display: block;
        margin: 0;
        padding: 20px 5%;
        width: 90%;
        overflow: hidden; }
        .thesis .wrap .thesis-accordian .text p {
          line-height: 200%;
          text-indent: .5in; }
          .thesis .wrap .thesis-accordian .text p .footnote {
            text-decoration: none;
            vertical-align: super;
            font-size: smaller;
            color: #d2232a;
            padding: 0px 5px; }
            .thesis .wrap .thesis-accordian .text p .footnote:hover {
              background: #d2232a;
              color: #fff; }
          .thesis .wrap .thesis-accordian .text p .figure {
            color: #29abe2;
            text-decoration: none;
            border-bottom: 1px solid #29abe2; }
            .thesis .wrap .thesis-accordian .text p .figure:hover {
              color: #0c4157;
              border-bottom: 1px solid #0c4157; }
          .thesis .wrap .thesis-accordian .text p .weblink {
            color: #757575;
            text-decoration: none;
            border-bottom: 1px dotted #757575; }
            .thesis .wrap .thesis-accordian .text p .weblink:hover {
              border-bottom: 1px solid #000;
              color: #000; }
        .thesis .wrap .thesis-accordian .text .foottext {
          line-height: 120%;
          text-indent: 0;
          font-size: 0.8em; }
          .thesis .wrap .thesis-accordian .text .foottext a {
            color: #d2232a;
            text-decoration: none;
            vertical-align: super;
            font-size: smaller;
            padding: 0px 5px;
            font-size: 1em; }
            .thesis .wrap .thesis-accordian .text .foottext a:hover {
              background: #d2232a;
              color: #fff; }
        .thesis .wrap .thesis-accordian .text h4 {
          margin: 40px 0 0 0;
          -webkit-margin-before: 0px;
          -webkit-margin-after: 0px;
          -webkit-margin-start: 0px;
          -webkit-margin-end: 0px; }
        .thesis .wrap .thesis-accordian .text blockquote {
          color: #757575; }
          .thesis .wrap .thesis-accordian .text blockquote .footnote {
            text-decoration: none;
            vertical-align: super;
            font-size: smaller;
            color: #d2232a;
            padding: 0px 5px; }
            .thesis .wrap .thesis-accordian .text blockquote .footnote:hover {
              background: #d2232a;
              color: #fff; }
        @media (min-width: 768px) {
          .thesis .wrap .thesis-accordian .text {
            padding: 20px 40px;
            width: auto; } }

#lightbox {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10; }
  #lightbox img {
    width: auto;
    max-width: 90%;
    padding: 50px 0 0 0;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5); }

footer .wrap .footer-column {
  margin: 20px 0 20px 0;
  width: 100%;
  text-align: left;
  display: inline-block;
  float: left; }
  @media (min-width: 768px) {
    footer .wrap .footer-column {
      margin: 40px 4% 40px 0;
      width: 48%; } }
  footer .wrap .footer-column:nth-child(2) {
    margin: 20px 0 20px 0; }
    @media (min-width: 768px) {
      footer .wrap .footer-column:nth-child(2) {
        margin: 40px 0 40px 0; } }
  footer .wrap .footer-column p {
    font-size: 0.8em; }
footer .footerb {
  border-top: 1px solid #DCDCDC;
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 0;
  font-size: 0.8em;
  color: #DCDCDC; }
  @media (min-width: 768px) {
    footer .footerb {
      padding: 30px 0; } }
  footer .footerb a {
    color: #757575;
    text-decoration: none;
    border-bottom: 1px solid #757575; }
    footer .footerb a:hover {
      color: #29abe2;
      border-bottom: 1px solid #29abe2; }
  footer .footerb .cclogo {
    border-bottom: none; }
    footer .footerb .cclogo:hover {
      border-bottom: none; }

/*************************************************
 Components - Modular, Carousel, Buttons 
 *************************************************/
.scrollarrow {
  font-size: 3em;
  z-index: 100;
  position: fixed;
  bottom: 0px;
  right: 10px;
  color: #29abe2;
  cursor: pointer; }

.button {
  display: inline-block;
  padding: 20px;
  border-radius: 5px;
  border: 2px solid #1db254;
  color: #16863f;
  background: #fff;
  text-decoration: none;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.3);
  margin: 0 0 10px 0;
  -webkit-transition: background 0.33s linear;
  -ms-transition: background 0.33s linear;
  -moz-transition: background 0.33s linear;
  -o-transition: background 0.33s linear;
  -kthtml-transition: background 0.33s linear;
  transition: background 0.33s linear; }
  .button:hover {
    background: #1db254;
    color: #fff !important;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
    border: 2px solid #16863f; }
    .button:hover .fa {
      color: #fff !important;
      text-shadow: none; }
  .button .fa {
    padding: 0 10px 0 0;
    color: #1db254; }

/*************************************************
 Trumps - Overrides, States, !importants 
 *************************************************/
.acchide {
  position: absolute;
  top: -999999em;
  left: auto;
  width: 0px;
  height: 0px;
  overflow: hidden; }

.hide {
  display: none; }

.destroy {
  display: none !important; }

.black {
  color: #000; }

.rover {
  background: #a61c21; }

.green {
  color: #29abe2 !important;
  border-top: 1px solid #29abe2 !important;
  border-left: 1px solid #29abe2 !important;
  border-right: 1px solid #29abe2 !important;
  border-bottom: 3px solid #29abe2 !important; }

.gray {
  background: #DCDCDC !important; }

.whole {
  width: 100% !important; }

/*# sourceMappingURL=styles.css.map */