@charset "UTF-8";
/* DEMOS v1.0
 * Copyright 2012, Stephen Lubbock
 * www.getdemos.co.uk
 * Based upon Skeleton Copyright 2011, Dave Gamache */
/* DEMOS v1.0
 * Copyright 2012, Stephen Lubbock
 * www.getdemos.co.uk
 * Based upon Skeleton Copyright 2011, Dave Gamache */
* {
  box-sizing: border-box; }

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; }

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; }

body {
  font: 14px/21px "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica", Arial, sans-serif;
  font-weight: normal; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 14px; }

h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px; }

h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 8px; }

h4 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 8px; }

h5 {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 8px; }

h6 {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 8px; }

p {
  margin: 0 0 20px 0; }
  p p img {
    margin: 0; }

p.lead {
  font-size: 21px;
  line-height: 27px; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

small {
  font-size: 80%; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 20px 0 20px;
  height: 0; }

ul, ol {
  margin-bottom: 20px; }

ul {
  list-style: none outside; }

ol {
  list-style: decimal; }

ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px; }

ul.square {
  list-style: square outside; }

ul.circle {
  list-style: circle outside; }

ul.disc {
  list-style: disc outside; }

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%; }

ul ul li, ul ol li,
ol ol li, ol ul li {
  margin-bottom: 6px; }

li {
  line-height: 18px;
  margin-bottom: 12px; }

ul.large li {
  line-height: 21px; }

li p {
  line-height: 21px; }

img.scale-with-grid {
  max-width: 100%;
  height: auto; }

form {
  margin-bottom: 20px; }

fieldset {
  margin-bottom: 20px; }

input[type="text"], input[type="password"], input[type="email"], input[type="date"], textarea, select {
  border: 1px solid #ccc;
  padding: 8px 10px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: 13px "Helvetica", Arial, sans-serif;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

input[type="file"] {
  margin-bottom: 20px; }

.lt-ie8 input[type="text"], .lt-ie8 input[type="password"], .lt-ie8 input[type="email"], .lt-ie8 textarea, .lt-ie8 select {
  width: auto;
  clear: both;
  margin-left: 0px;
  margin-right: 0px; }

select {
  padding: 0; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

textarea {
  min-height: 60px; }

label, legend {
  display: block;
  font-weight: bold;
  font-size: 13px; }

input[type="checkbox"] {
  display: inline; }

label span, legend span {
  font-weight: normal;
  font-size: 13px; }

.cke {
  margin-bottom: 20px !important; }

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  background: #eee;
  /* Old browsers */
  background: #eeeeee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */
  background: #eeeeee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: #eeeeee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: #eeeeee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera11.10+ */
  background: #eeeeee -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */
  background: #eeeeee linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 10px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    color: #222;
    background: #ddd;
    /* Old browsers */
    background: #dddddd -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    /* FF3.6+ */
    background: #dddddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
    /* Chrome,Safari4+ */
    background: #dddddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    /* Chrome10+,Safari5.1+ */
    background: #dddddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    /* Opera11.10+ */
    background: #dddddd -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    /* IE10+ */
    background: #dddddd linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    /* W3C */
    border: 1px solid #888;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa; }
  .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    border: 1px solid #666;
    background: #ccc;
    /* Old browsers */
    background: #cccccc -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
    /* FF3.6+ */
    background: #cccccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4)));
    /* Chrome,Safari4+ */
    background: #cccccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
    /* Chrome10+,Safari5.1+ */
    background: #cccccc -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
    /* Opera11.10+ */
    background: #cccccc -ms-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
    /* IE10+ */
    background: #cccccc linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
    /* W3C */ }

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

table {
  width: 100%; }
  table tr {
    background: #FFF; }
    table tr:nth-child(even) {
      background: #F9F9F9; }
    table tr td, table tr th {
      padding: 10px; }
      table tr td input[type="text"], table tr td input[type="password"], table tr td input[type="email"], table tr td input[type="date"], table tr td textarea, table tr td select, table tr th input[type="text"], table tr th input[type="password"], table tr th input[type="email"], table tr th input[type="date"], table tr th textarea, table tr th select {
        margin-bottom: 0px; }
    table tr th {
      border-bottom: 1px solid #F6F6F6;
      border-right: 1px solid #F6F6F6; }
      table tr th:last-child {
        border-right: none; }

.error, .success, .notification {
  display: block;
  padding: 10px;
  margin-bottom: 20px; }

.error {
  border: 1px solid #ff7d7d;
  background: #ffd7d7; }

.success {
  border: 1px solid #8bd475;
  background: #e0ffd7; }

.notification {
  border: 1px solid #c5bb62;
  background: #fffbd7; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    margin: 0px;
    padding: 0px; }
    .pagination ul li {
      display: block;
      float: left;
      text-align: center;
      margin: 0px;
      padding: 0px; }

.columns + .chzn-container, .column + .chzn-container {
  margin-left: 10px;
  margin-right: 10px; }

.columns.alpha + .chzn-container, .column.alpha + .chzn-container {
  margin-left: 0px;
  margin-right: 10px; }

.columns.omega + .chzn-container, .column.omega + .chzn-container {
  margin-left: 10px;
  margin-right: 0px; }

.columns.alpha.omega + .chzn-container, .column.alpha.omega + .chzn-container {
  margin-left: 0px;
  margin-right: 0px; }

.chzn-container {
  position: relative;
  display: block;
  float: left;
  margin-bottom: 20px; }
  .chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    top: 29px;
    left: 0;
    z-index: 1010;
    border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px; }

.chzn-container-single .chzn-single {
  background-color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  display: block;
  overflow: hidden;
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 10px;
  text-decoration: none; }
  .chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #666666;
    text-transform: uppercase; }
  .chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url("../img/chosen-sprite.png") -42px 1px no-repeat; }
    .chzn-container-single .chzn-single abbr:hover {
      background-position: -42px -10px; }
  .chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px; }
    .chzn-container-single .chzn-single div b {
      background: url("../img/chosen-sprite.png") no-repeat 0px 5px;
      display: block;
      width: 100%;
      height: 100%; }
  .chzn-container-single .chzn-single .chzn-default {
    color: #999; }
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  z-index: 1010;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .chzn-container-single .chzn-search input {
    background: url("../img/chosen-sprite.png") no-repeat 100% -20px;
    background: url("../img/chosen-sprite.png") no-repeat 100% -20px;
    background: url("../img/chosen-sprite.png") no-repeat 100% -20px;
    background: url("../img/chosen-sprite.png") no-repeat 100% -20px;
    background: url("../img/chosen-sprite.png") no-repeat 100% -20px;
    background: url("../img/chosen-sprite.png") no-repeat 100% -20px;
    padding: 8px 10px;
    border: 1px solid #ccc;
    width: 100% !important;
    margin: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px; }
.chzn-container-single .chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px; }

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px; }

.chzn-container-multi .chzn-choices {
  background: #fff;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
  .chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none; }
  .chzn-container-multi .chzn-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0; }
    .chzn-container-multi .chzn-choices .search-field input {
      background: transparent !important;
      border: 0 !important;
      font-family: sans-serif;
      font-size: 100%;
      min-height: 29px;
      padding: 7px 10px;
      margin: 1px 0;
      outline: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .chzn-container-multi .chzn-choices .search-choice {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default; }
    .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
      display: block;
      position: absolute;
      right: 3px;
      top: 4px;
      width: 12px;
      height: 15px;
      font-size: 1px;
      background: url("../img/chosen-sprite.png") -42px 4px no-repeat; }
      .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
        background-position: -42px -10px;
        top: 7px; }
  .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    background-position: -42px -10px;
    top: 7px; }
  .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
    border: 1px solid #ccc;
    padding-right: 5px; }

.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .chzn-container .chzn-results li {
    display: none;
    padding: 8px 10px;
    margin: 0;
    list-style: none; }
  .chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item; }
  .chzn-container .chzn-results .highlighted {
    background: #f9f9f9; }
    .chzn-container .chzn-results .highlighted em {
      background: transparent; }
  .chzn-container .chzn-results li em {
    font-style: normal;
    font-weight: bold; }
  .chzn-container .chzn-results .no-results {
    background: #f9f9f9;
    display: list-item; }
  .chzn-container .chzn-results .group-result {
    cursor: default;
    font-weight: bold; }
  .chzn-container .chzn-results .group-option {
    padding-left: 15px; }
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */
  z-index: 1; }
  .chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px; }
.chzn-container .chzn-container .chzn-results-scroll-down {
  bottom: 0; }
  .chzn-container .chzn-container .chzn-results-scroll-down span {
    background: url("../img/chosen-sprite.png") no-repeat -4px -3px; }
.chzn-container .chzn-results-scroll-up span {
  background: url("../img/chosen-sprite.png") no-repeat -22px -3px; }

.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0; }
.chzn-container-multi .chzn-drop .result-selected {
  display: none; }

.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #aaa; }
.chzn-container-active .chzn-drop {
  border: 1px solid #aaa;
  border-top: 0px; }
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
  .chzn-container-active .chzn-single-with-drop div {
    background: transparent;
    border-left: none; }
    .chzn-container-active .chzn-single-with-drop div b {
      background-position: -18px 2px; }
.chzn-container-active .chzn-choices {
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important; }
  .chzn-disabled .chzn-single {
    cursor: default; }
  .chzn-disabled .chzn-choices .search-choice .search-choice-close {
    cursor: default; }

.chzn-rtl {
  text-align: right; }
  .chzn-rtl .chzn-single {
    padding: 0 8px 0 0;
    overflow: visible; }
    .chzn-rtl .chzn-single span {
      margin-left: 26px;
      margin-right: 0;
      direction: rtl; }
    .chzn-rtl .chzn-single div {
      left: 3px;
      right: auto; }
    .chzn-rtl .chzn-single abbr {
      left: 26px;
      right: auto; }
  .chzn-rtl .chzn-choices .search-field input {
    direction: rtl; }
  .chzn-rtl .chzn-choices li {
    float: right; }
  .chzn-rtl .chzn-choices .search-choice {
    padding: 3px 5px 3px 19px;
    margin: 3px 5px 3px 0; }
    .chzn-rtl .chzn-choices .search-choice .search-choice-close {
      left: 4px;
      right: auto; }
  .chzn-rtl .chzn-results .group-option {
    padding-left: 0;
    padding-right: 15px; }
  .chzn-rtl .chzn-search input {
    background: white url("../img/chosen-sprite.png") no-repeat -30px -20px;
    background: url("../img/chosen-sprite.png") no-repeat -30px -20px;
    background: url("../img/chosen-sprite.png") no-repeat -30px -20px;
    background: url("../img/chosen-sprite.png") no-repeat -30px -20px;
    background: url("../img/chosen-sprite.png") no-repeat -30px -20px;
    background: url("../img/chosen-sprite.png") no-repeat -30px -20px;
    padding: 8 10px;
    direction: rtl; }

.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none; }

.chzn-container-single.chzn-rtl .chzn-single div b {
  background-position: 6px 2px; }
.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
  background-position: -12px 2px; }

.job-search .chzn-container-single {
  width: 120px; }

.job-search .chzn-container-single .chzn-single {
  width: 100px; }

.job-search .chzn-container-single .chzn-single span {
  color: #666;
  text-transform: uppercase;
  font-size: 10px; }

#selMY8_chzn.chzn-container-single .chzn-single {
  min-width: 220px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
    background-image: url("../img/chosen-sprite@2x.png") !important;
    background-repeat: no-repeat !important;
    background-size: 52px 37px !important; } }
@media only screen and (max-width: 787px) {
  .columns + .chzn-container, .column + .chzn-container, .columns.alpha + .chzn-container, .column.alpha + .chzn-container, .columns.omega + .chzn-container, .column.omega + .chzn-container {
    margin-left: 0px;
    margin-right: 0px; } }
/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-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: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-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: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-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: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s; }

.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix:before, .clearfix:after, .row:before, .row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after, .clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0; }
  .container .column, .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px; }
  .container .one.column, .container .one.columns {
    width: 60px; }
  .container .offset-by-one {
    padding-left: 80px; }
  .container .two.column, .container .two.columns {
    width: 140px; }
  .container .offset-by-two {
    padding-left: 160px; }
  .container .three.column, .container .three.columns {
    width: 220px; }
  .container .offset-by-three {
    padding-left: 240px; }
  .container .four.column, .container .four.columns {
    width: 300px; }
  .container .offset-by-four {
    padding-left: 320px; }
  .container .five.column, .container .five.columns {
    width: 380px; }
  .container .offset-by-five {
    padding-left: 400px; }
  .container .six.column, .container .six.columns {
    width: 460px; }
  .container .offset-by-six {
    padding-left: 480px; }
  .container .seven.column, .container .seven.columns {
    width: 540px; }
  .container .offset-by-seven {
    padding-left: 560px; }
  .container .eight.column, .container .eight.columns {
    width: 620px; }
  .container .offset-by-eight {
    padding-left: 640px; }
  .container .nine.column, .container .nine.columns {
    width: 700px; }
  .container .offset-by-nine {
    padding-left: 720px; }
  .container .ten.column, .container .ten.columns {
    width: 780px; }
  .container .offset-by-ten {
    padding-left: 800px; }
  .container .eleven.column, .container .eleven.columns {
    width: 860px; }
  .container .offset-by-eleven {
    padding-left: 880px; }
  .container .twelve.column, .container .twelve.columns {
    width: 940px; }
  .container .offset-by-twelve {
    padding-left: 960px; }
  .container .one-third.column {
    width: 300px; }
  .container .two-thirds.column {
    width: 620px; }

.row {
  margin-bottom: 20px; }

.column.alpha, .columns.alpha {
  margin-left: 0; }

.column.omega, .columns.omega {
  margin-right: 0; }

html, body {
  width: 100%;
  height: 100%; }

body {
  background: url("../img/bg.jpg"); }
  body .colorMask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none; }
    body .colorMask.purple {
      background: #9A9DCE;
      background: rgba(154, 157, 206, 0.6); }

ul.inline li {
  float: left;
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Dundee Bold", Arial, sans-serif;
  color: #9a9dce; }

h3 {
  font-size: 32px; }

p {
  font-family: "Dundee Medium", Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #9a9dce; }

strong {
  font-family: "Dundee Bold", Arial, sans-serif;
  font-weight: normal; }

body .competition .competition-center {
  text-align: center; }
  body .competition .competition-center input[type="submit"] {
    border: 0px;
    background: #9a9dce;
    text-shadow: none;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    font-size: 22px;
    color: #FFFFFF;
    margin-top: 20px;
    border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 15px 30px; }
    body .competition .competition-center input[type="submit"]:hover {
      background: #5f6292; }
body .competition .thanks-bullets {
  padding-bottom: 40px; }
  body .competition .thanks-bullets li {
    font-family: "Dundee Bold", Arial, sans-serif;
    font-size: 22px;
    list-style-image: url("../img/organic-tick.png");
    text-align: center; }
body .competition .product-range img {
  width: 100%; }
body .competition .product-range p {
  text-align: center;
  font-size: 14px; }
body .competition ul {
  font-size: 18px;
  line-height: 24px;
  color: #9a9dce;
  font-family: "Dundee Medium", Arial, sans-serif;
  padding-left: 25px;
  padding-bottom: 0;
  list-style-image: url("../img/bullets-benefits.png"); }
body .competition .competition-header {
  height: 400px; }
  body .competition .competition-header img {
    position: absolute;
    left: 50%;
    top: -190px;
    margin-left: -575px;
    z-index: -3; }
body .competition h1 {
  font-family: "Dundee Medium", Arial, sans-serif;
  font-size: 29px;
  text-align: center; }
  body .competition h1 strong {
    font-family: "Dundee bold", Arial, sans-serif; }
body .competition .opening-text {
  margin-bottom: 25px; }
body .competition .first-prize .green, body .competition .second-prize .green, body .competition .third-prize .green, body .competition .fourth-prize .green, body .competition .main-box .green {
  color: #00aebf; }
body .competition .first-prize a, body .competition .second-prize a, body .competition .third-prize a, body .competition .fourth-prize a, body .competition .main-box a {
  color: #d3252a; }
body .competition .first-prize {
  background: url("../img/first-prize.png") no-repeat;
  background-size: 100% 100%;
  height: 265px; }
  body .competition .first-prize h3 {
    color: #FFFFFF;
    padding: 60px 18px 0 18px;
    font-size: 16px !important; }
  body .competition .first-prize p {
    color: #FFFFFF;
    padding: 20px 20px 0 20px; }
body .competition .second-prize {
  background: url("../img/second-prize.png") no-repeat;
  background-size: 100% 100%;
  height: 265px; }
  body .competition .second-prize h3 {
    padding: 60px 18px 0 18px;
    font-size: 16px !important; }
  body .competition .second-prize p {
    padding: 20px 20px 0 20px; }
body .competition .third-prize {
  background: url("../img/third-prize.png") no-repeat;
  background-size: 100% 100%;
  height: 220px; }
  body .competition .third-prize h3 {
    padding: 60px 18px 0 18px;
    font-size: 16px !important; }
  body .competition .third-prize p {
    padding: 20px 20px 0 20px; }
body .competition .fourth-prize {
  background: url("../img/fourth-prize.png") no-repeat;
  background-size: 100% 100%;
  height: 220px; }
  body .competition .fourth-prize h3 {
    padding: 60px 18px 0 18px;
    font-size: 16px !important; }
  body .competition .fourth-prize p {
    padding: 20px 20px 0 20px; }
body .competition .main-box {
  background: url("../img/bg-description.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 8px;
  margin-bottom: 30px; }
  body .competition .main-box .padding {
    padding: 25px; }
  body .competition .main-box h2 {
    font-size: 30px;
    color: #FFFFFF; }
  body .competition .main-box p {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 27px; }
  body .competition .main-box img {
    display: block;
    margin: 0 auto;
    padding: 10px 0; }
body .competition .smaller-boxes {
  text-align: center; }
  body .competition .smaller-boxes h3 {
    font-family: "Dundee bold", Arial, sans-serif;
    font-size: 18px;
    line-height: 20px; }
  body .competition .smaller-boxes p {
    font-size: 12px;
    line-height: 18px; }
body .competition .terms {
  font-size: 12px;
  line-height: 18px; }
body .competition p.large {
  text-align: center;
  font-size: 18px;
  font-weight: bold; }

.openClose {
  width: 30px;
  height: 38px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }
  .openClose.white {
    background: url("../img/open-white.png") no-repeat top center; }
    .openClose.white:hover {
      background: url("../img/open-white-on.png") no-repeat top center; }
  .openClose.purple {
    background: url("../img/open-purple.png") no-repeat top center; }
    .openClose.purple:hover {
      background: url("../img/open-purple-on.png") no-repeat top center; }
  .openClose.closed.white {
    background: url("../img/close-white.png") no-repeat top center; }
    .openClose.closed.white:hover {
      background: url("../img/close-white-on.png") no-repeat top center; }
  .openClose.closed.purple {
    background: url("../img/close-purple.png") no-repeat top center; }
    .openClose.closed.purple:hover {
      background: url("../img/close-purple-on.png") no-repeat top center; }

#butterflyCanvas {
  width: 100%;
  height: 655px;
  overflow: hidden;
  position: absolute; }
  #butterflyCanvas .butterfly {
    height: 41px;
    width: 51px;
    position: absolute;
    z-index: 999;
    top: -50px;
    left: -50px;
    transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    /* IE 9 */
    -webkit-transform: rotate(60deg); }
    #butterflyCanvas .butterfly.blue {
      background: url("../img/blueButterfly.gif") top center no-repeat; }
    #butterflyCanvas .butterfly.yellow {
      background: url("../img/yellowButterfly.gif") top center no-repeat; }
    #butterflyCanvas .butterfly.pink {
      background: url("../img/pinkButterfly.gif") top center no-repeat; }
    #butterflyCanvas .butterfly.bee {
      background: url("../img/bee.gif") top center no-repeat; }

.controls {
  width: 620px;
  position: relative;
  left: 50%;
  margin-left: -250px;
  margin-bottom: 40px; }
  .controls div.prev {
    background: url("../img/leftArrow.png") 0 0 no-repeat;
    height: 32px;
    position: absolute;
    left: 20px;
    width: 57px;
    display: inline-block;
    transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -webkit-transition: all 250ms ease; }
    .controls div.prev:hover {
      left: 10px; }
  .controls div.next {
    background: url("../img/rightArrow.png") 0 0 no-repeat;
    height: 32px;
    position: absolute;
    right: 100px;
    width: 57px;
    display: inline-block;
    transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -webkit-transition: all 250ms ease; }
    .controls div.next:hover {
      right: 90px; }
  .controls div:hover {
    cursor: pointer; }

.book-container {
  background: url("../img/bg-blend-book.png") 0 0 no-repeat;
  width: 967px;
  height: 418px;
  padding: 25px 10px;
  position: relative;
  overflow: hidden; }
  .book-container .animated {
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100); }
  .book-container .butterfly {
    height: 41px;
    width: 51px;
    position: absolute;
    z-index: 999;
    top: -50px;
    left: -50px;
    transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    /* IE 9 */
    -webkit-transform: rotate(60deg);
    opacity: 0; }
    .book-container .butterfly.blue {
      background: url("../img/blueButterfly.gif") top center no-repeat; }
    .book-container .butterfly.yellow {
      background: url("../img/yellowButterfly.gif") top center no-repeat; }
    .book-container .butterfly.pink {
      background: url("../img/pinkButterfly.gif") top center no-repeat; }
    .book-container .butterfly.bee {
      background: url("../img/bee.gif") top center no-repeat; }
  .book-container #bookflip {
    width: 900px;
    margin: 0 auto; }
  .book-container #butterflyBookCanvas {
    display: none;
    overflow: hidden;
    position: absolute;
    width: 900px;
    top: 20px;
    left: 30px;
    height: 90%;
    z-index: 5; }
  .book-container #blendBookCanvas {
    display: none;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 900px;
    top: 20px;
    left: 30px;
    height: 90%;
    z-index: 6; }
  .book-container .bubble {
    width: 80px;
    height: 80px;
    position: absolute; }
  .book-container .x1 {
    left: 10px;
    top: 270px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
    -webkit-animation: floating 17s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: floating 17s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -o-animation: floating 17s linear infinite, sideWays 4s ease-in-out infinite alternate; }
  .book-container .x2 {
    left: 200px;
    top: 130px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.85;
    -webkit-animation: floating 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
    -moz-animation: floating 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
    -o-animation: floating 25s linear infinite, sideWays 5s ease-in-out infinite alternate; }
  .book-container .x3 {
    left: 350px;
    top: 230px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-animation: floating 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: floating 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -o-animation: floating 20s linear infinite, sideWays 4s ease-in-out infinite alternate; }
  .book-container .x4 {
    left: 470px;
    top: 170px;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0.8;
    -webkit-animation: floating 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: floating 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -o-animation: floating 18s linear infinite, sideWays 2s ease-in-out infinite alternate; }
  .book-container .x5 {
    left: 110px;
    top: 210px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.95;
    -webkit-animation: floating 10s linear infinite, sideWays 1s ease-in-out infinite alternate;
    -moz-animation: floating 10s linear infinite, sideWays 1s ease-in-out infinite alternate;
    -o-animation: floating 10s linear infinite, sideWays 1s ease-in-out infinite alternate; }
  .book-container .x6 {
    left: 125px;
    top: 250px;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 1;
    -webkit-animation: floating 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation: floating 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -o-animation: floating 12s linear infinite, sideWays 3s ease-in-out infinite alternate; }
  .book-container .x7 {
    left: 250px;
    top: 230px;
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
    transform: scale(0.25);
    opacity: 0.7;
    -webkit-animation: floating 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: floating 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -o-animation: floating 20s linear infinite, sideWays 2s ease-in-out infinite alternate; }
  .book-container .x8 {
    left: 400px;
    top: 160px;
    -webkit-transform: scale(0.45);
    -moz-transform: scale(0.45);
    transform: scale(0.45);
    opacity: 1;
    -webkit-animation: floating 18s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: floating 18s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -o-animation: floating 18s linear infinite, sideWays 4s ease-in-out infinite alternate; }
  .book-container .x9 {
    left: 10px;
    top: 230px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.7;
    -webkit-animation: floating 25s linear infinite, sideWays 6s ease-in-out infinite alternate;
    -moz-animation: floating 25s linear infinite, sideWays 6s ease-in-out infinite alternate;
    -o-animation: floating 25s linear infinite, sideWays 6s ease-in-out infinite alternate; }
  .book-container .x10 {
    left: 75px;
    top: 150px;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.6;
    -webkit-animation: floating 21s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: floating 21s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -o-animation: floating 21s linear infinite, sideWays 4s ease-in-out infinite alternate; }
  .book-container span.dropcap {
    display: inline-block;
    vertical-align: bottom;
    height: 85px;
    width: 92px;
    text-indent: -9999px; }
  .book-container p.centre-text-1, .book-container p.centre-text-2, .book-container p.centre-text-3 {
    width: 85%;
    margin: 0 auto;
    font-size: 32px;
    font-weight: bold;
    line-height: 40px; }
  .book-container p.centre-text-3 {
    padding-top: 30px; }
  .book-container .lt-ie9 p.centre-text-1 {
    background: url("../img/decorated-letters-E.png") 0 0 no-repeat; }
  .book-container p.para-1 {
    background: url("../img/decorated-letters-E.png") 0 0 no-repeat; }
  .book-container p.para-2 {
    background: url("../img/decorated-letters-I.png") 0 0 no-repeat; }
  .book-container p.para-3 {
    background: url("../img/decorated-letters-O.png") 0 0 no-repeat; }
  .book-container p.mid-page {
    padding-top: 54px;
    width: 64%;
    margin-left: 24px; }
  .book-container .blend-baby {
    position: absolute;
    right: 0; }
  .book-container .naturally {
    opacity: 0;
    position: absolute;
    top: 50px;
    right: 55%; }
  .book-container .naturally-2 {
    opacity: 0;
    position: absolute;
    bottom: 60px;
    right: 245px;
    margin-right: -195px; }
  .book-container .bottle-1 {
    opacity: 0;
    background: url("../img/blend-bottle-1.png") 0 0 no-repeat;
    width: 58px;
    height: 216px;
    position: absolute;
    bottom: 14px;
    right: 124px;
    z-index: 1; }
  .book-container .bottle-2 {
    opacity: 0;
    background: url("../img/blend-bottle-2.png") 0 0 no-repeat;
    width: 65px;
    height: 151px;
    position: absolute;
    bottom: 22px;
    right: 163px; }
  .book-container .bottle-3 {
    opacity: 0;
    background: url("../img/blend-bottle-3.png") 0 0 no-repeat;
    width: 53px;
    height: 195px;
    position: absolute;
    bottom: 22px;
    right: 78px; }
  .book-container .blend-o-meter-2 {
    position: absolute;
    top: 10px;
    right: 0; }
  .book-container .pot {
    background: url("../img/cauldron-small.png") top center no-repeat;
    height: 360px;
    width: 450px;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s; }
    .book-container .pot p {
      padding-top: 20px; }
    .book-container .pot .blend-o-meter-2 {
      z-index: 99; }
    .book-container .pot ul {
      position: absolute;
      top: -100px;
      left: 12px;
      width: 100%; }
      .book-container .pot ul li {
        position: absolute;
        opacity: 0; }
        .book-container .pot ul li span {
          width: 51px;
          height: 41px;
          display: block;
          position: relative;
          z-index: 1; }
        .book-container .pot ul li img {
          position: absolute;
          top: 20px;
          left: -20px; }
        .book-container .pot ul li .blueButterfly {
          background: url("../img/blueButterfly.gif") top center no-repeat; }
        .book-container .pot ul li .yellowButterfly {
          background: url("../img/yellowButterfly.gif") top center no-repeat; }
        .book-container .pot ul li .pinkButterfly {
          background: url("../img/pinkButterfly.gif") top center no-repeat; }
  .book-container .end {
    position: absolute;
    bottom: 21px;
    right: 150px; }
  .book-container .page-1 {
    background: #fbfbfb url("../img/bg-1.jpg") 0 0 no-repeat;
    padding: 20px 0; }
  .book-container .page-2 {
    background: #fbfbfb url("../img/bg-2.jpg") 0 0 no-repeat; }
  .book-container .page-3 {
    background: #fbfbfb url("../img/bg-3.jpg") 0 0 no-repeat;
    padding: 20px 0; }
  .book-container .page-4 {
    background: #fbfbfb url("../img/bg-4.jpg") 0 0 no-repeat;
    padding: 10px 0; }
  .book-container .page-5 {
    padding: 20px 0 40px 0; }
    .book-container .page-5 p.centre-text-3 {
      font-size: 26px;
      line-height: 30px; }
  .book-container .page-6 {
    position: absolute;
    z-index: 998; }

header {
  margin-bottom: 20px; }
  header .submenu ul, header .menu ul {
    margin-bottom: 0px;
    float: right; }
    header .submenu ul li, header .menu ul li {
      font-family: "Dundee Bold", Arial, sans-serif;
      margin-bottom: 0px; }
      header .submenu ul li a, header .menu ul li a {
        color: #ffffff;
        font-size: 24px;
        text-decoration: none;
        display: block;
        transition: background 0.5s;
        -o-transition: background 0.5s;
        -ms-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -webkit-transition: background 0.5s; }
  header .submenu .leaves {
    position: absolute;
    right: 0px;
    z-index: -5; }
    header .submenu .leaves.large {
      right: -200px; }
  header .submenu ul {
    margin-right: 20px; }
    header .submenu ul li .leaf {
      position: absolute;
      top: -50px;
      right: 0px;
      z-index: -1; }
    header .submenu ul li a {
      padding: 15px 12px 10px 0px;
      background: url("../img/menuHover.png") -14px 50px no-repeat; }
      header .submenu ul li a:hover {
        background: url("../img/menuHover.png") -14px 38px no-repeat; }
      header .submenu ul li a.active {
        position: relative;
        z-index: 999;
        background: url("../img/menuHover.png") -14px 38px no-repeat; }
  header .menu {
    position: relative; }
    header .menu .menuLeft, header .menu .menuRight {
      height: 78px;
      width: 2000px;
      top: 29px;
      z-index: -2; }
    header .menu .menuLeft {
      background: url("../img/menuLeft.png") no-repeat right center;
      position: absolute;
      right: 870px; }
    header .menu .menuRight {
      background: url("../img/menuRight.png") no-repeat left center;
      position: absolute;
      left: 226px; }
    header .menu ul {
      margin-top: 32px; }
      header .menu ul li a {
        padding: 26px 16px;
        background: url("../img/menuHover.png") 30% 100px no-repeat; }
        header .menu ul li a:hover {
          background: url("../img/menuHover.png") 30% 52px no-repeat; }
        header .menu ul li a.active {
          position: relative;
          z-index: 999;
          background: url("../img/menuHover.png") 30% 52px no-repeat; }
      header .menu ul li:first-child a {
        padding-left: 0px; }
      header .menu ul li:last-child a {
        padding-right: 0px; }
    header .menu .logo {
      float: right; }

.megaDrop {
  z-index: 999;
  margin-top: 22px; }
  .megaDrop .bubbleBath {
    background: url("../img/menuBubblebath.png") bottom left no-repeat;
    margin-bottom: 20px; }
  .megaDrop .shampoo {
    background: url("../img/menuShampoo.png") bottom left no-repeat;
    margin-bottom: 20px; }
  .megaDrop .lotion {
    background: url("../img/menuLotion.png") bottom left no-repeat;
    margin-bottom: 20px; }
  .megaDrop .other {
    background: url("../img/menuOther.png") bottom left no-repeat;
    margin-bottom: 20px; }
  .megaDrop .divide {
    background: url("../img/menuDivide.png") top right no-repeat;
    min-height: 300px; }
  .megaDrop h4 {
    color: #00aebf;
    font-size: 24px !important;
    line-height: 24px !important;
    padding: 15px 10px 0 0;
    width: 75%; }
  .megaDrop ul {
    float: left;
    margin: 10px 0px;
    min-height: 300px;
    width: 75%; }
    .megaDrop ul.last {
      background: none; }
    .megaDrop ul li {
      font-family: "Dundee Bold", Arial, sans-serif;
      margin-bottom: 0px; }
      .megaDrop ul li a {
        color: #9A9DCE;
        padding: 15px 10px 5px 0;
        background: none;
        font-size: 16px;
        text-decoration: none;
        display: block;
        transition: background 0.5s;
        -o-transition: background 0.5s;
        -ms-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -webkit-transition: background 0.5s; }
        .megaDrop ul li a:hover {
          color: #00aebf; }

footer {
  width: 100%;
  min-height: 370px;
  background: url("../img/footerBg.png") no-repeat bottom center;
  overflow-x: hidden;
  margin-top: 20px;
  min-width: 960px; }
  footer p {
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0; }
  footer a {
    color: #fff;
    text-decoration: none; }
  footer a:hover {
    text-decoration: underline; }
  footer .small {
    font-size: 13px;
    padding-bottom: 10px;
    margin-bottom: 0; }
  footer .fb {
    vertical-align: middle; }
  footer .lansinohStrip {
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 30px;
    background: url("../img/lansinohStrip.png") center bottom no-repeat;
    height: 45px; }
  footer .centre .fb {
    margin-left: 10px; }
  footer .centre h3 {
    font-family: "Dundee Bold", Arial, sans-serif;
    color: #fff;
    font-size: 18px; }
  footer .blowmedia {
    text-align: center; }

.slider {
  height: 410px;
  margin-top: -50px; }
  .slider ul {
    position: relative;
    z-index: 1; }
  .slider .prev {
    left: 0px; }
    .slider .prev:hover {
      left: -20px; }
  .slider .next {
    right: 0px; }
    .slider .next:hover {
      right: -20px; }
  .slider .prev, .slider .next {
    z-index: 2;
    position: absolute;
    margin-top: -16px;
    top: 190px;
    cursor: pointer;
    transition: left 0.5s, right 0.5s;
    -o-transition: left 0.5s, right 0.5s;
    -ms-transition: left 0.5s, right 0.5s;
    -moz-transition: left 0.5s, right 0.5s;
    -webkit-transition: left 0.5s, right 0.5s; }

.home .social {
  position: absolute;
  right: 20px;
  bottom: 260px;
  z-index: 999; }

.homeBoxWrap {
  text-decoration: none; }

.homeBoxOne, .homeBoxTwo, .homeBoxThree {
  padding: 15px 20px;
  height: 224px; }
  .homeBoxOne a, .homeBoxTwo a, .homeBoxThree a {
    text-decoration: none; }

.internal .homeBoxThree a {
  text-decoration: none;
  color: white;
  font-weight: normal; }
.internal .homeBoxThree a:hover {
  color: white;
  text-decoration: underline; }

.homeBoxOne {
  background: url("../img/homeBoxOne.png") no-repeat;
  background-size: 100%;
  position: relative;
  padding: 15px 165px 15px 20px; }
  .homeBoxOne img {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1; }
  .homeBoxOne a {
    text-decoration: none; }

.homeBoxTwo {
  background: url("../img/homeBoxOne.png") no-repeat;
  background-size: 100%;
  position: relative;
  padding: 15px 125px 15px 20px; }
  .homeBoxTwo img {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1; }

.homeBoxThree {
  background: url("../img/bg-homeBoxThree.png") no-repeat;
  background-size: 100%;
  padding-bottom: 30px; }
  .homeBoxThree h3 {
    color: #fff; }
  .homeBoxThree p {
    color: #fff; }
  .homeBoxThree img {
    float: left;
    width: 85px;
    height: 85px;
    padding-right: 10px; }

.internal h1 {
  font-size: 32px;
  line-height: 32px; }
.internal h2 {
  font-size: 24px;
  line-height: 24px; }
.internal h4 {
  font-size: 16px;
  line-height: 16px; }
.internal .internalcontent {
  padding-left: 20px;
  padding-right: 20px; }
.internal p a {
  font-family: "Dundee Bold", Arial, sans-serif;
  color: #00aec0;
  text-decoration: none; }
.internal p a:hover {
  color: #8dc63f; }
.internal ol {
  font-family: "Dundee Medium", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #9a9dce; }

.popup-overlay {
  background: #9A9DCE;
  background: rgba(154, 157, 206, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none; }

#ingredientPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -331px;
  margin-top: -233px;
  display: none;
  z-index: 999;
  width: 662px;
  height: 466px;
  background: url("../img/keyIngredients.png") no-repeat; }
  #ingredientPopup .close {
    position: absolute;
    top: -10px;
    right: -10px; }
  #ingredientPopup .ingredientInfo {
    position: absolute;
    right: 30px;
    top: 58px;
    width: 280px;
    height: 360px;
    padding: 20px;
    background: url("../img/ingredientBack.png") no-repeat;
    color: #9a9dce; }
    #ingredientPopup .ingredientInfo > div {
      display: none; }
      #ingredientPopup .ingredientInfo > div.active {
        display: block; }
    #ingredientPopup .ingredientInfo .ingredient__title {
      font-size: 24px;
      font-family: "Dundee Bold", Arial, sans-serif; }
    #ingredientPopup .ingredientInfo .ingredient__body, #ingredientPopup .ingredientInfo .ingredient__title, #ingredientPopup .ingredientInfo .ingredient__source {
      background: url("../img/line-link.png") bottom left no-repeat;
      padding-bottom: 20px;
      margin-bottom: 20px; }
    #ingredientPopup .ingredientInfo .ingredient__image {
      position: absolute;
      bottom: 0;
      right: 0; }
    #ingredientPopup .ingredientInfo .ingredient__source {
      width: 130px; }
  #ingredientPopup .chzn-container .chzn-single {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url("../img/ingredientArrow.jpg") 98% 50% no-repeat white;
    color: #9a9dce;
    padding: 5px 10px;
    height: 42px; }
    #ingredientPopup .chzn-container .chzn-single span {
      color: #9a9dce; }
  #ingredientPopup .chzn-container .chzn-single-with-drop {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  #ingredientPopup form {
    padding: 20px; }
  #ingredientPopup h3 {
    color: #ffffff;
    font-size: 24px;
    clear: left; }
  #ingredientPopup.active {
    display: block; }

.container.products {
  background: url("../img/bg-products.png") no-repeat center top;
  top: -60px;
  padding-top: 60px; }
  .container.products .padding {
    padding: 20px; }
  .container.products .image {
    text-align: center; }
  .container.products .blendBox {
    margin-top: 40px;
    position: relative; }
    .container.products .blendBox.visible .toggle {
      opacity: 0; }
      .container.products .blendBox.visible .toggle img {
        cursor: default; }
    .container.products .blendBox.visible .pot {
      height: auto;
      opacity: 1;
      padding-top: 300px;
      margin-top: -70px; }
    .container.products .blendBox .toggle {
      position: relative;
      transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      -ms-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -webkit-transition: opacity 0.5s; }
      .container.products .blendBox .toggle img {
        cursor: pointer; }
      .container.products .blendBox .toggle .click-me {
        position: absolute;
        left: 60px;
        bottom: 30px; }
    .container.products .blendBox .pot {
      background: url("../img/cauldron.png") top center no-repeat;
      height: 0px;
      opacity: 0;
      position: relative;
      transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      -ms-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -webkit-transition: opacity 0.5s; }
      .container.products .blendBox .pot p {
        padding-top: 20px; }
      .container.products .blendBox .pot ul {
        position: absolute;
        top: -80px;
        left: 12px;
        width: 100%; }
        .container.products .blendBox .pot ul li {
          position: absolute;
          opacity: 0; }
          .container.products .blendBox .pot ul li span {
            width: 51px;
            height: 41px;
            display: block;
            position: relative;
            z-index: 1; }
          .container.products .blendBox .pot ul li img {
            position: absolute;
            top: 20px;
            left: -20px; }
          .container.products .blendBox .pot ul li .blueButterfly {
            background: url("../img/blueButterfly.gif") top center no-repeat; }
          .container.products .blendBox .pot ul li .yellowButterfly {
            background: url("../img/yellowButterfly.gif") top center no-repeat; }
          .container.products .blendBox .pot ul li .pinkButterfly {
            background: url("../img/pinkButterfly.gif") top center no-repeat; }
  .container.products .description {
    background: url("../img/bg-description.png") no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px; }
    .container.products .description h3 {
      background: url("../img/line-description.png") no-repeat center bottom;
      color: #fff;
      font-size: 30px;
      padding-bottom: 10px;
      margin-bottom: 20px; }
    .container.products .description p {
      color: #fff;
      font-size: 18px; }
  .container.products .benefits {
    background: url("../img/bg-benefits.png") no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px; }
    .container.products .benefits h3 {
      background: url("../img/line-benefits.png") no-repeat left bottom;
      font-size: 30px;
      padding-bottom: 10px;
      margin-bottom: 20px; }
    .container.products .benefits ul {
      font-size: 18px;
      line-height: 24px;
      color: #9a9dce;
      font-family: "Dundee Medium", Arial, sans-serif;
      padding-left: 25px;
      padding-bottom: 0;
      list-style-image: url("../img/bullets-benefits.png"); }
    .container.products .benefits li {
      padding-left: 5px; }
  .container.products .ingredients {
    background: url("../img/bg-ingredients.png") no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    height: 90px; }
    .container.products .ingredients a {
      color: #fff;
      text-decoration: none; }
    .container.products .ingredients a:hover {
      text-decoration: underline; }
    .container.products .ingredients.expanded .openClose {
      background-position-y: bottom; }
    .container.products .ingredients h3 {
      background: url("../img/line-ingredients.png") no-repeat left bottom;
      color: #fff;
      font-size: 30px;
      padding-bottom: 10px;
      margin-bottom: 20px; }
    .container.products .ingredients p {
      color: #fff;
      font-size: 14px;
      line-height: 20px; }
    .container.products .ingredients p.green {
      color: #00aebf; }
  .container.products .testimonials {
    background: url("../img/bg-testimonials.png") no-repeat left bottom;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    height: 60px; }
    .container.products .testimonials.expanded .openClose {
      background-position-y: bottom; }
    .container.products .testimonials .testimonial {
      background: url("../img/bg-testimonial.png") no-repeat;
      background-size: 100% 100%;
      float: left;
      display: block;
      padding: 20px 40px;
      margin-bottom: 20px;
      position: relative; }
      .container.products .testimonials .testimonial p {
        font-size: 18px;
        margin: 0px;
        padding: 0px; }
      .container.products .testimonials .testimonial .first {
        position: absolute;
        left: 0px;
        top: 0px; }
      .container.products .testimonials .testimonial .last {
        position: absolute;
        right: 0px;
        bottom: 0px; }
    .container.products .testimonials h3 {
      background: url("../img/line-testimonials.png") no-repeat left top;
      font-size: 30px;
      padding: 10px 20px;
      margin-bottom: 20px; }
  .container.products .awards {
    background: url("../img/bg-awards.png") no-repeat left bottom;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    height: 90px; }
    .container.products .awards .seeour {
      padding-left: 40px; }
    .container.products .awards.expanded .openClose {
      background-position-y: bottom; }
    .container.products .awards h3 {
      background: url("../img/line-awards.png") no-repeat left top;
      font-size: 30px;
      padding: 10px 20px;
      margin-bottom: 20px; }
  .container.products .where-to-buy {
    background: url("../img/bg-where-to-buy.png") no-repeat left top; }
    .container.products .where-to-buy h3 {
      float: left;
      font-size: 30px;
      color: #ffffff;
      padding: 20px 0 25px 20px; }
    .container.products .where-to-buy input[type="text"] {
      float: left;
      width: auto;
      margin: 12px 20px;
      height: 50px;
      color: #9A9DCE; }
    .container.products .where-to-buy input[type="submit"] {
      background: #00aebf;
      border: 0px;
      -webkit-text-shadow: none;
      -moz-text-shadow: none;
      -o-text-shadow: none;
      text-shadow: none;
      color: #ffffff;
      margin: 12px 0;
      height: 50px;
      width: 50px;
      font-size: 18px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      float: right;
      margin-right: 20px; }

.faq {
  margin-bottom: 30px;
  position: relative;
  height: 90px;
  overflow: hidden; }
  .faq .openClose {
    background-position: top right !important;
    width: 100%;
    height: 100%; }
  .faq.expanded .openClose {
    background-position-y: bottom; }
  .faq h2 {
    background: url("../img/line-faq.png") no-repeat center top;
    padding: 20px 40px 20px 20px;
    margin: 0; }
  .faq p {
    padding: 0 20px 20px 20px;
    margin: 0; }
  .faq ul li {
    font-family: "Dundee Medium", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #9a9dce; }

.news {
  background: url("../img/bg-news.png") no-repeat center bottom;
  padding-bottom: 20px;
  margin-bottom: 30px; }
  .news a {
    font-family: "Dundee Bold", Arial, sans-serif;
    color: #00aec0;
    text-decoration: none; }
  .news a:hover {
    color: #8dc63f; }
  .news .item {
    width: 220px;
    height: 245px;
    background: url(../img/news-border.png) no-repeat; }
    .news .item > div {
      width: 183px;
      height: 181px;
      background-position: center center;
      margin: 0 auto;
      position: relative;
      top: 13px; }

.lt-ie10 .animated {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100); }

.lt-ie9 .blend .blendtitle {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.lt-ie9 .blend .blendIngredients {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.blend {
  background: url("../img/bg-blend.png") no-repeat center bottom; }
  .blend .blendTop {
    position: relative; }
  .blend .blend-shadow {
    background: url("../img/bg-blend-shadow.png") no-repeat top center;
    height: 130px;
    width: 100%;
    margin-top: -60px; }
  .blend .products {
    background: none;
    margin-bottom: 60px;
    position: relative; }
    .blend .products .products__title {
      margin-bottom: 40px; }
    .blend .products .blendBar {
      height: 20px;
      opacity: 0;
      filter: alpha(opacity=0);
      width: 100%;
      background: url("../img/blendBar.png") top center no-repeat; }
      .blend .products .blendBar .close {
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 200;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0); }
    .blend .products .product {
      float: left;
      transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      -ms-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -webkit-transition: opacity 0.5s;
      width: 78px;
      min-height: 220px;
      overflow: hidden; }
      .blend .products .product .blendtitle {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        opacity: 0; }
        .blend .products .product .blendtitle h2 {
          filter: inherit; }
      .blend .products .product .blendIngredients {
        position: absolute;
        top: 63px;
        left: 0px;
        height: 0px;
        width: 0px;
        overflow: hidden; }
        .blend .products .product .blendIngredients .ingredient {
          height: 0px;
          overflow: hidden;
          opacity: 0;
          float: left;
          position: relative;
          transition: opacity 0.5s;
          -o-transition: opacity 0.5s;
          -ms-transition: opacity 0.5s;
          -moz-transition: opacity 0.5s;
          -webkit-transition: opacity 0.5s; }
          .blend .products .product .blendIngredients .ingredient:hover .tooltip {
            top: 65px;
            height: 150px;
            padding: 30px 20px 0px 10px;
            opacity: 1; }
          .blend .products .product .blendIngredients .ingredient .tooltip {
            width: 192px;
            height: 0px;
            overflow: hidden;
            background: url("../img/tooltipBg.png") top left no-repeat;
            position: absolute;
            top: 100px;
            left: 50%;
            opacity: 0;
            margin-left: -90px;
            padding: 0px;
            z-index: 998;
            transition: opacity 0.5s, top 0.5s;
            -o-transition: opacity 0.5s, top 0.5s;
            -ms-transition: opacity 0.5s, top 0.5s;
            -moz-transition: opacity 0.5s, top 0.5s;
            -webkit-transition: opacity 0.5s, top 0.5s; }
            .blend .products .product .blendIngredients .ingredient .tooltip h4, .blend .products .product .blendIngredients .ingredient .tooltip p {
              color: #ffffff; }
            .blend .products .product .blendIngredients .ingredient .tooltip h4 {
              font-size: 16px; }
            .blend .products .product .blendIngredients .ingredient .tooltip p {
              font-size: 14px;
              line-height: 18px; }
      .blend .products .product.active .ingredient {
        opacity: 1;
        padding: 15px 0 0 15px;
        height: auto;
        overflow: visible; }
      .blend .products .product.active .blendIngredients {
        width: auto;
        height: 90px;
        overflow: visible;
        opacity: 0; }
      .blend .products .product.inactive {
        opacity: .3; }
        .blend .products .product.inactive:hover {
          opacity: .5; }
      .blend .products .product img {
        max-height: 220px;
        cursor: pointer; }
        .blend .products .product img.product-image {
          position: relative;
          left: -78px; }
      .blend .products .product.last {
        margin-right: 0px;
        width: 220px; }
        .blend .products .product.last img {
          left: 0px; }

.blendintro {
  background: url("../img/bg-blendintro.png") no-repeat;
  background-size: 100% 100%;
  padding: 20px;
  margin-bottom: 30px;
  height: 240px; }
  .blendintro h1 {
    background: url("../img/line-blendintro.png") no-repeat left bottom;
    color: #fff;
    font-size: 30px;
    padding-bottom: 10px;
    margin-bottom: 20px; }
  .blendintro p {
    color: #fff; }

.contact {
  background: url("../img/bg-contact.png") no-repeat center bottom;
  min-height: 360px; }
  .contact #contactForm {
    position: fixed;
    display: none;
    z-index: 999;
    top: 100px; }
    .contact #contactForm .contactForm {
      background: url("../img/bg.jpg");
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: inset 0px 0px 30px rgba(154, 157, 206, 0.4), 0px 0px 20px #9a9dce;
      -moz-box-shadow: inset 0px 0px 30px rgba(154, 157, 206, 0.4), 0px 0px 20px #9a9dce;
      box-shadow: inset 0px 0px 30px rgba(154, 157, 206, 0.4), 0px 0px 20px #9a9dce; }
      .contact #contactForm .contactForm .close {
        position: absolute;
        right: -15px;
        top: -15px;
        cursor: pointer; }
      .contact #contactForm .contactForm .padding {
        padding: 20px; }
        .contact #contactForm .contactForm .padding form {
          margin-bottom: 0px; }
        .contact #contactForm .contactForm .padding .error {
          border: 1px solid #f00; }
        .contact #contactForm .contactForm .padding input[type="submit"] {
          background: #00aebf;
          border: 0px;
          -webkit-text-shadow: none;
          -moz-text-shadow: none;
          -o-text-shadow: none;
          text-shadow: none;
          color: #ffffff;
          margin: 12px 0;
          height: 50px;
          width: 50px;
          font-size: 18px;
          -webkit-border-radius: 50px;
          -moz-border-radius: 50px;
          border-radius: 50px;
          margin: 0 auto;
          display: block; }
  .contact .phone {
    font-family: "Dundee Medium", Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -1px; }
  .contact p {
    padding: 0 0 10px 0;
    margin: 0; }
  .contact a {
    font-size: 18px; }
  .contact .contacttrade {
    background: url("../img/bg-contacttrade.png") no-repeat;
    background-size: 100% 100%;
    padding: 20px 20px 10px 20px; }
    .contact .contacttrade .last {
      text-align: right;
      padding: 0;
      margin: 0; }
  .contact .social {
    position: absolute;
    right: 200px;
    bottom: 70px; }

.blend-o-meter {
  position: absolute;
  margin-top: -130px;
  margin-left: 90px;
  right: 0; }

.close {
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url("../img/closeBtn.png") 0 0 no-repeat;
  z-index: 201; }
  .close:hover {
    background: url("../img/closeBtn-on.png") 0 0 no-repeat; }