Difference between revisions of "Template:UIUC Illinois STYLE"

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 
@charset "UTF-8";
 
 
/*!
 
Animate.css - http://daneden.me/animate
 
Licensed under the MIT license - http://opensource.org/licenses/MIT
 
 
Copyright (c) 2015 Daniel Eden
 
*/
 
 
ul {
 
  margin: 0 !important;
 
}
 
 
#safetyChecklist {
 
  text-align: left !important;
 
}
 
 
#sponsor {
 
 
margin-top: 50px;
 
margin-bottom: 40px;
 
}
 
 
#reference {
 
font-size: 40px;
 
margin-top: 5px;
 
margin-right: 5px;
 
}
 
 
#sponsor a{
 
color: #FA6900;
 
}
 
 
p {
 
  margin: 0 0 10px;
 
  font-size: 18px !important;
 
}
 
 
th {
 
    background-color: #a7dbd8 !important;
 
}
 
 
table {
 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
}
 
 
a:visited {
 
  color: #27E1CE;
 
}
 
#firstHeading {
 
 
  display: none;
 
}
 
 
#contactInfo {
 
  padding-top: 15px;
 
}
 
#HQ_page p {
 
  text-align: inherit !important;
 
}
 
 
.fh5co-experiment {
 
  margin-top: 4em;
 
}
 
 
.fh5co-experiment h3 {
 
  font-weight: bold;
 
}
 
 
.fh5co-experiment ol li{
 
  text-align: left;
 
}
 
 
.animated {
 
  -webkit-animation-duration: 1s;
 
  animation-duration: 1s;
 
  -webkit-animation-fill-mode: both;
 
  animation-fill-mode: both;
 
}
 
 
.animated.infinite {
 
  -webkit-animation-iteration-count: infinite;
 
  animation-iteration-count: infinite;
 
}
 
 
.animated.hinge {
 
  -webkit-animation-duration: 2s;
 
  animation-duration: 2s;
 
}
 
 
.animated.bounceIn,
 
.animated.bounceOut {
 
  -webkit-animation-duration: .75s;
 
  animation-duration: .75s;
 
}
 
 
.animated.flipOutX,
 
.animated.flipOutY {
 
  -webkit-animation-duration: .75s;
 
  animation-duration: .75s;
 
}
 
 
@-webkit-keyframes bounce {
 
  from, 20%, 53%, 80%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    -webkit-transform: translate3d(0,0,0);
 
    transform: translate3d(0,0,0);
 
  }
 
 
  40%, 43% {
 
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
    -webkit-transform: translate3d(0, -30px, 0);
 
    transform: translate3d(0, -30px, 0);
 
  }
 
 
  70% {
 
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
    -webkit-transform: translate3d(0, -15px, 0);
 
    transform: translate3d(0, -15px, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(0,-4px,0);
 
    transform: translate3d(0,-4px,0);
 
  }
 
}
 
 
@keyframes bounce {
 
  from, 20%, 53%, 80%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    -webkit-transform: translate3d(0,0,0);
 
    transform: translate3d(0,0,0);
 
  }
 
 
  40%, 43% {
 
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
    -webkit-transform: translate3d(0, -30px, 0);
 
    transform: translate3d(0, -30px, 0);
 
  }
 
 
  70% {
 
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
    -webkit-transform: translate3d(0, -15px, 0);
 
    transform: translate3d(0, -15px, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(0,-4px,0);
 
    transform: translate3d(0,-4px,0);
 
  }
 
}
 
 
.bounce {
 
  -webkit-animation-name: bounce;
 
  animation-name: bounce;
 
  -webkit-transform-origin: center bottom;
 
  transform-origin: center bottom;
 
}
 
 
@-webkit-keyframes flash {
 
  from, 50%, to {
 
    opacity: 1;
 
  }
 
 
  25%, 75% {
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes flash {
 
  from, 50%, to {
 
    opacity: 1;
 
  }
 
 
  25%, 75% {
 
    opacity: 0;
 
  }
 
}
 
 
.flash {
 
  -webkit-animation-name: flash;
 
  animation-name: flash;
 
}
 
 
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 
@-webkit-keyframes pulse {
 
  from {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
 
  50% {
 
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
 
    transform: scale3d(1.05, 1.05, 1.05);
 
  }
 
 
  to {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
}
 
 
@keyframes pulse {
 
  from {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
 
  50% {
 
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
 
    transform: scale3d(1.05, 1.05, 1.05);
 
  }
 
 
  to {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
}
 
 
.pulse {
 
  -webkit-animation-name: pulse;
 
  animation-name: pulse;
 
}
 
 
@-webkit-keyframes rubberBand {
 
  from {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
 
  30% {
 
    -webkit-transform: scale3d(1.25, 0.75, 1);
 
    transform: scale3d(1.25, 0.75, 1);
 
  }
 
 
  40% {
 
    -webkit-transform: scale3d(0.75, 1.25, 1);
 
    transform: scale3d(0.75, 1.25, 1);
 
  }
 
 
  50% {
 
    -webkit-transform: scale3d(1.15, 0.85, 1);
 
    transform: scale3d(1.15, 0.85, 1);
 
  }
 
 
  65% {
 
    -webkit-transform: scale3d(.95, 1.05, 1);
 
    transform: scale3d(.95, 1.05, 1);
 
  }
 
 
  75% {
 
    -webkit-transform: scale3d(1.05, .95, 1);
 
    transform: scale3d(1.05, .95, 1);
 
  }
 
 
  to {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
}
 
 
@keyframes rubberBand {
 
  from {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
 
  30% {
 
    -webkit-transform: scale3d(1.25, 0.75, 1);
 
    transform: scale3d(1.25, 0.75, 1);
 
  }
 
 
  40% {
 
    -webkit-transform: scale3d(0.75, 1.25, 1);
 
    transform: scale3d(0.75, 1.25, 1);
 
  }
 
 
  50% {
 
    -webkit-transform: scale3d(1.15, 0.85, 1);
 
    transform: scale3d(1.15, 0.85, 1);
 
  }
 
 
  65% {
 
    -webkit-transform: scale3d(.95, 1.05, 1);
 
    transform: scale3d(.95, 1.05, 1);
 
  }
 
 
  75% {
 
    -webkit-transform: scale3d(1.05, .95, 1);
 
    transform: scale3d(1.05, .95, 1);
 
  }
 
 
  to {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
}
 
 
.rubberBand {
 
  -webkit-animation-name: rubberBand;
 
  animation-name: rubberBand;
 
}
 
 
@-webkit-keyframes shake {
 
  from, to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  10%, 30%, 50%, 70%, 90% {
 
    -webkit-transform: translate3d(-10px, 0, 0);
 
    transform: translate3d(-10px, 0, 0);
 
  }
 
 
  20%, 40%, 60%, 80% {
 
    -webkit-transform: translate3d(10px, 0, 0);
 
    transform: translate3d(10px, 0, 0);
 
  }
 
}
 
 
@keyframes shake {
 
  from, to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  10%, 30%, 50%, 70%, 90% {
 
    -webkit-transform: translate3d(-10px, 0, 0);
 
    transform: translate3d(-10px, 0, 0);
 
  }
 
 
  20%, 40%, 60%, 80% {
 
    -webkit-transform: translate3d(10px, 0, 0);
 
    transform: translate3d(10px, 0, 0);
 
  }
 
}
 
 
.shake {
 
  -webkit-animation-name: shake;
 
  animation-name: shake;
 
}
 
 
@-webkit-keyframes swing {
 
  20% {
 
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
 
    transform: rotate3d(0, 0, 1, 15deg);
 
  }
 
 
  40% {
 
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
 
    transform: rotate3d(0, 0, 1, -10deg);
 
  }
 
 
  60% {
 
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
 
    transform: rotate3d(0, 0, 1, 5deg);
 
  }
 
 
  80% {
 
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
 
    transform: rotate3d(0, 0, 1, -5deg);
 
  }
 
 
  to {
 
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
 
    transform: rotate3d(0, 0, 1, 0deg);
 
  }
 
}
 
 
@keyframes swing {
 
  20% {
 
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
 
    transform: rotate3d(0, 0, 1, 15deg);
 
  }
 
 
  40% {
 
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
 
    transform: rotate3d(0, 0, 1, -10deg);
 
  }
 
 
  60% {
 
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
 
    transform: rotate3d(0, 0, 1, 5deg);
 
  }
 
 
  80% {
 
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
 
    transform: rotate3d(0, 0, 1, -5deg);
 
  }
 
 
  to {
 
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
 
    transform: rotate3d(0, 0, 1, 0deg);
 
  }
 
}
 
 
.swing {
 
  -webkit-transform-origin: top center;
 
  transform-origin: top center;
 
  -webkit-animation-name: swing;
 
  animation-name: swing;
 
}
 
 
@-webkit-keyframes tada {
 
  from {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
 
  10%, 20% {
 
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 
  }
 
 
  30%, 50%, 70%, 90% {
 
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 
  }
 
 
  40%, 60%, 80% {
 
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 
  }
 
 
  to {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
}
 
 
@keyframes tada {
 
  from {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
 
  10%, 20% {
 
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 
  }
 
 
  30%, 50%, 70%, 90% {
 
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 
  }
 
 
  40%, 60%, 80% {
 
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 
  }
 
 
  to {
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
}
 
 
.tada {
 
  -webkit-animation-name: tada;
 
  animation-name: tada;
 
}
 
 
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 
@-webkit-keyframes wobble {
 
  from {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
 
  15% {
 
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 
  }
 
 
  30% {
 
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 
  }
 
 
  45% {
 
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 
  }
 
 
  60% {
 
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes wobble {
 
  from {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
 
  15% {
 
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 
  }
 
 
  30% {
 
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 
  }
 
 
  45% {
 
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 
  }
 
 
  60% {
 
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.wobble {
 
  -webkit-animation-name: wobble;
 
  animation-name: wobble;
 
}
 
 
@-webkit-keyframes jello {
 
  from, 11.1%, to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
 
  22.2% {
 
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 
    transform: skewX(-12.5deg) skewY(-12.5deg);
 
  }
 
 
  33.3% {
 
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 
    transform: skewX(6.25deg) skewY(6.25deg);
 
  }
 
 
  44.4% {
 
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 
    transform: skewX(-3.125deg) skewY(-3.125deg);
 
  }
 
 
  55.5% {
 
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 
    transform: skewX(1.5625deg) skewY(1.5625deg);
 
  }
 
 
  66.6% {
 
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
 
  }
 
 
  77.7% {
 
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 
    transform: skewX(0.390625deg) skewY(0.390625deg);
 
  }
 
 
  88.8% {
 
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 
  }
 
}
 
 
@keyframes jello {
 
  from, 11.1%, to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
 
  22.2% {
 
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 
    transform: skewX(-12.5deg) skewY(-12.5deg);
 
  }
 
 
  33.3% {
 
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 
    transform: skewX(6.25deg) skewY(6.25deg);
 
  }
 
 
  44.4% {
 
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 
    transform: skewX(-3.125deg) skewY(-3.125deg);
 
  }
 
 
  55.5% {
 
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 
    transform: skewX(1.5625deg) skewY(1.5625deg);
 
  }
 
 
  66.6% {
 
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
 
  }
 
 
  77.7% {
 
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 
    transform: skewX(0.390625deg) skewY(0.390625deg);
 
  }
 
 
  88.8% {
 
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 
  }
 
}
 
 
.jello {
 
  -webkit-animation-name: jello;
 
  animation-name: jello;
 
  -webkit-transform-origin: center;
 
  transform-origin: center;
 
}
 
 
@-webkit-keyframes bounceIn {
 
  from, 20%, 40%, 60%, 80%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  0% {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.3, .3, .3);
 
    transform: scale3d(.3, .3, .3);
 
  }
 
 
  20% {
 
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 
    transform: scale3d(1.1, 1.1, 1.1);
 
  }
 
 
  40% {
 
    -webkit-transform: scale3d(.9, .9, .9);
 
    transform: scale3d(.9, .9, .9);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
 
    transform: scale3d(1.03, 1.03, 1.03);
 
  }
 
 
  80% {
 
    -webkit-transform: scale3d(.97, .97, .97);
 
    transform: scale3d(.97, .97, .97);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
}
 
 
@keyframes bounceIn {
 
  from, 20%, 40%, 60%, 80%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  0% {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.3, .3, .3);
 
    transform: scale3d(.3, .3, .3);
 
  }
 
 
  20% {
 
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 
    transform: scale3d(1.1, 1.1, 1.1);
 
  }
 
 
  40% {
 
    -webkit-transform: scale3d(.9, .9, .9);
 
    transform: scale3d(.9, .9, .9);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
 
    transform: scale3d(1.03, 1.03, 1.03);
 
  }
 
 
  80% {
 
    -webkit-transform: scale3d(.97, .97, .97);
 
    transform: scale3d(.97, .97, .97);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: scale3d(1, 1, 1);
 
    transform: scale3d(1, 1, 1);
 
  }
 
}
 
 
.bounceIn {
 
  -webkit-animation-name: bounceIn;
 
  animation-name: bounceIn;
 
}
 
 
@-webkit-keyframes bounceInDown {
 
  from, 60%, 75%, 90%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  0% {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -3000px, 0);
 
    transform: translate3d(0, -3000px, 0);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(0, 25px, 0);
 
    transform: translate3d(0, 25px, 0);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(0, -10px, 0);
 
    transform: translate3d(0, -10px, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(0, 5px, 0);
 
    transform: translate3d(0, 5px, 0);
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes bounceInDown {
 
  from, 60%, 75%, 90%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  0% {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -3000px, 0);
 
    transform: translate3d(0, -3000px, 0);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(0, 25px, 0);
 
    transform: translate3d(0, 25px, 0);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(0, -10px, 0);
 
    transform: translate3d(0, -10px, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(0, 5px, 0);
 
    transform: translate3d(0, 5px, 0);
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.bounceInDown {
 
  -webkit-animation-name: bounceInDown;
 
  animation-name: bounceInDown;
 
}
 
 
@-webkit-keyframes bounceInLeft {
 
  from, 60%, 75%, 90%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  0% {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-3000px, 0, 0);
 
    transform: translate3d(-3000px, 0, 0);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(25px, 0, 0);
 
    transform: translate3d(25px, 0, 0);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(-10px, 0, 0);
 
    transform: translate3d(-10px, 0, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(5px, 0, 0);
 
    transform: translate3d(5px, 0, 0);
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes bounceInLeft {
 
  from, 60%, 75%, 90%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  0% {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-3000px, 0, 0);
 
    transform: translate3d(-3000px, 0, 0);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(25px, 0, 0);
 
    transform: translate3d(25px, 0, 0);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(-10px, 0, 0);
 
    transform: translate3d(-10px, 0, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(5px, 0, 0);
 
    transform: translate3d(5px, 0, 0);
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.bounceInLeft {
 
  -webkit-animation-name: bounceInLeft;
 
  animation-name: bounceInLeft;
 
}
 
 
@-webkit-keyframes bounceInRight {
 
  from, 60%, 75%, 90%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(3000px, 0, 0);
 
    transform: translate3d(3000px, 0, 0);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(-25px, 0, 0);
 
    transform: translate3d(-25px, 0, 0);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(10px, 0, 0);
 
    transform: translate3d(10px, 0, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(-5px, 0, 0);
 
    transform: translate3d(-5px, 0, 0);
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes bounceInRight {
 
  from, 60%, 75%, 90%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(3000px, 0, 0);
 
    transform: translate3d(3000px, 0, 0);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(-25px, 0, 0);
 
    transform: translate3d(-25px, 0, 0);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(10px, 0, 0);
 
    transform: translate3d(10px, 0, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(-5px, 0, 0);
 
    transform: translate3d(-5px, 0, 0);
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.bounceInRight {
 
  -webkit-animation-name: bounceInRight;
 
  animation-name: bounceInRight;
 
}
 
 
@-webkit-keyframes bounceInUp {
 
  from, 60%, 75%, 90%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 3000px, 0);
 
    transform: translate3d(0, 3000px, 0);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(0, -20px, 0);
 
    transform: translate3d(0, -20px, 0);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(0, 10px, 0);
 
    transform: translate3d(0, 10px, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(0, -5px, 0);
 
    transform: translate3d(0, -5px, 0);
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
@keyframes bounceInUp {
 
  from, 60%, 75%, 90%, to {
 
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
  }
 
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 3000px, 0);
 
    transform: translate3d(0, 3000px, 0);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(0, -20px, 0);
 
    transform: translate3d(0, -20px, 0);
 
  }
 
 
  75% {
 
    -webkit-transform: translate3d(0, 10px, 0);
 
    transform: translate3d(0, 10px, 0);
 
  }
 
 
  90% {
 
    -webkit-transform: translate3d(0, -5px, 0);
 
    transform: translate3d(0, -5px, 0);
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
.bounceInUp {
 
  -webkit-animation-name: bounceInUp;
 
  animation-name: bounceInUp;
 
}
 
 
@-webkit-keyframes bounceOut {
 
  20% {
 
    -webkit-transform: scale3d(.9, .9, .9);
 
    transform: scale3d(.9, .9, .9);
 
  }
 
 
  50%, 55% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 
    transform: scale3d(1.1, 1.1, 1.1);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.3, .3, .3);
 
    transform: scale3d(.3, .3, .3);
 
  }
 
}
 
 
@keyframes bounceOut {
 
  20% {
 
    -webkit-transform: scale3d(.9, .9, .9);
 
    transform: scale3d(.9, .9, .9);
 
  }
 
 
  50%, 55% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 
    transform: scale3d(1.1, 1.1, 1.1);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.3, .3, .3);
 
    transform: scale3d(.3, .3, .3);
 
  }
 
}
 
 
.bounceOut {
 
  -webkit-animation-name: bounceOut;
 
  animation-name: bounceOut;
 
}
 
 
@-webkit-keyframes bounceOutDown {
 
  20% {
 
    -webkit-transform: translate3d(0, 10px, 0);
 
    transform: translate3d(0, 10px, 0);
 
  }
 
 
  40%, 45% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(0, -20px, 0);
 
    transform: translate3d(0, -20px, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 2000px, 0);
 
    transform: translate3d(0, 2000px, 0);
 
  }
 
}
 
 
@keyframes bounceOutDown {
 
  20% {
 
    -webkit-transform: translate3d(0, 10px, 0);
 
    transform: translate3d(0, 10px, 0);
 
  }
 
 
  40%, 45% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(0, -20px, 0);
 
    transform: translate3d(0, -20px, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 2000px, 0);
 
    transform: translate3d(0, 2000px, 0);
 
  }
 
}
 
 
.bounceOutDown {
 
  -webkit-animation-name: bounceOutDown;
 
  animation-name: bounceOutDown;
 
}
 
 
@-webkit-keyframes bounceOutLeft {
 
  20% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(20px, 0, 0);
 
    transform: translate3d(20px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-2000px, 0, 0);
 
    transform: translate3d(-2000px, 0, 0);
 
  }
 
}
 
 
@keyframes bounceOutLeft {
 
  20% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(20px, 0, 0);
 
    transform: translate3d(20px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-2000px, 0, 0);
 
    transform: translate3d(-2000px, 0, 0);
 
  }
 
}
 
 
.bounceOutLeft {
 
  -webkit-animation-name: bounceOutLeft;
 
  animation-name: bounceOutLeft;
 
}
 
 
@-webkit-keyframes bounceOutRight {
 
  20% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(-20px, 0, 0);
 
    transform: translate3d(-20px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(2000px, 0, 0);
 
    transform: translate3d(2000px, 0, 0);
 
  }
 
}
 
 
@keyframes bounceOutRight {
 
  20% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(-20px, 0, 0);
 
    transform: translate3d(-20px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(2000px, 0, 0);
 
    transform: translate3d(2000px, 0, 0);
 
  }
 
}
 
 
.bounceOutRight {
 
  -webkit-animation-name: bounceOutRight;
 
  animation-name: bounceOutRight;
 
}
 
 
@-webkit-keyframes bounceOutUp {
 
  20% {
 
    -webkit-transform: translate3d(0, -10px, 0);
 
    transform: translate3d(0, -10px, 0);
 
  }
 
 
  40%, 45% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(0, 20px, 0);
 
    transform: translate3d(0, 20px, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -2000px, 0);
 
    transform: translate3d(0, -2000px, 0);
 
  }
 
}
 
 
@keyframes bounceOutUp {
 
  20% {
 
    -webkit-transform: translate3d(0, -10px, 0);
 
    transform: translate3d(0, -10px, 0);
 
  }
 
 
  40%, 45% {
 
    opacity: 1;
 
    -webkit-transform: translate3d(0, 20px, 0);
 
    transform: translate3d(0, 20px, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -2000px, 0);
 
    transform: translate3d(0, -2000px, 0);
 
  }
 
}
 
 
.bounceOutUp {
 
  -webkit-animation-name: bounceOutUp;
 
  animation-name: bounceOutUp;
 
}
 
 
@-webkit-keyframes fadeIn {
 
  from {
 
    opacity: 0;
 
  }
 
 
  to {
 
    opacity: 1;
 
  }
 
}
 
 
@keyframes fadeIn {
 
  from {
 
    opacity: 0;
 
  }
 
 
  to {
 
    opacity: 1;
 
  }
 
}
 
 
.fadeIn {
 
  -webkit-animation-name: fadeIn;
 
  animation-name: fadeIn;
 
}
 
 
@-webkit-keyframes fadeInDown {
 
  from {
 
    opacity: 0;
 
    /*-webkit-transform: translate3d(0, -100%, 0);
 
    transform: translate3d(0, -100%, 0);*/
 
    -webkit-transform: translate3d(0, -50px, 0);
 
    transform: translate3d(0, -50px, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes fadeInDown {
 
  from {
 
    opacity: 0;
 
    /*-webkit-transform: translate3d(0, -100%, 0);
 
    transform: translate3d(0, -100%, 0);*/
 
    -webkit-transform: translate3d(0, -50px, 0);
 
    transform: translate3d(0, -50px, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.fadeInDown {
 
  -webkit-animation-name: fadeInDown;
 
  animation-name: fadeInDown;
 
}
 
 
@-webkit-keyframes fadeInDownBig {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -2000px, 0);
 
    transform: translate3d(0, -2000px, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes fadeInDownBig {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -2000px, 0);
 
    transform: translate3d(0, -2000px, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.fadeInDownBig {
 
  -webkit-animation-name: fadeInDownBig;
 
  animation-name: fadeInDownBig;
 
}
 
 
@-webkit-keyframes fadeInLeft {
 
  from {
 
    opacity: 0;
 
    /*-webkit-transform: translate3d(-100%, 0, 0);
 
    transform: translate3d(-100%, 0, 0);*/
 
    -webkit-transform: translate3d(-50px, 0, 0);
 
    transform: translate3d(-50px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes fadeInLeft {
 
  from {
 
    opacity: 0;
 
    /*-webkit-transform: translate3d(-100%, 0, 0);
 
    transform: translate3d(-100%, 0, 0);*/
 
    -webkit-transform: translate3d(-50px, 0, 0);
 
    transform: translate3d(-50px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.fadeInLeft {
 
  -webkit-animation-name: fadeInLeft;
 
  animation-name: fadeInLeft;
 
}
 
 
@-webkit-keyframes fadeInLeftBig {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-2000px, 0, 0);
 
    transform: translate3d(-2000px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes fadeInLeftBig {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-2000px, 0, 0);
 
    transform: translate3d(-2000px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.fadeInLeftBig {
 
  -webkit-animation-name: fadeInLeftBig;
 
  animation-name: fadeInLeftBig;
 
}
 
 
@-webkit-keyframes fadeInRight {
 
  from {
 
    opacity: 0;
 
    /*-webkit-transform: translate3d(100%, 0, 0);
 
    transform: translate3d(100%, 0, 0);*/
 
    -webkit-transform: translate3d(50px, 0, 0);
 
    transform: translate3d(50px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes fadeInRight {
 
  from {
 
    opacity: 0;
 
    /*-webkit-transform: translate3d(100%, 0, 0);
 
    transform: translate3d(100%, 0, 0);*/
 
    -webkit-transform: translate3d(50px, 0, 0);
 
    transform: translate3d(50px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.fadeInRight {
 
  -webkit-animation-name: fadeInRight;
 
  animation-name: fadeInRight;
 
}
 
 
@-webkit-keyframes fadeInRightBig {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(2000px, 0, 0);
 
    transform: translate3d(2000px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes fadeInRightBig {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(2000px, 0, 0);
 
    transform: translate3d(2000px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.fadeInRightBig {
 
  -webkit-animation-name: fadeInRightBig;
 
  animation-name: fadeInRightBig;
 
}
 
 
@-webkit-keyframes fadeInUp {
 
  from {
 
    opacity: 0;
 
    /*-webkit-transform: translate3d(0, 100%, 0);
 
    transform: translate3d(0, 100%, 0);*/
 
    -webkit-transform: translate3d(0, 40px, 0);
 
    transform: translate3d(0, 40px, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes fadeInUp {
 
  from {
 
    opacity: 0;
 
    /*-webkit-transform: translate3d(0, 100%, 0);
 
    transform: translate3d(0, 100%, 0);*/
 
    -webkit-transform: translate3d(0, 40px, 0);
 
    transform: translate3d(0, 40px, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.fadeInUp {
 
  -webkit-animation-name: fadeInUp;
 
  animation-name: fadeInUp;
 
}
 
 
@-webkit-keyframes fadeInUpBig {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 2000px, 0);
 
    transform: translate3d(0, 2000px, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes fadeInUpBig {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 2000px, 0);
 
    transform: translate3d(0, 2000px, 0);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.fadeInUpBig {
 
  -webkit-animation-name: fadeInUpBig;
 
  animation-name: fadeInUpBig;
 
}
 
 
@-webkit-keyframes fadeOut {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes fadeOut {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
  }
 
}
 
 
.fadeOut {
 
  -webkit-animation-name: fadeOut;
 
  animation-name: fadeOut;
 
}
 
 
@-webkit-keyframes fadeOutDown {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 40px, 0);
 
    transform: translate3d(0, 40px, 0);
 
  }
 
}
 
 
@keyframes fadeOutDown {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 40px, 0);
 
    transform: translate3d(0, 40px, 0);
 
  }
 
}
 
 
.fadeOutDown {
 
  -webkit-animation-name: fadeOutDown;
 
  animation-name: fadeOutDown;
 
}
 
 
@-webkit-keyframes fadeOutDownBig {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 2000px, 0);
 
    transform: translate3d(0, 2000px, 0);
 
  }
 
}
 
 
@keyframes fadeOutDownBig {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, 2000px, 0);
 
    transform: translate3d(0, 2000px, 0);
 
  }
 
}
 
 
.fadeOutDownBig {
 
  -webkit-animation-name: fadeOutDownBig;
 
  animation-name: fadeOutDownBig;
 
}
 
 
@-webkit-keyframes fadeOutLeft {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-100%, 0, 0);
 
    transform: translate3d(-100%, 0, 0);
 
  }
 
}
 
 
@keyframes fadeOutLeft {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-100%, 0, 0);
 
    transform: translate3d(-100%, 0, 0);
 
  }
 
}
 
 
.fadeOutLeft {
 
  -webkit-animation-name: fadeOutLeft;
 
  animation-name: fadeOutLeft;
 
}
 
 
@-webkit-keyframes fadeOutLeftBig {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-2000px, 0, 0);
 
    transform: translate3d(-2000px, 0, 0);
 
  }
 
}
 
 
@keyframes fadeOutLeftBig {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-2000px, 0, 0);
 
    transform: translate3d(-2000px, 0, 0);
 
  }
 
}
 
 
.fadeOutLeftBig {
 
  -webkit-animation-name: fadeOutLeftBig;
 
  animation-name: fadeOutLeftBig;
 
}
 
 
@-webkit-keyframes fadeOutRight {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(100%, 0, 0);
 
    transform: translate3d(100%, 0, 0);
 
  }
 
}
 
 
@keyframes fadeOutRight {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(100%, 0, 0);
 
    transform: translate3d(100%, 0, 0);
 
  }
 
}
 
 
.fadeOutRight {
 
  -webkit-animation-name: fadeOutRight;
 
  animation-name: fadeOutRight;
 
}
 
 
@-webkit-keyframes fadeOutRightBig {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(2000px, 0, 0);
 
    transform: translate3d(2000px, 0, 0);
 
  }
 
}
 
 
@keyframes fadeOutRightBig {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(2000px, 0, 0);
 
    transform: translate3d(2000px, 0, 0);
 
  }
 
}
 
 
.fadeOutRightBig {
 
  -webkit-animation-name: fadeOutRightBig;
 
  animation-name: fadeOutRightBig;
 
}
 
 
@-webkit-keyframes fadeOutUp {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -100%, 0);
 
    transform: translate3d(0, -100%, 0);
 
  }
 
}
 
 
@keyframes fadeOutUp {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -100%, 0);
 
    transform: translate3d(0, -100%, 0);
 
  }
 
}
 
 
.fadeOutUp {
 
  -webkit-animation-name: fadeOutUp;
 
  animation-name: fadeOutUp;
 
}
 
 
@-webkit-keyframes fadeOutUpBig {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -2000px, 0);
 
    transform: translate3d(0, -2000px, 0);
 
  }
 
}
 
 
@keyframes fadeOutUpBig {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(0, -2000px, 0);
 
    transform: translate3d(0, -2000px, 0);
 
  }
 
}
 
 
.fadeOutUpBig {
 
  -webkit-animation-name: fadeOutUpBig;
 
  animation-name: fadeOutUpBig;
 
}
 
 
@-webkit-keyframes flip {
 
  from {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 
    -webkit-animation-timing-function: ease-out;
 
    animation-timing-function: ease-out;
 
  }
 
 
  40% {
 
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 
    -webkit-animation-timing-function: ease-out;
 
    animation-timing-function: ease-out;
 
  }
 
 
  50% {
 
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
 
  80% {
 
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 
    transform: perspective(400px) scale3d(.95, .95, .95);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
}
 
 
@keyframes flip {
 
  from {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 
    -webkit-animation-timing-function: ease-out;
 
    animation-timing-function: ease-out;
 
  }
 
 
  40% {
 
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 
    -webkit-animation-timing-function: ease-out;
 
    animation-timing-function: ease-out;
 
  }
 
 
  50% {
 
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
 
  80% {
 
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 
    transform: perspective(400px) scale3d(.95, .95, .95);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
}
 
 
.animated.flip {
 
  -webkit-backface-visibility: visible;
 
  backface-visibility: visible;
 
  -webkit-animation-name: flip;
 
  animation-name: flip;
 
}
 
 
@-webkit-keyframes flipInX {
 
  from {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
    opacity: 0;
 
  }
 
 
  40% {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
 
  60% {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 
    opacity: 1;
 
  }
 
 
  80% {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
  }
 
}
 
 
@keyframes flipInX {
 
  from {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
    opacity: 0;
 
  }
 
 
  40% {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
 
  60% {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 
    opacity: 1;
 
  }
 
 
  80% {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
  }
 
}
 
 
.flipInX {
 
  -webkit-backface-visibility: visible !important;
 
  backface-visibility: visible !important;
 
  -webkit-animation-name: flipInX;
 
  animation-name: flipInX;
 
}
 
 
@-webkit-keyframes flipInY {
 
  from {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
    opacity: 0;
 
  }
 
 
  40% {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
 
  60% {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 
    opacity: 1;
 
  }
 
 
  80% {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
  }
 
}
 
 
@keyframes flipInY {
 
  from {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
    opacity: 0;
 
  }
 
 
  40% {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 
    -webkit-animation-timing-function: ease-in;
 
    animation-timing-function: ease-in;
 
  }
 
 
  60% {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 
    opacity: 1;
 
  }
 
 
  80% {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
  }
 
}
 
 
.flipInY {
 
  -webkit-backface-visibility: visible !important;
 
  backface-visibility: visible !important;
 
  -webkit-animation-name: flipInY;
 
  animation-name: flipInY;
 
}
 
 
@-webkit-keyframes flipOutX {
 
  from {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
  }
 
 
  30% {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes flipOutX {
 
  from {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
  }
 
 
  30% {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
    opacity: 0;
 
  }
 
}
 
 
.flipOutX {
 
  -webkit-animation-name: flipOutX;
 
  animation-name: flipOutX;
 
  -webkit-backface-visibility: visible !important;
 
  backface-visibility: visible !important;
 
}
 
 
@-webkit-keyframes flipOutY {
 
  from {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
  }
 
 
  30% {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes flipOutY {
 
  from {
 
    -webkit-transform: perspective(400px);
 
    transform: perspective(400px);
 
  }
 
 
  30% {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
    opacity: 0;
 
  }
 
}
 
 
.flipOutY {
 
  -webkit-backface-visibility: visible !important;
 
  backface-visibility: visible !important;
 
  -webkit-animation-name: flipOutY;
 
  animation-name: flipOutY;
 
}
 
 
@-webkit-keyframes lightSpeedIn {
 
  from {
 
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 
    transform: translate3d(100%, 0, 0) skewX(-30deg);
 
    opacity: 0;
 
  }
 
 
  60% {
 
    -webkit-transform: skewX(20deg);
 
    transform: skewX(20deg);
 
    opacity: 1;
 
  }
 
 
  80% {
 
    -webkit-transform: skewX(-5deg);
 
    transform: skewX(-5deg);
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
@keyframes lightSpeedIn {
 
  from {
 
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 
    transform: translate3d(100%, 0, 0) skewX(-30deg);
 
    opacity: 0;
 
  }
 
 
  60% {
 
    -webkit-transform: skewX(20deg);
 
    transform: skewX(20deg);
 
    opacity: 1;
 
  }
 
 
  80% {
 
    -webkit-transform: skewX(-5deg);
 
    transform: skewX(-5deg);
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
.lightSpeedIn {
 
  -webkit-animation-name: lightSpeedIn;
 
  animation-name: lightSpeedIn;
 
  -webkit-animation-timing-function: ease-out;
 
  animation-timing-function: ease-out;
 
}
 
 
@-webkit-keyframes lightSpeedOut {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 
    transform: translate3d(100%, 0, 0) skewX(30deg);
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes lightSpeedOut {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 
    transform: translate3d(100%, 0, 0) skewX(30deg);
 
    opacity: 0;
 
  }
 
}
 
 
.lightSpeedOut {
 
  -webkit-animation-name: lightSpeedOut;
 
  animation-name: lightSpeedOut;
 
  -webkit-animation-timing-function: ease-in;
 
  animation-timing-function: ease-in;
 
}
 
 
@-webkit-keyframes rotateIn {
 
  from {
 
    -webkit-transform-origin: center;
 
    transform-origin: center;
 
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
 
    transform: rotate3d(0, 0, 1, -200deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: center;
 
    transform-origin: center;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
@keyframes rotateIn {
 
  from {
 
    -webkit-transform-origin: center;
 
    transform-origin: center;
 
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
 
    transform: rotate3d(0, 0, 1, -200deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: center;
 
    transform-origin: center;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
.rotateIn {
 
  -webkit-animation-name: rotateIn;
 
  animation-name: rotateIn;
 
}
 
 
@-webkit-keyframes rotateInDownLeft {
 
  from {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
    transform: rotate3d(0, 0, 1, -45deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
@keyframes rotateInDownLeft {
 
  from {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
    transform: rotate3d(0, 0, 1, -45deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
.rotateInDownLeft {
 
  -webkit-animation-name: rotateInDownLeft;
 
  animation-name: rotateInDownLeft;
 
}
 
 
@-webkit-keyframes rotateInDownRight {
 
  from {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
    transform: rotate3d(0, 0, 1, 45deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
@keyframes rotateInDownRight {
 
  from {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
    transform: rotate3d(0, 0, 1, 45deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
.rotateInDownRight {
 
  -webkit-animation-name: rotateInDownRight;
 
  animation-name: rotateInDownRight;
 
}
 
 
@-webkit-keyframes rotateInUpLeft {
 
  from {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
    transform: rotate3d(0, 0, 1, 45deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
@keyframes rotateInUpLeft {
 
  from {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
    transform: rotate3d(0, 0, 1, 45deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
.rotateInUpLeft {
 
  -webkit-animation-name: rotateInUpLeft;
 
  animation-name: rotateInUpLeft;
 
}
 
 
@-webkit-keyframes rotateInUpRight {
 
  from {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
 
    transform: rotate3d(0, 0, 1, -90deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
@keyframes rotateInUpRight {
 
  from {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
 
    transform: rotate3d(0, 0, 1, -90deg);
 
    opacity: 0;
 
  }
 
 
  to {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: none;
 
    transform: none;
 
    opacity: 1;
 
  }
 
}
 
 
.rotateInUpRight {
 
  -webkit-animation-name: rotateInUpRight;
 
  animation-name: rotateInUpRight;
 
}
 
 
@-webkit-keyframes rotateOut {
 
  from {
 
    -webkit-transform-origin: center;
 
    transform-origin: center;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: center;
 
    transform-origin: center;
 
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
 
    transform: rotate3d(0, 0, 1, 200deg);
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes rotateOut {
 
  from {
 
    -webkit-transform-origin: center;
 
    transform-origin: center;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: center;
 
    transform-origin: center;
 
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
 
    transform: rotate3d(0, 0, 1, 200deg);
 
    opacity: 0;
 
  }
 
}
 
 
.rotateOut {
 
  -webkit-animation-name: rotateOut;
 
  animation-name: rotateOut;
 
}
 
 
@-webkit-keyframes rotateOutDownLeft {
 
  from {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
    transform: rotate3d(0, 0, 1, 45deg);
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes rotateOutDownLeft {
 
  from {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
    transform: rotate3d(0, 0, 1, 45deg);
 
    opacity: 0;
 
  }
 
}
 
 
.rotateOutDownLeft {
 
  -webkit-animation-name: rotateOutDownLeft;
 
  animation-name: rotateOutDownLeft;
 
}
 
 
@-webkit-keyframes rotateOutDownRight {
 
  from {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
    transform: rotate3d(0, 0, 1, -45deg);
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes rotateOutDownRight {
 
  from {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
    transform: rotate3d(0, 0, 1, -45deg);
 
    opacity: 0;
 
  }
 
}
 
 
.rotateOutDownRight {
 
  -webkit-animation-name: rotateOutDownRight;
 
  animation-name: rotateOutDownRight;
 
}
 
 
@-webkit-keyframes rotateOutUpLeft {
 
  from {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
    transform: rotate3d(0, 0, 1, -45deg);
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes rotateOutUpLeft {
 
  from {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: left bottom;
 
    transform-origin: left bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
    transform: rotate3d(0, 0, 1, -45deg);
 
    opacity: 0;
 
  }
 
}
 
 
.rotateOutUpLeft {
 
  -webkit-animation-name: rotateOutUpLeft;
 
  animation-name: rotateOutUpLeft;
 
}
 
 
@-webkit-keyframes rotateOutUpRight {
 
  from {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
 
    transform: rotate3d(0, 0, 1, 90deg);
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes rotateOutUpRight {
 
  from {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform-origin: right bottom;
 
    transform-origin: right bottom;
 
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
 
    transform: rotate3d(0, 0, 1, 90deg);
 
    opacity: 0;
 
  }
 
}
 
 
.rotateOutUpRight {
 
  -webkit-animation-name: rotateOutUpRight;
 
  animation-name: rotateOutUpRight;
 
}
 
 
@-webkit-keyframes hinge {
 
  0% {
 
    -webkit-transform-origin: top left;
 
    transform-origin: top left;
 
    -webkit-animation-timing-function: ease-in-out;
 
    animation-timing-function: ease-in-out;
 
  }
 
 
  20%, 60% {
 
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
 
    transform: rotate3d(0, 0, 1, 80deg);
 
    -webkit-transform-origin: top left;
 
    transform-origin: top left;
 
    -webkit-animation-timing-function: ease-in-out;
 
    animation-timing-function: ease-in-out;
 
  }
 
 
  40%, 80% {
 
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
 
    transform: rotate3d(0, 0, 1, 60deg);
 
    -webkit-transform-origin: top left;
 
    transform-origin: top left;
 
    -webkit-animation-timing-function: ease-in-out;
 
    animation-timing-function: ease-in-out;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 700px, 0);
 
    transform: translate3d(0, 700px, 0);
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes hinge {
 
  0% {
 
    -webkit-transform-origin: top left;
 
    transform-origin: top left;
 
    -webkit-animation-timing-function: ease-in-out;
 
    animation-timing-function: ease-in-out;
 
  }
 
 
  20%, 60% {
 
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
 
    transform: rotate3d(0, 0, 1, 80deg);
 
    -webkit-transform-origin: top left;
 
    transform-origin: top left;
 
    -webkit-animation-timing-function: ease-in-out;
 
    animation-timing-function: ease-in-out;
 
  }
 
 
  40%, 80% {
 
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
 
    transform: rotate3d(0, 0, 1, 60deg);
 
    -webkit-transform-origin: top left;
 
    transform-origin: top left;
 
    -webkit-animation-timing-function: ease-in-out;
 
    animation-timing-function: ease-in-out;
 
    opacity: 1;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 700px, 0);
 
    transform: translate3d(0, 700px, 0);
 
    opacity: 0;
 
  }
 
}
 
 
.hinge {
 
  -webkit-animation-name: hinge;
 
  animation-name: hinge;
 
}
 
 
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 
@-webkit-keyframes rollIn {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
@keyframes rollIn {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 
  }
 
 
  to {
 
    opacity: 1;
 
    -webkit-transform: none;
 
    transform: none;
 
  }
 
}
 
 
.rollIn {
 
  -webkit-animation-name: rollIn;
 
  animation-name: rollIn;
 
}
 
 
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 
@-webkit-keyframes rollOut {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 
  }
 
}
 
 
@keyframes rollOut {
 
  from {
 
    opacity: 1;
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 
  }
 
}
 
 
.rollOut {
 
  -webkit-animation-name: rollOut;
 
  animation-name: rollOut;
 
}
 
 
@-webkit-keyframes zoomIn {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.3, .3, .3);
 
    transform: scale3d(.3, .3, .3);
 
  }
 
 
  50% {
 
    opacity: 1;
 
  }
 
}
 
 
@keyframes zoomIn {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.3, .3, .3);
 
    transform: scale3d(.3, .3, .3);
 
  }
 
 
  50% {
 
    opacity: 1;
 
  }
 
}
 
 
.zoomIn {
 
  -webkit-animation-name: zoomIn;
 
  animation-name: zoomIn;
 
}
 
 
@-webkit-keyframes zoomInDown {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
@keyframes zoomInDown {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
.zoomInDown {
 
  -webkit-animation-name: zoomInDown;
 
  animation-name: zoomInDown;
 
}
 
 
@-webkit-keyframes zoomInLeft {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
@keyframes zoomInLeft {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
.zoomInLeft {
 
  -webkit-animation-name: zoomInLeft;
 
  animation-name: zoomInLeft;
 
}
 
 
@-webkit-keyframes zoomInRight {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
@keyframes zoomInRight {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
.zoomInRight {
 
  -webkit-animation-name: zoomInRight;
 
  animation-name: zoomInRight;
 
}
 
 
@-webkit-keyframes zoomInUp {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
@keyframes zoomInUp {
 
  from {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  60% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
.zoomInUp {
 
  -webkit-animation-name: zoomInUp;
 
  animation-name: zoomInUp;
 
}
 
 
@-webkit-keyframes zoomOut {
 
  from {
 
    opacity: 1;
 
  }
 
 
  50% {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.3, .3, .3);
 
    transform: scale3d(.3, .3, .3);
 
  }
 
 
  to {
 
    opacity: 0;
 
  }
 
}
 
 
@keyframes zoomOut {
 
  from {
 
    opacity: 1;
 
  }
 
 
  50% {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.3, .3, .3);
 
    transform: scale3d(.3, .3, .3);
 
  }
 
 
  to {
 
    opacity: 0;
 
  }
 
}
 
 
.zoomOut {
 
  -webkit-animation-name: zoomOut;
 
  animation-name: zoomOut;
 
}
 
 
@-webkit-keyframes zoomOutDown {
 
  40% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 
    -webkit-transform-origin: center bottom;
 
    transform-origin: center bottom;
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
@keyframes zoomOutDown {
 
  40% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 
    -webkit-transform-origin: center bottom;
 
    transform-origin: center bottom;
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
.zoomOutDown {
 
  -webkit-animation-name: zoomOutDown;
 
  animation-name: zoomOutDown;
 
}
 
 
@-webkit-keyframes zoomOutLeft {
 
  40% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
 
    transform: scale(.1) translate3d(-2000px, 0, 0);
 
    -webkit-transform-origin: left center;
 
    transform-origin: left center;
 
  }
 
}
 
 
@keyframes zoomOutLeft {
 
  40% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
 
    transform: scale(.1) translate3d(-2000px, 0, 0);
 
    -webkit-transform-origin: left center;
 
    transform-origin: left center;
 
  }
 
}
 
 
.zoomOutLeft {
 
  -webkit-animation-name: zoomOutLeft;
 
  animation-name: zoomOutLeft;
 
}
 
 
@-webkit-keyframes zoomOutRight {
 
  40% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
 
    transform: scale(.1) translate3d(2000px, 0, 0);
 
    -webkit-transform-origin: right center;
 
    transform-origin: right center;
 
  }
 
}
 
 
@keyframes zoomOutRight {
 
  40% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
 
    transform: scale(.1) translate3d(2000px, 0, 0);
 
    -webkit-transform-origin: right center;
 
    transform-origin: right center;
 
  }
 
}
 
 
.zoomOutRight {
 
  -webkit-animation-name: zoomOutRight;
 
  animation-name: zoomOutRight;
 
}
 
 
@-webkit-keyframes zoomOutUp {
 
  40% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 
    -webkit-transform-origin: center bottom;
 
    transform-origin: center bottom;
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
@keyframes zoomOutUp {
 
  40% {
 
    opacity: 1;
 
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
  }
 
 
  to {
 
    opacity: 0;
 
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 
    -webkit-transform-origin: center bottom;
 
    transform-origin: center bottom;
 
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
  }
 
}
 
 
.zoomOutUp {
 
  -webkit-animation-name: zoomOutUp;
 
  animation-name: zoomOutUp;
 
}
 
 
@-webkit-keyframes slideInDown {
 
  from {
 
    -webkit-transform: translate3d(0, -100%, 0);
 
    transform: translate3d(0, -100%, 0);
 
    visibility: visible;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
@keyframes slideInDown {
 
  from {
 
    -webkit-transform: translate3d(0, -100%, 0);
 
    transform: translate3d(0, -100%, 0);
 
    visibility: visible;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
.slideInDown {
 
  -webkit-animation-name: slideInDown;
 
  animation-name: slideInDown;
 
}
 
 
@-webkit-keyframes slideInLeft {
 
  from {
 
    -webkit-transform: translate3d(-100%, 0, 0);
 
    transform: translate3d(-100%, 0, 0);
 
    visibility: visible;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
@keyframes slideInLeft {
 
  from {
 
    -webkit-transform: translate3d(-100%, 0, 0);
 
    transform: translate3d(-100%, 0, 0);
 
    visibility: visible;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
.slideInLeft {
 
  -webkit-animation-name: slideInLeft;
 
  animation-name: slideInLeft;
 
}
 
 
@-webkit-keyframes slideInRight {
 
  from {
 
    -webkit-transform: translate3d(100%, 0, 0);
 
    transform: translate3d(100%, 0, 0);
 
    visibility: visible;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
@keyframes slideInRight {
 
  from {
 
    -webkit-transform: translate3d(100%, 0, 0);
 
    transform: translate3d(100%, 0, 0);
 
    visibility: visible;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
.slideInRight {
 
  -webkit-animation-name: slideInRight;
 
  animation-name: slideInRight;
 
}
 
 
@-webkit-keyframes slideInUp {
 
  from {
 
    -webkit-transform: translate3d(0, 100%, 0);
 
    transform: translate3d(0, 100%, 0);
 
    visibility: visible;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
@keyframes slideInUp {
 
  from {
 
    -webkit-transform: translate3d(0, 100%, 0);
 
    transform: translate3d(0, 100%, 0);
 
    visibility: visible;
 
  }
 
 
  to {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
}
 
 
.slideInUp {
 
  -webkit-animation-name: slideInUp;
 
  animation-name: slideInUp;
 
}
 
 
@-webkit-keyframes slideOutDown {
 
  from {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  to {
 
    visibility: hidden;
 
    -webkit-transform: translate3d(0, 100%, 0);
 
    transform: translate3d(0, 100%, 0);
 
  }
 
}
 
 
@keyframes slideOutDown {
 
  from {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  to {
 
    visibility: hidden;
 
    -webkit-transform: translate3d(0, 100%, 0);
 
    transform: translate3d(0, 100%, 0);
 
  }
 
}
 
 
.slideOutDown {
 
  -webkit-animation-name: slideOutDown;
 
  animation-name: slideOutDown;
 
}
 
 
@-webkit-keyframes slideOutLeft {
 
  from {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  to {
 
    visibility: hidden;
 
    -webkit-transform: translate3d(-100%, 0, 0);
 
    transform: translate3d(-100%, 0, 0);
 
  }
 
}
 
 
@keyframes slideOutLeft {
 
  from {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  to {
 
    visibility: hidden;
 
    -webkit-transform: translate3d(-100%, 0, 0);
 
    transform: translate3d(-100%, 0, 0);
 
  }
 
}
 
 
.slideOutLeft {
 
  -webkit-animation-name: slideOutLeft;
 
  animation-name: slideOutLeft;
 
}
 
 
@-webkit-keyframes slideOutRight {
 
  from {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  to {
 
    visibility: hidden;
 
    -webkit-transform: translate3d(100%, 0, 0);
 
    transform: translate3d(100%, 0, 0);
 
  }
 
}
 
 
@keyframes slideOutRight {
 
  from {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  to {
 
    visibility: hidden;
 
    -webkit-transform: translate3d(100%, 0, 0);
 
    transform: translate3d(100%, 0, 0);
 
  }
 
}
 
 
.slideOutRight {
 
  -webkit-animation-name: slideOutRight;
 
  animation-name: slideOutRight;
 
}
 
 
@-webkit-keyframes slideOutUp {
 
  from {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  to {
 
    visibility: hidden;
 
    -webkit-transform: translate3d(0, -100%, 0);
 
    transform: translate3d(0, -100%, 0);
 
  }
 
}
 
 
@keyframes slideOutUp {
 
  from {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
  }
 
 
  to {
 
    visibility: hidden;
 
    -webkit-transform: translate3d(0, -100%, 0);
 
    transform: translate3d(0, -100%, 0);
 
  }
 
}
 
 
.slideOutUp {
 
  -webkit-animation-name: slideOutUp;
 
  animation-name: slideOutUp;
 
}
 
 
@charset "UTF-8";
 
/*!
 
* Bootstrap v3.3.5 (http://getbootstrap.com)
 
* Copyright 2011-2015 Twitter, Inc.
 
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 
*/
 
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 
html {
 
  font-family: sans-serif;
 
  -ms-text-size-adjust: 100%;
 
  -webkit-text-size-adjust: 100%;
 
}
 
 
body {
 
  margin: 0;
 
}
 
 
article,
 
aside,
 
details,
 
figcaption,
 
figure,
 
footer,
 
header,
 
hgroup,
 
main,
 
menu,
 
nav,
 
section,
 
summary {
 
  display: block;
 
}
 
 
audio,
 
canvas,
 
progress,
 
video {
 
  display: inline-block;
 
  vertical-align: baseline;
 
}
 
 
audio:not([controls]) {
 
  display: none;
 
  height: 0;
 
}
 
 
[hidden],
 
template {
 
  display: none;
 
}
 
 
a {
 
  background-color: transparent;
 
}
 
 
a:active,
 
a:hover {
 
  outline: 0;
 
}
 
 
abbr[title] {
 
  border-bottom: 1px dotted;
 
}
 
 
b,
 
strong {
 
  font-weight: bold;
 
}
 
 
dfn {
 
  font-style: italic;
 
}
 
 
h1 {
 
  font-size: 2em;
 
  margin: 0.67em 0;
 
}
 
 
mark {
 
  background: #ff0;
 
  color: black;
 
}
 
 
small {
 
  font-size: 80%;
 
}
 
 
sub,
 
sup {
 
  font-size: 75%;
 
  line-height: 0;
 
  position: relative;
 
  vertical-align: baseline;
 
}
 
 
sup {
 
  top: -0.5em;
 
}
 
 
sub {
 
  bottom: -0.25em;
 
}
 
 
img {
 
  border: 0;
 
}
 
 
svg:not(:root) {
 
  overflow: hidden;
 
}
 
 
figure {
 
  margin: 1em 40px;
 
}
 
 
hr {
 
  box-sizing: content-box;
 
  height: 0;
 
}
 
 
pre {
 
  overflow: auto;
 
}
 
 
code,
 
kbd,
 
pre,
 
samp {
 
  font-family: monospace, monospace;
 
  font-size: 1em;
 
}
 
 
button,
 
input,
 
optgroup,
 
select,
 
textarea {
 
  color: inherit;
 
  font: inherit;
 
  margin: 0;
 
}
 
 
button {
 
  overflow: visible;
 
}
 
 
button,
 
select {
 
  text-transform: none;
 
}
 
 
button,
 
html input[type="button"],
 
input[type="reset"],
 
input[type="submit"] {
 
  -webkit-appearance: button;
 
  cursor: pointer;
 
}
 
 
button[disabled],
 
html input[disabled] {
 
  cursor: default;
 
}
 
 
button::-moz-focus-inner,
 
input::-moz-focus-inner {
 
  border: 0;
 
  padding: 0;
 
}
 
 
input {
 
  line-height: normal;
 
}
 
 
input[type="checkbox"],
 
input[type="radio"] {
 
  box-sizing: border-box;
 
  padding: 0;
 
}
 
 
input[type="number"]::-webkit-inner-spin-button,
 
input[type="number"]::-webkit-outer-spin-button {
 
  height: auto;
 
}
 
 
input[type="search"] {
 
  -webkit-appearance: textfield;
 
  box-sizing: content-box;
 
}
 
 
input[type="search"]::-webkit-search-cancel-button,
 
input[type="search"]::-webkit-search-decoration {
 
  -webkit-appearance: none;
 
}
 
 
fieldset {
 
  border: 1px solid #c0c0c0;
 
  margin: 0 2px;
 
  padding: 0.35em 0.625em 0.75em;
 
}
 
 
legend {
 
  border: 0;
 
  padding: 0;
 
}
 
 
textarea {
 
  overflow: auto;
 
}
 
 
optgroup {
 
  font-weight: bold;
 
}
 
 
table {
 
  border-collapse: collapse;
 
  border-spacing: 0;
 
}
 
 
td,
 
th {
 
  padding: 0;
 
}
 
 
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
 
@media print {
 
  *,
 
  *:before,
 
  *:after {
 
    background: transparent !important;
 
    color: #000 !important;
 
    box-shadow: none !important;
 
    text-shadow: none !important;
 
  }
 
 
  a,
 
  a:visited {
 
    text-decoration: underline;
 
  }
 
 
  a[href]:after {
 
    content: " (" attr(href) ")";
 
  }
 
 
  abbr[title]:after {
 
    content: " (" attr(title) ")";
 
  }
 
 
  a[href^="#"]:after,
 
  a[href^="javascript:"]:after {
 
    content: "";
 
  }
 
 
  pre,
 
  blockquote {
 
    border: 1px solid #999;
 
    page-break-inside: avoid;
 
  }
 
 
  thead {
 
    display: table-header-group;
 
  }
 
 
  tr,
 
  img {
 
    page-break-inside: avoid;
 
  }
 
 
  img {
 
    max-width: 100% !important;
 
  }
 
 
  p,
 
  h2,
 
  h3 {
 
    orphans: 3;
 
    widows: 3;
 
  }
 
 
  h2,
 
  h3 {
 
    page-break-after: avoid;
 
  }
 
 
  .navbar {
 
    display: none;
 
  }
 
 
  .btn > .caret,
 
  .dropup > .btn > .caret {
 
    border-top-color: #000 !important;
 
  }
 
 
  .label {
 
    border: 1px solid #000;
 
  }
 
 
.fh5co-cta .btn {
 
  text-align: center !important;
 
}
 
  .table {
 
    border-collapse: collapse !important;
 
  }
 
  .table td,
 
  .table th {
 
    background-color: #fff !important;
 
  }
 
 
  .table-bordered th,
 
  .table-bordered td {
 
    border: 1px solid #ddd !important;
 
  }
 
}
 
* {
 
  -webkit-box-sizing: border-box;
 
  -moz-box-sizing: border-box;
 
  box-sizing: border-box;
 
}
 
 
*:before,
 
*:after {
 
  -webkit-box-sizing: border-box;
 
  -moz-box-sizing: border-box;
 
  box-sizing: border-box;
 
}
 
 
html {
 
  font-size: 10px;
 
  -webkit-tap-highlight-color: transparent;
 
}
 
 
body {
 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
  font-size: 14px;
 
  line-height: 1.42857;
 
  color: #333333;
 
  background-color: #fff;
 
}
 
 
input,
 
button,
 
select,
 
textarea {
 
  font-family: inherit;
 
  font-size: inherit;
 
  line-height: inherit;
 
}
 
 
a {
 
  color: #337ab7;
 
  text-decoration: none;
 
}
 
a:hover, a:focus {
 
  color: #23527c;
 
  text-decoration: underline;
 
}
 
a:focus {
 
  outline: thin dotted;
 
  outline: 5px auto -webkit-focus-ring-color;
 
  outline-offset: -2px;
 
}
 
 
figure {
 
  margin: 0;
 
}
 
 
img {
 
  vertical-align: middle;
 
}
 
 
.img-responsive {
 
  display: block;
 
  max-width: 100%;
 
  height: auto;
 
}
 
 
.img-rounded {
 
  border-radius: 6px;
 
}
 
 
.img-thumbnail {
 
  padding: 4px;
 
  line-height: 1.42857;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  border-radius: 4px;
 
  -webkit-transition: all 0.2s ease-in-out;
 
  -o-transition: all 0.2s ease-in-out;
 
  transition: all 0.2s ease-in-out;
 
  display: inline-block;
 
  max-width: 100%;
 
  height: auto;
 
}
 
 
.img-circle {
 
  border-radius: 50%;
 
}
 
 
hr {
 
  margin-top: 20px;
 
  margin-bottom: 20px;
 
  border: 0;
 
  border-top: 1px solid #eeeeee;
 
}
 
 
.sr-only {
 
  position: absolute;
 
  width: 1px;
 
  height: 1px;
 
  margin: -1px;
 
  padding: 0;
 
  overflow: hidden;
 
  clip: rect(0, 0, 0, 0);
 
  border: 0;
 
}
 
 
.sr-only-focusable:active, .sr-only-focusable:focus {
 
  position: static;
 
  width: auto;
 
  height: auto;
 
  margin: 0;
 
  overflow: visible;
 
  clip: auto;
 
}
 
 
[role="button"] {
 
  cursor: pointer;
 
}
 
 
h1, h2, h3, h4, h5, h6,
 
.h1, .h2, .h3, .h4, .h5, .h6 {
 
  font-family: inherit;
 
  font-weight: 500;
 
  line-height: 1.1;
 
  color: inherit;
 
}
 
h1 small,
 
h1 .small, h2 small,
 
h2 .small, h3 small,
 
h3 .small, h4 small,
 
h4 .small, h5 small,
 
h5 .small, h6 small,
 
h6 .small,
 
.h1 small,
 
.h1 .small, .h2 small,
 
.h2 .small, .h3 small,
 
.h3 .small, .h4 small,
 
.h4 .small, .h5 small,
 
.h5 .small, .h6 small,
 
.h6 .small {
 
  font-weight: normal;
 
  line-height: 1;
 
  color: #777777;
 
}
 
 
h1, .h1,
 
h2, .h2,
 
h3, .h3 {
 
  margin-top: 20px;
 
  margin-bottom: 10px;
 
}
 
h1 small,
 
h1 .small, .h1 small,
 
.h1 .small,
 
h2 small,
 
h2 .small, .h2 small,
 
.h2 .small,
 
h3 small,
 
h3 .small, .h3 small,
 
.h3 .small {
 
  font-size: 65%;
 
}
 
 
h4, .h4,
 
h5, .h5,
 
h6, .h6 {
 
  margin-top: 10px;
 
  margin-bottom: 10px;
 
}
 
h4 small,
 
h4 .small, .h4 small,
 
.h4 .small,
 
h5 small,
 
h5 .small, .h5 small,
 
.h5 .small,
 
h6 small,
 
h6 .small, .h6 small,
 
.h6 .small {
 
  font-size: 75%;
 
}
 
 
h1, .h1 {
 
  font-size: 36px;
 
}
 
 
h2, .h2 {
 
  font-size: 30px;
 
}
 
 
h3, .h3 {
 
  font-size: 24px;
 
}
 
 
h4, .h4 {
 
  font-size: 18px;
 
}
 
 
h5, .h5 {
 
  font-size: 14px;
 
}
 
 
h6, .h6 {
 
  font-size: 12px;
 
}
 
 
 
.lead {
 
  margin-bottom: 20px;
 
  font-size: 16px;
 
  font-weight: 300;
 
  line-height: 1.4;
 
}
 
@media (min-width: 768px) {
 
  .lead {
 
    font-size: 21px;
 
  }
 
}
 
 
small,
 
.small {
 
  font-size: 85%;
 
}
 
 
mark,
 
.mark {
 
  background-color: #E0E4CC;
 
  padding: .2em;
 
}
 
 
.text-left {
 
  text-align: left;
 
}
 
 
.text-right {
 
  text-align: right;
 
}
 
 
.text-center {
 
  text-align: center;
 
}
 
 
.text-justify {
 
  text-align: justify;
 
}
 
 
.text-nowrap {
 
  white-space: nowrap;
 
}
 
 
.text-lowercase {
 
  text-transform: lowercase;
 
}
 
 
.text-uppercase, .initialism {
 
  text-transform: uppercase;
 
}
 
 
.text-capitalize {
 
  text-transform: capitalize;
 
}
 
 
.text-muted {
 
  color: #777777;
 
}
 
 
.text-primary {
 
  color: #337ab7;
 
}
 
 
a.text-primary:hover,
 
a.text-primary:focus {
 
  color: #286090;
 
}
 
 
.text-success {
 
  color: #3c763d;
 
}
 
 
a.text-success:hover,
 
a.text-success:focus {
 
  color: #2b542c;
 
}
 
 
.text-info {
 
  color: #31708f;
 
}
 
 
a.text-info:hover,
 
a.text-info:focus {
 
  color: #245269;
 
}
 
 
.text-warning {
 
  color: #8a6d3b;
 
}
 
 
a.text-warning:hover,
 
a.text-warning:focus {
 
  color: #66512c;
 
}
 
 
.text-danger {
 
  color: #a94442;
 
}
 
 
a.text-danger:hover,
 
a.text-danger:focus {
 
  color: #843534;
 
}
 
 
.bg-primary {
 
  color: #fff;
 
}
 
 
.bg-primary {
 
  background-color: #337ab7;
 
}
 
 
a.bg-primary:hover,
 
a.bg-primary:focus {
 
  background-color: #286090;
 
}
 
 
.bg-success {
 
  background-color: #dff0d8;
 
}
 
 
a.bg-success:hover,
 
a.bg-success:focus {
 
  background-color: #c1e2b3;
 
}
 
 
.bg-info {
 
  background-color: #d9edf7;
 
}
 
 
a.bg-info:hover,
 
a.bg-info:focus {
 
  background-color: #afd9ee;
 
}
 
 
.bg-warning {
 
  background-color: #fcf8e3;
 
}
 
 
a.bg-warning:hover,
 
a.bg-warning:focus {
 
  background-color: #f7ecb5;
 
}
 
 
.bg-danger {
 
  background-color: #f2dede;
 
}
 
 
a.bg-danger:hover,
 
a.bg-danger:focus {
 
  background-color: #e4b9b9;
 
}
 
 
.page-header {
 
  padding-bottom: 9px;
 
  margin: 40px 0 20px;
 
  border-bottom: 1px solid #eeeeee;
 
}
 
 
ul,
 
ol {
 
  margin-top: 0;
 
  margin-bottom: 10px;
 
}
 
ul ul,
 
ul ol,
 
ol ul,
 
ol ol {
 
  margin-bottom: 0;
 
}
 
 
.list-unstyled {
 
  padding-left: 0;
 
  list-style: none;
 
}
 
 
.list-inline {
 
  padding-left: 0;
 
  list-style: none;
 
  margin-left: -5px;
 
}
 
.list-inline > li {
 
  display: inline-block;
 
  padding-left: 5px;
 
  padding-right: 5px;
 
}
 
 
dl {
 
  margin-top: 0;
 
  margin-bottom: 20px;
 
}
 
 
dt,
 
dd {
 
  line-height: 1.42857;
 
}
 
 
dt {
 
  font-weight: bold;
 
}
 
 
dd {
 
  margin-left: 0;
 
}
 
 
.dl-horizontal dd:before, .dl-horizontal dd:after {
 
  content: " ";
 
  display: table;
 
}
 
.dl-horizontal dd:after {
 
  clear: both;
 
}
 
@media (min-width: 768px) {
 
  .dl-horizontal dt {
 
    float: left;
 
    width: 160px;
 
    clear: left;
 
    text-align: right;
 
    overflow: hidden;
 
    text-overflow: ellipsis;
 
    white-space: nowrap;
 
  }
 
  .dl-horizontal dd {
 
    margin-left: 180px;
 
  }
 
}
 
 
abbr[title],
 
abbr[data-original-title] {
 
  cursor: help;
 
  border-bottom: 1px dotted #777777;
 
}
 
 
.initialism {
 
  font-size: 90%;
 
}
 
 
blockquote {
 
  padding: 10px 20px;
 
  margin: 0 0 20px;
 
  font-size: 17.5px;
 
  border-left: 5px solid #eeeeee;
 
}
 
blockquote p:last-child,
 
blockquote ul:last-child,
 
blockquote ol:last-child {
 
  margin-bottom: 0;
 
}
 
blockquote footer,
 
blockquote small,
 
blockquote .small {
 
  display: block;
 
  font-size: 80%;
 
  line-height: 1.42857;
 
  color: #777777;
 
}
 
blockquote footer:before,
 
blockquote small:before,
 
blockquote .small:before {
 
  content: '\2014 \00A0';
 
}
 
 
.blockquote-reverse,
 
blockquote.pull-right {
 
  padding-right: 15px;
 
  padding-left: 0;
 
  border-right: 5px solid #eeeeee;
 
  border-left: 0;
 
  text-align: right;
 
}
 
.blockquote-reverse footer:before,
 
.blockquote-reverse small:before,
 
.blockquote-reverse .small:before,
 
blockquote.pull-right footer:before,
 
blockquote.pull-right small:before,
 
blockquote.pull-right .small:before {
 
  content: '';
 
}
 
.blockquote-reverse footer:after,
 
.blockquote-reverse small:after,
 
.blockquote-reverse .small:after,
 
blockquote.pull-right footer:after,
 
blockquote.pull-right small:after,
 
blockquote.pull-right .small:after {
 
  content: '\00A0 \2014';
 
}
 
 
address {
 
  margin-bottom: 20px;
 
  font-style: normal;
 
  line-height: 1.42857;
 
}
 
 
code,
 
kbd,
 
pre,
 
samp {
 
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 
}
 
 
code {
 
  padding: 2px 4px;
 
  font-size: 90%;
 
  color: #c7254e;
 
  background-color: #f9f2f4;
 
  border-radius: 4px;
 
}
 
 
kbd {
 
  padding: 2px 4px;
 
  font-size: 90%;
 
  color: #fff;
 
  background-color: #333;
 
  border-radius: 3px;
 
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
 
}
 
kbd kbd {
 
  padding: 0;
 
  font-size: 100%;
 
  font-weight: bold;
 
  box-shadow: none;
 
}
 
 
pre {
 
  display: block;
 
  padding: 9.5px;
 
  margin: 0 0 10px;
 
  font-size: 13px;
 
  line-height: 1.42857;
 
  word-break: break-all;
 
  word-wrap: break-word;
 
  color: #333333;
 
  background-color: #f5f5f5;
 
  border: 1px solid #ccc;
 
  border-radius: 4px;
 
}
 
pre code {
 
  padding: 0;
 
  font-size: inherit;
 
  color: inherit;
 
  white-space: pre-wrap;
 
  background-color: transparent;
 
  border-radius: 0;
 
}
 
 
.pre-scrollable {
 
  max-height: 340px;
 
  overflow-y: scroll;
 
}
 
 
.container {
 
  margin-right: auto;
 
  margin-left: auto;
 
  padding-left: 15px;
 
  padding-right: 15px;
 
}
 
.container:before, .container:after {
 
  content: " ";
 
  display: table;
 
}
 
.container:after {
 
  clear: both;
 
}
 
@media (min-width: 768px) {
 
  .container {
 
    width: 750px;
 
  }
 
}
 
@media (min-width: 992px) {
 
  .container {
 
    width: 970px;
 
  }
 
}
 
@media (min-width: 1200px) {
 
  .container {
 
    width: 1170px;
 
  }
 
}
 
 
.container-fluid {
 
  margin-right: auto;
 
  margin-left: auto;
 
  padding-left: 15px;
 
  padding-right: 15px;
 
}
 
.container-fluid:before, .container-fluid:after {
 
  content: " ";
 
  display: table;
 
}
 
.container-fluid:after {
 
  clear: both;
 
}
 
 
.row {
 
  margin-left: -15px;
 
  margin-right: -15px;
 
}
 
.row:before, .row:after {
 
  content: " ";
 
  display: table;
 
}
 
.row:after {
 
  clear: both;
 
}
 
 
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
 
  position: relative;
 
  min-height: 1px;
 
  padding-left: 15px;
 
  padding-right: 15px;
 
}
 
 
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
 
  float: left;
 
}
 
 
.col-xs-1 {
 
  width: 8.33333%;
 
}
 
 
.col-xs-2 {
 
  width: 16.66667%;
 
}
 
 
.col-xs-3 {
 
  width: 25%;
 
}
 
 
.col-xs-4 {
 
  width: 33.33333%;
 
}
 
 
.col-xs-5 {
 
  width: 41.66667%;
 
}
 
 
.col-xs-6 {
 
  width: 50%;
 
}
 
 
.col-xs-7 {
 
  width: 58.33333%;
 
}
 
 
.col-xs-8 {
 
  width: 66.66667%;
 
}
 
 
.col-xs-9 {
 
  width: 75%;
 
}
 
 
.col-xs-10 {
 
  width: 83.33333%;
 
}
 
 
.col-xs-11 {
 
  width: 91.66667%;
 
}
 
 
.col-xs-12 {
 
  width: 100%;
 
}
 
 
.col-xs-pull-0 {
 
  right: auto;
 
}
 
 
.col-xs-pull-1 {
 
  right: 8.33333%;
 
}
 
 
.col-xs-pull-2 {
 
  right: 16.66667%;
 
}
 
 
.col-xs-pull-3 {
 
  right: 25%;
 
}
 
 
.col-xs-pull-4 {
 
  right: 33.33333%;
 
}
 
 
.col-xs-pull-5 {
 
  right: 41.66667%;
 
}
 
 
.col-xs-pull-6 {
 
  right: 50%;
 
}
 
 
.col-xs-pull-7 {
 
  right: 58.33333%;
 
}
 
 
.col-xs-pull-8 {
 
  right: 66.66667%;
 
}
 
 
.col-xs-pull-9 {
 
  right: 75%;
 
}
 
 
.col-xs-pull-10 {
 
  right: 83.33333%;
 
}
 
 
.col-xs-pull-11 {
 
  right: 91.66667%;
 
}
 
 
.col-xs-pull-12 {
 
  right: 100%;
 
}
 
 
.col-xs-push-0 {
 
  left: auto;
 
}
 
 
.col-xs-push-1 {
 
  left: 8.33333%;
 
}
 
 
.col-xs-push-2 {
 
  left: 16.66667%;
 
}
 
 
.col-xs-push-3 {
 
  left: 25%;
 
}
 
 
.col-xs-push-4 {
 
  left: 33.33333%;
 
}
 
 
.col-xs-push-5 {
 
  left: 41.66667%;
 
}
 
 
.col-xs-push-6 {
 
  left: 50%;
 
}
 
 
.col-xs-push-7 {
 
  left: 58.33333%;
 
}
 
 
.col-xs-push-8 {
 
  left: 66.66667%;
 
}
 
 
.col-xs-push-9 {
 
  left: 75%;
 
}
 
 
.col-xs-push-10 {
 
  left: 83.33333%;
 
}
 
 
.col-xs-push-11 {
 
  left: 91.66667%;
 
}
 
 
.col-xs-push-12 {
 
  left: 100%;
 
}
 
 
.col-xs-offset-0 {
 
  margin-left: 0%;
 
}
 
 
.col-xs-offset-1 {
 
  margin-left: 8.33333%;
 
}
 
 
.col-xs-offset-2 {
 
  margin-left: 16.66667%;
 
}
 
 
.col-xs-offset-3 {
 
  margin-left: 25%;
 
}
 
 
.col-xs-offset-4 {
 
  margin-left: 33.33333%;
 
}
 
 
.col-xs-offset-5 {
 
  margin-left: 41.66667%;
 
}
 
 
.col-xs-offset-6 {
 
  margin-left: 50%;
 
}
 
 
.col-xs-offset-7 {
 
  margin-left: 58.33333%;
 
}
 
 
.col-xs-offset-8 {
 
  margin-left: 66.66667%;
 
}
 
 
.col-xs-offset-9 {
 
  margin-left: 75%;
 
}
 
 
.col-xs-offset-10 {
 
  margin-left: 83.33333%;
 
}
 
 
.col-xs-offset-11 {
 
  margin-left: 91.66667%;
 
}
 
 
.col-xs-offset-12 {
 
  margin-left: 100%;
 
}
 
 
@media (min-width: 768px) {
 
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
 
    float: left;
 
  }
 
 
  .col-sm-1 {
 
    width: 8.33333%;
 
  }
 
 
  .col-sm-2 {
 
    width: 16.66667%;
 
  }
 
 
  .col-sm-3 {
 
    width: 25%;
 
  }
 
 
  .col-sm-4 {
 
    width: 33.33333%;
 
  }
 
 
  .col-sm-5 {
 
    width: 41.66667%;
 
  }
 
 
  .col-sm-6 {
 
    width: 50%;
 
  }
 
 
  .col-sm-7 {
 
    width: 58.33333%;
 
  }
 
 
  .col-sm-8 {
 
    width: 66.66667%;
 
  }
 
 
  .col-sm-9 {
 
    width: 75%;
 
  }
 
 
  .col-sm-10 {
 
    width: 83.33333%;
 
  }
 
 
  .col-sm-11 {
 
    width: 91.66667%;
 
  }
 
 
  .col-sm-12 {
 
    width: 100%;
 
  }
 
 
  .col-sm-pull-0 {
 
    right: auto;
 
  }
 
 
  .col-sm-pull-1 {
 
    right: 8.33333%;
 
  }
 
 
  .col-sm-pull-2 {
 
    right: 16.66667%;
 
  }
 
 
  .col-sm-pull-3 {
 
    right: 25%;
 
  }
 
 
  .col-sm-pull-4 {
 
    right: 33.33333%;
 
  }
 
 
  .col-sm-pull-5 {
 
    right: 41.66667%;
 
  }
 
 
  .col-sm-pull-6 {
 
    right: 50%;
 
  }
 
 
  .col-sm-pull-7 {
 
    right: 58.33333%;
 
  }
 
 
  .col-sm-pull-8 {
 
    right: 66.66667%;
 
  }
 
 
  .col-sm-pull-9 {
 
    right: 75%;
 
  }
 
 
  .col-sm-pull-10 {
 
    right: 83.33333%;
 
  }
 
 
  .col-sm-pull-11 {
 
    right: 91.66667%;
 
  }
 
 
  .col-sm-pull-12 {
 
    right: 100%;
 
  }
 
 
  .col-sm-push-0 {
 
    left: auto;
 
  }
 
 
  .col-sm-push-1 {
 
    left: 8.33333%;
 
  }
 
 
  .col-sm-push-2 {
 
    left: 16.66667%;
 
  }
 
 
  .col-sm-push-3 {
 
    left: 25%;
 
  }
 
 
  .col-sm-push-4 {
 
    left: 33.33333%;
 
  }
 
 
  .col-sm-push-5 {
 
    left: 41.66667%;
 
  }
 
 
  .col-sm-push-6 {
 
    left: 50%;
 
  }
 
 
  .col-sm-push-7 {
 
    left: 58.33333%;
 
  }
 
 
  .col-sm-push-8 {
 
    left: 66.66667%;
 
  }
 
 
  .col-sm-push-9 {
 
    left: 75%;
 
  }
 
 
  .col-sm-push-10 {
 
    left: 83.33333%;
 
  }
 
 
  .col-sm-push-11 {
 
    left: 91.66667%;
 
  }
 
 
  .col-sm-push-12 {
 
    left: 100%;
 
  }
 
 
  .col-sm-offset-0 {
 
    margin-left: 0%;
 
  }
 
 
  .col-sm-offset-1 {
 
    margin-left: 8.33333%;
 
  }
 
 
  .col-sm-offset-2 {
 
    margin-left: 16.66667%;
 
  }
 
 
  .col-sm-offset-3 {
 
    margin-left: 25%;
 
  }
 
 
  .col-sm-offset-4 {
 
    margin-left: 33.33333%;
 
  }
 
 
  .col-sm-offset-5 {
 
    margin-left: 41.66667%;
 
  }
 
 
  .col-sm-offset-6 {
 
    margin-left: 50%;
 
  }
 
 
  .col-sm-offset-7 {
 
    margin-left: 58.33333%;
 
  }
 
 
  .col-sm-offset-8 {
 
    margin-left: 66.66667%;
 
  }
 
 
  .col-sm-offset-9 {
 
    margin-left: 75%;
 
  }
 
 
  .col-sm-offset-10 {
 
    margin-left: 83.33333%;
 
  }
 
 
  .col-sm-offset-11 {
 
    margin-left: 91.66667%;
 
  }
 
 
  .col-sm-offset-12 {
 
    margin-left: 100%;
 
  }
 
}
 
@media (min-width: 992px) {
 
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
 
    float: left;
 
  }
 
 
  .col-md-1 {
 
    width: 8.33333%;
 
  }
 
 
  .col-md-2 {
 
    width: 16.66667%;
 
  }
 
 
  .col-md-3 {
 
    width: 25%;
 
  }
 
 
  .col-md-4 {
 
    width: 33.33333%;
 
  }
 
 
  .col-md-5 {
 
    width: 41.66667%;
 
  }
 
 
  .col-md-6 {
 
    width: 50%;
 
  }
 
 
  .col-md-7 {
 
    width: 58.33333%;
 
  }
 
 
  .col-md-8 {
 
    width: 66.66667%;
 
  }
 
 
  .col-md-9 {
 
    width: 75%;
 
  }
 
 
  .col-md-10 {
 
    width: 83.33333%;
 
  }
 
 
  .col-md-11 {
 
    width: 91.66667%;
 
  }
 
 
  .col-md-12 {
 
    width: 100%;
 
  }
 
 
  .col-md-pull-0 {
 
    right: auto;
 
  }
 
 
  .col-md-pull-1 {
 
    right: 8.33333%;
 
  }
 
 
  .col-md-pull-2 {
 
    right: 16.66667%;
 
  }
 
 
  .col-md-pull-3 {
 
    right: 25%;
 
  }
 
 
  .col-md-pull-4 {
 
    right: 33.33333%;
 
  }
 
 
  .col-md-pull-5 {
 
    right: 41.66667%;
 
  }
 
 
  .col-md-pull-6 {
 
    right: 50%;
 
  }
 
 
  .col-md-pull-7 {
 
    right: 58.33333%;
 
  }
 
 
  .col-md-pull-8 {
 
    right: 66.66667%;
 
  }
 
 
  .col-md-pull-9 {
 
    right: 75%;
 
  }
 
 
  .col-md-pull-10 {
 
    right: 83.33333%;
 
  }
 
 
  .col-md-pull-11 {
 
    right: 91.66667%;
 
  }
 
 
  .col-md-pull-12 {
 
    right: 100%;
 
  }
 
 
  .col-md-push-0 {
 
    left: auto;
 
  }
 
 
  .col-md-push-1 {
 
    left: 8.33333%;
 
  }
 
 
  .col-md-push-2 {
 
    left: 16.66667%;
 
  }
 
 
  .col-md-push-3 {
 
    left: 25%;
 
  }
 
 
  .col-md-push-4 {
 
    left: 33.33333%;
 
  }
 
 
  .col-md-push-5 {
 
    left: 41.66667%;
 
  }
 
 
  .col-md-push-6 {
 
    left: 50%;
 
  }
 
 
  .col-md-push-7 {
 
    left: 58.33333%;
 
  }
 
 
  .col-md-push-8 {
 
    left: 66.66667%;
 
  }
 
 
  .col-md-push-9 {
 
    left: 75%;
 
  }
 
 
  .col-md-push-10 {
 
    left: 83.33333%;
 
  }
 
 
  .col-md-push-11 {
 
    left: 91.66667%;
 
  }
 
 
  .col-md-push-12 {
 
    left: 100%;
 
  }
 
 
  .col-md-offset-0 {
 
    margin-left: 0%;
 
  }
 
 
  .col-md-offset-1 {
 
    margin-left: 8.33333%;
 
  }
 
 
  .col-md-offset-2 {
 
    margin-left: 16.66667%;
 
  }
 
 
  .col-md-offset-3 {
 
    margin-left: 25%;
 
  }
 
 
  .col-md-offset-4 {
 
    margin-left: 33.33333%;
 
  }
 
 
  .col-md-offset-5 {
 
    margin-left: 41.66667%;
 
  }
 
 
  .col-md-offset-6 {
 
    margin-left: 50%;
 
  }
 
 
  .col-md-offset-7 {
 
    margin-left: 58.33333%;
 
  }
 
 
  .col-md-offset-8 {
 
    margin-left: 66.66667%;
 
  }
 
 
  .col-md-offset-9 {
 
    margin-left: 75%;
 
  }
 
 
  .col-md-offset-10 {
 
    margin-left: 83.33333%;
 
  }
 
 
  .col-md-offset-11 {
 
    margin-left: 91.66667%;
 
  }
 
 
  .col-md-offset-12 {
 
    margin-left: 100%;
 
  }
 
}
 
@media (min-width: 1200px) {
 
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
 
    float: left;
 
  }
 
 
  .col-lg-1 {
 
    width: 8.33333%;
 
  }
 
 
  .col-lg-2 {
 
    width: 16.66667%;
 
  }
 
 
  .col-lg-3 {
 
    width: 25%;
 
  }
 
 
  .col-lg-4 {
 
    width: 33.33333%;
 
  }
 
 
  .col-lg-5 {
 
    width: 41.66667%;
 
  }
 
 
  .col-lg-6 {
 
    width: 50%;
 
  }
 
 
  .col-lg-7 {
 
    width: 58.33333%;
 
  }
 
 
  .col-lg-8 {
 
    width: 66.66667%;
 
  }
 
 
  .col-lg-9 {
 
    width: 75%;
 
  }
 
 
  .col-lg-10 {
 
    width: 83.33333%;
 
  }
 
 
  .col-lg-11 {
 
    width: 91.66667%;
 
  }
 
 
  .col-lg-12 {
 
    width: 100%;
 
  }
 
 
  .col-lg-pull-0 {
 
    right: auto;
 
  }
 
 
  .col-lg-pull-1 {
 
    right: 8.33333%;
 
  }
 
 
  .col-lg-pull-2 {
 
    right: 16.66667%;
 
  }
 
 
  .col-lg-pull-3 {
 
    right: 25%;
 
  }
 
 
  .col-lg-pull-4 {
 
    right: 33.33333%;
 
  }
 
 
  .col-lg-pull-5 {
 
    right: 41.66667%;
 
  }
 
 
  .col-lg-pull-6 {
 
    right: 50%;
 
  }
 
 
  .col-lg-pull-7 {
 
    right: 58.33333%;
 
  }
 
 
  .col-lg-pull-8 {
 
    right: 66.66667%;
 
  }
 
 
  .col-lg-pull-9 {
 
    right: 75%;
 
  }
 
 
  .col-lg-pull-10 {
 
    right: 83.33333%;
 
  }
 
 
  .col-lg-pull-11 {
 
    right: 91.66667%;
 
  }
 
 
  .col-lg-pull-12 {
 
    right: 100%;
 
  }
 
 
  .col-lg-push-0 {
 
    left: auto;
 
  }
 
 
  .col-lg-push-1 {
 
    left: 8.33333%;
 
  }
 
 
  .col-lg-push-2 {
 
    left: 16.66667%;
 
  }
 
 
  .col-lg-push-3 {
 
    left: 25%;
 
  }
 
 
  .col-lg-push-4 {
 
    left: 33.33333%;
 
  }
 
 
  .col-lg-push-5 {
 
    left: 41.66667%;
 
  }
 
 
  .col-lg-push-6 {
 
    left: 50%;
 
  }
 
 
  .col-lg-push-7 {
 
    left: 58.33333%;
 
  }
 
 
  .col-lg-push-8 {
 
    left: 66.66667%;
 
  }
 
 
  .col-lg-push-9 {
 
    left: 75%;
 
  }
 
 
  .col-lg-push-10 {
 
    left: 83.33333%;
 
  }
 
 
  .col-lg-push-11 {
 
    left: 91.66667%;
 
  }
 
 
  .col-lg-push-12 {
 
    left: 100%;
 
  }
 
 
  .col-lg-offset-0 {
 
    margin-left: 0%;
 
  }
 
 
  .col-lg-offset-1 {
 
    margin-left: 8.33333%;
 
  }
 
 
  .col-lg-offset-2 {
 
    margin-left: 16.66667%;
 
  }
 
 
  .col-lg-offset-3 {
 
    margin-left: 25%;
 
  }
 
 
  .col-lg-offset-4 {
 
    margin-left: 33.33333%;
 
  }
 
 
  .col-lg-offset-5 {
 
    margin-left: 41.66667%;
 
  }
 
 
  .col-lg-offset-6 {
 
    margin-left: 50%;
 
  }
 
 
  .col-lg-offset-7 {
 
    margin-left: 58.33333%;
 
  }
 
 
  .col-lg-offset-8 {
 
    margin-left: 66.66667%;
 
  }
 
 
  .col-lg-offset-9 {
 
    margin-left: 75%;
 
  }
 
 
  .col-lg-offset-10 {
 
    margin-left: 83.33333%;
 
  }
 
 
  .col-lg-offset-11 {
 
    margin-left: 91.66667%;
 
  }
 
 
  .col-lg-offset-12 {
 
    margin-left: 100%;
 
  }
 
}
 
table {
 
  background-color: transparent;
 
}
 
 
caption {
 
  padding-top: 8px;
 
  padding-bottom: 8px;
 
  color: #777777;
 
  text-align: left;
 
}
 
 
th {
 
  text-align: center;
 
}
 
 
.table {
 
  width: 100%;
 
  max-width: 100%;
 
  margin-bottom: 20px;
 
}
 
.table > thead > tr > th,
 
.table > thead > tr > td,
 
.table > tbody > tr > th,
 
.table > tbody > tr > td,
 
.table > tfoot > tr > th,
 
.table > tfoot > tr > td {
 
  padding: 8px;
 
  line-height: 1.42857;
 
  vertical-align: top;
 
  border-top: 1px solid #ddd;
 
}
 
.table > thead > tr > th {
 
  vertical-align: bottom;
 
  border-bottom: 2px solid #ddd;
 
}
 
.table > caption + thead > tr:first-child > th,
 
.table > caption + thead > tr:first-child > td,
 
.table > colgroup + thead > tr:first-child > th,
 
.table > colgroup + thead > tr:first-child > td,
 
.table > thead:first-child > tr:first-child > th,
 
.table > thead:first-child > tr:first-child > td {
 
  border-top: 0;
 
}
 
.table > tbody + tbody {
 
  border-top: 2px solid #ddd;
 
}
 
.table .table {
 
  background-color: #fff;
 
}
 
 
.table-condensed > thead > tr > th,
 
.table-condensed > thead > tr > td,
 
.table-condensed > tbody > tr > th,
 
.table-condensed > tbody > tr > td,
 
.table-condensed > tfoot > tr > th,
 
.table-condensed > tfoot > tr > td {
 
  padding: 5px;
 
}
 
 
.table-bordered {
 
  border: 1px solid #ddd;
 
}
 
.table-bordered > thead > tr > th,
 
.table-bordered > thead > tr > td,
 
.table-bordered > tbody > tr > th,
 
.table-bordered > tbody > tr > td,
 
.table-bordered > tfoot > tr > th,
 
.table-bordered > tfoot > tr > td {
 
  border: 1px solid #ddd;
 
}
 
.table-bordered > thead > tr > th,
 
.table-bordered > thead > tr > td {
 
  border-bottom-width: 2px;
 
}
 
 
.table-striped > tbody > tr:nth-of-type(odd) {
 
  background-color: #f9f9f9;
 
}
 
 
.table-hover > tbody > tr:hover {
 
  background-color: #f5f5f5;
 
}
 
 
table col[class*="col-"] {
 
  position: static;
 
  float: none;
 
  display: table-column;
 
}
 
 
table td[class*="col-"],
 
table th[class*="col-"] {
 
  position: static;
 
  float: none;
 
  display: table-cell;
 
}
 
 
.table > thead > tr > td.active,
 
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
 
.table > tbody > tr > td.active,
 
.table > tbody > tr > th.active,
 
.table > tbody > tr.active > td,
 
.table > tbody > tr.active > th,
 
.table > tfoot > tr > td.active,
 
.table > tfoot > tr > th.active,
 
.table > tfoot > tr.active > td,
 
.table > tfoot > tr.active > th {
 
  background-color: #f5f5f5;
 
}
 
 
.table-hover > tbody > tr > td.active:hover,
 
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
 
  background-color: #e8e8e8;
 
}
 
 
.table > thead > tr > td.success,
 
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
 
.table > tbody > tr > td.success,
 
.table > tbody > tr > th.success,
 
.table > tbody > tr.success > td,
 
.table > tbody > tr.success > th,
 
.table > tfoot > tr > td.success,
 
.table > tfoot > tr > th.success,
 
.table > tfoot > tr.success > td,
 
.table > tfoot > tr.success > th {
 
  background-color: #dff0d8;
 
}
 
 
.table-hover > tbody > tr > td.success:hover,
 
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
 
  background-color: #d0e9c6;
 
}
 
 
.table > thead > tr > td.info,
 
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
 
.table > tbody > tr > td.info,
 
.table > tbody > tr > th.info,
 
.table > tbody > tr.info > td,
 
.table > tbody > tr.info > th,
 
.table > tfoot > tr > td.info,
 
.table > tfoot > tr > th.info,
 
.table > tfoot > tr.info > td,
 
.table > tfoot > tr.info > th {
 
  background-color: #d9edf7;
 
}
 
 
.table-hover > tbody > tr > td.info:hover,
 
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
 
  background-color: #c4e3f3;
 
}
 
 
.table > thead > tr > td.warning,
 
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
 
.table > tbody > tr > td.warning,
 
.table > tbody > tr > th.warning,
 
.table > tbody > tr.warning > td,
 
.table > tbody > tr.warning > th,
 
.table > tfoot > tr > td.warning,
 
.table > tfoot > tr > th.warning,
 
.table > tfoot > tr.warning > td,
 
.table > tfoot > tr.warning > th {
 
  background-color: #fcf8e3;
 
}
 
 
.table-hover > tbody > tr > td.warning:hover,
 
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
 
  background-color: #faf2cc;
 
}
 
 
.table > thead > tr > td.danger,
 
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
 
.table > tbody > tr > td.danger,
 
.table > tbody > tr > th.danger,
 
.table > tbody > tr.danger > td,
 
.table > tbody > tr.danger > th,
 
.table > tfoot > tr > td.danger,
 
.table > tfoot > tr > th.danger,
 
.table > tfoot > tr.danger > td,
 
.table > tfoot > tr.danger > th {
 
  background-color: #f2dede;
 
}
 
 
.table-hover > tbody > tr > td.danger:hover,
 
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
 
  background-color: #ebcccc;
 
}
 
 
.table-responsive {
 
  overflow-x: auto;
 
  min-height: 0.01%;
 
}
 
@media screen and (max-width: 767px) {
 
  .table-responsive {
 
    width: 100%;
 
    margin-bottom: 15px;
 
    overflow-y: hidden;
 
    -ms-overflow-style: -ms-autohiding-scrollbar;
 
    border: 1px solid #ddd;
 
  }
 
  .table-responsive > .table {
 
    margin-bottom: 0;
 
  }
 
  .table-responsive > .table > thead > tr > th,
 
  .table-responsive > .table > thead > tr > td,
 
  .table-responsive > .table > tbody > tr > th,
 
  .table-responsive > .table > tbody > tr > td,
 
  .table-responsive > .table > tfoot > tr > th,
 
  .table-responsive > .table > tfoot > tr > td {
 
    white-space: nowrap;
 
  }
 
  .table-responsive > .table-bordered {
 
    border: 0;
 
  }
 
  .table-responsive > .table-bordered > thead > tr > th:first-child,
 
  .table-responsive > .table-bordered > thead > tr > td:first-child,
 
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
 
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
 
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
 
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
 
    border-left: 0;
 
  }
 
  .table-responsive > .table-bordered > thead > tr > th:last-child,
 
  .table-responsive > .table-bordered > thead > tr > td:last-child,
 
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
 
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
 
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
 
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
 
    border-right: 0;
 
  }
 
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
 
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
 
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
 
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
 
    border-bottom: 0;
 
  }
 
}
 
 
fieldset {
 
  padding: 0;
 
  margin: 0;
 
  border: 0;
 
  min-width: 0;
 
}
 
 
legend {
 
  display: block;
 
  width: 100%;
 
  padding: 0;
 
  margin-bottom: 20px;
 
  font-size: 21px;
 
  line-height: inherit;
 
  color: #333333;
 
  border: 0;
 
  border-bottom: 1px solid #e5e5e5;
 
}
 
 
label {
 
  display: inline-block;
 
  max-width: 100%;
 
  margin-bottom: 5px;
 
  font-weight: bold;
 
}
 
 
input[type="search"] {
 
  -webkit-box-sizing: border-box;
 
  -moz-box-sizing: border-box;
 
  box-sizing: border-box;
 
}
 
 
input[type="radio"],
 
input[type="checkbox"] {
 
  margin: 4px 0 0;
 
  margin-top: 1px \9;
 
  line-height: normal;
 
}
 
 
input[type="file"] {
 
  display: block;
 
}
 
 
input[type="range"] {
 
  display: block;
 
  width: 100%;
 
}
 
 
select[multiple],
 
select[size] {
 
  height: auto;
 
}
 
 
input[type="file"]:focus,
 
input[type="radio"]:focus,
 
input[type="checkbox"]:focus {
 
  outline: thin dotted;
 
  outline: 5px auto -webkit-focus-ring-color;
 
  outline-offset: -2px;
 
}
 
 
output {
 
  display: block;
 
  padding-top: 11px;
 
  font-size: 14px;
 
  line-height: 1.42857;
 
  color: #555555;
 
}
 
 
.form-control {
 
  display: block;
 
  width: 100%;
 
  height: 42px;
 
  padding: 10px 20px;
 
  font-size: 14px;
 
  line-height: 1.42857;
 
  color: #555555;
 
  background-color: #fff;
 
  background-image: none;
 
  border: 1px solid #ccc;
 
  border-radius: 4px;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 
}
 
.form-control:focus {
 
  border-color: #66afe9;
 
  outline: 0;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 
}
 
.form-control::-moz-placeholder {
 
  color: #999;
 
  opacity: 1;
 
}
 
.form-control:-ms-input-placeholder {
 
  color: #999;
 
}
 
.form-control::-webkit-input-placeholder {
 
  color: #999;
 
}
 
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
 
  background-color: #eeeeee;
 
  opacity: 1;
 
}
 
.form-control[disabled], fieldset[disabled] .form-control {
 
  cursor: not-allowed;
 
}
 
 
textarea.form-control {
 
  height: auto;
 
}
 
 
input[type="search"] {
 
  -webkit-appearance: none;
 
}
 
 
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 
  input[type="date"].form-control,
 
  input[type="time"].form-control,
 
  input[type="datetime-local"].form-control,
 
  input[type="month"].form-control {
 
    line-height: 42px;
 
  }
 
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
 
  .input-group-sm > input[type="date"].input-group-addon,
 
  .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"],
 
  input[type="time"].input-sm,
 
  .input-group-sm > input[type="time"].form-control,
 
  .input-group-sm > input[type="time"].input-group-addon,
 
  .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm
 
  input[type="time"],
 
  input[type="datetime-local"].input-sm,
 
  .input-group-sm > input[type="datetime-local"].form-control,
 
  .input-group-sm > input[type="datetime-local"].input-group-addon,
 
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm
 
  input[type="datetime-local"],
 
  input[type="month"].input-sm,
 
  .input-group-sm > input[type="month"].form-control,
 
  .input-group-sm > input[type="month"].input-group-addon,
 
  .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm
 
  input[type="month"] {
 
    line-height: 30px;
 
  }
 
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
 
  .input-group-lg > input[type="date"].input-group-addon,
 
  .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"],
 
  input[type="time"].input-lg,
 
  .input-group-lg > input[type="time"].form-control,
 
  .input-group-lg > input[type="time"].input-group-addon,
 
  .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg
 
  input[type="time"],
 
  input[type="datetime-local"].input-lg,
 
  .input-group-lg > input[type="datetime-local"].form-control,
 
  .input-group-lg > input[type="datetime-local"].input-group-addon,
 
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg
 
  input[type="datetime-local"],
 
  input[type="month"].input-lg,
 
  .input-group-lg > input[type="month"].form-control,
 
  .input-group-lg > input[type="month"].input-group-addon,
 
  .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg
 
  input[type="month"] {
 
    line-height: 46px;
 
  }
 
}
 
.form-group {
 
  margin-bottom: 15px;
 
}
 
 
.radio,
 
.checkbox {
 
  position: relative;
 
  display: block;
 
  margin-top: 10px;
 
  margin-bottom: 10px;
 
}
 
.radio label,
 
.checkbox label {
 
  min-height: 20px;
 
  padding-left: 20px;
 
  margin-bottom: 0;
 
  font-weight: normal;
 
  cursor: pointer;
 
}
 
 
.radio input[type="radio"],
 
.radio-inline input[type="radio"],
 
.checkbox input[type="checkbox"],
 
.checkbox-inline input[type="checkbox"] {
 
  position: absolute;
 
  margin-left: -20px;
 
  margin-top: 4px \9;
 
}
 
 
.radio + .radio,
 
.checkbox + .checkbox {
 
  margin-top: -5px;
 
}
 
 
.radio-inline,
 
.checkbox-inline {
 
  position: relative;
 
  display: inline-block;
 
  padding-left: 20px;
 
  margin-bottom: 0;
 
  vertical-align: middle;
 
  font-weight: normal;
 
  cursor: pointer;
 
}
 
 
.radio-inline + .radio-inline,
 
.checkbox-inline + .checkbox-inline {
 
  margin-top: 0;
 
  margin-left: 10px;
 
}
 
 
input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
 
input[type="checkbox"][disabled],
 
input[type="checkbox"].disabled, fieldset[disabled]
 
input[type="checkbox"] {
 
  cursor: not-allowed;
 
}
 
 
.radio-inline.disabled, fieldset[disabled] .radio-inline,
 
.checkbox-inline.disabled, fieldset[disabled]
 
.checkbox-inline {
 
  cursor: not-allowed;
 
}
 
 
.radio.disabled label, fieldset[disabled] .radio label,
 
.checkbox.disabled label, fieldset[disabled]
 
.checkbox label {
 
  cursor: not-allowed;
 
}
 
 
.form-control-static {
 
  padding-top: 11px;
 
  padding-bottom: 11px;
 
  margin-bottom: 0;
 
  min-height: 34px;
 
}
 
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
 
.input-group-lg > .form-control-static.input-group-addon,
 
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
 
.input-group-sm > .form-control-static.input-group-addon,
 
.input-group-sm > .input-group-btn > .form-control-static.btn {
 
  padding-left: 0;
 
  padding-right: 0;
 
}
 
 
.input-sm, .input-group-sm > .form-control,
 
.input-group-sm > .input-group-addon,
 
.input-group-sm > .input-group-btn > .btn {
 
  height: 30px;
 
  padding: 5px 20px;
 
  font-size: 12px;
 
  line-height: 1.5;
 
  border-radius: 3px;
 
}
 
 
select.input-sm, .input-group-sm > select.form-control,
 
.input-group-sm > select.input-group-addon,
 
.input-group-sm > .input-group-btn > select.btn {
 
  height: 30px;
 
  line-height: 30px;
 
}
 
 
textarea.input-sm, .input-group-sm > textarea.form-control,
 
.input-group-sm > textarea.input-group-addon,
 
.input-group-sm > .input-group-btn > textarea.btn,
 
select[multiple].input-sm,
 
.input-group-sm > select[multiple].form-control,
 
.input-group-sm > select[multiple].input-group-addon,
 
.input-group-sm > .input-group-btn > select[multiple].btn {
 
  height: auto;
 
}
 
 
.form-group-sm .form-control {
 
  height: 30px;
 
  padding: 5px 20px;
 
  font-size: 12px;
 
  line-height: 1.5;
 
  border-radius: 3px;
 
}
 
.form-group-sm select.form-control {
 
  height: 30px;
 
  line-height: 30px;
 
}
 
.form-group-sm textarea.form-control,
 
.form-group-sm select[multiple].form-control {
 
  height: auto;
 
}
 
.form-group-sm .form-control-static {
 
  height: 30px;
 
  min-height: 32px;
 
  padding: 6px 20px;
 
  font-size: 12px;
 
  line-height: 1.5;
 
}
 
 
.input-lg, .input-group-lg > .form-control,
 
.input-group-lg > .input-group-addon,
 
.input-group-lg > .input-group-btn > .btn {
 
  height: 46px;
 
  padding: 10px 20px;
 
  font-size: 18px;
 
  line-height: 1.33333;
 
  border-radius: 6px;
 
}
 
 
select.input-lg, .input-group-lg > select.form-control,
 
.input-group-lg > select.input-group-addon,
 
.input-group-lg > .input-group-btn > select.btn {
 
  height: 46px;
 
  line-height: 46px;
 
}
 
 
textarea.input-lg, .input-group-lg > textarea.form-control,
 
.input-group-lg > textarea.input-group-addon,
 
.input-group-lg > .input-group-btn > textarea.btn,
 
select[multiple].input-lg,
 
.input-group-lg > select[multiple].form-control,
 
.input-group-lg > select[multiple].input-group-addon,
 
.input-group-lg > .input-group-btn > select[multiple].btn {
 
  height: auto;
 
}
 
 
.form-group-lg .form-control {
 
  height: 46px;
 
  padding: 10px 20px;
 
  font-size: 18px;
 
  line-height: 1.33333;
 
  border-radius: 6px;
 
}
 
.form-group-lg select.form-control {
 
  height: 46px;
 
  line-height: 46px;
 
}
 
.form-group-lg textarea.form-control,
 
.form-group-lg select[multiple].form-control {
 
  height: auto;
 
}
 
.form-group-lg .form-control-static {
 
  height: 46px;
 
  min-height: 38px;
 
  padding: 11px 20px;
 
  font-size: 18px;
 
  line-height: 1.33333;
 
}
 
 
.has-feedback {
 
  position: relative;
 
}
 
.has-feedback .form-control {
 
  padding-right: 52.5px;
 
}
 
 
.form-control-feedback {
 
  position: absolute;
 
  top: 0;
 
  right: 0;
 
  z-index: 2;
 
  display: block;
 
  width: 42px;
 
  height: 42px;
 
  line-height: 42px;
 
  text-align: center;
 
  pointer-events: none;
 
}
 
 
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
 
.input-group-lg > .input-group-addon + .form-control-feedback,
 
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
 
.input-group-lg + .form-control-feedback,
 
.form-group-lg .form-control + .form-control-feedback {
 
  width: 46px;
 
  height: 46px;
 
  line-height: 46px;
 
}
 
 
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
 
.input-group-sm > .input-group-addon + .form-control-feedback,
 
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
 
.input-group-sm + .form-control-feedback,
 
.form-group-sm .form-control + .form-control-feedback {
 
  width: 30px;
 
  height: 30px;
 
  line-height: 30px;
 
}
 
 
.has-success .help-block,
 
.has-success .control-label,
 
.has-success .radio,
 
.has-success .checkbox,
 
.has-success .radio-inline,
 
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
 
  color: #3c763d;
 
}
 
.has-success .form-control {
 
  border-color: #3c763d;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
}
 
.has-success .form-control:focus {
 
  border-color: #2b542c;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
 
}
 
.has-success .input-group-addon {
 
  color: #3c763d;
 
  border-color: #3c763d;
 
  background-color: #dff0d8;
 
}
 
.has-success .form-control-feedback {
 
  color: #3c763d;
 
}
 
 
.has-warning .help-block,
 
.has-warning .control-label,
 
.has-warning .radio,
 
.has-warning .checkbox,
 
.has-warning .radio-inline,
 
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
 
  color: #8a6d3b;
 
}
 
.has-warning .form-control {
 
  border-color: #8a6d3b;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
}
 
.has-warning .form-control:focus {
 
  border-color: #66512c;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
 
}
 
.has-warning .input-group-addon {
 
  color: #8a6d3b;
 
  border-color: #8a6d3b;
 
  background-color: #fcf8e3;
 
}
 
.has-warning .form-control-feedback {
 
  color: #8a6d3b;
 
}
 
 
.has-error .help-block,
 
.has-error .control-label,
 
.has-error .radio,
 
.has-error .checkbox,
 
.has-error .radio-inline,
 
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
 
  color: #a94442;
 
}
 
.has-error .form-control {
 
  border-color: #a94442;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
}
 
.has-error .form-control:focus {
 
  border-color: #843534;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
 
}
 
.has-error .input-group-addon {
 
  color: #a94442;
 
  border-color: #a94442;
 
  background-color: #f2dede;
 
}
 
.has-error .form-control-feedback {
 
  color: #a94442;
 
}
 
 
.has-feedback label ~ .form-control-feedback {
 
  top: 25px;
 
}
 
.has-feedback label.sr-only ~ .form-control-feedback {
 
  top: 0;
 
}
 
 
.help-block {
 
  display: block;
 
  margin-top: 5px;
 
  margin-bottom: 10px;
 
  color: #737373;
 
}
 
 
@media (min-width: 768px) {
 
  .form-inline .form-group {
 
    display: inline-block;
 
    margin-bottom: 0;
 
    vertical-align: middle;
 
  }
 
  .form-inline .form-control {
 
    display: inline-block;
 
    width: auto;
 
    vertical-align: middle;
 
  }
 
  .form-inline .form-control-static {
 
    display: inline-block;
 
  }
 
  .form-inline .input-group {
 
    display: inline-table;
 
    vertical-align: middle;
 
  }
 
  .form-inline .input-group .input-group-addon,
 
  .form-inline .input-group .input-group-btn,
 
  .form-inline .input-group .form-control {
 
    width: auto;
 
  }
 
  .form-inline .input-group > .form-control {
 
    width: 100%;
 
  }
 
  .form-inline .control-label {
 
    margin-bottom: 0;
 
    vertical-align: middle;
 
  }
 
  .form-inline .radio,
 
  .form-inline .checkbox {
 
    display: inline-block;
 
    margin-top: 0;
 
    margin-bottom: 0;
 
    vertical-align: middle;
 
  }
 
  .form-inline .radio label,
 
  .form-inline .checkbox label {
 
    padding-left: 0;
 
  }
 
  .form-inline .radio input[type="radio"],
 
  .form-inline .checkbox input[type="checkbox"] {
 
    position: relative;
 
    margin-left: 0;
 
  }
 
  .form-inline .has-feedback .form-control-feedback {
 
    top: 0;
 
  }
 
}
 
 
.form-horizontal .radio,
 
.form-horizontal .checkbox,
 
.form-horizontal .radio-inline,
 
.form-horizontal .checkbox-inline {
 
  margin-top: 0;
 
  margin-bottom: 0;
 
  padding-top: 11px;
 
}
 
.form-horizontal .radio,
 
.form-horizontal .checkbox {
 
  min-height: 31px;
 
}
 
.form-horizontal .form-group {
 
  margin-left: -15px;
 
  margin-right: -15px;
 
}
 
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
 
  content: " ";
 
  display: table;
 
}
 
.form-horizontal .form-group:after {
 
  clear: both;
 
}
 
@media (min-width: 768px) {
 
  .form-horizontal .control-label {
 
    text-align: right;
 
    margin-bottom: 0;
 
    padding-top: 11px;
 
  }
 
}
 
.form-horizontal .has-feedback .form-control-feedback {
 
  right: 15px;
 
}
 
@media (min-width: 768px) {
 
  .form-horizontal .form-group-lg .control-label {
 
    padding-top: 14.33333px;
 
    font-size: 18px;
 
  }
 
}
 
@media (min-width: 768px) {
 
  .form-horizontal .form-group-sm .control-label {
 
    padding-top: 6px;
 
    font-size: 12px;
 
  }
 
}
 
 
.btn {
 
  display: inline-block;
 
  margin-bottom: 0;
 
  font-weight: normal;
 
  text-align: center;
 
  vertical-align: middle;
 
  touch-action: manipulation;
 
  cursor: pointer;
 
  background-image: none;
 
  border: 1px solid transparent;
 
  white-space: nowrap;
 
  padding: 10px 20px;
 
  font-size: 14px;
 
  line-height: 1.42857;
 
  border-radius: 4px;
 
  -webkit-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
}
 
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
 
  outline: thin dotted;
 
  outline: 5px auto -webkit-focus-ring-color;
 
  outline-offset: -2px;
 
}
 
.btn:hover, .btn:focus, .btn.focus {
 
  color: #333;
 
  text-decoration: none;
 
}
 
.btn:active, .btn.active {
 
  outline: 0;
 
  background-image: none;
 
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 
}
 
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
 
  cursor: not-allowed;
 
  opacity: 0.65;
 
  filter: alpha(opacity=65);
 
  -webkit-box-shadow: none;
 
  box-shadow: none;
 
}
 
 
a.btn.disabled, fieldset[disabled] a.btn {
 
  pointer-events: none;
 
}
 
 
.btn-default {
 
  color: #333;
 
  background-color: #fff;
 
  border-color: #ccc;
 
}
 
.btn-default:focus, .btn-default.focus {
 
  color: #333;
 
  background-color: #e6e6e6;
 
  border-color: #8c8c8c;
 
}
 
.btn-default:hover {
 
  color: #333;
 
  background-color: #e6e6e6;
 
  border-color: #adadad;
 
}
 
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
 
  color: #333;
 
  background-color: #e6e6e6;
 
  border-color: #adadad;
 
}
 
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
 
  color: #333;
 
  background-color: #d4d4d4;
 
  border-color: #8c8c8c;
 
}
 
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
 
  background-image: none;
 
}
 
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
 
  background-color: #fff;
 
  border-color: #ccc;
 
}
 
.btn-default .badge {
 
  color: #fff;
 
  background-color: #333;
 
}
 
 
.btn-primary {
 
  color: #fff;
 
  background-color: #337ab7;
 
  border-color: #2e6da4;
 
}
 
.btn-primary:focus, .btn-primary.focus {
 
  color: #fff;
 
  background-color: #286090;
 
  border-color: #122b40;
 
}
 
.btn-primary:hover {
 
  color: #fff;
 
  background-color: #286090;
 
  border-color: #204d74;
 
}
 
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
 
  color: #fff;
 
  background-color: #286090;
 
  border-color: #204d74;
 
}
 
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
 
  color: #fff;
 
  background-color: #204d74;
 
  border-color: #122b40;
 
}
 
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
 
  background-image: none;
 
}
 
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
 
  background-color: #337ab7;
 
  border-color: #2e6da4;
 
}
 
.btn-primary .badge {
 
  color: #337ab7;
 
  background-color: #fff;
 
}
 
 
.btn-success {
 
  color: #fff;
 
  background-color: #5cb85c;
 
  border-color: #4cae4c;
 
}
 
.btn-success:focus, .btn-success.focus {
 
  color: #fff;
 
  background-color: #449d44;
 
  border-color: #255625;
 
}
 
.btn-success:hover {
 
  color: #fff;
 
  background-color: #449d44;
 
  border-color: #398439;
 
}
 
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
 
  color: #fff;
 
  background-color: #449d44;
 
  border-color: #398439;
 
}
 
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
 
  color: #fff;
 
  background-color: #398439;
 
  border-color: #255625;
 
}
 
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
 
  background-image: none;
 
}
 
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
 
  background-color: #5cb85c;
 
  border-color: #4cae4c;
 
}
 
.btn-success .badge {
 
  color: #5cb85c;
 
  background-color: #fff;
 
}
 
 
.btn-info {
 
  color: #fff;
 
  background-color: #5bc0de;
 
  border-color: #46b8da;
 
}
 
.btn-info:focus, .btn-info.focus {
 
  color: #fff;
 
  background-color: #31b0d5;
 
  border-color: #1b6d85;
 
}
 
.btn-info:hover {
 
  color: #fff;
 
  background-color: #31b0d5;
 
  border-color: #269abc;
 
}
 
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
 
  color: #fff;
 
  background-color: #31b0d5;
 
  border-color: #269abc;
 
}
 
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
 
  color: #fff;
 
  background-color: #269abc;
 
  border-color: #1b6d85;
 
}
 
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
 
  background-image: none;
 
}
 
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
 
  background-color: #5bc0de;
 
  border-color: #46b8da;
 
}
 
.btn-info .badge {
 
  color: #5bc0de;
 
  background-color: #fff;
 
}
 
 
.btn-warning {
 
  color: #fff;
 
  background-color: #f0ad4e;
 
  border-color: #eea236;
 
}
 
.btn-warning:focus, .btn-warning.focus {
 
  color: #fff;
 
  background-color: #ec971f;
 
  border-color: #985f0d;
 
}
 
.btn-warning:hover {
 
  color: #fff;
 
  background-color: #ec971f;
 
  border-color: #d58512;
 
}
 
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
 
  color: #fff;
 
  background-color: #ec971f;
 
  border-color: #d58512;
 
}
 
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
 
  color: #fff;
 
  background-color: #d58512;
 
  border-color: #985f0d;
 
}
 
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
 
  background-image: none;
 
}
 
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
 
  background-color: #f0ad4e;
 
  border-color: #eea236;
 
}
 
.btn-warning .badge {
 
  color: #f0ad4e;
 
  background-color: #fff;
 
}
 
 
.btn-danger {
 
  color: #fff;
 
  background-color: #d9534f;
 
  border-color: #d43f3a;
 
}
 
.btn-danger:focus, .btn-danger.focus {
 
  color: #fff;
 
  background-color: #c9302c;
 
  border-color: #761c19;
 
}
 
.btn-danger:hover {
 
  color: #fff;
 
  background-color: #c9302c;
 
  border-color: #ac2925;
 
}
 
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
 
  color: #fff;
 
  background-color: #c9302c;
 
  border-color: #ac2925;
 
}
 
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
 
  color: #fff;
 
  background-color: #ac2925;
 
  border-color: #761c19;
 
}
 
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
 
  background-image: none;
 
}
 
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
 
  background-color: #d9534f;
 
  border-color: #d43f3a;
 
}
 
.btn-danger .badge {
 
  color: #d9534f;
 
  background-color: #fff;
 
}
 
 
.btn-link {
 
  color: #337ab7;
 
  font-weight: normal;
 
  border-radius: 0;
 
}
 
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
 
  background-color: transparent;
 
  -webkit-box-shadow: none;
 
  box-shadow: none;
 
}
 
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
 
  border-color: transparent;
 
}
 
.btn-link:hover, .btn-link:focus {
 
  color: #23527c;
 
  text-decoration: underline;
 
  background-color: transparent;
 
}
 
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
 
  color: #777777;
 
  text-decoration: none;
 
}
 
 
.btn-lg, .btn-group-lg > .btn {
 
  padding: 10px 20px;
 
  font-size: 18px;
 
  line-height: 1.33333;
 
  border-radius: 6px;
 
}
 
 
.btn-sm, .btn-group-sm > .btn {
 
  padding: 5px 20px;
 
  font-size: 12px;
 
  line-height: 1.5;
 
  border-radius: 3px;
 
}
 
 
.btn-xs, .btn-group-xs > .btn {
 
  padding: 1px 5px;
 
  font-size: 12px;
 
  line-height: 1.5;
 
  border-radius: 3px;
 
}
 
 
.btn-block {
 
  display: block;
 
  width: 100%;
 
}
 
 
.btn-block + .btn-block {
 
  margin-top: 5px;
 
}
 
 
input[type="submit"].btn-block,
 
input[type="reset"].btn-block,
 
input[type="button"].btn-block {
 
  width: 100%;
 
}
 
 
.fade {
 
  opacity: 0;
 
  -webkit-transition: opacity 0.15s linear;
 
  -o-transition: opacity 0.15s linear;
 
  transition: opacity 0.15s linear;
 
}
 
.fade.in {
 
  opacity: 1;
 
}
 
 
.collapse {
 
  display: none;
 
}
 
.collapse.in {
 
  display: block;
 
}
 
 
tr.collapse.in {
 
  display: table-row;
 
}
 
 
tbody.collapse.in {
 
  display: table-row-group;
 
}
 
 
.collapsing {
 
  position: relative;
 
  height: 0;
 
  overflow: hidden;
 
  -webkit-transition-property: height, visibility;
 
  transition-property: height, visibility;
 
  -webkit-transition-duration: 0.35s;
 
  transition-duration: 0.35s;
 
  -webkit-transition-timing-function: ease;
 
  transition-timing-function: ease;
 
}
 
 
.caret {
 
  display: inline-block;
 
  width: 0;
 
  height: 0;
 
  margin-left: 2px;
 
  vertical-align: middle;
 
  border-top: 4px dashed;
 
  border-top: 4px solid \9;
 
  border-right: 4px solid transparent;
 
  border-left: 4px solid transparent;
 
}
 
 
.dropup,
 
.dropdown {
 
  position: relative;
 
}
 
 
.dropdown-toggle:focus {
 
  outline: 0;
 
}
 
 
.dropdown-menu {
 
  position: absolute;
 
  top: 100%;
 
  left: 0;
 
  z-index: 1000;
 
  display: none;
 
  float: left;
 
  min-width: 160px;
 
  padding: 5px 0;
 
  margin: 2px 0 0;
 
  list-style: none;
 
  font-size: 14px;
 
  text-align: left;
 
  background-color: #fff;
 
  border: 1px solid #ccc;
 
  border: 1px solid rgba(0, 0, 0, 0.15);
 
  border-radius: 4px;
 
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 
  background-clip: padding-box;
 
}
 
.dropdown-menu.pull-right {
 
  right: 0;
 
  left: auto;
 
}
 
.dropdown-menu .divider {
 
  height: 1px;
 
  margin: 9px 0;
 
  overflow: hidden;
 
  background-color: #e5e5e5;
 
}
 
.dropdown-menu > li > a {
 
  display: block;
 
  padding: 3px 20px;
 
  clear: both;
 
  font-weight: normal;
 
  line-height: 1.42857;
 
  color: #333333;
 
  white-space: nowrap;
 
}
 
 
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
 
  text-decoration: none;
 
  color: #262626;
 
  background-color: #f5f5f5;
 
}
 
 
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
 
  color: #fff;
 
  text-decoration: none;
 
  outline: 0;
 
  background-color: #337ab7;
 
}
 
 
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
 
  color: #777777;
 
}
 
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
 
  text-decoration: none;
 
  background-color: transparent;
 
  background-image: none;
 
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
  cursor: not-allowed;
 
}
 
 
.open > .dropdown-menu {
 
  display: block;
 
}
 
.open > a {
 
  outline: 0;
 
}
 
 
.dropdown-menu-right {
 
  left: auto;
 
  right: 0;
 
}
 
 
.dropdown-menu-left {
 
  left: 0;
 
  right: auto;
 
}
 
 
.dropdown-header {
 
  display: block;
 
  padding: 3px 20px;
 
  font-size: 12px;
 
  line-height: 1.42857;
 
  color: #777777;
 
  white-space: nowrap;
 
}
 
 
.dropdown-backdrop {
 
  position: fixed;
 
  left: 0;
 
  right: 0;
 
  bottom: 0;
 
  top: 0;
 
  z-index: 990;
 
}
 
 
.pull-right > .dropdown-menu {
 
  right: 0;
 
  left: auto;
 
}
 
 
.dropup .caret,
 
.navbar-fixed-bottom .dropdown .caret {
 
  border-top: 0;
 
  border-bottom: 4px dashed;
 
  border-bottom: 4px solid \9;
 
  content: "";
 
}
 
.dropup .dropdown-menu,
 
.navbar-fixed-bottom .dropdown .dropdown-menu {
 
  top: auto;
 
  bottom: 100%;
 
  margin-bottom: 2px;
 
}
 
 
@media (min-width: 768px) {
 
  .navbar-right .dropdown-menu {
 
    right: 0;
 
    left: auto;
 
  }
 
  .navbar-right .dropdown-menu-left {
 
    left: 0;
 
    right: auto;
 
  }
 
}
 
.btn-group,
 
.btn-group-vertical {
 
  position: relative;
 
  display: inline-block;
 
  vertical-align: middle;
 
}
 
.btn-group > .btn,
 
.btn-group-vertical > .btn {
 
  position: relative;
 
  float: left;
 
}
 
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
 
.btn-group-vertical > .btn:hover,
 
.btn-group-vertical > .btn:focus,
 
.btn-group-vertical > .btn:active,
 
.btn-group-vertical > .btn.active {
 
  z-index: 2;
 
}
 
 
.btn-group .btn + .btn,
 
.btn-group .btn + .btn-group,
 
.btn-group .btn-group + .btn,
 
.btn-group .btn-group + .btn-group {
 
  margin-left: -1px;
 
}
 
 
.btn-toolbar {
 
  margin-left: -5px;
 
}
 
.btn-toolbar:before, .btn-toolbar:after {
 
  content: " ";
 
  display: table;
 
}
 
.btn-toolbar:after {
 
  clear: both;
 
}
 
.btn-toolbar .btn,
 
.btn-toolbar .btn-group,
 
.btn-toolbar .input-group {
 
  float: left;
 
}
 
.btn-toolbar > .btn,
 
.btn-toolbar > .btn-group,
 
.btn-toolbar > .input-group {
 
  margin-left: 5px;
 
}
 
 
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
 
  border-radius: 0;
 
}
 
 
.btn-group > .btn:first-child {
 
  margin-left: 0;
 
}
 
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
 
  border-bottom-right-radius: 0;
 
  border-top-right-radius: 0;
 
}
 
 
.btn-group > .btn:last-child:not(:first-child),
 
.btn-group > .dropdown-toggle:not(:first-child) {
 
  border-bottom-left-radius: 0;
 
  border-top-left-radius: 0;
 
}
 
 
.btn-group > .btn-group {
 
  float: left;
 
}
 
 
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
 
  border-radius: 0;
 
}
 
 
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
 
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
 
  border-bottom-right-radius: 0;
 
  border-top-right-radius: 0;
 
}
 
 
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
 
  border-bottom-left-radius: 0;
 
  border-top-left-radius: 0;
 
}
 
 
.btn-group .dropdown-toggle:active,
 
.btn-group.open .dropdown-toggle {
 
  outline: 0;
 
}
 
 
.btn-group > .btn + .dropdown-toggle {
 
  padding-left: 8px;
 
  padding-right: 8px;
 
}
 
 
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
 
  padding-left: 12px;
 
  padding-right: 12px;
 
}
 
 
.btn-group.open .dropdown-toggle {
 
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 
}
 
.btn-group.open .dropdown-toggle.btn-link {
 
  -webkit-box-shadow: none;
 
  box-shadow: none;
 
}
 
 
.btn .caret {
 
  margin-left: 0;
 
}
 
 
.btn-lg .caret, .btn-group-lg > .btn .caret {
 
  border-width: 5px 5px 0;
 
  border-bottom-width: 0;
 
}
 
 
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
 
  border-width: 0 5px 5px;
 
}
 
 
.btn-group-vertical > .btn,
 
.btn-group-vertical > .btn-group,
 
.btn-group-vertical > .btn-group > .btn {
 
  display: block;
 
  float: none;
 
  width: 100%;
 
  max-width: 100%;
 
}
 
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
 
  content: " ";
 
  display: table;
 
}
 
.btn-group-vertical > .btn-group:after {
 
  clear: both;
 
}
 
.btn-group-vertical > .btn-group > .btn {
 
  float: none;
 
}
 
.btn-group-vertical > .btn + .btn,
 
.btn-group-vertical > .btn + .btn-group,
 
.btn-group-vertical > .btn-group + .btn,
 
.btn-group-vertical > .btn-group + .btn-group {
 
  margin-top: -1px;
 
  margin-left: 0;
 
}
 
 
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
 
  border-radius: 0;
 
}
 
.btn-group-vertical > .btn:first-child:not(:last-child) {
 
  border-top-right-radius: 4px;
 
  border-bottom-right-radius: 0;
 
  border-bottom-left-radius: 0;
 
}
 
.btn-group-vertical > .btn:last-child:not(:first-child) {
 
  border-bottom-left-radius: 4px;
 
  border-top-right-radius: 0;
 
  border-top-left-radius: 0;
 
}
 
 
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
 
  border-radius: 0;
 
}
 
 
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
 
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
 
  border-bottom-right-radius: 0;
 
  border-bottom-left-radius: 0;
 
}
 
 
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
 
  border-top-right-radius: 0;
 
  border-top-left-radius: 0;
 
}
 
 
.btn-group-justified {
 
  display: table;
 
  width: 100%;
 
  table-layout: fixed;
 
  border-collapse: separate;
 
}
 
.btn-group-justified > .btn,
 
.btn-group-justified > .btn-group {
 
  float: none;
 
  display: table-cell;
 
  width: 1%;
 
}
 
.btn-group-justified > .btn-group .btn {
 
  width: 100%;
 
}
 
.btn-group-justified > .btn-group .dropdown-menu {
 
  left: auto;
 
}
 
 
[data-toggle="buttons"] > .btn input[type="radio"],
 
[data-toggle="buttons"] > .btn input[type="checkbox"],
 
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
 
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
 
  position: absolute;
 
  clip: rect(0, 0, 0, 0);
 
  pointer-events: none;
 
}
 
 
.input-group {
 
  position: relative;
 
  display: table;
 
  border-collapse: separate;
 
}
 
.input-group[class*="col-"] {
 
  float: none;
 
  padding-left: 0;
 
  padding-right: 0;
 
}
 
.input-group .form-control {
 
  position: relative;
 
  z-index: 2;
 
  float: left;
 
  width: 100%;
 
  margin-bottom: 0;
 
}
 
 
.input-group-addon,
 
.input-group-btn,
 
.input-group .form-control {
 
  display: table-cell;
 
}
 
.input-group-addon:not(:first-child):not(:last-child),
 
.input-group-btn:not(:first-child):not(:last-child),
 
.input-group .form-control:not(:first-child):not(:last-child) {
 
  border-radius: 0;
 
}
 
 
.input-group-addon,
 
.input-group-btn {
 
  width: 1%;
 
  white-space: nowrap;
 
  vertical-align: middle;
 
}
 
 
.input-group-addon {
 
  padding: 10px 20px;
 
  font-size: 14px;
 
  font-weight: normal;
 
  line-height: 1;
 
  color: #555555;
 
  text-align: center;
 
  background-color: #eeeeee;
 
  border: 1px solid #ccc;
 
  border-radius: 4px;
 
}
 
.input-group-addon.input-sm,
 
.input-group-sm > .input-group-addon,
 
.input-group-sm > .input-group-btn > .input-group-addon.btn {
 
  padding: 5px 20px;
 
  font-size: 12px;
 
  border-radius: 3px;
 
}
 
.input-group-addon.input-lg,
 
.input-group-lg > .input-group-addon,
 
.input-group-lg > .input-group-btn > .input-group-addon.btn {
 
  padding: 10px 20px;
 
  font-size: 18px;
 
  border-radius: 6px;
 
}
 
.input-group-addon input[type="radio"],
 
.input-group-addon input[type="checkbox"] {
 
  margin-top: 0;
 
}
 
 
.input-group .form-control:first-child,
 
.input-group-addon:first-child,
 
.input-group-btn:first-child > .btn,
 
.input-group-btn:first-child > .btn-group > .btn,
 
.input-group-btn:first-child > .dropdown-toggle,
 
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
 
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
 
  border-bottom-right-radius: 0;
 
  border-top-right-radius: 0;
 
}
 
 
.input-group-addon:first-child {
 
  border-right: 0;
 
}
 
 
.input-group .form-control:last-child,
 
.input-group-addon:last-child,
 
.input-group-btn:last-child > .btn,
 
.input-group-btn:last-child > .btn-group > .btn,
 
.input-group-btn:last-child > .dropdown-toggle,
 
.input-group-btn:first-child > .btn:not(:first-child),
 
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
 
  border-bottom-left-radius: 0;
 
  border-top-left-radius: 0;
 
}
 
 
.input-group-addon:last-child {
 
  border-left: 0;
 
}
 
 
.input-group-btn {
 
  position: relative;
 
  font-size: 0;
 
  white-space: nowrap;
 
}
 
.input-group-btn > .btn {
 
  position: relative;
 
}
 
.input-group-btn > .btn + .btn {
 
  margin-left: -1px;
 
}
 
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
 
  z-index: 2;
 
}
 
.input-group-btn:first-child > .btn,
 
.input-group-btn:first-child > .btn-group {
 
  margin-right: -1px;
 
}
 
.input-group-btn:last-child > .btn,
 
.input-group-btn:last-child > .btn-group {
 
  z-index: 2;
 
  margin-left: -1px;
 
}
 
 
.nav {
 
  margin-bottom: 0;
 
  padding-left: 0;
 
  list-style: none;
 
}
 
.nav:before, .nav:after {
 
  content: " ";
 
  display: table;
 
}
 
.nav:after {
 
  clear: both;
 
}
 
.nav > li {
 
  position: relative;
 
  display: block;
 
}
 
.nav > li > a {
 
  position: relative;
 
  display: block;
 
  padding: 10px 15px;
 
}
 
.nav > li > a:hover, .nav > li > a:focus {
 
  text-decoration: none;
 
  background-color: #eeeeee;
 
}
 
.nav > li.disabled > a {
 
  color: #777777;
 
}
 
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
 
  color: #777777;
 
  text-decoration: none;
 
  background-color: transparent;
 
  cursor: not-allowed;
 
}
 
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
 
  background-color: #eeeeee;
 
  border-color: #337ab7;
 
}
 
.nav .nav-divider {
 
  height: 1px;
 
  margin: 9px 0;
 
  overflow: hidden;
 
  background-color: #e5e5e5;
 
}
 
.nav > li > a > img {
 
  max-width: none;
 
}
 
 
.nav-tabs {
 
  border-bottom: 1px solid #ddd;
 
}
 
.nav-tabs > li {
 
  float: left;
 
  margin-bottom: -1px;
 
}
 
.nav-tabs > li > a {
 
  margin-right: 2px;
 
  line-height: 1.42857;
 
  border: 1px solid transparent;
 
  border-radius: 4px 4px 0 0;
 
}
 
.nav-tabs > li > a:hover {
 
  border-color: #eeeeee #eeeeee #ddd;
 
}
 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 
  color: #555555;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  border-bottom-color: transparent;
 
  cursor: default;
 
}
 
 
.nav-pills > li {
 
  float: left;
 
}
 
.nav-pills > li > a {
 
  border-radius: 4px;
 
}
 
.nav-pills > li + li {
 
  margin-left: 2px;
 
}
 
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
 
  color: #fff;
 
  background-color: #337ab7;
 
}
 
 
.nav-stacked > li {
 
  float: none;
 
}
 
.nav-stacked > li + li {
 
  margin-top: 2px;
 
  margin-left: 0;
 
}
 
 
.nav-justified, .nav-tabs.nav-justified {
 
  width: 100%;
 
}
 
.nav-justified > li, .nav-tabs.nav-justified > li {
 
  float: none;
 
}
 
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
 
  text-align: center;
 
  margin-bottom: 5px;
 
}
 
.nav-justified > .dropdown .dropdown-menu {
 
  top: auto;
 
  left: auto;
 
}
 
@media (min-width: 768px) {
 
  .nav-justified > li, .nav-tabs.nav-justified > li {
 
    display: table-cell;
 
    width: 1%;
 
  }
 
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
 
    margin-bottom: 0;
 
  }
 
}
 
 
.nav-tabs-justified, .nav-tabs.nav-justified {
 
  border-bottom: 0;
 
}
 
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
 
  margin-right: 0;
 
  border-radius: 4px;
 
}
 
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
 
.nav-tabs-justified > .active > a:hover,
 
.nav-tabs.nav-justified > .active > a:hover,
 
.nav-tabs-justified > .active > a:focus,
 
.nav-tabs.nav-justified > .active > a:focus {
 
  border: 1px solid #ddd;
 
}
 
@media (min-width: 768px) {
 
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
 
    border-bottom: 1px solid #ddd;
 
    border-radius: 4px 4px 0 0;
 
  }
 
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
 
  .nav-tabs-justified > .active > a:hover,
 
  .nav-tabs.nav-justified > .active > a:hover,
 
  .nav-tabs-justified > .active > a:focus,
 
  .nav-tabs.nav-justified > .active > a:focus {
 
    border-bottom-color: #fff;
 
  }
 
}
 
 
.tab-content > .tab-pane {
 
  display: none;
 
}
 
.tab-content > .active {
 
  display: block;
 
}
 
 
.nav-tabs .dropdown-menu {
 
  margin-top: -1px;
 
  border-top-right-radius: 0;
 
  border-top-left-radius: 0;
 
}
 
 
.navbar {
 
  position: relative;
 
  min-height: 55px;
 
  margin-bottom: 20px;
 
  border: 1px solid transparent;
 
}
 
.navbar:before, .navbar:after {
 
  content: " ";
 
  display: table;
 
}
 
.navbar:after {
 
  clear: both;
 
}
 
@media (min-width: 768px) {
 
  .navbar {
 
    border-radius: 4px;
 
  }
 
}
 
 
.navbar-header:before, .navbar-header:after {
 
  content: " ";
 
  display: table;
 
}
 
.navbar-header:after {
 
  clear: both;
 
}
 
@media (min-width: 768px) {
 
  .navbar-header {
 
    float: left;
 
  }
 
}
 
 
.navbar-collapse {
 
  overflow-x: visible;
 
  padding-right: 15px;
 
  padding-left: 15px;
 
  border-top: 1px solid transparent;
 
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
 
  -webkit-overflow-scrolling: touch;
 
}
 
.navbar-collapse:before, .navbar-collapse:after {
 
  content: " ";
 
  display: table;
 
}
 
.navbar-collapse:after {
 
  clear: both;
 
}
 
.navbar-collapse.in {
 
  overflow-y: auto;
 
}
 
@media (min-width: 768px) {
 
  .navbar-collapse {
 
    width: auto;
 
    border-top: 0;
 
    box-shadow: none;
 
  }
 
  .navbar-collapse.collapse {
 
    display: block !important;
 
    height: auto !important;
 
    padding-bottom: 0;
 
    overflow: visible !important;
 
  }
 
  .navbar-collapse.in {
 
    overflow-y: visible;
 
  }
 
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
 
    padding-left: 0;
 
    padding-right: 0;
 
  }
 
}
 
 
.navbar-fixed-top .navbar-collapse,
 
.navbar-fixed-bottom .navbar-collapse {
 
  max-height: 340px;
 
}
 
@media (max-device-width: 480px) and (orientation: landscape) {
 
  .navbar-fixed-top .navbar-collapse,
 
  .navbar-fixed-bottom .navbar-collapse {
 
    max-height: 200px;
 
  }
 
}
 
 
.container > .navbar-header,
 
.container > .navbar-collapse,
 
.container-fluid > .navbar-header,
 
.container-fluid > .navbar-collapse {
 
  margin-right: -15px;
 
  margin-left: -15px;
 
}
 
@media (min-width: 768px) {
 
  .container > .navbar-header,
 
  .container > .navbar-collapse,
 
  .container-fluid > .navbar-header,
 
  .container-fluid > .navbar-collapse {
 
    margin-right: 0;
 
    margin-left: 0;
 
  }
 
}
 
 
.navbar-static-top {
 
  z-index: 1000;
 
  border-width: 0 0 1px;
 
}
 
@media (min-width: 768px) {
 
  .navbar-static-top {
 
    border-radius: 0;
 
  }
 
}
 
 
.navbar-fixed-top,
 
.navbar-fixed-bottom {
 
  position: fixed;
 
  right: 0;
 
  left: 0;
 
  z-index: 1030;
 
}
 
@media (min-width: 768px) {
 
  .navbar-fixed-top,
 
  .navbar-fixed-bottom {
 
    border-radius: 0;
 
  }
 
}
 
 
.navbar-fixed-top {
 
  top: 0;
 
  border-width: 0 0 1px;
 
}
 
 
.navbar-fixed-bottom {
 
  bottom: 0;
 
  margin-bottom: 0;
 
  border-width: 1px 0 0;
 
}
 
 
.navbar-brand {
 
  float: left;
 
  padding: 17.5px 15px;
 
  font-size: 18px;
 
  line-height: 20px;
 
  height: 55px;
 
}
 
.navbar-brand:hover, .navbar-brand:focus {
 
  text-decoration: none;
 
}
 
.navbar-brand > img {
 
  display: block;
 
}
 
@media (min-width: 768px) {
 
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
 
    margin-left: -15px;
 
  }
 
}
 
 
.navbar-toggle {
 
  position: relative;
 
  float: right;
 
  margin-right: 15px;
 
  padding: 9px 10px;
 
  margin-top: 10.5px;
 
  margin-bottom: 10.5px;
 
  background-color: transparent;
 
  background-image: none;
 
  border: 1px solid transparent;
 
  border-radius: 4px;
 
}
 
.navbar-toggle:focus {
 
  outline: 0;
 
}
 
.navbar-toggle .icon-bar {
 
  display: block;
 
  width: 22px;
 
  height: 2px;
 
  border-radius: 1px;
 
}
 
.navbar-toggle .icon-bar + .icon-bar {
 
  margin-top: 4px;
 
}
 
@media (min-width: 768px) {
 
  .navbar-toggle {
 
    display: none;
 
  }
 
}
 
 
.navbar-nav {
 
  margin: 8.75px -15px;
 
}
 
.navbar-nav > li > a {
 
  padding-top: 10px;
 
  padding-bottom: 10px;
 
  line-height: 20px;
 
}
 
@media (max-width: 767px) {
 
  .navbar-nav .open .dropdown-menu {
 
    position: static;
 
    float: none;
 
    width: auto;
 
    margin-top: 0;
 
    background-color: transparent;
 
    border: 0;
 
    box-shadow: none;
 
  }
 
  .navbar-nav .open .dropdown-menu > li > a,
 
  .navbar-nav .open .dropdown-menu .dropdown-header {
 
    padding: 5px 15px 5px 25px;
 
  }
 
  .navbar-nav .open .dropdown-menu > li > a {
 
    line-height: 20px;
 
  }
 
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
 
    background-image: none;
 
  }
 
}
 
@media (min-width: 768px) {
 
  .navbar-nav {
 
    float: left;
 
    margin: 0;
 
  }
 
  .navbar-nav > li {
 
    float: left;
 
  }
 
  .navbar-nav > li > a {
 
    padding-top: 17.5px;
 
    padding-bottom: 17.5px;
 
  }
 
}
 
 
.navbar-form {
 
  margin-left: -15px;
 
  margin-right: -15px;
 
  padding: 10px 15px;
 
  border-top: 1px solid transparent;
 
  border-bottom: 1px solid transparent;
 
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 
  margin-top: 6.5px;
 
  margin-bottom: 6.5px;
 
}
 
@media (min-width: 768px) {
 
  .navbar-form .form-group {
 
    display: inline-block;
 
    margin-bottom: 0;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .form-control {
 
    display: inline-block;
 
    width: auto;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .form-control-static {
 
    display: inline-block;
 
  }
 
  .navbar-form .input-group {
 
    display: inline-table;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .input-group .input-group-addon,
 
  .navbar-form .input-group .input-group-btn,
 
  .navbar-form .input-group .form-control {
 
    width: auto;
 
  }
 
  .navbar-form .input-group > .form-control {
 
    width: 100%;
 
  }
 
  .navbar-form .control-label {
 
    margin-bottom: 0;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .radio,
 
  .navbar-form .checkbox {
 
    display: inline-block;
 
    margin-top: 0;
 
    margin-bottom: 0;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .radio label,
 
  .navbar-form .checkbox label {
 
    padding-left: 0;
 
  }
 
  .navbar-form .radio input[type="radio"],
 
  .navbar-form .checkbox input[type="checkbox"] {
 
    position: relative;
 
    margin-left: 0;
 
  }
 
  .navbar-form .has-feedback .form-control-feedback {
 
    top: 0;
 
  }
 
}
 
@media (max-width: 767px) {
 
  .navbar-form .form-group {
 
    margin-bottom: 5px;
 
  }
 
  .navbar-form .form-group:last-child {
 
    margin-bottom: 0;
 
  }
 
}
 
@media (min-width: 768px) {
 
  .navbar-form {
 
    width: auto;
 
    border: 0;
 
    margin-left: 0;
 
    margin-right: 0;
 
    padding-top: 0;
 
    padding-bottom: 0;
 
    -webkit-box-shadow: none;
 
    box-shadow: none;
 
  }
 
}
 
 
.navbar-nav > li > .dropdown-menu {
 
  margin-top: 0;
 
  border-top-right-radius: 0;
 
  border-top-left-radius: 0;
 
}
 
 
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
 
  margin-bottom: 0;
 
  border-top-right-radius: 4px;
 
  border-top-left-radius: 4px;
 
  border-bottom-right-radius: 0;
 
  border-bottom-left-radius: 0;
 
}
 
 
.navbar-btn {
 
  margin-top: 6.5px;
 
  margin-bottom: 6.5px;
 
}
 
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
 
  margin-top: 12.5px;
 
  margin-bottom: 12.5px;
 
}
 
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
 
  margin-top: 16.5px;
 
  margin-bottom: 16.5px;
 
}
 
 
.navbar-text {
 
  margin-top: 17.5px;
 
  margin-bottom: 17.5px;
 
}
 
@media (min-width: 768px) {
 
  .navbar-text {
 
    float: left;
 
    margin-left: 15px;
 
    margin-right: 15px;
 
  }
 
}
 
 
@media (min-width: 768px) {
 
  .navbar-left {
 
    float: left !important;
 
  }
 
 
  .navbar-right {
 
    float: right !important;
 
    margin-right: -15px;
 
  }
 
  .navbar-right ~ .navbar-right {
 
    margin-right: 0;
 
  }
 
}
 
.navbar-default {
 
  background-color: #f8f8f8;
 
  border-color: #e7e7e7;
 
}
 
.navbar-default .navbar-brand {
 
  color: #777;
 
}
 
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
 
  color: #5e5e5e;
 
  background-color: transparent;
 
}
 
.navbar-default .navbar-text {
 
  color: #777;
 
}
 
.navbar-default .navbar-nav > li > a {
 
  color: #777;
 
}
 
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 
  color: #333;
 
  background-color: transparent;
 
}
 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 
  color: #555;
 
  background-color: #e7e7e7;
 
}
 
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
 
  color: #ccc;
 
  background-color: transparent;
 
}
 
.navbar-default .navbar-toggle {
 
  border-color: #ddd;
 
}
 
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 
  background-color: #ddd;
 
}
 
.navbar-default .navbar-toggle .icon-bar {
 
  background-color: #888;
 
}
 
.navbar-default .navbar-collapse,
 
.navbar-default .navbar-form {
 
  border-color: #e7e7e7;
 
}
 
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
 
  background-color: #e7e7e7;
 
  color: #555;
 
}
 
@media (max-width: 767px) {
 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 
    color: #777;
 
  }
 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 
    color: #333;
 
    background-color: transparent;
 
  }
 
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 
    color: #555;
 
    background-color: #e7e7e7;
 
  }
 
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 
    color: #ccc;
 
    background-color: transparent;
 
  }
 
}
 
.navbar-default .navbar-link {
 
  color: #777;
 
}
 
.navbar-default .navbar-link:hover {
 
  color: #333;
 
}
 
.navbar-default .btn-link {
 
  color: #777;
 
}
 
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
 
  color: #333;
 
}
 
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
 
  color: #ccc;
 
}
 
 
.navbar-inverse {
 
  background-color: #222;
 
  border-color: #090909;
 
}
 
.navbar-inverse .navbar-brand {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
 
  color: #fff;
 
  background-color: transparent;
 
}
 
.navbar-inverse .navbar-text {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .navbar-nav > li > a {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
 
  color: #fff;
 
  background-color: transparent;
 
}
 
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
 
  color: #fff;
 
  background-color: #090909;
 
}
 
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
 
  color: #444;
 
  background-color: transparent;
 
}
 
.navbar-inverse .navbar-toggle {
 
  border-color: #333;
 
}
 
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
 
  background-color: #333;
 
}
 
.navbar-inverse .navbar-toggle .icon-bar {
 
  background-color: #fff;
 
}
 
.navbar-inverse .navbar-collapse,
 
.navbar-inverse .navbar-form {
 
  border-color: #101010;
 
}
 
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
 
  background-color: #090909;
 
  color: #fff;
 
}
 
@media (max-width: 767px) {
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
 
    border-color: #090909;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
 
    background-color: #090909;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 
    color: #9d9d9d;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
 
    color: #fff;
 
    background-color: transparent;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
 
    color: #fff;
 
    background-color: #090909;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 
    color: #444;
 
    background-color: transparent;
 
  }
 
}
 
.navbar-inverse .navbar-link {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .navbar-link:hover {
 
  color: #fff;
 
}
 
.navbar-inverse .btn-link {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
 
  color: #fff;
 
}
 
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
 
  color: #444;
 
}
 
 
.breadcrumb {
 
  padding: 8px 15px;
 
  margin-bottom: 20px;
 
  list-style: none;
 
  background-color: #f5f5f5;
 
  border-radius: 4px;
 
}
 
.breadcrumb > li {
 
  display: inline-block;
 
}
 
.breadcrumb > li + li:before {
 
  content: "/ ";
 
  padding: 0 5px;
 
  color: #ccc;
 
}
 
.breadcrumb > .active {
 
  color: #777777;
 
}
 
 
.pagination {
 
  display: inline-block;
 
  padding-left: 0;
 
  margin: 20px 0;
 
  border-radius: 4px;
 
}
 
.pagination > li {
 
  display: inline;
 
}
 
.pagination > li > a,
 
.pagination > li > span {
 
  position: relative;
 
  float: left;
 
  padding: 10px 20px;
 
  line-height: 1.42857;
 
  text-decoration: none;
 
  color: #337ab7;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  margin-left: -1px;
 
}
 
.pagination > li:first-child > a,
 
.pagination > li:first-child > span {
 
  margin-left: 0;
 
  border-bottom-left-radius: 4px;
 
  border-top-left-radius: 4px;
 
}
 
.pagination > li:last-child > a,
 
.pagination > li:last-child > span {
 
  border-bottom-right-radius: 4px;
 
  border-top-right-radius: 4px;
 
}
 
.pagination > li > a:hover, .pagination > li > a:focus,
 
.pagination > li > span:hover,
 
.pagination > li > span:focus {
 
  z-index: 3;
 
  color: #23527c;
 
  background-color: #eeeeee;
 
  border-color: #ddd;
 
}
 
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
 
.pagination > .active > span,
 
.pagination > .active > span:hover,
 
.pagination > .active > span:focus {
 
  z-index: 2;
 
  color: #fff;
 
  background-color: #337ab7;
 
  border-color: #337ab7;
 
  cursor: default;
 
}
 
.pagination > .disabled > span,
 
.pagination > .disabled > span:hover,
 
.pagination > .disabled > span:focus,
 
.pagination > .disabled > a,
 
.pagination > .disabled > a:hover,
 
.pagination > .disabled > a:focus {
 
  color: #777777;
 
  background-color: #fff;
 
  border-color: #ddd;
 
  cursor: not-allowed;
 
}
 
 
.pagination-lg > li > a,
 
.pagination-lg > li > span {
 
  padding: 10px 20px;
 
  font-size: 18px;
 
  line-height: 1.33333;
 
}
 
.pagination-lg > li:first-child > a,
 
.pagination-lg > li:first-child > span {
 
  border-bottom-left-radius: 6px;
 
  border-top-left-radius: 6px;
 
}
 
.pagination-lg > li:last-child > a,
 
.pagination-lg > li:last-child > span {
 
  border-bottom-right-radius: 6px;
 
  border-top-right-radius: 6px;
 
}
 
 
.pagination-sm > li > a,
 
.pagination-sm > li > span {
 
  padding: 5px 20px;
 
  font-size: 12px;
 
  line-height: 1.5;
 
}
 
.pagination-sm > li:first-child > a,
 
.pagination-sm > li:first-child > span {
 
  border-bottom-left-radius: 3px;
 
  border-top-left-radius: 3px;
 
}
 
.pagination-sm > li:last-child > a,
 
.pagination-sm > li:last-child > span {
 
  border-bottom-right-radius: 3px;
 
  border-top-right-radius: 3px;
 
}
 
 
.pager {
 
  padding-left: 0;
 
  margin: 20px 0;
 
  list-style: none;
 
  text-align: center;
 
}
 
.pager:before, .pager:after {
 
  content: " ";
 
  display: table;
 
}
 
.pager:after {
 
  clear: both;
 
}
 
.pager li {
 
  display: inline;
 
}
 
.pager li > a,
 
.pager li > span {
 
  display: inline-block;
 
  padding: 5px 14px;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  border-radius: 15px;
 
}
 
.pager li > a:hover,
 
.pager li > a:focus {
 
  text-decoration: none;
 
  background-color: #eeeeee;
 
}
 
.pager .next > a,
 
.pager .next > span {
 
  float: right;
 
}
 
.pager .previous > a,
 
.pager .previous > span {
 
  float: left;
 
}
 
.pager .disabled > a,
 
.pager .disabled > a:hover,
 
.pager .disabled > a:focus,
 
.pager .disabled > span {
 
  color: #777777;
 
  background-color: #fff;
 
  cursor: not-allowed;
 
}
 
 
.label {
 
  display: inline;
 
  padding: .2em .6em .3em;
 
  font-size: 75%;
 
  font-weight: bold;
 
  line-height: 1;
 
  color: #fff;
 
  text-align: center;
 
  white-space: nowrap;
 
  vertical-align: baseline;
 
  border-radius: .25em;
 
}
 
.label:empty {
 
  display: none;
 
}
 
.btn .label {
 
  position: relative;
 
  top: -1px;
 
}
 
 
a.label:hover, a.label:focus {
 
  color: #fff;
 
  text-decoration: none;
 
  cursor: pointer;
 
}
 
 
.label-default {
 
  background-color: #777777;
 
}
 
.label-default[href]:hover, .label-default[href]:focus {
 
  background-color: #5e5e5e;
 
}
 
 
.label-primary {
 
  background-color: #337ab7;
 
}
 
.label-primary[href]:hover, .label-primary[href]:focus {
 
  background-color: #286090;
 
}
 
 
.label-success {
 
  background-color: #5cb85c;
 
}
 
.label-success[href]:hover, .label-success[href]:focus {
 
  background-color: #449d44;
 
}
 
 
.label-info {
 
  background-color: #5bc0de;
 
}
 
.label-info[href]:hover, .label-info[href]:focus {
 
  background-color: #31b0d5;
 
}
 
 
.label-warning {
 
  background-color: #f0ad4e;
 
}
 
.label-warning[href]:hover, .label-warning[href]:focus {
 
  background-color: #ec971f;
 
}
 
 
.label-danger {
 
  background-color: #d9534f;
 
}
 
.label-danger[href]:hover, .label-danger[href]:focus {
 
  background-color: #c9302c;
 
}
 
 
.badge {
 
  display: inline-block;
 
  min-width: 10px;
 
  padding: 3px 7px;
 
  font-size: 12px;
 
  font-weight: bold;
 
  color: #fff;
 
  line-height: 1;
 
  vertical-align: middle;
 
  white-space: nowrap;
 
  text-align: center;
 
  background-color: #777777;
 
  border-radius: 10px;
 
}
 
.badge:empty {
 
  display: none;
 
}
 
.btn .badge {
 
  position: relative;
 
  top: -1px;
 
}
 
.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge {
 
  top: 0;
 
  padding: 1px 5px;
 
}
 
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
 
  color: #337ab7;
 
  background-color: #fff;
 
}
 
.list-group-item > .badge {
 
  float: right;
 
}
 
.list-group-item > .badge + .badge {
 
  margin-right: 5px;
 
}
 
.nav-pills > li > a > .badge {
 
  margin-left: 3px;
 
}
 
 
a.badge:hover, a.badge:focus {
 
  color: #fff;
 
  text-decoration: none;
 
  cursor: pointer;
 
}
 
 
.jumbotron {
 
  padding-top: 30px;
 
  padding-bottom: 30px;
 
  margin-bottom: 30px;
 
  color: inherit;
 
  background-color: #eeeeee;
 
}
 
.jumbotron h1,
 
.jumbotron .h1 {
 
  color: inherit;
 
}
 
.jumbotron p {
 
  margin-bottom: 15px;
 
  font-size: 21px;
 
  font-weight: 200;
 
}
 
.jumbotron > hr {
 
  border-top-color: #d5d5d5;
 
}
 
.container .jumbotron, .container-fluid .jumbotron {
 
  border-radius: 6px;
 
}
 
.jumbotron .container {
 
  max-width: 100%;
 
}
 
@media screen and (min-width: 768px) {
 
  .jumbotron {
 
    padding-top: 48px;
 
    padding-bottom: 48px;
 
  }
 
  .container .jumbotron, .container-fluid .jumbotron {
 
    padding-left: 60px;
 
    padding-right: 60px;
 
  }
 
  .jumbotron h1,
 
  .jumbotron .h1 {
 
    font-size: 63px;
 
  }
 
}
 
 
.thumbnail {
 
  display: block;
 
  padding: 4px;
 
  margin-bottom: 20px;
 
  line-height: 1.42857;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  border-radius: 4px;
 
  -webkit-transition: border 0.2s ease-in-out;
 
  -o-transition: border 0.2s ease-in-out;
 
  transition: border 0.2s ease-in-out;
 
}
 
.thumbnail > img,
 
.thumbnail a > img {
 
  display: block;
 
  max-width: 100%;
 
  height: auto;
 
  margin-left: auto;
 
  margin-right: auto;
 
}
 
.thumbnail .caption {
 
  padding: 9px;
 
  color: #333333;
 
}
 
 
a.thumbnail:hover,
 
a.thumbnail:focus,
 
a.thumbnail.active {
 
  border-color: #337ab7;
 
}
 
 
.alert {
 
  padding: 15px;
 
  margin-bottom: 20px;
 
  border: 1px solid transparent;
 
  border-radius: 4px;
 
}
 
.alert h4 {
 
  margin-top: 0;
 
  color: inherit;
 
}
 
.alert .alert-link {
 
  font-weight: bold;
 
}
 
.alert > p,
 
.alert > ul {
 
  margin-bottom: 0;
 
}
 
.alert > p + p {
 
  margin-top: 5px;
 
}
 
 
.alert-dismissable,
 
.alert-dismissible {
 
  padding-right: 35px;
 
}
 
.alert-dismissable .close,
 
.alert-dismissible .close {
 
  position: relative;
 
  top: -2px;
 
  right: -21px;
 
  color: inherit;
 
}
 
 
.alert-success {
 
  background-color: #dff0d8;
 
  border-color: #d6e9c6;
 
  color: #3c763d;
 
}
 
.alert-success hr {
 
  border-top-color: #c9e2b3;
 
}
 
.alert-success .alert-link {
 
  color: #2b542c;
 
}
 
 
.alert-info {
 
  background-color: #d9edf7;
 
  border-color: #bce8f1;
 
  color: #31708f;
 
}
 
.alert-info hr {
 
  border-top-color: #a6e1ec;
 
}
 
.alert-info .alert-link {
 
  color: #245269;
 
}
 
 
.alert-warning {
 
  background-color: #fcf8e3;
 
  border-color: #faebcc;
 
  color: #8a6d3b;
 
}
 
.alert-warning hr {
 
  border-top-color: #f7e1b5;
 
}
 
.alert-warning .alert-link {
 
  color: #66512c;
 
}
 
 
.alert-danger {
 
  background-color: #f2dede;
 
  border-color: #ebccd1;
 
  color: #a94442;
 
}
 
.alert-danger hr {
 
  border-top-color: #e4b9c0;
 
}
 
.alert-danger .alert-link {
 
  color: #843534;
 
}
 
 
@-webkit-keyframes progress-bar-stripes {
 
  from {
 
    background-position: 40px 0;
 
  }
 
  to {
 
    background-position: 0 0;
 
  }
 
}
 
@keyframes progress-bar-stripes {
 
  from {
 
    background-position: 40px 0;
 
  }
 
  to {
 
    background-position: 0 0;
 
  }
 
}
 
.progress {
 
  overflow: hidden;
 
  height: 20px;
 
  margin-bottom: 20px;
 
  background-color: #f5f5f5;
 
  border-radius: 4px;
 
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 
}
 
 
.progress-bar {
 
  float: left;
 
  width: 0%;
 
  height: 100%;
 
  font-size: 12px;
 
  line-height: 20px;
 
  color: #fff;
 
  text-align: center;
 
  background-color: #337ab7;
 
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 
  -webkit-transition: width 0.6s ease;
 
  -o-transition: width 0.6s ease;
 
  transition: width 0.6s ease;
 
}
 
 
.progress-striped .progress-bar,
 
.progress-bar-striped {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-size: 40px 40px;
 
}
 
 
.progress.active .progress-bar,
 
.progress-bar.active {
 
  -webkit-animation: progress-bar-stripes 2s linear infinite;
 
  -o-animation: progress-bar-stripes 2s linear infinite;
 
  animation: progress-bar-stripes 2s linear infinite;
 
}
 
 
.progress-bar-success {
 
  background-color: #5cb85c;
 
}
 
.progress-striped .progress-bar-success {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
}
 
 
.progress-bar-info {
 
  background-color: #5bc0de;
 
}
 
.progress-striped .progress-bar-info {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
}
 
 
.progress-bar-warning {
 
  background-color: #f0ad4e;
 
}
 
.progress-striped .progress-bar-warning {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
}
 
 
.progress-bar-danger {
 
  background-color: #d9534f;
 
}
 
.progress-striped .progress-bar-danger {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
}
 
 
.media {
 
  margin-top: 15px;
 
}
 
.media:first-child {
 
  margin-top: 0;
 
}
 
 
.media,
 
.media-body {
 
  zoom: 1;
 
  overflow: hidden;
 
}
 
 
.media-body {
 
  width: 10000px;
 
}
 
 
.media-object {
 
  display: block;
 
}
 
.media-object.img-thumbnail {
 
  max-width: none;
 
}
 
 
.media-right,
 
.media > .pull-right {
 
  padding-left: 10px;
 
}
 
 
.media-left,
 
.media > .pull-left {
 
  padding-right: 10px;
 
}
 
 
.media-left,
 
.media-right,
 
.media-body {
 
  display: table-cell;
 
  vertical-align: top;
 
}
 
 
.media-middle {
 
  vertical-align: middle;
 
}
 
 
.media-bottom {
 
  vertical-align: bottom;
 
}
 
 
.media-heading {
 
  margin-top: 0;
 
  margin-bottom: 5px;
 
}
 
 
.media-list {
 
  padding-left: 0;
 
  list-style: none;
 
}
 
 
.list-group {
 
  margin-bottom: 20px;
 
  padding-left: 0;
 
}
 
 
.list-group-item {
 
  position: relative;
 
  display: block;
 
  padding: 10px 15px;
 
  margin-bottom: -1px;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
}
 
.list-group-item:first-child {
 
  border-top-right-radius: 4px;
 
  border-top-left-radius: 4px;
 
}
 
.list-group-item:last-child {
 
  margin-bottom: 0;
 
  border-bottom-right-radius: 4px;
 
  border-bottom-left-radius: 4px;
 
}
 
 
a.list-group-item,
 
button.list-group-item {
 
  color: #555;
 
}
 
a.list-group-item .list-group-item-heading,
 
button.list-group-item .list-group-item-heading {
 
  color: #333;
 
}
 
a.list-group-item:hover, a.list-group-item:focus,
 
button.list-group-item:hover,
 
button.list-group-item:focus {
 
  text-decoration: none;
 
  color: #555;
 
  background-color: #f5f5f5;
 
}
 
 
button.list-group-item {
 
  width: 100%;
 
  text-align: left;
 
}
 
 
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
 
  background-color: #eeeeee;
 
  color: #777777;
 
  cursor: not-allowed;
 
}
 
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
 
  color: inherit;
 
}
 
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
 
  color: #777777;
 
}
 
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
 
  z-index: 2;
 
  color: #fff;
 
  background-color: #337ab7;
 
  border-color: #337ab7;
 
}
 
.list-group-item.active .list-group-item-heading,
 
.list-group-item.active .list-group-item-heading > small,
 
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
 
.list-group-item.active:hover .list-group-item-heading > small,
 
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
 
.list-group-item.active:focus .list-group-item-heading > small,
 
.list-group-item.active:focus .list-group-item-heading > .small {
 
  color: inherit;
 
}
 
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
 
  color: #c7ddef;
 
}
 
 
.list-group-item-success {
 
  color: #3c763d;
 
  background-color: #dff0d8;
 
}
 
 
a.list-group-item-success,
 
button.list-group-item-success {
 
  color: #3c763d;
 
}
 
a.list-group-item-success .list-group-item-heading,
 
button.list-group-item-success .list-group-item-heading {
 
  color: inherit;
 
}
 
a.list-group-item-success:hover, a.list-group-item-success:focus,
 
button.list-group-item-success:hover,
 
button.list-group-item-success:focus {
 
  color: #3c763d;
 
  background-color: #d0e9c6;
 
}
 
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
 
button.list-group-item-success.active,
 
button.list-group-item-success.active:hover,
 
button.list-group-item-success.active:focus {
 
  color: #fff;
 
  background-color: #3c763d;
 
  border-color: #3c763d;
 
}
 
 
.list-group-item-info {
 
  color: #31708f;
 
  background-color: #d9edf7;
 
}
 
 
a.list-group-item-info,
 
button.list-group-item-info {
 
  color: #31708f;
 
}
 
a.list-group-item-info .list-group-item-heading,
 
button.list-group-item-info .list-group-item-heading {
 
  color: inherit;
 
}
 
a.list-group-item-info:hover, a.list-group-item-info:focus,
 
button.list-group-item-info:hover,
 
button.list-group-item-info:focus {
 
  color: #31708f;
 
  background-color: #c4e3f3;
 
}
 
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
 
button.list-group-item-info.active,
 
button.list-group-item-info.active:hover,
 
button.list-group-item-info.active:focus {
 
  color: #fff;
 
  background-color: #31708f;
 
  border-color: #31708f;
 
}
 
 
.list-group-item-warning {
 
  color: #8a6d3b;
 
  background-color: #fcf8e3;
 
}
 
 
a.list-group-item-warning,
 
button.list-group-item-warning {
 
  color: #8a6d3b;
 
}
 
a.list-group-item-warning .list-group-item-heading,
 
button.list-group-item-warning .list-group-item-heading {
 
  color: inherit;
 
}
 
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
 
button.list-group-item-warning:hover,
 
button.list-group-item-warning:focus {
 
  color: #8a6d3b;
 
  background-color: #faf2cc;
 
}
 
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
 
button.list-group-item-warning.active,
 
button.list-group-item-warning.active:hover,
 
button.list-group-item-warning.active:focus {
 
  color: #fff;
 
  background-color: #8a6d3b;
 
  border-color: #8a6d3b;
 
}
 
 
.list-group-item-danger {
 
  color: #a94442;
 
  background-color: #f2dede;
 
}
 
 
a.list-group-item-danger,
 
button.list-group-item-danger {
 
  color: #a94442;
 
}
 
a.list-group-item-danger .list-group-item-heading,
 
button.list-group-item-danger .list-group-item-heading {
 
  color: inherit;
 
}
 
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
 
button.list-group-item-danger:hover,
 
button.list-group-item-danger:focus {
 
  color: #a94442;
 
  background-color: #ebcccc;
 
}
 
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
 
button.list-group-item-danger.active,
 
button.list-group-item-danger.active:hover,
 
button.list-group-item-danger.active:focus {
 
  color: #fff;
 
  background-color: #a94442;
 
  border-color: #a94442;
 
}
 
 
.list-group-item-heading {
 
  margin-top: 0;
 
  margin-bottom: 5px;
 
}
 
 
.list-group-item-text {
 
  margin-bottom: 0;
 
  line-height: 1.3;
 
}
 
 
.panel {
 
  margin-bottom: 20px;
 
  background-color: #fff;
 
  border: 1px solid transparent;
 
  border-radius: 4px;
 
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 
}
 
 
.panel-body {
 
  padding: 15px;
 
}
 
.panel-body:before, .panel-body:after {
 
  content: " ";
 
  display: table;
 
}
 
.panel-body:after {
 
  clear: both;
 
}
 
 
.panel-heading {
 
  padding: 10px 15px;
 
  border-bottom: 1px solid transparent;
 
  border-top-right-radius: 3px;
 
  border-top-left-radius: 3px;
 
}
 
.panel-heading > .dropdown .dropdown-toggle {
 
  color: inherit;
 
}
 
 
.panel-title {
 
  margin-top: 0;
 
  margin-bottom: 0;
 
  font-size: 16px;
 
  color: inherit;
 
}
 
.panel-title > a,
 
.panel-title > small,
 
.panel-title > .small,
 
.panel-title > small > a,
 
.panel-title > .small > a {
 
  color: inherit;
 
}
 
 
.panel-footer {
 
  padding: 10px 15px;
 
  background-color: #f5f5f5;
 
  border-top: 1px solid #ddd;
 
  border-bottom-right-radius: 3px;
 
  border-bottom-left-radius: 3px;
 
}
 
 
.panel > .list-group,
 
.panel > .panel-collapse > .list-group {
 
  margin-bottom: 0;
 
}
 
.panel > .list-group .list-group-item,
 
.panel > .panel-collapse > .list-group .list-group-item {
 
  border-width: 1px 0;
 
  border-radius: 0;
 
}
 
.panel > .list-group:first-child .list-group-item:first-child,
 
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
 
  border-top: 0;
 
  border-top-right-radius: 3px;
 
  border-top-left-radius: 3px;
 
}
 
.panel > .list-group:last-child .list-group-item:last-child,
 
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
 
  border-bottom: 0;
 
  border-bottom-right-radius: 3px;
 
  border-bottom-left-radius: 3px;
 
}
 
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
 
  border-top-right-radius: 0;
 
  border-top-left-radius: 0;
 
}
 
 
.panel-heading + .list-group .list-group-item:first-child {
 
  border-top-width: 0;
 
}
 
 
.list-group + .panel-footer {
 
  border-top-width: 0;
 
}
 
 
.panel > .table,
 
.panel > .table-responsive > .table,
 
.panel > .panel-collapse > .table {
 
  margin-bottom: 0;
 
}
 
.panel > .table caption,
 
.panel > .table-responsive > .table caption,
 
.panel > .panel-collapse > .table caption {
 
  padding-left: 15px;
 
  padding-right: 15px;
 
}
 
.panel > .table:first-child,
 
.panel > .table-responsive:first-child > .table:first-child {
 
  border-top-right-radius: 3px;
 
  border-top-left-radius: 3px;
 
}
 
.panel > .table:first-child > thead:first-child > tr:first-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
 
  border-top-left-radius: 3px;
 
  border-top-right-radius: 3px;
 
}
 
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
 
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
 
  border-top-left-radius: 3px;
 
}
 
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
 
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
 
  border-top-right-radius: 3px;
 
}
 
.panel > .table:last-child,
 
.panel > .table-responsive:last-child > .table:last-child {
 
  border-bottom-right-radius: 3px;
 
  border-bottom-left-radius: 3px;
 
}
 
.panel > .table:last-child > tbody:last-child > tr:last-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
 
  border-bottom-left-radius: 3px;
 
  border-bottom-right-radius: 3px;
 
}
 
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
 
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
 
  border-bottom-left-radius: 3px;
 
}
 
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
 
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
 
  border-bottom-right-radius: 3px;
 
}
 
.panel > .panel-body + .table,
 
.panel > .panel-body + .table-responsive,
 
.panel > .table + .panel-body,
 
.panel > .table-responsive + .panel-body {
 
  border-top: 1px solid #ddd;
 
}
 
.panel > .table > tbody:first-child > tr:first-child th,
 
.panel > .table > tbody:first-child > tr:first-child td {
 
  border-top: 0;
 
}
 
.panel > .table-bordered,
 
.panel > .table-responsive > .table-bordered {
 
  border: 0;
 
}
 
.panel > .table-bordered > thead > tr > th:first-child,
 
.panel > .table-bordered > thead > tr > td:first-child,
 
.panel > .table-bordered > tbody > tr > th:first-child,
 
.panel > .table-bordered > tbody > tr > td:first-child,
 
.panel > .table-bordered > tfoot > tr > th:first-child,
 
.panel > .table-bordered > tfoot > tr > td:first-child,
 
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
 
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
 
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
 
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
 
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
 
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
 
  border-left: 0;
 
}
 
.panel > .table-bordered > thead > tr > th:last-child,
 
.panel > .table-bordered > thead > tr > td:last-child,
 
.panel > .table-bordered > tbody > tr > th:last-child,
 
.panel > .table-bordered > tbody > tr > td:last-child,
 
.panel > .table-bordered > tfoot > tr > th:last-child,
 
.panel > .table-bordered > tfoot > tr > td:last-child,
 
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
 
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
 
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
 
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
 
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
 
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
 
  border-right: 0;
 
}
 
.panel > .table-bordered > thead > tr:first-child > td,
 
.panel > .table-bordered > thead > tr:first-child > th,
 
.panel > .table-bordered > tbody > tr:first-child > td,
 
.panel > .table-bordered > tbody > tr:first-child > th,
 
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
 
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
 
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
 
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
 
  border-bottom: 0;
 
}
 
.panel > .table-bordered > tbody > tr:last-child > td,
 
.panel > .table-bordered > tbody > tr:last-child > th,
 
.panel > .table-bordered > tfoot > tr:last-child > td,
 
.panel > .table-bordered > tfoot > tr:last-child > th,
 
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
 
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
 
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
 
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
 
  border-bottom: 0;
 
}
 
.panel > .table-responsive {
 
  border: 0;
 
  margin-bottom: 0;
 
}
 
 
.panel-group {
 
  margin-bottom: 20px;
 
}
 
.panel-group .panel {
 
  margin-bottom: 0;
 
  border-radius: 4px;
 
}
 
.panel-group .panel + .panel {
 
  margin-top: 5px;
 
}
 
.panel-group .panel-heading {
 
  border-bottom: 0;
 
}
 
.panel-group .panel-heading + .panel-collapse > .panel-body,
 
.panel-group .panel-heading + .panel-collapse > .list-group {
 
  border-top: 1px solid #ddd;
 
}
 
.panel-group .panel-footer {
 
  border-top: 0;
 
}
 
.panel-group .panel-footer + .panel-collapse .panel-body {
 
  border-bottom: 1px solid #ddd;
 
}
 
 
.panel-default {
 
  border-color: #ddd;
 
}
 
.panel-default > .panel-heading {
 
  color: #333333;
 
  background-color: #f5f5f5;
 
  border-color: #ddd;
 
}
 
.panel-default > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #ddd;
 
}
 
.panel-default > .panel-heading .badge {
 
  color: #f5f5f5;
 
  background-color: #333333;
 
}
 
.panel-default > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #ddd;
 
}
 
 
.panel-primary {
 
  border-color: #337ab7;
 
}
 
.panel-primary > .panel-heading {
 
  color: #fff;
 
  background-color: #337ab7;
 
  border-color: #337ab7;
 
}
 
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #337ab7;
 
}
 
.panel-primary > .panel-heading .badge {
 
  color: #337ab7;
 
  background-color: #fff;
 
}
 
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #337ab7;
 
}
 
 
.panel-success {
 
  border-color: #d6e9c6;
 
}
 
.panel-success > .panel-heading {
 
  color: #3c763d;
 
  background-color: #dff0d8;
 
  border-color: #d6e9c6;
 
}
 
.panel-success > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #d6e9c6;
 
}
 
.panel-success > .panel-heading .badge {
 
  color: #dff0d8;
 
  background-color: #3c763d;
 
}
 
.panel-success > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #d6e9c6;
 
}
 
 
.panel-info {
 
  border-color: #bce8f1;
 
}
 
.panel-info > .panel-heading {
 
  color: #31708f;
 
  background-color: #d9edf7;
 
  border-color: #bce8f1;
 
}
 
.panel-info > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #bce8f1;
 
}
 
.panel-info > .panel-heading .badge {
 
  color: #d9edf7;
 
  background-color: #31708f;
 
}
 
.panel-info > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #bce8f1;
 
}
 
 
.panel-warning {
 
  border-color: #faebcc;
 
}
 
.panel-warning > .panel-heading {
 
  color: #8a6d3b;
 
  background-color: #fcf8e3;
 
  border-color: #faebcc;
 
}
 
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #faebcc;
 
}
 
.panel-warning > .panel-heading .badge {
 
  color: #fcf8e3;
 
  background-color: #8a6d3b;
 
}
 
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #faebcc;
 
}
 
 
.panel-danger {
 
  border-color: #ebccd1;
 
}
 
.panel-danger > .panel-heading {
 
  color: #a94442;
 
  background-color: #f2dede;
 
  border-color: #ebccd1;
 
}
 
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #ebccd1;
 
}
 
.panel-danger > .panel-heading .badge {
 
  color: #f2dede;
 
  background-color: #a94442;
 
}
 
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #ebccd1;
 
}
 
 
.embed-responsive {
 
  position: relative;
 
  display: block;
 
  height: 0;
 
  padding: 0;
 
  overflow: hidden;
 
}
 
.embed-responsive .embed-responsive-item,
 
.embed-responsive iframe,
 
.embed-responsive embed,
 
.embed-responsive object,
 
.embed-responsive video {
 
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  bottom: 0;
 
  height: 100%;
 
  width: 100%;
 
  border: 0;
 
}
 
 
.embed-responsive-16by9 {
 
  padding-bottom: 56.25%;
 
}
 
 
.embed-responsive-4by3 {
 
  padding-bottom: 75%;
 
}
 
 
.well {
 
  min-height: 20px;
 
  padding: 19px;
 
  margin-bottom: 20px;
 
  background-color: #f5f5f5;
 
  border: 1px solid #e3e3e3;
 
  border-radius: 4px;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 
}
 
.well blockquote {
 
  border-color: #ddd;
 
  border-color: rgba(0, 0, 0, 0.15);
 
}
 
 
.well-lg {
 
  padding: 24px;
 
  border-radius: 6px;
 
}
 
 
.well-sm {
 
  padding: 9px;
 
  border-radius: 3px;
 
}
 
 
.close {
 
  float: right;
 
  font-size: 21px;
 
  font-weight: bold;
 
  line-height: 1;
 
  color: #000;
 
  text-shadow: 0 1px 0 #fff;
 
  opacity: 0.2;
 
  filter: alpha(opacity=20);
 
}
 
.close:hover, .close:focus {
 
  color: #000;
 
  text-decoration: none;
 
  cursor: pointer;
 
  opacity: 0.5;
 
  filter: alpha(opacity=50);
 
}
 
 
button.close {
 
  padding: 0;
 
  cursor: pointer;
 
  background: transparent;
 
  border: 0;
 
  -webkit-appearance: none;
 
}
 
 
.modal-open {
 
  overflow: hidden;
 
}
 
 
.modal {
 
  display: none;
 
  overflow: hidden;
 
  position: fixed;
 
  top: 0;
 
  right: 0;
 
  bottom: 0;
 
  left: 0;
 
  z-index: 1050;
 
  -webkit-overflow-scrolling: touch;
 
  outline: 0;
 
}
 
.modal.fade .modal-dialog {
 
  -webkit-transform: translate(0, -25%);
 
  -ms-transform: translate(0, -25%);
 
  -o-transform: translate(0, -25%);
 
  transform: translate(0, -25%);
 
  -webkit-transition: -webkit-transform 0.3s ease-out;
 
  -moz-transition: -moz-transform 0.3s ease-out;
 
  -o-transition: -o-transform 0.3s ease-out;
 
  transition: transform 0.3s ease-out;
 
}
 
.modal.in .modal-dialog {
 
  -webkit-transform: translate(0, 0);
 
  -ms-transform: translate(0, 0);
 
  -o-transform: translate(0, 0);
 
  transform: translate(0, 0);
 
}
 
 
.modal-open .modal {
 
  overflow-x: hidden;
 
  overflow-y: auto;
 
}
 
 
.modal-dialog {
 
  position: relative;
 
  width: auto;
 
  margin: 10px;
 
}
 
 
.modal-content {
 
  position: relative;
 
  background-color: #fff;
 
  border: 1px solid #999;
 
  border: 1px solid rgba(0, 0, 0, 0.2);
 
  border-radius: 6px;
 
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 
  background-clip: padding-box;
 
  outline: 0;
 
}
 
 
.modal-backdrop {
 
  position: fixed;
 
  top: 0;
 
  right: 0;
 
  bottom: 0;
 
  left: 0;
 
  z-index: 1040;
 
  background-color: #000;
 
}
 
.modal-backdrop.fade {
 
  opacity: 0;
 
  filter: alpha(opacity=0);
 
}
 
.modal-backdrop.in {
 
  opacity: 0.5;
 
  filter: alpha(opacity=50);
 
}
 
 
.modal-header {
 
  padding: 15px;
 
  border-bottom: 1px solid #e5e5e5;
 
  min-height: 16.42857px;
 
}
 
 
.modal-header .close {
 
  margin-top: -2px;
 
}
 
 
.modal-title {
 
  margin: 0;
 
  line-height: 1.42857;
 
}
 
 
.modal-body {
 
  position: relative;
 
  padding: 15px;
 
}
 
 
.modal-footer {
 
  padding: 15px;
 
  text-align: right;
 
  border-top: 1px solid #e5e5e5;
 
}
 
.modal-footer:before, .modal-footer:after {
 
  content: " ";
 
  display: table;
 
}
 
.modal-footer:after {
 
  clear: both;
 
}
 
.modal-footer .btn + .btn {
 
  margin-left: 5px;
 
  margin-bottom: 0;
 
}
 
.modal-footer .btn-group .btn + .btn {
 
  margin-left: -1px;
 
}
 
.modal-footer .btn-block + .btn-block {
 
  margin-left: 0;
 
}
 
 
.modal-scrollbar-measure {
 
  position: absolute;
 
  top: -9999px;
 
  width: 50px;
 
  height: 50px;
 
  overflow: scroll;
 
}
 
 
@media (min-width: 768px) {
 
  .modal-dialog {
 
    width: 600px;
 
    margin: 30px auto;
 
  }
 
 
  .modal-content {
 
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
 
  }
 
 
  .modal-sm {
 
    width: 300px;
 
  }
 
}
 
@media (min-width: 992px) {
 
  .modal-lg {
 
    width: 900px;
 
  }
 
}
 
.tooltip {
 
  position: absolute;
 
  z-index: 1070;
 
  display: block;
 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
  font-style: normal;
 
  font-weight: normal;
 
  letter-spacing: normal;
 
  line-break: auto;
 
  line-height: 1.42857;
 
  text-align: left;
 
  text-align: start;
 
  text-decoration: none;
 
  text-shadow: none;
 
  text-transform: none;
 
  white-space: normal;
 
  word-break: normal;
 
  word-spacing: normal;
 
  word-wrap: normal;
 
  font-size: 12px;
 
  opacity: 0;
 
  filter: alpha(opacity=0);
 
}
 
.tooltip.in {
 
  opacity: 0.9;
 
  filter: alpha(opacity=90);
 
}
 
.tooltip.top {
 
  margin-top: -3px;
 
  padding: 5px 0;
 
}
 
.tooltip.right {
 
  margin-left: 3px;
 
  padding: 0 5px;
 
}
 
.tooltip.bottom {
 
  margin-top: 3px;
 
  padding: 5px 0;
 
}
 
.tooltip.left {
 
  margin-left: -3px;
 
  padding: 0 5px;
 
}
 
 
.tooltip-inner {
 
  max-width: 200px;
 
  padding: 3px 8px;
 
  color: #fff;
 
  text-align: center;
 
  background-color: #000;
 
  border-radius: 4px;
 
}
 
 
.tooltip-arrow {
 
  position: absolute;
 
  width: 0;
 
  height: 0;
 
  border-color: transparent;
 
  border-style: solid;
 
}
 
 
.tooltip.top .tooltip-arrow {
 
  bottom: 0;
 
  left: 50%;
 
  margin-left: -5px;
 
  border-width: 5px 5px 0;
 
  border-top-color: #000;
 
}
 
.tooltip.top-left .tooltip-arrow {
 
  bottom: 0;
 
  right: 5px;
 
  margin-bottom: -5px;
 
  border-width: 5px 5px 0;
 
  border-top-color: #000;
 
}
 
.tooltip.top-right .tooltip-arrow {
 
  bottom: 0;
 
  left: 5px;
 
  margin-bottom: -5px;
 
  border-width: 5px 5px 0;
 
  border-top-color: #000;
 
}
 
.tooltip.right .tooltip-arrow {
 
  top: 50%;
 
  left: 0;
 
  margin-top: -5px;
 
  border-width: 5px 5px 5px 0;
 
  border-right-color: #000;
 
}
 
.tooltip.left .tooltip-arrow {
 
  top: 50%;
 
  right: 0;
 
  margin-top: -5px;
 
  border-width: 5px 0 5px 5px;
 
  border-left-color: #000;
 
}
 
.tooltip.bottom .tooltip-arrow {
 
  top: 0;
 
  left: 50%;
 
  margin-left: -5px;
 
  border-width: 0 5px 5px;
 
  border-bottom-color: #000;
 
}
 
.tooltip.bottom-left .tooltip-arrow {
 
  top: 0;
 
  right: 5px;
 
  margin-top: -5px;
 
  border-width: 0 5px 5px;
 
  border-bottom-color: #000;
 
}
 
.tooltip.bottom-right .tooltip-arrow {
 
  top: 0;
 
  left: 5px;
 
  margin-top: -5px;
 
  border-width: 0 5px 5px;
 
  border-bottom-color: #000;
 
}
 
 
.popover {
 
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  z-index: 1060;
 
  display: none;
 
  max-width: 276px;
 
  padding: 1px;
 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
  font-style: normal;
 
  font-weight: normal;
 
  letter-spacing: normal;
 
  line-break: auto;
 
  line-height: 1.42857;
 
  text-align: left;
 
  text-align: start;
 
  text-decoration: none;
 
  text-shadow: none;
 
  text-transform: none;
 
  white-space: normal;
 
  word-break: normal;
 
  word-spacing: normal;
 
  word-wrap: normal;
 
  font-size: 14px;
 
  background-color: #fff;
 
  background-clip: padding-box;
 
  border: 1px solid #ccc;
 
  border: 1px solid rgba(0, 0, 0, 0.2);
 
  border-radius: 6px;
 
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 
}
 
.popover.top {
 
  margin-top: -10px;
 
}
 
.popover.right {
 
  margin-left: 10px;
 
}
 
.popover.bottom {
 
  margin-top: 10px;
 
}
 
.popover.left {
 
  margin-left: -10px;
 
}
 
 
.popover-title {
 
  margin: 0;
 
  padding: 8px 14px;
 
  font-size: 14px;
 
  background-color: #f7f7f7;
 
  border-bottom: 1px solid #ebebeb;
 
  border-radius: 5px 5px 0 0;
 
}
 
 
.popover-content {
 
  padding: 9px 14px;
 
}
 
 
.popover > .arrow, .popover > .arrow:after {
 
  position: absolute;
 
  display: block;
 
  width: 0;
 
  height: 0;
 
  border-color: transparent;
 
  border-style: solid;
 
}
 
 
.popover > .arrow {
 
  border-width: 11px;
 
}
 
 
.popover > .arrow:after {
 
  border-width: 10px;
 
  content: "";
 
}
 
 
.popover.top > .arrow {
 
  left: 50%;
 
  margin-left: -11px;
 
  border-bottom-width: 0;
 
  border-top-color: #999999;
 
  border-top-color: rgba(0, 0, 0, 0.25);
 
  bottom: -11px;
 
}
 
.popover.top > .arrow:after {
 
  content: " ";
 
  bottom: 1px;
 
  margin-left: -10px;
 
  border-bottom-width: 0;
 
  border-top-color: #fff;
 
}
 
.popover.right > .arrow {
 
  top: 50%;
 
  left: -11px;
 
  margin-top: -11px;
 
  border-left-width: 0;
 
  border-right-color: #999999;
 
  border-right-color: rgba(0, 0, 0, 0.25);
 
}
 
.popover.right > .arrow:after {
 
  content: " ";
 
  left: 1px;
 
  bottom: -10px;
 
  border-left-width: 0;
 
  border-right-color: #fff;
 
}
 
.popover.bottom > .arrow {
 
  left: 50%;
 
  margin-left: -11px;
 
  border-top-width: 0;
 
  border-bottom-color: #999999;
 
  border-bottom-color: rgba(0, 0, 0, 0.25);
 
  top: -11px;
 
}
 
.popover.bottom > .arrow:after {
 
  content: " ";
 
  top: 1px;
 
  margin-left: -10px;
 
  border-top-width: 0;
 
  border-bottom-color: #fff;
 
}
 
.popover.left > .arrow {
 
  top: 50%;
 
  right: -11px;
 
  margin-top: -11px;
 
  border-right-width: 0;
 
  border-left-color: #999999;
 
  border-left-color: rgba(0, 0, 0, 0.25);
 
}
 
.popover.left > .arrow:after {
 
  content: " ";
 
  right: 1px;
 
  border-right-width: 0;
 
  border-left-color: #fff;
 
  bottom: -10px;
 
}
 
 
.carousel {
 
  position: relative;
 
}
 
 
.carousel-inner {
 
  position: relative;
 
  overflow: hidden;
 
  width: 100%;
 
}
 
.carousel-inner > .item {
 
  display: none;
 
  position: relative;
 
  -webkit-transition: 0.6s ease-in-out left;
 
  -o-transition: 0.6s ease-in-out left;
 
  transition: 0.6s ease-in-out left;
 
}
 
.carousel-inner > .item > img,
 
.carousel-inner > .item > a > img {
 
  display: block;
 
  max-width: 100%;
 
  height: auto;
 
  line-height: 1;
 
}
 
@media all and (transform-3d), (-webkit-transform-3d) {
 
  .carousel-inner > .item {
 
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
 
    -moz-transition: -moz-transform 0.6s ease-in-out;
 
    -o-transition: -o-transform 0.6s ease-in-out;
 
    transition: transform 0.6s ease-in-out;
 
    -webkit-backface-visibility: hidden;
 
    -moz-backface-visibility: hidden;
 
    backface-visibility: hidden;
 
    -webkit-perspective: 1000px;
 
    -moz-perspective: 1000px;
 
    perspective: 1000px;
 
  }
 
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
 
    -webkit-transform: translate3d(100%, 0, 0);
 
    transform: translate3d(100%, 0, 0);
 
    left: 0;
 
  }
 
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
 
    -webkit-transform: translate3d(-100%, 0, 0);
 
    transform: translate3d(-100%, 0, 0);
 
    left: 0;
 
  }
 
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
 
    -webkit-transform: translate3d(0, 0, 0);
 
    transform: translate3d(0, 0, 0);
 
    left: 0;
 
  }
 
}
 
.carousel-inner > .active,
 
.carousel-inner > .next,
 
.carousel-inner > .prev {
 
  display: block;
 
}
 
.carousel-inner > .active {
 
  left: 0;
 
}
 
.carousel-inner > .next,
 
.carousel-inner > .prev {
 
  position: absolute;
 
  top: 0;
 
  width: 100%;
 
}
 
.carousel-inner > .next {
 
  left: 100%;
 
}
 
.carousel-inner > .prev {
 
  left: -100%;
 
}
 
.carousel-inner > .next.left,
 
.carousel-inner > .prev.right {
 
  left: 0;
 
}
 
.carousel-inner > .active.left {
 
  left: -100%;
 
}
 
.carousel-inner > .active.right {
 
  left: 100%;
 
}
 
 
.carousel-control {
 
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  bottom: 0;
 
  width: 15%;
 
  opacity: 0.5;
 
  filter: alpha(opacity=50);
 
  font-size: 20px;
 
  color: #fff;
 
  text-align: center;
 
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 
}
 
.carousel-control.left {
 
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
 
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
 
  background-repeat: repeat-x;
 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 
}
 
.carousel-control.right {
 
  left: auto;
 
  right: 0;
 
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
 
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
 
  background-repeat: repeat-x;
 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 
}
 
.carousel-control:hover, .carousel-control:focus {
 
  outline: 0;
 
  color: #fff;
 
  text-decoration: none;
 
  opacity: 0.9;
 
  filter: alpha(opacity=90);
 
}
 
.carousel-control .icon-prev,
 
.carousel-control .icon-next,
 
.carousel-control .glyphicon-chevron-left,
 
.carousel-control .glyphicon-chevron-right {
 
  position: absolute;
 
  top: 50%;
 
  margin-top: -10px;
 
  z-index: 5;
 
  display: inline-block;
 
}
 
.carousel-control .icon-prev,
 
.carousel-control .glyphicon-chevron-left {
 
  left: 50%;
 
  margin-left: -10px;
 
}
 
.carousel-control .icon-next,
 
.carousel-control .glyphicon-chevron-right {
 
  right: 50%;
 
  margin-right: -10px;
 
}
 
.carousel-control .icon-prev,
 
.carousel-control .icon-next {
 
  width: 20px;
 
  height: 20px;
 
  line-height: 1;
 
  font-family: serif;
 
}
 
.carousel-control .icon-prev:before {
 
  content: '\2039';
 
}
 
.carousel-control .icon-next:before {
 
  content: '\203a';
 
}
 
 
.carousel-indicators {
 
  position: absolute;
 
  bottom: 10px;
 
  left: 50%;
 
  z-index: 15;
 
  width: 60%;
 
  margin-left: -30%;
 
  padding-left: 0;
 
  list-style: none;
 
  text-align: center;
 
}
 
.carousel-indicators li {
 
  display: inline-block;
 
  width: 10px;
 
  height: 10px;
 
  margin: 1px;
 
  text-indent: -999px;
 
  border: 1px solid #fff;
 
  border-radius: 10px;
 
  cursor: pointer;
 
  background-color: #000 \9;
 
  background-color: transparent;
 
}
 
.carousel-indicators .active {
 
  margin: 0;
 
  width: 12px;
 
  height: 12px;
 
  background-color: #fff;
 
}
 
 
.carousel-caption {
 
  position: absolute;
 
  left: 15%;
 
  right: 15%;
 
  bottom: 20px;
 
  z-index: 10;
 
  padding-top: 20px;
 
  padding-bottom: 20px;
 
  color: #fff;
 
  text-align: center;
 
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 
}
 
.carousel-caption .btn {
 
  text-shadow: none;
 
}
 
 
@media screen and (min-width: 768px) {
 
  .carousel-control .glyphicon-chevron-left,
 
  .carousel-control .glyphicon-chevron-right,
 
  .carousel-control .icon-prev,
 
  .carousel-control .icon-next {
 
    width: 30px;
 
    height: 30px;
 
    margin-top: -15px;
 
    font-size: 30px;
 
  }
 
  .carousel-control .glyphicon-chevron-left,
 
  .carousel-control .icon-prev {
 
    margin-left: -15px;
 
  }
 
  .carousel-control .glyphicon-chevron-right,
 
  .carousel-control .icon-next {
 
    margin-right: -15px;
 
  }
 
 
  .carousel-caption {
 
    left: 20%;
 
    right: 20%;
 
    padding-bottom: 30px;
 
  }
 
 
  .carousel-indicators {
 
    bottom: 20px;
 
  }
 
}
 
.clearfix:before, .clearfix:after {
 
  content: " ";
 
  display: table;
 
}
 
.clearfix:after {
 
  clear: both;
 
}
 
 
.center-block {
 
  display: block;
 
  margin-left: auto;
 
  margin-right: auto;
 
}
 
 
.pull-right {
 
  float: right !important;
 
}
 
 
.pull-left {
 
  float: left !important;
 
}
 
 
.hide {
 
  display: none !important;
 
}
 
 
.show {
 
  display: block !important;
 
}
 
 
.invisible {
 
  visibility: hidden;
 
}
 
 
.text-hide {
 
  font: 0/0 a;
 
  color: transparent;
 
  text-shadow: none;
 
  background-color: transparent;
 
  border: 0;
 
}
 
 
.hidden {
 
  display: none !important;
 
}
 
 
.affix {
 
  position: fixed;
 
}
 
 
@-ms-viewport {
 
  width: device-width;
 
}
 
.visible-xs {
 
  display: none !important;
 
}
 
 
.visible-sm {
 
  display: none !important;
 
}
 
 
.visible-md {
 
  display: none !important;
 
}
 
 
.visible-lg {
 
  display: none !important;
 
}
 
 
.visible-xs-block,
 
.visible-xs-inline,
 
.visible-xs-inline-block,
 
.visible-sm-block,
 
.visible-sm-inline,
 
.visible-sm-inline-block,
 
.visible-md-block,
 
.visible-md-inline,
 
.visible-md-inline-block,
 
.visible-lg-block,
 
.visible-lg-inline,
 
.visible-lg-inline-block {
 
  display: none !important;
 
}
 
 
@media (max-width: 767px) {
 
  .visible-xs {
 
    display: block !important;
 
  }
 
 
  table.visible-xs {
 
    display: table !important;
 
  }
 
 
  tr.visible-xs {
 
    display: table-row !important;
 
  }
 
 
  th.visible-xs,
 
  td.visible-xs {
 
    display: table-cell !important;
 
  }
 
}
 
@media (max-width: 767px) {
 
  .visible-xs-block {
 
    display: block !important;
 
  }
 
}
 
 
@media (max-width: 767px) {
 
  .visible-xs-inline {
 
    display: inline !important;
 
  }
 
}
 
 
@media (max-width: 767px) {
 
  .visible-xs-inline-block {
 
    display: inline-block !important;
 
  }
 
}
 
 
@media (min-width: 768px) and (max-width: 991px) {
 
  .visible-sm {
 
    display: block !important;
 
  }
 
 
  table.visible-sm {
 
    display: table !important;
 
  }
 
 
  tr.visible-sm {
 
    display: table-row !important;
 
  }
 
 
  th.visible-sm,
 
  td.visible-sm {
 
    display: table-cell !important;
 
  }
 
}
 
@media (min-width: 768px) and (max-width: 991px) {
 
  .visible-sm-block {
 
    display: block !important;
 
  }
 
}
 
 
@media (min-width: 768px) and (max-width: 991px) {
 
  .visible-sm-inline {
 
    display: inline !important;
 
  }
 
}
 
 
@media (min-width: 768px) and (max-width: 991px) {
 
  .visible-sm-inline-block {
 
    display: inline-block !important;
 
  }
 
}
 
 
@media (min-width: 992px) and (max-width: 1199px) {
 
  .visible-md {
 
    display: block !important;
 
  }
 
 
  table.visible-md {
 
    display: table !important;
 
  }
 
 
  tr.visible-md {
 
    display: table-row !important;
 
  }
 
 
  th.visible-md,
 
  td.visible-md {
 
    display: table-cell !important;
 
  }
 
}
 
@media (min-width: 992px) and (max-width: 1199px) {
 
  .visible-md-block {
 
    display: block !important;
 
  }
 
}
 
 
@media (min-width: 992px) and (max-width: 1199px) {
 
  .visible-md-inline {
 
    display: inline !important;
 
  }
 
}
 
 
@media (min-width: 992px) and (max-width: 1199px) {
 
  .visible-md-inline-block {
 
    display: inline-block !important;
 
  }
 
}
 
 
@media (min-width: 1200px) {
 
  .visible-lg {
 
    display: block !important;
 
  }
 
 
  table.visible-lg {
 
    display: table !important;
 
  }
 
 
  tr.visible-lg {
 
    display: table-row !important;
 
  }
 
 
  th.visible-lg,
 
  td.visible-lg {
 
    display: table-cell !important;
 
  }
 
}
 
@media (min-width: 1200px) {
 
  .visible-lg-block {
 
    display: block !important;
 
  }
 
}
 
 
@media (min-width: 1200px) {
 
  .visible-lg-inline {
 
    display: inline !important;
 
  }
 
}
 
 
@media (min-width: 1200px) {
 
  .visible-lg-inline-block {
 
    display: inline-block !important;
 
  }
 
}
 
 
@media (max-width: 767px) {
 
  .hidden-xs {
 
    display: none !important;
 
  }
 
}
 
@media (min-width: 768px) and (max-width: 991px) {
 
  .hidden-sm {
 
    display: none !important;
 
  }
 
}
 
@media (min-width: 992px) and (max-width: 1199px) {
 
  .hidden-md {
 
    display: none !important;
 
  }
 
}
 
@media (min-width: 1200px) {
 
  .hidden-lg {
 
    display: none !important;
 
  }
 
}
 
.visible-print {
 
  display: none !important;
 
}
 
 
@media print {
 
  .visible-print {
 
    display: block !important;
 
  }
 
 
  table.visible-print {
 
    display: table !important;
 
  }
 
 
  tr.visible-print {
 
    display: table-row !important;
 
  }
 
 
  th.visible-print,
 
  td.visible-print {
 
    display: table-cell !important;
 
  }
 
}
 
.visible-print-block {
 
  display: none !important;
 
}
 
@media print {
 
  .visible-print-block {
 
    display: block !important;
 
  }
 
}
 
 
.visible-print-inline {
 
  display: none !important;
 
}
 
@media print {
 
  .visible-print-inline {
 
    display: inline !important;
 
  }
 
}
 
 
.visible-print-inline-block {
 
  display: none !important;
 
}
 
@media print {
 
  .visible-print-inline-block {
 
    display: inline-block !important;
 
  }
 
}
 
 
@media print {
 
  .hidden-print {
 
    display: none !important;
 
  }
 
}
 
 
/*# sourceMappingURL=bootstrap.css.map */
 
 
 
/*
 
* jQuery FlexSlider v2.6.0
 
* http://www.woothemes.com/flexslider/
 
*
 
* Copyright 2012 WooThemes
 
* Free to use under the GPLv2 and later license.
 
* http://www.gnu.org/licenses/gpl-2.0.html
 
*
 
* Contributing author: Tyler Smith (@mbmufffin)
 
*
 
*/
 
/* ====================================================================================================================
 
* FONT-FACE
 
* ====================================================================================================================*/
 
 
/* ====================================================================================================================
 
* RESETS
 
* ====================================================================================================================*/
 
.flex-container a:hover,
 
.flex-slider a:hover {
 
  outline: none;
 
}
 
.slides,
 
.slides > li,
 
.flex-control-nav,
 
.flex-direction-nav {
 
  margin: 0;
 
  padding: 0;
 
  list-style: none;
 
}
 
.flex-pauseplay span {
 
  text-transform: capitalize;
 
}
 
/* ====================================================================================================================
 
* BASE STYLES
 
* ====================================================================================================================*/
 
.flexslider {
 
  margin: 0;
 
  padding: 0;
 
}
 
.flexslider .slides > li {
 
  display: none;
 
  -webkit-backface-visibility: hidden;
 
}
 
.flexslider .slides img {
 
  width: 100%;
 
  display: block;
 
}
 
.flexslider .slides:after {
 
  /*content: "\0020";*/
 
  display: block;
 
  clear: both;
 
  visibility: hidden;
 
  line-height: 0;
 
  height: 0;
 
}
 
html[xmlns] .flexslider .slides {
 
  display: block;
 
}
 
* html .flexslider .slides {
 
  height: 1%;
 
}
 
.no-js .flexslider .slides > li:first-child {
 
  display: block;
 
}
 
/* ====================================================================================================================
 
* DEFAULT THEME
 
* ====================================================================================================================*/
 
.flexslider {
 
  margin: 0 0 60px;
 
  background: #ffffff;
 
  border: 4px solid #ffffff;
 
  position: relative;
 
  zoom: 1;
 
  -webkit-border-radius: 4px;
 
  -moz-border-radius: 4px;
 
  border-radius: 4px;
 
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
 
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
 
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
 
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
 
}
 
.flexslider .slides {
 
  zoom: 1;
 
  margin: 0;
 
}
 
.flexslider .slides img {
 
  height: auto;
 
  -moz-user-select: none;
 
}
 
.flex-viewport {
 
  max-height: 2000px;
 
  -webkit-transition: all 1s ease;
 
  -moz-transition: all 1s ease;
 
  -ms-transition: all 1s ease;
 
  -o-transition: all 1s ease;
 
  transition: all 1s ease;
 
}
 
.loading .flex-viewport {
 
  max-height: 300px;
 
}
 
.carousel li {
 
  margin-right: 5px;
 
}
 
.flex-direction-nav {
 
  *height: 0;
 
}
 
.flex-direction-nav a {
 
  text-decoration: none;
 
  display: block;
 
  width: 40px;
 
  height: 40px;
 
  margin: -20px 0 0;
 
  position: absolute;
 
  top: 50%;
 
  z-index: 10;
 
  overflow: hidden;
 
  opacity: 0;
 
  cursor: pointer;
 
  color: rgba(0, 0, 0, 0.8);
 
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
 
  -webkit-transition: all 0.3s ease-in-out;
 
  -moz-transition: all 0.3s ease-in-out;
 
  -ms-transition: all 0.3s ease-in-out;
 
  -o-transition: all 0.3s ease-in-out;
 
  transition: all 0.3s ease-in-out;
 
}
 
.flex-direction-nav a:before {
 
  font-family: "flexslider-icon";
 
  font-size: 40px;
 
  display: inline-block;
 
  content: '\f001';
 
  color: rgba(0, 0, 0, 0.8);
 
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
 
}
 
.flex-direction-nav a.flex-next:before {
 
  content: '\f002';
 
}
 
.flex-direction-nav .flex-prev {
 
  left: -50px;
 
}
 
.flex-direction-nav .flex-next {
 
  right: -50px;
 
  text-align: right;
 
}
 
.flexslider:hover .flex-direction-nav .flex-prev {
 
  opacity: 0.7;
 
  left: 10px;
 
}
 
.flexslider:hover .flex-direction-nav .flex-prev:hover {
 
  opacity: 1;
 
}
 
.flexslider:hover .flex-direction-nav .flex-next {
 
  opacity: 0.7;
 
  right: 10px;
 
}
 
.flexslider:hover .flex-direction-nav .flex-next:hover {
 
  opacity: 1;
 
}
 
.flex-direction-nav .flex-disabled {
 
  opacity: 0!important;
 
  filter: alpha(opacity=0);
 
  cursor: default;
 
  z-index: -1;
 
}
 
.flex-pauseplay a {
 
  display: block;
 
  width: 20px;
 
  height: 20px;
 
  position: absolute;
 
  bottom: 5px;
 
  left: 10px;
 
  opacity: 0.8;
 
  z-index: 10;
 
  overflow: hidden;
 
  cursor: pointer;
 
  color: #000;
 
}
 
.flex-pauseplay a:before {
 
  font-family: "flexslider-icon";
 
  font-size: 20px;
 
  display: inline-block;
 
  content: '\f004';
 
}
 
.flex-pauseplay a:hover {
 
  opacity: 1;
 
}
 
.flex-pauseplay a.flex-play:before {
 
  content: '\f003';
 
}
 
.flex-control-nav {
 
  width: 100%;
 
  position: absolute;
 
  bottom: -40px;
 
  text-align: center;
 
}
 
.flex-control-nav li {
 
  margin: 0 6px;
 
  display: inline-block;
 
  zoom: 1;
 
  *display: inline;
 
}
 
.flex-control-paging li a {
 
  width: 11px;
 
  height: 11px;
 
  display: block;
 
  background: #666;
 
  background: rgba(0, 0, 0, 0.5);
 
  cursor: pointer;
 
  text-indent: -9999px;
 
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
 
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
 
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
 
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
 
  -webkit-border-radius: 20px;
 
  -moz-border-radius: 20px;
 
  border-radius: 20px;
 
}
 
.flex-control-paging li a:hover {
 
  background: #333;
 
  background: rgba(0, 0, 0, 0.7);
 
}
 
.flex-control-paging li a.flex-active {
 
  background: #000;
 
  background: rgba(0, 0, 0, 0.9);
 
  cursor: default;
 
}
 
.flex-control-thumbs {
 
  margin: 5px 0 0;
 
  position: static;
 
  overflow: hidden;
 
}
 
.flex-control-thumbs li {
 
  width: 25%;
 
  float: left;
 
  margin: 0;
 
}
 
.flex-control-thumbs img {
 
  width: 100%;
 
  height: auto;
 
  display: block;
 
  opacity: .7;
 
  cursor: pointer;
 
  -moz-user-select: none;
 
  -webkit-transition: all 1s ease;
 
  -moz-transition: all 1s ease;
 
  -ms-transition: all 1s ease;
 
  -o-transition: all 1s ease;
 
  transition: all 1s ease;
 
}
 
.flex-control-thumbs img:hover {
 
  opacity: 1;
 
}
 
.flex-control-thumbs .flex-active {
 
  opacity: 1;
 
  cursor: default;
 
}
 
/* ====================================================================================================================
 
* RESPONSIVE
 
* ====================================================================================================================*/
 
@media screen and (max-width: 860px) {
 
  .flex-direction-nav .flex-prev {
 
    opacity: 1;
 
    left: 10px;
 
  }
 
  .flex-direction-nav .flex-next {
 
    opacity: 1;
 
    right: 10px;
 
  }
 
}
 
 
#content {
 
  width: 100% !important;
 
  padding: 0 !important;
 
  margin-left: 0 !important;
 
  margin-right: 0 !important;
 
}
 
 
#sideMenu {
 
  display: none !important;
 
}
 
 
@font-face {
 
    font-family: 'icomoon';
 
    src:    url('https://static.igem.org/mediawiki/2016/7/7a/T--UIUC_Illinois--icomoon.eot?srf3rx');
 
    src:    url('https://static.igem.org/mediawiki/2016/7/7a/T--UIUC_Illinois--icomoon.eot?srf3rx#iefix') format('embedded-opentype'),
 
       
 
url('https://static.igem.org/mediawiki/2016/f/ff/T--UIUC_Illinois--icomoon.ttf?srf3rx') format('truetype'),
 
        url('https://static.igem.org/mediawiki/2016/3/37/T--UIUC_Illinois--icomoon.woff?srf3rx') format('woff'),
 
        url('https://static.igem.org/mediawiki/2016/d/dc/T--UIUC_Illinois--icomoon.svg?srf3rx#icomoon') format('svg');
 
    font-weight: normal;
 
    font-style: normal;
 
}
 
 
 
[class^="icon-"], [class*=" icon-"] {
 
    /* use !important to prevent issues with browser extensions that change fonts */
 
    font-family: 'icomoon' !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;
 
}
 
 
.icon-glass:before {
 
    content: "\f000";
 
}
 
.icon-music:before {
 
    content: "\f001";
 
}
 
.icon-search:before {
 
    content: "\f002";
 
}
 
.icon-envelope-o:before {
 
    content: "\f003";
 
}
 
.icon-heart:before {
 
    content: "\f004";
 
}
 
.icon-star:before {
 
    content: "\f005";
 
}
 
.icon-star-o:before {
 
    content: "\f006";
 
}
 
.icon-user:before {
 
    content: "\f007";
 
}
 
.icon-film:before {
 
    content: "\f008";
 
}
 
.icon-th-large:before {
 
    content: "\f009";
 
}
 
.icon-th:before {
 
    content: "\f00a";
 
}
 
.icon-th-list:before {
 
    content: "\f00b";
 
}
 
.icon-check:before {
 
    content: "\f00c";
 
}
 
.icon-close:before {
 
    content: "\f00d";
 
}
 
.icon-remove:before {
 
    content: "\f00d";
 
}
 
.icon-times:before {
 
    content: "\f00d";
 
}
 
.icon-search-plus:before {
 
    content: "\f00e";
 
}
 
.icon-search-minus:before {
 
    content: "\f010";
 
}
 
.icon-power-off:before {
 
    content: "\f011";
 
}
 
.icon-signal:before {
 
    content: "\f012";
 
}
 
.icon-cog:before {
 
    content: "\f013";
 
}
 
.icon-gear:before {
 
    content: "\f013";
 
}
 
.icon-trash-o:before {
 
    content: "\f014";
 
}
 
.icon-home:before {
 
    content: "\f015";
 
}
 
.icon-file-o:before {
 
    content: "\f016";
 
}
 
.icon-clock-o:before {
 
    content: "\f017";
 
}
 
.icon-road:before {
 
    content: "\f018";
 
}
 
.icon-download:before {
 
    content: "\f019";
 
}
 
.icon-arrow-circle-o-down:before {
 
    content: "\f01a";
 
}
 
.icon-arrow-circle-o-up:before {
 
    content: "\f01b";
 
}
 
.icon-inbox:before {
 
    content: "\f01c";
 
}
 
.icon-play-circle-o:before {
 
    content: "\f01d";
 
}
 
.icon-repeat:before {
 
    content: "\f01e";
 
}
 
.icon-rotate-right:before {
 
    content: "\f01e";
 
}
 
.icon-refresh:before {
 
    content: "\f021";
 
}
 
.icon-list-alt:before {
 
    content: "\f022";
 
}
 
.icon-lock:before {
 
    content: "\f023";
 
}
 
.icon-flag:before {
 
    content: "\f024";
 
}
 
.icon-headphones:before {
 
    content: "\f025";
 
}
 
.icon-volume-off:before {
 
    content: "\f026";
 
}
 
.icon-volume-down:before {
 
    content: "\f027";
 
}
 
.icon-volume-up:before {
 
    content: "\f028";
 
}
 
.icon-qrcode:before {
 
    content: "\f029";
 
}
 
.icon-barcode:before {
 
    content: "\f02a";
 
}
 
.icon-tag:before {
 
    content: "\f02b";
 
}
 
.icon-tags:before {
 
    content: "\f02c";
 
}
 
.icon-book:before {
 
    content: "\f02d";
 
}
 
.icon-bookmark:before {
 
    content: "\f02e";
 
}
 
.icon-print:before {
 
    content: "\f02f";
 
}
 
.icon-camera:before {
 
    content: "\f030";
 
}
 
.icon-font:before {
 
    content: "\f031";
 
}
 
.icon-bold:before {
 
    content: "\f032";
 
}
 
.icon-italic:before {
 
    content: "\f033";
 
}
 
.icon-text-height:before {
 
    content: "\f034";
 
}
 
.icon-text-width:before {
 
    content: "\f035";
 
}
 
.icon-align-left:before {
 
    content: "\f036";
 
}
 
.icon-align-center:before {
 
    content: "\f037";
 
}
 
.icon-align-right:before {
 
    content: "\f038";
 
}
 
.icon-align-justify:before {
 
    content: "\f039";
 
}
 
.icon-list:before {
 
    content: "\f03a";
 
}
 
.icon-dedent:before {
 
    content: "\f03b";
 
}
 
.icon-outdent:before {
 
    content: "\f03b";
 
}
 
.icon-indent:before {
 
    content: "\f03c";
 
}
 
.icon-video-camera:before {
 
    content: "\f03d";
 
}
 
.icon-image:before {
 
    content: "\f03e";
 
}
 
.icon-photo:before {
 
    content: "\f03e";
 
}
 
.icon-picture-o:before {
 
    content: "\f03e";
 
}
 
.icon-pencil:before {
 
    content: "\f040";
 
}
 
.icon-map-marker:before {
 
    content: "\f041";
 
}
 
.icon-adjust:before {
 
    content: "\f042";
 
}
 
.icon-tint:before {
 
    content: "\f043";
 
}
 
.icon-edit:before {
 
    content: "\f044";
 
}
 
.icon-pencil-square-o:before {
 
    content: "\f044";
 
}
 
.icon-share-square-o:before {
 
    content: "\f045";
 
}
 
.icon-check-square-o:before {
 
    content: "\f046";
 
}
 
.icon-arrows:before {
 
    content: "\f047";
 
}
 
.icon-step-backward:before {
 
    content: "\f048";
 
}
 
.icon-fast-backward:before {
 
    content: "\f049";
 
}
 
.icon-backward:before {
 
    content: "\f04a";
 
}
 
.icon-play:before {
 
    content: "\f04b";
 
}
 
.icon-pause:before {
 
    content: "\f04c";
 
}
 
.icon-stop:before {
 
    content: "\f04d";
 
}
 
.icon-forward:before {
 
    content: "\f04e";
 
}
 
.icon-fast-forward:before {
 
    content: "\f050";
 
}
 
.icon-step-forward:before {
 
    content: "\f051";
 
}
 
.icon-eject:before {
 
    content: "\f052";
 
}
 
.icon-chevron-left:before {
 
    content: "\f053";
 
}
 
.icon-chevron-right:before {
 
    content: "\f054";
 
}
 
.icon-plus-circle:before {
 
    content: "\f055";
 
}
 
.icon-minus-circle:before {
 
    content: "\f056";
 
}
 
.icon-times-circle:before {
 
    content: "\f057";
 
}
 
.icon-check-circle:before {
 
    content: "\f058";
 
}
 
.icon-question-circle:before {
 
    content: "\f059";
 
}
 
.icon-info-circle:before {
 
    content: "\f05a";
 
}
 
.icon-crosshairs:before {
 
    content: "\f05b";
 
}
 
.icon-times-circle-o:before {
 
    content: "\f05c";
 
}
 
.icon-check-circle-o:before {
 
    content: "\f05d";
 
}
 
.icon-ban:before {
 
    content: "\f05e";
 
}
 
.icon-arrow-left:before {
 
    content: "\f060";
 
}
 
.icon-arrow-right:before {
 
    content: "\f061";
 
}
 
.icon-arrow-up:before {
 
    content: "\f062";
 
}
 
.icon-arrow-down:before {
 
    content: "\f063";
 
}
 
.icon-mail-forward:before {
 
    content: "\f064";
 
}
 
.icon-share:before {
 
    content: "\f064";
 
}
 
.icon-expand:before {
 
    content: "\f065";
 
}
 
.icon-compress:before {
 
    content: "\f066";
 
}
 
.icon-plus:before {
 
    content: "\f067";
 
}
 
.icon-minus:before {
 
    content: "\f068";
 
}
 
.icon-asterisk:before {
 
    content: "\f069";
 
}
 
.icon-exclamation-circle:before {
 
    content: "\f06a";
 
}
 
.icon-gift:before {
 
    content: "\f06b";
 
}
 
.icon-leaf:before {
 
    content: "\f06c";
 
}
 
.icon-fire:before {
 
    content: "\f06d";
 
}
 
.icon-eye:before {
 
    content: "\f06e";
 
}
 
.icon-eye-slash:before {
 
    content: "\f070";
 
}
 
.icon-exclamation-triangle:before {
 
    content: "\f071";
 
}
 
.icon-warning:before {
 
    content: "\f071";
 
}
 
.icon-plane:before {
 
    content: "\f072";
 
}
 
.icon-calendar:before {
 
    content: "\f073";
 
}
 
.icon-random:before {
 
    content: "\f074";
 
}
 
.icon-comment:before {
 
    content: "\f075";
 
}
 
.icon-magnet:before {
 
    content: "\f076";
 
}
 
.icon-chevron-up:before {
 
    content: "\f077";
 
}
 
.icon-chevron-down:before {
 
    content: "\f078";
 
}
 
.icon-retweet:before {
 
    content: "\f079";
 
}
 
.icon-shopping-cart:before {
 
    content: "\f07a";
 
}
 
.icon-folder:before {
 
    content: "\f07b";
 
}
 
.icon-folder-open:before {
 
    content: "\f07c";
 
}
 
.icon-arrows-v:before {
 
    content: "\f07d";
 
}
 
.icon-arrows-h:before {
 
    content: "\f07e";
 
}
 
.icon-bar-chart:before {
 
    content: "\f080";
 
}
 
.icon-bar-chart-o:before {
 
    content: "\f080";
 
}
 
.icon-twitter-square:before {
 
    content: "\f081";
 
}
 
.icon-facebook-square:before {
 
    content: "\f082";
 
}
 
.icon-camera-retro:before {
 
    content: "\f083";
 
}
 
.icon-key:before {
 
    content: "\f084";
 
}
 
.icon-cogs:before {
 
    content: "\f085";
 
}
 
.icon-gears:before {
 
    content: "\f085";
 
}
 
.icon-comments:before {
 
    content: "\f086";
 
}
 
.icon-thumbs-o-up:before {
 
    content: "\f087";
 
}
 
.icon-thumbs-o-down:before {
 
    content: "\f088";
 
}
 
.icon-star-half:before {
 
    content: "\f089";
 
}
 
.icon-heart-o:before {
 
    content: "\f08a";
 
}
 
.icon-sign-out:before {
 
    content: "\f08b";
 
}
 
.icon-linkedin-square:before {
 
    content: "\f08c";
 
}
 
.icon-thumb-tack:before {
 
    content: "\f08d";
 
}
 
.icon-external-link:before {
 
    content: "\f08e";
 
}
 
.icon-sign-in:before {
 
    content: "\f090";
 
}
 
.icon-trophy:before {
 
    content: "\f091";
 
}
 
.icon-github-square:before {
 
    content: "\f092";
 
}
 
.icon-upload:before {
 
    content: "\f093";
 
}
 
.icon-lemon-o:before {
 
    content: "\f094";
 
}
 
.icon-phone:before {
 
    content: "\f095";
 
}
 
.icon-square-o:before {
 
    content: "\f096";
 
}
 
.icon-bookmark-o:before {
 
    content: "\f097";
 
}
 
.icon-phone-square:before {
 
    content: "\f098";
 
}
 
.icon-twitter:before {
 
    content: "\f099";
 
}
 
.icon-facebook:before {
 
    content: "\f09a";
 
}
 
.icon-facebook-f:before {
 
    content: "\f09a";
 
}
 
.icon-github:before {
 
    content: "\f09b";
 
}
 
.icon-unlock:before {
 
    content: "\f09c";
 
}
 
.icon-credit-card:before {
 
    content: "\f09d";
 
}
 
.icon-feed:before {
 
    content: "\f09e";
 
}
 
.icon-rss:before {
 
    content: "\f09e";
 
}
 
.icon-hdd-o:before {
 
    content: "\f0a0";
 
}
 
.icon-bullhorn:before {
 
    content: "\f0a1";
 
}
 
.icon-bell-o:before {
 
    content: "\f0a2";
 
}
 
.icon-certificate:before {
 
    content: "\f0a3";
 
}
 
.icon-hand-o-right:before {
 
    content: "\f0a4";
 
}
 
.icon-hand-o-left:before {
 
    content: "\f0a5";
 
}
 
.icon-hand-o-up:before {
 
    content: "\f0a6";
 
}
 
.icon-hand-o-down:before {
 
    content: "\f0a7";
 
}
 
.icon-arrow-circle-left:before {
 
    content: "\f0a8";
 
}
 
.icon-arrow-circle-right:before {
 
    content: "\f0a9";
 
}
 
.icon-arrow-circle-up:before {
 
    content: "\f0aa";
 
}
 
.icon-arrow-circle-down:before {
 
    content: "\f0ab";
 
}
 
.icon-globe:before {
 
    content: "\f0ac";
 
}
 
.icon-wrench:before {
 
    content: "\f0ad";
 
}
 
.icon-tasks:before {
 
    content: "\f0ae";
 
}
 
.icon-filter:before {
 
    content: "\f0b0";
 
}
 
.icon-briefcase:before {
 
    content: "\f0b1";
 
}
 
.icon-arrows-alt:before {
 
    content: "\f0b2";
 
}
 
.icon-group:before {
 
    content: "\f0c0";
 
}
 
.icon-users:before {
 
    content: "\f0c0";
 
}
 
.icon-chain:before {
 
    content: "\f0c1";
 
}
 
.icon-link:before {
 
    content: "\f0c1";
 
}
 
.icon-cloud:before {
 
    content: "\f0c2";
 
}
 
.icon-flask:before {
 
    content: "\f0c3";
 
}
 
.icon-cut:before {
 
    content: "\f0c4";
 
}
 
.icon-scissors:before {
 
    content: "\f0c4";
 
}
 
.icon-copy:before {
 
    content: "\f0c5";
 
}
 
.icon-files-o:before {
 
    content: "\f0c5";
 
}
 
.icon-paperclip:before {
 
    content: "\f0c6";
 
}
 
.icon-floppy-o:before {
 
    content: "\f0c7";
 
}
 
.icon-save:before {
 
    content: "\f0c7";
 
}
 
.icon-square:before {
 
    content: "\f0c8";
 
}
 
.icon-bars:before {
 
    content: "\f0c9";
 
}
 
.icon-navicon:before {
 
    content: "\f0c9";
 
}
 
.icon-reorder:before {
 
    content: "\f0c9";
 
}
 
.icon-list-ul:before {
 
    content: "\f0ca";
 
}
 
.icon-list-ol:before {
 
    content: "\f0cb";
 
}
 
.icon-strikethrough:before {
 
    content: "\f0cc";
 
}
 
.icon-underline:before {
 
    content: "\f0cd";
 
}
 
.icon-table:before {
 
    content: "\f0ce";
 
}
 
.icon-magic:before {
 
    content: "\f0d0";
 
}
 
.icon-truck:before {
 
    content: "\f0d1";
 
}
 
.icon-pinterest:before {
 
    content: "\f0d2";
 
}
 
.icon-pinterest-square:before {
 
    content: "\f0d3";
 
}
 
.icon-google-plus-square:before {
 
    content: "\f0d4";
 
}
 
.icon-google-plus:before {
 
    content: "\f0d5";
 
}
 
.icon-money:before {
 
    content: "\f0d6";
 
}
 
.icon-caret-down:before {
 
    content: "\f0d7";
 
}
 
.icon-caret-up:before {
 
    content: "\f0d8";
 
}
 
.icon-caret-left:before {
 
    content: "\f0d9";
 
}
 
.icon-caret-right:before {
 
    content: "\f0da";
 
}
 
.icon-columns:before {
 
    content: "\f0db";
 
}
 
.icon-sort:before {
 
    content: "\f0dc";
 
}
 
.icon-unsorted:before {
 
    content: "\f0dc";
 
}
 
.icon-sort-desc:before {
 
    content: "\f0dd";
 
}
 
.icon-sort-down:before {
 
    content: "\f0dd";
 
}
 
.icon-sort-asc:before {
 
    content: "\f0de";
 
}
 
.icon-sort-up:before {
 
    content: "\f0de";
 
}
 
.icon-envelope:before {
 
    content: "\f0e0";
 
}
 
.icon-linkedin:before {
 
    content: "\f0e1";
 
}
 
.icon-rotate-left:before {
 
    content: "\f0e2";
 
}
 
.icon-undo:before {
 
    content: "\f0e2";
 
}
 
.icon-gavel:before {
 
    content: "\f0e3";
 
}
 
.icon-legal:before {
 
    content: "\f0e3";
 
}
 
.icon-dashboard:before {
 
    content: "\f0e4";
 
}
 
.icon-tachometer:before {
 
    content: "\f0e4";
 
}
 
.icon-comment-o:before {
 
    content: "\f0e5";
 
}
 
.icon-comments-o:before {
 
    content: "\f0e6";
 
}
 
.icon-bolt:before {
 
    content: "\f0e7";
 
}
 
.icon-flash:before {
 
    content: "\f0e7";
 
}
 
.icon-sitemap:before {
 
    content: "\f0e8";
 
}
 
.icon-umbrella:before {
 
    content: "\f0e9";
 
}
 
.icon-clipboard:before {
 
    content: "\f0ea";
 
}
 
.icon-paste:before {
 
    content: "\f0ea";
 
}
 
.icon-lightbulb-o:before {
 
    content: "\f0eb";
 
}
 
.icon-exchange:before {
 
    content: "\f0ec";
 
}
 
.icon-cloud-download:before {
 
    content: "\f0ed";
 
}
 
.icon-cloud-upload:before {
 
    content: "\f0ee";
 
}
 
.icon-user-md:before {
 
    content: "\f0f0";
 
}
 
.icon-stethoscope:before {
 
    content: "\f0f1";
 
}
 
.icon-suitcase:before {
 
    content: "\f0f2";
 
}
 
.icon-bell:before {
 
    content: "\f0f3";
 
}
 
.icon-coffee:before {
 
    content: "\f0f4";
 
}
 
.icon-cutlery:before {
 
    content: "\f0f5";
 
}
 
.icon-file-text-o:before {
 
    content: "\f0f6";
 
}
 
.icon-building-o:before {
 
    content: "\f0f7";
 
}
 
.icon-hospital-o:before {
 
    content: "\f0f8";
 
}
 
.icon-ambulance:before {
 
    content: "\f0f9";
 
}
 
.icon-medkit:before {
 
    content: "\f0fa";
 
}
 
.icon-fighter-jet:before {
 
    content: "\f0fb";
 
}
 
.icon-beer:before {
 
    content: "\f0fc";
 
}
 
.icon-h-square:before {
 
    content: "\f0fd";
 
}
 
.icon-plus-square:before {
 
    content: "\f0fe";
 
}
 
.icon-angle-double-left:before {
 
    content: "\f100";
 
}
 
.icon-angle-double-right:before {
 
    content: "\f101";
 
}
 
.icon-angle-double-up:before {
 
    content: "\f102";
 
}
 
.icon-angle-double-down:before {
 
    content: "\f103";
 
}
 
.icon-angle-left:before {
 
    content: "\f104";
 
}
 
.icon-angle-right:before {
 
    content: "\f105";
 
}
 
.icon-angle-up:before {
 
    content: "\f106";
 
}
 
.icon-angle-down:before {
 
    content: "\f107";
 
}
 
.icon-desktop:before {
 
    content: "\f108";
 
}
 
.icon-laptop:before {
 
    content: "\f109";
 
}
 
.icon-tablet:before {
 
    content: "\f10a";
 
}
 
.icon-mobile:before {
 
    content: "\f10b";
 
}
 
.icon-mobile-phone:before {
 
    content: "\f10b";
 
}
 
.icon-circle-o:before {
 
    content: "\f10c";
 
}
 
.icon-quote-left:before {
 
    content: "\f10d";
 
}
 
.icon-quote-right:before {
 
    content: "\f10e";
 
}
 
.icon-spinner:before {
 
    content: "\f110";
 
}
 
.icon-circle:before {
 
    content: "\f111";
 
}
 
.icon-mail-reply:before {
 
    content: "\f112";
 
}
 
.icon-reply:before {
 
    content: "\f112";
 
}
 
.icon-github-alt:before {
 
    content: "\f113";
 
}
 
.icon-folder-o:before {
 
    content: "\f114";
 
}
 
.icon-folder-open-o:before {
 
    content: "\f115";
 
}
 
.icon-smile-o:before {
 
    content: "\f118";
 
}
 
.icon-frown-o:before {
 
    content: "\f119";
 
}
 
.icon-meh-o:before {
 
    content: "\f11a";
 
}
 
.icon-gamepad:before {
 
    content: "\f11b";
 
}
 
.icon-keyboard-o:before {
 
    content: "\f11c";
 
}
 
.icon-flag-o:before {
 
    content: "\f11d";
 
}
 
.icon-flag-checkered:before {
 
    content: "\f11e";
 
}
 
.icon-terminal:before {
 
    content: "\f120";
 
}
 
.icon-code:before {
 
    content: "\f121";
 
}
 
.icon-mail-reply-all:before {
 
    content: "\f122";
 
}
 
.icon-reply-all:before {
 
    content: "\f122";
 
}
 
.icon-star-half-empty:before {
 
    content: "\f123";
 
}
 
.icon-star-half-full:before {
 
    content: "\f123";
 
}
 
.icon-star-half-o:before {
 
    content: "\f123";
 
}
 
.icon-location-arrow:before {
 
    content: "\f124";
 
}
 
.icon-crop:before {
 
    content: "\f125";
 
}
 
.icon-code-fork:before {
 
    content: "\f126";
 
}
 
.icon-chain-broken:before {
 
    content: "\f127";
 
}
 
.icon-unlink:before {
 
    content: "\f127";
 
}
 
.icon-question:before {
 
    content: "\f128";
 
}
 
.icon-info:before {
 
    content: "\f129";
 
}
 
.icon-exclamation:before {
 
    content: "\f12a";
 
}
 
.icon-superscript:before {
 
    content: "\f12b";
 
}
 
.icon-subscript:before {
 
    content: "\f12c";
 
}
 
.icon-eraser:before {
 
    content: "\f12d";
 
}
 
.icon-puzzle-piece:before {
 
    content: "\f12e";
 
}
 
.icon-microphone:before {
 
    content: "\f130";
 
}
 
.icon-microphone-slash:before {
 
    content: "\f131";
 
}
 
.icon-shield:before {
 
    content: "\f132";
 
}
 
.icon-calendar-o:before {
 
    content: "\f133";
 
}
 
.icon-fire-extinguisher:before {
 
    content: "\f134";
 
}
 
.icon-rocket:before {
 
    content: "\f135";
 
}
 
.icon-maxcdn:before {
 
    content: "\f136";
 
}
 
.icon-chevron-circle-left:before {
 
    content: "\f137";
 
}
 
.icon-chevron-circle-right:before {
 
    content: "\f138";
 
}
 
.icon-chevron-circle-up:before {
 
    content: "\f139";
 
}
 
.icon-chevron-circle-down:before {
 
    content: "\f13a";
 
}
 
.icon-html5:before {
 
    content: "\f13b";
 
}
 
.icon-css3:before {
 
    content: "\f13c";
 
}
 
.icon-anchor:before {
 
    content: "\f13d";
 
}
 
.icon-unlock-alt:before {
 
    content: "\f13e";
 
}
 
.icon-bullseye:before {
 
    content: "\f140";
 
}
 
.icon-ellipsis-h:before {
 
    content: "\f141";
 
}
 
.icon-ellipsis-v:before {
 
    content: "\f142";
 
}
 
.icon-rss-square:before {
 
    content: "\f143";
 
}
 
.icon-play-circle:before {
 
    content: "\f144";
 
}
 
.icon-ticket:before {
 
    content: "\f145";
 
}
 
.icon-minus-square:before {
 
    content: "\f146";
 
}
 
.icon-minus-square-o:before {
 
    content: "\f147";
 
}
 
.icon-level-up:before {
 
    content: "\f148";
 
}
 
.icon-level-down:before {
 
    content: "\f149";
 
}
 
.icon-check-square:before {
 
    content: "\f14a";
 
}
 
.icon-pencil-square:before {
 
    content: "\f14b";
 
}
 
.icon-external-link-square:before {
 
    content: "\f14c";
 
}
 
.icon-share-square:before {
 
    content: "\f14d";
 
}
 
.icon-compass:before {
 
    content: "\f14e";
 
}
 
.icon-caret-square-o-down:before {
 
    content: "\f150";
 
}
 
.icon-toggle-down:before {
 
    content: "\f150";
 
}
 
.icon-caret-square-o-up:before {
 
    content: "\f151";
 
}
 
.icon-toggle-up:before {
 
    content: "\f151";
 
}
 
.icon-caret-square-o-right:before {
 
    content: "\f152";
 
}
 
.icon-toggle-right:before {
 
    content: "\f152";
 
}
 
.icon-eur:before {
 
    content: "\f153";
 
}
 
.icon-euro:before {
 
    content: "\f153";
 
}
 
.icon-gbp:before {
 
    content: "\f154";
 
}
 
.icon-dollar:before {
 
    content: "\f155";
 
}
 
.icon-usd:before {
 
    content: "\f155";
 
}
 
.icon-inr:before {
 
    content: "\f156";
 
}
 
.icon-rupee:before {
 
    content: "\f156";
 
}
 
.icon-cny:before {
 
    content: "\f157";
 
}
 
.icon-jpy:before {
 
    content: "\f157";
 
}
 
.icon-rmb:before {
 
    content: "\f157";
 
}
 
.icon-yen:before {
 
    content: "\f157";
 
}
 
.icon-rouble:before {
 
    content: "\f158";
 
}
 
.icon-rub:before {
 
    content: "\f158";
 
}
 
.icon-ruble:before {
 
    content: "\f158";
 
}
 
.icon-krw:before {
 
    content: "\f159";
 
}
 
.icon-won:before {
 
    content: "\f159";
 
}
 
.icon-bitcoin:before {
 
    content: "\f15a";
 
}
 
.icon-btc:before {
 
    content: "\f15a";
 
}
 
.icon-file:before {
 
    content: "\f15b";
 
}
 
.icon-file-text:before {
 
    content: "\f15c";
 
}
 
.icon-sort-alpha-asc:before {
 
    content: "\f15d";
 
}
 
.icon-sort-alpha-desc:before {
 
    content: "\f15e";
 
}
 
.icon-sort-amount-asc:before {
 
    content: "\f160";
 
}
 
.icon-sort-amount-desc:before {
 
    content: "\f161";
 
}
 
.icon-sort-numeric-asc:before {
 
    content: "\f162";
 
}
 
.icon-sort-numeric-desc:before {
 
    content: "\f163";
 
}
 
.icon-thumbs-up:before {
 
    content: "\f164";
 
}
 
.icon-thumbs-down:before {
 
    content: "\f165";
 
}
 
.icon-youtube-square:before {
 
    content: "\f166";
 
}
 
.icon-youtube:before {
 
    content: "\f167";
 
}
 
.icon-xing:before {
 
    content: "\f168";
 
}
 
.icon-xing-square:before {
 
    content: "\f169";
 
}
 
.icon-youtube-play:before {
 
    content: "\f16a";
 
}
 
.icon-dropbox:before {
 
    content: "\f16b";
 
}
 
.icon-stack-overflow:before {
 
    content: "\f16c";
 
}
 
.icon-instagram:before {
 
    content: "\f16d";
 
}
 
.icon-flickr:before {
 
    content: "\f16e";
 
}
 
.icon-adn:before {
 
    content: "\f170";
 
}
 
.icon-bitbucket:before {
 
    content: "\f171";
 
}
 
.icon-bitbucket-square:before {
 
    content: "\f172";
 
}
 
.icon-tumblr:before {
 
    content: "\f173";
 
}
 
.icon-tumblr-square:before {
 
    content: "\f174";
 
}
 
.icon-long-arrow-down:before {
 
    content: "\f175";
 
}
 
.icon-long-arrow-up:before {
 
    content: "\f176";
 
}
 
.icon-long-arrow-left:before {
 
    content: "\f177";
 
}
 
.icon-long-arrow-right:before {
 
    content: "\f178";
 
}
 
.icon-apple:before {
 
    content: "\f179";
 
}
 
.icon-windows:before {
 
    content: "\f17a";
 
}
 
.icon-android:before {
 
    content: "\f17b";
 
}
 
.icon-linux:before {
 
    content: "\f17c";
 
}
 
.icon-dribbble:before {
 
    content: "\f17d";
 
}
 
.icon-skype:before {
 
    content: "\f17e";
 
}
 
.icon-foursquare:before {
 
    content: "\f180";
 
}
 
.icon-trello:before {
 
    content: "\f181";
 
}
 
.icon-female:before {
 
    content: "\f182";
 
}
 
.icon-male:before {
 
    content: "\f183";
 
}
 
.icon-gittip:before {
 
    content: "\f184";
 
}
 
.icon-gratipay:before {
 
    content: "\f184";
 
}
 
.icon-sun-o:before {
 
    content: "\f185";
 
}
 
.icon-moon-o:before {
 
    content: "\f186";
 
}
 
.icon-archive:before {
 
    content: "\f187";
 
}
 
.icon-bug:before {
 
    content: "\f188";
 
}
 
.icon-vk:before {
 
    content: "\f189";
 
}
 
.icon-weibo:before {
 
    content: "\f18a";
 
}
 
.icon-renren:before {
 
    content: "\f18b";
 
}
 
.icon-pagelines:before {
 
    content: "\f18c";
 
}
 
.icon-stack-exchange:before {
 
    content: "\f18d";
 
}
 
.icon-arrow-circle-o-right:before {
 
    content: "\f18e";
 
}
 
.icon-arrow-circle-o-left:before {
 
    content: "\f190";
 
}
 
.icon-caret-square-o-left:before {
 
    content: "\f191";
 
}
 
.icon-toggle-left:before {
 
    content: "\f191";
 
}
 
.icon-dot-circle-o:before {
 
    content: "\f192";
 
}
 
.icon-wheelchair:before {
 
    content: "\f193";
 
}
 
.icon-vimeo-square:before {
 
    content: "\f194";
 
}
 
.icon-try:before {
 
    content: "\f195";
 
}
 
.icon-turkish-lira:before {
 
    content: "\f195";
 
}
 
.icon-plus-square-o:before {
 
    content: "\f196";
 
}
 
.icon-space-shuttle:before {
 
    content: "\f197";
 
}
 
.icon-slack:before {
 
    content: "\f198";
 
}
 
.icon-envelope-square:before {
 
    content: "\f199";
 
}
 
.icon-wordpress:before {
 
    content: "\f19a";
 
}
 
.icon-openid:before {
 
    content: "\f19b";
 
}
 
.icon-bank:before {
 
    content: "\f19c";
 
}
 
.icon-institution:before {
 
    content: "\f19c";
 
}
 
.icon-university:before {
 
    content: "\f19c";
 
}
 
.icon-graduation-cap:before {
 
    content: "\f19d";
 
}
 
.icon-mortar-board:before {
 
    content: "\f19d";
 
}
 
.icon-yahoo:before {
 
    content: "\f19e";
 
}
 
.icon-google:before {
 
    content: "\f1a0";
 
}
 
.icon-reddit:before {
 
    content: "\f1a1";
 
}
 
.icon-reddit-square:before {
 
    content: "\f1a2";
 
}
 
.icon-stumbleupon-circle:before {
 
    content: "\f1a3";
 
}
 
.icon-stumbleupon:before {
 
    content: "\f1a4";
 
}
 
.icon-delicious:before {
 
    content: "\f1a5";
 
}
 
.icon-digg:before {
 
    content: "\f1a6";
 
}
 
.icon-pied-piper-pp:before {
 
    content: "\f1a7";
 
}
 
.icon-pied-piper-alt:before {
 
    content: "\f1a8";
 
}
 
.icon-drupal:before {
 
    content: "\f1a9";
 
}
 
.icon-joomla:before {
 
    content: "\f1aa";
 
}
 
.icon-language:before {
 
    content: "\f1ab";
 
}
 
.icon-fax:before {
 
    content: "\f1ac";
 
}
 
.icon-building:before {
 
    content: "\f1ad";
 
}
 
.icon-child:before {
 
    content: "\f1ae";
 
}
 
.icon-paw:before {
 
    content: "\f1b0";
 
}
 
.icon-spoon:before {
 
    content: "\f1b1";
 
}
 
.icon-cube:before {
 
    content: "\f1b2";
 
}
 
.icon-cubes:before {
 
    content: "\f1b3";
 
}
 
.icon-behance:before {
 
    content: "\f1b4";
 
}
 
.icon-behance-square:before {
 
    content: "\f1b5";
 
}
 
.icon-steam:before {
 
    content: "\f1b6";
 
}
 
.icon-steam-square:before {
 
    content: "\f1b7";
 
}
 
.icon-recycle:before {
 
    content: "\f1b8";
 
}
 
.icon-automobile:before {
 
    content: "\f1b9";
 
}
 
.icon-car:before {
 
    content: "\f1b9";
 
}
 
.icon-cab:before {
 
    content: "\f1ba";
 
}
 
.icon-taxi:before {
 
    content: "\f1ba";
 
}
 
.icon-tree:before {
 
    content: "\f1bb";
 
}
 
.icon-spotify:before {
 
    content: "\f1bc";
 
}
 
.icon-deviantart:before {
 
    content: "\f1bd";
 
}
 
.icon-soundcloud:before {
 
    content: "\f1be";
 
}
 
.icon-database:before {
 
    content: "\f1c0";
 
}
 
.icon-file-pdf-o:before {
 
    content: "\f1c1";
 
}
 
.icon-file-word-o:before {
 
    content: "\f1c2";
 
}
 
.icon-file-excel-o:before {
 
    content: "\f1c3";
 
}
 
.icon-file-powerpoint-o:before {
 
    content: "\f1c4";
 
}
 
.icon-file-image-o:before {
 
    content: "\f1c5";
 
}
 
.icon-file-photo-o:before {
 
    content: "\f1c5";
 
}
 
.icon-file-picture-o:before {
 
    content: "\f1c5";
 
}
 
.icon-file-archive-o:before {
 
    content: "\f1c6";
 
}
 
.icon-file-zip-o:before {
 
    content: "\f1c6";
 
}
 
.icon-file-audio-o:before {
 
    content: "\f1c7";
 
}
 
.icon-file-sound-o:before {
 
    content: "\f1c7";
 
}
 
.icon-file-movie-o:before {
 
    content: "\f1c8";
 
}
 
.icon-file-video-o:before {
 
    content: "\f1c8";
 
}
 
.icon-file-code-o:before {
 
    content: "\f1c9";
 
}
 
.icon-vine:before {
 
    content: "\f1ca";
 
}
 
.icon-codepen:before {
 
    content: "\f1cb";
 
}
 
.icon-jsfiddle:before {
 
    content: "\f1cc";
 
}
 
.icon-life-bouy:before {
 
    content: "\f1cd";
 
}
 
.icon-life-buoy:before {
 
    content: "\f1cd";
 
}
 
.icon-life-ring:before {
 
    content: "\f1cd";
 
}
 
.icon-life-saver:before {
 
    content: "\f1cd";
 
}
 
.icon-support:before {
 
    content: "\f1cd";
 
}
 
.icon-circle-o-notch:before {
 
    content: "\f1ce";
 
}
 
.icon-ra:before {
 
    content: "\f1d0";
 
}
 
.icon-rebel:before {
 
    content: "\f1d0";
 
}
 
.icon-resistance:before {
 
    content: "\f1d0";
 
}
 
.icon-empire:before {
 
    content: "\f1d1";
 
}
 
.icon-ge:before {
 
    content: "\f1d1";
 
}
 
.icon-git-square:before {
 
    content: "\f1d2";
 
}
 
.icon-git:before {
 
    content: "\f1d3";
 
}
 
.icon-hacker-news:before {
 
    content: "\f1d4";
 
}
 
.icon-y-combinator-square:before {
 
    content: "\f1d4";
 
}
 
.icon-yc-square:before {
 
    content: "\f1d4";
 
}
 
.icon-tencent-weibo:before {
 
    content: "\f1d5";
 
}
 
.icon-qq:before {
 
    content: "\f1d6";
 
}
 
.icon-wechat:before {
 
    content: "\f1d7";
 
}
 
.icon-weixin:before {
 
    content: "\f1d7";
 
}
 
.icon-paper-plane:before {
 
    content: "\f1d8";
 
}
 
.icon-send:before {
 
    content: "\f1d8";
 
}
 
.icon-paper-plane-o:before {
 
    content: "\f1d9";
 
}
 
.icon-send-o:before {
 
    content: "\f1d9";
 
}
 
.icon-history:before {
 
    content: "\f1da";
 
}
 
.icon-circle-thin:before {
 
    content: "\f1db";
 
}
 
.icon-header:before {
 
    content: "\f1dc";
 
}
 
.icon-paragraph:before {
 
    content: "\f1dd";
 
}
 
.icon-sliders:before {
 
    content: "\f1de";
 
}
 
.icon-share-alt:before {
 
    content: "\f1e0";
 
}
 
.icon-share-alt-square:before {
 
    content: "\f1e1";
 
}
 
.icon-bomb:before {
 
    content: "\f1e2";
 
}
 
.icon-futbol-o:before {
 
    content: "\f1e3";
 
}
 
.icon-soccer-ball-o:before {
 
    content: "\f1e3";
 
}
 
.icon-tty:before {
 
    content: "\f1e4";
 
}
 
.icon-binoculars:before {
 
    content: "\f1e5";
 
}
 
.icon-plug:before {
 
    content: "\f1e6";
 
}
 
.icon-slideshare:before {
 
    content: "\f1e7";
 
}
 
.icon-twitch:before {
 
    content: "\f1e8";
 
}
 
.icon-yelp:before {
 
    content: "\f1e9";
 
}
 
.icon-newspaper-o:before {
 
    content: "\f1ea";
 
}
 
.icon-wifi:before {
 
    content: "\f1eb";
 
}
 
.icon-calculator:before {
 
    content: "\f1ec";
 
}
 
.icon-paypal:before {
 
    content: "\f1ed";
 
}
 
.icon-google-wallet:before {
 
    content: "\f1ee";
 
}
 
.icon-cc-visa:before {
 
    content: "\f1f0";
 
}
 
.icon-cc-mastercard:before {
 
    content: "\f1f1";
 
}
 
.icon-cc-discover:before {
 
    content: "\f1f2";
 
}
 
.icon-cc-amex:before {
 
    content: "\f1f3";
 
}
 
.icon-cc-paypal:before {
 
    content: "\f1f4";
 
}
 
.icon-cc-stripe:before {
 
    content: "\f1f5";
 
}
 
.icon-bell-slash:before {
 
    content: "\f1f6";
 
}
 
.icon-bell-slash-o:before {
 
    content: "\f1f7";
 
}
 
.icon-trash:before {
 
    content: "\f1f8";
 
}
 
.icon-copyright:before {
 
    content: "\f1f9";
 
}
 
.icon-at:before {
 
    content: "\f1fa";
 
}
 
.icon-eyedropper:before {
 
    content: "\f1fb";
 
}
 
.icon-paint-brush:before {
 
    content: "\f1fc";
 
}
 
.icon-birthday-cake:before {
 
    content: "\f1fd";
 
}
 
.icon-area-chart:before {
 
    content: "\f1fe";
 
}
 
.icon-pie-chart:before {
 
    content: "\f200";
 
}
 
.icon-line-chart:before {
 
    content: "\f201";
 
}
 
.icon-lastfm:before {
 
    content: "\f202";
 
}
 
.icon-lastfm-square:before {
 
    content: "\f203";
 
}
 
.icon-toggle-off:before {
 
    content: "\f204";
 
}
 
.icon-toggle-on:before {
 
    content: "\f205";
 
}
 
.icon-bicycle:before {
 
    content: "\f206";
 
}
 
.icon-bus:before {
 
    content: "\f207";
 
}
 
.icon-ioxhost:before {
 
    content: "\f208";
 
}
 
.icon-angellist:before {
 
    content: "\f209";
 
}
 
.icon-cc:before {
 
    content: "\f20a";
 
}
 
.icon-ils:before {
 
    content: "\f20b";
 
}
 
.icon-shekel:before {
 
    content: "\f20b";
 
}
 
.icon-sheqel:before {
 
    content: "\f20b";
 
}
 
.icon-meanpath:before {
 
    content: "\f20c";
 
}
 
.icon-buysellads:before {
 
    content: "\f20d";
 
}
 
.icon-connectdevelop:before {
 
    content: "\f20e";
 
}
 
.icon-dashcube:before {
 
    content: "\f210";
 
}
 
.icon-forumbee:before {
 
    content: "\f211";
 
}
 
.icon-leanpub:before {
 
    content: "\f212";
 
}
 
.icon-sellsy:before {
 
    content: "\f213";
 
}
 
.icon-shirtsinbulk:before {
 
    content: "\f214";
 
}
 
.icon-simplybuilt:before {
 
    content: "\f215";
 
}
 
.icon-skyatlas:before {
 
    content: "\f216";
 
}
 
.icon-cart-plus:before {
 
    content: "\f217";
 
}
 
.icon-cart-arrow-down:before {
 
    content: "\f218";
 
}
 
.icon-diamond:before {
 
    content: "\f219";
 
}
 
.icon-ship:before {
 
    content: "\f21a";
 
}
 
.icon-user-secret:before {
 
    content: "\f21b";
 
}
 
.icon-motorcycle:before {
 
    content: "\f21c";
 
}
 
.icon-street-view:before {
 
    content: "\f21d";
 
}
 
.icon-heartbeat:before {
 
    content: "\f21e";
 
}
 
.icon-venus:before {
 
    content: "\f221";
 
}
 
.icon-mars:before {
 
    content: "\f222";
 
}
 
.icon-mercury:before {
 
    content: "\f223";
 
}
 
.icon-intersex:before {
 
    content: "\f224";
 
}
 
.icon-transgender:before {
 
    content: "\f224";
 
}
 
.icon-transgender-alt:before {
 
    content: "\f225";
 
}
 
.icon-venus-double:before {
 
    content: "\f226";
 
}
 
.icon-mars-double:before {
 
    content: "\f227";
 
}
 
.icon-venus-mars:before {
 
    content: "\f228";
 
}
 
.icon-mars-stroke:before {
 
    content: "\f229";
 
}
 
.icon-mars-stroke-v:before {
 
    content: "\f22a";
 
}
 
.icon-mars-stroke-h:before {
 
    content: "\f22b";
 
}
 
.icon-neuter:before {
 
    content: "\f22c";
 
}
 
.icon-genderless:before {
 
    content: "\f22d";
 
}
 
.icon-facebook-official:before {
 
    content: "\f230";
 
}
 
.icon-pinterest-p:before {
 
    content: "\f231";
 
}
 
.icon-whatsapp:before {
 
    content: "\f232";
 
}
 
.icon-server:before {
 
    content: "\f233";
 
}
 
.icon-user-plus:before {
 
    content: "\f234";
 
}
 
.icon-user-times:before {
 
    content: "\f235";
 
}
 
.icon-bed:before {
 
    content: "\f236";
 
}
 
.icon-hotel:before {
 
    content: "\f236";
 
}
 
.icon-viacoin:before {
 
    content: "\f237";
 
}
 
.icon-train:before {
 
    content: "\f238";
 
}
 
.icon-subway:before {
 
    content: "\f239";
 
}
 
.icon-medium:before {
 
    content: "\f23a";
 
}
 
.icon-y-combinator:before {
 
    content: "\f23b";
 
}
 
.icon-yc:before {
 
    content: "\f23b";
 
}
 
.icon-optin-monster:before {
 
    content: "\f23c";
 
}
 
.icon-opencart:before {
 
    content: "\f23d";
 
}
 
.icon-expeditedssl:before {
 
    content: "\f23e";
 
}
 
.icon-battery-4:before {
 
    content: "\f240";
 
}
 
.icon-battery-full:before {
 
    content: "\f240";
 
}
 
.icon-battery-3:before {
 
    content: "\f241";
 
}
 
.icon-battery-three-quarters:before {
 
    content: "\f241";
 
}
 
.icon-battery-2:before {
 
    content: "\f242";
 
}
 
.icon-battery-half:before {
 
    content: "\f242";
 
}
 
.icon-battery-1:before {
 
    content: "\f243";
 
}
 
.icon-battery-quarter:before {
 
    content: "\f243";
 
}
 
.icon-battery-0:before {
 
    content: "\f244";
 
}
 
.icon-battery-empty:before {
 
    content: "\f244";
 
}
 
.icon-mouse-pointer:before {
 
    content: "\f245";
 
}
 
.icon-i-cursor:before {
 
    content: "\f246";
 
}
 
.icon-object-group:before {
 
    content: "\f247";
 
}
 
.icon-object-ungroup:before {
 
    content: "\f248";
 
}
 
.icon-sticky-note:before {
 
    content: "\f249";
 
}
 
.icon-sticky-note-o:before {
 
    content: "\f24a";
 
}
 
.icon-cc-jcb:before {
 
    content: "\f24b";
 
}
 
.icon-cc-diners-club:before {
 
    content: "\f24c";
 
}
 
.icon-clone:before {
 
    content: "\f24d";
 
}
 
.icon-balance-scale:before {
 
    content: "\f24e";
 
}
 
.icon-hourglass-o:before {
 
    content: "\f250";
 
}
 
.icon-hourglass-1:before {
 
    content: "\f251";
 
}
 
.icon-hourglass-start:before {
 
    content: "\f251";
 
}
 
.icon-hourglass-2:before {
 
    content: "\f252";
 
}
 
.icon-hourglass-half:before {
 
    content: "\f252";
 
}
 
.icon-hourglass-3:before {
 
    content: "\f253";
 
}
 
.icon-hourglass-end:before {
 
    content: "\f253";
 
}
 
.icon-hourglass:before {
 
    content: "\f254";
 
}
 
.icon-hand-grab-o:before {
 
    content: "\f255";
 
}
 
.icon-hand-rock-o:before {
 
    content: "\f255";
 
}
 
.icon-hand-paper-o:before {
 
    content: "\f256";
 
}
 
.icon-hand-stop-o:before {
 
    content: "\f256";
 
}
 
.icon-hand-scissors-o:before {
 
    content: "\f257";
 
}
 
.icon-hand-lizard-o:before {
 
    content: "\f258";
 
}
 
.icon-hand-spock-o:before {
 
    content: "\f259";
 
}
 
.icon-hand-pointer-o:before {
 
    content: "\f25a";
 
}
 
.icon-hand-peace-o:before {
 
    content: "\f25b";
 
}
 
.icon-trademark:before {
 
    content: "\f25c";
 
}
 
.icon-registered:before {
 
    content: "\f25d";
 
}
 
.icon-creative-commons:before {
 
    content: "\f25e";
 
}
 
.icon-gg:before {
 
    content: "\f260";
 
}
 
.icon-gg-circle:before {
 
    content: "\f261";
 
}
 
.icon-tripadvisor:before {
 
    content: "\f262";
 
}
 
.icon-odnoklassniki:before {
 
    content: "\f263";
 
}
 
.icon-odnoklassniki-square:before {
 
    content: "\f264";
 
}
 
.icon-get-pocket:before {
 
    content: "\f265";
 
}
 
.icon-wikipedia-w:before {
 
    content: "\f266";
 
}
 
.icon-safari:before {
 
    content: "\f267";
 
}
 
.icon-chrome:before {
 
    content: "\f268";
 
}
 
.icon-firefox:before {
 
    content: "\f269";
 
}
 
.icon-opera:before {
 
    content: "\f26a";
 
}
 
.icon-internet-explorer:before {
 
    content: "\f26b";
 
}
 
.icon-television:before {
 
    content: "\f26c";
 
}
 
.icon-tv:before {
 
    content: "\f26c";
 
}
 
.icon-contao:before {
 
    content: "\f26d";
 
}
 
.icon-500px:before {
 
    content: "\f26e";
 
}
 
.icon-amazon:before {
 
    content: "\f270";
 
}
 
.icon-calendar-plus-o:before {
 
    content: "\f271";
 
}
 
.icon-calendar-minus-o:before {
 
    content: "\f272";
 
}
 
.icon-calendar-times-o:before {
 
    content: "\f273";
 
}
 
.icon-calendar-check-o:before {
 
    content: "\f274";
 
}
 
.icon-industry:before {
 
    content: "\f275";
 
}
 
.icon-map-pin:before {
 
    content: "\f276";
 
}
 
.icon-map-signs:before {
 
    content: "\f277";
 
}
 
.icon-map-o:before {
 
    content: "\f278";
 
}
 
.icon-map:before {
 
    content: "\f279";
 
}
 
.icon-commenting:before {
 
    content: "\f27a";
 
}
 
.icon-commenting-o:before {
 
    content: "\f27b";
 
}
 
.icon-houzz:before {
 
    content: "\f27c";
 
}
 
.icon-vimeo:before {
 
    content: "\f27d";
 
}
 
.icon-black-tie:before {
 
    content: "\f27e";
 
}
 
.icon-fonticons:before {
 
    content: "\f280";
 
}
 
.icon-reddit-alien:before {
 
    content: "\f281";
 
}
 
.icon-edge:before {
 
    content: "\f282";
 
}
 
.icon-credit-card-alt:before {
 
    content: "\f283";
 
}
 
.icon-codiepie:before {
 
    content: "\f284";
 
}
 
.icon-modx:before {
 
    content: "\f285";
 
}
 
.icon-fort-awesome:before {
 
    content: "\f286";
 
}
 
.icon-usb:before {
 
    content: "\f287";
 
}
 
.icon-product-hunt:before {
 
    content: "\f288";
 
}
 
.icon-mixcloud:before {
 
    content: "\f289";
 
}
 
.icon-scribd:before {
 
    content: "\f28a";
 
}
 
.icon-pause-circle:before {
 
    content: "\f28b";
 
}
 
.icon-pause-circle-o:before {
 
    content: "\f28c";
 
}
 
.icon-stop-circle:before {
 
    content: "\f28d";
 
}
 
.icon-stop-circle-o:before {
 
    content: "\f28e";
 
}
 
.icon-shopping-bag:before {
 
    content: "\f290";
 
}
 
.icon-shopping-basket:before {
 
    content: "\f291";
 
}
 
.icon-hashtag:before {
 
    content: "\f292";
 
}
 
.icon-bluetooth:before {
 
    content: "\f293";
 
}
 
.icon-bluetooth-b:before {
 
    content: "\f294";
 
}
 
.icon-percent:before {
 
    content: "\f295";
 
}
 
.icon-gitlab:before {
 
    content: "\f296";
 
}
 
.icon-wpbeginner:before {
 
    content: "\f297";
 
}
 
.icon-wpforms:before {
 
    content: "\f298";
 
}
 
.icon-envira:before {
 
    content: "\f299";
 
}
 
.icon-universal-access:before {
 
    content: "\f29a";
 
}
 
.icon-wheelchair-alt:before {
 
    content: "\f29b";
 
}
 
.icon-question-circle-o:before {
 
    content: "\f29c";
 
}
 
.icon-blind:before {
 
    content: "\f29d";
 
}
 
.icon-audio-description:before {
 
    content: "\f29e";
 
}
 
.icon-volume-control-phone:before {
 
    content: "\f2a0";
 
}
 
.icon-braille:before {
 
    content: "\f2a1";
 
}
 
.icon-assistive-listening-systems:before {
 
    content: "\f2a2";
 
}
 
.icon-american-sign-language-interpreting:before {
 
    content: "\f2a3";
 
}
 
.icon-asl-interpreting:before {
 
    content: "\f2a3";
 
}
 
.icon-deaf:before {
 
    content: "\f2a4";
 
}
 
.icon-deafness:before {
 
    content: "\f2a4";
 
}
 
.icon-hard-of-hearing:before {
 
    content: "\f2a4";
 
}
 
.icon-glide:before {
 
    content: "\f2a5";
 
}
 
.icon-glide-g:before {
 
    content: "\f2a6";
 
}
 
.icon-sign-language:before {
 
    content: "\f2a7";
 
}
 
.icon-signing:before {
 
    content: "\f2a7";
 
}
 
.icon-low-vision:before {
 
    content: "\f2a8";
 
}
 
.icon-viadeo:before {
 
    content: "\f2a9";
 
}
 
.icon-viadeo-square:before {
 
    content: "\f2aa";
 
}
 
.icon-snapchat:before {
 
    content: "\f2ab";
 
}
 
.icon-snapchat-ghost:before {
 
    content: "\f2ac";
 
}
 
.icon-snapchat-square:before {
 
    content: "\f2ad";
 
}
 
.icon-pied-piper:before {
 
    content: "\f2ae";
 
}
 
.icon-first-order:before {
 
    content: "\f2b0";
 
}
 
.icon-yoast:before {
 
    content: "\f2b1";
 
}
 
.icon-themeisle:before {
 
    content: "\f2b2";
 
}
 
.icon-google-plus-circle:before {
 
    content: "\f2b3";
 
}
 
.icon-google-plus-official:before {
 
    content: "\f2b3";
 
}
 
.icon-fa:before {
 
    content: "\f2b4";
 
}
 
.icon-font-awesome:before {
 
    content: "\f2b4";
 
}
 
.icon-mobile2:before {
 
    content: "\e000";
 
}
 
.icon-laptop2:before {
 
    content: "\e001";
 
}
 
.icon-desktop2:before {
 
    content: "\e002";
 
}
 
.icon-tablet2:before {
 
    content: "\e003";
 
}
 
.icon-phone2:before {
 
    content: "\e004";
 
}
 
.icon-document:before {
 
    content: "\e005";
 
}
 
.icon-documents:before {
 
    content: "\e006";
 
}
 
.icon-search2:before {
 
    content: "\e007";
 
}
 
.icon-clipboard2:before {
 
    content: "\e008";
 
}
 
.icon-newspaper:before {
 
    content: "\e009";
 
}
 
.icon-notebook:before {
 
    content: "\e00a";
 
}
 
.icon-book-open:before {
 
    content: "\e00b";
 
}
 
.icon-browser:before {
 
    content: "\e00c";
 
}
 
.icon-calendar2:before {
 
    content: "\e00d";
 
}
 
.icon-presentation:before {
 
    content: "\e00e";
 
}
 
.icon-picture:before {
 
    content: "\e00f";
 
}
 
.icon-pictures:before {
 
    content: "\e010";
 
}
 
.icon-video:before {
 
    content: "\e011";
 
}
 
.icon-camera2:before {
 
    content: "\e012";
 
}
 
.icon-printer:before {
 
    content: "\e013";
 
}
 
.icon-toolbox:before {
 
    content: "\e014";
 
}
 
.icon-briefcase2:before {
 
    content: "\e015";
 
}
 
.icon-wallet:before {
 
    content: "\e016";
 
}
 
.icon-gift2:before {
 
    content: "\e017";
 
}
 
.icon-bargraph:before {
 
    content: "\e018";
 
}
 
.icon-grid:before {
 
    content: "\e019";
 
}
 
.icon-expand2:before {
 
    content: "\e01a";
 
}
 
.icon-focus:before {
 
    content: "\e01b";
 
}
 
.icon-edit2:before {
 
    content: "\e01c";
 
}
 
.icon-adjustments:before {
 
    content: "\e01d";
 
}
 
.icon-ribbon:before {
 
    content: "\e01e";
 
}
 
.icon-hourglass2:before {
 
    content: "\e01f";
 
}
 
.icon-lock2:before {
 
    content: "\e020";
 
}
 
.icon-megaphone:before {
 
    content: "\e021";
 
}
 
.icon-shield2:before {
 
    content: "\e022";
 
}
 
.icon-trophy2:before {
 
    content: "\e023";
 
}
 
.icon-flag2:before {
 
    content: "\e024";
 
}
 
.icon-map2:before {
 
    content: "\e025";
 
}
 
.icon-puzzle:before {
 
    content: "\e026";
 
}
 
.icon-basket:before {
 
    content: "\e027";
 
}
 
.icon-envelope2:before {
 
    content: "\e028";
 
}
 
.icon-streetsign:before {
 
    content: "\e029";
 
}
 
.icon-telescope:before {
 
    content: "\e02a";
 
}
 
.icon-gears2:before {
 
    content: "\e02b";
 
}
 
.icon-key2:before {
 
    content: "\e02c";
 
}
 
.icon-paperclip2:before {
 
    content: "\e02d";
 
}
 
.icon-attachment:before {
 
    content: "\e02e";
 
}
 
.icon-pricetags:before {
 
    content: "\e02f";
 
}
 
.icon-lightbulb:before {
 
    content: "\e030";
 
}
 
.icon-layers:before {
 
    content: "\e031";
 
}
 
.icon-pencil2:before {
 
    content: "\e032";
 
}
 
.icon-tools:before {
 
    content: "\e033";
 
}
 
.icon-tools-2:before {
 
    content: "\e034";
 
}
 
.icon-scissors2:before {
 
    content: "\e035";
 
}
 
.icon-paintbrush:before {
 
    content: "\e036";
 
}
 
.icon-magnifying-glass:before {
 
    content: "\e037";
 
}
 
.icon-circle-compass:before {
 
    content: "\e038";
 
}
 
.icon-linegraph:before {
 
    content: "\e039";
 
}
 
.icon-mic:before {
 
    content: "\e03a";
 
}
 
.icon-strategy:before {
 
    content: "\e03b";
 
}
 
.icon-beaker:before {
 
    content: "\e03c";
 
}
 
.icon-caution:before {
 
    content: "\e03d";
 
}
 
.icon-recycle2:before {
 
    content: "\e03e";
 
}
 
.icon-anchor2:before {
 
    content: "\e03f";
 
}
 
.icon-profile-male:before {
 
    content: "\e040";
 
}
 
.icon-profile-female:before {
 
    content: "\e041";
 
}
 
.icon-bike:before {
 
    content: "\e042";
 
}
 
.icon-wine:before {
 
    content: "\e043";
 
}
 
.icon-hotairballoon:before {
 
    content: "\e044";
 
}
 
.icon-globe2:before {
 
    content: "\e045";
 
}
 
.icon-genius:before {
 
    content: "\e046";
 
}
 
.icon-map-pin2:before {
 
    content: "\e047";
 
}
 
.icon-dial:before {
 
    content: "\e048";
 
}
 
.icon-chat:before {
 
    content: "\e049";
 
}
 
.icon-heart2:before {
 
    content: "\e04a";
 
}
 
.icon-cloud2:before {
 
    content: "\e04b";
 
}
 
.icon-upload2:before {
 
    content: "\e04c";
 
}
 
.icon-download2:before {
 
    content: "\e04d";
 
}
 
.icon-target:before {
 
    content: "\e04e";
 
}
 
.icon-hazardous:before {
 
    content: "\e04f";
 
}
 
.icon-piechart:before {
 
    content: "\e050";
 
}
 
.icon-speedometer:before {
 
    content: "\e051";
 
}
 
.icon-global:before {
 
    content: "\e052";
 
}
 
.icon-compass2:before {
 
    content: "\e053";
 
}
 
.icon-lifesaver:before {
 
    content: "\e054";
 
}
 
.icon-clock:before {
 
    content: "\e055";
 
}
 
.icon-aperture:before {
 
    content: "\e056";
 
}
 
.icon-quote:before {
 
    content: "\e057";
 
}
 
.icon-scope:before {
 
    content: "\e058";
 
}
 
.icon-alarmclock:before {
 
    content: "\e059";
 
}
 
.icon-refresh2:before {
 
    content: "\e05a";
 
}
 
.icon-happy:before {
 
    content: "\e05b";
 
}
 
.icon-sad:before {
 
    content: "\e05c";
 
}
 
.icon-facebook2:before {
 
    content: "\e05d";
 
}
 
.icon-twitter2:before {
 
    content: "\e05e";
 
}
 
.icon-googleplus:before {
 
    content: "\e05f";
 
}
 
.icon-rss2:before {
 
    content: "\e060";
 
}
 
.icon-tumblr2:before {
 
    content: "\e061";
 
}
 
.icon-linkedin2:before {
 
    content: "\e062";
 
}
 
.icon-dribbble2:before {
 
    content: "\e063";
 
}
 
 
/* =======================================================
 
*
 
*  Template Style
 
* Edit this section
 
*
 
* ======================================================= */
 
body {
 
  font-family: "Raleway", Arial, sans-serif;
 
  font-weight: 400;
 
  font-size: 16px;
 
  line-height: 1.7;
 
  color: #7f7f7f;
 
  background: #fff;
 
  height: 100%;
 
  position: relative;
 
}
 
 
a {
 
  color: #27E1CE;
 
  -webkit-transition: 0.5s;
 
  -o-transition: 0.5s;
 
  transition: 0.5s;
 
}
 
a:hover, a:active, a:focus {
 
  color: #27E1CE;
 
  outline: none;
 
}
 
 
p {
 
  margin-bottom: 30px;
 
}
 
 
h1, h2, h3, h4, h5, h6, figure {
 
  color: #000;
 
  font-family: "Raleway", Arial, sans-serif;
 
  font-weight: 400;
 
  margin: 0 0 30px 0;
 
}
 
 
::-webkit-selection {
 
  color: #fff;
 
  background: #27E1CE;
 
}
 
 
::-moz-selection {
 
  color: #fff;
 
  background: #27E1CE;
 
}
 
 
::selection {
 
  color: #fff;
 
  background: #69D2E7;
 
}
 
 
.btn {
 
  margin-right: 4px;
 
  margin-bottom: 4px;
 
  font-family: "Raleway", Arial, sans-serif;
 
  font-size: 16px;
 
  font-weight: 400;
 
  -webkit-border-radius: 30px;
 
  -moz-border-radius: 30px;
 
  -ms-border-radius: 30px;
 
  border-radius: 30px;
 
  -webkit-transition: 0.5s;
 
  -o-transition: 0.5s;
 
  transition: 0.5s;
 
}
 
.btn.btn-md {
 
  padding: 10px 20px !important;
 
}
 
.btn.btn-lg {
 
  padding: 18px 36px !important;
 
}
 
.btn:hover, .btn:active, .btn:focus {
 
  box-shadow: none !important;
 
  outline: none !important;
 
}
 
 
.btn-primary {
 
  background: #FA6900;
 
  color: #fff;
 
  border: 2px solid white;
 
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
 
  background: #69D2E7 !important;
 
  border-color: #69D2E7!important;
 
}
 
.btn-primary.btn-outline {
 
  background: transparent;
 
  color: #27E1CE;
 
  border: 2px solid #27E1CE;
 
}
 
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
 
  background: #27E1CE;
 
  color: #fff;
 
}
 
 
.btn-success {
 
  background: #5cb85c;
 
  color: #fff;
 
  border: 2px solid #5cb85c;
 
}
 
.btn-success:hover, .btn-success:focus, .btn-success:active {
 
  background: #4cae4c !important;
 
  border-color: #4cae4c !important;
 
}
 
.btn-success.btn-outline {
 
  background: transparent;
 
  color: #5cb85c;
 
  border: 2px solid #5cb85c;
 
}
 
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
 
  background: #5cb85c;
 
  color: #fff;
 
}
 
 
.btn-info {
 
  background: #5bc0de;
 
  color: #fff;
 
  border: 2px solid #5bc0de;
 
}
 
.btn-info:hover, .btn-info:focus, .btn-info:active {
 
  background: #46b8da !important;
 
  border-color: #46b8da !important;
 
}
 
.btn-info.btn-outline {
 
  background: transparent;
 
  color: #5bc0de;
 
  border: 2px solid #5bc0de;
 
}
 
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
 
  background: #5bc0de;
 
  color: #fff;
 
}
 
 
.btn-warning {
 
  background: #f0ad4e;
 
  color: #fff;
 
  border: 2px solid #f0ad4e;
 
}
 
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
 
  background: #eea236 !important;
 
  border-color: #eea236 !important;
 
}
 
.btn-warning.btn-outline {
 
  background: transparent;
 
  color: #f0ad4e;
 
  border: 2px solid #f0ad4e;
 
}
 
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
 
  background: #f0ad4e;
 
  color: #fff;
 
}
 
 
.btn-danger {
 
  background: #d9534f;
 
  color: #fff;
 
  border: 2px solid #d9534f;
 
}
 
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
 
  background: #d43f3a !important;
 
  border-color: #d43f3a !important;
 
}
 
.btn-danger.btn-outline {
 
  background: transparent;
 
  color: #d9534f;
 
  border: 2px solid #d9534f;
 
}
 
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
 
  background: #d9534f;
 
  color: #fff;
 
}
 
 
.btn-outline {
 
  background: none;
 
  border: 2px solid gray;
 
  font-size: 16px;
 
  -webkit-transition: 0.3s;
 
  -o-transition: 0.3s;
 
  transition: 0.3s;
 
}
 
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
 
  box-shadow: none;
 
}
 
 
.btn.with-arrow {
 
  position: relative;
 
  -webkit-transition: 0.3s;
 
  -o-transition: 0.3s;
 
  transition: 0.3s;
 
  vertical-align: middle;
 
}
 
.btn.with-arrow i {
 
  visibility: hidden;
 
  opacity: 0;
 
  position: absolute;
 
  right: 0px;
 
  top: 50%;
 
  margin-top: -8px;
 
  -webkit-transition: 0.2s;
 
  -o-transition: 0.2s;
 
  transition: 0.2s;
 
  vertical-align: middle;
 
}
 
.btn.with-arrow:hover {
 
  padding-right: 50px;
 
  vertical-align: middle;
 
}
 
.btn.with-arrow:hover i {
 
  color: #fff;
 
  right: 18px;
 
  visibility: visible;
 
  opacity: 1;
 
  vertical-align: middle;
 
}
 
 
.form-control {
 
  box-shadow: none;
 
  background: transparent;
 
  border: 2px solid rgba(0, 0, 0, 0.1);
 
  height: 54px;
 
  font-size: 18px;
 
  font-weight: 300;
 
}
 
.form-control:active, .form-control:focus {
 
  outline: none;
 
  box-shadow: none;
 
  border-color: #27E1CE;
 
}
 
 
.fh5co-social {
 
  padding: 0;
 
  margin: 0;
 
}
 
.fh5co-social li {
 
  padding: 0;
 
  margin: 0;
 
  list-style: none;
 
  display: -moz-inline-stack;
 
  display: inline-block;
 
  zoom: 1;
 
  *display: inline;
 
}
 
.fh5co-social li a {
 
  font-size: 22px;
 
  color: #fff;
 
  padding: 0;
 
  margin: 0;
 
  padding: 2px;
 
  display: -moz-inline-stack;
 
  display: inline-block;
 
  zoom: 1;
 
  *display: inline;
 
  -webkit-border-radius: 7px;
 
  -moz-border-radius: 7px;
 
  -ms-border-radius: 7px;
 
  border-radius: 7px;
 
}
 
.fh5co-social li a:hover {
 
  color: #27E1CE;
 
}
 
.fh5co-social li a:hover, .fh5co-social li a:active, .fh5co-social li a:focus {
 
  outline: none;
 
  text-decoration: none;
 
}
 
 
@media screen and (max-width: 480px) {
 
  .col-xxs-12 {
 
    float: none;
 
    width: 100%;
 
  }
 
}
 
 
.row-bottom-padded-lg {
 
  padding-bottom: 7em;
 
}
 
@media screen and (max-width: 768px) {
 
  .row-bottom-padded-lg {
 
    padding-bottom: 1em;
 
  }
 
}
 
 
.row-bottom-padded-md {
 
  padding-bottom: 4em;
 
}
 
@media screen and (max-width: 768px) {
 
  .row-bottom-padded-md {
 
    padding-bottom: 1em;
 
  }
 
}
 
 
.row-bottom-padded-sm {
 
  padding-bottom: 1em;
 
}
 
@media screen and (max-width: 768px) {
 
  .row-bottom-padded-sm {
 
    padding-bottom: 1em;
 
  }
 
}
 
 
#fh5co-header {
 
  width: 100%;
 
  margin: 0;
 
}
 
@media screen and (max-width: 768px) {
 
  #fh5co-header {
 
    margin: 0px 0 0 0;
 
  }
 
}
 
#fh5co-header .header-inner {
 
  height: 90px;
 
  padding-left: 20px;
 
  padding-right: 20px;
 
  float: left;
 
  width: 100%;
 
  -webkit-border-radius: 7px;
 
  -moz-border-radius: 7px;
 
  -ms-border-radius: 7px;
 
  border-radius: 7px;
 
  z-index: 2;
 
}
 
#fh5co-header h1 {
 
  float: left;
 
  padding: 0;
 
  width: 200px;
 
  font-weight: 700;
 
  font-size: 30px;
 
}
 
#fh5co-header h1 a {
 
  position: relative;
 
  color: #F38630;
 
}
 
#fh5co-header h1 a > span {
 
  color: #69D2E7;
 
}
 
#fh5co-header h1 a:hover, #fh5co-header h1 a:active, #fh5co-header h1 a:focus {
 
  text-decoration: none;
 
  outline: none;
 
}
 
#fh5co-header h1 a:after {
 
  position: absolute;
 
  bottom: 6px;
 
  right: -8px;
 
  content: '';
 
  width: 8px;
 
  height: 8px;
 
  background: #27E1CE;
 
  -webkit-border-radius: 50%;
 
  -moz-border-radius: 50%;
 
  -ms-border-radius: 50%;
 
  border-radius: 50%;
 
}
 
#fh5co-header h1{
 
  margin: 38px 0 0 0;
 
}
 
#fh5co-header nav {
 
  float: right;
 
  padding: 0;
 
  margin: 55px 0 0 0;
 
}
 
@media screen and (max-width: 768px) {
 
  #fh5co-header nav {
 
    display: none;
 
  }
 
}
 
#fh5co-header nav ul {
 
  padding: 0;
 
  margin: 0 -0px 0 0;
 
  line-height: 0;
 
}
 
#fh5co-header nav ul li {
 
  padding: 0;
 
  margin: 0;
 
  list-style: none;
 
  display: -moz-inline-stack;
 
  display: inline-block;
 
  zoom: 1;
 
  *display: inline;
 
}
 
#fh5co-header nav ul li a {
 
  color: rgba(0, 0, 0, 0.7);
 
  font-size: 18px;
 
  padding: 10px;
 
  position: relative;
 
  -webkit-transition: 0.2s;
 
  -o-transition: 0.2s;
 
  transition: 0.2s;
 
}
 
#fh5co-header nav ul li a i {
 
  line-height: 0;
 
  font-size: 20px;
 
  position: relative;
 
  top: 3px;
 
}
 
#fh5co-header nav ul li a:after {
 
  content: "";
 
  position: absolute;
 
  height: 2px;
 
  bottom: 7px;
 
  left: 10px;
 
  right: 10px;
 
  background-color: #69D2E7;
 
  visibility: hidden;
 
  -webkit-transform: scaleX(0);
 
  -moz-transform: scaleX(0);
 
  -ms-transform: scaleX(0);
 
  -o-transform: scaleX(0);
 
  transform: scaleX(0);
 
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
  -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
}
 
#fh5co-header nav ul li a:hover {
 
  text-decoration: none;
 
  color: #27e1ce;
 
}
 
#fh5co-header nav ul li a:hover:after {
 
  visibility: visible;
 
  -webkit-transform: scaleX(1);
 
  -moz-transform: scaleX(1);
 
  -ms-transform: scaleX(1);
 
  -o-transform: scaleX(1);
 
  transform: scaleX(1);
 
}
 
#fh5co-header nav ul li a:active, #fh5co-header nav ul li a:focus {
 
  outline: none;
 
  text-decoration: none;
 
}
 
#fh5co-header nav ul li.cta {
 
  margin-left: 20px;
 
}
 
#fh5co-header nav ul li.cta a {
 
  padding-left: 16px !important;
 
  padding-right: 16px !important;
 
  padding-top: 7px !important;
 
  padding-bottom: 7px !important;
 
  border: 2px solid #27e1ce;
 
  color: #27E1CE;
 
  -webkit-border-radius: 30px;
 
  -moz-border-radius: 30px;
 
  -ms-border-radius: 30px;
 
  border-radius: 30px;
 
}
 
#fh5co-header nav ul li.cta a:hover {
 
  color: #fff;
 
  background: #27E1CE;
 
}
 
#fh5co-header nav ul li.cta a:hover:after {
 
  display: none;
 
}
 
#fh5co-header nav ul li.active a {
 
  text-decoration: none;
 
  color: rgba(0, 0, 0, 0.8);
 
}
 
#fh5co-header nav ul li.active a:after {
 
  visibility: visible;
 
  -webkit-transform: scaleX(1);
 
  -moz-transform: scaleX(1);
 
  -ms-transform: scaleX(1);
 
  -o-transform: scaleX(1);
 
  transform: scaleX(1);
 
}
 
 
#fh5co-hero {
 
  min-height: 700px;
 
  z-index: 1;
 
}
 
#fh5co-hero .btn {
 
  font-size: 24px;
 
  color: white;
 
}
 
 
#fh5co-hero .flexslider {
 
  border: none;
 
  z-index: 1;
 
  margin-bottom: 0;
 
}
 
#fh5co-hero .flexslider .slides {
 
  position: relative;
 
  overflow: hidden;
 
}
 
#fh5co-hero .flexslider .slides li {
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
  background-position: center center;
 
  min-height: 700px;
 
}
 
#fh5co-hero .flexslider .flex-control-nav {
 
  bottom: 40px;
 
  z-index: 1000;
 
}
 
#fh5co-hero .flexslider .flex-control-nav li a {
 
  background: rgba(255, 255, 255, 0.2);
 
  box-shadow: none;
 
  width: 12px;
 
  height: 12px;
 
  cursor: pointer;
 
}
 
#fh5co-hero .flexslider .flex-control-nav li a.flex-active {
 
  cursor: pointer;
 
  background: rgba(255, 255, 255, 0.7);
 
}
 
#fh5co-hero .flexslider .flex-direction-nav {
 
  display: none;
 
}
 
#fh5co-hero .flexslider .slider-text {
 
  display: table;
 
  opacity: 0;
 
  min-height: 700px;
 
}
 
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
 
  display: table-cell;
 
  vertical-align: middle;
 
  min-height: 700px;
 
}
 
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
 
  font-size: 70px;
 
  font-weight: 600;
 
  color: white;
 
}
 
@media screen and (max-width: 768px) {
 
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
 
    font-size: 40px;
 
  }
 
}
 
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead {
 
  font-size: 20px;
 
  color: #69D2E7;
 
}
 
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead .icon-heart {
 
  color: red;
 
}
 
 
#fh5co-services-section, #fh5co-work-section, #fh5co-testimony-section,
 
#fh5co-blog-section {
 
  padding: 7em 0;
 
}
 
@media screen and (max-width: 768px) {
 
  #fh5co-services-section, #fh5co-work-section, #fh5co-testimony-section,
 
  #fh5co-blog-section {
 
    padding: 3em 0;
 
  }
 
}
 
 
#fh5co-services-section h2 {
 
 
  font-size: 60px;
 
  overflow: visible;
 
}
 
 
#fh5co-services-section .services {
 
  position: relative;
 
}
 
#fh5co-services-section .services i {
 
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  font-size: 40px;
 
  color: #27E1CE;
 
}
 
#fh5co-services-section .services .desc {
 
  padding-left: 70px;
 
}
 
#fh5co-services-section .services .desc h3 {
 
  font-size: 20px;
 
  font-weight: 700;
 
}
 
 
.fh5co-services {
 
  margin-top: 4em;
 
}
 
 
#fh5co-work-section .item-grid {
 
  width: 100%;
 
  float: left;
 
  position: relative;
 
  background: #A7DBD8;
 
  margin-bottom: 50px;
 
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
 
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
 
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
 
  -webkit-transition: 0.3s;
 
  -o-transition: 0.3s;
 
  transition: 0.3s;
 
  top: 2px;
 
}
 
#fh5co-work-section .item-grid .image {
 
  height: 300px;
 
  overflow: hidden;
 
  margin-bottom: 20px;
 
  background-size: cover;
 
  background-position: center center;
 
}
 
#fh5co-work-section .item-grid .v-align {
 
  padding: 30px;
 
}
 
#fh5co-work-section .item-grid .v-align h3 {
 
  font-weight: 700;
 
  font-size: 20px;
 
}
 
#fh5co-work-section .item-grid .v-align h5 {
 
  color: rgba(0, 0, 0, 0.3);
 
}
 
#fh5co-work-section .item-grid:hover, #fh5co-work-section .item-grid:focus {
 
  text-decoration: none;
 
  -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
 
  -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
 
  box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
 
  top: -2px;
 
}
 
 
.wrap-testimony {
 
  position: relative;
 
  width: 100%;
 
}
 
.wrap-testimony .testimony-slide {
 
  text-align: center;
 
  overflow: hidden;
 
}
 
.wrap-testimony .testimony-slide span {
 
  font-size: 18px;
 
}
 
.wrap-testimony .testimony-slide span a.twitter {
 
  color: #27E1CE;
 
  font-weight: 300;
 
}
 
.wrap-testimony .testimony-slide figure {
 
  margin-bottom: 20px;
 
  display: -moz-inline-stack;
 
  display: inline-block;
 
  zoom: 1;
 
  *display: inline;
 
}
 
.wrap-testimony .testimony-slide figure img {
 
  width: 120px;
 
  height: 120px;
 
  -webkit-border-radius: 50%;
 
  -moz-border-radius: 50%;
 
  -ms-border-radius: 50%;
 
  border-radius: 50%;
 
}
 
.wrap-testimony .testimony-slide blockquote {
 
  border: none;
 
  margin: 0 auto;
 
  width: 72%;
 
  position: relative;
 
  padding-bottom: 30px;
 
}
 
@media screen and (max-width: 992px) {
 
  .wrap-testimony .testimony-slide blockquote {
 
    width: 100%;
 
  }
 
}
 
.wrap-testimony .testimony-slide blockquote p {
 
  font-size: 20px;
 
  line-height: 1.6em;
 
  color: #1a1a1a;
 
}
 
.wrap-testimony .testimony-slide.active {
 
  display: block;
 
}
 
 
.owl-carousel .owl-controls .owl-dot {
 
  margin-top: 30px;
 
}
 
.owl-carousel .owl-controls .owl-dot span {
 
  background: #e6e6e6;
 
}
 
.owl-carousel .owl-controls .owl-dot span:hover, .owl-carousel .owl-controls .owl-dot span:focus {
 
  background: #cccccc;
 
}
 
.owl-carousel .owl-controls .owl-dot:hover span, .owl-carousel .owl-controls .owl-dot:focus span {
 
  background: #cccccc;
 
}
 
.owl-carousel .owl-controls .owl-dot.active span {
 
  background: transparent;
 
  border: 2px solid #27E1CE;
 
}
 
 
#fh5co-blog-section .item-grid {
 
  width: 100%;
 
  float: left;
 
  position: relative;
 
  background: #fff;
 
  margin-bottom: 50px;
 
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
 
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
 
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
 
  -webkit-transition: 0.3s;
 
  -o-transition: 0.3s;
 
  transition: 0.3s;
 
  top: 2px;
 
}
 
#fh5co-blog-section .item-grid .image {
 
  height: 400px;
 
  overflow: hidden;
 
  margin-bottom: 20px;
 
  background-size: cover;
 
  background-position: center center;
 
}
 
#fh5co-blog-section .item-grid .v-align {
 
  padding: 30px;
 
}
 
#fh5co-blog-section .item-grid .v-align h3 {
 
  font-weight: 700;
 
  font-size: 20px;
 
}
 
#fh5co-blog-section .item-grid .v-align h5 {
 
  color: rgba(0, 0, 0, 0.3);
 
}
 
#fh5co-blog-section .item-grid .v-align p {
 
  color: gray;
 
}
 
#fh5co-blog-section .item-grid:hover, #fh5co-blog-section .item-grid:focus {
 
  text-decoration: none;
 
  -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
 
  -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
 
  box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
 
  top: -2px;
 
}
 
 
.item-block {
 
  margin-bottom: 7em;
 
  float: left;
 
}
 
.item-block .icon {
 
  display: block;
 
  margin-bottom: 30px;
 
}
 
.item-block .icon img {
 
  max-width: inherit;
 
  height: 90px;
 
  margin: 0 auto;
 
}
 
.item-block h3 {
 
  font-size: 20px;
 
  font-weight: 700;
 
}
 
.item-block p:last-child {
 
  margin-bottom: 0;
 
}
 
 
.fh5co-heading {
 
  margin-bottom: 30px;
 
}
 
.fh5co-heading h2 {
 
  margin-bottom: 20px;
 
  font-weight: 700;
 
}
 
 
.googleplus-color {
 
  color: #dc4e41;
 
}
 
 
.facebook-color {
 
  color: #3b5998;
 
}
 
 
.twitter-color {
 
  color: #55acee;
 
}
 
 
.fh5co-about,
 
.fh5co-contact {
 
  padding: 7em 0;
 
}
 
 
.fh5co-team {
 
  padding: 0;
 
}
 
 
.fh5co-team h2 {
 
  font-size: 60px;
 
}
 
 
@media screen and (max-width: 768px) {
 
  .fh5co-about,
 
  .fh5co-team,
 
  .fh5co-contact {
 
    padding: 3em 0 10px 0;
 
  }
 
}
 
 
.contact-info {
 
  margin-bottom: 4em;
 
  padding: 0;
 
}
 
.contact-info li {
 
  list-style: none;
 
  margin: 0 0 20px 0;
 
  position: relative;
 
  padding-left: 40px;
 
}
 
.contact-info li i {
 
  position: absolute;
 
  top: .3em;
 
  left: 0;
 
  font-size: 22px;
 
  color: #27E1CE;
 
}
 
.contact-info li a {
 
  color: #27E1CE;
 
}
 
 
#map {
 
  height: 500px;
 
  width: 100%;
 
}
 
@media screen and (max-width: 768px) {
 
  #map {
 
    height: 400px;
 
  }
 
}
 
@media screen and (max-width: 480px) {
 
  #map {
 
    height: 200px;
 
  }
 
}
 
 
.fh5co-staff img {
 
  margin-bottom: 1.5em;
 
}
 
.fh5co-staff h3 {
 
  margin: 0 0 20px 0;
 
  font-weight: 700;
 
  font-size: 20px;
 
}
 
.fh5co-staff h4 {
 
  margin: 0 0 20px 0;
 
  font-weight: 400;
 
  color: rgba(0, 0, 0, 0.4);
 
}
 
.fh5co-staff .fh5co-social {
 
  text-align: center;
 
}
 
.fh5co-staff .fh5co-social a {
 
  color: #000;
 
}
 
 
.fh5co-cta {
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
  background-position: center center;
 
  background-attachment: fixed;
 
  padding: 14em 0;
 
  position: relative;
 
  min-height: 700px;
 
  z-index: 2;
 
}
 
 
#homeCta {
 
  min-height: 100px !important;
 
}
 
@media screen and (max-width: 768px) {
 
  .fh5co-cta {
 
    padding: 3em 0;
 
  }
 
}
 
.fh5co-cta .overlay {
 
  background: rgba(0, 0, 0, 0.6);
 
  left: 0;
 
  right: 0;
 
  bottom: 0;
 
  top: 0;
 
  position: absolute;
 
  z-index: 1;
 
  min-height: 700px;
 
}
 
.fh5co-cta .overlay2 {
 
  background: rgba(0, 0, 0, 0.6);
 
  left: 0;
 
  right: 0;
 
  bottom: 0;
 
  top: 0;
 
  position: absolute;
 
  z-index: 1;
 
  min-height: 100px;
 
}
 
.fh5co-cta .container {
 
  position: relative;
 
  z-index: 2;
 
}
 
.fh5co-cta p, .fh5co-cta h3, .fh5co-cta h2 {
 
  color: #fff;
 
}
 
 
.fh5co-cta h2 {
 
  font-size: 40px;
 
}
 
 
.fh5co-cta {
 
  color: #fff;
 
}
 
.fh5co-cta p:last-child {
 
  margin-bottom: 0;
 
}
 
.fh5co-cta .btn {
 
  color: #fff;
 
}
 
 
#fh5co-footer {
 
  padding: 7em 0;
 
  float: left;
 
  width: 100%;
 
  position: relative;
 
  background: #262626;
 
}
 
@media screen and (max-width: 768px) {
 
  #fh5co-footer {
 
    padding: 3em 0;
 
  }
 
}
 
#fh5co-footer h2, #fh5co-footer h3, #fh5co-footer h4 {
 
  color: #fff;
 
}
 
#fh5co-footer h3 {
 
  text-transform: uppercase;
 
  letter-spacing: 2px;
 
  font-size: 16px;
 
  font-weight: bold;
 
}
 
#fh5co-footer [class*="col"] {
 
  padding-bottom: 30px;
 
}
 
#fh5co-footer .btn {
 
  color: #fff;
 
}
 
#fh5co-footer .float {
 
  float: left;
 
  margin-right: 10%;
 
}
 
#fh5co-footer ul {
 
  padding: 0;
 
  margin: 0;
 
}
 
#fh5co-footer ul li {
 
  padding: 0;
 
  margin: 0 0 10px 0;
 
  list-style: none;
 
}
 
#fh5co-footer ul li a {
 
  color: rgba(255, 255, 255, 0.5);
 
  text-decoration: none !important;
 
}
 
#fh5co-footer ul li a:hover {
 
  color: #fff;
 
}
 
#fh5co-footer .fh5co-social li {
 
  display: block !important;
 
}
 
 
.fh5co-copyright {
 
  border-top: 1px solid rgba(255, 255, 255, 0.1);
 
  clear: both;
 
  margin-top: 40px !important;
 
  padding: 40px 0 0 0;
 
}
 
.fh5co-copyright span {
 
  display: block;
 
  color: rgba(255, 255, 255, 0.5);
 
}
 
@media screen and (max-width: 480px) {
 
  .fh5co-copyright {
 
    text-align: left !important;
 
  }
 
  .fh5co-copyright span {
 
    display: inline;
 
  }
 
}
 
 
#fh5co-page {
 
  position: relative;
 
  z-index: 2;
 
  background: #fff;
 
}
 
 
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
 
  -webkit-transition: 0.5s;
 
  -o-transition: 0.5s;
 
  transition: 0.5s;
 
}
 
 
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
 
  position: relative;
 
}
 
 
#fh5co-page {
 
  z-index: 2;
 
  -webkit-transition: 0.5s;
 
  -o-transition: 0.5s;
 
  transition: 0.5s;
 
}
 
.offcanvas-visible #fh5co-page {
 
  -moz-transform: translateX(-275px);
 
  -webkit-transform: translateX(-275px);
 
  -ms-transform: translateX(-275px);
 
  -o-transform: translateX(-275px);
 
  transform: translateX(-275px);
 
}
 
 
#fh5co-offcanvas {
 
  display: none;
 
  height: 100%;
 
  right: 0;
 
  overflow-y: auto;
 
  position: fixed;
 
  z-index: 1;
 
  top: 0;
 
  width: 275px;
 
  background: black;
 
  padding: 30px;
 
}
 
@media screen and (max-width: 768px) {
 
  #fh5co-offcanvas {
 
    display: block;
 
  }
 
}
 
#fh5co-offcanvas ul {
 
  padding: 0;
 
  margin: 0;
 
}
 
#fh5co-offcanvas ul li {
 
  padding: 0;
 
  margin: 0 0 10px 0;
 
  list-style: none;
 
  line-height: 28px;
 
}
 
#fh5co-offcanvas ul li a {
 
  font-size: 18px;
 
  color: rgba(255, 255, 255, 0.7);
 
  text-decoration: none !important;
 
}
 
#fh5co-offcanvas ul li a:hover {
 
  color: #27E1CE;
 
}
 
#fh5co-offcanvas ul li.active a {
 
  color: #27E1CE;
 
}
 
#fh5co-offcanvas ul li.cta {
 
  margin-left: 0;
 
  margin-top: 20px;
 
  display: block;
 
  float: left;
 
}
 
#fh5co-offcanvas ul li.cta a {
 
  padding-left: 16px !important;
 
  padding-right: 16px !important;
 
  padding-top: 7px !important;
 
  padding-bottom: 7px !important;
 
  border: 2px solid rgba(255, 255, 255, 0.7);
 
  -webkit-border-radius: 30px;
 
  -moz-border-radius: 30px;
 
  -ms-border-radius: 30px;
 
  border-radius: 30px;
 
}
 
#fh5co-offcanvas ul li.cta a:hover {
 
  background: #fff;
 
  text-decoration: none;
 
}
 
#fh5co-offcanvas ul li.cta a:hover:after {
 
  display: none;
 
}
 
 
.fh5co-nav-toggle {
 
  cursor: pointer;
 
  text-decoration: none;
 
}
 
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
 
  background: #fff;
 
}
 
.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {
 
  background: #fff;
 
}
 
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
 
  outline: none;
 
  border-bottom: none !important;
 
}
 
.fh5co-nav-toggle i {
 
  position: relative;
 
  display: -moz-inline-stack;
 
  display: inline-block;
 
  zoom: 1;
 
  *display: inline;
 
  width: 30px;
 
  height: 2px;
 
  color: #fff;
 
  font: bold 14px/.4 Helvetica;
 
  text-transform: uppercase;
 
  text-indent: -55px;
 
  background: #000;
 
  transition: all .2s ease-out;
 
}
 
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
 
  content: '';
 
  width: 30px;
 
  height: 2px;
 
  background: #000;
 
  position: absolute;
 
  left: 0;
 
  -webkit-transition: 0.2s;
 
  -o-transition: 0.2s;
 
  transition: 0.2s;
 
}
 
.fh5co-nav-toggle.dark i {
 
  position: relative;
 
  color: #000;
 
  background: #000;
 
  transition: all .2s ease-out;
 
}
 
.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {
 
  background: #000;
 
  -webkit-transition: 0.2s;
 
  -o-transition: 0.2s;
 
  transition: 0.2s;
 
}
 
 
.fh5co-nav-toggle i::before {
 
  top: -7px;
 
}
 
 
.fh5co-nav-toggle i::after {
 
  bottom: -7px;
 
}
 
 
.fh5co-nav-toggle:hover i::before {
 
  top: -10px;
 
}
 
 
.fh5co-nav-toggle:hover i::after {
 
  bottom: -10px;
 
}
 
 
.fh5co-nav-toggle.active i {
 
  background: transparent;
 
}
 
 
.fh5co-nav-toggle.active i::before {
 
  top: 0;
 
  -webkit-transform: rotateZ(45deg);
 
  -moz-transform: rotateZ(45deg);
 
  -ms-transform: rotateZ(45deg);
 
  -o-transform: rotateZ(45deg);
 
  transform: rotateZ(45deg);
 
}
 
 
.fh5co-nav-toggle.active i::after {
 
  bottom: 0;
 
  -webkit-transform: rotateZ(-45deg);
 
  -moz-transform: rotateZ(-45deg);
 
  -ms-transform: rotateZ(-45deg);
 
  -o-transform: rotateZ(-45deg);
 
  transform: rotateZ(-45deg);
 
}
 
 
.fh5co-nav-toggle {
 
  position: fixed;
 
  top: 40px;
 
  right: 20px;
 
  z-index: 9999;
 
  display: block;
 
  margin: 0 auto;
 
  display: none;
 
  cursor: pointer;
 
}
 
@media screen and (max-width: 768px) {
 
  .fh5co-nav-toggle {
 
    display: block;
 
    top: 20px;
 
  }
 
}
 
 
#fh5co-pricing-section {
 
  padding: 7em 0;
 
  background: #fcfcfc;
 
}
 
@media screen and (max-width: 768px) {
 
  #fh5co-pricing-section {
 
    padding: 3em 0;
 
  }
 
}
 
#fh5co-pricing-section .pricing {
 
  display: block;
 
  float: left;
 
  margin-bottom: 30px;
 
}
 
#fh5co-pricing-section .price-box {
 
  text-align: center;
 
  padding: 30px;
 
  background: #fff;
 
  margin-bottom: 40px;
 
  position: relative;
 
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
 
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
 
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
 
  top: 2px;
 
  -webkit-transition: 0.3s;
 
  -o-transition: 0.3s;
 
  transition: 0.3s;
 
}
 
#fh5co-pricing-section .price-box.popular .btn-select-plan {
 
  background: #27E1CE;
 
}
 
#fh5co-pricing-section .price-box.popular .price {
 
  color: #27E1CE;
 
}
 
#fh5co-pricing-section .price-box .btn-select-plan {
 
  padding: 10px 20px;
 
  background: #5bc0de;
 
  color: #fff;
 
}
 
#fh5co-pricing-section .price-box:hover, #fh5co-pricing-section .price-box:focus {
 
  -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
 
  -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
 
  box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
 
  top: -2px;
 
}
 
#fh5co-pricing-section .pricing-plan {
 
  margin: 0 0 50px 0;
 
  padding: 0;
 
  font-size: 13px;
 
  letter-spacing: 2px;
 
  text-transform: uppercase;
 
  font-weight: 700;
 
  color: #888f94;
 
}
 
#fh5co-pricing-section .pricing-plan.pricing-plan-offer {
 
  margin-bottom: 24px;
 
}
 
#fh5co-pricing-section .pricing-plan span {
 
  display: block;
 
  margin-top: 10px;
 
  margin-bottom: 0;
 
  color: #d5d8db;
 
}
 
#fh5co-pricing-section .price {
 
  font-size: 72px;
 
  color: #6d6d6d;
 
  line-height: 50px;
 
}
 
#fh5co-pricing-section .price .currency {
 
  font-size: 30px;
 
  top: -0.9em;
 
  padding-right: 10px;
 
}
 
#fh5co-pricing-section .price small {
 
  font-size: 13px;
 
  display: block;
 
  text-transform: uppercase;
 
  color: #888f94;
 
}
 
 
.fh5co-light-grey-section {
 
  background: rgba(0, 0, 0, 0.03) !important;
 
}
 
 
.js .animate-box {
 
  opacity: 0;
 
}
 
 
.navbar-bright {
 
background-color:#111155;
 
color:#fff;
 
}
 
 
.affix-top,.affix{
 
position: static;
 
}
 
 
 
#sidebar {
 
  text-align: right;
 
  color: #27E1CE;
 
}
 
 
#sidebar a:visited{
 
  color: #27E1CE;
 
}
 
 
@media (min-width: 979px) {
 
  #sidebar.affix-top {
 
    position: static;
 
    margin-top:30px;
 
    width:228px;
 
  }
 
 
 
  #sidebar.affix {
 
    position: fixed;
 
    top:70px;
 
    width:228px;
 
  }
 
}
 
 
#sidebar li.active {
 
  border:0 #eee solid;
 
  border-right-width:5px;
 
}
 
 
/* The container <div> - needed to position the dropdown content */
 
.dropdown {
 
    position: relative;
 
    display: inline-block;
 
}
 
 
/* Dropdown Content (Hidden by Default) */
 
.dropdown-content {
 
    display: none;
 
    position: absolute;
 
    background-color: #f9f9f9;
 
    min-width: 160px;
 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
    z-index: 3;
 
}
 
 
/* Links inside the dropdown */
 
.dropdown-content a {
 
    color: black;
 
    text-decoration: none;
 
    display: block;
 
    z-index: 3;
 
    margin-top: 6px;
 
    margin-bottom: 6px;
 
}
 
 
/* Change color of dropdown links on hover */
 
.dropdown-content a:hover {background-color: #f1f1f1}
 
 
/* Show the dropdown menu on hover */
 
.dropdown:hover .dropdown-content {
 
    display: block;
 
    margin-top: 10px;
 
 
}
 
 
.dropdown-content a:after{
 
    background-color: transparent !important;
 
}
 
 
/* Change the background color of the dropdown button when the dropdown content is shown */
 
.dropdown:hover .dropbtn {
 
    background-color: #3e8e41;
 
}
 
 
 
 
/*# sourceMappingURL=style.css.map */
 
 
 
  
 
/*
 
/*
Line 14,892: Line 1,128:
 
}
 
}
 
}
 
}
 
 
 
/*
 
==============================================
 
CSS3 ANIMATION CHEAT SHEET
 
==============================================
 
 
Made by Justin Aguilar
 
 
www.justinaguilar.com/animations/
 
 
Questions, comments, concerns, love letters:
 
justin@justinaguilar.com
 
==============================================
 
*/
 
 
/*
 
==============================================
 
slideDown
 
==============================================
 
*/
 
 
 
.slideDown{
 
animation-name: slideDown;
 
-webkit-animation-name: slideDown;
 
 
animation-duration: 1s;
 
-webkit-animation-duration: 1s;
 
 
animation-timing-function: ease;
 
-webkit-animation-timing-function: ease;
 
 
visibility: visible !important;
 
}
 
 
@keyframes slideDown {
 
0% {
 
transform: translateY(-100%);
 
}
 
50%{
 
transform: translateY(8%);
 
}
 
65%{
 
transform: translateY(-4%);
 
}
 
80%{
 
transform: translateY(4%);
 
}
 
95%{
 
transform: translateY(-2%);
 
}
 
100% {
 
transform: translateY(0%);
 
}
 
}
 
 
@-webkit-keyframes slideDown {
 
0% {
 
-webkit-transform: translateY(-100%);
 
}
 
50%{
 
-webkit-transform: translateY(8%);
 
}
 
65%{
 
-webkit-transform: translateY(-4%);
 
}
 
80%{
 
-webkit-transform: translateY(4%);
 
}
 
95%{
 
-webkit-transform: translateY(-2%);
 
}
 
100% {
 
-webkit-transform: translateY(0%);
 
}
 
}
 
 
/*
 
==============================================
 
slideUp
 
==============================================
 
*/
 
 
 
.slideUp{
 
animation-name: slideUp;
 
-webkit-animation-name: slideUp;
 
 
animation-duration: 1s;
 
-webkit-animation-duration: 1s;
 
 
animation-timing-function: ease;
 
-webkit-animation-timing-function: ease;
 
 
visibility: visible !important;
 
}
 
 
@keyframes slideUp {
 
0% {
 
transform: translateY(100%);
 
}
 
50%{
 
transform: translateY(-8%);
 
}
 
65%{
 
transform: translateY(4%);
 
}
 
80%{
 
transform: translateY(-4%);
 
}
 
95%{
 
transform: translateY(2%);
 
}
 
100% {
 
transform: translateY(0%);
 
}
 
}
 
 
@-webkit-keyframes slideUp {
 
0% {
 
-webkit-transform: translateY(100%);
 
}
 
50%{
 
-webkit-transform: translateY(-8%);
 
}
 
65%{
 
-webkit-transform: translateY(4%);
 
}
 
80%{
 
-webkit-transform: translateY(-4%);
 
}
 
95%{
 
-webkit-transform: translateY(2%);
 
}
 
100% {
 
-webkit-transform: translateY(0%);
 
}
 
}
 
 
/*
 
==============================================
 
slideLeft
 
==============================================
 
*/
 
 
 
.slideLeft{
 
animation-name: slideLeft;
 
-webkit-animation-name: slideLeft;
 
 
animation-duration: 1s;
 
-webkit-animation-duration: 1s;
 
 
animation-timing-function: ease-in-out;
 
-webkit-animation-timing-function: ease-in-out;
 
 
visibility: visible !important;
 
}
 
 
@keyframes slideLeft {
 
0% {
 
transform: translateX(150%);
 
}
 
50%{
 
transform: translateX(-8%);
 
}
 
65%{
 
transform: translateX(4%);
 
}
 
80%{
 
transform: translateX(-4%);
 
}
 
95%{
 
transform: translateX(2%);
 
}
 
100% {
 
transform: translateX(0%);
 
}
 
}
 
 
@-webkit-keyframes slideLeft {
 
0% {
 
-webkit-transform: translateX(150%);
 
}
 
50%{
 
-webkit-transform: translateX(-8%);
 
}
 
65%{
 
-webkit-transform: translateX(4%);
 
}
 
80%{
 
-webkit-transform: translateX(-4%);
 
}
 
95%{
 
-webkit-transform: translateX(2%);
 
}
 
100% {
 
-webkit-transform: translateX(0%);
 
}
 
}
 
 
/*
 
==============================================
 
slideRight
 
==============================================
 
*/
 
 
 
.slideRight{
 
animation-name: slideRight;
 
-webkit-animation-name: slideRight;
 
 
animation-duration: 1s;
 
-webkit-animation-duration: 1s;
 
 
animation-timing-function: ease-in-out;
 
-webkit-animation-timing-function: ease-in-out;
 
 
visibility: visible !important;
 
}
 
 
@keyframes slideRight {
 
0% {
 
transform: translateX(-150%);
 
}
 
50%{
 
transform: translateX(8%);
 
}
 
65%{
 
transform: translateX(-4%);
 
}
 
80%{
 
transform: translateX(4%);
 
}
 
95%{
 
transform: translateX(-2%);
 
}
 
100% {
 
transform: translateX(0%);
 
}
 
}
 
 
@-webkit-keyframes slideRight {
 
0% {
 
-webkit-transform: translateX(-150%);
 
}
 
50%{
 
-webkit-transform: translateX(8%);
 
}
 
65%{
 
-webkit-transform: translateX(-4%);
 
}
 
80%{
 
-webkit-transform: translateX(4%);
 
}
 
95%{
 
-webkit-transform: translateX(-2%);
 
}
 
100% {
 
-webkit-transform: translateX(0%);
 
}
 
}
 
 
/*
 
==============================================
 
slideExpandUp
 
==============================================
 
*/
 
 
 
.slideExpandUp{
 
animation-name: slideExpandUp;
 
-webkit-animation-name: slideExpandUp;
 
 
animation-duration: 1.6s;
 
-webkit-animation-duration: 1.6s;
 
 
animation-timing-function: ease-out;
 
-webkit-animation-timing-function: ease -out;
 
 
visibility: visible !important;
 
}
 
 
@keyframes slideExpandUp {
 
0% {
 
transform: translateY(100%) scaleX(0.5);
 
}
 
30%{
 
transform: translateY(-8%) scaleX(0.5);
 
}
 
40%{
 
transform: translateY(2%) scaleX(0.5);
 
}
 
50%{
 
transform: translateY(0%) scaleX(1.1);
 
}
 
60%{
 
transform: translateY(0%) scaleX(0.9);
 
}
 
70% {
 
transform: translateY(0%) scaleX(1.05);
 
}
 
80%{
 
transform: translateY(0%) scaleX(0.95);
 
}
 
90% {
 
transform: translateY(0%) scaleX(1.02);
 
}
 
100%{
 
transform: translateY(0%) scaleX(1);
 
}
 
}
 
 
@-webkit-keyframes slideExpandUp {
 
0% {
 
-webkit-transform: translateY(100%) scaleX(0.5);
 
}
 
30%{
 
-webkit-transform: translateY(-8%) scaleX(0.5);
 
}
 
40%{
 
-webkit-transform: translateY(2%) scaleX(0.5);
 
}
 
50%{
 
-webkit-transform: translateY(0%) scaleX(1.1);
 
}
 
60%{
 
-webkit-transform: translateY(0%) scaleX(0.9);
 
}
 
70% {
 
-webkit-transform: translateY(0%) scaleX(1.05);
 
}
 
80%{
 
-webkit-transform: translateY(0%) scaleX(0.95);
 
}
 
90% {
 
-webkit-transform: translateY(0%) scaleX(1.02);
 
}
 
100%{
 
-webkit-transform: translateY(0%) scaleX(1);
 
}
 
}
 
 
/*
 
==============================================
 
expandUp
 
==============================================
 
*/
 
 
 
.expandUp{
 
animation-name: expandUp;
 
-webkit-animation-name: expandUp;
 
 
animation-duration: 0.7s;
 
-webkit-animation-duration: 0.7s;
 
 
animation-timing-function: ease;
 
-webkit-animation-timing-function: ease;
 
 
visibility: visible !important;
 
}
 
 
@keyframes expandUp {
 
0% {
 
transform: translateY(100%) scale(0.6) scaleY(0.5);
 
}
 
60%{
 
transform: translateY(-7%) scaleY(1.12);
 
}
 
75%{
 
transform: translateY(3%);
 
}
 
100% {
 
transform: translateY(0%) scale(1) scaleY(1);
 
}
 
}
 
 
@-webkit-keyframes expandUp {
 
0% {
 
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
 
}
 
60%{
 
-webkit-transform: translateY(-7%) scaleY(1.12);
 
}
 
75%{
 
-webkit-transform: translateY(3%);
 
}
 
100% {
 
-webkit-transform: translateY(0%) scale(1) scaleY(1);
 
}
 
}
 
 
/*
 
==============================================
 
fadeIn
 
==============================================
 
*/
 
 
.fadeIn{
 
animation-name: fadeIn;
 
-webkit-animation-name: fadeIn;
 
 
animation-duration: 1.5s;
 
-webkit-animation-duration: 1.5s;
 
 
animation-timing-function: ease-in-out;
 
-webkit-animation-timing-function: ease-in-out;
 
 
visibility: visible !important;
 
}
 
 
@keyframes fadeIn {
 
0% {
 
transform: scale(0);
 
opacity: 0.0;
 
}
 
60% {
 
transform: scale(1.1);
 
}
 
80% {
 
transform: scale(0.9);
 
opacity: 1;
 
}
 
100% {
 
transform: scale(1);
 
opacity: 1;
 
}
 
}
 
 
@-webkit-keyframes fadeIn {
 
0% {
 
-webkit-transform: scale(0);
 
opacity: 0.0;
 
}
 
60% {
 
-webkit-transform: scale(1.1);
 
}
 
80% {
 
-webkit-transform: scale(0.9);
 
opacity: 1;
 
}
 
100% {
 
-webkit-transform: scale(1);
 
opacity: 1;
 
}
 
}
 
 
/*
 
==============================================
 
expandOpen
 
==============================================
 
*/
 
 
 
.expandOpen{
 
animation-name: expandOpen;
 
-webkit-animation-name: expandOpen;
 
 
animation-duration: 1.2s;
 
-webkit-animation-duration: 1.2s;
 
 
animation-timing-function: ease-out;
 
-webkit-animation-timing-function: ease-out;
 
 
visibility: visible !important;
 
}
 
 
@keyframes expandOpen {
 
0% {
 
transform: scale(1.8);
 
}
 
50% {
 
transform: scale(0.95);
 
}
 
80% {
 
transform: scale(1.05);
 
}
 
90% {
 
transform: scale(0.98);
 
}
 
100% {
 
transform: scale(1);
 
}
 
}
 
 
@-webkit-keyframes expandOpen {
 
0% {
 
-webkit-transform: scale(1.8);
 
}
 
50% {
 
-webkit-transform: scale(0.95);
 
}
 
80% {
 
-webkit-transform: scale(1.05);
 
}
 
90% {
 
-webkit-transform: scale(0.98);
 
}
 
100% {
 
-webkit-transform: scale(1);
 
}
 
}
 
 
/*
 
==============================================
 
bigEntrance
 
==============================================
 
*/
 
 
 
.bigEntrance{
 
animation-name: bigEntrance;
 
-webkit-animation-name: bigEntrance;
 
 
animation-duration: 1.6s;
 
-webkit-animation-duration: 1.6s;
 
 
animation-timing-function: ease-out;
 
-webkit-animation-timing-function: ease-out;
 
 
visibility: visible !important;
 
}
 
 
@keyframes bigEntrance {
 
0% {
 
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
 
opacity: 0.2;
 
}
 
30% {
 
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
 
opacity: 1;
 
}
 
45% {
 
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
60% {
 
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
75% {
 
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
90% {
 
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
100% {
 
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
}
 
 
@-webkit-keyframes bigEntrance {
 
0% {
 
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
 
opacity: 0.2;
 
}
 
30% {
 
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
 
opacity: 1;
 
}
 
45% {
 
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
60% {
 
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
75% {
 
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
90% {
 
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
100% {
 
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
 
opacity: 1;
 
}
 
}
 
 
/*
 
==============================================
 
hatch
 
==============================================
 
*/
 
 
.hatch{
 
animation-name: hatch;
 
-webkit-animation-name: hatch;
 
 
animation-duration: 2s;
 
-webkit-animation-duration: 2s;
 
 
animation-timing-function: ease-in-out;
 
-webkit-animation-timing-function: ease-in-out;
 
 
transform-origin: 50% 100%;
 
-ms-transform-origin: 50% 100%;
 
-webkit-transform-origin: 50% 100%;
 
 
visibility: visible !important;
 
}
 
 
@keyframes hatch {
 
0% {
 
transform: rotate(0deg) scaleY(0.6);
 
}
 
20% {
 
transform: rotate(-2deg) scaleY(1.05);
 
}
 
35% {
 
transform: rotate(2deg) scaleY(1);
 
}
 
50% {
 
transform: rotate(-2deg);
 
}
 
65% {
 
transform: rotate(1deg);
 
}
 
80% {
 
transform: rotate(-1deg);
 
}
 
100% {
 
transform: rotate(0deg);
 
}
 
}
 
 
@-webkit-keyframes hatch {
 
0% {
 
-webkit-transform: rotate(0deg) scaleY(0.6);
 
}
 
20% {
 
-webkit-transform: rotate(-2deg) scaleY(1.05);
 
}
 
35% {
 
-webkit-transform: rotate(2deg) scaleY(1);
 
}
 
50% {
 
-webkit-transform: rotate(-2deg);
 
}
 
65% {
 
-webkit-transform: rotate(1deg);
 
}
 
80% {
 
-webkit-transform: rotate(-1deg);
 
}
 
100% {
 
-webkit-transform: rotate(0deg);
 
}
 
}
 
 
 
/*
 
==============================================
 
bounce
 
==============================================
 
*/
 
 
 
.bounce{
 
animation-name: bounce;
 
-webkit-animation-name: bounce;
 
 
animation-duration: 1.6s;
 
-webkit-animation-duration: 1.6s;
 
 
animation-timing-function: ease;
 
-webkit-animation-timing-function: ease;
 
 
transform-origin: 50% 100%;
 
-ms-transform-origin: 50% 100%;
 
-webkit-transform-origin: 50% 100%;
 
}
 
 
@keyframes bounce {
 
0% {
 
transform: translateY(0%) scaleY(0.6);
 
}
 
60%{
 
transform: translateY(-100%) scaleY(1.1);
 
}
 
70%{
 
transform: translateY(0%) scaleY(0.95) scaleX(1.05);
 
}
 
80%{
 
transform: translateY(0%) scaleY(1.05) scaleX(1);
 
}
 
90%{
 
transform: translateY(0%) scaleY(0.95) scaleX(1);
 
}
 
100%{
 
transform: translateY(0%) scaleY(1) scaleX(1);
 
}
 
}
 
 
@-webkit-keyframes bounce {
 
0% {
 
-webkit-transform: translateY(0%) scaleY(0.6);
 
}
 
60%{
 
-webkit-transform: translateY(-100%) scaleY(1.1);
 
}
 
70%{
 
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
 
}
 
80%{
 
-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
 
}
 
90%{
 
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
 
}
 
100%{
 
-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
 
}
 
}
 
 
 
/*
 
==============================================
 
pulse
 
==============================================
 
*/
 
 
.pulse{
 
animation-name: pulse;
 
-webkit-animation-name: pulse;
 
 
animation-duration: 1.5s;
 
-webkit-animation-duration: 1.5s;
 
 
animation-iteration-count: infinite;
 
-webkit-animation-iteration-count: infinite;
 
}
 
 
@keyframes pulse {
 
0% {
 
transform: scale(0.9);
 
opacity: 0.7;
 
}
 
50% {
 
transform: scale(1);
 
opacity: 1;
 
}
 
100% {
 
transform: scale(0.9);
 
opacity: 0.7;
 
}
 
}
 
 
@-webkit-keyframes pulse {
 
0% {
 
-webkit-transform: scale(0.95);
 
opacity: 0.7;
 
}
 
50% {
 
-webkit-transform: scale(1);
 
opacity: 1;
 
}
 
100% {
 
-webkit-transform: scale(0.95);
 
opacity: 0.7;
 
}
 
}
 
 
/*
 
==============================================
 
floating
 
==============================================
 
*/
 
 
.floating{
 
animation-name: floating;
 
-webkit-animation-name: floating;
 
 
animation-duration: 1.5s;
 
-webkit-animation-duration: 1.5s;
 
 
animation-iteration-count: infinite;
 
-webkit-animation-iteration-count: infinite;
 
}
 
 
@keyframes floating {
 
0% {
 
transform: translateY(0%);
 
}
 
50% {
 
transform: translateY(8%);
 
}
 
100% {
 
transform: translateY(0%);
 
}
 
}
 
 
@-webkit-keyframes floating {
 
0% {
 
-webkit-transform: translateY(0%);
 
}
 
50% {
 
-webkit-transform: translateY(8%);
 
}
 
100% {
 
-webkit-transform: translateY(0%);
 
}
 
}
 
 
/*
 
==============================================
 
tossing
 
==============================================
 
*/
 
 
.tossing{
 
animation-name: tossing;
 
-webkit-animation-name: tossing;
 
 
animation-duration: 2.5s;
 
-webkit-animation-duration: 2.5s;
 
 
animation-iteration-count: infinite;
 
-webkit-animation-iteration-count: infinite;
 
}
 
 
@keyframes tossing {
 
0% {
 
transform: rotate(-4deg);
 
}
 
50% {
 
transform: rotate(4deg);
 
}
 
100% {
 
transform: rotate(-4deg);
 
}
 
}
 
 
@-webkit-keyframes tossing {
 
0% {
 
-webkit-transform: rotate(-4deg);
 
}
 
50% {
 
-webkit-transform: rotate(4deg);
 
}
 
100% {
 
-webkit-transform: rotate(-4deg);
 
}
 
}
 
 
/*
 
==============================================
 
pullUp
 
==============================================
 
*/
 
 
.pullUp{
 
animation-name: pullUp;
 
-webkit-animation-name: pullUp;
 
 
animation-duration: 1.1s;
 
-webkit-animation-duration: 1.1s;
 
 
animation-timing-function: ease-out;
 
-webkit-animation-timing-function: ease-out;
 
 
transform-origin: 50% 100%;
 
-ms-transform-origin: 50% 100%;
 
-webkit-transform-origin: 50% 100%;
 
}
 
 
@keyframes pullUp {
 
0% {
 
transform: scaleY(0.1);
 
}
 
40% {
 
transform: scaleY(1.02);
 
}
 
60% {
 
transform: scaleY(0.98);
 
}
 
80% {
 
transform: scaleY(1.01);
 
}
 
100% {
 
transform: scaleY(0.98);
 
}
 
80% {
 
transform: scaleY(1.01);
 
}
 
100% {
 
transform: scaleY(1);
 
}
 
}
 
 
@-webkit-keyframes pullUp {
 
0% {
 
-webkit-transform: scaleY(0.1);
 
}
 
40% {
 
-webkit-transform: scaleY(1.02);
 
}
 
60% {
 
-webkit-transform: scaleY(0.98);
 
}
 
80% {
 
-webkit-transform: scaleY(1.01);
 
}
 
100% {
 
-webkit-transform: scaleY(0.98);
 
}
 
80% {
 
-webkit-transform: scaleY(1.01);
 
}
 
100% {
 
-webkit-transform: scaleY(1);
 
}
 
}
 
 
/*
 
==============================================
 
pullDown
 
==============================================
 
*/
 
 
.pullDown{
 
animation-name: pullDown;
 
-webkit-animation-name: pullDown;
 
 
animation-duration: 1.1s;
 
-webkit-animation-duration: 1.1s;
 
 
animation-timing-function: ease-out;
 
-webkit-animation-timing-function: ease-out;
 
 
transform-origin: 50% 0%;
 
-ms-transform-origin: 50% 0%;
 
-webkit-transform-origin: 50% 0%;
 
}
 
 
@keyframes pullDown {
 
0% {
 
transform: scaleY(0.1);
 
}
 
40% {
 
transform: scaleY(1.02);
 
}
 
60% {
 
transform: scaleY(0.98);
 
}
 
80% {
 
transform: scaleY(1.01);
 
}
 
100% {
 
transform: scaleY(0.98);
 
}
 
80% {
 
transform: scaleY(1.01);
 
}
 
100% {
 
transform: scaleY(1);
 
}
 
}
 
 
@-webkit-keyframes pullDown {
 
0% {
 
-webkit-transform: scaleY(0.1);
 
}
 
40% {
 
-webkit-transform: scaleY(1.02);
 
}
 
60% {
 
-webkit-transform: scaleY(0.98);
 
}
 
80% {
 
-webkit-transform: scaleY(1.01);
 
}
 
100% {
 
-webkit-transform: scaleY(0.98);
 
}
 
80% {
 
-webkit-transform: scaleY(1.01);
 
}
 
100% {
 
-webkit-transform: scaleY(1);
 
}
 
}
 
 
/*
 
==============================================
 
stretchLeft
 
==============================================
 
*/
 
 
.stretchLeft{
 
animation-name: stretchLeft;
 
-webkit-animation-name: stretchLeft;
 
 
animation-duration: 1.5s;
 
-webkit-animation-duration: 1.5s;
 
 
animation-timing-function: ease-out;
 
-webkit-animation-timing-function: ease-out;
 
 
transform-origin: 100% 0%;
 
-ms-transform-origin: 100% 0%;
 
-webkit-transform-origin: 100% 0%;
 
}
 
 
@keyframes stretchLeft {
 
0% {
 
transform: scaleX(0.3);
 
}
 
40% {
 
transform: scaleX(1.02);
 
}
 
60% {
 
transform: scaleX(0.98);
 
}
 
80% {
 
transform: scaleX(1.01);
 
}
 
100% {
 
transform: scaleX(0.98);
 
}
 
80% {
 
transform: scaleX(1.01);
 
}
 
100% {
 
transform: scaleX(1);
 
}
 
}
 
 
@-webkit-keyframes stretchLeft {
 
0% {
 
-webkit-transform: scaleX(0.3);
 
}
 
40% {
 
-webkit-transform: scaleX(1.02);
 
}
 
60% {
 
-webkit-transform: scaleX(0.98);
 
}
 
80% {
 
-webkit-transform: scaleX(1.01);
 
}
 
100% {
 
-webkit-transform: scaleX(0.98);
 
}
 
80% {
 
-webkit-transform: scaleX(1.01);
 
}
 
100% {
 
-webkit-transform: scaleX(1);
 
}
 
}
 
 
/*
 
==============================================
 
stretchRight
 
==============================================
 
*/
 
 
.stretchRight{
 
animation-name: stretchRight;
 
-webkit-animation-name: stretchRight;
 
 
animation-duration: 1.5s;
 
-webkit-animation-duration: 1.5s;
 
 
animation-timing-function: ease-out;
 
-webkit-animation-timing-function: ease-out;
 
 
transform-origin: 0% 0%;
 
-ms-transform-origin: 0% 0%;
 
-webkit-transform-origin: 0% 0%;
 
}
 
 
@keyframes stretchRight {
 
0% {
 
transform: scaleX(0.3);
 
}
 
40% {
 
transform: scaleX(1.02);
 
}
 
60% {
 
transform: scaleX(0.98);
 
}
 
80% {
 
transform: scaleX(1.01);
 
}
 
100% {
 
transform: scaleX(0.98);
 
}
 
80% {
 
transform: scaleX(1.01);
 
}
 
100% {
 
transform: scaleX(1);
 
}
 
}
 
 
@-webkit-keyframes stretchRight {
 
0% {
 
-webkit-transform: scaleX(0.3);
 
}
 
40% {
 
-webkit-transform: scaleX(1.02);
 
}
 
60% {
 
-webkit-transform: scaleX(0.98);
 
}
 
80% {
 
-webkit-transform: scaleX(1.01);
 
}
 
100% {
 
-webkit-transform: scaleX(0.98);
 
}
 
80% {
 
-webkit-transform: scaleX(1.01);
 
}
 
100% {
 
-webkit-transform: scaleX(1);
 
}
 
}
 
 
 
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 04:49, 28 June 2017