/*
 * Colors
 */
.btn.primary,
.btn.positive,
.btn.negative {
  color: #fff !important;
}
.primary {
  background-color: #d71921 !important;
}
.primary.btn-flat {
  color: #d71921 !important;
  background-color: transparent !important;
}
.positive {
  background-color: #0ae700 !important;
}
.positive.btn-flat {
  color: #0ae700 !important;
  background-color: transparent !important;
}
.negative {
  background-color: #f40b00 !important;
}
.negative.btn-flat {
  color: #f40b00 !important;
  background-color: transparent !important;
}
.light-primary {
  background-color: #b9d3e7 !important;
}
.light-positive {
  background-color: #bbe7b9 !important;
}
.light-negative {
  background-color: #f4c5c3 !important;
}
.dark-primary {
  background-color: #0067b5 !important;
}
.dark-positive {
  background-color: #08b500 !important;
}
.dark-negative {
  background-color: #c20900 !important;
}
.secondary {
  background-color: #45393d !important;
  color: #fff !important;
}
/*
 * Custom CSS style for Phonon components
 * It is also possible to use Stylus
 * by changing values in _variables.styl
 * then execute gulp css-all
 */
.backdrop-panel {
  display: none !important;
}
/**
* Signup box
**/
.signup-box {
  padding: 20px;
  margin: 60px 0px;
  border-radius: 25px;
  background-color: #fff;
  opacity: 0.9;
}
.signup-box #home-login-form {
  display: none;
}
/** moto
**/
.moto {
  color: #fff;
  text-transform: capitalize;
}
.moto img {
  max-width: 549px;
  width: 100%;
}
/*
 * App Pages
 */
.app-page {
  background-color: #fff;
}
/**
* box shadow
**/
.box-shadow {
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
          box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
/*
 * Header Bars
 */
.header-bar {
  background-color: #fff;
  height: 100px;
}
.header-bar .title {
  color: #fff;
}
.header-bar .btn {
  color: #fff;
  height: 60px;
  line-height: 60px;
}
.header-bar .nav-btn {
  color: #444;
}
@media screen and (max-width: 640px) {
  #nav-links {
    display: none;
  }
  #nav-menu {
    display: block !important;
  }
  #nav-menu button {
    color: #444 !important;
  }
}
#nav-menu {
  display: none;
}
/*
* hero
*/
.hero {
  background-color: #000;
/**height: 600px**/
  width: 100%;
  position: relative;
  overflow: hidden;
}
/*
 * Dialogs
 */
.dialog {
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px #8a8a8a;
          box-shadow: 0 2px 4px #8a8a8a;
}
/*
 * Tabs
 */
.tabs {
  background-color: #fff;
}
.tabs .tab-items .tab-item {
  color: #d71921;
}
.tabs .tab-indicator {
  margin-bottom: -3px;
  height: 3px;
  background-color: #d71921;
}
/*
 * Panels
 */
.panel,
.panel-full {
  background-color: #fff;
}
/*
 * Side Panels
 */
.side-panel {
  background-color: #333;
}
.side-panel .list li {
  border-color: #444;
}
.side-panel .list a,
.side-panel .list li,
.side-panel .list .title,
.side-panel .list .body {
  color: #fff;
}
.side-panel .list a:active,
.side-panel .list li:active,
.side-panel .list .title:active,
.side-panel .list .body:active {
  background-color: item-background-active;
}
.side-panel .header-bar {
  background-color: transparent;
}
.side-panel .header-bar .title {
  color: side-panel-title-color;
}
.side-panel .header-bar .btn {
  color: #fff;
}
.checkbox span,
.radio span {
  border: 2px solid #ddd;
}
.checkbox :checked + span,
.radio :checked + span {
  border-color: #d71921;
}
/*
 * Preloaders
 */
.circle-progress {
  width: 36px;
  height: 36px;
  margin-left: -18px;
}
.circle-progress.active .spinner {
  border-top: 3px solid #d71921;
  border-right: 3px solid #d71921;
  border-bottom: 3px solid #d71921;
  border-left: 3px solid #eee;
  -webkit-animation: circleLoading 900ms infinite linear;
          animation: circleLoading 900ms infinite linear;
}
.circle-progress.primary .spinner {
  border-top: 3px solid #d71921;
  border-right: 3px solid #d71921;
  border-bottom: 3px solid #d71921;
}
.circle-progress.negative .spinner {
  border-top: 3px solid #f40b00;
  border-right: 3px solid #f40b00;
  border-bottom: 3px solid #f40b00;
}
.circle-progress.positive .spinner {
  border-top: 3px solid #0ae700;
  border-right: 3px solid #0ae700;
  border-bottom: 3px solid #0ae700;
}
.progress {
  height: 6px;
}
.progress .determinate {
  background-color: #d71921;
}
.progress.primary .determinate {
  background-color: #0067b5 !important;
}
.progress.negative .determinate {
  background-color: #c20900 !important;
}
.progress.positive .determinate {
  background-color: #08b500 !important;
}
/*
 * Notifications
 */
.notification {
  width: notification-width;
  min-height: 48px;
  line-height: 54px;
  padding: 0 24px;
  color: #fff;
  background-color: #333;
  -webkit-transform: translate3d(0, 72px, 0);
          transform: translate3d(0, 72px, 0);
  -webkit-transition: opacity 200ms, -webkit-transform 0.3s;
  transition: opacity 200ms, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 200ms;
  transition: transform 0.3s, opacity 200ms;
  transition: transform 0.3s, opacity 200ms, -webkit-transform 0.3s;
}
.notification .btn {
  top: 6px;
  height: 42px;
  line-height: 42px;
}
.content {
  top: 100px;
  background-color: #efeef1;
}
.cards {
  background-color: rgba(255,255,255,0.7);
  margin: 5px;
  padding: 20px;
  border-radius: 5px;
}
.fixed-width {
  max-width: 960px !important;
  margin: 0 auto;
}
/*
* Event Sdearch nav
*/
.event-search-nav {
  height: 60px;
  width: 100%;
  background-color: #d71921;
}
.event-search-nav .event-nav-items {
  margin-top: 20px;
  color: #fff;
  text-transform: capitalize;
}
/**
* Customer Search Animal select
**/
.select-animal {
  margin: 32px auto;
  vertical-align: top;
}
.select-animal i {
  font-size: 8em;
}
.select-animal-cards {
  height: 250px;
  width: 300px;
  background-color: #fff;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  padding: 20px;
  border-radius: 5px;
/** Animal icon
	**/
}
@font-face {
  font-family: 'icofont';
  src: url("../fonts/icofont.eot?v=1.0.0-beta");
  src: url("../fonts/icofont.eot?v=1.0.0-beta#iefix") format('embedded-opentype'), url("../fonts/icofont.ttf?v=1.0.0-beta") format('truetype'), url("../fonts/icofont.woff?v=1.0.0-beta") format('woff'), url("../fonts/icofont.svg?v=1.0.0-beta#icofont") format('svg');
  font-weight: normal;
  font-style: normal;
}
.icofont {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icofont-animal-bat:before {
  content: "\e933";
}
.icofont-animal-bear-tracks:before {
  content: "\e934";
}
.icofont-animal-bear:before {
  content: "\e935";
}
.icofont-animal-bird-alt:before {
  content: "\e936";
}
.icofont-animal-bird:before {
  content: "\e937";
}
.icofont-animal-bone:before {
  content: "\e938";
}
.icofont-animal-bull:before {
  content: "\e939";
}
.icofont-animal-camel-alt:before {
  content: "\e93a";
}
.icofont-animal-camel-head:before {
  content: "\e93b";
}
.icofont-animal-camel:before {
  content: "\e93c";
}
.icofont-animal-cat-alt-1:before {
  content: "\e93d";
}
.icofont-animal-cat-alt-2:before {
  content: "\e93e";
}
.icofont-animal-cat-alt-3:before {
  content: "\e93f";
}
.icofont-animal-cat-alt-4:before {
  content: "\e940";
}
.icofont-animal-cat-with-dog:before {
  content: "\e941";
}
.icofont-animal-cat:before {
  content: "\e942";
}
.icofont-animal-cow-head:before {
  content: "\e943";
}
.icofont-animal-cow:before {
  content: "\e944";
}
.icofont-animal-crab:before {
  content: "\e945";
}
.icofont-animal-crocodile:before {
  content: "\e946";
}
.icofont-animal-deer-head:before {
  content: "\e947";
}
.icofont-animal-dog-alt:before {
  content: "\e948";
}
.icofont-animal-dog-barking:before {
  content: "\e949";
}
.icofont-animal-dog:before {
  content: "\e94a";
}
.icofont-animal-dolphin:before {
  content: "\e94b";
}
.icofont-animal-duck-tracks:before {
  content: "\e94c";
}
.icofont-animal-eagle-head:before {
  content: "\e94d";
}
.icofont-animal-eaten-fish:before {
  content: "\e94e";
}
.icofont-animal-elephant-alt:before {
  content: "\e94f";
}
.icofont-animal-elephant-head-alt:before {
  content: "\e950";
}
.icofont-animal-elephant-head:before {
  content: "\e951";
}
.icofont-animal-elephant:before {
  content: "\e952";
}
.icofont-animal-elk:before {
  content: "\e953";
}
.icofont-animal-fish-alt-1:before {
  content: "\e954";
}
.icofont-animal-fish-alt-2:before {
  content: "\e955";
}
.icofont-animal-fish-alt-3:before {
  content: "\e956";
}
.icofont-animal-fish-alt-4:before {
  content: "\e957";
}
.icofont-animal-fish:before {
  content: "\e958";
}
.icofont-animal-fox-alt:before {
  content: "\e959";
}
.icofont-animal-fox:before {
  content: "\e95a";
}
.icofont-animal-frog-tracks:before {
  content: "\e95b";
}
.icofont-animal-frog:before {
  content: "\e95c";
}
.icofont-animal-froggy:before {
  content: "\e95d";
}
.icofont-animal-giraffe-alt:before {
  content: "\e95e";
}
.icofont-animal-giraffe:before {
  content: "\e95f";
}
.icofont-animal-goat-head-alt-1:before {
  content: "\e960";
}
.icofont-animal-goat-head-alt-2:before {
  content: "\e961";
}
.icofont-animal-goat-head:before {
  content: "\e962";
}
.icofont-animal-gorilla:before {
  content: "\e963";
}
.icofont-animal-hen-tracks:before {
  content: "\e964";
}
.icofont-animal-horse-head-alt-1:before {
  content: "\e965";
}
.icofont-animal-horse-head-alt-2:before {
  content: "\e966";
}
.icofont-animal-horse-head:before {
  content: "\e967";
}
.icofont-animal-horse-tracks:before {
  content: "\e968";
}
.icofont-animal-jellyfish:before {
  content: "\e969";
}
.icofont-animal-kangaroo:before {
  content: "\e96a";
}
.icofont-animal-lemur:before {
  content: "\e96b";
}
.icofont-animal-lion-alt:before {
  content: "\e96c";
}
.icofont-animal-lion-head-alt:before {
  content: "\e96d";
}
.icofont-animal-lion-head:before {
  content: "\e96e";
}
.icofont-animal-lion:before {
  content: "\e96f";
}
.icofont-animal-monkey-alt-1:before {
  content: "\e970";
}
.icofont-animal-monkey-alt-2:before {
  content: "\e971";
}
.icofont-animal-monkey-alt-3:before {
  content: "\e972";
}
.icofont-animal-monkey:before {
  content: "\e973";
}
.icofont-animal-octopus-alt:before {
  content: "\e974";
}
.icofont-animal-octopus:before {
  content: "\e975";
}
.icofont-animal-owl:before {
  content: "\e976";
}
.icofont-animal-panda-alt:before {
  content: "\e977";
}
.icofont-animal-panda:before {
  content: "\e978";
}
.icofont-animal-panther:before {
  content: "\e979";
}
.icofont-animal-parrot-lip:before {
  content: "\e97a";
}
.icofont-animal-parrot:before {
  content: "\e97b";
}
.icofont-animal-paw:before {
  content: "\e97c";
}
.icofont-animal-pelican:before {
  content: "\e97d";
}
.icofont-animal-penguin:before {
  content: "\e97e";
}
.icofont-animal-pig-alt:before {
  content: "\e97f";
}
.icofont-animal-pig:before {
  content: "\e980";
}
.icofont-animal-pigeon-alt:before {
  content: "\e981";
}
.icofont-animal-pigeon:before {
  content: "\e982";
}
.icofont-animal-pigeons:before {
  content: "\e983";
}
.icofont-animal-rabbit-running:before {
  content: "\e984";
}
.icofont-animal-rat-alt:before {
  content: "\e985";
}
.icofont-animal-rhino-head:before {
  content: "\e986";
}
.icofont-animal-rhino:before {
  content: "\e987";
}
.icofont-animal-rooster:before {
  content: "\e988";
}
.icofont-animal-seahorse:before {
  content: "\e989";
}
.icofont-animal-seal:before {
  content: "\e98a";
}
.icofont-animal-shrimp:before {
  content: "\e98b";
}
.icofont-animal-snail-alt-1:before {
  content: "\e98c";
}
.icofont-animal-snail-alt-2:before {
  content: "\e98d";
}
.icofont-animal-snail:before {
  content: "\e98e";
}
.icofont-animal-snake:before {
  content: "\e98f";
}
.icofont-animal-squid:before {
  content: "\e990";
}
.icofont-animal-squirrel:before {
  content: "\e991";
}
.icofont-animal-tiger-alt:before {
  content: "\e992";
}
.icofont-animal-tiger:before {
  content: "\e993";
}
.icofont-animal-turtle:before {
  content: "\e994";
}
.icofont-animal-whale:before {
  content: "\e995";
}
.icofont-animal-woodpecker:before {
  content: "\e996";
}
.icofont-animal-zebra:before {
  content: "\e997";
}
/*Font size*/
.icofont-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icofont-2x {
  font-size: 2em;
}
.icofont-3x {
  font-size: 3em;
}
.icofont-4x {
  font-size: 4em;
}
.icofont-5x {
  font-size: 5em;
}
.icofont-fw {
  display: inline-block;
  width: 1.28571429em;
  text-align: center;
}
/*Fixed Width Icons*/
.icofont-fw {
  width: 1.28571429em;
  text-align: center;
}
/*Custom list icons*/
.icofont-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.icofont-ul>li {
  position: relative;
}
.icofont-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
/*Animation*/
.icofont-rotate {
  display: inline-block;
  -webkit-animation: icofont-rotate 2s infinite linear;
  animation: icofont-rotate 2s infinite linear;
}
@-webkit-keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.text-center {
  text-align: center !important;
}
/** CARDS **/
@-webkit-keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icofont-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}