@import url("custom-colors.css");

/* fb-basic Styles */
.fancy-button {
  position: relative;
  color: #fff;
  border: 1px solid;
  border-bottom: 2px solid;
  margin: 5px;
  padding: 10px 25px;
  text-decoration: none;
  display: block;
  outline: none;
  line-height: 100%;
  overflow: hidden;
  height: 40px;
 	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.fancy-button:hover {
  text-decoration: none;
}
.fancy-button .fb-icon {
  float: right;
}
.fancy-button.fb-icon{
display: inline-block;
}
.fancy-button:active .fb-icon,
.fancy-button:focus .fb-icon {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
.fb-small {
  padding: 5px 15px;
  font-size: 1em;
  height: 25px;
}
.fb-medium {
  padding: 10px 20px;
  font-size: 1.15em;
}
.fb-large {
  padding: 20px 25px;
  font-size: 1.25em;
  height: 55px;
}
.fb-fixed{
  display: inline-block;
  vertical-align: middle;
}
.fb-fixed .fb-icon{
  margin-left: 20px;
}

/* Colors */
.fb-esmerald {
  background-color: #2ecc71;
  border-color: #2ecc71;
}
.fb-esmerald:hover {
  color: #2ecc71;
  background-color: #fff;
}
.fb-blueRiver {
  background-color: #3498db;
  border-color: #3498db;
}
.fb-blueRiver:hover {
  color: #3498db;
  background-color: #fff;
}
.fb-amethyst {
  background-color: #9b59b6;
  border-color: #9b59b6;
}
.fb-amethyst:hover {
  color: #9b59b6;
  background-color: #fff;
}
.fb-greenSea {
  background-color: #16a085;
  border-color: #16a085;
}
.fb-greenSea:hover {
  color: #16a085;
  background-color: #fff;
}
.fb-nephritis {
  background-color: #27ae60;
  border-color: #27ae60;
}
.fb-nephritis:hover {
  color: #27ae60;
  background-color: #fff;
}
.fb-blueHole {
  background-color: #2980b9;
  border-color: #2980b9;
}
.fb-blueHole:hover {
  color: #2980b9;
  background-color: #fff;
}
.fb-wisteria {
  background-color: #8e44ad;
  border-color: #8e44ad;
}
.fb-wisteria:hover {
  color: #8e44ad;
  background-color: #fff;
}
.fb-midnight {
  background-color: #2c3e50;
  border-color: #2c3e50;
}
.fb-midnight:hover {
  color: #2c3e50;
  background-color: #fff;
}
.fb-sun {
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.fb-sun:hover {
  color: #f1c40f;
  background-color: #fff;
}
.fb-carrot {
  background-color: #e67e22;
  border-color: #e67e22;
}
.fb-carrot:hover {
  color: #e67e22;
  background-color: #fff;
}
.fb-alizarin {
  background-color: #e74c3c;
  border-color: #e74c3c;
}
.fb-alizarin:hover {
  color: #e74c3c;
  background-color: #fff;
}
.fb-concrete {
  background-color: #95a5a6;
  border-color: #95a5a6;
}
.fb-concrete:hover {
  color: #95a5a6;
  background-color: #fff;
}
.fb-orange {
  background-color: #f39c12;
  border-color: #f39c12;
}
.fb-orange:hover {
  color: #f39c12;
  background-color: #fff;
}
.fb-pumpkin {
  background-color: #d35400;
  border-color: #d35400;
}
.fb-pumpkin:hover {
  color: #d35400;
  background-color: #fff;
}
.fb-pomegranate {
  background-color: #c0392b;
  border-color: #c0392b;
}
.fb-pomegranate:hover {
  color: #c0392b;
  background-color: #fff;
}
.fb-asbestos {
  background-color: #7f8c8d;
  border-color: #7f8c8d;
}
.fb-asbestos:hover {
  color: #7f8c8d;
  background-color: #fff;
}

/* Shapes */
.fb-rounded {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.fb-half-left-rounded {
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-bottom-right-radius: 15px;
  -o-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -o-border-top-left-radius: 15px;
  border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.fb-half-right-rounded {
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-bottom-left-radius: 15px;
  -o-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-top-right-radius: 15px;
  -o-border-top-right-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

/* Effects */
.fb-basic {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-zoom {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-zoom:hover .fb-icon {
  -webkit-animation: fb-zoom 0.25s 2 linear alternate;
  -moz-animation: fb-zoom 0.25s 2 linear alternate;
  -o-animation: fb-zoom 0.25s 2 linear alternate;
  animation: fb-zoom 0.25s 2 linear alternate;
}
.fb-bell {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-bell:hover .fb-icon {
  -webkit-animation: fb-bell 0.15s 6 linear alternate;
  -moz-animation: fb-bell 0.15s 6 linear alternate;
  -o-animation: fb-bell 0.15s 6 linear alternate;
  animation: fb-bell 0.15s 6 linear alternate;
}
.fb-rotate {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-rotate:hover .fb-icon {
  -webkit-animation: fb-rotate 1.25s ease;
  -moz-animation: fb-rotate 1.25s ease;
  -o-animation: fb-rotate 1.25s ease;
  animation: fb-rotate 1.25s ease;
}
.fb-round {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-round:hover {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.fb-square {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-square:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.fb-shadow {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-shadow:hover {
  -webkit-box-shadow: 0 .1em 1em;
  -moz-box-shadow: 0 .1em 1em;
  -o-box-shadow: 0 .1em 1em;
  box-shadow: 0 .1em 1em;
}
.fb-move-up {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-move-up:hover {
  margin-top: -2px;
}
.fb-vertical {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-vertical:hover .fb-icon {
  -webkit-animation: fb-vertical 0.75s infinite linear alternate;
  -moz-animation: fb-vertical 0.75s infinite linear alternate;
  -o-animation: fb-vertical 0.75s infinite linear alternate;
  animation: fb-vertical 0.75s infinite linear alternate;
}
.fb-horizontal {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-horizontal:hover .fb-icon {
  -webkit-animation: fb-horizontal 0.75s infinite linear alternate;
  -moz-animation: fb-horizontal 0.75s infinite linear alternate;
  -o-animation: fb-horizontal 0.75s infinite linear alternate;
  animation: fb-horizontal 0.75s infinite linear alternate;
}
.fb-down {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-down:hover .fb-icon {
  -webkit-animation: fb-down 0.75s forwards linear;
  -moz-animation: fb-down 0.75s forwards linear;
  -o-animation: fb-down 0.75s forwards linear;
  animation: fb-down 0.75s forwards linear;
}
.fb-up {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-up:hover .fb-icon {
  -webkit-animation: fb-up 0.75s forwards linear;
  -moz-animation: fb-up 0.75s forwards linear;
  -o-animation: fb-up 0.75s forwards linear;
  animation: fb-up 0.75s forwards linear;
}
.fb-shake {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-shake:hover {
  -webkit-animation: fb-shake 0.005s 100 linear alternate;
  -moz-animation: fb-shake 0.005s 100 linear alternate;
  -o-animation: fb-shake 0.005s 100 linear alternate;
  animation: fb-shake 0.005s 100 linear alternate;
}
.fb-shrink {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-shrink:hover {
  -webkit-animation: fb-shrink 0.15s forwards linear;
  -moz-animation: fb-shrink 0.15s forwards linear;
  -o-animation: fb-shrink 0.15s forwards linear;
  animation: fb-shrink 0.15s forwards linear;
}
.fb-expand {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-expand:hover {
  -webkit-animation: fb-expand 0.15s forwards linear;
  -moz-animation: fb-expand 0.15s forwards linear;
  -o-animation: fb-expand 0.15s forwards linear;
  animation: fb-expand 0.15s forwards linear;
}
.fb-bounce {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.fb-bounce:hover {
  -webkit-animation: fb-bounce 0.25s 2 linear alternate;
  -moz-animation: fb-bounce 0.25s 2 linear alternate;
  -o-animation: fb-bounce 0.25s 2 linear alternate;
  animation: fb-bounce 0.25s 2 linear alternate;
}

.fb-infinite:hover{
 -webkit-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 -o-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 }
.fb-infinite:hover .fb-icon {
 -webkit-animation-iteration-count: infinite;
 -moz-animation-iteration-count: infinite;
 -o-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 }

/* Keyframes */
@-webkit-keyframes fb-zoom {
  from {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes fb-zoom {
  from {
    -moz-transform: scale(1);
  }
  to {
    -moz-transform: scale(1.5);
  }
}
@-o-keyframes fb-zoom {
  from {
    -o-transform: scale(1);
  }
  to {
    -o-transform: scale(1.5);
  }
}
@keyframes fb-zoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
@-webkit-keyframes fb-bell {
  from {
    -webkit-transform: rotate(12deg);
  }
  to {
    -webkit-transform: rotate(-12deg);
  }
}
@-moz-keyframes fb-bell {
  from {
    -moz-transform: rotate(12deg);
  }
  to {
    -moz-transform: rotate(-12deg);
  }
}
@-o-keyframes fb-bell {
  from {
    -o-transform: rotate(12deg);
  }
  to {
    -o-transform: rotate(-12deg);
  }
}
@keyframes fb-bell {
  from {
    transform: rotate(12deg);
  }
  to {
    transform: rotate(-12deg);
  }
}
@-webkit-keyframes fb-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
  }
}
@-moz-keyframes fb-rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(1080deg);
  }
}
@-o-keyframes fb-rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(1080deg);
  }
}
@keyframes fb-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
@-webkit-keyframes fb-vertical {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -4px;
  }
  50% {
    margin-top: 0;
  }
  75% {
    margin-top: -4px;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes fb-vertical {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -4px;
  }
  50% {
    margin-top: 0;
  }
  75% {
    margin-top: -4px;
  }
  100% {
    margin-top: 0;
  }
}
@-o-keyframes fb-vertical {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -4px;
  }
  50% {
    margin-top: 0;
  }
  75% {
    margin-top: -4px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes fb-vertical {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -4px;
  }
  50% {
    margin-top: 0;
  }
  75% {
    margin-top: -4px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes fb-horizontal {
  0% {
    margin-right: 0;
  }
  25% {
    margin-right: -4px;
  }
  50% {
    margin-right: 0;
  }
  75% {
    margin-right: -4px;
  }
  100% {
    margin-right: 0;
  }
}
@-moz-keyframes fb-horizontal {
  0% {
    margin-right: 0;
  }
  25% {
    margin-right: -4px;
  }
  50% {
    margin-right: 0;
  }
  75% {
    margin-right: -4px;
  }
  100% {
    margin-right: 0;
  }
}
@-o-keyframes fb-horizontal {
  0% {
    margin-right: 0;
  }
  25% {
    margin-right: -4px;
  }
  50% {
    margin-right: 0;
  }
  75% {
    margin-right: -4px;
  }
  100% {
    margin-right: 0;
  }
}
@keyframes fb-horizontal {
  0% {
    margin-right: 0;
  }
  25% {
    margin-right: -4px;
  }
  50% {
    margin-right: 0;
  }
  75% {
    margin-right: -4px;
  }
  100% {
    margin-right: 0;
  }
}
@-webkit-keyframes fb-down {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: 12px;
  }
  50% {
    margin-top: 24px;
  }
  75% {
    margin-top: 48px;
  }
  76% {
    opacity: 0;
    margin-top: -48px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-moz-keyframes fb-down {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: 12px;
  }
  50% {
    margin-top: 24px;
  }
  75% {
    margin-top: 48px;
  }
  76% {
    opacity: 0;
    margin-top: -48px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-o-keyframes fb-down {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: 12px;
  }
  50% {
    margin-top: 24px;
  }
  75% {
    margin-top: 48px;
  }
  76% {
    opacity: 0;
    margin-top: -48px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes fb-down {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: 12px;
  }
  50% {
    margin-top: 24px;
  }
  75% {
    margin-top: 48px;
  }
  76% {
    opacity: 0;
    margin-top: -48px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-webkit-keyframes fb-up {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -12px;
  }
  50% {
    margin-top: -24px;
  }
  75% {
    margin-top: -48px;
  }
  76% {
    opacity: 0;
    margin-top: 48px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-moz-keyframes fb-up {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -12px;
  }
  50% {
    margin-top: -24px;
  }
  75% {
    margin-top: -48px;
  }
  76% {
    opacity: 0;
    margin-top: 48px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-o-keyframes fb-up {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -12px;
  }
  50% {
    margin-top: -24px;
  }
  75% {
    margin-top: -48px;
  }
  76% {
    opacity: 0;
    margin-top: 48px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes fb-up {
  0% {
    margin-top: 0;
  }
  25% {
    margin-top: -12px;
  }
  50% {
    margin-top: -24px;
  }
  75% {
    margin-top: -48px;
  }
  76% {
    opacity: 0;
    margin-top: 48px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-webkit-keyframes fb-shake {
  from {
    -webkit-transform: rotate(2deg);
  }
  to {
    -webkit-transform: rotate(-2deg);
  }
}
@-moz-keyframes fb-shake {
  from {
    -moz-transform: rotate(2deg);
  }
  to {
    -moz-transform: rotate(-2deg);
  }
}
@-o-keyframes fb-shake {
  from {
    -o-transform: rotate(2deg);
  }
  to {
    -o-transform: rotate(-2deg);
  }
}
@keyframes fb-shake {
  from {
    transform: rotate(2deg);
  }
  to {
    transform: rotate(-2deg);
  }
}
@-webkit-keyframes fb-shrink {
  to {
    -webkit-transform: scale(0.9);
  }
}
@-moz-keyframes fb-shrink {
  to {
    -moz-transform: scale(0.9);
  }
}
@-o-keyframes fb-shrink {
  to {
    -o-transform: scale(0.9);
  }
}
@keyframes fb-shrink {
  to {
    transform: scale(0.9);
  }
}
@-webkit-keyframes fb-expand {
  to {
    -webkit-transform: scale(1.1);
  }
}
@-moz-keyframes fb-expand {
  to {
    -moz-transform: scale(1.1);
  }
}
@-o-keyframes fb-expand {
  to {
    -o-transform: scale(1.1);
  }
}
@keyframes fb-expand {
  to {
    transform: scale(1.1);
  }
}
@-webkit-keyframes fb-bounce {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(-3deg);
  }
}
@-moz-keyframes fb-bounce {
  0% {
    -moz-transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(3deg);
  }
  100% {
    -moz-transform: rotate(-3deg);
  }
}
@-o-keyframes fb-bounce {
  0% {
    -o-transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(3deg);
  }
  100% {
    -o-transform: rotate(-3deg);
  }
}
@keyframes fb-bounce {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}

/* Mixins */
.transition {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.border-radius {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.full-border-radius {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.half-left-border-radius {
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-bottom-right-radius: 15px;
  -o-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -o-border-top-left-radius: 15px;
  border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.half-right-border-radius {
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-bottom-left-radius: 15px;
  -o-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-top-right-radius: 15px;
  -o-border-top-right-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}