@import url(https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Londrina+Solid|Montserrat:400,700);
/*
* Skeleton-SASS V1.0
* Copyright 2012 by Michael Lazer-Walker
* https://github.com/lazerwalker/Skeleton-Sass
*
* Based off of Skeleton v1.1:
* https://github.com/dhgamache/Skeleton
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* #Variable Definitions
================================================== */
/* Grid
================================================== */
/* #Clearing
================================================== */
/* Include clearfix on parent to clear nested columns,
or wrap each row of columns in a @include row */
/* You can also use a @include clear to clear columns */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000313}}
#banner {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  width: 700px;
  margin-left: 0;
  height: 300px;
  position: relative; }
  @media only screen and (max-width: 767px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000313}}
    #banner {
      margin: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000313}}
    #banner {
      width: 556px; } }
  @media only screen and (max-width: 767px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000313}}
    #banner {
      width: 300px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000313}}
    #banner {
      width: 420px; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000319}}
  #banner .hide {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1;
    visibility: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000327}}
  #banner #hiddenKasasaPassItOnPopupLink {
    display: none; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000313}}
    #banner {
      height: 320px; } }
  @media only screen and (max-width: 479px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000313}}
    #banner {
      height: 280px; } }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000336}}
#bannerSlides {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000341}}
  #bannerSlides .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background: #ccc;
    -webkit-transform: translateZ(0); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000353}}
    #bannerSlides .slide img {
      width: 100%;
      max-width: 700px;
      height: auto;
      position: absolute;
      left: 0;
      top: 0; }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000353}}
        #bannerSlides .slide img {
          width: auto;
          left: 50%;
          margin-left: -350px; } }
      @media only screen and (max-width: 767px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000353}}
        #bannerSlides .slide img {
          max-width: 420px;
          position: static;
          display: block; } }
      @media only screen and (max-width: 479px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000353}}
        #bannerSlides .slide img {
          max-width: 300px; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000377}}
    #bannerSlides .slide .slideContent {
      position: absolute;
      width: 80%;
      left: 50%;
      margin-left: -40%;
      bottom: 0;
      z-index: 4;
      background: rgba(255, 255, 255, 0.5);
      text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000389}}
      #bannerSlides .slide .slideContent p {
        margin: 0;
        padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000393}}
      #bannerSlides .slide .slideContent a {
        display: block; }
      @media only screen and (max-width: 767px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\0000377}}
        #bannerSlides .slide .slideContent {
          position: static;
          display: block;
          width: 100%;
          margin-left: 0;
          background: #ccc; } }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\00003109}}
#bannerNavigation {
  position: absolute; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\00003111}}
  #bannerNavigation .button {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 5px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\00003122}}
#bannerPlayback .button {
  display: none;
  position: absolute;
  left: 1%;
  bottom: 40%;
  background: #333;
  color: #FFF;
  z-index: 40;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\00003133}}
  .js #bannerPlayback .button {
    cursor: pointer;
    display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\00003138}}
  #bannerPlayback .button i {
    color: #fff;
    font-size: 17px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\00003143}}
  #bannerPlayback .button.next {
    right: 1%;
    left: auto; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\00003150}}
#bannerPreloader {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 50%;
  top: 50%;
  z-index: 50;
  margin: -12.5px -12.5px 0 0;
  display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/heather\.engle\/custom\/_templateresponsivebranch\/scss\/banner\.scss}line{font-family:\00003159}}
  .js #bannerPreloader {
    display: block; }