/* beginning of main.scss */
/* beginning of _variables.scss */
/*mixins*/
/* end of _variables.scss */
/* beginning of global.scss */
#trackingpx {
  display: none;
  width: 0px;
  height: 0px; }

body {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  color: white;
  background-color: #1e2628;
  font-size: 16px; }
  @media (max-width: 589px) {
    body {
      font-size: 14px; } }

/*links*/
a {
  color: #fdab3b; }
  a:hover, a:active, a:focus {
    color: #ffcd86;
    text-decoration: underline;
    outline: none !important; }
  a.btn:hover, a.btn:active, a.btn:focus {
    text-decoration: none; }
  a.readmore-js-toggle {
    text-align: right; }

.btn-link:hover, .btn-link:active, .btn-link:focus {
  color: #ffcd86;
  text-decoration: underline;
  outline: none; }

img {
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

label {
  text-transform: uppercase; }

/* all h tags ------------------------------- */
h1 {
  font-size: 32px;
  line-height: 1.1em;
  font-weight: 300;
  text-transform: uppercase;
  color: white;
  font-family: "Oswald", sans-serif; }
  h1 strong {
    display: block;
    font-weight: 700;
    color: #ffcd86;
    font-size: 1.3em;
    line-height: 1.1em; }

.inline-strong {
  display: inline;
  float: none;
  font-size: 1em;
  margin-left: 6px; }

h2 {
  font-size: 36px;
  line-height: 1.1em;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  color: #ffcd86; }
  @media (max-width: 359px) {
    h2 {
      font-size: 28px; } }

h3, h4 {
  font-weight: normal;
  color: white;
  text-transform: capitalize; }

@media (max-width: 589px) {
  .readmore-js-section {
    line-height: 1.5em; } }

.text-vertical-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.dark-title {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  padding: 10px 15px; }

.underline {
  text-decoration: underline; }

.text-disabled {
  color: #887964; }

.well {
  background: rgba(0, 0, 0, 0.4);
  background: #4e3644 \9;
  /* IE8 and below */
  border: none; }

.well-border {
  border: 1px solid #dddddd; }

.panel-title a:hover, .panel-title a:focus, .panel-title a:active {
  color: #c5194b;
  outline: none; }

.thumbnail {
  margin-right: 10px;
  background: none;
  border: none; }

em {
  font-style: oblique; }

/* end of global.scss */
/* beginning of alerts.scss */
.alert-success, .alert-danger, .section-bg-sepia .alert-info, .section-bg-sepia .alert-success, .section-bg-sepia .alert-warning, .alert-info, .form-group .alert-danger {
  background: rgba(0, 0, 0, 0.4);
  background: #4e3644 \9;
  /* IE8 and below */
  border: 1px solid #dddddd;
  color: white;
  padding: 15px 20px; }
  .alert-success small, .alert-danger small, .section-bg-sepia .alert-info small, .section-bg-sepia .alert-success small, .section-bg-sepia .alert-warning small, .alert-info small, .form-group .alert-danger small {
    font-size: 14px; }
  .alert-success i, .alert-danger i, .section-bg-sepia .alert-info i, .section-bg-sepia .alert-success i, .section-bg-sepia .alert-warning i, .alert-info i, .form-group .alert-danger i {
    color: #74a675; }

.alert-danger, .section-bg-sepia .alert-info, .section-bg-sepia .alert-success, .section-bg-sepia .alert-danger, .section-bg-sepia .alert-warning {
  color: white;
  border-color: #d1696a;
  background: rgba(0, 0, 0, 0.4);
  background: #4e3644 \9;
  /* IE8 and below */ }
  .alert-danger small, .section-bg-sepia .alert-info small, .section-bg-sepia .alert-success small, .section-bg-sepia .alert-danger small, .section-bg-sepia .alert-warning small {
    font-size: 14px; }
  .alert-danger i, .section-bg-sepia .alert-info i, .section-bg-sepia .alert-success i, .section-bg-sepia .alert-danger i, .section-bg-sepia .alert-warning i {
    color: #d1696a; }
  .alert-danger h2, .section-bg-sepia .alert-info h2, .section-bg-sepia .alert-success h2, .section-bg-sepia .alert-danger h2, .section-bg-sepia .alert-warning h2 {
    color: #d1696a; }

.alert-info small {
  font-size: 14px; }
.alert-info a:not(.btn) {
  color: #fdab3b; }
  .alert-info a:not(.btn) i {
    color: #fdab3b; }
.alert-info a:hover:not(.btn) {
  color: #ffcd86; }
  .alert-info a:hover:not(.btn) i {
    color: #ffcd86; }

.alert-warning {
  color: white;
  border-color: #dbbb8f;
  background: rgba(0, 0, 0, 0.4);
  background: #4e3644 \9;
  /* IE8 and below */ }
  .alert-warning h2 {
    color: #dbbb8f; }

.form-group .alert-success, .form-group .alert-info, .form-group .alert-danger, .form-group .section-bg-sepia .alert-warning, .section-bg-sepia .form-group .alert-warning {
  font-size: 12px;
  text-transform: none; }
.form-group .alert-danger, .form-group .section-bg-sepia .alert-info, .section-bg-sepia .form-group .alert-info, .form-group .section-bg-sepia .alert-success, .section-bg-sepia .form-group .alert-success, .form-group .section-bg-sepia .alert-warning, .section-bg-sepia .form-group .alert-warning {
  color: #d1696a; }

.project-status .alert {
  font-size: 16px;
  text-transform: uppercase; }

@media (min-width: 992px) {
  #faq .alert {
    width: 101.5%; } }

#registration-confirmation .alert-success, #registration-confirmation .alert-danger, #registration-confirmation .section-bg-sepia .alert-warning, .section-bg-sepia #registration-confirmation .alert-warning, #registration-confirmation .alert-info {
  margin: 40px 0px;
  padding: 10px 30px 30px; }

.section-bg-sepia .alert-info, .section-bg-sepia .alert-success, .section-bg-sepia .alert-danger, .section-bg-sepia .alert-warning {
  color: #141414; }

#registration-verify .alert-danger, #registration-verify .section-bg-sepia .alert-info, .section-bg-sepia #registration-verify .alert-info, #registration-verify .section-bg-sepia .alert-success, .section-bg-sepia #registration-verify .alert-success, #registration-verify .section-bg-sepia .alert-warning, .section-bg-sepia #registration-verify .alert-warning {
  margin: 40px 0px;
  padding: 10px 30px 30px; }

.text-success {
  color: #74a675; }

.text-danger {
  color: #d1696a; }

.reset-email {
  display: inline-block; }

.reset-password {
  margin-top: 10px; }

#notifications .alert {
  margin: 0px;
  padding: 5px;
  font-size: 14px;
  color: #fff !important;
  border-radius: 0px; }
  #notifications .alert a {
    color: #fdab3b !important; }
    #notifications .alert a:hover {
      color: #ffcd86 !important; }
#notifications .alert-success, #notifications .alert-danger, #notifications .section-bg-sepia .alert-warning, .section-bg-sepia #notifications .alert-warning, #notifications .alert-info {
  background: #74a675;
  border: 1px solid #0d6f3b; }
#notifications .alert-danger, #notifications .section-bg-sepia .alert-info, .section-bg-sepia #notifications .alert-info, #notifications .section-bg-sepia .alert-success, .section-bg-sepia #notifications .alert-success, #notifications .section-bg-sepia .alert-warning, .section-bg-sepia #notifications .alert-warning {
  background: #d1696a;
  border: 1px solid #6f0f13; }
#notifications .alert-warning {
  background: #c29bb3;
  border: 1px solid #5c394f; }
#notifications .alert-info {
  background: #005a6a;
  border: 1px solid #002830; }

/* end of alerts.scss */
/* beginning of buttons.scss */
.btn {
  padding: 7px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .btn:focus {
    outline: none;
    outline-offset: -2px; }
  .btn:active:focus {
    outline: none;
    outline-offset: -2px; }
  .btn.active:focus {
    outline: none;
    outline-offset: -2px; }
  .btn:hover {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }

.btn-default, .btn-success, .btn-info {
  border: none;
  font-weight: bold;
  color: #005a6a;
  background-color: #91d2e6; }
  .btn-default:hover, .btn-success:hover, .btn-info:hover {
    background-color: #005a6a;
    color: #91d2e6;
    border: none; }

.btn-success:hover {
  background-color: #005a6a;
  color: #91d2e6;
  border: none; }

.btn-info:hover {
  background-color: #005a6a;
  color: #91d2e6;
  border: none; }

.btn-danger, .btn-warning {
  border: none;
  font-weight: bold;
  color: #5c394f;
  background-color: #c29bb3; }
  .btn-danger:hover, .btn-warning:hover {
    border: none;
    background-color: #8c7383;
    color: #dbcad5; }

.btn-warning:hover {
  border: none;
  background-color: #8c7383;
  color: #dbcad5; }

.btn-dark {
  border-radius: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.4); }
  .btn-dark:hover, .btn-dark:focus, .btn-dark:active {
    color: white;
    background-color: rgba(0, 0, 0, 0.8); }

.btn-light {
  border-radius: 0;
  color: #1e1e1e;
  background-color: white; }
  .btn-light:hover, .btn-light:focus, .btn-light:active {
    color: #1e1e1e;
    background-color: rgba(255, 255, 255, 0.8); }

.btn-primary {
  border: none;
  background: #fdab3b;
  color: #c5194b;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
  text-transform: uppercase; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #c5194b;
    color: #fdab3b !important;
    text-decoration: none; }
  .btn-primary:active, .btn-primary:after, .btn-primary:disabled {
    background-color: #8a0a1c;
    color: #fdab3b !important;
    text-decoration: none; }
  .btn-primary [disabled] {
    background-color: #8a0a1c;
    color: white; }

.btn-lg {
  padding: 20px 35px; }

.header .social-icons {
  line-height: 2.5em;
  font-size: .9em;
  margin-left: -42px;
  margin-top: 37px;
  text-align: center; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .header .social-icons {
      margin-left: 0px; } }

footer .social-icons {
  line-height: 2.5em;
  font-size: .9em; }

.social-icons a {
  color: #fdab3b;
  display: block; }
  .social-icons a:hover, .social-icons a:focus, .social-icons a:active {
    color: #ffcd86;
    outline: none; }

.social-icons-.header a:focus,
.social-icons-.header a:active {
  color: #ffcd86;
  outline: none; }

button {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  button:hover {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  button.close {
    color: white; }

/* social buttons */
.btn-facebook, .btn-twitter, button.twitter, .btn-google-plus, button.google-plus, .btn-tumblr, button.tumblr, .btn-flickr, button.flickr, .btn-instagram, button.instagram, button.facebook {
  color: white;
  font-weight: bold;
  border: none;
  background: #3b5998; }
  .btn-facebook:hover, .btn-twitter:hover, button.twitter:hover, .btn-google-plus:hover, button.google-plus:hover, .btn-tumblr:hover, button.tumblr:hover, .btn-flickr:hover, button.flickr:hover, .btn-instagram:hover, button.instagram:hover, button.facebook:hover {
    color: #3b5998;
    background: white; }

.btn-twitter, button.twitter {
  background: #00aced; }
  .btn-twitter:hover, button.twitter:hover {
    color: #00aced;
    background: white; }

.btn-google-plus, button.google-plus {
  background: #dd4b39; }
  .btn-google-plus:hover, button.google-plus:hover {
    color: #dd4b39;
    background: white; }

.btn-tumblr, button.tumblr {
  background: #32506d; }
  .btn-tumblr:hover, button.tumblr:hover {
    color: #32506d;
    background: white; }

.btn-flickr, button.flickr {
  background: #ff0084; }
  .btn-flickr:hover, button.flickr:hover {
    color: #ff0084;
    background: white; }

.btn-instagram, button.instagram {
  background: #517fa4; }
  .btn-instagram:hover, button.instagram:hover {
    color: #517fa4;
    background: white; }

.tell-your-friends button {
  color: white;
  font-weight: bold;
  border: none;
  width: 32%; }
  @media (max-width: 589px) {
    .tell-your-friends button {
      font-size: .7em; } }
  .tell-your-friends button:hover {
    color: white;
    font-weight: bold;
    border: none;
    width: 32%; }
  .tell-your-friends button.email {
    color: white;
    background: #649283; }
    .tell-your-friends button.email:hover {
      color: #649283;
      background-color: white; }

.modal .email {
  color: white;
  background: #649283; }
  .modal .email:hover {
    color: #649283;
    background-color: white; }

iframe.twitter-share-button {
  margin-left: 38px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0; }

.share-buttons .btn.btn-twitter {
  cursor: default; }
  .share-buttons .btn.btn-twitter:not(button) {
    padding: 9px 5px 5px; }

#home-cta {
  margin-left: 40px; }
  #home-cta p.watch-video, #home-cta .filter-box > form.watch-video {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold; }

.go-to {
  width: 72px;
  margin: 0px auto;
  margin-bottom: -36px; }
  .go-to .anchor-link {
    width: 72px;
    height: 72px;
    background-color: #c5194b;
    color: #fdab3b;
    display: inline-block;
    text-align: center;
    border-radius: 36px;
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .go-to .anchor-link:hover, .go-to .anchor-link:focus {
      color: #c5194b;
      background-color: #fdab3b;
      text-decoration: none;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }

.btnPlayVideo {
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 0;
  left: 50%;
  cursor: pointer;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 10;
  width: 100px;
  border-radius: 50px;
  background-color: #fdab3b;
  display: table;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  @media (max-width: 767px) {
    .btnPlayVideo {
      border-radius: 35px;
      height: 70px;
      margin-left: -35px;
      margin-top: -35px;
      width: 70px; } }
  .btnPlayVideo > i.fa {
    color: #c5194b;
    display: table-cell;
    font-size: 40pt;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    opacity: 0.7; }
    @media (max-width: 767px) {
      .btnPlayVideo > i.fa {
        font-size: 30pt; } }
  .btnPlayVideo > i.fa-picture-o {
    padding-left: 3px; }
  .btnPlayVideo .fa.fa-play {
    padding-left: 10px; }
  .btnPlayVideo:hover {
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: #c5194b; }
    .btnPlayVideo:hover > i.fa {
      opacity: 1;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #fdab3b; }

.views-stats {
  padding-left: 10px; }

.thumbnailVideo {
  width: 100%; }

.i-share-asset {
  color: #5ad6fc;
  cursor: pointer; }
  .i-share-asset.active, .i-share-asset:hover, .i-share-asset:active {
    color: #00aced; }

.i-fav-asset {
  cursor: pointer;
  color: #ff4880; }
  .i-fav-asset.active {
    color: #c5194b; }

.i-follow-counter.active {
  color: #c5194b; }

.i-fav-asset:hover {
  color: #c5194b; }

.input-group-btn button {
  font-weight: bold; }

/* end of buttons.scss */
/* beginning of nav.scss */
/* navbar styles */
.navbar-inverse .navbar-nav li > a {
  color: #fdab3b;
  padding: 8px 10px 10px 10px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .navbar-inverse .navbar-nav li > a:hover, .navbar-inverse .navbar-nav li > a:focus, .navbar-inverse .navbar-nav li > a:active {
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffcd86;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    outline: none;
    text-decoration: none; }
.navbar-inverse .navbar-nav li.active > a:hover, .navbar-inverse .navbar-nav li.active > a:focus, .navbar-inverse .navbar-nav li.active > a:active {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffcd86;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  outline: none;
  text-decoration: none; }
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #c5194b; }
.navbar-inverse .navbar-toggle:hover .icon-bar {
  background-color: #fdab3b; }
@media (max-width: 767px) {
  .navbar-inverse > .navbar-header {
    margin-bottom: 15px; } }
@media (max-width: 589px) {
  .navbar-inverse > .navbar-header {
    min-height: 85px; } }

/* end of navbar-inverse */
/* login logout buttons*/
.login-logout-buttons {
  display: block;
  float: right;
  margin-left: 10px;
  margin-top: -6px; }
  @media (max-width: 767px) and (min-width: 500px) {
    .login-logout-buttons {
      margin: auto;
      position: absolute;
      top: 12px;
      right: 50px;
      padding-bottom: 12px; } }
  @media (max-width: 767px) {
    .login-logout-buttons {
      top: 0px; } }
  @media (max-width: 589px) {
    .login-logout-buttons {
      margin: auto;
      padding-bottom: 15px;
      position: absolute;
      right: 0;
      top: 50px; } }
  .login-logout-buttons .logout-buttons {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 2.4em; }
    .login-logout-buttons .logout-buttons.active, .login-logout-buttons .logout-buttons:hover {
      background-color: rgba(0, 0, 0, 0.4);
      color: #ffcd86;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      outline: none;
      text-decoration: none; }
    .login-logout-buttons .logout-buttons:not(#logout) {
      padding: 8px 15px 10px 15px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .login-logout-buttons .logout-buttons:not(#logout) {
          padding: 4px 10px 10px; } }
      @media (max-width: 767px) and (min-width: 500px) {
        .login-logout-buttons .logout-buttons:not(#logout) {
          padding: 7px 10px 12px 10px; } }
      @media (max-width: 589px) {
        .login-logout-buttons .logout-buttons:not(#logout):not(.nav-project-mobile) {
          padding: 7px 5px 7px 5px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .login-logout-buttons .logout-buttons {
        margin-bottom: 20px; } }
  @media (max-width: 589px) {
    .login-logout-buttons a {
      font-size: 13px; } }

.nav li {
  float: left;
  list-style-type: none; }
  .nav li > a:hover, .nav li > a:focus, .nav li > a:active {
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffcd86;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    outline: none;
    text-decoration: none; }

.nav-tabs li a:focus {
  color: #ff4880;
  outline: none; }

@media (max-width: 767px) {
  .cat-margin {
    margin-right: 0px; } }

@media (max-width: 767px) {
  .navbar-header {
    margin-bottom: 5px; } }

@media (max-width: 767px) {
  .navbar {
    margin-bottom: 0; } }

.nav-project-mobile {
  display: none; }
  @media (max-width: 767px) {
    .nav-project-mobile {
      display: inline;
      text-transform: uppercase;
      margin-left: 5px; } }

#project .nav-tabs {
  margin: 20px 0 20px; }

/* Begin About Navigtion ---------------------------- */
.nav-tabs {
  border-bottom: 5px solid rgba(0, 0, 0, 0.4);
  margin-bottom: 10px; }
  .nav-tabs > li {
    margin-bottom: -5px; }
    .nav-tabs > li.active {
      border-bottom: #c5194b; }
      .nav-tabs > li.active a {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: rgba(0, 0, 0, 0.4);
        background: #4e3644 \9;
        /* IE8 and below */
        border-color: #c5194b;
        border-image: none;
        border-style: none none solid;
        border-width: 0 0 5px;
        color: #c5194b;
        outline: none;
        border-bottom: 5px solid #c5194b !important; }
        .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
          -moz-border-bottom-colors: none;
          -moz-border-left-colors: none;
          -moz-border-right-colors: none;
          -moz-border-top-colors: none;
          background: rgba(0, 0, 0, 0.4);
          background: #4e3644 \9;
          /* IE8 and below */
          border-color: #c5194b;
          border-image: none;
          border-style: none none solid;
          border-width: 0 0 5px;
          color: #c5194b;
          outline: none; }
    .nav-tabs > li a {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-image: none;
      border-radius: 0;
      border-style: none none solid;
      border-width: 0 0 5px;
      color: #ff4880; }
      .nav-tabs > li a:hover {
        background: rgba(0, 0, 0, 0.4);
        border-bottom-color: #c5194b;
        color: #c5194b; }
  .nav-tabs.nav-plain {
    border: 0 none; }
    .nav-tabs.nav-plain a {
      border: 0 none; }

/* end of nav-tabs  */
.inverse-body .nav-tabs {
  border-bottom-color: #ff4880; }
  .inverse-body .nav-tabs > li a {
    border-bottom-color: #ff4880;
    color: #4b423d; }
    .inverse-body .nav-tabs > li a:hover {
      border-bottom-color: #4b423d;
      color: #1e1916; }
  .inverse-body .nav-tabs > li.active > a {
    color: #c5194b;
    outline: none; }
    .inverse-body .nav-tabs > li.active > a:hover, .inverse-body .nav-tabs > li.active > a:focus {
      color: #c5194b;
      outline: none; }

.collapse.in .nav-tabs > li.active > a:hover {
  border: none; }

/* about Nav Styles sass -------------------------------------------- */
@media (max-width: 767px) {
  .navbar-collapse {
    border-top: none;
    box-shadow: none;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.4);
    margin: 0; } }
@media (max-width: 428px) {
  .navbar-collapse .nav-tabs {
    padding: 0;
    margin: 0; } }
@media (max-width: 767px) {
  .navbar-collapse .nav-tabs > li {
    float: none; } }
@media (max-width: 428px) {
  .navbar-collapse .nav-tabs > li a {
    padding: 10px; } }

.about-nav {
  background: none; }
  .about-nav .navbar-collapse {
    padding: 0; }
  @media (min-width: 768px) {
    .about-nav .navbar-nav {
      width: 100%; } }
  .about-nav .navbar-toggle {
    background: #c5194b;
    width: 100%;
    margin: 0 0 8px 0; }

@media (max-width: 767px) {
  .about-nav .nav-tabs > li a,
  .about-nav .nav-tabs,
  .about-nav .nav-tabs > li,
  .about-nav .nav-tabs > li.active,
  .about-nav .nav-tabs > li.active > a,
  .about-nav .nav-tabs > li.active > a:hover,
  .about-nav .nav-tabs > li.active > a:focus {
    border: none;
    margin: 10px;
    outline: none; } }

.fan-exp-nav {
  background: none; }
  .fan-exp-nav .navbar-collapse {
    padding: 0; }
    @media (max-width: 767px) {
      .fan-exp-nav .navbar-collapse .nav-tabs {
        border: none;
        padding: 7px 15px; } }
    @media (max-width: 767px) {
      .fan-exp-nav .navbar-collapse .nav-tabs > li {
        float: left; } }
    @media (max-width: 430px) {
      .fan-exp-nav .navbar-collapse .nav-tabs > li {
        float: none; } }
  .fan-exp-nav .navbar-nav {
    width: 100%; }
  .fan-exp-nav .navbar-toggle {
    background: #c5194b;
    width: 100%;
    margin: 0 0 8px 0; }

/*end of fan exp nav */
/* end of nav.scss */
/* Footer ---------------------------- */
footer {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  line-height: 1;
  background-color: #141414;
  background: url("../img/footer-bg2.jpg") no-repeat bottom left;
  text-align: center; }
  footer .sponsors {
    margin-bottom: 20px; }
  footer a {
    margin: 0px 20px 0px 20px;
    opacity: 1.0;
    filter: alpha(opacity=100); }
    footer a:hover, footer a:focus, footer a:active {
      opacity: 0.8;
      filter: alpha(opacity=80);
      outline: none; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-width: 568px) {
      footer a {
        margin: 20px 12px 20px 12px;
        opacity: 0.8;
        filter: alpha(opacity=80); } }
  footer .row:first-child ul {
    display: table;
    margin: 30px auto 20px; }
    footer .row:first-child ul li {
      float: left;
      list-style-type: none;
      font-size: 13px; }
      footer .row:first-child ul li a {
        color: #dddddd; }
        footer .row:first-child ul li a:hover {
          color: #bbbbbb; }
      @media (max-width: 725px) {
        footer .row:first-child ul li {
          float: none;
          list-style-type: none;
          font-size: 13px;
          line-height: 20px; } }
    @media (max-width: 725px) {
      footer .row:first-child ul {
        display: table;
        margin: 30px auto 20px;
        padding: 0;
        text-align: center; } }
  footer .mice, footer .help-block {
    color: #bcbcbc;
    margin-left: 20px;
    white-space: nowrap;
    overflow: hidden; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-width: 568px) {
      footer .mice em, footer .help-block em {
        margin-right: -12px; } }
  footer .sponsors a.cmf-fmc {
    background: url("../img/cmf-logo-grey.png") no-repeat center center;
    width: 174px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 50px 20px 0px; }
  footer p, footer .filter-box > form {
    margin-top: 30px; }

.footer-social-icons {
  margin: 20px auto;
  border-spacing: 3px;
  display: table;
  /* end of .footer-social-icons a */ }
  .footer-social-icons a {
    color: #1a2424;
    font-size: 16px;
    background: #fdab3b;
    width: 46px;
    height: 46px;
    text-align: center;
    border-radius: 23px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .footer-social-icons a:hover, .footer-social-icons a:focus {
      color: #fdab3b;
      background: #c5194b;
      opacity: 1.0;
      filter: alpha(opacity=100);
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      outline: none; }
    @media (max-width: 360px) {
      .footer-social-icons a {
        font-size: 16px; } }

/* end of .footer-social-icons */
.CBC-punchline, .just-for-laughs, .cinecoup {
  background: url("../img/punchline-logo-grey.png") no-repeat center center;
  width: 94px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  margin: 20px 50px; }

.just-for-laughs {
  background: url("../img/jfl-logo-grey.png") no-repeat center center;
  width: 85px;
  height: 85px;
  margin: 0px 50px 20px; }

.cinecoup {
  background: url("../img/cinecoup-logo-grey.png") no-repeat center center;
  width: 132px;
  height: 37px; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-width: 568px) {
  .footer-logo {
    display: block;
    text-align: center; }

  .CBC-punchline, .just-for-laughs, .cinecoup, .just-for-laughs, .cinecoup, .cmf-fmc {
    margin-left: auto;
    margin-right: auto; } }
/* beginning of _cbc.scss */
.navbar {
  background: none;
  border-radius: 0px;
  margin-bottom: 0px;
  min-height: 43px;
  border: 0; }

.navbar.cbc-navbar {
  background-color: #1a1a1a;
  border: 1px none;
  left: 0;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  z-index: 1000;
  right: 0; }

#cbc-header {
  height: 43px; }
  @media (max-width: 1057px) and (min-width: 985px) {
    #cbc-header {
      position: absolute;
      left: 0; } }
  #cbc-header #gniframe {
    margin-left: -28px;
    width: 1000px; }
    @media (max-width: 1199px) {
      #cbc-header #gniframe {
        margin-left: -16px; } }
    @media (max-width: 1057px) and (min-width: 985px) {
      #cbc-header #gniframe {
        margin-left: -16px;
        width: 986px; } }
  @media (max-width: 985px) {
    #cbc-header {
      display: none; } }

/*end of #cbc-header*/
@media (max-width: 1057px) and (min-width: 985px) {
  #cbc-header.container {
    margin: 0;
    padding: 0; } }

/* cbc footer -------------------------------------- */
footer {
  overflow: hidden; }

iframe.cbc-footer {
  width: 986px;
  height: 344px;
  position: absolute;
  left: 50%;
  z-index: 10;
  margin-left: -493px; }

div.grey-footer-block, div.grey-footer-block2, div.black-footer-block {
  width: 100%;
  display: block;
  background-color: #ececec;
  position: absolute;
  height: 344px;
  z-index: 0;
  overflow: hidden;
  border-top: 1px #bdbdbd solid; }
  @media (max-width: 985px) {
    div.grey-footer-block, div.grey-footer-block2, div.black-footer-block {
      background-color: #1a1a1a;
      height: 45px;
      margin-top: -45px; } }

div.grey-footer-block2 {
  z-index: 2;
  border-top: 1px solid #5c5c5c;
  border-bottom: 1px solid #5c5c5c;
  margin-top: 233px;
  height: 41px; }
  @media (max-width: 985px) {
    div.grey-footer-block2 {
      display: none; } }

div.black-footer-block {
  background-color: black;
  z-index: 1;
  height: 80px;
  margin-top: 270px; }
  @media (max-width: 985px) {
    div.black-footer-block {
      display: none; } }

@-moz-document url-prefix() {
  div.grey-footer-block2 {
    margin-top: 238px;
    height: 41px; }

  div.black-footer-block {
    height: 80px;
    margin-top: 277px; } }

.mobile-cbc-footer {
  float: left;
  z-index: 10;
  height: 45px;
  padding: 5px 0;
  text-align: center;
  font-size: .8em;
  font-style: normal;
  color: white;
  padding: 10px; }
  @media (min-width: 986px) {
    .mobile-cbc-footer {
      display: none; } }
  .mobile-cbc-footer a {
    color: white;
    text-decoration: none; }
  .mobile-cbc-footer ul {
    padding-bottom: 10px;
    list-style-type: none;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -240px;
    padding: 0; }
    .mobile-cbc-footer ul li {
      float: left; }
    @media (max-width: 589px) {
      .mobile-cbc-footer ul {
        display: none; } }
  .mobile-cbc-footer .cright {
    color: #ccc;
    display: block;
    padding-top: 13px;
    position: absolute;
    right: 10px;
    z-index: 1; }

/*hide rendered cbc stas iframe*/
iframe[src^='https://www.cbc.ca/g/stats/ext.html'] {
  display: none; }

/* mobile cbc header */
#mobile-cbc-header {
  float: left;
  width: 100%;
  font-size: .8em;
  color: white;
  background-color: #1a1a1a; }
  @media (min-width: 986px) {
    #mobile-cbc-header {
      display: none; } }
  #mobile-cbc-header .logo-img {
    float: left;
    width: 30px;
    padding-left: 5%;
    padding-top: 10px; }
    #mobile-cbc-header .logo-img img {
      max-width: 30px;
      height: 20px; }
    @media (max-width: 985px) {
      #mobile-cbc-header .logo-img {
        padding-left: 1%; } }
    @media (max-width: 768px) {
      #mobile-cbc-header .logo-img {
        padding-left: 16px; } }
  #mobile-cbc-header .date {
    float: right;
    padding-top: 12px;
    padding-right: 9px; }

@media (max-width: 985px) {
  #cbc-footer {
    display: none; } }

/* end of _cbc.scss */
/* beginning of comments.scss */
.date.small {
  color: #666666; }

.comment-section {
  border-radius: 5px; }
  .comment-section .media {
    margin-top: 20px; }
    .comment-section .media .media {
      margin: 0; }
  .comment-section h2 {
    margin: 10px 0 30px; }
  .comment-section h3, .comment-section h4 {
    margin: 15px 0 20px; }
    @media (max-width: 400px) {
      .comment-section h3, .comment-section h4 {
        margin: 10px 0; } }
  .comment-section .join-conversation {
    bottom: -40px;
    position: absolute;
    right: 15px; }
  .comment-section .col-xs-1 {
    padding: 0; }
    @media (max-width: 767px) {
      .comment-section .col-xs-1 {
        width: 50px; } }
    @media (max-width: 400px) {
      .comment-section .col-xs-1 {
        width: 25px; } }
    @media (min-width: 1200px) {
      .comment-section .col-xs-1 > img {
        width: 50px;
        height: 50px; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .comment-section .col-xs-1 > img {
        width: 40px;
        height: 40px; } }
    @media (max-width: 991px) {
      .comment-section .col-xs-1 > img {
        width: 50px;
        height: 50px; } }
    @media (max-width: 400px) {
      .comment-section .col-xs-1 > img {
        height: 25px;
        width: 25px; } }
  .comment-section > .row:first-child > .col-xs-11 {
    line-height: 1.2em;
    margin-left: 5px;
    margin-top: -3px;
    padding-left: 0;
    width: calc(100% - 65px); }
  .comment-section p, .comment-section .filter-box > form {
    margin: 10px 0 5px; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .comment-section p, .comment-section .filter-box > form {
        margin: 5px 0; } }

.comment-post .media-controls {
  margin-bottom: 15px; }
.comment-post .top-comment .col-xs-11 {
  line-height: 1.2em;
  margin-left: 5px;
  margin-top: -3px;
  padding: 0;
  width: calc(100% - 100px); }
.comment-post .btn-upvote.active {
  cursor: inherit !important;
  box-shadow: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .comment-post .btn-upvote.active:hover {
    box-shadow: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
.comment-post > .row {
  margin: 0; }
  .comment-post > .row:first-child > .col-xs-11 {
    line-height: 1.2em;
    margin-top: -3px; }
    @media (max-width: 767px) {
      .comment-post > .row:first-child > .col-xs-11 {
        line-height: 1.2em;
        margin: -3px 0 0 15px;
        padding: 0;
        width: calc(100% - 65px); } }
    @media (max-width: 400px) {
      .comment-post > .row:first-child > .col-xs-11 {
        margin: -3px 0 0 10px;
        width: calc(100% - 36px); } }
@media (max-width: 589px) {
  .comment-post .btn {
    padding: 5px 8px; } }

@media (max-width: 767px) {
  .top-comment {
    margin-bottom: 40px; } }
.top-comment.section-bg-sepia {
  padding: 10px 20px 15px; }
  @media (max-width: 767px) {
    .top-comment.section-bg-sepia {
      padding: 10px 15px; } }
.top-comment h3, .top-comment h4 {
  margin: 10px 0 20px; }
.top-comment .go-to {
  margin-top: 25px;
  width: 100px;
  margin-bottom: 0; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .top-comment .go-to {
      margin-top: 15px; } }
  @media (max-width: 991px) {
    .top-comment .go-to {
      margin-bottom: -70px;
      margin-left: auto;
      margin-right: auto;
      width: 100px; } }
  @media (max-width: 767px) {
    .top-comment .go-to {
      margin: 10px auto -50px;
      width: 80px; } }
  .top-comment .go-to .anchor-link {
    border-radius: 50px;
    height: 100px;
    line-height: 1.1em;
    font-size: 14px;
    width: 100px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .top-comment .go-to .anchor-link {
        border-radius: 40px;
        height: 80px;
        line-height: 1.1em;
        font-size: 12px;
        width: 80px; } }
  .top-comment .go-to i {
    margin-top: 5px; }
.top-comment > .row > .col-md-8 > .row > .col-xs-11 {
  margin-bottom: 10px;
  margin-left: 0; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .top-comment > .row > .col-md-8 > .row > .col-xs-11 {
      line-height: 1.2em;
      margin-top: -3px; } }
  @media (max-width: 991px) {
    .top-comment > .row > .col-md-8 > .row > .col-xs-11 {
      margin-left: 5px;
      width: 87%; } }
  @media (max-width: 767px) {
    .top-comment > .row > .col-md-8 > .row > .col-xs-11 {
      line-height: 1.2em;
      margin: -3px 0 0 25px;
      padding: 0;
      width: calc(100% - 100px); } }
  @media (max-width: 400px) {
    .top-comment > .row > .col-md-8 > .row > .col-xs-11 {
      margin: -3px 0 0 25px;
      width: calc(100% - 60px); } }
.top-comment > .row > .col-md-8 > .row > .col-md-11 {
  margin-top: 10px; }
.top-comment img.media-object {
  margin-left: 15px; }
.top-comment .readmore-js-toggle {
  text-align: right; }
@media (max-width: 400px) {
  .top-comment .row {
    margin-top: 0; } }

.comments .media-description .date {
  padding-left: 2px; }
.comments .comment-child, .comments .comment-child2 {
  border-left: 3px solid rgba(0, 0, 0, 0.4);
  margin-left: 65px;
  padding: 10px 0 0 10px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .comments .comment-child, .comments .comment-child2 {
      margin-left: 55px; } }
  @media (max-width: 991px) {
    .comments .comment-child, .comments .comment-child2 {
      margin-left: 65px; } }
  @media (max-width: 400px) {
    .comments .comment-child, .comments .comment-child2 {
      margin-left: 0; } }
  .comments .comment-child:first-child, .comments .comment-child2:first-child {
    padding-top: 0; }
@media (max-width: 1199px) and (min-width: 992px) {
  .comments .comment-child2 {
    margin-left: 55px; } }
@media (max-width: 991px) {
  .comments .comment-child2 {
    margin-left: 65px; } }
@media (max-width: 400px) {
  .comments .comment-child2 {
    margin-left: 0; } }

.comment-child:nth-last-child(2) .media-controls, .comments .comment-child2:nth-last-child(2) .media-controls {
  margin-bottom: 0; }
@media (min-width: 1200px) {
  .comment-child .col-xs-1 > img, .comments .comment-child2 .col-xs-1 > img {
    height: 45px;
    width: 45px; } }
@media (max-width: 1199px) and (min-width: 992px) {
  .comment-child .col-xs-1 > img, .comments .comment-child2 .col-xs-1 > img {
    width: 40px;
    height: 40px; } }
@media (max-width: 991px) {
  .comment-child .col-xs-1 > img, .comments .comment-child2 .col-xs-1 > img {
    width: 45px;
    height: 45px; } }
@media (max-width: 400px) {
  .comment-child .col-xs-1 > img, .comments .comment-child2 .col-xs-1 > img {
    height: 25px;
    width: 25px; } }
@media (max-width: 767px) {
  .comment-child > .row:first-child > .col-xs-11, .comments .comment-child2 > .row:first-child > .col-xs-11 {
    line-height: 1.2em;
    margin: -3px 0 0 15px;
    padding: 0;
    width: calc(100% - 65px); } }
@media (max-width: 400px) {
  .comment-child > .row:first-child > .col-xs-11, .comments .comment-child2 > .row:first-child > .col-xs-11 {
    margin: -3px 0 0 5px;
    width: calc(100% - 30px); } }
.comment-child .btn.btn-xs.i-comment-report.pull-right.small, .comments .comment-child2 .btn.btn-xs.i-comment-report.pull-right.small,
.comment-child .btn.btn-xs.i-comment-remove.text-danger.small.pull-right,
.comments .comment-child2 .btn.btn-xs.i-comment-remove.text-danger.small.pull-right {
  padding: 5px 0px 0px 5px; }

.comment-input button, .comment-input .text-success, .comment-input .author {
  margin-top: 10px; }

#project-mission > .container > .row:last-child > .section-bg-sepia {
  padding: 5px 20px; }
  @media (max-width: 400px) {
    #project-mission > .container > .row:last-child > .section-bg-sepia {
      padding: 5px 10px; } }

.comments-fix {
  margin: 0; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .comments-fix {
      padding-right: 0; } }
  @media (max-width: 767px) {
    .comments-fix .col-md-4 {
      padding: 0; } }

#fan-user .comment-section p, #fan-user .comment-section .filter-box > form {
  margin: 20px 0 30px; }

.faux-link:hover {
  cursor: pointer; }

.btn.btn-xs.btn-upvote.i-comment-vote {
  padding: 5px 10px 0 0; }
.btn.btn-xs.btn-info.i-comment-reply {
  margin-right: 10px;
  padding: 5px 10px; }
.btn.btn-xs.i-comment-report.pull-right.small {
  padding: 5px 5px 0px 5px; }
.btn.btn-xs.i-comment-remove.text-danger.small.pull-right {
  padding: 5px 5px 0px 5px; }

.btn-upvote.active:hover {
  color: #666; }

@media (max-width: 400px) {
  #i-content .well {
    padding: 10px; } }

@media (max-width: 400px) {
  .media-controls .btn-xs {
    font-size: 10px; } }

@media (max-width: 400px) {
  .btn-group-xs > .btn {
    font-size: 10px; } }

@media (max-width: 400px) {
  .btn.btn-xs.btn-info.i-comment-reply {
    margin-right: 5px; } }

@media (max-width: 400px) {
  .pagination > li > a, .pagination > li span {
    padding: 6px 9px; } }

/* end of comments.scss */
/* beginning of forms.scss */
.panel {
  border-radius: 4px; }

.panel-collapse > .panel-body {
  background-color: #5c4251; }

.panel-default {
  border-radius: 4px; }
  .panel-default > .panel-heading {
    background-color: #32232b;
    border-color: #dddddd;
    color: #ff4880; }
    .panel-default > .panel-heading:hover {
      background-color: #5c4251; }

.panel-heading .fa-caret-down {
  margin-left: 10px;
  font-size: 15pt;
  line-height: 0em;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
.panel-heading.open .fa-caret-down {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.form-group:not(button) {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px; }
.form-group input, .form-group textarea, .form-group select {
  font-weight: normal;
  text-transform: none; }
.form-group p > small, .form-group .filter-box > form > small {
  font-weight: normal;
  text-transform: none;
  line-height: 0.2em; }

#project-invite .form-group > .btn {
  height: 34px; }
#project-invite .form-inline > .form-group > input, #project-invite .form-inline > .form-group > textarea, #project-invite .form-inline > .form-group > select {
  width: 435px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    #project-invite .form-inline > .form-group > input, #project-invite .form-inline > .form-group > textarea, #project-invite .form-inline > .form-group > select {
      width: 335px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #project-invite .form-inline > .form-group > input, #project-invite .form-inline > .form-group > textarea, #project-invite .form-inline > .form-group > select {
      width: 600px; } }
  @media (max-width: 767px) {
    #project-invite .form-inline > .form-group > input, #project-invite .form-inline > .form-group > textarea, #project-invite .form-inline > .form-group > select {
      width: 100%;
      margin-bottom: 10px; } }

#apply .form-group > button.btn-primary {
  font-size: 18px; }

@media (min-width: 768px) and (max-width: 991px) {
  #apply-basic-form .pull-right .btn-primary {
    position: absolute;
    right: 40px;
    bottom: 40px; } }
@media (max-width: 767px) {
  #apply-basic-form .pull-right {
    float: none !important;
    clear: both; } }

#accordion > .panel > a > .panel-heading {
  background-color: #32232b;
  border-color: #dddddd;
  color: #ff4880; }
#accordion > .panel > a:hover {
  text-decoration: none;
  outline: none; }
  #accordion > .panel > a:hover > .panel-heading {
    color: #c5194b;
    background-color: #5c4251;
    cursor: pointer;
    text-decoration: none; }
#accordion > .panel > a:focus {
  text-decoration: none;
  outline: none; }
#accordion > .panel li {
  float: none; }

.media-description a {
  margin-top: 20px; }

.media-controls a.btn.active {
  box-shadow: none; }

@media (max-width: 500px) {
  .panel-body .btn {
    margin-top: 10px;
    clear: both;
    display: block; } }

@media (min-width: 992px) {
  #project-tools .col-md-5 > .well {
    margin-top: 56px; } }
#project-tools .col-md-5 > .well h4 {
  margin-bottom: 20px; }
#project-tools .row, #project-tools h2 {
  margin-bottom: 20px; }

#project-status small > .btn {
  margin-left: 5px; }
  @media (max-width: 589px) {
    #project-status small > .btn {
      display: block;
      float: right;
      margin-top: 10px; } }
#project-status .col-md-12 > .row, #project-status .col-md-12 h2 {
  margin-bottom: 20px; }

#project-manage .col-md-12 > .row, #project-manage .col-md-12 h2 {
  margin-bottom: 20px; }

#project-team .col-md-12 > .row, #project-team .col-md-12 h2 {
  margin-bottom: 20px; }

#project-invite .col-md-12 > .row, #project-invite .col-md-12 h2 {
  margin-bottom: 20px; }

#project-social .col-md-12 > .row, #project-social .col-md-12 h2 {
  margin-bottom: 20px; }

#project-missions .col-md-12 > .row, #project-missions .col-md-12 h2 {
  margin-bottom: 20px; }

#profile-settings h2 {
  margin-bottom: 50px; }

.form-control {
  background-color: #fafafa;
  color: #32232b; }
  .form-control[disabled], .form-control[readonly] {
    background-color: #dddddd;
    color: #887964; }

/* end of forms.scss */
/* beginning of jcarousel.scss*/
.section-promo-block .carousel-indicators, .section-promo-block-stripe .carousel-indicators {
  bottom: inherit; }

.section-bg-black.fan-phase-guest {
  padding: 30px 0 40px; }
  @media (max-width: 360px) {
    .section-bg-black.fan-phase-guest {
      padding: 15px 0 25px; } }
.section-bg-black .jcarousel {
  width: 95%; }
  @media (max-width: 767px) and (min-width: 590px) {
    .section-bg-black .jcarousel {
      width: 90%; } }
  @media (max-width: 589px) {
    .section-bg-black .jcarousel {
      width: 85%;
      padding: 5px 0; } }
@media (max-width: 767px) {
  .section-bg-black .jcarousel-prev, .section-bg-black .front-page .jcarousel-next, .front-page .section-bg-black .jcarousel-next {
    left: 15px; } }
@media (max-width: 767px) {
  .section-bg-black .jcarousel-next {
    right: 15px; } }
.section-bg-black .col-md-12 > p, .section-bg-black .filter-box.col-md-12 > form {
  margin-bottom: 5px;
  margin-left: 19px; }
  @media (min-width: 1200px) {
    .section-bg-black .col-md-12 > p, .section-bg-black .filter-box.col-md-12 > form {
      margin-left: 30px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .section-bg-black .col-md-12 > p, .section-bg-black .filter-box.col-md-12 > form {
      margin-left: 25px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .section-bg-black .col-md-12 > p, .section-bg-black .filter-box.col-md-12 > form {
      margin-left: 35px; } }
  @media (max-width: 767px) and (min-width: 590px) {
    .section-bg-black .col-md-12 > p, .section-bg-black .filter-box.col-md-12 > form {
      margin-left: 5.1%; } }
  @media (max-width: 589px) and (min-width: 360px) {
    .section-bg-black .col-md-12 > p, .section-bg-black .filter-box.col-md-12 > form {
      margin-left: 6%; } }
  @media (max-width: 360px) {
    .section-bg-black .col-md-12 > p, .section-bg-black .filter-box.col-md-12 > form {
      margin-left: 8%; } }
  .section-bg-black .col-md-12 > p.bigger, .section-bg-black .filter-box.col-md-12 > form.bigger {
    margin-bottom: 15px; }
    @media (min-width: 1200px) {
      .section-bg-black .col-md-12 > p.bigger, .section-bg-black .filter-box.col-md-12 > form.bigger {
        font-size: 1.4em; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .section-bg-black .col-md-12 > p.bigger, .section-bg-black .filter-box.col-md-12 > form.bigger {
        font-size: 20px; } }
    @media (max-width: 360px) {
      .section-bg-black .col-md-12 > p.bigger, .section-bg-black .filter-box.col-md-12 > form.bigger {
        margin-bottom: 10px; } }

@media (min-width: 1200px) {
  .mission-grid-carousel .col-md-12 > small {
    margin-left: 30px; } }
@media (max-width: 1199px) and (min-width: 992px) {
  .mission-grid-carousel .col-md-12 > small {
    margin-left: 25px; } }
@media (max-width: 991px) and (min-width: 768px) {
  .mission-grid-carousel .col-md-12 > small {
    margin-left: 35px; } }
@media (max-width: 767px) and (min-width: 590px) {
  .mission-grid-carousel .col-md-12 > small {
    margin-left: 5.1%; } }
@media (max-width: 589px) and (min-width: 360px) {
  .mission-grid-carousel .col-md-12 > small {
    margin-left: 6%; } }
@media (max-width: 360px) {
  .mission-grid-carousel .col-md-12 > small {
    margin-left: 8%; } }

#project-mission .jcarousel {
  width: 95%; }
  @media (max-width: 767px) and (min-width: 590px) {
    #project-mission .jcarousel {
      width: 90%; } }
  @media (max-width: 589px) {
    #project-mission .jcarousel {
      width: 85%;
      padding: 5px 0; } }
@media (max-width: 991px) {
  #project-mission .preview-section {
    margin-bottom: 0; } }

.row.mission-grid-carousel {
  margin-bottom: 50px; }
  @media (max-width: 991px) {
    .row.mission-grid-carousel {
      margin-bottom: 25px; } }

.next-week-grid-li img {
  opacity: 0; }
.next-week-grid-li .thumb-box {
  opacity: 1; }

.jcarousel {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 85%;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  padding: 10px 0;
  border-radius: 5px;
  border: 1px solid #dddddd;
  background: black \9;
  /* IE8 and below */
  /* This is the container of the carousel items.
  * You must ensure that the position is relative or absolute and
  * that the width is big enough to contain all items.
  */
  /*
  These are the item elements. jCarousel works best, if the items
  have a fixed width and height (but it's not required).
  */ }
  @media (min-width: 1200px) {
    .jcarousel {
      width: 90%; } }
  @media (max-width: 589px) {
    .jcarousel {
      width: 85%;
      padding: 5px 0; } }
  @media (max-width: 589px) {
    .jcarousel:not(#media-carousel) img {
      width: 75px; } }
  .jcarousel ul {
    width: 20000em;
    position: relative;
    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0; }
  .jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
    width: 100%;
    display: table; }
    .jcarousel li:first-child {
      margin-left: 10px; }
      @media (max-width: 589px) {
        .jcarousel li:first-child {
          margin-left: 3px; } }

.jcarousel-prev, .front-page .jcarousel-next {
  color: white;
  text-decoration: none;
  position: absolute;
  z-index: 2;
  top: 45%;
  height: 100%;
  left: 15px; }
  @media (max-width: 991px) and (min-width: 768px) {
    .jcarousel-prev, .front-page .jcarousel-next {
      font-size: 30px; } }
  @media (max-width: 767px) {
    .jcarousel-prev, .front-page .jcarousel-next {
      left: 4%; } }
  .jcarousel-prev i, .front-page .jcarousel-next i {
    color: #666666;
    font-size: 40px;
    margin: auto 0;
    vertical-align: middle; }
    .jcarousel-prev i:hover, .front-page .jcarousel-next i:hover {
      color: white; }

.jcarousel-next {
  color: white;
  text-decoration: none;
  position: absolute;
  z-index: 2;
  top: 45%;
  height: 100%;
  right: 15px;
  text-align: right; }
  @media (max-width: 991px) and (min-width: 768px) {
    .jcarousel-next {
      font-size: 30px; } }
  @media (max-width: 767px) {
    .jcarousel-next {
      ri: 4%; } }
  .jcarousel-next i {
    color: #666666;
    font-size: 40px;
    margin: auto 0;
    vertical-align: middle; }

.thumb-box {
  position: absolute;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 1.1em;
  display: table;
  transition: .3s;
  font-weight: 500;
  opacity: 0;
  padding: 5px; }
  @media (max-width: 589px) {
    .thumb-box {
      width: 75px;
      height: 42px; } }
  .thumb-box:hover {
    opacity: 100; }

@media (max-width: 589px) {
  #carousel-explore-missions .thumb-box {
    width: 75px;
    height: 42px;
    font-size: 10px; } }

@media (max-width: 589px) {
  #carousel-explore-faves .thumb-box {
    width: 75px;
    height: 42px;
    font-size: 10px; } }

@media (max-width: 589px) {
  #project-trailer-mission .thumb-box {
    width: 75px;
    height: 42px;
    font-size: 10px; } }

@media (max-width: 589px) {
  #carousel-explore-missions-of-project .thumb-box {
    width: 75px;
    height: 42px;
    font-size: 10px; } }

#media-carousel .media-logo-box {
  height: 90px;
  width: 160px;
  border: 1px solid black; }
  @media (max-width: 589px) {
    #media-carousel .media-logo-box {
      height: 60px;
      width: 75px;
      border: 1px solid black; } }
  #media-carousel .media-logo-box img {
    max-height: 70px;
    max-width: 130px; }
    @media (max-width: 589px) {
      #media-carousel .media-logo-box img {
        max-height: 50px;
        max-width: 60px; } }
#media-carousel .thumb-box {
  height: 90px;
  width: 160px;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0; }
  @media (max-width: 589px) {
    #media-carousel .thumb-box {
      height: 60px;
      width: 75px;
      border: 1px solid black; } }
  #media-carousel .thumb-box > p.small, #media-carousel .filter-box.thumb-box > form.small {
    height: 90px;
    width: 160px;
    background-color: rgba(0, 0, 0, 0.8); }

.media-carousel-section .jcarousel-prev, .media-carousel-section .front-page .jcarousel-next, .front-page .media-carousel-section .jcarousel-next {
  top: 52%; }
  @media (max-width: 991px) {
    .media-carousel-section .jcarousel-prev, .media-carousel-section .front-page .jcarousel-next, .front-page .media-carousel-section .jcarousel-next {
      top: 50%; } }
  @media (max-width: 767px) {
    .media-carousel-section .jcarousel-prev, .media-carousel-section .front-page .jcarousel-next, .front-page .media-carousel-section .jcarousel-next {
      top: 45% !important; } }
.media-carousel-section .jcarousel-next {
  top: 52%; }
  @media (max-width: 991px) {
    .media-carousel-section .jcarousel-next {
      top: 50%; } }
  @media (max-width: 767px) {
    .media-carousel-section .jcarousel-next {
      top: 45% !important; } }

.front-page .jcarousel-prev, .front-page .jcarousel-next {
  top: 52%; }
  @media (max-width: 991px) {
    .front-page .jcarousel-prev, .front-page .jcarousel-next {
      top: 50%; } }
  @media (max-width: 767px) {
    .front-page .jcarousel-prev, .front-page .jcarousel-next {
      top: 45% !important; } }
@media (max-width: 991px) {
  .front-page .jcarousel-next {
    top: 50%; } }
@media (max-width: 767px) {
  .front-page .jcarousel-next {
    top: 45% !important; } }

/* end of jcarousel.scss*/
/* beginning of leaderboard scss */
/* leaderboard grid and JTABLE grid --------------------------------- */
#leaderboard_grid {
  margin-top: 30px;
  margin-bottom: 30px; }

div.jtable-busy-message {
  background-color: #1e1916; }

div.jtable-main-container {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  color: #141414;
  border-radius: 10px;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); }
  div.jtable-main-container > div.jtable-title {
    background-color: #c5194b;
    padding-left: 10px; }
    div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
      background-color: #961037; }
      div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
        background-color: #961037; }
    div.jtable-main-container > div.jtable-title div.jtable-title-text {
      color: white;
      font-family: "Helvetica Neue", Helvetica, sans-serif;
      padding: 5px 0; }
  div.jtable-main-container > table.jtable {
    border: none; }
    div.jtable-main-container > table.jtable > tbody > tr {
      background-color: #dfd4c6; }
      div.jtable-main-container > table.jtable > tbody > tr:hover {
        background-color: #dfd4c6; }
      div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
        background-color: #ccbfad; }
        div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even:hover {
          background-color: #ccbfad; }
      div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
        padding: 10px; }
        div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td:last-child {
          padding-right: 15px; }
          @media (max-width: 589px) {
            div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td:last-child {
              padding-right: 5px; } }
        @media (max-width: 589px) {
          div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td:not(:first-child) {
            padding: 5px; } }
      div.jtable-main-container > table.jtable > tbody > tr td {
        border: medium none; }
        div.jtable-main-container > table.jtable > tbody > tr td a {
          color: #006eb2; }
          div.jtable-main-container > table.jtable > tbody > tr td a:hover {
            color: #009eff; }
    div.jtable-main-container > table.jtable thead {
      background-color: #961037; }
      div.jtable-main-container > table.jtable thead th {
        font-family: "Helvetica Neue", Helvetica, sans-serif;
        padding: 5px; }
        @media (max-width: 589px) {
          div.jtable-main-container > table.jtable thead th:not(:first-child) {
            padding-left: 0; } }
        @media (max-width: 400px) {
          div.jtable-main-container > table.jtable thead th.jtable-column-header:last-child div.jtable-column-header-container {
            height: 45px; } }

.jtable-data-row .action-icon {
  cursor: pointer;
  color: #961037; }
.jtable-data-row img {
  margin-right: 10px;
  height: 50px;
  width: 50px; }
  @media (max-width: 589px) {
    .jtable-data-row img {
      margin-right: 5px;
      height: 20px;
      width: 20px; } }

@media (max-width: 400px) {
  .jtable > thead > tr {
    height: 50px; } }

/* uberfan */
@media (max-width: 991px) {
  .preview-section.uberfan {
    margin-bottom: 0; } }
@media (max-width: 991px) {
  .preview-section.uberfan > .col-md-4 {
    margin-bottom: 20px; } }
.preview-section.uberfan > .col-md-4 > h1 {
  margin: 0; }
@media (max-width: 991px) {
  .preview-section.uberfan > .col-md-4 > p, .preview-section.uberfan > .filter-box.col-md-4 > form {
    margin: 10px 0 0 0; } }
@media (max-width: 991px) {
  .preview-section.uberfan > .col-md-8 {
    margin-bottom: 20px; } }

.uberfan-blog-image {
  width: 100%;
  height: auto;
  margin-top: 20px; }
  @media (max-width: 991px) {
    .uberfan-blog-image {
      margin-top: -10px;
      margin-bottom: 10px; } }
  .uberfan-blog-image img:not(.big-deal-ribbon) {
    border-radius: 5px; }

@media (min-width: 1200px) {
  #uberfan-blog-post {
    margin-bottom: -20px; } }

/* end of leaderboard scss */
/* beginning of modals.scss */
.modal-content {
  background: url("../img/bg-purple-texture.png") #422e3a; }

.modal-.header h3, .modal-.header h4 {
  color: #5ad6fc;
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 20px; }
  @media (max-width: 359px) {
    .modal-.header h3, .modal-.header h4 {
      font-size: 12px; } }
@media (max-width: 359px) {
  .modal-.header .btn {
    font-size: 12px; } }

.close {
  opacity: 0.5;
  text-shadow: 0 3px 0 black; }
  .close:hover {
    color: white;
    opacity: 0.9; }
  .close:focus {
    color: white;
    opacity: 0.9; }

.modal label, .modal h4, .modal h5, .modal h6 {
  color: white; }
.modal p, .modal .filter-box > form {
  color: white;
  margin-bottom: 20px; }
.modal .well > p:nth-child(3), .modal .filter-box.well > form:nth-child(3) {
  margin-bottom: 10px; }
.modal a:not(.btn) {
  color: #fdab3b; }
  .modal a:not(.btn):hover, .modal a:not(.btn):focus, .modal a:not(.btn):active {
    color: #ffcd86;
    text-decoration: none;
    outline: none; }
.modal .btn-link {
  color: #fdab3b; }
  .modal .btn-link:hover, .modal .btn-link:focus, .modal .btn-link:active {
    color: #ffcd86;
    text-decoration: none;
    outline: none; }
.modal input[type="checkbox"], .modal .form-group textarea[type="checkbox"], .form-group .modal textarea[type="checkbox"], .modal .form-group select[type="checkbox"], .form-group .modal select[type="checkbox"] {
  margin-right: 10px; }
.modal .share-buttons p, .modal .share-buttons .filter-box > form {
  margin: 5px 0 0 0; }
.modal .share-buttons .btn {
  width: 200px; }
  .modal .share-buttons .btn:not(.facebook):not(.twitter) {
    margin-bottom: 20px; }

@media (min-width: 400px) {
  #modalShare .modal-dialog {
    width: 400px;
    margin: 30px auto; } }

/* end of modals.scss */
/* beginning of _header.scss */
.dummy-nav {
  width: 100%;
  height: 42px;
  background-color: #000000; }

.header {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 15px;
  background: url("../img/bg-intake.jpg") no-repeat scroll center center/cover rgba(0, 0, 0, 0);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover; }
  .header .logo {
    width: 300px;
    height: auto; }
    @media (min-width: 992px) {
      .header .logo {
        margin: 30px 0 0 10px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .header .logo {
        margin-top: 20px; } }
    @media (max-width: 767px) {
      .header .logo {
        display: none; } }
  .header .navbar {
    font-weight: 700;
    font-size: 13px;
    margin-top: 13px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .header .navbar {
        font-size: 12px;
        margin-top: 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .header .navbar {
        margin-top: 5px; } }
    @media (max-width: 767px) {
      .header .navbar {
        margin-top: 0; } }
    .header .navbar ul {
      float: right; }
      @media (max-width: 767px) {
        .header .navbar ul {
          margin-right: 0px;
          float: none;
          width: 100%; } }
  .header .navbar-toggle {
    background: #fdab3b;
    border: none;
    margin: 0;
    height: 34px; }
    .header .navbar-toggle:hover {
      background: #c5194b; }
  .header .about-nav, .header .fan-exp-nav {
    padding-top: 0; }
  @media (max-width: 767px) {
    .header .navbar-collapse {
      background: rgba(0, 0, 0, 0.4);
      margin-bottom: 15px;
      padding: 15px 0 5px 15px; } }
  .header .navbar-collapse li a i {
    font-size: 20px; }
  .header .navbar-collapse .btn {
    float: left;
    margin-right: 10px; }
  .header .nav.navbar-nav > ul {
    padding: 0; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .header .nav.navbar-nav > ul {
        font-size: 12px; } }
    @media (max-width: 767px) {
      .header .nav.navbar-nav > ul {
        margin: 0;
        padding-top: 5px; } }
    .header .nav.navbar-nav > ul:first-child {
      float: left;
      left: 85px;
      position: absolute;
      text-transform: uppercase;
      font-size: 14px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .header .nav.navbar-nav > ul:first-child {
          left: 140px;
          font-size: 13px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .header .nav.navbar-nav > ul:first-child {
          top: 52px; } }
      @media (max-width: 767px) {
        .header .nav.navbar-nav > ul:first-child {
          top: 0px;
          left: 0px;
          width: 130px;
          overflow: hidden;
          position: relative;
          margin-right: 30px; } }
      @media (max-width: 589px) {
        .header .nav.navbar-nav > ul:first-child {
          display: block;
          float: left;
          position: relative;
          top: 0;
          width: 130px; } }
      .header .nav.navbar-nav > ul:first-child li {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .header .nav.navbar-nav > ul:last-child {
        top: 0px;
        margin-left: 50%;
        width: 100px;
        overflow: hidden; } }
    @media (max-width: 589px) {
      .header .nav.navbar-nav > ul:last-child {
        display: block;
        top: 0;
        width: 100px; } }
    @media (max-width: 767px) {
      .header .nav.navbar-nav > ul:last-child li {
        padding-bottom: 16px; } }
    @media (max-width: 767px) {
      .header .nav.navbar-nav > ul:last-child li:first-child {
        margin-top: 2px; } }
  @media (max-width: 767px) {
    .header .nav.navbar-nav li {
      float: none;
      clear: both;
      padding-bottom: 15px; } }
  .header .nav.navbar-nav li.active > a {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffcd86; }
  @media (max-width: 589px) {
    .header.fan-phase-guest .navbar {
      margin-top: 15px; } }

.header-small {
  background: url("../img/bg-fanphase-header-small.jpg") no-repeat scroll center center/cover #3b262b;
  /* end of min width 768 */ }
  @media (min-width: 992px) {
    .header-small {
      height: 80px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .header-small {
      height: 115px; } }
  @media (min-width: 768px) {
    .header-small .nav.navbar-nav > ul:first-child {
      left: 170px; } }
  @media (max-width: 589px) {
    .header-small .nav.navbar-nav > ul:last-child {
      left: 70%; } }

@media (max-width: 589px) {
  #header-logout {
    font-size: 0.7em; } }

.logo-nav {
  position: absolute;
  top: 6px;
  display: block;
  height: 35px;
  width: auto;
  z-index: 10; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .logo-nav {
      display: block;
      height: 30px;
      position: absolute;
      top: 9px;
      width: auto;
      z-index: 10; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .logo-nav {
      top: 45px; } }
  @media (max-width: 767px) {
    .logo-nav {
      top: 0px; } }

.logo-mobile {
  display: none; }
  @media (max-width: 767px) {
    .logo-mobile {
      display: block;
      height: 35px;
      position: absolute;
      top: 15px;
      width: auto;
      z-index: 10;
      left: 20px; } }

/* beginning of _header.scss */
/* beginning of pick-poster.scss */
.pick-widget-button {
  background-color: #c5194b;
  border: medium none;
  border-radius: 36px;
  color: #fdab3b;
  display: table-cell;
  height: 72px;
  padding-bottom: 3px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  width: 72px; }
  @media (max-width: 400px) {
    .pick-widget-button {
      border-radius: 25px;
      font-size: 18px;
      height: 40px;
      width: 40px;
      padding: 0; } }
  .pick-widget-button:hover, .pick-widget-button:focus {
    color: #c5194b;
    background-color: #fdab3b;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer; }

/* pick it info circle*/
.pick-widget-info {
  left: 50%;
  margin-left: -45px;
  position: absolute;
  top: 0;
  width: 90px;
  z-index: 2;
  font-size: 24pt;
  display: table; }
  @media (max-width: 400px) {
    .pick-widget-info {
      left: 50%;
      margin-left: -20px;
      width: 40px; } }
  .pick-widget-info div {
    background-color: white;
    border-radius: 45px;
    color: black;
    display: table-cell;
    font-weight: bold;
    height: 90px;
    line-height: 1.1em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 90px; }
    @media (max-width: 400px) {
      .pick-widget-info div {
        border-radius: 25px;
        font-size: 16px;
        height: 40px;
        width: 40px; } }
    .pick-widget-info div.you-picked {
      font-size: 16px; }
      @media (max-width: 400px) {
        .pick-widget-info div.you-picked {
          font-size: 6pt; } }

.progress-widget-pick-a {
  left: 26%;
  margin: 0;
  position: absolute;
  top: 35px;
  width: 21%;
  z-index: 1; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .progress-widget-pick-a {
      keft: 27%;
      width: 19%; } }
  @media (max-width: 589px) {
    .progress-widget-pick-a {
      width: 35%; } }
  @media (max-width: 400px) {
    .progress-widget-pick-a {
      height: 15px;
      top: 12px;
      width: 37%;
      left: 9%; } }
  @media (max-width: 320px) {
    .progress-widget-pick-a {
      width: 33%;
      left: 12%; } }
  .progress-widget-pick-a .progress-bar {
    background-color: #c5194b;
    float: right; }
  .progress-widget-pick-a .progress-bar[aria-valuenow="0"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="1"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="2"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="3"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="4"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="5"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="6"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="7"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="8"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="9"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="10"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="11"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="12"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="13"],
  .progress-widget-pick-a .progress-bar[aria-valuenow="14"] {
    padding-right: 10px; }
  @media (max-width: 991px) {
    .progress-widget-pick-a {
      top: 35px;
      width: 37%;
      margin: 0;
      left: 8%; } }

.progress-widget-pick-b {
  margin: 0;
  position: absolute;
  right: 26%;
  top: 35px;
  width: 21%;
  z-index: 1; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .progress-widget-pick-b {
      right: 27%;
      width: 19%; } }
  @media (max-width: 589px) {
    .progress-widget-pick-b {
      width: 35%; } }
  @media (max-width: 400px) {
    .progress-widget-pick-b {
      height: 15px;
      top: 12px;
      width: 37%;
      right: 9%; } }
  @media (max-width: 320px) {
    .progress-widget-pick-b {
      width: 33%;
      right: 12%; } }
  .progress-widget-pick-b .progress-bar {
    background-color: #fdab3b; }
  .progress-widget-pick-b .progress-bar[aria-valuenow="0"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="1"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="2"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="3"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="4"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="5"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="6"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="7"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="8"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="9"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="10"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="11"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="12"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="13"],
  .progress-widget-pick-b .progress-bar[aria-valuenow="14"] {
    padding-left: 10px; }
  @media (max-width: 991px) {
    .progress-widget-pick-b {
      top: 35px;
      width: 37%;
      margin: 0;
      right: 8%; } }

.widget-pick {
  font-size: 34pt;
  font-weight: bold;
  top: 10px;
  z-index: 2;
  position: absolute;
  width: 72px;
  margin: 0px auto;
  margin-bottom: -36px; }
  @media (max-width: 400px) {
    .widget-pick {
      top: -18px; } }

.widget-pick-next {
  left: 50%;
  margin-left: -41px;
  position: absolute;
  top: 100px; }

.widget-pick-a {
  left: 25%;
  margin-left: -45px; }
  @media (max-width: 991px) {
    .widget-pick-a {
      left: 0; } }
  @media (max-width: 991px) {
    .widget-pick-a {
      margin: 0; } }
  @media (max-width: 400px) {
    .widget-pick-a {
      width: 40px;
      z-index: 2;
      top: 0;
      margin: 0; } }

.widget-pick-b {
  right: 25%;
  margin-right: -45px; }
  @media (max-width: 991px) {
    .widget-pick-b {
      margin: 0;
      right: 0; } }
  @media (max-width: 400px) {
    .widget-pick-b {
      width: 40px;
      z-index: 2;
      top: 0;
      margin: 0; } }
  .widget-pick-b .pick-widget-button {
    background-color: #fdab3b;
    color: #c5194b; }
    .widget-pick-b .pick-widget-button:hover, .widget-pick-b .pick-widget-button:focus {
      background-color: #c5194b;
      color: #fdab3b;
      text-decoration: none;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      cursor: pointer; }

@media (max-width: 400px) {
  .key-it-widget-col {
    height: 40px; } }
.key-it-widget-col .progress-bar[aria-valuenow="0"] {
  background: none; }

.progress {
  border-radius: 0; }

@media (max-width: 400px) {
  .progress-bar {
    font-size: 10px;
    line-height: 1.35em; } }

/* end of pick-poster.scss */
/* beginning of predict5.scss */
.predict-container {
  margin-top: 30px; }
  @media (max-width: 991px) and (min-width: 590px) {
    .predict-container {
      width: 555px;
      margin: 0 auto; } }
  .predict-container li {
    margin-right: 23px;
    margin-bottom: 23px;
    font-size: 1.2em;
    width: 80px;
    height: 80px;
    float: left;
    border: none; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .predict-container li {
        margin-bottom: 15px;
        margin-right: 15px;
        height: 70px !important;
        width: 70px !important; } }
    @media (max-width: 589px) {
      .predict-container li {
        height: 58px !important;
        width: 58px !important;
        margin-bottom: 10px;
        margin-right: 10px; } }
    @media (max-width: 359px) {
      .predict-container li {
        height: 50px !important;
        width: 50px !important; } }
    .predict-container li:hover, .predict-container li:active, .predict-container li:focus {
      cursor: pointer; }
    .predict-container li.dropping-hover {
      background: black;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      opacity: 0.7; }
  .predict-container ul {
    list-style-type: none;
    margin-bottom: 30px; }
    .predict-container ul img.being-dragged {
      z-index: 100; }
  .predict-container .well {
    padding: 30px 0 30px 30px;
    margin: 0; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .predict-container .well {
        padding: 20px 0 20px 20px; } }
    @media (max-width: 589px) {
      .predict-container .well {
        margin: 0 -15px;
        padding: 20px 0 0px 15px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .predict-container img {
      height: 70px !important;
      width: 70px !important; } }
  @media (max-width: 589px) {
    .predict-container img {
      height: 58px !important;
      width: 58px !important; } }
  @media (max-width: 359px) {
    .predict-container img {
      height: 50px !important;
      width: 50px !important; } }

.pick-list {
  display: table-cell;
  height: auto;
  left: 0;
  padding: 0;
  right: 0;
  vertical-align: middle;
  width: 100%; }
  .pick-list .ui-state-default {
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .pick-list .ui-widget-content .ui-state-default {
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .pick-list .ui-widget-.header .ui-state-default {
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .pick-list li:nth-child(5), .pick-list li:nth-child(10), .pick-list li:nth-child(15) {
    margin-right: 0; }
  .pick-list li:nth-child(11), .pick-list li:nth-child(12), .pick-list li:nth-child(13), .pick-list li:nth-child(14), .pick-list li:nth-child(15) {
    margin-bottom: 0; }
    @media (max-width: 589px) {
      .pick-list li:nth-child(11), .pick-list li:nth-child(12), .pick-list li:nth-child(13), .pick-list li:nth-child(14), .pick-list li:nth-child(15) {
        margin-bottom: 10px; } }

.predict-button-container {
  height: 60px;
  position: relative; }
  @media (max-width: 991px) and (min-width: 590px) {
    .predict-button-container {
      width: 555px;
      margin: 0 auto; } }
  @media (max-width: 359px) {
    .predict-button-container {
      margin-top: -10px; } }
  .predict-button-container #predict-msg {
    color: #d1696a;
    float: right;
    position: absolute;
    right: 90px;
    top: 5px; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .predict-button-container #predict-msg {
        top: 5px; } }
    @media (max-width: 991px) and (min-width: 590px) {
      .predict-button-container #predict-msg {
        top: 3px; } }
    @media (max-width: 440px) {
      .predict-button-container #predict-msg {
        top: 7px; } }
  .predict-button-container .alert.alert-info {
    padding: 10px 15px;
    position: absolute;
    top: -5px; }
    @media (max-width: 991px) {
      .predict-button-container .alert.alert-info {
        top: 10px; } }

@media (max-width: 991px) and (min-width: 590px) {
  .drop-area {
    margin-top: 30px; } }
@media (max-width: 589px) {
  .drop-area {
    margin: 0 -10px; } }
.drop-area ul {
  padding: 0; }
  .drop-area ul li {
    margin-top: 17px;
    margin-left: 13px; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .drop-area ul li {
        margin-left: 9px;
        margin-top: 11px; } }
    @media (max-width: 589px) {
      .drop-area ul li {
        margin-left: 5px;
        margin-top: 7px; } }
    .drop-area ul li.dropping-hover {
      border: 2px solid #ffcd86;
      box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4) inset, 0px 0px 10px 5px rgba(255, 205, 134, 0.7);
      height: 80px;
      width: 80px;
      z-index: 5;
      position: absolute;
      border-radius: 100px/ 30px; }
      @media (max-width: 1199px) and (min-width: 992px) {
        .drop-area ul li.dropping-hover {
          height: 70px !important;
          width: 70px !important; } }
      @media (max-width: 589px) {
        .drop-area ul li.dropping-hover {
          height: 58px !important;
          width: 58px !important; } }
      @media (max-width: 359px) {
        .drop-area ul li.dropping-hover {
          height: 50px !important;
          width: 50px !important; } }
      .drop-area ul li.dropping-hover img {
        width: 100% !important;
        height: auto !important; }
.drop-area h1 {
  margin: 0 auto;
  width: 20px;
  text-align: center;
  font-weight: bold;
  display: block; }

.drop-list-container {
  float: left;
  margin-bottom: 20px; }
  .drop-list-container:not(:last-child) {
    margin-right: 5px; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .drop-list-container:not(:last-child) {
        margin-right: 0; } }
    @media (max-width: 589px) {
      .drop-list-container:not(:last-child) {
        margin-right: 0; } }
  .drop-list-container .square {
    width: 80px;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.4);
    display: block;
    position: absolute; }
  .drop-list-container .black-square {
    border: 3px solid black;
    height: 79px;
    width: 80px;
    /*to make it the old tv shape*/
    border-radius: 100px/ 30px;
    background: url("../img/predict-widget/tv-static.gif") top left #32232b;
    top: 17px;
    left: 13px; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .drop-list-container .black-square {
        height: 70px !important;
        width: 70px !important;
        left: 9px;
        top: 11px; } }
    @media (max-width: 589px) {
      .drop-list-container .black-square {
        height: 58px !important;
        width: 58px !important;
        left: 5px;
        top: 7px; } }
    @media (max-width: 359px) {
      .drop-list-container .black-square {
        height: 50px !important;
        width: 50px !important; } }

.drop-list-graphic {
  width: 107px;
  height: 131px;
  position: relative;
  background-image: url("../img/predict-widget/glitchy-old-tv.png");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: -15px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .drop-list-graphic {
      height: 110px;
      width: 90px; } }
  @media (max-width: 589px) {
    .drop-list-graphic {
      height: 86px;
      width: 70px; } }
  @media (max-width: 359px) {
    .drop-list-graphic {
      height: 76px;
      width: 62px; } }

.glow {
  border: 2px solid #ffcd86;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4) inset, 0px 0px 10px 5px rgba(255, 205, 134, 0.7); }

.predict-drop-list li img {
  border-radius: 100px/ 30px; }

.week7copy > ul {
  display: block;
  float: left;
  list-style-type: none;
  margin-top: 10px; }
  @media (max-width: 991px) and (min-width: 590px) {
    .week7copy > ul > li {
      margin-bottom: 5px; } }
  @media (max-width: 589px) {
    .week7copy > ul > li {
      margin-bottom: 5px; } }

@media (max-width: 991px) and (min-width: 590px) {
  #explore-mission8 > .row > .col-md-6:first-child {
    margin-bottom: 50px; } }
@media (max-width: 589px) {
  #explore-mission8 > .row > .col-md-6:first-child {
    margin-bottom: 30px; } }

@media (max-width: 440px) {
  .hidden-lg.hidden-md.week7copy ul {
    margin-bottom: 0; } }
@media (max-width: 440px) {
  .hidden-lg.hidden-md.week7copy ul.clearfix {
    margin-top: 0; } }

#predict5ModalSuccessful .modal-.header > h3, #predict5ModalSuccessful .modal-.header > h4 {
  font-size: 25px; }
#predict5ModalSuccessful .share-buttons {
  margin: 0 auto 10px;
  max-width: 340px; }
  @media (max-width: 400px) {
    #predict5ModalSuccessful .share-buttons {
      text-align: center; } }
  #predict5ModalSuccessful .share-buttons .btn {
    height: 39px;
    margin-bottom: 10px;
    width: 160px; }
#predict5ModalSuccessful p, #predict5ModalSuccessful .filter-box > form {
  margin-bottom: 25px; }
@media (min-width: 401px) {
  #predict5ModalSuccessful .fb-share {
    float: left;
    margin-right: 10px; } }

/* end of predict5.scss */
/* beginnings of ribbons.scss */
.title-card-section {
  position: relative; }

.doubleBillRibbon {
  bottom: 68px;
  height: 45px;
  left: 5px;
  position: absolute;
  width: auto;
  z-index: 100; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .doubleBillRibbon {
      bottom: 58px;
      height: 40px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .doubleBillRibbon {
      bottom: 85px;
      height: 60px; } }
  @media (max-width: 589px) {
    .doubleBillRibbon {
      bottom: 33px;
      height: 24px;
      left: 10px; } }

.top-phase-project {
  position: absolute;
  width: auto;
  z-index: 100;
  bottom: 15px;
  height: 60px;
  left: -10px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .top-phase-project {
      height: 50px; } }
  @media (max-width: 767px) and (min-width: 590px) {
    .top-phase-project {
      bottom: 13px;
      height: 45px; } }
  @media (max-width: 589px) {
    .top-phase-project {
      bottom: 5px;
      height: 24px;
      left: -5px; } }

.preview-section > .col-md-8 .doubleBillRibbon {
  bottom: 85px;
  height: 60px;
  left: -10px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .preview-section > .col-md-8 .doubleBillRibbon {
      bottom: 75px;
      height: 50px; } }
  @media (max-width: 767px) and (min-width: 590px) {
    .preview-section > .col-md-8 .doubleBillRibbon {
      bottom: 65px;
      height: 45px; } }
  @media (max-width: 589px) {
    .preview-section > .col-md-8 .doubleBillRibbon {
      bottom: 33px;
      height: 24px;
      left: -5px; } }

.explore-grid .doubleBillRibbon {
  bottom: 45px;
  height: 30px;
  left: -5px; }
  @media (max-width: 1199px) {
    .explore-grid .doubleBillRibbon {
      bottom: 33px;
      height: 24px; } }
.explore-grid .top-phase-project {
  bottom: 10px;
  height: 30px;
  left: -5px; }
  @media (max-width: 1199px) {
    .explore-grid .top-phase-project {
      bottom: 5px;
      height: 24px; } }

.double-bill .col-md-6 .top-phase-project {
  height: 45px;
  left: 5px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .double-bill .col-md-6 .top-phase-project {
      height: 60px; } }
  @media (max-width: 589px) {
    .double-bill .col-md-6 .top-phase-project {
      bottom: 5px;
      height: 24px;
      left: 10px; } }
@media (max-width: 991px) {
  .double-bill .col-md-6:first-child {
    margin-bottom: 20px; } }

.double-bill-small-col .top-phase-project {
  bottom: 10px;
  height: 30px;
  left: 10px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .double-bill-small-col .top-phase-project {
      bottom: 5px;
      height: 24px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .double-bill-small-col .top-phase-project {
      height: 60px;
      left: 5px; } }
  @media (max-width: 589px) {
    .double-bill-small-col .top-phase-project {
      bottom: 5px;
      height: 24px;
      left: 10px; } }
.double-bill-small-col .doubleBillRibbon {
  bottom: 45px;
  height: 30px;
  left: 10px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .double-bill-small-col .doubleBillRibbon {
      bottom: 33px;
      height: 24px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .double-bill-small-col .doubleBillRibbon {
      height: 60px;
      left: 5px;
      bottom: 80px; } }
  @media (max-width: 589px) {
    .double-bill-small-col .doubleBillRibbon {
      bottom: 33px;
      height: 24px;
      left: 10px; } }

.promox3 .col-md-6 .top-phase-project {
  height: 45px;
  left: 5px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .promox3 .col-md-6 .top-phase-project {
      bottom: 10px;
      height: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .promox3 .col-md-6 .top-phase-project {
      height: 60px;
      left: 5px; } }
  @media (max-width: 589px) {
    .promox3 .col-md-6 .top-phase-project {
      bottom: 5px;
      height: 24px;
      left: 10px; } }
.promox3 > .col-md-12 > .embed-responsive .doubleBillRibbon {
  bottom: 85px;
  height: 60px;
  left: 0px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .promox3 > .col-md-12 > .embed-responsive .doubleBillRibbon {
      left: 5px; } }
.promox3 > .col-md-12 > .embed-responsive > .top-phase-project {
  left: 0px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .promox3 > .col-md-12 > .embed-responsive > .top-phase-project {
      left: 5px; } }
  @media (max-width: 589px) {
    .promox3 > .col-md-12 > .embed-responsive > .top-phase-project {
      bottom: 5px;
      height: 24px;
      left: 10px; } }
@media (max-width: 589px) {
  .promox3 > .col-md-12 .doubleBillRibbon {
    bottom: 33px;
    height: 24px;
    left: 10px; } }

@media (min-width: 992px) {
  .small-promo-col .ribbon {
    left: 0 !important; } }
@media (max-width: 991px) {
  .small-promo-col .ribbon {
    left: -10px !important; } }
@media (max-width: 589px) {
  .small-promo-col .ribbon {
    left: -5px !important; } }

.ribbon-padding {
  height: 60px; }
  @media (max-width: 589px) {
    .ribbon-padding {
      display: none; } }

/*explore*/
#explore-weeks .announcement-ribbon {
  width: 250px; }
  @media (min-width: 590px) {
    #explore-weeks .announcement-ribbon {
      left: -38px;
      margin-top: -55px;
      position: absolute;
      z-index: 100; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #explore-weeks .announcement-ribbon {
      left: -32px;
      margin-top: -57px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #explore-weeks .announcement-ribbon {
      left: -20px;
      margin-top: -71px; } }
  @media (min-width: 590px) and (max-width: 767px) {
    #explore-weeks .announcement-ribbon {
      left: -15px;
      margin-top: -68px;
      transform: rotate(-5deg); } }

#follow-grid .top-phase-project {
  bottom: 10px;
  height: 30px;
  left: 15px; }
  @media (max-width: 991px) {
    #follow-grid .top-phase-project {
      bottom: 71px; } }

/* announcment ribbons */
.header.fan-phase-guest .announcement-ribbon {
  width: 325px; }
  @media (min-width: 1200px) {
    .header.fan-phase-guest .announcement-ribbon {
      position: absolute;
      right: -10px;
      top: -81px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .header.fan-phase-guest .announcement-ribbon {
      width: 270px;
      position: absolute;
      right: 0;
      top: -63px;
      z-index: 5; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .header.fan-phase-guest .announcement-ribbon {
      width: 270px;
      position: absolute;
      right: 0;
      top: -9px;
      z-index: 5; } }
  @media (min-width: 590px) and (max-width: 767px) {
    .header.fan-phase-guest .announcement-ribbon {
      margin: 0px auto 30px;
      display: block;
      max-width: 240px; } }
  @media (max-width: 589px) {
    .header.fan-phase-guest .announcement-ribbon {
      margin: 20px auto;
      margin-bottom: 30px;
      margin-top: -15px;
      display: block;
      max-width: 240px; } }

#fan-user .announcement-ribbon {
  z-index: 100;
  position: absolute; }
  @media (min-width: 1350px) {
    #fan-user .announcement-ribbon {
      right: -50px;
      top: 25px; } }
  @media (min-width: 1200px) and (max-width: 1349px) {
    #fan-user .announcement-ribbon {
      right: 0;
      top: 25px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #fan-user .announcement-ribbon {
      height: 100px;
      right: 0;
      top: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #fan-user .announcement-ribbon {
      height: auto;
      right: 0;
      top: 7px; } }
  @media (max-width: 767px) {
    #fan-user .announcement-ribbon {
      position: inherit;
      margin: 10px auto 30px;
      display: block;
      width: 240px; } }
  @media (max-width: 589px) {
    #fan-user .announcement-ribbon {
      margin: 20px auto;
      display: block; } }
  @media (min-width: 768px) {
    #fan-user .announcement-ribbon {
      width: 325px; } }

@media (min-width: 768px) {
  .announcement-ribbon-rotate-right {
    -ms-transform: rotate(5deg);
    /* IE 9 */
    -webkit-transform: rotate(5deg);
    /* Chrome, Safari, Opera */
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); } }

@media (min-width: 768px) {
  .announcement-ribbon-rotate-left {
    -ms-transform: rotate(-6deg);
    /* IE 9 */
    -webkit-transform: rotate(-6deg);
    /* Chrome, Safari, Opera */
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg); } }

/* end of ribbons.scss */
/* beginning of social-feeds.scss */
.twitter-box {
  height: auto;
  background: url("../img/bg-purple-texture.png") repeat scroll 0 0 #422e3a;
  padding: 5px 20px 20px 20px;
  width: 360px;
  background: #4e3644 \9;
  /* IE8 and below */ }
  @media (max-width: 1199px) and (min-width: 992px) {
    .twitter-box {
      width: 300px; } }
  .twitter-box h2 {
    font-size: 18pt; }

.tweets-container {
  height: 470px;
  overflow-y: scroll;
  padding: 0 20px 20px 20px;
  background-color: blue;
  margin: 20px 0;
  font-size: 13px;
  background: rgba(0, 0, 0, 0.4);
  background: #4e3644 \9;
  /* IE8 and below */
  border: 1px solid #dddddd;
  border-radius: 4px; }
  .tweets-container li {
    list-style-type: none; }
  .tweets-container .tweet-entry {
    border-bottom: 1px solid white;
    margin-top: 25px; }
    .tweets-container .tweet-entry .tweet {
      margin-bottom: 10px; }
      .tweets-container .tweet-entry .tweet .vcard {
        float: left;
        display: block;
        margin-right: 10px; }

/* social feeds on project package pages: twitter, facebook, and tumblr */
.fb-feed-box.fb_iframe_widget {
  background-color: white;
  border-radius: 5px;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 30px; }
  @media (max-width: 700px) and (min-width: 321px) {
    .fb-feed-box.fb_iframe_widget {
      width: 300px; } }

iframe.twitter-timeline {
  height: 400px;
  margin-top: 15px;
  margin-bottom: 30px; }
  @media (max-width: 991px) {
    iframe.twitter-timeline {
      height: 540px;
      margin-top: 15px;
      margin-bottom: 30px;
      width: 300px; } }

@media (min-width: 992px) {
  .comments-fix > .col-md-4 > .preview-section {
    margin-top: -20px;
    padding-left: 5px; } }
@media (max-width: 991px) {
  .comments-fix > .col-md-4 > .preview-section {
    margin-top: 40px; } }
.comments-fix > .col-md-4 > .preview-section iframe.twitter-timeline {
  height: 400px;
  margin-top: 15px;
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .comments-fix > .col-md-4 > .preview-section iframe.twitter-timeline {
      height: 540px;
      width: 100%; } }

@media (max-width: 991px) and (min-width: 701px) {
  .social-feed-container {
    width: 50%;
    float: left;
    height: 600px; } }
@media (max-width: 700px) and (min-width: 321px) {
  .social-feed-container {
    width: 100%;
    float: none; } }

@media (max-width: 991px) and (min-width: 701px) {
  .preview-section > .social-feed-container:nth-child(3) {
    padding-left: 40px; } }

/* end of social-feeds.scss */
/* beginning of voting.scss*/
iframe.voting-iframe {
  height: 270px; }
  @media (max-width: 360px) {
    iframe.voting-iframe {
      height: 280px; } }

.vote-content-body {
  text-align: center; }
  .vote-content-body .btn.btn-primary {
    font-size: 26px;
    height: 80px;
    margin: 25px auto 0;
    width: 80%; }
  .vote-content-body .btn.btn-info {
    margin-top: 55px;
    width: 53px; }
  .vote-content-body > a:last-child {
    text-transform: uppercase; }
  .vote-content-body p:nth-child(2), .vote-content-body .filter-box > form:nth-child(2) {
    margin-bottom: 110px; }
    @media (max-width: 399px) {
      .vote-content-body p:nth-child(2), .vote-content-body .filter-box > form:nth-child(2) {
        margin-bottom: 90px; } }
  .vote-content-body p:nth-last-child(2), .vote-content-body .filter-box > form:nth-last-child(2) {
    margin-bottom: 20px; }

section#vote-content {
  padding: 0; }

#modalVote .modal-.header h3, #modalVote .modal-.header h4 {
  color: #5ad6fc;
  font-size: 26px;
  margin-bottom: 10px;
  margin-top: 10px; }
@media (min-width: 400px) {
  #modalVote .modal-dialog {
    margin: 30px auto;
    width: 400px; } }

/*styling for the spinner*/
#spinner-votes {
  width: 53px; }

a.ui-spinner-button:hover {
  cursor: pointer; }

.ui-spinner {
  float: left;
  margin-right: 13px;
  width: 53px; }

.ui-spinner-button {
  cursor: pointer; }

.voting-form {
  text-align: center; }
  .voting-form button {
    margin-top: 60px; }

.voting-form-div {
  left: 50%;
  margin-left: -102px;
  margin-top: -95px;
  position: absolute;
  width: 220px; }
  .voting-form-div div {
    display: block;
    float: left;
    font-size: 18px;
    margin-top: 3px; }
    .voting-form-div div:first-child {
      margin-right: 14px; }
  .voting-form-div strong:last-child {
    padding-top: 7px; }
  .voting-form-div input, .voting-form-div .form-group textarea, .form-group .voting-form-div textarea, .voting-form-div .form-group select, .form-group .voting-form-div select {
    float: left;
    margin-right: 15px; }

.vote-content > h3, .vote-content > h4 {
  text-align: center; }
  @media (max-width: 360px) {
    .vote-content > h3, .vote-content > h4 {
      margin-top: 5px; } }

.vote-confirm {
  display: table;
  height: 270px;
  width: 100%; }
  .vote-confirm .vote-content-body {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
    .vote-confirm .vote-content-body > p:nth-child(2), .vote-confirm .filter-box.vote-content-body > form:nth-child(2) {
      margin-bottom: 80px; }

.voting-modal-social {
  left: 50%;
  margin-left: -72px;
  margin-top: -60px;
  position: absolute;
  width: 200px; }
  .voting-modal-social .fb-share {
    display: block;
    float: left; }
  .voting-modal-social .tw-share {
    display: block;
    float: none; }
  .voting-modal-social .btn.btn-default.btn-twitter.twitter, .voting-modal-social .btn.btn-twitter.twitter.btn-success, .voting-modal-social .btn.btn-twitter.twitter.btn-info {
    background-color: transparent;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto; }
  .voting-modal-social .btn.btn-facebook, .voting-modal-social .btn.btn-twitter, .voting-modal-social button.btn.twitter, .voting-modal-social .btn.btn-google-plus, .voting-modal-social button.btn.google-plus, .voting-modal-social .btn.btn-tumblr, .voting-modal-social button.btn.tumblr, .voting-modal-social .btn.btn-flickr, .voting-modal-social button.btn.flickr, .voting-modal-social .btn.btn-instagram, .voting-modal-social button.btn.instagram {
    border-radius: 2px;
    font-size: 12px;
    height: 20px;
    margin-bottom: 0;
    padding: 1px 8px;
    text-transform: capitalize; }
  .voting-modal-social iframe.twitter-share-button {
    margin: 1px 0 0 10px; }

.no-votes {
  display: table;
  height: 270px;
  width: 100%; }

.no-votes-body {
  display: table-cell;
  padding: 20px;
  vertical-align: middle; }
  @media (max-width: 399px) {
    .no-votes-body {
      display: table-cell;
      padding: 0;
      vertical-align: middle; } }
  .no-votes-body a.btn {
    margin: 20px 10px 10px; }

.explore-grid.btn.btn-primary.pull-right {
  bottom: 0;
  display: block;
  margin-top: -15px;
  position: absolute;
  right: 15px;
  z-index: 100; }

#fan-user #vote-countdown {
  display: inline-block; }
  #fan-user #vote-countdown .stc-group-digits {
    background-color: inherit !important;
    color: white;
    line-height: 10px;
    padding: 0px;
    padding-right: 2px;
    height: inherit; }
    #fan-user #vote-countdown .stc-group-digits:after {
      content: ':'; }
  #fan-user #vote-countdown .stc-group-seconds .stc-group-digits:after {
    content: ''; }
  #fan-user #vote-countdown .stc-digit {
    font-size: 16px !important;
    font-weight: bold; }
  #fan-user #vote-countdown .stc-group-label {
    display: none; }

/* end of voting.scss*/
/* beginning of predict-new-deal.scss */
.predict-big-deal-container {
  position: relative;
  width: 100%; }
  @media (max-width: 589px) {
    .predict-big-deal-container {
      margin-top: 10px; } }
  .predict-big-deal-container .predict-container {
    margin-top: 0; }
    @media (max-width: 359px) {
      .predict-big-deal-container .predict-container img, .predict-big-deal-container .predict-container li {
        height: 45px !important;
        width: 80px !important; } }
  .predict-big-deal-container .predict-drop-list li img {
    border-radius: 40px/ 30px; }
  .predict-big-deal-container .drop-area {
    height: 573px;
    margin-right: 0;
    margin-top: 0;
    position: relative; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .predict-big-deal-container .drop-area {
        height: 464px;
        width: 374px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .predict-big-deal-container .drop-area {
        height: 356px;
        width: 100%; } }
    @media (max-width: 767px) and (min-width: 590px) {
      .predict-big-deal-container .drop-area {
        height: 280px;
        width: 213px; } }
    @media (max-width: 589px) {
      .predict-big-deal-container .drop-area {
        margin-right: 0;
        margin-top: 0;
        height: 185px;
        width: 125px; } }
    @media (max-width: 359px) {
      .predict-big-deal-container .drop-area {
        height: 45px !important;
        width: 80px !important;
        height: 155px;
        width: 117px; } }
    .predict-big-deal-container .drop-area ul li {
      margin-left: 67px;
      margin-top: 239px;
      border: 2px solid #ffcd86;
      border-radius: 40px / 30px;
      box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4) inset, 0 0 10px 5px rgba(255, 205, 134, 0.7);
      position: absolute; }
      @media (max-width: 1199px) and (min-width: 992px) {
        .predict-big-deal-container .drop-area ul li {
          margin-left: 68px;
          margin-top: 205px; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .predict-big-deal-container .drop-area ul li {
          margin-left: 45px;
          margin-top: 153px; } }
      @media (max-width: 767px) and (min-width: 590px) {
        .predict-big-deal-container .drop-area ul li {
          border-radius: 30px / 20px;
          margin-left: 33px;
          margin-top: 116px; } }
      @media (max-width: 589px) {
        .predict-big-deal-container .drop-area ul li {
          border-radius: 15px / 10px;
          margin-left: 16px;
          margin-top: 68px; } }
      @media (max-width: 359px) {
        .predict-big-deal-container .drop-area ul li {
          margin-left: 18px;
          margin-top: 64px; } }
      .predict-big-deal-container .drop-area ul li.dropping-hover {
        width: 304px;
        height: 171px; }
        @media (max-width: 1199px) and (min-width: 992px) {
          .predict-big-deal-container .drop-area ul li.dropping-hover {
            width: 240px !important;
            height: 135px !important; } }
        @media (max-width: 991px) and (min-width: 768px) {
          .predict-big-deal-container .drop-area ul li.dropping-hover {
            height: 108px;
            width: 192px; } }
        @media (max-width: 767px) and (min-width: 590px) {
          .predict-big-deal-container .drop-area ul li.dropping-hover {
            border-radius: 30px / 20px;
            height: 81px;
            width: 144px; } }
        @media (max-width: 589px) {
          .predict-big-deal-container .drop-area ul li.dropping-hover {
            border-radius: 15px / 10px;
            height: 54px !important;
            width: 96px !important; } }
        @media (max-width: 359px) {
          .predict-big-deal-container .drop-area ul li.dropping-hover {
            height: 45px !important;
            width: 80px !important; } }
      .predict-big-deal-container .drop-area ul li.ui-droppable img {
        width: 304px;
        height: 171px;
        border-radius: 40px / 30px; }
        @media (max-width: 991px) and (min-width: 768px) {
          .predict-big-deal-container .drop-area ul li.ui-droppable img {
            height: 108px;
            width: 192px; } }
        @media (max-width: 767px) and (min-width: 590px) {
          .predict-big-deal-container .drop-area ul li.ui-droppable img {
            height: 81px;
            width: 144px; } }
        @media (max-width: 589px) {
          .predict-big-deal-container .drop-area ul li.ui-droppable img {
            border-radius: 15px / 10px;
            height: 54px !important;
            width: 96px !important; } }
        @media (max-width: 359px) {
          .predict-big-deal-container .drop-area ul li.ui-droppable img {
            height: 45px !important;
            width: 80px !important; } }
  .predict-big-deal-container .well {
    margin: 0;
    padding: 24px 0 0 24px;
    position: absolute;
    z-index: 6; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .predict-big-deal-container .well {
        padding: 24px 0 0 31px; } }
    @media (max-width: 991px) and (min-width: 590px) {
      .predict-big-deal-container .well {
        padding: 17px 0 0 17px;
        width: 100%; } }
    @media (max-width: 589px) {
      .predict-big-deal-container .well {
        padding: 5px 0 0 4px;
        width: 100%; } }
  .predict-big-deal-container .drop-list-container {
    margin-bottom: 0; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .predict-big-deal-container .drop-list-container {
        height: 464px;
        width: 374px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .predict-big-deal-container .drop-list-container {
        height: 356px;
        width: 100%; } }
    @media (max-width: 767px) and (min-width: 590px) {
      .predict-big-deal-container .drop-list-container {
        height: 280px;
        width: 213px; } }
    @media (max-width: 589px) {
      .predict-big-deal-container .drop-list-container {
        height: 185px;
        width: 125px; } }
    @media (max-width: 359px) {
      .predict-big-deal-container .drop-list-container {
        height: 155px;
        width: 117px; } }
    .predict-big-deal-container .drop-list-container .black-square {
      background: url("../img/predict-widget/wide-static.gif") repeat scroll left top #32232b;
      border: 3px solid black;
      border-radius: 40px / 30px;
      left: 67px;
      top: 239px;
      width: 304px;
      height: 171px; }
      @media (max-width: 1199px) and (min-width: 992px) {
        .predict-big-deal-container .drop-list-container .black-square {
          width: 240px !important;
          height: 135px !important;
          left: 68px;
          top: 205px; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .predict-big-deal-container .drop-list-container .black-square {
          left: 45px;
          top: 153px; } }
      @media (max-width: 767px) and (min-width: 590px) {
        .predict-big-deal-container .drop-list-container .black-square {
          border-radius: 30px / 20px;
          height: 81px;
          width: 144px;
          left: 33px;
          top: 116px; } }
      @media (max-width: 589px) {
        .predict-big-deal-container .drop-list-container .black-square {
          border-radius: 15px / 10px;
          height: 54px !important;
          width: 96px !important;
          left: 16px;
          top: 68px; } }
      @media (max-width: 359px) {
        .predict-big-deal-container .drop-list-container .black-square {
          height: 45px !important;
          width: 80px !important;
          left: 18px;
          top: 64px; } }
  .predict-big-deal-container .drop-list-graphic {
    background-image: url("../img/predict-widget/glitchy-tv-wide.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 511px;
    width: 440px; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .predict-big-deal-container .drop-list-graphic {
        height: 464px;
        width: 374px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .predict-big-deal-container .drop-list-graphic {
        height: 356px;
        width: 100%; } }
    @media (max-width: 767px) and (min-width: 590px) {
      .predict-big-deal-container .drop-list-graphic {
        height: 280px;
        width: 213px; } }
    @media (max-width: 589px) {
      .predict-big-deal-container .drop-list-graphic {
        height: 185px;
        width: 125px; } }
    @media (max-width: 359px) {
      .predict-big-deal-container .drop-list-graphic {
        height: 155px;
        width: 117px; } }
  .predict-big-deal-container li {
    width: 304px;
    height: 171px;
    border: medium none;
    float: left;
    font-size: 19px;
    margin-bottom: 24px;
    margin-right: 24px; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .predict-big-deal-container li {
        width: 240px !important;
        height: 135px !important;
        margin-bottom: 24px;
        margin-right: 24px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .predict-big-deal-container li {
        margin-bottom: 17px;
        margin-right: 17px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .predict-big-deal-container li {
        height: 108px;
        width: 192px; } }
    @media (max-width: 767px) and (min-width: 590px) {
      .predict-big-deal-container li {
        font-size: 19px;
        margin-bottom: 10px;
        margin-right: 10px;
        height: 81px;
        width: 144px; } }
    @media (max-width: 589px) {
      .predict-big-deal-container li {
        font-size: 19px;
        margin-bottom: 5px;
        margin-right: 5px;
        height: 54px !important;
        width: 96px !important; } }
    @media (max-width: 359px) {
      .predict-big-deal-container li {
        height: 45px !important;
        width: 80px !important;
        font-size: 19px;
        margin-bottom: 6px;
        margin-right: 9px; } }
  .predict-big-deal-container .col-md-7 {
    padding-left: 0; }
  .predict-big-deal-container .predict-button-container {
    width: 100%; }
    @media (min-width: 1200px) {
      .predict-big-deal-container .predict-button-container {
        margin-top: -20px;
        width: 100%; } }
    @media (max-width: 589px) {
      .predict-big-deal-container .predict-button-container {
        height: 40px;
        margin-top: 15px;
        width: 280px; } }
    .predict-big-deal-container .predict-button-container .alert.alert-info {
      top: 0; }
    @media (max-width: 589px) {
      .predict-big-deal-container .predict-button-container #predict-msg {
        float: left;
        margin-left: 15px;
        right: auto; } }
    @media (max-width: 589px) {
      .predict-big-deal-container .predict-button-container button {
        float: left !important; } }
  .predict-big-deal-container .pick-list li:nth-child(5) {
    margin-left: 25%; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .predict-big-deal-container img {
      width: 240px !important;
      height: 135px !important; } }
  @media (max-width: 991px) {
    .predict-big-deal-container > .row > .col-md-5 {
      width: 41.6667%;
      float: left; } }
  @media (max-width: 991px) {
    .predict-big-deal-container > .row > .col-md-7 {
      width: 58.3333%;
      padding-left: 41.6667%; } }

.predict-big-deal-drop-list > li > img {
  border-radius: 40px / 30px; }
  @media (max-width: 767px) and (min-width: 590px) {
    .predict-big-deal-drop-list > li > img {
      border-radius: 30px / 20px; } }
  @media (max-width: 589px) {
    .predict-big-deal-drop-list > li > img {
      border-radius: 15px / 10px; } }

.section-bg-black.predict-big-deal-section .row.hidden-sm.hidden-xs {
  margin-top: 15px;
  margin-bottom: 15px; }

#mission-brief.predict-big-deal-section > .container > .row:nth-child(2) {
  margin-bottom: 0; }

.predict-ribbon-container {
  margin-top: 50px;
  display: none; }
  @media (max-width: 589px) {
    .predict-ribbon-container {
      display: block;
      margin-top: 15px;
      margin-bottom: 10px; } }
  .predict-ribbon-container > .predict-ribbon {
    width: 66%; }
    @media (max-width: 589px) {
      .predict-ribbon-container > .predict-ribbon {
        width: 100%; } }

.col-md-12 > .predict-ribbon {
  -ms-transform: rotate(-12deg);
  /* IE 9 */
  -webkit-transform: rotate(-12deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  transform: rotate(-12deg);
  position: absolute;
  top: 85px;
  left: -50px;
  z-index: 5;
  width: 500px; }
  @media (max-width: 991px) and (min-width: 768px) {
    .col-md-12 > .predict-ribbon {
      left: -43px;
      top: 35px;
      width: 350px; } }
  @media (max-width: 767px) and (min-width: 590px) {
    .col-md-12 > .predict-ribbon {
      left: -43px;
      top: 32px;
      width: 283px; } }
  @media (max-width: 589px) {
    .col-md-12 > .predict-ribbon {
      display: none; } }

@media (max-width: 1199px) and (min-width: 992px) {
  .predict-big-deal-section .predict-ribbon {
    left: -35px;
    width: 420px; } }
@media (max-width: 991px) {
  .predict-big-deal-section p, .predict-big-deal-section .filter-box > form {
    margin-left: 0 !important;
    margin-right: 0; } }

@media (max-width: 589px) {
  .big-deal-predict-well .alert {
    padding: 5px 10px;
    margin-bottom: 5px; } }

/* styling for the confirmation modal */
#predictBigDealModalSuccessful .share-buttons {
  margin: 0 auto 10px;
  max-width: 340px; }
  @media (max-width: 400px) {
    #predictBigDealModalSuccessful .share-buttons {
      text-align: center; } }
  #predictBigDealModalSuccessful .share-buttons .btn {
    height: 39px;
    margin-bottom: 10px;
    width: 160px; }
#predictBigDealModalSuccessful p, #predictBigDealModalSuccessful .filter-box > form {
  margin-bottom: 25px; }
@media (min-width: 401px) {
  #predictBigDealModalSuccessful .fb-share {
    float: left;
    margin-right: 10px; } }

/* end of predict-new-deal.scss */
/* beginning of about.scss */
#about .content.section > .row > .col-md-6 img {
  margin-top: -150px; }
  @media (max-width: 991px) {
    #about .content.section > .row > .col-md-6 img {
      margin-top: 20px; } }

.about p, .about .filter-box > form {
  font-size: 25px; }
  @media (max-width: 767px) {
    .about p, .about .filter-box > form {
      font-size: 16px; } }
.about ul {
  font-size: 25px; }
  @media (max-width: 767px) {
    .about ul {
      font-size: 16px; } }
  .about ul li {
    margin-bottom: 16px; }

/* team tab */
#team .row {
  margin-bottom: 20px; }
  #team .row img {
    display: block;
    width: 260px;
    height: auto; }

#advisors .row {
  margin-bottom: 20px; }
  #advisors .row img {
    display: block;
    width: 260px;
    height: auto; }

#about-team img {
  margin-top: 23px; }
  @media (min-width: 992px) {
    #about-team img {
      width: 100%;
      height: auto; } }
#about-team .col-md-12 > .row {
  margin-top: 30px; }
#about-team .btn-link small {
  line-height: 0; }
#about-team h1 strong {
  font-size: 32px;
  color: #ffcd86;
  display: inline; }

/* partner tab styling */
#about-partners .col-md-12 > .row {
  margin-top: 30px; }
#about-partners .col-md-9 > strong {
  font-size: 18px;
  line-height: 2em; }

/* media tab */
#about-media .col-md-3 {
  text-align: center; }
#about-media .row > .col-md-12 > .row {
  margin-top: 30px; }
  @media (max-width: 991px) {
    #about-media .row > .col-md-12 > .row {
      margin-top: 40px; } }
@media (max-width: 991px) {
  #about-media .media-logo-box {
    margin-bottom: 15px; } }
@media (max-width: 991px) {
  #about-media .well .col-md-5 {
    margin-top: 20px; } }

.media-logo-box {
  background-color: white;
  height: 220px;
  position: relative;
  text-align: center;
  width: 290px; }
  @media (min-width: 1200px) {
    .media-logo-box {
      height: 200px;
      width: 250px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .media-logo-box {
      height: 200px;
      width: 200px; } }
  .media-logo-box > p, .filter-box.media-logo-box > form {
    background-color: white;
    height: 220px;
    position: relative;
    text-align: center;
    width: 290px; }
    @media (min-width: 1200px) {
      .media-logo-box > p, .filter-box.media-logo-box > form {
        height: 200px;
        width: 250px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .media-logo-box > p, .filter-box.media-logo-box > form {
        height: 200px;
        width: 200px; } }
  .media-logo-box img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 180px;
    max-width: 250px;
    position: absolute;
    right: 0;
    top: 0; }
    @media (min-width: 1200px) {
      .media-logo-box img {
        max-height: 150px;
        max-width: 200px; } }

/* Comedy Fans tab aka about fan tab ------------------------------------ */
#about-fans .row {
  margin-bottom: 60px; }
  #about-fans .row.fan-info {
    margin-bottom: 20px; }
    @media (max-width: 991px) {
      #about-fans .row.fan-info {
        margin-bottom: 0px; } }
#about-fans > .container > .row:first-child {
  margin-bottom: 20px; }
#about-fans > .container > .row:last-child {
  margin-top: 40px; }
  @media (max-width: 991px) {
    #about-fans > .container > .row:last-child {
      margin-top: 60px; } }
@media (max-width: 390px) {
  #about-fans > .container > .row > .col-md-4 {
    padding: 0; } }

.fan-info > .col-md-4 {
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .fan-info > .col-md-4 {
      margin-bottom: 40px; } }
  .fan-info > .col-md-4 a {
    float: right; }
  .fan-info > .col-md-4 h3, .fan-info > .col-md-4 h4 {
    display: block; }
    @media (max-width: 991px) {
      .fan-info > .col-md-4 h3, .fan-info > .col-md-4 h4 {
        padding-top: 10px; } }
.fan-info h3, .fan-info h4 {
  margin-top: 10px; }
.fan-info ul {
  display: block;
  margin-left: 37px; }
.fan-info .fan-icon a {
  display: table;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #c5194b;
  font-size: 18pt;
  float: left;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #fdab3b; }
  .fan-info .fan-icon a:hover, .fan-info .fan-icon a:focus, .fan-info .fan-icon a:active {
    background-color: #fdab3b;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #c5194b;
    text-decoration: none;
    outline: none; }
.fan-info i.fa {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
.fan-info i.fa-beer {
  padding-right: 6px; }

/* end of about.scss */
/* beginning of misc.scss */
.lead {
  font-size: 20px; }

.leader {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif; }

.mice, .help-block {
  font-size: 13px;
  color: #dddddd; }

hr.small {
  max-width: 100px; }

.toggle {
  margin: 5px 5px 0 0; }

#rules .detail-item h3, #rules .detail-item h4 {
  text-transform: none;
  font-weight: bold; }

.fileupload-current .thumbnail {
  border: none; }

#questions h4 {
  font-size: 21px;
  font-style: oblique; }

.no-image {
  background-color: #bbbbbb;
  color: #666666;
  font-weight: bold;
  text-align: center; }
  .no-image:after {
    content: '?'; }

.no-image-profile {
  display: block;
  width: 100px;
  height: 100px;
  font-size: 2em;
  padding-top: 25%; }

.no-image-.header {
  display: inline-block;
  height: 20px;
  width: 20px; }

.in + .accordion-toggle > .panel-heading > .panel-title > i {
  color: green; }

.wrapword {
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* css-3 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal; }

.embed {
  padding: 20px;
  background: url(../img/bg-purple-texture.png) #4e3644; }
  .embed .embed-logo {
    position: relative;
    float: right;
    height: 30px; }
  .embed .media-description {
    margin-top: 20px;
    overflow: hidden; }
  .embed .see-more {
    position: absolute;
    margin-top: 10px;
    margin-bottom: 20px;
    bottom: 0px;
    right: 20px; }
  .embed h3, .embed h4 {
    margin: 0px 0px 20px 0px; }

#embedUrlField {
  font-family: Courier, "New Courier", monospace;
  width: 100%;
  color: #666666; }

.uppercase {
  text-transform: uppercase; }

.textarea-with-limit {
  margin-bottom: 0px; }

.textarea-limit {
  float: right;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 5px; }

/* Components */
/*sticky sidear*/
.sticky-sidebar.affix {
  position: fixed;
  top: 0px; }
.sticky-sidebar.affix-bottom {
  position: absolute; }
.sticky-sidebar .nav > li > a {
  padding-top: 2px;
  padding-bottom: 2px; }

.nav-subitem {
  padding-left: 15px; }

/* end of misc.scss */
/* sections */
section {
  padding: 20px 0; }
  section.how-it-works {
    padding-top: 40px; }

.section-promo-block, .section-promo-block-stripe {
  background: url("../img/bg-promo-block-stripe.jpg") no-repeat left bottom #b01127;
  background-size: 100% 43px;
  padding-bottom: 43px;
  padding-top: 0; }
  .section-promo-block .promo-block-bg, .section-promo-block-stripe .promo-block-bg {
    background: url("../img/bg-promo-block.jpg") #242f35;
    padding: 60px 0;
    margin-top: -1px; }
  .section-promo-block img, .section-promo-block-stripe img {
    margin-top: 20px; }
    @media (min-width: 992px) {
      .section-promo-block img, .section-promo-block-stripe img {
        width: auto;
        max-height: 270px; } }

.section-bg-brown {
  background: #887964; }

.section-bg-black {
  background: #141414;
  border: 3px solid #141414; }

.section-bg-purple {
  background: url(../img/bg-purple-texture.png) #4e3644; }

.section-bg-sepia {
  background: #ccbfad;
  color: #141414;
  padding: 10px 30px 20px; }
  @media (max-width: 320px) {
    .section-bg-sepia {
      padding: 10px 20px; } }
  .section-bg-sepia a {
    color: #006eb2; }
    .section-bg-sepia a:hover {
      color: #009eff; }
    .section-bg-sepia a:active, .section-bg-sepia a.active, .section-bg-sepia a.active:hover {
      color: #666666; }
    .section-bg-sepia a.bg-sepia-link {
      color: #006eb2; }
      .section-bg-sepia a.bg-sepia-link:hover {
        color: #009eff; }
    .section-bg-sepia a.i-comment-remove, .section-bg-sepia a.i-comment-report {
      color: #8a0a1c;
      margin-left: -13px;
      text-transform: capitalize; }
      .section-bg-sepia a.i-comment-remove:hover, .section-bg-sepia a.i-comment-report:hover {
        color: #b80551; }
  .section-bg-sepia .panel-default > .panel-heading {
    background-color: #595856;
    border-color: #dddddd;
    color: #ff4880; }
    .section-bg-sepia .panel-default > .panel-heading:hover {
      background-color: #ccbfad; }
  .section-bg-sepia .panel-collapse > .panel-body {
    background: #a3988a; }
  .section-bg-sepia #accordion {
    background-color: #ccbfad; }
  .section-bg-sepia .btn-default, .section-bg-sepia .btn-success, .section-bg-sepia .btn-info, .section-bg-sepia .btn-success, .section-bg-sepia .btn-info {
    border: none;
    font-weight: bold;
    color: #005a6a;
    background-color: #fcfcfc;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .section-bg-sepia .btn-default:hover, .section-bg-sepia .btn-success:hover, .section-bg-sepia .btn-info:hover, .section-bg-sepia .btn-success:hover, .section-bg-sepia .btn-info:hover {
      color: #fcfcfc;
      background-color: #005a6a;
      border: none;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
  .section-bg-sepia .media-controls a.btn:active {
    box-shadow: none; }
  .section-bg-sepia .text-success {
    color: #36704c; }
  .section-bg-sepia hr {
    display: none; }
  .section-bg-sepia p, .section-bg-sepia .filter-box > form, .section-bg-sepia h1, .section-bg-sepia h2, .section-bg-sepia h3, .section-bg-sepia h4, .section-bg-sepia h4, .section-bg-sepia h5, .section-bg-sepia h6 {
    color: #141414; }
  .section-bg-sepia #accordion > .panel > a > .panel-heading {
    background-color: #595856;
    border-color: #dddddd;
    color: #ff4880; }
  .section-bg-sepia #accordion > .panel > a:hover > .panel-heading {
    color: #c5194b;
    background-color: #a3988a;
    cursor: pointer;
    text-decoration: none; }

/* beginning of key-art-modal */
.key-art-modal .modal-body {
  position: absolute;
  top: 0;
  height: auto; }
.key-art-modal > .modal-dialog {
  margin: 30px auto;
  height: 95%;
  width: auto; }
.key-art-modal .modal-content .modal-title {
  left: 15px;
  top: 15px;
  position: absolute; }
.key-art-modal .modal-content .close {
  right: 15px;
  top: 15px;
  position: absolute;
  z-index: 2; }
.key-art-modal .modal-content .btn-primary {
  right: 15px;
  bottom: 15px;
  position: absolute;
  z-index: 2; }
.key-art-modal .modal-content .see-other-poster {
  left: 15px;
  bottom: 15px;
  position: absolute;
  z-index: 2;
  color: #fdab3b;
  border: none; }
.key-art-modal .modal-content button.close.dark-title {
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 1em;
  padding: 5px 10px 10px; }
.key-art-modal .thumbnail {
  margin: 0; }
  .key-art-modal .thumbnail.keyArt1 {
    border: solid 5px #c5194b;
    border-radius: 5px; }
  .key-art-modal .thumbnail.keyArt2 {
    border: solid 5px #fdab3b;
    border-radius: 5px; }

.key-art .col-md-6 img:hover {
  cursor: pointer; }
@media (max-width: 991px) {
  .key-art > .media-content:nth-child(2) .key-art-caption {
    margin-bottom: 30px; } }
@media (max-width: 991px) {
  .key-art > .media-content:nth-child(2) .key-it-widget-col {
    display: block; } }

.key-art-title {
  margin-bottom: 15px; }

.key-it-widget-col {
  height: 100px; }
  @media (max-width: 991px) {
    .key-it-widget-col {
      display: none; } }
  .key-it-widget-col.hidden-sm {
    margin-bottom: 50px; }

@media (min-width: 992px) {
  .preview-section .key-art .media-content .media-caption {
    min-height: inherit !important; } }

/* end of key-art-modal */
/* beginning of mission-brief.scss */
#mission-brief .row .col-md-6 {
  margin-top: 50px; }
#mission-brief div.row {
  margin-bottom: 20px; }
#mission-brief .jingle-punk-png {
  margin-top: 20px; }
  @media (max-width: 991px) {
    #mission-brief .jingle-punk-png {
      margin: 40px auto 0px; } }
  #mission-brief .jingle-punk-png img {
    margin-bottom: 20px;
    width: 100%;
    max-width: 500px;
    height: auto;
    display: block;
    float: none;
    text-align: center; }
  #mission-brief .jingle-punk-png small {
    text-align: left; }
#mission-brief .alert {
  margin-top: 20px; }
#mission-brief .leader {
  margin-bottom: 20px; }
#mission-brief h1 {
  margin-top: 0;
  font-size: 27px; }
  @media (max-width: 991px) {
    #mission-brief h1 {
      margin-top: 30px;
      font-size: 32px; } }

.hashtag {
  color: white;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 1px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hashtag {
      font-size: 20px;
      margin: 0 0 10px 0; } }

.mission-time-range {
  line-height: 1.1em;
  margin-top: 25px; }
  .mission-time-range small {
    display: block; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .mission-time-range small label {
        display: block;
        margin-top: 15px; } }
    @media (max-width: 589px) {
      .mission-time-range small label {
        display: block;
        margin-top: 15px; } }
  .mission-time-range label.orange {
    margin-top: 18px; }

@media (max-width: 589px) {
  .tab-pane.active > #mission-brief > .container {
    padding: 0; } }
@media (max-width: 589px) {
  .tab-pane.active section#mission-brief {
    padding-top: 0; } }

/* end of mission-brief.scss */
/* beginning of mission-page.scss */
.application-link-container .media-title span.text-center i {
  font-size: 24px;
  padding-top: 5px; }

.link-content .media-caption .media-title span.text-center i {
  font-size: 24px;
  padding-top: 5px; }

.media-caption .readmore-js-toggle {
  float: right;
  font-size: 85%;
  margin-top: 3px;
  text-align: right;
  width: 85px; }

@media (min-width: 992px) {
  .preview-section .media-content:not(.link-content) .media-caption {
    min-height: 122px; } }

@media (min-width: 992px) {
  #promotion-entries .media-content:not(.link-content) .media-caption {
    min-height: 122px; } }

/* end of mission-page.scss */
/* beginning of press.scss */
/*jtable*/
#promotion_grid .jtable-data-row > td:nth-last-child(2) {
  text-align: center; }
#promotion_grid .jtable-data-row > td:last-child {
  text-align: center; }
#promotion_grid .jtable > thead > tr > th:nth-last-child(2) {
  text-align: center; }
#promotion_grid .jtable i.fa {
  font-size: 24px;
  opacity: 0.7; }
  #promotion_grid .jtable i.fa:hover {
    cursor: pointer;
    opacity: 1; }
#promotion_grid .jtable .i-toggle-publish.fa-check-circle {
  color: forestgreen; }
#promotion_grid .jtable .i-toggle-publish.fa-times-circle {
  color: firebrick; }

#promotion_type:hover {
  cursor: pointer; }

/* the grid, also, lots of press tab styles are also up on the optional images area*/
#promotion-entries .pdf-caption h4 {
  position: absolute;
  display: block;
  left: 10px;
  width: auto; }
#promotion-entries .pdf-caption a .btn {
  position: absolute;
  bottom: 10px;
  right: 10px; }
#promotion-entries .media-caption .btn {
  padding: 3px 5px 2px 6px; }
@media (max-width: 991px) {
  #promotion-entries .media-caption h3, #promotion-entries .media-caption h4 {
    margin-top: 15px; } }
#promotion-entries .col-md-6 {
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    #promotion-entries .col-md-6 {
      margin-bottom: 30px; } }
#promotion-entries .application-content .btn.btn-info {
  font-size: 13px;
  margin-top: 20px;
  padding: 5px 10px; }
  @media (max-width: 991px) {
    #promotion-entries .application-content .btn.btn-info {
      margin-top: -2px;
      margin-left: 15px; } }
@media (max-width: 991px) {
  #promotion-entries .application-content .embed-responsive {
    display: none; } }

/* end of press.scss */
/* beginning of project-package-title.scss */
.project-package-title {
  margin-bottom: 20px;
  margin-top: 4px; }
  .project-package-title .col-md-12 > h1 {
    font-size: 32px;
    margin: 0; }
    @media (min-width: 590px) {
      .project-package-title .col-md-12 > h1 strong {
        display: inline;
        float: none;
        font-size: 32px;
        margin-left: 6px; } }
  .project-package-title h3.hashtag, .project-package-title h4.hashtag {
    margin-top: 0;
    position: absolute;
    right: 15px;
    top: 10px;
    right: 260px;
    top: 15px; }
    @media (max-width: 991px) and (min-width: 590px) {
      .project-package-title h3.hashtag, .project-package-title h4.hashtag {
        right: 15px;
        top: 0px; } }
    @media (max-width: 589px) {
      .project-package-title h3.hashtag, .project-package-title h4.hashtag {
        position: inherit;
        right: 0;
        top: 0; } }
  .project-package-title .btn {
    margin-top: 0;
    position: absolute;
    right: 15px;
    top: 10px; }
    @media (max-width: 991px) and (min-width: 590px) {
      .project-package-title .btn {
        right: 15px;
        top: 35px; } }
    @media (max-width: 589px) {
      .project-package-title .btn {
        position: inherit;
        right: 0;
        top: 0; } }

@media (min-width: 768px) {
  .promo-headline h1 > strong {
    display: inline;
    float: none;
    font-size: 16px;
    margin-left: 6px; } }

.embed-stat {
  margin-top: 5px; }
  @media (max-width: 991px) {
    .embed-stat {
      margin-top: 10px;
      margin-bottom: 10px; } }

/* end of project-package-title.scss */
/* beginning of project-page.scss */
.preview-section {
  margin-top: 20px;
  margin-bottom: 30px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .preview-section {
      margin-top: 15px;
      margin-bottom: 20px; } }
  .preview-section h1 a {
    color: #fdab3b; }
    .preview-section h1 a:hover, .preview-section h1 a:focus, .preview-section h1 a:active {
      color: #ffcd86;
      text-decoration: none;
      outline: none; }
    .preview-section h1 a strong {
      color: #fdab3b; }
      .preview-section h1 a strong:hover, .preview-section h1 a strong:focus, .preview-section h1 a strong:active {
        color: #ffcd86;
        text-decoration: none;
        outline: none; }
  @media (max-width: 991px) {
    .preview-section > .col-md-4 {
      margin-bottom: 30px; } }
  .preview-section > .col-md-4 > p, .preview-section > .filter-box.col-md-4 > form {
    margin: 30px 0 20px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .preview-section > .col-md-4 > p, .preview-section > .filter-box.col-md-4 > form {
        font-size: 14px;
        margin: 15px 0; } }
    @media (max-width: 991px) {
      .preview-section > .col-md-4 > p, .preview-section > .filter-box.col-md-4 > form {
        margin: 0 0 10px 0; } }
  .preview-section > .col-md-4 > a.btn {
    margin-top: 20px;
    clear: both; }
  .preview-section > .col-md-4 > small.stat {
    display: block;
    clear: both;
    margin-top: 5px; }
    @media (max-width: 991px) and (min-width: 590px) {
      .preview-section > .col-md-4 > small.stat {
        display: inline;
        clear: none; } }
  .preview-section > .col-md-4 > small > span:last-child {
    display: inline; }
  .preview-section h3, .preview-section h4 {
    margin-bottom: 15px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .preview-section .col-md-9 {
      display: block; } }
  @media (max-width: 991px) and (min-width: 590px) {
    .preview-section .col-md-9 {
      display: block;
      font-size: 14px;
      line-height: 1.5em; } }
  @media (max-width: 589px) {
    .preview-section .col-md-9 {
      display: block;
      line-height: 1.5em; } }
  @media (max-width: 991px) {
    .preview-section > .col-md-8 {
      margin-bottom: 40px; } }
  @media (max-width: 991px) and (min-width: 590px) {
    .preview-section .col-md-3 {
      width: 25%;
      float: left;
      padding-left: 10px; } }

#project-mission .preview-section > .col-md-4 > h1 {
  margin: 0 0 15px 0; }
  @media (max-width: 991px) {
    #project-mission .preview-section > .col-md-4 > h1 {
      margin: 0 0 10px 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #project-mission .preview-section > .col-md-4 > h1 {
      font-size: 20px;
      margin: 0 0 10px 0; } }
#project-mission .mission-grid-carousel {
  margin-top: 30px; }

#project .nav-tabs {
  margin: 20px 0 20px; }

#overview > .row > .col-md-4 > h1 {
  font-size: 27px;
  margin: 0 0 20px 0; }
  @media (min-width: 992px) and (max-width: 1199px) {
    #overview > .row > .col-md-4 > h1 {
      font-size: 20px;
      margin: 0 0 10px 0; } }

.application-content .media-title {
  margin-top: 20px; }

.team-item > .row {
  margin-bottom: 15px; }
  .team-item > .row > .col-md-9 > h4 {
    margin: 0; }
  .team-item > .row > .col-md-9 > p, .team-item > .row > .filter-box.col-md-9 > form {
    margin-top: 8px; }
  .team-item > .row > .col-md-3 > img {
    margin-bottom: 10px; }
.team-item .thumbnail {
  border: none; }

/* overview tab on project package  ------------------------- */
@media (max-width: 589px) {
  .optional.preview-section h3, .optional.preview-section h4 {
    margin-top: 0; } }
.optional .media-title > h3, .optional .media-title > h4 {
  margin: 0 0 15px 0; }
  @media (max-width: 991px) {
    .optional .media-title > h3, .optional .media-title > h4 {
      margin: 0 0 10px 0; } }
.optional .media-description {
  margin-bottom: 5px; }
  @media (min-width: 992px) {
    .optional .media-description {
      display: block; } }
  @media (max-width: 991px) {
    .optional .media-description {
      line-height: 1.5em; } }
  @media (max-width: 589px) {
    .optional .media-description {
      margin-bottom: 5px; } }
.optional .col-md-12 > h3, .optional .col-md-12 > h4 {
  margin: 20px 0 20px; }
.optional .col-md-6 {
  margin-bottom: 0; }
  .optional .col-md-6.link-content, .optional .col-md-6.application-content {
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      .optional .col-md-6.link-content, .optional .col-md-6.application-content {
        margin-bottom: 20px; } }
  @media (max-width: 589px) {
    .optional .col-md-6 .thumbnail {
      margin-bottom: 10px; } }
.optional .thumbnail {
  padding: 0;
  border-radius: 0px; }

#promotion-entries .media-description {
  margin-bottom: 5px; }
  @media (max-width: 589px) {
    #promotion-entries .media-description {
      display: block;
      line-height: 1.5em; } }

/* styling for the title to make it a link */
.go-to-week {
  display: table;
  width: 100%; }
  @media (max-width: 991px) {
    .go-to-week {
      margin-bottom: 30px; } }
  .go-to-week:hover {
    text-decoration: none; }
    .go-to-week:hover > h1 {
      color: #ffcd86;
      text-decoration: none; }
      .go-to-week:hover > h1 > strong {
        color: #ffcd86;
        text-decoration: none; }
    .go-to-week:hover i {
      color: #ffcd86;
      text-decoration: none; }
  .go-to-week:active > h1, .go-to-week:focus > h1 {
    color: #ffcd86;
    text-decoration: none; }
    .go-to-week:active > h1 > strong, .go-to-week:focus > h1 > strong {
      color: #ffcd86;
      text-decoration: none; }
  .go-to-week:active i, .go-to-week:focus i {
    color: #ffcd86;
    text-decoration: none; }
  .go-to-week > h1 {
    display: table-cell;
    color: #fdab3b; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .go-to-week > h1 {
        font-size: 28px; } }
    @media (max-width: 360px) {
      .go-to-week > h1 {
        font-size: 28px; } }
    .go-to-week > h1 > strong {
      color: #fdab3b; }
  .go-to-week > i {
    vertical-align: middle;
    font-size: 48px;
    display: table-cell; }

.overview-mission-grid {
  margin: 40px -5px 10px; }
  @media (max-width: 991px) {
    .overview-mission-grid {
      margin: 30px -5px 10px; } }
  .overview-mission-grid .thumb-box {
    width: 100%;
    height: 100%; }
  .overview-mission-grid .next-week-grid-box.thumb-box {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.4); }
    .overview-mission-grid .next-week-grid-box.thumb-box:hover {
      opacity: 1; }
  .overview-mission-grid h3, .overview-mission-grid h4 {
    margin: 0 0 15px; }
    @media (max-width: 991px) {
      .overview-mission-grid h3, .overview-mission-grid h4 {
        margin: 0 0 10px; } }
  .overview-mission-grid .col-md-12:first-child {
    padding: 5px; }
  .overview-mission-grid .col-md-2 {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 20%;
    margin-bottom: 15px; }
    @media (max-width: 991px) {
      .overview-mission-grid .col-md-2 {
        margin-bottom: 10px; } }
    @media (max-width: 589px) {
      .overview-mission-grid .col-md-2 {
        margin-bottom: 10px;
        width: 50%; } }
  .overview-mission-grid .embed-responsive {
    background-color: transparent; }

> img .embed-responsive.embed-responsive-16by9:not(.ribbon) {
  width: 100%;
  height: auto; }

#project-status body {
  width: 100%;
  height: 100%; }

/* end of project-page.scss */
/* beginning of project-title-block.scss */
@media (max-width: 589px) {
  .project-title-block {
    padding: 10px; } }
.project-title-block .thumbnail {
  margin-bottom: inherit; }
  @media (max-width: 991px) {
    .project-title-block .thumbnail {
      width: 100%;
      height: auto; } }
.project-title-block .btn-block + .btn-block {
  margin-top: 0px; }
.project-title-block .media {
  margin-bottom: 20px; }
@media (min-width: 992px) {
  .project-title-block .col-md-6 {
    display: block;
    padding-left: 0; } }
@media (max-width: 991px) {
  .project-title-block .col-md-6 {
    display: block; } }
@media (max-width: 991px) {
  .project-title-block .col-md-2 {
    float: left;
    padding: 0 0 0 15px;
    width: 22%;
    margin-right: 15px; } }
@media (max-width: 767px) and (min-width: 590px) {
  .project-title-block .col-md-2 {
    width: 25%; } }
@media (max-width: 589px) {
  .project-title-block .col-md-2 {
    padding: 0 0 15px 15px;
    width: 30%;
    margin-right: 10px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .project-title-block .media-caption {
    height: 110px; } }
.project-title-block .media-caption h2 {
  margin-top: 10px;
  font-size: 26px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .project-title-block .media-caption h2 {
      margin-top: 2px;
      font-size: 21px; } }
  @media (max-width: 991px) {
    .project-title-block .media-caption h2 {
      margin-top: 10px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .project-title-block .media-caption h2 {
      font-size: 22px; } }
  @media (max-width: 767px) {
    .project-title-block .media-caption h2 {
      font-size: 21px; } }
  @media (max-width: 589px) {
    .project-title-block .media-caption h2 {
      width: 100%;
      margin-top: 5px; } }
  .project-title-block .media-caption h2 a {
    text-decoration: none; }
@media (max-width: 440px) {
  .project-title-block .media-caption .media-title {
    display: block;
    clear: both; } }
.project-title-block .media-caption > p, .project-title-block .filter-box.media-caption > form {
  margin-bottom: 17px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .project-title-block .media-caption > p, .project-title-block .filter-box.media-caption > form {
      margin-bottom: 5px;
      font-size: 14px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .project-title-block .media-caption > p, .project-title-block .filter-box.media-caption > form {
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .project-title-block .media-caption > p, .project-title-block .filter-box.media-caption > form {
      margin-bottom: 5px;
      font-size: 14px; } }
  @media (max-width: 589px) {
    .project-title-block .media-caption > p, .project-title-block .filter-box.media-caption > form {
      clear: both;
      font-size: 14px;
      margin: 0 5px 15px; } }
.project-title-block .media-caption > small {
  display: block;
  text-transform: capitalize; }
  @media (min-width: 992px) {
    .project-title-block .media-caption > small {
      float: left; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .project-title-block .media-caption > small {
      margin-top: 12px; } }
  @media (max-width: 991px) {
    .project-title-block .media-caption > small {
      float: none;
      display: block; } }
  @media (max-width: 767px) {
    .project-title-block .media-caption > small {
      margin-top: 5px; } }
  @media (max-width: 767px) and (min-width: 590px) {
    .project-title-block .media-caption > small {
      font-size: 12px;
      line-height: 1em; } }
  @media (max-width: 589px) {
    .project-title-block .media-caption > small {
      margin-left: 5px; } }
  @media (max-width: 589px) {
    .project-title-block .media-caption > small:last-child {
      padding-top: 0px;
      margin-top: 0px; } }
  @media (min-width: 992px) {
    .project-title-block .media-caption > small:nth-last-child(2) {
      margin-left: 0;
      margin-top: 5px;
      clear: both; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .project-title-block .media-caption > small:nth-last-child(2) {
      clear: none;
      margin-top: 12px; } }
  @media (max-width: 991px) {
    .project-title-block .media-caption > small:nth-last-child(2) {
      margin-left: 0;
      margin-top: 5px; } }
  @media (max-width: 767px) {
    .project-title-block .media-caption > small:nth-last-child(2) {
      padding-top: 5px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .project-title-block .media-caption > small:nth-child(3) {
      float: left;
      margin-right: 15px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .project-title-block .media-caption > small:nth-child(3) {
      margin-top: 15px; } }
  @media (max-width: 767px) {
    .project-title-block .media-caption > small:nth-child(3) {
      float: left;
      margin-right: 15px; } }
  @media (max-width: 589px) {
    .project-title-block .media-caption > small:nth-child(3) {
      clear: both;
      float: none;
      margin: 15px 5px; } }
  .project-title-block .media-caption > small > a {
    margin-right: 5px; }
.project-title-block > .row > .col-md-4 {
  margin-top: 5px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .project-title-block > .row > .col-md-4 {
      margin-top: 0; } }
  @media (max-width: 991px) {
    .project-title-block > .row > .col-md-4 {
      clear: both;
      padding-top: 15px; } }
  @media (max-width: 589px) {
    .project-title-block > .row > .col-md-4 {
      padding: 20px 10px 0; } }
  .project-title-block > .row > .col-md-4 > .row {
    padding: 0 20px; }
    @media (max-width: 767px) {
      .project-title-block > .row > .col-md-4 > .row:last-child {
        margin: 5px 0 10px 0; } }
    .project-title-block > .row > .col-md-4 > .row > .col-md-12 {
      padding: 0; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-12 > .btn-lg {
          height: 40px;
          padding: 10px; } }
    .project-title-block > .row > .col-md-4 > .row > .col-md-4 {
      margin-top: 10px;
      padding: 0; }
      @media (max-width: 991px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-4 {
          width: calc(100% / 3);
          float: left; } }
      @media (min-width: 992px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-4:nth-child(1) {
          padding-right: 6px; } }
      @media (min-width: 992px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-4:nth-child(2) {
          padding-right: 3px;
          padding-left: 3px; } }
      @media (max-width: 991px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-4:nth-child(2) {
          padding-right: 5px;
          padding-left: 5px; } }
      @media (min-width: 992px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-4:nth-child(3) {
          padding-left: 6px; } }
      @media (max-width: 991px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-4:first-child {
          padding-right: 5px; } }
      @media (max-width: 991px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-4:last-child {
          padding-l: 5px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-4 .btn {
          padding: 7px 4px;
          font-size: 12px; } }
      @media (max-width: 589px) {
        .project-title-block > .row > .col-md-4 > .row > .col-md-4 .btn {
          padding: 7px 4px;
          font-size: 12px; } }
  .project-title-block > .row > .col-md-4 > .small {
    margin-top: 10px; }
  @media (max-width: 589px) {
    .project-title-block > .row > .col-md-4 .btn-lg {
      padding: 20px 10px; } }
@media (max-width: 589px) {
  .project-title-block .btn.btn-primary.btn-lg.btn-block {
    font-size: 12px; } }

/* end of project-title-block.scss */
/* beginning of ratings.scss */
.rating-box {
  margin-top: 20px; }
  .rating-box .value {
    line-height: 18px;
    margin-top: 4px; }

.comment-input .rate-stars-box {
  background-color: #141414;
  padding: 4px;
  text-shadow: 0 0;
  color: white;
  border-radius: 3px; }
.comment-input .rating {
  background: white;
  width: 300px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .comment-input .rating {
      width: 250px; } }
  @media (max-width: 600px) and (min-width: 521px) {
    .comment-input .rating {
      width: 250px; } }
  @media (max-width: 520px) and (min-width: 361px) {
    .comment-input .rating {
      width: 260px; } }
  @media (max-width: 360px) {
    .comment-input .rating {
      width: 220px; } }
  .comment-input .rating div.star-rating a {
    border-color: #141414; }
.comment-input .rate-stars-box .value {
  background: none 0;
  padding: 0 15px 0 10px;
  line-height: 28px;
  color: #ffd318;
  font-size: 14px;
  float: left; }
.comment-input .rate-stars-box .hover-title {
  color: #dddddd;
  line-height: 28px;
  font-size: 16px;
  padding-left: 10px;
  margin: 0; }
.comment-input .rate-stars-box .rating {
  float: left; }
.comment-input .rating-boxes .value {
  line-height: 18px;
  margin-top: 4px; }

.rating-box-container {
  width: 200px;
  margin-right: 10px; }

.rating-wrapper {
  position: relative; }
  .rating-wrapper .rating.overlay {
    background: none 0;
    z-index: 2; }

.rating-label {
  width: 30%;
  font-size: 12px;
  line-height: 1.5em;
  margin-right: 2%;
  text-align: right;
  float: left;
  color: #666666; }

.rating-label + .rating {
  width: 68%;
  float: left;
  height: 18px; }
  .rating-label + .rating .rating-bar {
    float: left;
    position: relative; }

.rating-boxes {
  margin-top: 36px;
  margin-bottom: 36px; }
  .rating-boxes.interactive .rating-box {
    border-right: 1px solid #dddddd; }
  .rating-boxes.interactive .rating-grid.inactive {
    background: white; }
  .rating-boxes .rating-box.static {
    margin-bottom: 36px; }
  .rating-boxes .value {
    margin-bottom: 5px; }

.rating-box.graph .rating {
  background: white;
  margin-bottom: 5px; }
.rating-box.graph .rating-bar .value {
  font-size: 12px;
  color: #bbbbbb;
  line-height: 1.5em;
  position: absolute;
  right: -28px;
  text-align: left;
  width: 24px;
  display: block;
  margin: 0; }

.comment-box .rating-boxes {
  margin: 0; }
  .comment-box .rating-boxes .rating-box {
    margin-bottom: 5px;
    margin-top: 0; }

.thin .btn-navbar {
  margin-bottom: 18px; }

.pull-left.profile-label {
  margin-right: 5px; }

.rating {
  height: 28px;
  overflow: hidden; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .rating {
      height: 25px;
      margin-top: 1px;
      overflow: hidden; } }
  @media (max-width: 600px) and (min-width: 521px) {
    .rating {
      height: 25px;
      margin-top: 1px;
      overflow: hidden; } }
  @media (max-width: 520px) and (min-width: 361px) {
    .rating {
      height: 25px;
      margin: 3px 0 3px;
      overflow: hidden; } }
  @media (max-width: 360px) {
    .rating {
      height: 20px; } }
  .rating.inverse {
    background: #bbbbbb; }
  .rating .rating-bar {
    width: 0;
    float: left;
    height: 100%;
    font-size: 12px; }

.progress-box {
  height: 28px;
  overflow: hidden; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .progress-box {
      height: 25px;
      margin-top: 1px;
      overflow: hidden; } }
  @media (max-width: 600px) and (min-width: 521px) {
    .progress-box {
      height: 25px;
      margin-top: 1px;
      overflow: hidden; } }
  @media (max-width: 520px) and (min-width: 361px) {
    .progress-box {
      height: 25px;
      margin: 3px 0 3px;
      overflow: hidden; } }
  @media (max-width: 360px) {
    .progress-box {
      height: 20px; } }
  .progress-box .progress-bar {
    width: 0;
    float: left;
    height: 100%;
    font-size: 12px; }

div.star-rating {
  width: 0;
  float: left;
  height: 100%;
  font-size: 12px; }

.rate-stars-box {
  height: auto;
  overflow: hidden;
  margin: 0 0 9px; }
  .rate-stars-box .hover-title {
    line-height: 24px;
    margin-top: 4px;
    color: #666666; }

#hover-value {
  line-height: 24px;
  margin-top: 4px;
  color: #666666; }

.rating-value.large {
  font-size: 18px;
  line-height: 1em;
  margin: 9px 0;
  font-weight: 300;
  color: #333; }
  .rating-value.large em {
    font-size: 32px;
    font-style: normal;
    font-weight: normal; }

@media (max-width: 520px) {
  #rating .well {
    padding: 10px; } }
@media (max-width: 360px) {
  #rating .section-bg-sepia {
    padding: 0; } }

.progress-box .progress-bar,
div.star-rating-on a,
div.star-rating-hover a,
.ui-slider-range-min,
.rating-bar {
  background-color: firebrick; }

.rating-bar-1 div.star-rating-on a,
.rating-bar-1 div.star-rating-hover a,
.rating-bar-1 .ui-slider-range-min,
.rating-bar.rating-bar-1 {
  background-color: gold;
  background-color: forestgreen; }

/*    border-left-color: #bceb78;
       background: #e1fe8a;*/
.stat-1 em {
  color: forestgreen; }

.stat-2 em {
  color: #779E26; }

.stat-3 em {
  color: gold; }

.stat-4 em {
  color: darkorange; }

.stat-5 em {
  color: firebrick; }

.rating-bar-2 div.star-rating-on a,
.rating-bar-2 div.star-rating-hover a,
.rating-bar-2 .ui-slider-range-min,
.rating-bar.rating-bar-2 {
  background-color: #779E26; }

.rating-bar-3 div.star-rating-on a,
.rating-bar-3 div.star-rating-hover a,
.rating-bar-3 .ui-slider-range-min,
.rating-bar.rating-bar-3 {
  background-color: gold; }

.rating-bar-4 div.star-rating-on a,
.rating-bar-4 div.star-rating-hover a,
.rating-bar-4 .ui-slider-range-min,
.rating-bar.rating-bar-4 {
  background-color: darkorange; }

.rating-bar-5 div.star-rating-on a,
.rating-bar-5 div.star-rating-hover a,
.rating-bar-5 .ui-slider-range-min,
.rating-bar.rating-bar-5 {
  background-color: firebrick; }

div.star-rating,
.rating .rating-grid {
  width: 10%;
  float: left;
  height: 100%;
  font-size: 12px; }

div.star-rating a,
.rating .rating-grid .rating-grid-inner {
  border-left: 2px solid white;
  display: block;
  width: auto;
  height: 100%; }

.rating .rating-grid.first .rating-grid-inner {
  border: 0 none; }

.rating.inverse .rating-grid .rating-grid-inner {
  border-left-color: #1d1814; }

/* Star Rating */
div.rating-cancel {
  display: none !important; }

div.star-rating a {
  background-image: none;
  height: 28px;
  text-align: left;
  text-indent: -9999em; }

.comment div.star-rating a,
.comment div.rate-stars-box {
  height: 14px; }

.rating-wrapper-small {
  margin-top: 10px; }

.rating-wrapper-small .rating {
  height: 15px; }

/* user rating icon -------------------------------- */
#i-review-container {
  margin-top: 30px; }
  @media (max-width: 589px) {
    #i-review-container {
      margin-top: 10px; } }
  #i-review-container img {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 15px; }
    @media (max-width: 589px) {
      #i-review-container img {
        width: 55px;
        height: 55px; } }
  #i-review-container .get-user-name {
    line-height: 1.1em;
    margin-top: 9px; }
  #i-review-container .col-md-8 {
    margin-top: 7px; }
    @media (max-width: 991px) and (min-width: 590px) {
      #i-review-container .col-md-8 {
        margin-top: 15px;
        margin-left: 95px; } }
    @media (max-width: 589px) {
      #i-review-container .col-md-8 {
        margin-top: 10px; } }
  #i-review-container .media {
    margin-bottom: 30px; }

/* for user rating bar */
@media (max-width: 991px) and (min-width: 590px) {
  .rating-wrapper-small {
    margin-top: 24px; }

  .rating-wrapper-small .rating {
    width: 300px; } }
@media (max-width: 589px) {
  .rating-wrapper-small .rating {
    height: 10px; } }
#rating section > .row > .col-md-6 > h2 {
  margin-top: 0px; }

@media (max-width: 589px) {
  #rating .section-bg-sepia {
    padding: 10px 15px; } }
/* end of ratings.scss */
/* beginning of svg-graphs.scss */
.graph-module .title {
  margin-bottom: 10px; }

#weekly-performance-chart, #mission-performance-chart {
  height: 300px;
  width: 100%; }
  #weekly-performance-chart svg, #mission-performance-chart svg {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4); }

/* Axis Labels */
.nv-axis .tick text {
  fill: white; }
.nv-axis text {
  fill: white; }

.nv-legend-text {
  fill: white;
  opacity: 0.5; }

.nv-y {
  visibility: hidden; }

.nv-x .tick line {
  opacity: 0.25; }

.nvd3 line.nv-guideline {
  stroke: rgba(255, 255, 255, 0); }

.nvtooltip {
  color: black;
  opacity: 0.9; }
  .nvtooltip tbody, .nvtooltip p, .nvtooltip .filter-box > form {
    display: none; }
  .nvtooltip h3, .nvtooltip h4 {
    font-size: 100%;
    color: #bbbbbb; }
  .nvtooltip .x-value::before {
    content: "Week "; }

/* end of svg-graphs.scss */
/* beginning of filter.scss */
.filter-box {
  display: table;
  width: 100%; }
  @media (min-width: 1200px) {
    .filter-box {
      height: auto;
      font-size: 82%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .filter-box {
      font-size: 82%;
      height: 85px; } }
  @media (max-width: 991px) {
    .filter-box {
      display: table;
      font-size: 90%;
      height: 35px;
      width: 100%; } }
  @media (min-width: 1200px) {
    .filter-box:first-child {
      height: 74px; } }
  .filter-box > p, .filter-box > form {
    display: table-cell;
    vertical-align: middle; }
    @media (min-width: 992px) {
      .filter-box > p, .filter-box > form {
        width: 25px; } }
    @media (max-width: 991px) {
      .filter-box > p, .filter-box > form {
        width: 70px; } }
    @media (max-width: 589px) {
      .filter-box > p, .filter-box > form {
        width: 55px; } }
  .filter-box > form {
    padding: 0; }
  .filter-box > ul {
    display: table-cell;
    padding: 0;
    position: relative;
    vertical-align: middle; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .filter-box > ul {
        display: table-cell;
        padding: 0;
        position: relative;
        vertical-align: middle; } }
    @media (max-width: 589px) {
      .filter-box > ul {
        padding: 0 0 0 10px; } }
    .filter-box > ul li {
      padding: 0 0 0 10px;
      list-style-type: none;
      float: left;
      height: 20px; }

.grid-sort-filter.active {
  color: #ffcd86;
  text-decoration: underline;
  font-weight: bold; }

.explore-viewed-list, .explore-rated-list, .explore-followed-list {
  padding-left: 0px; }

.explore-title {
  color: black; }

.grid-sort-filter > span {
  color: #a3988a; }

#explore-weeks .tab-pane > .row > .col-md-12 > small.pull-right {
  margin-bottom: 30px; }

.alert-info.filter-box {
  padding: 15px; }

.explore-title-form {
  margin-bottom: 10px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .explore-title-form {
      margin-bottom: 6px; } }
  @media (max-width: 991px) {
    .explore-title-form {
      display: none; } }

.explore-title-form2 {
  display: none; }
  @media (max-width: 991px) {
    .explore-title-form2 {
      display: block; } }
  @media (max-width: 991px) {
    .explore-title-form2 .input-group-btn:last-child > .btn, .explore-title-form2 .input-group-btn:last-child > .btn-group {
      width: 100px; } }
  @media (max-width: 589px) {
    .explore-title-form2 .input-group-btn:last-child > .btn, .explore-title-form2 .input-group-btn:last-child > .btn-group {
      width: 70px; } }
  @media (max-width: 360px) {
    .explore-title-form2 .input-group-btn:last-child > .btn, .explore-title-form2 .input-group-btn:last-child > .btn-group {
      width: 50px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .explore-title-form2 .input-group {
      border-collapse: separate;
      display: table;
      float: right;
      margin-bottom: 40px;
      position: relative;
      width: 75%; } }

#filterProjects .row.alert.alert-info {
  margin: 0;
  padding: 10px 0; }
  @media (max-width: 991px) {
    #filterProjects .row.alert.alert-info {
      margin: 0;
      padding: 0 15px;
      margin-bottom: 15px; } }
#filterProjects .col-md-5 {
  padding-right: 0; }
  @media (max-width: 991px) {
    #filterProjects .col-md-5 {
      padding: 10px 0; } }
#filterProjects .col-md-7 {
  border-left: white solid 1px; }
  @media (max-width: 991px) {
    #filterProjects .col-md-7 {
      border-top: 1px solid white;
      padding: 10px 0;
      border-left: none; } }

@media (min-width: 1200px) {
  a.explore-reset-filter {
    bottom: 30px;
    font-size: 85%;
    left: -95px;
    margin: 0;
    padding: 0;
    position: absolute; } }
@media (min-width: 992px) and (max-width: 1199px) {
  a.explore-reset-filter {
    bottom: 30px;
    font-size: 85%;
    left: -95px;
    margin: 0;
    padding: 0;
    position: absolute; } }
@media (max-width: 991px) {
  a.explore-reset-filter {
    display: block;
    margin-top: 25px; } }
@media (max-width: 589px) {
  a.explore-reset-filter {
    display: block;
    margin-top: 15px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .row > .col-md-4:last-child > .filter-box > ul {
    padding-left: 5px; } }
@media (max-width: 991px) {
  .row > .col-md-4:nth-last-child(2) > .filter-box > ul {
    padding: 0 0 0 5px; } }
@media (max-width: 589px) {
  .row > .col-md-4:nth-last-child(2) > .filter-box > ul {
    padding: 0 0 0 5px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .col-md-4:last-child .filter-box {
    height: 67px; } }

@media (max-width: 991px) {
  .grid-sort-col {
    margin-bottom: 25px; } }

@media (max-width: 991px) {
  .explore-grid {
    margin-top: 30px; } }
@media (max-width: 991px) {
  .explore-grid {
    margin-top: 0; } }

@media (max-width: 360px) {
  .advanced-filter-content p, .advanced-filter-content .filter-box > form {
    display: none; } }
@media (max-width: 991px) {
  .advanced-filter-content p:first-child, .advanced-filter-content .filter-box > form:first-child {
    width: 150px; } }

@media (max-width: 991px) {
  .filter-row > .col-md-4 > .advanced-filter-content {
    margin-top: 10px; } }
@media (max-width: 991px) {
  .filter-row > .col-md-4:last-child {
    margin-top: 10px; } }

.fa.fa-spinner.fa-spin {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 45%;
  text-align: center;
  font-size: 48px; }
  .fa.fa-spinner.fa-spin:hover {
    cursor: default; }

/* end of filter.scss */
/* beginning of explore-grid.scss */
/* the explore / weeks grid ----------------------------------------------------- */
.watched {
  color: #ffcd86;
  font-weight: 800;
  left: 10px;
  opacity: 0.5;
  padding-top: 3px;
  position: absolute;
  text-transform: uppercase;
  top: 5px; }
  @media (min-width: 590px) and (max-width: 767px) {
    .watched {
      display: none; } }
  @media (max-width: 650px) and (min-width: 501px) {
    .watched {
      display: none; } }

.watched-i {
  display: none;
  color: #ffcd86;
  opacity: 0.5;
  padding-top: 3px; }
  @media (min-width: 590px) and (max-width: 767px) {
    .watched-i {
      display: block;
      float: right;
      width: 40px; } }
  @media (max-width: 650px) and (min-width: 501px) {
    .watched-i {
      display: block;
      width: 40px;
      float: right; } }

.explore-grid {
  margin-top: 20px; }
  .explore-grid > .col-md-4 {
    margin-bottom: 20px;
    height: 320px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .explore-grid > .col-md-4 {
        height: 280px; } }
    @media (min-width: 501px) and (max-width: 991px) {
      .explore-grid > .col-md-4 {
        height: 320px;
        width: 50%;
        float: left; } }
    @media (max-width: 650px) and (min-width: 501px) {
      .explore-grid > .col-md-4 {
        height: 250px;
        font-size: 13px; } }
    @media (max-width: 500px) {
      .explore-grid > .col-md-4 {
        height: 400px;
        clear: both; } }
    @media (max-width: 360px) {
      .explore-grid > .col-md-4 {
        clear: both;
        height: 280px; } }
    .explore-grid > .col-md-4 > .row:first-child {
      margin-bottom: 15px; }
    .explore-grid > .col-md-4 > .row:last-child > .col-md-9 {
      margin-top: -2px;
      padding-left: 0; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .explore-grid > .col-md-4 > .row:last-child > .col-md-9 {
          margin-top: -2px;
          padding-left: 15px; } }
      @media (max-width: 500px) {
        .explore-grid > .col-md-4 > .row:last-child > .col-md-9 {
          margin-top: 2px; } }
    .explore-grid > .col-md-4 > .row > .col-md-9 > small {
      text-transform: capitalize; }
  .explore-grid .col-md-12:hover {
    cursor: pointer; }
    .explore-grid .col-md-12:hover .btnPlayVideo {
      opacity: 0.7;
      cursor: pointer;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .explore-grid .col-md-12:hover .btnPlayVideo:hover {
        opacity: 1;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .explore-grid .col-md-12:hover .btnPlayVideo:hover > i.fa {
          opacity: 1;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -ms-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
  .explore-grid .col-md-12 .btnPlayVideo {
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    @media (max-width: 767px) {
      .explore-grid .col-md-12 .btnPlayVideo {
        opacity: 0.7; } }
  @media (max-width: 500px) {
    .explore-grid .col-md-3 {
      float: left; } }

#faves-grid .col-md-3:hover {
  cursor: pointer; }
  #faves-grid .col-md-3:hover .btnPlayVideo {
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    #faves-grid .col-md-3:hover .btnPlayVideo:hover {
      opacity: 1;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      #faves-grid .col-md-3:hover .btnPlayVideo:hover > i.fa {
        opacity: 1;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
#faves-grid .col-md-3 .btnPlayVideo {
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.img-grid .col-md-3 {
  margin-bottom: 30px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .img-grid .col-md-3 {
      padding-right: 0; } }
  @media (min-width: 501px) and (max-width: 991px) {
    .img-grid .col-md-3 {
      float: left;
      width: calc(100% / 3); } }
@media (max-width: 767px) {
  .img-grid:not(.explore-grid) .col-md-3 {
    width: calc(100%/2);
    float: left; } }
@media (max-width: 360px) {
  .img-grid:not(.explore-grid) .col-md-3 {
    width: 100%; } }

/* popover ---------------------------------------------------- */
[data-toggle=popover] {
  cursor: pointer; }

.popover {
  background-color: #5c4251;
  border: 1px solid #422e3a;
  padding: 0px; }

.popover-title {
  background-color: #422e3a;
  border: none;
  font-weight: bold; }

.popover.right > .arrow:after {
  border-right-color: #422e3a; }

.popover-content {
  font-size: 13px;
  text-transform: none;
  font-weight: normal; }

.tab-pane > p, .filter-box.tab-pane > form {
  margin: -15px 0 30px 0; }

@media (max-width: 767px) {
  #explore-weeks {
    padding: 0; } }
@media (max-width: 991px) and (min-width: 768px) {
  #explore-weeks .nav-tabs {
    font-size: 11px; } }
@media (max-width: 767px) {
  #explore-weeks .nav-tabs {
    font-size: 13px;
    width: 100%; } }
@media (max-width: 589px) and (min-width: 360px) {
  #explore-weeks .nav-tabs {
    font-size: 9.3px; } }
@media (max-width: 359px) {
  #explore-weeks .nav-tabs {
    font-size: 8.3px; } }
@media (max-width: 767px) {
  #explore-weeks .nav-tabs > li {
    margin-top: 15px; } }

/* explore/ weeks pages modal --------------------------------------- */
#explore-modal-body.modal p, #explore-modal-body.modal .filter-box > form {
  clear: both;
  display: block; }
  @media (max-width: 589px) {
    #explore-modal-body.modal p, #explore-modal-body.modal .filter-box > form {
      clear: both;
      display: block;
      margin-bottom: 10px;
      font-size: 14px; } }
#explore-modal-body > .embed-responsive {
  margin-bottom: 10px; }
#explore-modal-body small.pull-right {
  float: right;
  margin-bottom: 15px; }
#explore-modal-body .btn-info.btn-block {
  bottom: 15px;
  position: absolute;
  right: 15px;
  width: 200px; }
  @media (max-width: 589px) {
    #explore-modal-body .btn-info.btn-block {
      bottom: 0;
      left: 0;
      margin-top: 20px;
      position: relative;
      width: 200px; } }

.btn.explore-show-teaser {
  float: right;
  font-size: 12px;
  margin-top: 3px;
  padding: 0;
  color: #fdab3b; }
  @media (max-width: 767px) and (min-width: 590px) {
    .btn.explore-show-teaser {
      margin-top: 2px; } }
  @media (max-width: 589px) {
    .btn.explore-show-teaser {
      margin-top: 1px; } }

#explore-mission8 img {
  margin-bottom: 20px; }

/* end of explore-grid.scss */
/* beginning of double-bill.scss */
@media (min-width: 992px) {
  .double-bill .col-md-8 {
    padding-right: 5px; } }
@media (max-width: 991px) {
  .double-bill .col-md-8 {
    margin-bottom: 15px; } }
.double-bill > .col-md-6:hover .btnPlayVideo {
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .double-bill > .col-md-6:hover .btnPlayVideo:hover {
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .double-bill > .col-md-6:hover .btnPlayVideo:hover > i.fa {
      opacity: 1;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
.double-bill > .col-md-6 .btnPlayVideo {
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  @media (max-width: 767px) {
    .double-bill > .col-md-6 .btnPlayVideo {
      opacity: 0.7; } }

@media (min-width: 992px) {
  .double-bill-small-col {
    padding-left: 11px; } }
@media (min-width: 992px) {
  .double-bill-small-col:not(.small-promo-col) > .row > .col-md-12:first-child {
    margin-bottom: 18px; } }
@media (max-width: 991px) {
  .double-bill-small-col:not(.small-promo-col) > .row > .col-md-12:first-child {
    margin-bottom: 15px; } }
.double-bill-small-col > .row > .col-md-12:hover .btnPlayVideo {
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .double-bill-small-col > .row > .col-md-12:hover .btnPlayVideo:hover {
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .double-bill-small-col > .row > .col-md-12:hover .btnPlayVideo:hover > i.fa {
      opacity: 1;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
.double-bill-small-col > .row > .col-md-12 .btnPlayVideo {
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  @media (max-width: 767px) {
    .double-bill-small-col > .row > .col-md-12 .btnPlayVideo {
      opacity: 0.7; } }
@media (min-width: 992px) {
  .double-bill-small-col p.pick-title, .double-bill-small-col .filter-box > form.pick-title {
    bottom: 10px;
    padding: 5px 10px 6px;
    right: 25px; } }

.fanvsprotitle strong {
  display: inline;
  font-size: 16px; }
  @media (max-width: 589px) {
    .fanvsprotitle strong {
      display: block;
      font-size: 20px; } }

#fan-user #overview .row.fanvsprotitle {
  margin-bottom: -25px; }
  @media (max-width: 767px) {
    #fan-user #overview .row.fanvsprotitle {
      margin-bottom: 10px; } }
#fan-user #overview .row.double-bill {
  margin-top: 30px;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    #fan-user #overview .row.double-bill {
      margin-top: 10px;
      margin-bottom: 0; } }

p.pick-title, .filter-box > form.pick-title {
  background-color: rgba(0, 0, 0, 0.8);
  max-width: 37%;
  position: absolute;
  bottom: 15px;
  right: 30px;
  z-index: 3;
  text-align: right;
  margin: 0;
  padding: 9px 15px 10px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    p.pick-title, .filter-box > form.pick-title {
      bottom: 10px;
      right: 25px;
      max-width: 45%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    p.pick-title, .filter-box > form.pick-title {
      bottom: 15px;
      right: 30px;
      padding: 15px 20px 18px;
      max-width: 25%; } }
  @media (max-width: 589px) {
    p.pick-title, .filter-box > form.pick-title {
      bottom: 10px;
      right: 25px; } }
  @media (max-width: 360px) {
    p.pick-title, .filter-box > form.pick-title {
      bottom: 5px;
      font-size: 13px;
      padding: 5px 10px 6px;
      right: 20px; } }

@media (min-width: 992px) {
  .small-promo-col p.pick-title, .small-promo-col .filter-box > form.pick-title {
    right: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .small-promo-col p.pick-title, .small-promo-col .filter-box > form.pick-title {
    right: 15px; } }
@media (max-width: 589px) {
  .small-promo-col p.pick-title, .small-promo-col .filter-box > form.pick-title {
    right: 10px; } }
@media (max-width: 360px) {
  .small-promo-col p.pick-title, .small-promo-col .filter-box > form.pick-title {
    right: 5px; } }

/*honourable mentions ribbon --------------------------- */
@media (min-width: 1200px) {
  .row.h-mention-row {
    margin-bottom: -35px; } }

@media (min-width: 1200px) {
  #explore-missions .row.h-mention-row {
    margin-bottom: 20px; } }

@media (min-width: 1200px) {
  #explore-missions .row.project-package-title {
    margin-top: 20px; } }
@media (min-width: 992px) {
  #explore-missions .row.project-package-title {
    margin-top: 20px; } }

.h-mention-row {
  margin-top: 10px;
  margin-bottom: 30px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .h-mention-row {
      margin-bottom: 25px; } }
  @media (max-width: 589px) {
    .h-mention-row {
      margin-bottom: 25px;
      margin-top: 15px; } }
  @media (max-width: 589px) {
    .h-mention-row strong.pull-right {
      float: none !important; } }
  @media (max-width: 991px) and (min-width: 590px) {
    .h-mention-row strong.pull-right a.double-bill-honourable-mentions {
      margin-left: 20px; } }
  @media (max-width: 589px) {
    .h-mention-row strong.pull-right a.double-bill-honourable-mentions {
      display: block;
      float: none;
      clear: both;
      padding-top: 5px; } }

#ribbon-container {
  float: right;
  font-weight: bold; }

/*honourable mentions ribbon --------------------------- */
#ribbon-container {
  float: right;
  font-weight: bold; }

.ribbon-content:before {
  margin-top: 0.5em;
  content: "";
  float: left;
  border: 1.5em solid rgba(0, 0, 0, 0.4);
  border-left-color: transparent; }
.ribbon-content a:link, .ribbon-content a:visited {
  color: #fdab3b;
  text-decoration: none;
  float: left;
  height: 3.5em;
  overflow: hidden; }
.ribbon-content a:hover span {
  background: black;
  margin-top: 0;
  color: #ffcd86; }
.ribbon-content div {
  color: white;
  text-decoration: none;
  float: left;
  height: 3.5em;
  overflow: hidden; }
.ribbon-content span {
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  line-height: 48px;
  padding: 0 1em;
  margin-top: 0.5em;
  position: relative;
  -webkit-transition: background-color 0.2s, margin-top 0.2s;
  -moz-transition: background-color 0.2s, margin-top 0.2s;
  -ms-transition: background-color 0.2s, margin-top 0.2s;
  -o-transition: background-color 0.2s, margin-top 0.2s;
  transition: background-color 0.2s, margin-top 0.2s; }
  .ribbon-content span:before {
    content: "";
    position: absolute;
    top: 48px;
    left: 0;
    border-right: 0.5em solid rgba(0, 0, 0, 0.8);
    border-bottom: 0.5em solid rgba(0, 0, 0, 0.4); }
  .ribbon-content span:after {
    content: "";
    position: absolute;
    top: 48px;
    right: 0;
    border-left: 0.5em solid rgba(0, 0, 0, 0.8);
    border-bottom: 0.5em solid rgba(0, 0, 0, 0.4); }

@media (max-width: 991px) {
  .promox3 .small-promo-col .row .col-md-12 .embed-responsive {
    overflow: visible; } }

.embed-responsive.embed-responsive-16by9 > img:not(.ribbon) {
  height: auto;
  width: 100%; }

/* end of double-bill.scss */
/* beginning of project-grid.scss */
.project-grid-col {
  height: 300px;
  float: left; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .project-grid-col {
      height: 270px; } }
  @media (max-width: 991px) and (min-width: 590px) {
    .project-grid-col {
      float: left;
      height: 300px;
      width: 25%; } }
  @media (max-width: 767px) and (min-width: 590px) {
    .project-grid-col {
      height: 250px;
      line-height: 1.2em; } }
  @media (max-width: 589px) {
    .project-grid-col {
      height: 260px;
      line-height: 1.2em;
      width: 50%; } }
  @media (max-width: 320px) {
    .project-grid-col {
      height: 230px; } }
  .project-grid-col > .row:last-child {
    margin-top: 10px; }
    @media (max-width: 767px) {
      .project-grid-col > .row:last-child {
        margin-top: 5px; } }
  .project-grid-col a[title="Sasquatchulookinat?"] {
    word-wrap: break-word; }

#explore-weeks.project-grid-section .big-deal-ribbon-explore .announcement-ribbon-rotate-left {
  -ms-transform: rotate(5deg);
  /* IE 9 */
  -webkit-transform: rotate(5deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
  left: auto !important;
  margin-top: -124px;
  width: 580px;
  right: 0; }
  #explore-weeks.project-grid-section .big-deal-ribbon-explore .announcement-ribbon-rotate-left:hover {
    width: 640px; }
  @media (max-width: 991px) and (min-width: 768px) {
    #explore-weeks.project-grid-section .big-deal-ribbon-explore .announcement-ribbon-rotate-left {
      margin-top: -73px;
      width: 500px;
      -ms-transform: rotate(8deg);
      /* IE 9 */
      -webkit-transform: rotate(8deg);
      /* Chrome, Safari, Opera */
      -moz-transform: rotate(8deg);
      -o-transform: rotate(8deg);
      transform: rotate(8deg); } }
@media (max-width: 767px) {
  #explore-weeks.project-grid-section .big-deal-ribbon-explore {
    margin-top: 20px; } }
#explore-weeks.project-grid-section .ribbon-padding {
  height: 20px; }
  @media (max-width: 991px) and (min-width: 768px) {
    #explore-weeks.project-grid-section .ribbon-padding {
      height: 10px; } }
@media (min-width: 992px) {
  #explore-weeks .project-archive-copy {
    width: 40%; } }
@media (min-width: 1200px) {
  #explore-weeks .project-archive-copy {
    width: 50%; } }

/* end of project-grid.scss */
/* beginning of fan-title-block.scss */
#fan-user .project-title-block h2 {
  text-transform: uppercase;
  font-size: 25px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    #fan-user .project-title-block h2 {
      font-size: 22px;
      margin-top: 10px; } }
  @media (max-width: 767px) {
    #fan-user .project-title-block h2 {
      font-size: 22px; } }
  @media (max-width: 589px) {
    #fan-user .project-title-block h2 {
      margin-top: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  #fan-user .project-title-block h3, #fan-user .project-title-block h4 {
    margin-top: 10px; } }
@media (max-width: 991px) {
  #fan-user .project-title-block h3, #fan-user .project-title-block h4 {
    margin-top: 0; } }
#fan-user .project-title-block .btn-primary.btn-block {
  margin-bottom: 15px !important; }
#fan-user .project-title-block .media-caption {
  height: 100px; }
  #fan-user .project-title-block .media-caption > small:nth-child(2) {
    line-height: 1.5em;
    margin: 10px 0 0; }
    @media (min-width: 992px) and (max-width: 1199px) {
      #fan-user .project-title-block .media-caption > small:nth-child(2) {
        margin: 10px 0 0; } }
    @media (max-width: 410px) {
      #fan-user .project-title-block .media-caption > small:nth-child(2) {
        margin: 10px 0 5px 0;
        font-size: 9px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #fan-user .project-title-block .media-caption > small:nth-last-child(2) {
      margin-top: 4px; } }
  @media (max-width: 589px) {
    #fan-user .project-title-block .media-caption h3, #fan-user .project-title-block .media-caption h4 {
      margin-top: 10px; } }
  @media (max-width: 589px) {
    #fan-user .project-title-block .media-caption h3, #fan-user .project-title-block .media-caption h4 {
      padding: 0 10px;
      margin-top: 5px;
      font-size: 18px; } }
#fan-user .project-title-block .col-md-6 p, #fan-user .project-title-block .col-md-6 .filter-box > form {
  margin: 10px 0 0; }
#fan-user .project-title-block .col-md-6 a:last-child br {
  display: none; }
#fan-user .project-title-block small .twitter-timeline {
  margin-left: 20px; }
@media (max-width: 991px) {
  #fan-user .project-title-block > .row > .col-md-4 {
    clear: none;
    padding-top: 0; } }
@media (max-width: 589px) {
  #fan-user .project-title-block > .row > .col-md-4 {
    padding: 0 10px;
    margin-top: 0px; } }
@media (max-width: 991px) {
  #fan-user .project-title-block > .row > .col-md-6 {
    clear: both;
    padding: 10px; } }
@media (max-width: 589px) {
  #fan-user .project-title-block > .row > .col-md-6 {
    clear: both;
    padding: 1px 15px 10px; } }
@media (max-width: 589px) {
  #fan-user .project-title-block .col-md-5 h3, #fan-user .project-title-block .col-md-5 h4 {
    margin-top: 0; } }
@media (max-width: 589px) {
  #fan-user .project-title-block .col-md-6 a:last-child br {
    display: inline; } }
@media (max-width: 991px) and (min-width: 768px) {
  #fan-user .media-caption > small:nth-child(3) {
    margin-top: 5px; } }

.title-block-social-icons a > i.fa {
  margin-left: 10px;
  font-size: 21px; }

.view-project-link {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 0; }
  @media (max-width: 767px) {
    .view-project-link {
      bottom: -10px;
      float: right;
      position: relative;
      right: 20px; } }
  @media (max-width: 589px) {
    .view-project-link {
      bottom: 0px;
      right: 5px; } }

/* end of fan-title-block.scss */
/* beginning of overview.scss */
#fan-user nav {
  margin-top: 20px; }
#fan-user .tab-pane > .row > .col-md-8 > p, #fan-user .tab-pane > .row > .filter-box.col-md-8 > form {
  margin-bottom: 30px; }
#fan-user #overview .row:not(.promox3) {
  margin-bottom: 30px; }
#fan-user #overview .row:not(.promox2) .small-promo-col .row {
  margin-bottom: 0; }
#fan-user #overview .row .col-md-8 > .row:nth-child(3) {
  margin-top: 50px; }
@media (max-width: 991px) {
  #fan-user #overview .row .small-promo-col .row {
    margin-bottom: 20px; } }
@media (max-width: 991px) {
  #fan-user #overview .row .small-promo-col .row:last-child {
    margin-bottom: 0px; } }

.thumb-box {
  position: absolute;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 1.1em;
  display: table;
  transition: .3s;
  font-weight: 500;
  opacity: 0;
  padding: 5px;
  width: 90px;
  height: 90px; }
  .thumb-box:hover {
    opacity: 100; }
  @media (max-width: 991px) {
    .thumb-box:not(.next-week-grid-box) {
      display: none; } }
  .thumb-box > p.small, .filter-box.thumb-box > form.small {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

.twitter-box {
  background: none;
  border: none; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .twitter-box {
      width: 315px; } }

.promox2 {
  padding: 0 15px;
  margin-bottom: 50px;
  margin-top: 30px; }
  @media (max-width: 360px) {
    .promox2 {
      margin-bottom: 25px;
      margin-top: 5px; } }
  .promox2 > .col-md-6 {
    padding: 0; }

#carousel-explore-missions .thumb-box {
  width: 160px; }

#carousel-explore-faves .thumb-box {
  width: 160px; }

#project-trailer-mission .thumb-box {
  width: 160px; }

#carousel-explore-missions-of-project .thumb-box {
  width: 160px; }

/* follow list tab ----------------------------- */
.explore-box {
  position: absolute;
  top: 0;
  z-index: 100;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 1.1em;
  display: table;
  transition: .3s;
  font-weight: 500;
  opacity: 0;
  padding: 20px;
  width: 263px;
  height: 263px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .explore-box {
      width: 213px;
      height: 213px;
      padding: 10px; } }
  @media (max-width: 991px) {
    .explore-box {
      display: none; } }
  .explore-box:hover {
    opacity: 100; }
  .explore-box p:hover, .explore-box .filter-box > form:hover {
    cursor: default; }
  .explore-box small:hover {
    cursor: default; }
  .explore-box a.to-project {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10; }
    @media (max-width: 1199px) and (min-width: 768px) {
      .explore-box a.to-project {
        bottom: 10px;
        right: 10px; } }
  .explore-box .remove-project {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 10;
    color: #c5194b;
    text-transform: none;
    padding: 0px; }
    @media (max-width: 1199px) and (min-width: 768px) {
      .explore-box .remove-project {
        bottom: 10px;
        left: 10px; } }
    .explore-box .remove-project:hover {
      color: #ff4880; }

.expore-thumb {
  position: absolute;
  top: 0;
  z-index: 100;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 1.1em;
  display: table;
  transition: .3s;
  font-weight: 500;
  opacity: 0;
  padding: 20px; }
  @media (max-width: 767px) {
    .expore-thumb {
      display: none; } }

#follow-grid.img-grid a img {
  width: 263px;
  height: 263px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    #follow-grid.img-grid a img {
      width: 213px;
      height: 213px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #follow-grid.img-grid a img {
      width: 100%;
      height: auto; } }
  @media (max-width: 767px) {
    #follow-grid.img-grid a img {
      width: 100%;
      height: auto; } }

#favModal.modal p, #favModal.modal .filter-box > form {
  margin: 20px 0 20px 0; }
  #favModal.modal p:last-child, #favModal.modal .filter-box > form:last-child {
    text-align: right;
    margin: 0; }
#favModal .modal-dialog {
  max-width: 512px; }
#favModal .modal-.header {
  border: none;
  padding-bottom: 0px; }

#exploreModal .modal-dialog {
  max-width: 512px; }

.favlist-item-modal-body, .explore-item-modal-body {
  display: none;
  width: 0;
  height: 0; }

/* end of overview.scss */
/* beginning of programmable-grid.scss */
.promox3 {
  margin-top: 20px;
  margin-bottom: 30px; }
  .promox3 .promo-headline {
    margin-bottom: 10px; }
    .promox3 .promo-headline h1, .promox3 .promo-headline h2, .promox3 .promo-headline h3, .promox3 .promo-headline h4, .promox3 .promo-headline h4, .promox3 .promo-headline h5, .promox3 .promo-headline h6, .promox3 .promo-headline p, .promox3 .promo-headline .filter-box > form, .promox3 .promo-headline small, .promox3 .promo-headline strong {
      margin-top: 0;
      margin-bottom: 0; }
  @media (max-width: 991px) {
    .promox3 > .col-md-12:nth-child(2) > .row {
      margin-bottom: 0 !important; } }
  .promox3 > .col-md-12 > .row:nth-child(2) {
    margin-top: -30px; }
    @media (min-width: 992px) {
      .promox3 > .col-md-12 > .row:nth-child(2) .row {
        margin-bottom: 0 !important; } }
  @media (max-width: 991px) {
    .promox3 > .col-md-12 > .row:last-child .col-md-6:last-child {
      margin-bottom: 0 !important; } }
  @media (max-width: 991px) {
    .promox3 > .col-md-12 > .row .col-md-6 {
      margin-bottom: 20px !important; } }
  .promox3 > .col-md-12 > .embed-responsive > .top-phase-project, .promox3 > .col-md-12 > .embed-responsive > .doubleBillRibbon {
    left: 0 !important; }
  .promox3 > .col-md-12 > .embed-responsive > p.pick-title, .promox3 > .col-md-12 > .filter-box.embed-responsive > form.pick-title {
    right: 15px !important;
    padding: 15px 20px 18px; }
    @media (max-width: 589px) {
      .promox3 > .col-md-12 > .embed-responsive > p.pick-title, .promox3 > .col-md-12 > .filter-box.embed-responsive > form.pick-title {
        right: 5px !important; } }
  @media (min-width: 992px) {
    .promox3 .col-md-8 {
      padding-right: 5px; } }
  @media (max-width: 991px) {
    .promox3 .col-md-8 {
      margin-bottom: 20px; } }
  @media (min-width: 992px) {
    .promox3 .row .col-md-6:first-child {
      padding-right: 0; } }
  @media (min-width: 992px) {
    .promox3 .row .col-md-6:last-child {
      padding-left: 0; } }
  .promox3 .col-md-6 .top-phase-project, .promox3 .col-md-6 .doubleBillRibbon {
    left: 0 !important; }
  .promox3 .col-md-6 p.pick-title, .promox3 .col-md-6 .filter-box > form.pick-title {
    right: 15px !important; }
    @media (max-width: 589px) {
      .promox3 .col-md-6 p.pick-title, .promox3 .col-md-6 .filter-box > form.pick-title {
        right: 5px !important; } }

.promo-footer {
  margin-top: 10px; }

@media (min-width: 992px) {
  .small-promo-col .col-md-12 {
    padding-left: 0; } }
@media (max-width: 991px) {
  .small-promo-col > .row:first-child {
    margin-bottom: 20px !important; } }

@media (min-width: 992px) {
  .col-md-4.small-promo-col {
    padding-left: 10px; } }

.promo-text {
  padding: 15px; }
  @media (max-width: 589px) {
    .promo-text {
      padding: 10px;
      font-size: 85%;
      word-wrap: break-word; } }

/* end of programmable-grid.scss */
/* beginning of badges.scss */
/* the badge */
.fan-badge-icon-coming-soon {
  background-color: transparent;
  border: 3px solid #bbbbbb;
  border-radius: 40px;
  display: table;
  height: 70px;
  margin: 0 0 -10px;
  opacity: 0.4;
  width: 70px; }
  .fan-badge-icon-coming-soon > i.fa {
    color: #bbbbbb;
    display: table-cell;
    font-size: 40px;
    text-align: center;
    vertical-align: middle; }

/* content inside the columns */
.badge-title {
  display: block;
  left: 135px;
  margin: 0;
  position: absolute;
  top: 15px;
  width: 52%; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .badge-title {
      top: 10px; } }
  @media (max-width: 589px) {
    .badge-title {
      top: 10px;
      width: 49%; } }

.fan-badge .i-share-asset {
  bottom: 35px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 35px; }
  @media (max-width: 991px) {
    .fan-badge .i-share-asset {
      bottom: 15px;
      display: block;
      position: absolute;
      right: 25px; } }
.fan-badge > p, .filter-box.fan-badge > form {
  display: block;
  margin-top: 15px; }
  @media (max-width: 991px) {
    .fan-badge > p, .filter-box.fan-badge > form {
      margin-bottom: 40px; } }
@media (min-width: 1200px) {
  .fan-badge {
    height: 370px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .fan-badge {
    height: 430px; } }

/* votes */
.badge-votes, .yellow-blob {
  background-color: #ffcd86;
  border-radius: 4px;
  color: #32232b;
  font-weight: 900;
  line-height: 1;
  padding: 4px 7px 5px;
  display: block;
  text-align: center; }

.badge-title .badge-votes {
  display: block;
  width: 75px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .incomplete_progress {
    font-size: 85%; } }

/* end of badges.scss */
/* beginning of big-deal-hero.scss */
.big-deal-hero-container {
  margin-bottom: 50px; }
  .big-deal-hero-container p, .big-deal-hero-container .filter-box > form {
    font-size: 20px;
    line-height: 20px; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .big-deal-hero-container p, .big-deal-hero-container .filter-box > form {
        font-size: 18px;
        line-height: 1.3em; } }
  .big-deal-hero-container .embed-responsive {
    margin-bottom: 10px; }
    .big-deal-hero-container .embed-responsive:hover {
      cursor: pointer; }
      .big-deal-hero-container .embed-responsive:hover .btnPlayVideo {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        opacity: 0.7;
        cursor: pointer; }
        .big-deal-hero-container .embed-responsive:hover .btnPlayVideo:hover {
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -ms-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          opacity: 1; }
    .big-deal-hero-container .embed-responsive .btnPlayVideo {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      opacity: 0;
      cursor: pointer; }
      @media (max-width: 991px) {
        .big-deal-hero-container .embed-responsive .btnPlayVideo {
          opacity: 0.7; } }
  .big-deal-hero-container .hidden-xs .big-deal-ribbon {
    -ms-transform: rotate(8deg);
    /* IE 9 */
    -webkit-transform: rotate(8deg);
    /* Chrome, Safari, Opera */
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    transform: rotate(8deg);
    position: absolute;
    right: 0;
    top: -110px;
    z-index: 9;
    width: 500px; }
    @media (min-width: 1200px) {
      .big-deal-hero-container .hidden-xs .big-deal-ribbon:hover {
        width: 610px;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; } }
    @media (min-width: 1200px) {
      .big-deal-hero-container .hidden-xs .big-deal-ribbon {
        width: 580px;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; } }
    @media (min-width: 1350px) {
      .big-deal-hero-container .hidden-xs .big-deal-ribbon {
        right: -80px;
        top: -82px;
        width: 580px; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .big-deal-hero-container .hidden-xs .big-deal-ribbon {
        top: -80px;
        width: 460px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .big-deal-hero-container .hidden-xs .big-deal-ribbon {
        top: -57px;
        -ms-transform: rotate(8deg);
        /* IE 9 */
        -webkit-transform: rotate(8deg);
        /* Chrome, Safari, Opera */
        -moz-transform: rotate(8deg);
        -o-transform: rotate(8deg);
        transform: rotate(8deg);
        width: 380px; } }
  .big-deal-hero-container .col-md-12 > h2 {
    margin: 30px 0 15px; }
    @media (max-width: 767px) {
      .big-deal-hero-container .col-md-12 > h2 {
        margin: 0px 0 15px; } }
  @media (max-width: 991px) {
    .big-deal-hero-container .col-md-6, .big-deal-hero-container .col-md-4 {
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .big-deal-hero-container .col-md-6, .big-deal-hero-container .col-md-4 {
      margin-bottom: 30px; } }
  .big-deal-hero-container .col-md-6 p, .big-deal-hero-container .col-md-6 .filter-box > form, .big-deal-hero-container .col-md-4 p, .big-deal-hero-container .col-md-4 .filter-box > form {
    font-size: 15px;
    line-height: 1.3em; }
  .big-deal-hero-container .jcarousel {
    width: 95%; }
    @media (max-width: 991px) {
      .big-deal-hero-container .jcarousel {
        width: 90%; } }
  .big-deal-hero-container .jcarousel-prev, .big-deal-hero-container .front-page .jcarousel-next, .front-page .big-deal-hero-container .jcarousel-next {
    top: 36%; }
    @media (max-width: 991px) {
      .big-deal-hero-container .jcarousel-prev, .big-deal-hero-container .front-page .jcarousel-next, .front-page .big-deal-hero-container .jcarousel-next {
        left: 15px; } }
    @media (max-width: 767px) {
      .big-deal-hero-container .jcarousel-prev, .big-deal-hero-container .front-page .jcarousel-next, .front-page .big-deal-hero-container .jcarousel-next {
        left: 10px; } }
    @media (max-width: 359px) {
      .big-deal-hero-container .jcarousel-prev, .big-deal-hero-container .front-page .jcarousel-next, .front-page .big-deal-hero-container .jcarousel-next {
        left: 7px; } }
  .big-deal-hero-container .jcarousel-next {
    top: 36%; }
    @media (max-width: 991px) {
      .big-deal-hero-container .jcarousel-next {
        right: 15px; } }
    @media (max-width: 767px) {
      .big-deal-hero-container .jcarousel-next {
        right: 10px; } }
    @media (max-width: 359px) {
      .big-deal-hero-container .jcarousel-next {
        right: 7px; } }
  .big-deal-hero-container .big-deal-ribbon-padding {
    height: 0; }
  @media (max-width: 767px) and (min-width: 590px) {
    .big-deal-hero-container .big-deal-ribbon {
      margin: 0px auto 20px; } }
  @media (max-width: 589px) {
    .big-deal-hero-container .big-deal-ribbon {
      margin: 0px auto 20px; } }

.big-deal-row {
  margin-bottom: 10px; }
  @media (max-width: 991px) {
    .big-deal-row {
      margin-bottom: 30px; } }
  @media (min-width: 1200px) {
    .big-deal-row .col-md-4 {
      height: 422px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .big-deal-row .col-md-4 {
      height: 347px; } }
  @media (max-width: 991px) {
    .big-deal-row .col-md-4 {
      margin-bottom: 0px; } }
  .big-deal-row .col-md-4 p, .big-deal-row .col-md-4 .filter-box > form {
    font-size: 17px;
    line-height: 1.4em; }
    @media (min-width: 1200px) {
      .big-deal-row .col-md-4 p, .big-deal-row .col-md-4 .filter-box > form {
        font-size: 21px; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .big-deal-row .col-md-4 p, .big-deal-row .col-md-4 .filter-box > form {
        font-size: 17px; } }
    @media (max-width: 991px) {
      .big-deal-row .col-md-4 p, .big-deal-row .col-md-4 .filter-box > form {
        margin-bottom: 40px; } }
    .big-deal-row .col-md-4 p > a, .big-deal-row .col-md-4 .filter-box > form > a {
      margin-top: 10px; }
  @media (max-width: 991px) {
    .big-deal-row .col-md-4 br:nth-child(2) {
      display: none; } }

.row:nth-child(2) .big-deal-hero-container {
  margin-bottom: 25px; }

.big-deal-explore {
  padding-top: 50px; }
  @media (max-width: 991px) and (min-width: 768px) {
    .big-deal-explore {
      padding-top: 0; } }
  @media (max-width: 767px) {
    .big-deal-explore {
      padding-top: 10px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .big-deal-explore .big-deal-ribbon-padding {
      height: 60px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .big-deal-explore .big-deal-ribbon-padding {
      height: 105px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .big-deal-explore .hidden-xs .big-deal-ribbon {
      top: 0px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .big-deal-explore .hidden-xs .big-deal-ribbon {
      top: 32px; } }

.header-small.big-deal-header-small {
  background: url("../img/bg-indigo-dark-header-small.jpg") no-repeat scroll center center/cover #32232b; }

.hidden-xs .big-deal-ribbon {
  -ms-transform: rotate(8deg);
  /* IE 9 */
  -webkit-transform: rotate(8deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  transform: rotate(8deg);
  position: absolute;
  right: -89px;
  top: 52px;
  z-index: 9; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .hidden-xs .big-deal-ribbon {
      top: 85px;
      width: 540px;
      z-index: 9; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .hidden-xs .big-deal-ribbon {
      -ms-transform: rotate(5deg);
      /* IE 9 */
      -webkit-transform: rotate(5deg);
      /* Chrome, Safari, Opera */
      -moz-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg);
      right: 0;
      top: 115px;
      width: 500px; } }

#explore-weeks .big-deal-ribbon-explore .announcement-ribbon {
  left: -90px;
  margin-top: -65px;
  width: 560px;
  position: absolute;
  z-index: 100; }
  @media (min-width: 1200px) {
    #explore-weeks .big-deal-ribbon-explore .announcement-ribbon:hover {
      width: 600px;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; } }
  @media (min-width: 1200px) {
    #explore-weeks .big-deal-ribbon-explore .announcement-ribbon {
      width: 560px;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #explore-weeks .big-deal-ribbon-explore .announcement-ribbon {
      left: -82px;
      margin-top: -75px; } }
#explore-weeks #explore-filter10 .big-deal-ribbon-explore .announcement-ribbon {
  margin-top: -85px;
  width: 700px; }
  @media (min-width: 1200px) {
    #explore-weeks #explore-filter10 .big-deal-ribbon-explore .announcement-ribbon:hover {
      width: 700px;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; } }
  @media (min-width: 1200px) {
    #explore-weeks #explore-filter10 .big-deal-ribbon-explore .announcement-ribbon {
      width: 660px;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    #explore-weeks #explore-filter10 .big-deal-ribbon-explore .announcement-ribbon {
      margin-top: -79px;
      width: 650px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #explore-weeks #explore-filter10 .big-deal-ribbon-explore .announcement-ribbon {
      margin-top: -90px;
      width: 580px; } }
@media (max-width: 589px) {
  #explore-weeks .nav > li > a {
    padding: 8px 13px; } }
#explore-weeks .big-deal-hero-container .big-deal-ribbon {
  display: none; }
#explore-weeks .big-deal-explore {
  padding-top: 15px; }

@media (max-width: 767px) and (min-width: 590px) {
  .big-deal-ribbon-explore {
    margin-top: -40px; } }
@media (max-width: 991px) {
  .big-deal-ribbon-explore {
    margin-bottom: 20px; } }
.big-deal-ribbon-explore .ribbon-padding {
  height: 70px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .big-deal-ribbon-explore .ribbon-padding {
      height: 25px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .big-deal-ribbon-explore .ribbon-padding {
      height: 40px; } }
  @media (max-width: 767px) {
    .big-deal-ribbon-explore .ribbon-padding {
      height: 0;
      display: none; } }

.big-deal-title-col .hidden-xs .big-deal-ribbon {
  -ms-transform: rotate(5deg);
  /* IE 9 */
  -webkit-transform: rotate(5deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
  max-width: 550px;
  right: -50px;
  top: -45px; }
  @media (min-width: 1400px) {
    .big-deal-title-col .hidden-xs .big-deal-ribbon {
      max-width: 626px;
      right: -131px;
      top: -45px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .big-deal-title-col .hidden-xs .big-deal-ribbon {
      max-width: 450px;
      right: -40px;
      top: -41px; } }
@media (min-width: 1200px) {
  .big-deal-title-col .row:nth-child(2) {
    margin-top: 60px; } }
@media (max-width: 1199px) and (min-width: 992px) {
  .big-deal-title-col .row:nth-child(2) {
    margin-top: 40px; } }
@media (max-width: 991px) {
  .big-deal-title-col .big-deal-ribbon {
    margin-top: 10px;
    margin-bottom: 20px; } }
@media (max-width: 589px) {
  .big-deal-title-col .big-deal-ribbon {
    margin-top: 0px;
    margin-bottom: 15px; } }

#explore-filter10 .big-deal-ribbon-explore .ribbon-padding {
  display: none; }

@media (max-width: 1199px) and (min-width: 992px) {
  .big-deal-ribbon-padding {
    height: 50px; } }
@media (max-width: 991px) and (min-width: 768px) {
  .big-deal-ribbon-padding {
    height: 90px; } }
@media (max-width: 767px) {
  .big-deal-ribbon-padding {
    display: none; } }

@media (max-width: 1199px) and (min-width: 992px) {
  .big-deal-info-block.guest-info-block .tweets-container {
    height: 255px; } }
@media (max-width: 1199px) {
  .big-deal-info-block.guest-info-block .tweets-container {
    height: 480px; } }

@media (max-width: 767px) {
  .big-deal-ribbon {
    margin: 20px auto; } }

.project-title-block > .row > .col-md-4 > .small {
  margin-top: 0; }

.explore-grid .embed-responsive:hover .btnPlayVideo:hover > i.fa {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 1; }

.header.fan-phase-guest.big-deal-guest {
  background: url("../img/bg-indigo-dark-square.jpg") no-repeat scroll center center/cover #32232b; }
  .header.fan-phase-guest.big-deal-guest .nav.navbar-nav > ul:first-child {
    left: 0; }
  .header.fan-phase-guest.big-deal-guest .logo {
    height: auto;
    margin: 18px 0 0 10px;
    padding: 0;
    width: 470px; }
    @media (max-width: 1199px) {
      .header.fan-phase-guest.big-deal-guest .logo {
        width: 400px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .header.fan-phase-guest.big-deal-guest .logo {
        width: 300px; } }
  @media (max-width: 767px) {
    .header.fan-phase-guest.big-deal-guest > .container:last-child > .row:nth-child(2) {
      height: 10px; } }
  .header.fan-phase-guest.big-deal-guest > .container .row .col-md-4 {
    margin: 0; }

.cbc-search-hide {
  display: none;
  	/*
  	background-color: $cbc-black;
      height: 43px;
      left: 626px;
      position: absolute;
      top: 0;
      width: 220px;
      z-index: 2000;
      
      @media (min-width: $lg-min) {
          left: 616px;
      }
      
      @media (max-width: 1058px) {
          left: 616px;
      }
      
      @media (max-width: $sm-max) {
          display: none;
      }*/ }

@media (min-width: 1300px) {
  .archive-cbc-header #cbc-header [class^="col"] {
    height: 43px;
    margin-left: -35px; } }
@media (max-width: 1199px) and (min-width: 1070px) {
  .archive-cbc-header #cbc-header [class^="col"] {
    height: 43px;
    margin-left: -35px; } }

.social-icons.archive-social-icons {
  display: none;
  margin-left: -70px;
  position: absolute;
  top: 34px;
  z-index: 1; }
  @media (min-width: 1300px) {
    .social-icons.archive-social-icons {
      margin-left: -70px;
      display: block; } }
  @media (max-width: 1199px) and (min-width: 1070px) {
    .social-icons.archive-social-icons {
      margin-left: -60px;
      display: block; } }

@media (max-width: 767px) {
  #carousel-youtube-modal-pitch ul li a.small {
    max-width: 75px; } }

/* end of big-deal-hero.scss */
/* beginning of fan-phase.scss */
.header.fan-phase-guest {
  background: url("../img/bg-indigo-dark.jpg") no-repeat scroll center center/cover #32232b; }
  .header.fan-phase-guest > .container > .row > .col-md-7 {
    margin-bottom: 50px; }
    @media (min-width: 992px) {
      .header.fan-phase-guest > .container > .row > .col-md-7 {
        padding-right: 30px; } }
    .header.fan-phase-guest > .container > .row > .col-md-7 section > h1 {
      margin-bottom: 15px; }
    .header.fan-phase-guest > .container > .row > .col-md-7 section p:not(.pull-right), .header.fan-phase-guest > .container > .row > .col-md-7 section .filter-box > form:not(.pull-right) {
      margin-top: 15px; }
  .header.fan-phase-guest > .container > .row .col-md-4 {
    margin-top: 140px; }
    @media (max-width: 991px) {
      .header.fan-phase-guest > .container > .row .col-md-4 {
        margin-top: 0px; } }
    .header.fan-phase-guest > .container > .row .col-md-4 .well {
      padding: 35px 35px 0 35px; }
      @media (max-width: 360px) {
        .header.fan-phase-guest > .container > .row .col-md-4 .well {
          padding: 20px 20px 0 20px; } }
      .header.fan-phase-guest > .container > .row .col-md-4 .well h2 {
        font-size: 32px;
        margin-top: 0; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .header.fan-phase-guest .nav.navbar-nav ul:first-child {
      left: 80px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .header.fan-phase-guest .nav.navbar-nav ul:first-child {
      left: -10px;
      top: 0; } }
  @media (max-width: 767px) {
    .header.fan-phase-guest .nav.navbar-nav ul:first-child {
      left: 0px; } }
  .header.fan-phase-guest .nav.navbar-nav ul:first-child li {
    left: 100px; }
  .header.fan-phase-guest .big-deal-guest {
    background: url("../img/bg-indigo-dark.jpg") no-repeat scroll center center/cover #32232b; }

.guest-info-block .top-comment .readmore-js-toggle {
  display: block;
  float: left;
  text-align: left;
  width: 100px; }
  @media (max-width: 400px) {
    .guest-info-block .top-comment .readmore-js-toggle {
      font-size: 85%;
      width: 80px; } }
@media (max-width: 400px) {
  .guest-info-block .comment-section h3, .guest-info-block .comment-section h4 {
    font-size: 20px; } }
.guest-info-block .twitter-box > h2 {
  margin-top: 0; }
.guest-info-block .tweets-container {
  height: 520px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .guest-info-block .tweets-container {
      height: 440px; } }

.fan-phase-guest h1 {
  margin-top: 0; }
@media (max-width: 589px) {
  .fan-phase-guest {
    padding-top: 0; } }

.fan-block .row {
  background: url("../img/bg-tell-your-friends.png") no-repeat scroll right center/auto 100% rgba(0, 0, 0, 0); }

/* end of fan-phase.scss */
/* beginning of fan-teaser */
#countdown-panelone {
  margin: 0 auto;
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

div.countdown-title {
  margin: 0 auto;
  margin-bottom: 25px; }
  @media (max-width: 413px) {
    div.countdown-title {
      padding-right: 20px; } }

@media (max-width: 991px) {
  #home-cta {
    margin-left: 0;
    margin-top: 0; } }
#home-cta.fan-teaser p, #home-cta.fan-teaser .filter-box > form {
  font-size: 24px;
  line-height: 20px; }
  @media (max-width: 991px) and (min-width: 414px) {
    #home-cta.fan-teaser p, #home-cta.fan-teaser .filter-box > form {
      font-size: 22px;
      line-height: 20px; } }
  @media (max-width: 413px) {
    #home-cta.fan-teaser p, #home-cta.fan-teaser .filter-box > form {
      font-size: 18px;
      line-height: 20px; } }
#home-cta.fan-teaser a {
  font-size: 18px; }
  @media (max-width: 991px) and (min-width: 414px) {
    #home-cta.fan-teaser a {
      font-size: 17px; } }
  @media (max-width: 413px) {
    #home-cta.fan-teaser a {
      font-size: 16px; } }

#home-countdown {
  margin: 150px 0 50px 0; }
  @media (max-width: 991px) and (min-width: 414px) {
    #home-countdown {
      margin: 10px 0 30px 0; } }
  @media (max-width: 413px) {
    #home-countdown {
      margin: 10px 10px 30px 0; } }
  #home-countdown h2 {
    font-size: 16px; }

.stc-group-digits {
  color: #ffcd86; }

@media (max-width: 1199px) and (min-width: 992px) {
  .stc-section {
    margin-left: 22%; } }
@media (max-width: 413px) {
  .stc-section {
    margin-left: 18%; } }

/* end of fan-teaser.scss */
/* beginning of landing-page.scss */
#home-cta h1 {
  font-size: 36px; }
  @media (max-width: 359px) {
    #home-cta h1 {
      font-size: 28px; } }
  #home-cta h1 strong {
    font-size: 50px; }
    @media (max-width: 359px) {
      #home-cta h1 strong {
        font-size: 38px; } }
#home-cta p, #home-cta .filter-box > form {
  font-size: 19px;
  line-height: 1.4em; }
  @media (max-width: 359px) {
    #home-cta p, #home-cta .filter-box > form {
      font-size: 17px;
      line-height: 20px; } }
#home-cta .prizing h3, #home-cta .prizing h4 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: none;
  margin: 0; }
  @media (max-width: 359px) {
    #home-cta .prizing h3, #home-cta .prizing h4 {
      font-size: 17px;
      line-height: 20px; } }
  #home-cta .prizing h3 span, #home-cta .prizing h4 span {
    font-size: 35px;
    line-height: 1.5em;
    color: #ffcd86;
    display: block;
    width: auto;
    float: left;
    margin-right: 6px; }
    @media (max-width: 589px) {
      #home-cta .prizing h3 span, #home-cta .prizing h4 span {
        float: none; } }
    #home-cta .prizing h3 span sup, #home-cta .prizing h4 span sup {
      top: -12px; }
    #home-cta .prizing h3 span strong, #home-cta .prizing h4 span strong {
      font-size: 25px; }
#home-cta .embed-responsive {
  background-color: black; }

.fan-block {
  background-color: #3d282d;
  background: url("../img/bg-fan-block.jpg") no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover; }
  .fan-block h2 {
    color: #ffcd86; }
  .fan-block h4 {
    color: #ffcd86; }

.tell-your-friends {
  text-align: center;
  margin-top: 56px; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .tell-your-friends {
      margin: 57px 0 0 50px;
      padding: 0;
      text-align: center; } }
  .tell-your-friends h2 {
    font-size: 28px;
    text-shadow: 0px 0px 5px black;
    font-weight: bold;
    padding: 20px; }

#how-it-works li {
  margin-bottom: 15px; }
#how-it-works h3, #how-it-works h4 {
  margin-top: 45px; }
@media (max-width: 390px) {
  #how-it-works .col-md-4 {
    padding: 0; } }

.how-it-works .submit {
  border: none; }
.how-it-works .sign-up strong {
  color: #5ad6fc; }
.how-it-works .sign-up .form-control.input-text {
  border: solid 2px #8a0a1c; }

.diagram {
  background-size: 100%;
  margin: 20px auto; }
  @media (min-width: 992px) {
    .diagram {
      background: url("../img/comedy_coup_how_it_works360px.jpg") top left no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      background-size: cover;
      width: 360px;
      height: 831px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .diagram {
      background: url("../img/comedy_coup_how_it_works.jpg") top left no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      background-size: cover;
      width: 100%;
      height: 1661px; } }
  @media (min-width: 391px) and (max-width: 767px) {
    .diagram {
      background: url("../img/comedy_coup_how_it_works360px.jpg") top left no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      background-size: cover;
      width: 360px;
      height: 831px;
      left: 0; } }
  @media (max-width: 390px) {
    .diagram {
      background: url("../img/comedy_coup_how_it_works320px.jpg") top left no-repeat;
      max-width: 320px;
      height: 739px;
      left: 0; } }

.row.home-guest-poster {
  margin-bottom: 20px; }
  .row.home-guest-poster .embed-responsive {
    border-radius: 5px;
    background-color: transparent; }

/* end of landing-page.scss */
/* end of main.scss */