@charset "UTF-8";
/* ============================================================================================ */
/* Styles
/* ============================================================================================ */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ============================================================================================ */
/* Helpers
/* ============================================================================================ */
.guides {
  border: 1px solid #4ffdfe;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.invisible {
  visibility: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
  padding: 0 !important;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.ir {
  display: block;
  text-indent: -999px;
  overflow: hidden;
  background-repeat: none;
}
img.fluid {
  width: 100%;
  max-width: 100%;
  height: auto;
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
textarea,
input,
select {
  outline: none;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.hide {
  display: none;
}
/* Font smoothing */
/* Antialiased font smoothing works best for light text on a dark background. */
/* Apply to single elements instead of globally to body. */
/* Note this only applies to webkit-based desktop browsers on the Mac. */
.antialiased {
  -webkit-font-smoothing: antialiased;
}
/* ============================================================================================ */
/* Mixins
/* ============================================================================================ */
/**
* REM: Calculate the rem unit, and return both pixels and rems to support older (non-rem supporting) browsers
*/
/**
* Rotate: Rotate by degrees
*/
/**
* Clearfix
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/**
 * Font face
 */
/**
 * Calc: target/content
 */
/**
* Retina JS
*/
/* ============================================================================================ */
/* Typography
/* ============================================================================================ */
/* ============================================================================================ */
/* Global
/* ============================================================================================ */
/**
 * Defaults
 */
/**
 * Colours
 */
/* Set box-sizing globally to handle padding and border widths */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  height: 100%;
}
/* Default body styles */
body {
  background: #37373a;
  font-size: 16px;
  color: #37373a;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  margin: 0 auto;
  font-family: 'Lato', sans-serif;
}
/* Override outline from normalize, we don't like it */
a:focus {
  outline: none;
}
/* Fluid Images and HTML5 Video */
img {
  -ms-interpolation-mode: bicubic;
}
img {
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.map_canvas img,
#map_canvas embed,
.map_canvas embed,
#map_canvas object,
.map_canvas object {
  max-width: none !important;
}
/* Get rid of gap under images by making them display: inline-block; by default */
img {
  display: inline-block;
}
/* Make sure textarea takes on height automatically */
textarea {
  height: auto;
  min-height: 50px;
  resize: vertical;
}
/* Make select elements 100% width by default */
select {
  width: 100%;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/**
 * Text selection */
::-moz-selection {
  background: #ebebeb;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #ebebeb;
  color: #fff;
  text-shadow: none;
}
/**
 * Links
 */
a {
  text-decoration: none;
  outline: 0;
}
:hover {
  text-decoration: none;
  -webkit-transition: color 0.15s ease-in;
  -moz-transition: color 0.15s ease-in;
  -o-transition: color 0.15s ease-in;
  transition: color 0.15s ease-in;
}
/**
 * Lists
 */
ul,
ol {
  list-style-type: none;
}
ol {
  list-style-type: decimal;
}
/**
 * Columns - Layout
 */
.container {
  margin: 0 auto;
  min-width: 1024px;
  height: 100%;
}
.container header {
  width: 100%;
  /*.fluid-width(236,@min-width);*/
  padding: 0 20px;
  background: #ebebeb;
  height: 72px;
}
.container header > div {
  width: 977px;
  margin: 0 auto;
}
.container .slideshow {
  width: 100%;
  height: 100%;
}
/**
 * Sidebar column
 */
header {
  overflow: hidden;
  position: relative;
  z-index: 999;
}
header .logo {
  float: left;
  width: 155px;
  height: 29px;
  background: transparent url('../images/logo.jpg') no-repeat 0 0;
  color: #37373a;
  margin-top: 20px;
  overflow: hidden;
}
header .logo a {
  display: block;
  height: 29px;
  width: 155px;
}
header .logo a span {
  display: block;
  height: 29px;
  width: 155px;
}
/**
 * Copy column
 */
.col.copy h2 {
  color: #ebebeb;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1px;
}
.col.copy p {
  color: #cccccc;
  margin-bottom: 15px;
  line-height: 1.3em;
}
.col.copy a {
  color: #ebebeb;
}
.col.copy a:hover {
  color: #fff;
}
.col.copy ul,
.col.copy ol {
  margin: 10px 0 20px;
}
.col.copy ol {
  margin-left: 18px;
}
.col.copy li {
  color: #cccccc;
  margin-bottom: 5px;
}
.col.copy strong {
  color: #ebebeb;
}
/**
 * Images column
 */
/**
 * Nav - Primary
 */
nav.primary {
  float: right;
  margin-top: 30px;
}
nav.primary li {
  float: left;
  margin-left: 15px;
}
nav.primary li.active a {
  color: #7ec9d9;
}
nav.primary a {
  color: #37373a;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1em;
  display: block;
  padding-bottom: 3px;
}
nav.primary a:hover {
  color: #7ec9d9;
}
/**
 * Nav - Location
 */
.container nav.location {
  margin-left: -63px;
  margin-top: -9px;
  padding: 0 20px 0 63px;
  position: fixed;
  background: #000000;
  /* IE8 and down */
  background: rgba(0, 0, 0, 0.7);
}
.container nav.location ul {
  margin-bottom: 10px;
  width: 225px;
  overflow: hidden;
}
.container nav.location li {
  margin-bottom: 1px;
}
.container nav.location li.active a {
  color: #fff;
}
.container nav.location a {
  text-transform: uppercase;
  font-weight: bold;
}
/**
 * Nav - Footer
 */
/**
 * Footer - Main
 */
footer {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 62px;
  min-width: 1024px;
  /*max-width: ~'@{max-width}px';  */
  background: #ebebeb;
  z-index: 30;
}
footer div {
  width: 977px;
  margin: 0 auto;
  position: relative;
}
footer a {
  color: #999999;
}
footer .copy,
footer .logos {
  float: left;
  height: 80px;
}
footer .copy {
  /*max-width: 343px;*/
  padding: 17px 20px 20px 100px;
}
footer .copy p {
  color: #999999;
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}
footer .logos {
  min-width: 184px;
  /*max-width: 1147px;*/
  background-image: url('../images/footer-logos.png');
  background-repeat: no-repeat;
  background-position: right 0;
  cursor: pointer;
}
footer .logos a {
  display: block;
  width: 184px;
  height: 80px;
}
/**
 * IE Styles
 */
.lt-ie9 .home {
  background: url('../images/home-bg.jpg') no-repeat center 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lt-ie9 .map #aerial img {
  width: 100%;
}
.lt-ie9 .home .slideshow #images .images-panel {
  margin-top: -30px;
}
@media all and (max-width: 1300px) {
  .lt-ie9 .home .slideshow #images .images-panel {
    margin-top: 0;
  }
}
.lt-ie9 .home .slideshow {
  height: 700px !important;
}
@media all and (max-width: 1200px) {
  .lt-ie9 .home .slideshow {
    height: 600px !important;
  }
}
@media all and (max-width: 1100px) {
  .lt-ie9 .home .slideshow {
    height: 580px !important;
  }
}
.lt-ie9 .home .slideshow #images {
  top: -100px;
}
.lt-ie9 .container .copy.col {
  min-width: 190px;
}
.lt-ie8 .container .copy.col {
  width: 300px;
  padding-left: 45px;
  padding-right: 45px;
  margin-left: 275px;
}
.lt-ie8 .container .topbar.col {
  top: 0;
  left: 0;
}
.lt-ie8 footer.primary,
.lt-ie9 footer.primary {
  width: 100%;
  background: #000000;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
}
.lt-ie9 #content #banner {
  height: 400px !important;
}
.lt-ie9 .more-tab {
  z-index: 999;
}
.lt-ie9 header {
  z-index: 1000;
}
.lt-ie9 .home {
  margin-top: 72px !important;
  position: relative;
  z-index: 999;
}
.lt-ie9 .home .slideshow {
  position: relative;
  z-index: 99;
}
.lt-ie9 .home .ls-wrapper {
  position: relative !important;
}
.lt-ie9 .home .ls-nav-right-arrow,
.lt-ie9 .home .ls-nav-left-arrow {
  position: absolute;
  z-index: 999999 !important;
}
.lt-ie8 footer.primary .copy,
.lt-ie9 footer.primary .copy {
  width: 20%;
  padding: 17px 0 0 20px;
  background: none;
}
.lt-ie8 footer.primary .logos,
.lt-ie9 footer.primary .logos {
  width: 50%;
  background-color: none;
  float: right;
}
.lt-ie8 .gallery #prev {
  left: 45px;
}
.lt-ie8 .contact-us .col.copy {
  width: 800px;
}
.lt-ie8 .location-map .map-key {
  bottom: 93px;
  margin-left: -45px;
}
.lt-ie8 .container nav.location {
  margin-left: -45px;
}
.lt-ie9 body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.lt-ie9 body .about #content #copy-wrapper .copy p {
  font-weight: bold;
}
/***********************************************************************
*
*  Liquid Slider
*  Kevin Batdorf
*
*  http://liquidslider.com
*
*  GPL license
*
************************************************************************/
/******************************************************
* No JavaScript
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html
* markup.
*******************************************************/
.no-js .liquid-slider {
  height: 350px;
  overflow: scroll;
}
/******************************************************
* Preloader
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html
* markup.
*******************************************************/
.ls-preloader {
  background: url(../img/loading.gif) #f2f2f2 no-repeat center 75px;
  opacity: 1;
  /* Do not edit below this line */
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
/******************************************************************
* Base Styles
* The styles here will apply to everything. I recommend you keep
* the styles in here specific to mobile defices, then use
* the media queries at the bottom to define further styles for larger
* screen-sizes. Think Mobile First. But be cautious of how
* your site will look in older IE browsers.
*
* Additional media queries are at the bottom of this document
******************************************************************/
.ls-wrapper {
  margin: 0 auto;
  /* Do not edit below this line */
  clear: both;
  overflow: auto;
  position: relative;
}
/******************************************************
* Main Container
* This is the main container (minus the navigation).
* Be sure to match the width with the .panel class,
* or it won't work properly. Also, width only applies
* if you are not using the responsive setting.
*
* The responsive slider will interpret the width as the
* max width instead
*******************************************************/
.ls-wrapper .liquid-slider {
  background: #f2f2f2;
  width: 1030px;
  /* Do not edit below this line */
  float: left;
  overflow: hidden;
  position: relative;
}
.ls-wrapper .panel-container {
  /* Do not edit below this line */
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  /* from http://davidwalsh.name/translate3d */
}
.ls-wrapper .liquid-slider .panel-container .fade {
  /* Do not edit below this line */
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
/******************************************************
* Panels
* This is for the panels. If you are using the
* responsive setting, this will act as the max-width
* for the entire slider.
*******************************************************/
.ls-wrapper .liquid-slider .panel {
  width: 1030px;
  /* Do not edit below this line */
  display: block;
  float: left;
}
/******************************************************
* These provide a base starting point for images and
* video. However, you will have to add more rules
* based on the content you use. Use the @media queries
* at the bottom of this file.
*******************************************************/
.ls-wrapper .liquid-slider .panel img {
  /*
  width:100%;
  height:auto;
  margin:0 5px;
  */
}
.ls-wrapper .liquid-slider .panel video {
  /*
  width:100%;
  height:auto;
  */
}
/******************************************************
* This is mainly used to adjust the padding inside each
* panel. If you are using the responsive setting, you
* need to use the settings below as this will not apply.
*******************************************************/
.ls-wrapper .liquid-slider .panel-wrapper {
  padding: 0;
  /* Do not edit below this line */
  position: relative;
}
/*****************************************************
* This will adjust styles for all navigation tabs
* less of course the select box used for mobile
* navigation. The .current styles will apply only to
* the current tab.
*
* You may use this section to create navigation for
* mobile devices if you set mobileNavigation: false
* Be sure to edit media queries for larger devices below
* I have included an example below in comments.
*
* .currentCrossLink refers to external crosslinking.
*******************************************************/
.ls-wrapper .ls-nav a {
  background: #d8d8d8;
  color: #333333;
  margin-right: 1px;
  padding: 10px 15px;
  outline: 0;
}
.ls-wrapper .ls-nav a:hover {
  background: #f2f2f2;
  color: #333333;
  text-shadow: none;
}
.ls-wrapper .ls-nav .current {
  background: #f2f2f2;
}
.currentCrossLink {
  font-weight: bold;
}
.ls-wrapper .ls-nav ul {
  padding: 0;
  /* Do not edit below this line */
  clear: both;
  display: block;
  margin: auto;
  overflow: hidden;
}
.ls-wrapper .ls-nav ul li {
  /* Do not edit below this line */
  display: inline;
}
.ls-wrapper .ls-nav ul li a {
  /* Do not edit below this line */
  display: block;
  float: left;
  text-decoration: none;
}
/*****************************************************
* Mobile Menu
* This will adjust styles for selectbox styles. I have
* included a simple example to create a custom select
* box.
*******************************************************/
.ls-wrapper .ls-nav {
  overflow: hidden;
  clear: both;
}
.ls-wrapper .ls-select-box {
  /* Delete these if you want the standard select box.
     Also delete the rules below */
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: url(../img/menu.png) no-repeat right #dddddd;
}
.ls-wrapper .ls-select-box select {
  /* If you want the standard select box, use
  width:100%
  And delete the rest of the styling here */
  width: 150%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 5px;
  font-size: 110%;
  border: none;
  height: 35px;
  cursor: pointer;
  outline: 0;
}
/******************************************************
* Arrows
* This section refers to both the non-graphical and
* graphical navigation arrows.
*
* Some settings will be overwritten when using the
* responsive setting.
*******************************************************/
.ls-wrapper .ls-nav-left,
.ls-wrapper .ls-nav-right {
  /* Do not edit below this line */
  float: left;
}
.ls-wrapper .ls-nav-left a,
.ls-wrapper .ls-nav-right a {
  /* non-graphical arrows */
  background: #000;
  color: #fff;
  padding: 5px;
  width: 100px;
  /* Do not edit below this line */
  display: block;
  text-align: center;
  text-decoration: none;
}
.ls-wrapper .ls-nav-left-arrow,
.ls-wrapper .ls-nav-right-arrow {
  cursor: pointer;
  /* Do not edit below this line */
  float: left;
}
.ls-wrapper .ls-nav-left-arrow a,
.ls-wrapper .ls-nav-right-arrow a {
  /* Do not edit below this line */
  display: block;
}
.ls-wrapper .ls-nav-left,
.ls-wrapper .ls-nav-left-arrow {
  /* Do not edit below this line */
  clear: both;
}
.ls-wrapper .ls-nav-right-arrow {
  width: 25px;
  height: 25px;
  background: url(../img/arrow.png) no-repeat top right;
  margin-top: 50px;
  margin-right: 5px;
  /* Do not edit below this line */
  position: relative;
}
.ls-wrapper .ls-nav-left-arrow {
  width: 25px;
  height: 25px;
  background: url(../img/arrow.png) no-repeat top left;
  margin-top: 50px;
  margin-left: 5px;
  /* Do not edit below this line */
  position: relative;
}
.ls-wrapper .ls-nav-left-arrow:hover {
  /* Left graphical arrows hover */
  background: url(../img/arrow.png) no-repeat bottom left;
}
.ls-wrapper .ls-nav-left-arrow:active {
  /* Left graphical arrows click */
}
.ls-wrapper .ls-nav-right-arrow:hover {
  /* Right graphical arrows hover */
  background: url(../img/arrow.png) no-repeat bottom right;
}
.ls-wrapper .ls-nav-right-arrow:active {
  /* Right graphical arrows click */
}
.arrows .liquid-slider {
  /* Margin between slider and arrows */
  margin: 0 10px;
}
/******************************************************
* Responsive Styles
* Here are the main responsive styles. This mostly
* covers the arrows, and most of the settings can be
* applied above.
*******************************************************/
.ls-responsive .liquid-slider {
  /* Do not edit below this line */
  width: 100%;
  margin: 0;
}
.ls-responsive .liquid-slider .panel .panel-wrapper {
  padding: 0;
}
.ls-responsive .ls-nav-left {
  /* Left non-graphical arrows */
  /* Do not edit below this line */
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-left a {
  /* Left non-graphical arrows */
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-left a:hover {
  /* Left non-graphical hover */
  background: #747474;
}
.ls-responsive .ls-nav-right {
  /* Right non-graphical arrows */
  /* Do not edit below this line */
  position: absolute;
  right: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right a {
  /* Right non-graphical arrows */
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-right a:hover {
  /* Right non-graphical arrows hover */
  background: #747474;
}
.ls-responsive .ls-nav-left-arrow {
  /* Do not edit below this line */
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right-arrow {
  /* Do not edit below this line */
  position: absolute;
  right: 0;
  z-index: 2;
}
/******************************************************************
* Larger Mobile Devices
* This is for devices like the Galaxy Note or something that's
* larger than an iPhone but smaller than a tablet.
******************************************************************/
@media only screen and (min-width: 481px) {
  .ls-wrapper .liquid-slider .panel img {
    /* Example */
    /*
                                                                                                                          width:24%;
                                                                                                                          margin:2px;
                                                                                                                          */
  }
}
/******************************************************************
* Tablet & Smaller Laptops
* This will include tablets and some netbooks.
******************************************************************/
@media only screen and (min-width: 768px) {
  .ls-wrapper .liquid-slider .panel img {
    /* Example */
    /*
                                                                                                                          width:24%;
                                                                                                                          */
  }
  .ls-responsive .liquid-slider .panel .panel-wrapper {
    padding: 0;
  }
}
/******************************************************************
* DESKTOP
* This is the average viewing window. So Desktops, Laptops, and
* in general anyone not viewing on a mobile device. Here's where
* you can add resource intensive styles.
******************************************************************/
/******************************************************************
* LARGE VIEWING SIZE
* This is for the larger monitors and possibly full screen viewers.
******************************************************************/
/******************************************************************
* RETINA (2x RESOLUTION DEVICES)
* This applies to the retina iPhone (4s) and iPad (2,3) along with
* other displays with a 2x resolution. You can also create a media
* query for retina AND a certain size if you want. Go Nuts.
******************************************************************/
/* ============================================================================================ */
/* Templates
/* ============================================================================================ */
/**
 * .gallery
 */
.gallery {
  background: #fff;
}
.gallery .slideshow #images-wrapper {
  height: 100%;
  overflow: hidden;
  max-width: 100% !important;
  position: relative;
  width: 100% !important;
}
.gallery .slideshow #images-wrapper .ls-nav-left-arrow,
.gallery .slideshow #images-wrapper .ls-nav-right-arrow {
  background: red;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -49px;
  width: 98px;
  height: 98px;
  z-index: 999;
}
.gallery .slideshow #images-wrapper .ls-nav-left-arrow {
  left: 100px;
  background: url(../images/arrow-prev.png) 50% 50% no-repeat;
}
.gallery .slideshow #images-wrapper .ls-nav-right-arrow {
  right: 100px;
  background: url(../images/arrow-next.png) 50% 50% no-repeat;
}
.gallery .slideshow #images {
  z-index: 2 !important;
  position: relative !important;
  min-width: 1024px !important;
  width: 100%;
  height: 100% !important;
}
.gallery .slideshow #images .images-panel {
  display: block;
  width: 100%;
  height: 100%;
}
.gallery .slideshow #images .images-panel .panel-wrapper {
  height: 100%;
}
.gallery .slideshow #images img {
  min-width: 100%;
  min-height: 100%;
}
.gallery #content {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  top: 0px;
  left: 0px;
}
.gallery #content .copy {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 400px;
  margin: -200px 0 0 -400px;
}
.gallery #content .copy a {
  display: block;
  position: absolute;
  top: 152px;
  width: 98px;
  height: 98px;
}
.gallery #content .copy a#next {
  right: -100px;
  background: url(../images/arrow-next.png) 50% 50% no-repeat;
}
.gallery #content .copy a#prev {
  left: -100px;
  background: url(../images/arrow-prev.png) 50% 50% no-repeat;
}
#copy-wrapper {
  position: relative;
}
.more-tab {
  height: 80px;
  width: 80px;
  margin-left: -40px;
  position: absolute;
  left: 50%;
  top: -40px;
  z-index: 10;
}
.more-tab.grey {
  background: transparent url(../images/more-tab--grey.png) no-repeat scroll 0 0;
}
.more-tab.blue {
  background: transparent url(../images/more-tab--blue.png) no-repeat scroll 0 0;
}
.more-tab a {
  background: url(#);
  display: block;
  width: 80px;
  height: 80px;
  text-indent: -9999em;
}
/**
 * .home
 */
.home {
  background: #d7d7d7;
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  width: 100%;
}
.home .slideshow {
  height: 640px !important;
  margin: 0 auto;
  min-width: 1024px !important;
  overflow: hidden;
  position: relative !important;
  width: 100%;
}
.home .slideshow #images-wrapper {
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  max-width: 100% !important;
  position: relative;
  width: 100%;
}
.home .slideshow #images-wrapper .ls-nav-left-arrow,
.home .slideshow #images-wrapper .ls-nav-right-arrow {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -49px;
  width: 98px;
  height: 98px;
  z-index: 999;
}
.home .slideshow #images-wrapper .ls-nav-left-arrow {
  left: 50px;
  background: url(../images/arrow-prev.png) 50% 50% no-repeat;
}
.home .slideshow #images-wrapper .ls-nav-right-arrow {
  right: 50px;
  background: url(../images/arrow-next.png) 50% 50% no-repeat;
}
.home .slideshow #images {
  height: 840px !important;
  z-index: 2 !important;
  position: relative !important;
  min-width: 1024px !important;
  top: -200px;
  margin: 0 auto;
  width: 100%;
}
.home .slideshow #images .images-panel {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
}
.home .slideshow #images .images-panel .panel-wrapper {
  height: 700px;
}
.home .slideshow #images .images-panel .panel-wrapper img {
  margin-top: 75px;
}
.home .slideshow #images img {
  width: 100%;
}
@media all and (max-width: 1350px) {
  .home .slideshow {
    height: 550px !important;
  }
}
@media all and (max-width: 1200px) {
  .home .slideshow {
    height: 475px !important;
  }
}
@media all and (max-width: 1100px) {
  .home .slideshow .nav-ctrl#next {
    right: 40px;
  }
  .home .slideshow .nav-ctrl#prev {
    left: 40px;
  }
}
.home #content {
  margin-top: 72px;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  min-height: 600px;
}
.home #content #copy-wrapper {
  width: 100%;
  min-height: 650px;
  background: url(../images/home-container.jpg) top center no-repeat #d7d7d7;
  position: relative;
}
.home #content #copy-wrapper .copy {
  position: relative;
  width: 800px;
  padding: 80px 0 50px 0;
  margin: 0 auto;
}
.home #content #copy-wrapper .copy h1 {
  display: block;
  width: 800px;
  height: 270px;
  text-indent: -9999px;
  background: url(../images/home-intro.png) 50% 50% no-repeat;
}
.home #content #copy-wrapper .copy p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  color: #58595b;
  padding: 0 20% 0 20%;
}
.home #content #copy-wrapper .copy hr {
  width: 100%;
  height: 40px;
  background: url(../images/diamond-divider-grey.png) 50% 50% no-repeat;
  border: 0;
}
.testmonial-link {
  background: url(../images/testimonial-link.png) 50% 50% no-repeat;
  height: 170px;
  position: absolute;
  right: 50px;
  top: 90px;
  width: 179px;
  z-index: 900;
}
/**
 * .about
 */
.about {
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  width: 100%;
}
.about #content {
  width: 100%;
  height: 100%;
  min-height: 850px;
  min-width: 1024px;
  padding-top: 72px;
  background: #d7d7d7;
}
.about #content #banner {
  height: 500px;
  min-width: 1024px;
  width: 100%;
  background: url('../images/about-bg.jpg') no-repeat center 0;
  background-size: cover;
}
@media all and (max-width: 1100px) {
  .about #content #banner {
    height: 425px !important;
  }
}
.about #content #copy-wrapper {
  width: 100%;
  min-height: 750px;
  background: url(../images/about-container.jpg) top center no-repeat #d7d7d7;
}
.about #content #copy-wrapper .copy {
  margin: 0 auto;
  width: 800px;
  padding-top: 80px;
}
.about #content #copy-wrapper .copy h1 {
  display: block;
  width: 380px;
  height: 150px;
  margin: 0 auto 2% auto;
  text-indent: -9999px;
  background: url(../images/about-intro.png) 50% 50% no-repeat;
}
.about #content #copy-wrapper .copy p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  color: #fff;
  padding: 0 12% 2% 12%;
}
.about #content #copy-wrapper .copy p.availability {
  text-indent: -9999px;
  background: url(../images/p-availability.png) 50% 50% no-repeat;
}
.about #content #copy-wrapper .copy hr {
  width: 100%;
  height: 40px;
  background: url(../images/diamond-divider.png) 50% 50% no-repeat;
  border: 0;
}
.about #content #copy-wrapper .copy table {
  width: 300px;
  margin: 2% auto 2% auto;
}
.about #content #copy-wrapper .copy table tr {
  border-bottom: 1px solid #fff;
}
.about #content #copy-wrapper .copy table tr td,
.about #content #copy-wrapper .copy table tr th {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #fff;
  text-align: right;
  border-left: 1px solid #fff;
  margin: 0;
  padding: 10px;
  height: 15px;
}
.about #content #copy-wrapper .copy table tr td.left,
.about #content #copy-wrapper .copy table tr th.left {
  text-align: left;
  border-left: 0;
}
.about #content #copy-wrapper .copy table tr.last {
  border-bottom: 0;
}
/**
* .testimonials
*/
.about.testimonials #content #banner {
  background: url('../images/testimonial-bg.jpg') no-repeat center 0;
  background-size: cover;
}
.about.testimonials #content #copy-wrapper .copy h1 {
  background: url(../images/testimonial-intro.png) 50% 50% no-repeat;
  width: 397px;
  height: 80px;
}
.about.testimonials #content #copy-wrapper .copy p.quote {
  font-weight: 300;
}
/**
 * .specification
 */
.specification {
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  width: 100%;
  min-width: 1024px;
  height: 880px;
  background: #d7d7d7;
}
.specification #banner {
  height: 500px;
  min-width: 1024px;
  width: 100%;
  background: url('../images/specification-bg.jpg') no-repeat center bottom;
  background-size: cover;
}
@media all and (max-width: 1100px) {
  .specification #banner {
    height: 425px !important;
  }
}
.specification #content {
  width: 100%;
  height: 100%;
  min-height: 880px;
  min-width: 1024px;
  padding-top: 72px;
}
.specification #content #copy-wrapper {
  width: 100%;
  min-height: 750px;
  background: #d7d7d7;
}
.specification #content #copy-wrapper .copy {
  margin: 0 auto;
  width: 880px;
  padding-top: 80px;
  position: relative;
}
.specification #content #copy-wrapper .copy h1 {
  display: block;
  width: 554px;
  height: 90px;
  margin: 0 auto 2% auto;
  text-indent: -9999px;
  background: url(../images/specification-intro.png) 50% 50% no-repeat;
}
.specification #content #copy-wrapper .copy h1.video {
  background: url(../images/virtual-tour-intro.png) 50% 50% no-repeat;
}
.specification #content #copy-wrapper .copy p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  color: #4c4d4f;
  padding: 0 18% 2% 18%;
}
.specification #content #copy-wrapper .copy p.availability {
  text-indent: -9999px;
  background: url(../images/p-availability.png) 50% 50% no-repeat;
}
.specification #content #copy-wrapper .copy ul {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  color: #4c4d4f;
  padding: 0 12% 2% 12%;
}
.specification #content #copy-wrapper .copy hr {
  width: 100%;
  height: 40px;
  background: url(../images/diamond-divider-grey.png) 50% 50% no-repeat;
  border: 0;
}
.specification #content #copy-wrapper .copy .download {
  display: block;
  width: 210px;
  margin: 0 auto;
  font-size: 14px;
  padding: 3% 6% 0 0;
  color: #3f8b9b;
  text-align: center;
  background: url(../images/pdf.png) bottom right no-repeat;
}
.specification #content #copy-wrapper .copy .download.small {
  width: 150px;
  padding: 3% 6% 3% 0;
  background: url(../images/pdf.png) center right no-repeat;
}
.specification #content #copy-wrapper .copy .back {
  display: block;
  width: 220px;
  margin: 0 auto;
  font-size: 14px;
  padding: 3% 0 3% 0;
  color: #3f8b9b;
  text-align: center;
}
.specification #content #copy-wrapper .copy .video-link {
  position: absolute;
  top: 250px;
  right: 0px;
  width: 179px;
  height: 170px;
  background: url(../images/video-link.png) 50% 50% no-repeat;
}
.specification #content #copy-wrapper .copy .video {
  width: 640px;
  margin: 0 auto 2% auto;
  text-align: center;
}
/**
 * .map
 */
.map {
  background: #fff;
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  width: 100%;
}
.map #aerial {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*background: url('../images/aerial.jpg') no-repeat center bottom #fff;
	  background-size: 100% auto;*/
  z-index: 6;
}
.map #aerial img {
  position: fixed;
  bottom: 0;
  right: 0;
  min-height: 100%;
  min-width: 100%;
  z-index: -1;
}
.map #content .close {
  position: absolute;
  top: 71px;
  right: 0px;
  width: 169px;
  height: 169px;
  background: url('../images/close.png') no-repeat 0 0;
  cursor: pointer;
}
.map #content {
  width: 100%;
  height: 100%;
  min-width: 1024px;
  display:none;
  z-index: 10;
  background: white;
  position:relative;

}
/*
.map #content .view-aerial {
  position: absolute;
  bottom: 40px;
  right: 40px;
  width: 180px;
  height: 180px;
  background: url('../images/view-aerial.png') no-repeat 0 0;
  cursor: pointer;
  z-index: 5;
}
*/

.map #aerial .view-aerial {
  position: absolute;
  top: 100px;
  right: 40px;
  width: 180px;
  height: 180px;
  background: url('../images/view-aerial.png') no-repeat 0 0;
  cursor: pointer;
  z-index: 5;
}

.map #content #key {
  position: absolute;
  bottom: 0;
  width: 977px;
  left: 50%;
  margin-left: -488px;
  z-index: 5;
}
.map #content #key #key-link {
  width: 190px;
  background: url(../images/key.png) left center no-repeat #555555;
}
.map #content #key #key-link a {
  display: block;
  color: #fff;
  padding: 10px;
  text-indent: -9999px;
  background: url(../images/key-arrow-down.png) right center no-repeat;
  cursor: pointer;
}
.map #content #key #key-link a.minus {
  background: url(../images/key-arrow-up.png) right center no-repeat;
}
.map #content #key #key-content {
  float: left;
  padding: 10px;
  width: 190px;
  background: #959595;
}
.map #content #key #key-content div {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 12px;
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
}
.map #content #key #key-content div.red {
  background: url(../images/key-red.jpg) left center no-repeat;
}
.map #content #key #key-content div.blue {
  background: url(../images/key-blue.jpg) left center no-repeat;
}
.map #content #key #key-content div.orange {
  background: url(../images/key-orange.jpg) left center no-repeat;
}
.map #content #key #key-content div.grey {
  background: url(../images/key-grey.jpg) left center no-repeat;
}
.map #content #key #key-content div.green {
  background: url(../images/key-green.jpg) left center no-repeat;
}
.map #content #key #key-content div.purple {
  background: url(../images/key-purple.jpg) left center no-repeat;
}
.map #content #key #key-content div.pink {
  background: url(../images/key-pink.jpg) left center no-repeat;
}
.map #content #key #key-content div.yellow {
  background: url(../images/key-yellow.jpg) left center no-repeat;
}
.map #content .copy {
  margin: 0 auto;
  width: 800px;
}
.map #content .image-map {
  margin: 0 auto;
  width: 1024px;
  height: 658px;
  padding-top: 72px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -390px 0 0 -512px;
}
.map #content .image-map img {
  position: relative;
  z-index: 1;
}
.map #content .image-map .area {
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 100;
  background: url(../images/blank.gif) 0 0 no-repeat;
}
.map #content .image-map .info {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 160px;
  font-size: 12px;
  line-height: 15px;
  background-color: #555555;
  color: #fff;
  padding: 8px;
}
/**
 * .news
 */
.news {
  background: url('../images/news-bg.jpg') repeat-y top center #e1e1e1;
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  width: 100%;
}
.news #content {
  width: 100%;
  height: 100%;
  min-width: 1024px;
}
.news #content .copy {
  margin: 0 auto;
  width: 977px;
  padding-top: 100px;
  padding-bottom: 70px;
}
.news #content .copy h1 {
  display: block;
  width: 371px;
  height: 90px;
  text-indent: -9999px;
  margin: 0 0 30px 0;
  background: url(../images/news-intro.png) 50% 50% no-repeat;
}
.news #content .copy article {
  margin: 0 0 50px 0;
  clear: both;
}
.news #content .copy article .text {
  float: left;
  width: 300px;
  border-top: 1px solid #4c4d4f;
  padding-top: 20px;
}
.news #content .copy article .text p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #4c4d4f;
  padding-bottom: 15px;
}
.news #content .copy article .text p.heading {
  font-size: 20px;
  text-transform: uppercase;
  padding: 0;
}
.news #content .copy article .text p.date {
  text-transform: uppercase;
  padding: 15px 0 15px 0;
  font-size: 14px;
}
.news #content .copy article .image {
  float: right;
  width: 626px;
}
/**
 * .floor-plans
 */
.floor-plans {
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  width: 100%;
  background: #ffde00;
}
.floor-plans #content {
  width: 977px;
  margin: 0 auto;
  height: 100%;
}
.floor-plans #content .copy {
  float: left;
  width: 300px;
  min-height: 800px;
  padding-top: 100px;
  padding-bottom: 70px;
}
.floor-plans #content .copy h1 {
  display: block;
  width: 244px;
  height: 240px;
  text-indent: -9999px;
  margin: 0 0 30px 0;
  background: url(../images/floorplans-intro.png) 50% 50% no-repeat;
}
.floor-plans #content .copy p {
  text-transform: uppercase;
  color: #3f8b9b;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  width: 200px;
}
.floor-plans #content .copy p.floors {
  width: 298px;
  height: 55px;
  text-indent: -9999px;
  background: url(../images/floorplans-text.jpg) 50% 50% no-repeat;
  margin: 40px 0 40px 0;
}
.floor-plans #content .copy ul {
  margin-top: 20px;
}
.floor-plans #content .copy ul li {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 24px;
}
.floor-plans #content .copy ul li a {
  display: block;
  color: #0e0d0d;
  font-weight: 400;
  cursor: pointer;
  background: url(../images/diamond.png) left center no-repeat;
  padding: 0 0 0 20px;
}
.floor-plans #content .copy ul li.active a {
  background: url(../images/diamond-active.png) left center no-repeat;
}
.floor-plans #content .floor-plan {
  float: right;
  position: relative;
  width: 622px;
  height: 667px;
  margin-top: 65px;
  background: url(../images/floorplan.jpg) 0 0 no-repeat;
}
.floor-plans #content .floor-plan img {
  position: absolute;
  top: 0px;
  right: 0px;
}
.floor-plans #content .floor-plan img.two,
.floor-plans #content .floor-plan img.three,
.floor-plans #content .floor-plan img.onepointfive {
  display: none;
}
.floor-plans #content .floor-plan img.top {
  z-index: 2;
}
.floor-plans #content .floor-plan .download {
  position: absolute;
  z-index: 3;
  bottom: 60px;
  left: 130px;
  display: block;
  width: 230px;
  font-size: 14px;
  padding: 3% 6% 3% 0;
  color: #3f8b9b;
  background: url(../images/pdf.png) center right no-repeat;
}
/**
 * .contact-us
 */
.contact-us {
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  width: 100%;
  background: url('../images/contact-bg.jpg') no-repeat top center #e1e1e1;
}
.contact-us #content {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1024px;
  top: 0px;
  left: 0px;
}
.contact-us #content .copy {
  margin: 0 auto;
  width: 977px;
  min-height: 850px;
  padding-top: 100px;
  padding-bottom: 70px;
}
.contact-us #content .copy .left {
  float: left;
  width: 470px;
}
.contact-us #content .copy .left h1 {
  display: block;
  width: 246px;
  height: 130px;
  text-indent: -9999px;
  margin-bottom: 30px;
  background: url(../images/contact-intro.png) 50% 50% no-repeat;
}
.contact-us #content .copy .left .contact {
  position: relative;
  margin: 0 0 20px 0;
}
.contact-us #content .copy .left .contact img {
  float: left;
  margin-right: 20px;
}
.contact-us #content .copy .left .contact p {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 330px;
}
.contact-us #content .copy .left .contact p a {
  color: #4c4d4f;
}
.contact-us #content .copy .left p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #4c4d4f;
  margin-bottom: 15px;
}
.contact-us #content .copy .left p.first {
  margin-top: 50px;
}
.contact-us #content .copy .left p a {
  color: #4c4d4f;
}
.contact-us #content .copy .right {
  float: right;
  width: 470px;
}
.contact-us #content .copy .right h2 {
  display: block;
  width: 246px;
  height: 130px;
  text-indent: -9999px;
  margin: 0 0 30px 0;
  background: url(../images/contact-enquiry-intro.png) 50% 50% no-repeat;
}
.contact-us #content .copy .right p {
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  color: #4c4d4f;
}
.contact-us #content .copy .right p.heading {
  font-size: 15px;
}
.contact-us #content .copy .right form label {
  float: left;
  width: 30%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4c4d4f;
}
.contact-us #content .copy .right form label.error {
  display: none !important;
}
.contact-us #content .copy .right form input,
.contact-us #content .copy .right form textarea {
  float: left;
  width: 70%;
  border: 0;
  background: #b69cb6;
  padding: 1%;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 10px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.contact-us #content .copy .right form input:focus,
.contact-us #content .copy .right form textarea:focus {
  background: #8a6a8a;
}
.contact-us #content .copy .right form input.error,
.contact-us #content .copy .right form textarea.error {
  background: none repeat scroll 0 0 #C87F7F;
}
.contact-us #content .copy .right form textarea {
  height: 150px;
}
.contact-us #content .copy .right form .submit {
  float: right;
  width: auto;
  padding: 0;
  cursor: pointer;
}
/**
 * .leeds-at-a-glance
 */
.leeds-at-a-glance {
  /*-ms-behavior: url(/backgroundsize.min.htc);*/
  width: 100%;
}
.leeds-at-a-glance #content {
  width: 100%;
  height: 100%;
  min-width: 1024px;
  padding-top: 72px;
}
.leeds-at-a-glance #content .section {
  width: 100%;
}
.leeds-at-a-glance #content .section.one {
  background: url('../images/laag-bg-one.jpg') no-repeat top center;
  height: 634px;
  position: relative;
}
.leeds-at-a-glance #content .section.one .copy {
  margin: 0 auto;
  width: 977px;
  padding-top: 140px;
}
.leeds-at-a-glance #content .section.one .copy h1 {
  display: block;
  width: 466px;
  height: 253px;
  text-indent: -9999px;
  background: url(../images/laag-intro.png) 50% 50% no-repeat;
  margin: auto;
}
.leeds-at-a-glance #content .section.one a.more {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  bottom: 105px;
  left: 50%;
  margin-left: -30px;
  background: url(../images/more-link.png) 50% 50% no-repeat;
  cursor: pointer;
}
.leeds-at-a-glance #content .section.two {
  background: url('../images/laag-bg-two.jpg') no-repeat top center;
  height: 769px;
  position: relative;
}
.leeds-at-a-glance #content .section.two .copy {
  margin: 0 auto;
  width: 977px;
  padding-top: 100px;
}
.leeds-at-a-glance #content .section.two .copy h2 {
  display: block;
  width: 354px;
  height: 93px;
  text-indent: -9999px;
  background: url(../images/laag-intro-two.png) 50% 50% no-repeat;
  margin: 0 auto 40px auto;
}
.leeds-at-a-glance #content .section.two .copy p {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  padding: 0 20% 0 20%;
  color: #58595b;
}
.leeds-at-a-glance #content .section.two .copy hr {
  width: 100%;
  height: 40px;
  background: url(../images/diamond-divider-grey.png) 50% 50% no-repeat;
  border: 0;
  margin-top: 40px;
}
.leeds-at-a-glance #content .section.two a.more {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  bottom: 305px;
  left: 50%;
  margin-left: -30px;
  background: url(../images/more-link2.png) 50% 50% no-repeat;
  cursor: pointer;
}
.leeds-at-a-glance #content .section.three {
  background: url('../images/laag-bg-three.jpg') no-repeat top center;
  height: 778px;
  position: relative;
}
.leeds-at-a-glance #content .section.three .copy {
  margin: 0 auto;
  width: 977px;
  padding-top: 160px;
}
.leeds-at-a-glance #content .section.three .copy h2 {
  display: block;
  width: 500px;
  height: 139px;
  text-indent: -9999px;
  background: url(../images/laag-intro-three.png) 50% 50% no-repeat;
  margin: 0 auto 40px auto;
}
.leeds-at-a-glance #content .section.three .copy p {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  padding: 0 20% 0 20%;
  color: #58595b;
  margin-bottom: 15px;
}
.leeds-at-a-glance #content .section.three .copy hr {
  width: 100%;
  height: 40px;
  background: url(../images/diamond-divider-grey.png) 50% 50% no-repeat;
  border: 0;
  margin-top: 40px;
}
.leeds-at-a-glance #content .section.three a.back-to-top {
  position: absolute;
  display: block;
  width: 100px;
  height: 60px;
  bottom: 105px;
  left: 50%;
  margin-left: -50px;
  background: url(../images/back-to-top-link.png) 50% 50% no-repeat;
  cursor: pointer;
}
body {
  -webkit-backface-visibility: hidden;
}
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
.flip {
  -webkit-backface-visibility: visible!important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible!important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible!important;
  -o-animation-name: flip;
  backface-visibility: visible!important;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible!important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible!important;
  -o-animation-name: flipInX;
  backface-visibility: visible!important;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible!important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible!important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible!important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible!important;
  -o-animation-name: flipInY;
  backface-visibility: visible!important;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible!important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible!important;
  -o-animation-name: flipOutY;
  backface-visibility: visible!important;
  animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
  -webkit-animation-duration: .25s;
  -moz-animation-duration: .25s;
  -o-animation-duration: .25s;
  animation-duration: 0.25s;
}
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.wiggle {
  -webkit-animation-duration: .75s;
  -moz-animation-duration: .75s;
  -o-animation-duration: .75s;
  animation-duration: 0.75s;
}
/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------

	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.

*/
/*! Version: 2.0.73 (12-Oct-2012) */
.mc-hide-scrolls {
  overflow: hidden;
}
body .mc-cycle {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
div.mc-image {
  -webkit-transition: left 1s ease-in-out;
  -moz-transition: left 1s ease-in-out;
  -o-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
div.mc-image img {
  position: relative;
  z-index: -9999;
}
/* ============================================================================================ */
/* Print
/* ============================================================================================ */
@media print {
  .list-classes-to-hide-here {
    display: none;
  }
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    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) ")";
  }
  /*
                                                                                                                           * Don't show links for images, or javascript/internal links
                                                                                                                           */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*# sourceMappingURL=app.css.map */