/* This file outputs to css */
/*-------------------
   Global imports
-------------------*/
/*-------------------
    Base import
-------------------*/
@keyframes spinAnimation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.btn.btn-primary, .scroll-top-wrapper, .quicklinks-banner-container .quicklinks-banner-widget-content, .home-page-ads .homepage-ad-widget .homepage-ad-element, .home-page-ads .homepage-ad-widget .homepage-ad-element h4, .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget, .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget p, .navbar-default .navbar-collapse .navbar-nav li a, .navbar-default .navbar-collapse .navbar-nav li a::after, .navbar-default .navbar-collapse .navbar-form button.navbar-search-button, .webcam-snapshot, .home-webcam-types, .home-webcam-types h3, .webcam-container .hosted-by img, .btn-webcam-load {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/*==================================
            Base Styles 
            -----------
Defines how elements look by default
==================================*/
body {
  margin: 0;
  padding: 0;
  background-color: #FFF; }

li a:hover {
  color: #fff; }

/*-------------------
    Components import
-------------------*/
/*==================================
        Bootstrap Components
==================================*/
.btn.btn-primary {
  background-color: #339999;
  border-color: #fff;
  border-radius: 0;
  color: #fff;
  font-weight: normal; }
  .btn.btn-primary:hover {
    border-color: #ffd503;
    color: #ffd503; }

/*==================================
        Scroll To Top Component 
==================================*/
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99999999;
  background-color: #777777;
  color: #eeeeee;
  width: 60px;
  height: 60px;
  line-height: 60px;
  right: 30px;
  bottom: 30px;
  padding-top: 2px;
  border-radius: 50%; }

.scroll-top-wrapper:hover {
  background-color: #888888; }

.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 0.6; }

.scroll-top-wrapper i.fa {
  line-height: inherit; }

/*-------------------
    Typography
-------------------*/
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;
  color: #339999; }

a {
  color: #646478; }
  a:hover {
    text-decoration: none;
    color: #9898aa; }

p {
  color: #646478; }

/*==================================
        Widgets Styles 
==================================*/
.quicklinks-banner-container {
  background-color: #ffd503; }
  .quicklinks-banner-container .quicklinks-banner-widget {
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .quicklinks-banner-container .quicklinks-banner-widget:hover {
      background-color: #339999; }
      .quicklinks-banner-container .quicklinks-banner-widget:hover .quicklinks-banner-widget-content * {
        color: #fff; }
  .quicklinks-banner-container .quicklinks-banner-widget-content {
    padding: 15% 5%;
    text-align: center; }
    .quicklinks-banner-container .quicklinks-banner-widget-content h4 {
      font-size: 2.5em; }
    .quicklinks-banner-container .quicklinks-banner-widget-content p {
      font-size: 1.2em;
      color: #339999; }
  @media screen and (max-width: 480px) and (orientation: portrait) {
    .quicklinks-banner-container .quicklinks-banner-widget:nth-child(n+2) {
      border-top: 1px solid #339999; }
    .quicklinks-banner-container .quicklinks-banner-widget-content {
      padding: 5% 5%; }
      .quicklinks-banner-container .quicklinks-banner-widget-content h4 {
        font-size: 1.8em; }
      .quicklinks-banner-container .quicklinks-banner-widget-content p {
        font-size: 1.2em; } }
  @media screen and (max-width: 800px) and (orientation: landscape) {
    .quicklinks-banner-container .quicklinks-banner-widget:nth-child(n+2) {
      border-top: 1px solid #339999; }
    .quicklinks-banner-container .quicklinks-banner-widget-content {
      padding: 5% 5%; }
      .quicklinks-banner-container .quicklinks-banner-widget-content h4 {
        font-size: 2em; }
      .quicklinks-banner-container .quicklinks-banner-widget-content p {
        font-size: 1.4em; } }
  @media screen and (min-width: 481px) and (max-width: 810px) and (orientation: portrait) {
    .quicklinks-banner-container .quicklinks-banner-widget {
      border-right: 1px solid #339999; }
      .quicklinks-banner-container .quicklinks-banner-widget:first-child {
        border-left: 1px solid #339999; }
    .quicklinks-banner-container .quicklinks-banner-widget-content {
      padding: 5% 5%; }
      .quicklinks-banner-container .quicklinks-banner-widget-content h4 {
        font-size: 2em; }
      .quicklinks-banner-container .quicklinks-banner-widget-content p {
        font-size: 1.4em; } }
  @media screen and (min-width: 801px) and (max-width: 1300px) and (orientation: landscape) {
    .quicklinks-banner-container .quicklinks-banner-widget {
      border-right: 1px solid #339999; }
      .quicklinks-banner-container .quicklinks-banner-widget::after {
        content: '';
        position: absolute;
        top: 0;
        left: 25%;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 30px solid #339999;
        z-index: 5;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transition-delay: 2s; }
      .quicklinks-banner-container .quicklinks-banner-widget:hover {
        background-color: #339999; }
        .quicklinks-banner-container .quicklinks-banner-widget:hover .quicklinks-banner-widget-content * {
          color: #fff; }
        .quicklinks-banner-container .quicklinks-banner-widget:hover::after {
          transform: translateY(-25px); }
      .quicklinks-banner-container .quicklinks-banner-widget:first-child {
        border-left: 1px solid #339999; }
    .quicklinks-banner-container .quicklinks-banner-widget-content h4 {
      font-size: 2.2em; }
    .quicklinks-banner-container .quicklinks-banner-widget-content p {
      font-size: 1.2em; } }
  @media screen and (min-width: 993px) and (max-width: 1280px) {
    .quicklinks-banner-container .quicklinks-banner-widget {
      border-right: 1px solid #339999; }
      .quicklinks-banner-container .quicklinks-banner-widget::after {
        content: '';
        position: absolute;
        top: 0;
        left: 25%;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 30px solid #339999;
        z-index: 5;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transition-delay: 2s; }
      .quicklinks-banner-container .quicklinks-banner-widget:hover {
        background-color: #339999; }
        .quicklinks-banner-container .quicklinks-banner-widget:hover .quicklinks-banner-widget-content * {
          color: #fff; }
        .quicklinks-banner-container .quicklinks-banner-widget:hover::after {
          transform: translateY(-25px); }
      .quicklinks-banner-container .quicklinks-banner-widget:first-child {
        border-left: 1px solid #339999; }
    .quicklinks-banner-container .quicklinks-banner-widget-content h4 {
      font-size: 2.2em; }
    .quicklinks-banner-container .quicklinks-banner-widget-content p {
      font-size: 1.2em; } }
  @media screen and (min-width: 1281px) {
    .quicklinks-banner-container .quicklinks-banner-widget {
      border-right: 1px solid #339999;
      z-index: 100; }
      .quicklinks-banner-container .quicklinks-banner-widget::after {
        content: '';
        position: absolute;
        top: 0;
        left: 25%;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 30px solid #339999;
        z-index: 5;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .quicklinks-banner-container .quicklinks-banner-widget:hover {
        background-color: #339999; }
        .quicklinks-banner-container .quicklinks-banner-widget:hover .quicklinks-banner-widget-content * {
          color: #fff; }
        .quicklinks-banner-container .quicklinks-banner-widget:hover::after {
          transform: translateY(-25px);
          opacity: 1; }
      .quicklinks-banner-container .quicklinks-banner-widget:first-child {
        border-left: 1px solid #339999; }
    .quicklinks-banner-container .quicklinks-banner-widget-content h4 {
      font-size: 2.5em; }
    .quicklinks-banner-container .quicklinks-banner-widget-content p {
      font-size: 1.2em; } }

.home-page-ads {
  background-color: #000;
  padding: 5% 0; }
  .home-page-ads .homepage-ad-widget {
    height: 300px; }
    .home-page-ads .homepage-ad-widget:nth-child(2) {
      background: url("../img/broadcast2.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 5px; }
    .home-page-ads .homepage-ad-widget:nth-child(3) {
      background: url("../img/broadcast3.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 5px; }
    .home-page-ads .homepage-ad-widget:nth-child(4) {
      background: url("../img/broadcast4.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
    .home-page-ads .homepage-ad-widget .homepage-ad-element {
      width: 75%;
      height: 70%;
      margin: 0 auto;
      padding: 5%;
      border: 1px solid #fff;
      cursor: pointer; }
      .home-page-ads .homepage-ad-widget .homepage-ad-element h4 {
        font-size: 3em;
        color: #fff; }
      .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget {
        font-size: 1.5em;
        color: #ee2b7a; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget p {
          font-size: 1.5em;
          color: #ee2b7a; }
      .home-page-ads .homepage-ad-widget .homepage-ad-element:hover {
        background-color: #fff;
        border: 1px solid #000; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element:hover h4 {
          color: #ee2b7a; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element:hover .textwidget {
          color: #000; }
          .home-page-ads .homepage-ad-widget .homepage-ad-element:hover .textwidget p {
            color: #000; }
  @media screen and (max-width: 480px) and (orientation: portrait) {
    .home-page-ads .homepage-ad-widget {
      height: 150px; }
      .home-page-ads .homepage-ad-widget .homepage-ad-element {
        width: 90%;
        height: 60%;
        margin: 0 auto;
        padding: 2%; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element h4 {
          font-size: 1em; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget {
          font-size: 0.8em; }
          .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget p {
            font-size: 0.8em; } }
  @media screen and (max-width: 800px) and (orientation: landscape) {
    .home-page-ads .homepage-ad-widget {
      height: 150px; }
      .home-page-ads .homepage-ad-widget .homepage-ad-element {
        width: 95%;
        margin: 0 auto;
        padding: 2%; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element h4 {
          font-size: 1.3em; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget {
          font-size: 1em; }
          .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget p {
            font-size: 1em; } }
  @media screen and (min-width: 481px) and (max-width: 810px) and (orientation: portrait) {
    .home-page-ads .homepage-ad-widget {
      height: 200px; }
      .home-page-ads .homepage-ad-widget .homepage-ad-element {
        width: 95%;
        margin: 0 auto;
        padding: 2%; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element h4 {
          font-size: 1.7em; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget {
          font-size: 1.2em; }
          .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget p {
            font-size: 1.2em; } }
  @media screen and (min-width: 801px) and (max-width: 1300px) and (orientation: landscape) {
    .home-page-ads .homepage-ad-widget {
      height: 200px; }
      .home-page-ads .homepage-ad-widget .homepage-ad-element {
        width: 95%;
        margin: 0 auto;
        padding: 2%; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element h4 {
          font-size: 2em; }
        .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget {
          font-size: 1.3em; }
          .home-page-ads .homepage-ad-widget .homepage-ad-element .textwidget p {
            font-size: 1.3em; } }

/*-------------------
  Layout imports
-------------------*/
/*==================================
        Admin Styles 
==================================*/
/*==================================
        Header Styles 
==================================*/
/* if the user is logged in move down the header menu 
.admin-bar .navbar-fixed-top {
    margin-top: 30px;
}*/
.site-logo img {
  width: 180px;
  margin: 5px; }

.navbar-brand {
  height: 80px; }

.navbar-default {
  background-color: #339999;
  border: none;
  border-radius: 0;
  margin-bottom: 0; }
  .navbar-default .navbar-form {
    border-color: transparent; }
  .navbar-default .navbar-collapse {
    margin-top: 30px; }
    .navbar-default .navbar-collapse .navbar-nav .active > a, .navbar-default .navbar-collapse .navbar-nav .open > a {
      background-color: transparent;
      color: #ffd503; }
    .navbar-default .navbar-collapse .navbar-nav li {
      display: block; }
      .navbar-default .navbar-collapse .navbar-nav li:focus {
        background-color: blue; }
      .navbar-default .navbar-collapse .navbar-nav li a {
        color: #FFF;
        text-transform: uppercase;
        font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;
        font-weight: 600; }
        .navbar-default .navbar-collapse .navbar-nav li a::after {
          content: '';
          position: absolute;
          display: block;
          top: 0;
          left: 0;
          width: 100%;
          height: 50px;
          border: 1px solid #ffd503;
          opacity: 0; }
        .navbar-default .navbar-collapse .navbar-nav li a:hover {
          color: #ffd503; }
          .navbar-default .navbar-collapse .navbar-nav li a:hover::after {
            opacity: 1; }
      .navbar-default .navbar-collapse .navbar-nav li ul.dropdown-menu {
        background-color: #339999; }
        .navbar-default .navbar-collapse .navbar-nav li ul.dropdown-menu a {
          font-weight: 300;
          color: #FFF;
          text-transform: lowercase; }
          .navbar-default .navbar-collapse .navbar-nav li ul.dropdown-menu a::after {
            display: none; }
          .navbar-default .navbar-collapse .navbar-nav li ul.dropdown-menu a:hover {
            color: #ffd503;
            background-color: #339999; }
    .navbar-default .navbar-collapse .navbar-form .form-items-container {
      position: relative; }
    .navbar-default .navbar-collapse .navbar-form .form-control {
      background-color: transparent;
      border-radius: 0;
      border: 1px solid #FFF;
      color: #FFF; }
    .navbar-default .navbar-collapse .navbar-form input::-webkit-input-placeholder {
      color: #FFF; }
    .navbar-default .navbar-collapse .navbar-form input:-moz-placeholder {
      /* Firefox 18- */
      color: #FFF; }
    .navbar-default .navbar-collapse .navbar-form input::-moz-placeholder {
      /* Firefox 19+ */
      color: #FFF; }
    .navbar-default .navbar-collapse .navbar-form input:-ms-input-placeholder {
      color: #FFF; }
    .navbar-default .navbar-collapse .navbar-form button.navbar-search-button {
      position: absolute;
      bottom: 7px;
      right: 10px;
      color: #FFF;
      background-color: transparent;
      border: none; }
      .navbar-default .navbar-collapse .navbar-form button.navbar-search-button:hover {
        color: #ffd503; }

#carousel-example-generic {
  margin-top: -20px; }

.front-page-banner {
  position: relative;
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: 70%;
  background-size: cover; }
  .front-page-banner .home-page-webcam-container {
    position: absolute;
    top: 1%;
    left: 30%;
    width: 40%;
    height: 100%; }
  @media screen and (max-width: 480px) and (orientation: portrait) {
    .front-page-banner {
      height: 190px;
      /*.home-page-webcam-container {
          left: 0;
          width: 100%;
      }*/ } }
  @media screen and (max-width: 800px) and (orientation: landscape) {
    .front-page-banner {
      height: 340px;
      /*.home-page-webcam-container {
          left: 0;
          width: 100%;
      }*/ } }
  @media screen and (min-width: 481px) and (max-width: 810px) and (orientation: portrait) {
    .front-page-banner {
      height: 450px;
      /*.home-page-webcam-container {
          left: 0;
          width: 100%;
      }*/ } }

/*==================================
        Home Styles 
==================================*/
.webcam-snapshot {
  width: 100%;
  border: 2px solid #339999;
  padding: 3px; }
  .webcam-snapshot:hover {
    background-color: #339999; }
  @media screen and (min-width: 481px) and (max-width: 810px) and (orientation: portrait) {
    .webcam-snapshot {
      height: 200px; } }
  @media screen and (min-width: 801px) and (max-width: 1300px) and (orientation: landscape) {
    .webcam-snapshot {
      height: 145px; } }
  @media screen and (min-width: 993px) and (max-width: 1280px) {
    .webcam-snapshot {
      height: 150px; } }
  @media screen and (min-width: 1281px) {
    .webcam-snapshot {
      height: 155px; } }

.row.homepage-webcam-list {
  margin-top: 20px; }

.webcam-list-element {
  margin-bottom: 20px; }
  .webcam-list-element .webcam-list-element-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.home-webcam-types {
  padding: 10px 0 0 20px;
  margin-bottom: 20px;
  border: 2px solid #339999;
  cursor: pointer; }
  .home-webcam-types a.home-webcam-types-button {
    font-size: 1.8em;
    font-weight: bold;
    color: #ee2b7a; }
  .home-webcam-types:hover {
    background-color: #339999; }
    .home-webcam-types:hover h3 {
      color: #fff; }
  @media screen and (min-width: 481px) and (max-width: 810px) and (orientation: portrait) {
    .home-webcam-types {
      height: 200px; } }
  @media screen and (min-width: 801px) and (max-width: 1300px) and (orientation: landscape) {
    .home-webcam-types {
      height: 145px; } }
  @media screen and (min-width: 993px) and (max-width: 1280px) {
    .home-webcam-types {
      height: 150px; } }
  @media screen and (min-width: 1281px) {
    .home-webcam-types {
      height: 155px; } }

/*==================================
        Sidebar Styles 
==================================*/
/*==================================
        Footer Styles 
==================================*/
footer {
  height: 200px;
  padding-top: 30px;
  background-color: #339999; }
  footer p {
    color: #FFF; }

/*==================================
        Webcam Page Styles 
==================================*/
.webcam-container {
  position: relative;
  background-color: #d6ebeb;
  padding-top: 30px;
  padding-bottom: 30px;
  z-index: 0; }
  .webcam-container .embed-responsive-16by9 {
    padding-bottom: 63%; }
  .webcam-container small.webcam-subtitle {
    font-weight: bold;
    color: #339999; }
  .webcam-container .webcam-core-element-buttons {
    height: 50px;
    line-height: 50px;
    width: 88.8%;
    background-color: transparent; }
    .webcam-container .webcam-core-element-buttons .well {
      line-height: 1.5; }
    .webcam-container .webcam-core-element-buttons .collapse.in {
      position: relative;
      z-index: 9999; }
  .webcam-container .hosted-by {
    margin-top: 30px;
    overflow: hidden; }
    .webcam-container .hosted-by img {
      margin: 0 auto;
      border: 2px solid #339999;
      padding: 4px; }
      .webcam-container .hosted-by img:hover {
        background-color: #339999;
        cursor: pointer; }
  .webcam-container .ad-one {
    overflow: hidden; }
  .webcam-container .ad-three {
    margin-top: 14px;
    overflow: hidden; }
  @media screen and (max-width: 480px) and (orientation: portrait) {
    .webcam-container .webcam-title-container {
      margin-bottom: 10px; }
      .webcam-container .webcam-title-container h1.webcam-title {
        font-size: 1.8em; }
    .webcam-container .ad-one {
      margin-top: 10px; }
    .webcam-container .hosted-by img {
      max-height: 100px; } }
  @media screen and (max-width: 800px) and (orientation: landscape) {
    .webcam-container .webcam-title-container {
      margin-bottom: 10px; }
      .webcam-container .webcam-title-container h1.webcam-title {
        font-size: 1.8em; }
    .webcam-container .ad-one {
      margin-top: 10px; }
    .webcam-container .hosted-by img {
      max-height: 100px; } }
  @media screen and (min-width: 481px) and (max-width: 810px) and (orientation: portrait) {
    .webcam-container .webcam-title-container {
      margin-bottom: 20px; }
      .webcam-container .webcam-title-container h1.webcam-title {
        font-size: 2em; }
    .webcam-container .ad-one {
      margin-top: 10px; }
    .webcam-container .hosted-by img {
      max-height: 150px; } }
  @media screen and (min-width: 801px) and (max-width: 1300px) and (orientation: landscape) {
    .webcam-container .webcam-title-container h1.webcam-title {
      font-size: 2em; }
    .webcam-container .ad-one {
      margin-top: 10px; }
    .webcam-container .hosted-by img {
      max-height: 250px; } }
  @media screen and (min-width: 993px) and (max-width: 1280px) {
    .webcam-container .webcam-title-container {
      height: 70px; }
      .webcam-container .webcam-title-container h1.webcam-title {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 2em; }
    .webcam-container .floated-right {
      float: right; }
    .webcam-container .ad-one {
      margin-top: 70px; }
    .webcam-container .hosted-by img {
      max-height: 250px; } }
  @media screen and (min-width: 1281px) {
    .webcam-container .webcam-title-container {
      height: 90px; }
      .webcam-container .webcam-title-container h1.webcam-title {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 2em; }
    .webcam-container .floated-right {
      float: right; }
    .webcam-container .ad-one {
      min-height: 300px;
      min-width: 340px;
      margin-top: 90px; }
    .webcam-container .hosted-by img {
      max-height: 300px; }
    .webcam-container .ad-three {
      height: 90px; } }

.similar-webcams-container {
  margin-top: 5%;
  margin-bottom: 4%; }

.webcam-fb-comments {
  margin-bottom: 30px; }

.webcam-archive-container .webcam-list-element {
  -webkit-transition: all 320ms ease;
  -moz-transition: all 320ms ease;
  -ms-transition: all 320ms ease;
  -o-transition: all 320ms ease;
  transition: all 320ms ease;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0; }
  .webcam-archive-container .webcam-list-element.reveal {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

.btn-webcam-load {
  display: block;
  box-sizing: border-box;
  width: 150px;
  color: #777;
  font-size: 20px;
  margin: 20px auto 0;
  text-align: center;
  cursor: pointer; }
  .btn-webcam-load:not(.loading):hover, .btn-webcam-load:not(.loading):focus {
    color: #339999; }
  .btn-webcam-load.loading {
    color: #339999;
    cursor: default; }
  .btn-webcam-load span {
    display: block; }
  .btn-webcam-load span.glyphicon.glyphicon-refresh {
    height: 20px;
    width: 20px;
    margin: 0 auto;
    margin-bottom: 5px; }

.spin {
  animation-name: spinAnimation;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

/*==================================
        Media Queries 
==================================*/
/***************************************
        PORTRAIT SMARTPHONES
***************************************/
@media screen and (max-width: 480px) and (orientation: portrait) {
  .site-logo img {
    width: 150px; }

  .navbar-default .navbar-toggle {
    border: 2px solid #FFF;
    border-radius: 0;
    margin-top: 35px; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #FFF; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      background-color: transparent; }
  .navbar-default .navbar-collapse {
    margin-top: 0px;
    width: 100%; }
    .navbar-default .navbar-collapse li a {
      font-size: 1.3em; }
      .navbar-default .navbar-collapse li a:hover {
        color: #ffd503; }
        .navbar-default .navbar-collapse li a:hover::after {
          display: none; }
    .navbar-default .navbar-collapse .navbar-form .form-control {
      margin-top: -15px;
      margin-bottom: 10px; }
    .navbar-default .navbar-collapse .navbar-form button.navbar-search-button {
      bottom: 5px; }
  .navbar-default .navbar-toggle {
    margin-top: 30px; } }
/***************************************
        LANDSCAPE SMARTPHONES
***************************************/
@media screen and (max-width: 800px) and (orientation: landscape) {
  .site-logo img {
    width: 150px; }

  .navbar-default .navbar-toggle {
    border: 2px solid #FFF;
    border-radius: 0;
    margin-top: 35px; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #FFF; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      background-color: transparent; }
  .navbar-default .navbar-collapse {
    margin-top: 0px;
    width: 100%; }
    .navbar-default .navbar-collapse li a {
      font-size: 1.3em; }
      .navbar-default .navbar-collapse li a:hover {
        color: #ffd503; }
        .navbar-default .navbar-collapse li a:hover::after {
          display: none; }
    .navbar-default .navbar-collapse .navbar-form .form-control {
      margin-top: -15px;
      margin-bottom: 10px; }
    .navbar-default .navbar-collapse .navbar-form button.navbar-search-button {
      bottom: 5px; }
  .navbar-default .navbar-toggle {
    margin-top: 30px; } }
/***************************************
        PORTRAIT TABLETS
***************************************/
@media screen and (min-width: 481px) and (max-width: 810px) and (orientation: portrait) {
  .navbar-default .navbar-toggle {
    border: 2px solid #FFF;
    border-radius: 0;
    margin-top: 35px; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #FFF; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      background-color: transparent; } }
/***************************************
         BOOTSTRAP CUSTOMIZATION
***************************************/
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse.collapse {
    display: none !important; }

  .navbar-collapse.collapse.in {
    display: block !important; }

  .navbar-header .collapse, .navbar-toggle {
    display: block !important; }

  .navbar-header {
    float: none; }

  .navbar-default .navbar-toggle {
    border: 2px solid #FFF;
    border-radius: 0;
    margin-top: 35px; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #FFF; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      background-color: transparent; } }
/***************************************
         LANDSCAPE TABLETS
***************************************/
/***************************
LANDSCAPE TABLETS TO LAPTOP
***************************/
@media screen and (min-width: 993px) and (max-width: 1280px) {
  .navbar a {
    font-size: 1.1em; } }
/*************************************
                DESKTOP
*************************************/
@media screen and (min-width: 1281px) {
  .navbar a {
    font-size: 1.2em; } }

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