@charset "utf-8";.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  text-shadow: 0 1px 1px rgba(255,255,255,0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
  background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
  background-image: -o-linear-gradient(top,#fff,#e6e6e6);
  background-image: linear-gradient(to bottom,#fff,#e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"] {
  margin-top: 2px;
}
.btn-small {
  padding: 3px 9px;
  font-size: 12px;
  line-height: 18px;
}
.btn-small [class^="icon-"] {
  margin-top: 0;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 16px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255,255,255,0.75);
}
.btn {
  border-color: #c5c5c5;
  border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
}
.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top,#08c,#0044cc);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0044cc));
  background-image: -webkit-linear-gradient(top,#08c,#0044cc);
  background-image: -o-linear-gradient(top,#08c,#0044cc);
  background-image: linear-gradient(to bottom,#08c,#0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0043cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #0044cc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
.btn-warning {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top,#fbb450,#f89406);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
  background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
  background-image: -o-linear-gradient(top,#fbb450,#f89406);
  background-image: linear-gradient(to bottom,#fbb450,#f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #f89406;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #fff;
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
  background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
  background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
  background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #bd362f;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #fff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top,#62c462,#51a351);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
  background-image: -webkit-linear-gradient(top,#62c462,#51a351);
  background-image: -o-linear-gradient(top,#62c462,#51a351);
  background-image: linear-gradient(to bottom,#62c462,#51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #51a351;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #fff;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
  background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
  background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
  background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #2f96b4;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #fff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top,#444,#222);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));
  background-image: -webkit-linear-gradient(top,#444,#222);
  background-image: -o-linear-gradient(top,#444,#222);
  background-image: linear-gradient(to bottom,#444,#222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222 #222 #000000;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #222;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #fff;
  background-color: #222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #090909 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #08c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}
a,
a:hover {
  text-decoration: none;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.page-header {
  padding-bottom: 10px;
  margin: 0 0 20px;
}
.entry-meta.muted {
  background: #d31721;
  padding: 5px;
  margin-bottom: 20px;
  font-size: 12px;
}
.entry-meta.muted >span,
.entry-meta.muted >time {
  margin: 0 5px;
}
.entry-meta ul {
  margin: 0 5px;
}
.entry-meta ul.actions {
  float: right;
}
.entry-meta ul.actions li {
  display: inline-block;
}
.entry-meta ul.actions li.print-icon a::before {
  content: "\f02f";
}
.entry-meta ul.actions li.email-icon a::before {
  content: "\f003";
}
.entry-meta ul.actions li.edit-icon a::before {
  content: "\f044";
}
.entry-meta ul.actions li a {
  font-family: FontAwesome;
  display: block;
  font-size: 14px;
  margin-left: 5px;
}
.entry-meta ul.actions li a img {
  display: none;
}
.entry-meta ul.actions li a span {
  display: none;
}
ul.pagenav {
  list-style: none;
  padding: 0;
  clear: both;
  margin-top: 10px;
  margin-left: 0;
  overflow: hidden;
}
ul.pagenav .pagenav-prev {
  float: left;
}
ul.pagenav .pagenav-next {
  float: right;
}
dl dt,
dl dd {
  display: inline;
}
label.invalid {
  color: #c83025;
}
.center {
  text-align: center;
}
.center th,
.center tr,
.center td {
  text-align: center;
}
.row-fluid {
  margin-bottom: 20px;
}
.row-fluid:first-child {
  margin-bottom: 0;
}
#sp-header-wrapper {
  padding: 20px 0;
}
#sp-header-wrapper .logo-wrapper .logo {
  background-position: 0 50%;
  background-repeat: no-repeat;
}
#sp-header-wrapper .logo-wrapper .logo-text {
  font-size: 24px;
}
#sp-header-wrapper .logo-wrapper .logo-slogan {
  font-size: 11px;
}
#sp-header-wrapper .search {
  margin-top: 10px;
}
#sp-header-wrapper .search form {
  margin: 0;
}
.body-innerwrapper {
  overflow-x: hidden;
}
#sp-main-body-wrapper {
  padding: 30px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#sp-feature-wrapper {
  padding: 80px 0;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
  box-shadow: 0 1px 5px rgba(0,0,0,0.3) inset;
  text-align: center;
}
#sp-feature-wrapper #feature {
  color: #fff;
}
#sp-feature-wrapper #feature h1 {
  color: #fff;
  font-size: 72px;
  line-height: 100px;
  font-weight: 700;
  margin-bottom: 10px;
}
#sp-feature-wrapper #feature p {
  font-size: 24px;
  line-height: 120%;
  margin: 0 80px;
  margin-bottom: 20px;
}
#sp-users-wrapper {
  padding: 30px 0;
  border-top: 1px solid #e61e28;
  background: #d31721;
}
ul.breadcrumb {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
}
.sp-border {
  position: relative;
}
.sp-border::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
#sp-footer-wrapper {
  padding: 30px 0;
  position: relative;
}
#sp-footer-wrapper::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
#sp-footer-wrapper ul li {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
}
#sp-footer-wrapper ul li a {
  color: #999;
}
#sp-footer-wrapper ul {
  display: inline-block;
}
#sp-footer-wrapper ul.nav {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li {
  display: inline-block;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li a {
  display: block;
}
#sp-footer-wrapper ul.nav li a:hover {
  background: none;
}
#sp-footer-wrapper .sp-totop {
  display: inline-block;
}
#sp-footer-wrapper .sp-totop i {
  color: #fff;
}
#sp-footer-wrapper .sp-totop small {
  display: none;
}
#sp-footer-wrapper .helix-framework {
  display: inline-block;
}
#sp-footer-wrapper .helix-framework .helix-logo {
  display: block;
  width: 130px;
  height: 40px;
  text-indent: -9999px;
  background: url(/templates/ivi_themes/images/helix-logo-white.png) no-repeat 0 0;
}
#sp-footer-wrapper .copyright {
  display: block;
}
.ltr #sp-footer-wrapper .helix-framework {
  float: left;
  margin-right: 15px;
}
.ltr #sp-footer-wrapper #sp-footer2 {
  text-align: right;
}
.rtl #sp-footer-wrapper .helix-framework {
  float: right;
  margin-left: 15px;
}
.rtl #sp-footer-wrapper #sp-footer2 {
  text-align: left;
}
button,
input[type='submit'],
input[type='button'],
submit {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  text-shadow: 0 1px 1px rgba(255,255,255,0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
  background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
  background-image: -o-linear-gradient(top,#fff,#e6e6e6);
  background-image: linear-gradient(to bottom,#fff,#e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  border-color: #c5c5c5;
  border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
}
button:hover,
button:active,
button.active,
button.disabled,
button[disabled],
input[type='submit']:hover,
input[type='submit']:active,
input[type='submit'].active,
input[type='submit'].disabled,
input[type='submit'][disabled],
input[type='button']:hover,
input[type='button']:active,
input[type='button'].active,
input[type='button'].disabled,
input[type='button'][disabled],
submit:hover,
submit:active,
submit.active,
submit.disabled,
submit[disabled] {
  color: #333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
button:active,
button.active,
input[type='submit']:active,
input[type='submit'].active,
input[type='button']:active,
input[type='button'].active,
submit:active,
submit.active {
  background-color: #cccccc \9;
}
button:first-child,
input[type='submit']:first-child,
input[type='button']:first-child,
submit:first-child {
  *margin-left: 0;
}
button:hover,
input[type='submit']:hover,
input[type='button']:hover,
submit:hover {
  color: #333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
button:focus,
input[type='submit']:focus,
input[type='button']:focus,
submit:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
button.active,
button:active,
input[type='submit'].active,
input[type='submit']:active,
input[type='button'].active,
input[type='button']:active,
submit.active,
submit:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
button.disabled,
button[disabled],
input[type='submit'].disabled,
input[type='submit'][disabled],
input[type='button'].disabled,
input[type='button'][disabled],
submit.disabled,
submit[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button.social,
input[type='submit'].social,
input[type='button'].social,
submit.social {
  background: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
button.social.facebook,
input[type='submit'].social.facebook,
input[type='button'].social.facebook,
submit.social.facebook {
  color: #0378a9;
}
button.social.facebook:hover,
input[type='submit'].social.facebook:hover,
input[type='button'].social.facebook:hover,
submit.social.facebook:hover {
  background: #0378a9;
  color: #fff;
}
button.social.twitter,
input[type='submit'].social.twitter,
input[type='button'].social.twitter,
submit.social.twitter {
  color: #17b8fb;
}
button.social.twitter:hover,
input[type='submit'].social.twitter:hover,
input[type='button'].social.twitter:hover,
submit.social.twitter:hover {
  background: #17b8fb;
  color: #fff;
}
button.social.pinterest,
input[type='submit'].social.pinterest,
input[type='button'].social.pinterest,
submit.social.pinterest {
  color: #dc4e44;
}
button.social.pinterest:hover,
input[type='submit'].social.pinterest:hover,
input[type='button'].social.pinterest:hover,
submit.social.pinterest:hover {
  background: #dc4e44;
  color: #fff;
}
button.social.gplus,
input[type='submit'].social.gplus,
input[type='button'].social.gplus,
submit.social.gplus {
  color: #9d261d;
}
button.social.gplus:hover,
input[type='submit'].social.gplus:hover,
input[type='button'].social.gplus:hover,
submit.social.gplus:hover {
  background: #9d261d;
  color: #fff;
}
button.social:hover,
input[type='submit'].social:hover,
input[type='button'].social:hover,
submit.social:hover {
  text-decoration: none;
}
.btn.social {
  background: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.btn.social.facebook {
  color: #0378a9;
}
.btn.social.facebook:hover {
  background: #0378a9;
  color: #fff;
}
.btn.social.twitter {
  color: #17b8fb;
}
.btn.social.twitter:hover {
  background: #17b8fb;
  color: #fff;
}
.btn.social.pinterest {
  color: #dc4e44;
}
.btn.social.pinterest:hover {
  background: #dc4e44;
  color: #fff;
}
.btn.social.gplus {
  color: #9d261d;
}
.btn.social.gplus:hover {
  background: #9d261d;
  color: #fff;
}
.btn.social:hover {
  text-decoration: none;
}
#sp-menu {
  margin-top: 4px;
}
.rtl .sp-submenu {
  right: 0;
}
.rtl .sp-submenu.sub-level {
  margin-top: 30px;
}
.rtl .sp-submenu.sub-level.open {
  margin-top: 0;
  -webkit-transition: margin 200ms;
  -moz-transition: margin 200ms;
  -o-transition: margin 200ms;
  transition: margin 200ms;
}
.rtl .sp-submenu.sub-level-child {
  margin-right: 30px;
}
.rtl .sp-submenu.sub-level-child.open {
  margin-right: 0px;
  -webkit-transition: margin 200ms;
  -moz-transition: margin 200ms;
  -o-transition: margin 200ms;
  transition: margin 200ms;
}
.rtl .sp-submenu .megacol {
  float: left;
}
.ltr .sp-submenu {
  left: 0;
}
.ltr .sp-submenu.sub-level {
  margin-top: 30px;
}
.ltr .sp-submenu.sub-level.open {
  margin-top: 0;
  -webkit-transition: margin 200ms;
  -moz-transition: margin 200ms;
  -o-transition: margin 200ms;
  transition: margin 200ms;
}
.ltr .sp-submenu.sub-level-child {
  margin-left: 30px;
}
.ltr .sp-submenu.sub-level-child.open {
  margin-left: 0px;
  -webkit-transition: margin 200ms;
  -moz-transition: margin 200ms;
  -o-transition: margin 200ms;
  transition: margin 200ms;
}
.ltr .sp-submenu .megacol {
  float: left;
}
.sp-submenu {
  position: absolute;
  top: 0;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
}
.sp-submenu .sp-submenu-wrap {
  background: #fff;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}
.sp-submenu.open {
  z-index: 1;
  visibility: visible;
  opacity: 1;
}
#sp-main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sp-main-menu ul.level-0 > li {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0;
  position: relative;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#sp-main-menu ul.level-0 > li a {
  display: block;
  margin: 0;
  padding: 10px;
  color: #666;
}
#sp-main-menu ul.level-0 > li a .menu-desc {
  font-size: 11px;
  color: #999;
  display: block;
}
#sp-main-menu ul.level-0 > li:hover,
#sp-main-menu ul.level-0 > li.active {
  background-color: #eee;
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#sp-main-menu ul.level-0 > li:hover {
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.125);
}
#sp-main-menu ul.level-0 > li.parent:hover {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#sp-main-menu li li:not(.sp-menu-group) {
  display: block;
  border-top: 1px solid #eee;
  position: relative;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#sp-main-menu li li:not(.sp-menu-group):first-child {
  border-top: none;
}
#sp-main-menu li li:not(.sp-menu-group) a {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  padding: 10px;
  color: #999;
}
#sp-main-menu li li:not(.sp-menu-group):hover,
#sp-main-menu li li:not(.sp-menu-group).active {
  background: #f5f5f5;
}
#sp-main-menu div.sp-menu-group {
  margin: 10px;
}
#sp-main-menu div.sp-menu-group .sp-menu-group-title {
  border-bottom: 1px solid #eee;
}
#sp-main-menu div.sp-menu-group .sp-menu-group-title .menu-title {
  text-transform: uppercase;
}
#sp-main-menu div.sp-menu-group .sp-menu-group-content .module {
  margin: 0;
  padding: 10px;
  color: #999;
}
.sp-mobile-menu {
  position: relative;
}
.sp-mobile-menu select.select-menu {
  width: 32px;
  height: 27px;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.module {
  margin-top: 20px;
}
.module:first-child {
  margin-top: 0;
}
.module h3 {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 10px 0;
  line-height: normal;
}
.module.highlighted,
.module.orange,
.module.dark,
.module.green,
.module.maroon,
.module.blue,
.module.gray,
.module.pink,
.module.red {
  padding: 20px;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.6) inset;
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.6) inset;
  box-shadow: 0 1px 5px rgba(0,0,0,0.6) inset;
}
.module.highlighted h3,
.module.orange h3,
.module.dark h3,
.module.green h3,
.module.maroon h3,
.module.blue h3,
.module.gray h3,
.module.pink h3,
.module.red h3 {
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #fff;
  color: #fff;
}
.module.orange {
  background: #f89406;
}
.module.orange a {
  color: #B66B00;
}
.module.orange a:hover {
  color: #6F4100;
}
.module.dark {
  background: #000;
}
.module.dark a {
  color: #777;
}
.module.dark a:hover {
  color: #888;
}
.module.green {
  background: #46a546;
}
.module.green a {
  color: #63E063;
}
.module.green a:hover {
  color: #43F043;
}
.module.maroon {
  background: #F35D34;
}
.module.maroon a {
  color: #B4300D;
}
.module.maroon a:hover {
  color: #C93F19;
}
.module.blue {
  background: #049cdb;
}
.module.blue a {
  color: #47C9FF;
}
.module.blue a:hover {
  color: #0073A3;
}
.module.gray {
  background: #555;
}
.module.gray a {
  color: #999;
}
.module.gray a:hover {
  color: #777;
}
.module.pink {
  background: #c3325f;
}
.module.pink a {
  color: #FF5C8F;
}
.module.pink a:hover {
  color: #FA2E6E;
}
.module.red {
  background: #9d261d;
}
.module.red a {
  color: #EE4538;
}
.module.red a:hover {
  color: #DA3F33;
}
.sp-dropcap {
  overflow: hidden;
}
.sp-dropcap:first-letter {
  color: #666;
  display: block;
  float: left;
  font-size: 50px;
  line-height: 40px;
  padding: 4px 8px 0 0;
}
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.arrow li::before,
ul.arrow li::after,
ul.arrow-double li::before,
ul.arrow-double li::after,
ul.tick li::before,
ul.tick li::after,
ul.cross li::before,
ul.cross li::after,
ul.star li::before,
ul.star li::after,
ul.rss li::before,
ul.rss li::after {
  font-family: FontAwesome;
  font-size: 11px;
}
.ltr ul.arrow li::before,
.ltr ul.arrow-double li::before,
.ltr ul.tick li::before,
.ltr ul.cross li::before,
.ltr ul.star li::before,
.ltr ul.rss li::before {
  margin-right: 5px;
}
.ltr ul.arrow li::before {
  content: "\f105";
}
.ltr ul.arrow-double li::before {
  content: "\f101";
}
.ltr ul.tick li::before {
  content: "\f00c";
}
.ltr ul.cross li::before {
  content: "\f00d";
}
.ltr ul.star li::before {
  content: "\f006";
}
.ltr ul.rss li::before {
  content: "\f09e";
}
.rtl ul.arrow li::after,
.rtl ul.arrow-double li::after,
.rtl ul.tick li::after,
.rtl ul.cross li::after,
.rtl ul.star li::after,
.rtl ul.rss li::after {
  margin-left: 5px;
}
.rtl ul.arrow li::after {
  content: "\f104";
}
.rtl ul.arrow-double li::after {
  content: "\f100";
}
.rtl ul.tick li::after {
  content: "\f00c";
}
.rtl ul.cross li::after {
  content: "\f00d";
}
.rtl ul.star li::after {
  content: "\f006";
}
.rtl ul.rss li::after {
  content: "\f09e";
}
img.pull-left,
.pull-left > img {
  margin-right: 15px;
}
img.pull-right,
.pull-right > img {
  margin-left: 15px;
}
.rtl img.pull-left,
.rtl .pull-left > img {
  margin-left: 15px;
}
.rtl img.pull-right,
.rtl .pull-right > img {
  margin-right: 15px;
}
.sp-blocknumber {
  position: relative;
  min-height: 45px;
}
.sp-blocknumber span {
  font-weight: bold;
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
}
.sp-blocknumber span.rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sp-blocknumber span.circle {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.ltr .sp-blocknumber {
  padding: 5px 0 5px 60px;
}
.ltr .sp-blocknumber span {
  left: 0;
}
.rtl .sp-blocknumber {
  padding: 5px 60px 5px 0;
}
.rtl .sp-blocknumber span {
  right: 0;
}
.sp-block.rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sp-bubble {
  position: relative;
  margin-bottom: 40px;
}
.sp-bubble cite {
  display: block;
  height: 30px;
  line-height: 36px;
  position: absolute;
  bottom: -30px;
}
.sp-bubble cite span {
  content: ' ';
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  border-bottom-color: transparent !important;
}
.ltr .sp-bubble cite {
  left: 15px;
  padding-left: 40px;
}
.ltr .sp-bubble cite span {
  left: 0;
  border-left-color: transparent !important;
}
.rtl .sp-bubble cite {
  right: 15px;
  padding-right: 40px;
}
.rtl .sp-bubble cite span {
  right: 0;
  border-right-color: transparent !important;
}
.ltr [class^="icon-"].pull-left,
.ltr [class*=" icon-"].pull-left {
  margin-right: .3em;
}
.ltr [class^="icon-"].pull-right,
.ltr [class*=" icon-"].pull-right {
  margin-left: .3em;
}
.rtl [class^="icon-"].pull-left,
.rtl [class*=" icon-"].pull-left {
  margin-left: .3em;
}
.rtl [class^="icon-"].pull-right,
.rtl [class*=" icon-"].pull-right {
  margin-right: .3em;
}
@media (max-width: 767px) {
  .responsive.bg {
    padding-left: 0;
    padding-right: 0;
  }
  .responsive .container {
    padding: 0 10px;
    max-width: 480px;
    min-width: 280px;
  }
  .responsive #sp-feature-wrapper {
    padding: 20px 0;
  }
  .responsive #sp-feature-wrapper #feature h1 {
    font-size: 200%;
    line-height: 200%;
  }
  .responsive #sp-feature-wrapper #feature p {
    font-size: 100%;
  }
  .responsive #sp-feature-wrapper #feature .btn {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px;
  }
}
@media (max-width: 979px) {
  .responsive #sp-header-wrapper [class*="span"] {
    width: auto;
    float: left;
  }
  .responsive #sp-header-wrapper [class*="span"]#sp-menu {
    float: right;
  }
}
.fixed .hidden-desktop {
  display: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a:not(.btn) {
  color: #222222;
}
a:not(.btn):hover {
  color: #e61e28;
}
#sp-main-menu ul.level-0 > li:hover,
#sp-main-menu ul.level-0 > li.active {
  background: #e61e28;
  border: none;
  border-radius: 0 !important;
  color: #fff;
}
.color {
  color: #e61e28;
}
.grdn-date .month,
.pcolor,
.hnews .readmore,
.colnews-cap,
.hn-content .readmore,
.gt-tag .k2TagCloudBlock a:hover,
.hd-left .itemDate,
.camera_caption .readmore,
div.itemCommentsForm form input#submitCommentButton,
.gt-acc .acc-right h5 a,
.gt-acc .acc-right h5 a:hover {
  background: #e61e28;
}
ul.breadcrumb,
.ticker-swipe {
  background-color: #e61e28 !important;
}
.gkTabsWrap.vertical ol li:hover,
.gkTabsWrap.vertical ol li.active,
.gkTabsWrap.horizontal ol li:hover,
.gkTabsWrap.horizontal ol li.active,
.acysubbuttons .button {
  background: #e61e28 !important;
}
.popu-num-c {
  background: url(/templates/ivi_themes/images/presets/preset5/bg-cmnum.png);
}
.accordion-group .active .ac-date {
  background: url(/templates/ivi_themes/images/presets/preset5/acc-date.png) repeat scroll 0 57px rgba(0,0,0,0);
}
.camera_caption .readmore:hover {
  background: #993300;
  color: #fff;
}
.gt-acc .acc-right h5 a:hover,
.breadcrumb a:hover,
.gt-acc .acc-right h5 a:hover,
.gt-archives .k2ArchivesBlock ul li a:hover,
.top-rate p a:hover {
  color: #993300;
}
.aboutus i:hover,
#sp-footer-wrapper .sp-totop i:hover,
.fi-left strong {
  border-color: #993300;
}
#sp-main-body-wrapper .hnews .readmore:hover,
.hn-content .readmore:hover {
  background: #993300;
  color: #fff;
}
div.itemHeader h2.itemTitle,
#sp-toolbar-wrapper {
  border-color: #e61e28 !important;
}
a,a:not(.btn),body{	

	font-size: 14px;

	-webkit-transition:color 1s ease-in;  

   -moz-transition:color 1s ease-in;  

   -o-transition:color 1s ease-in;  

   transition:color 0.25s ease-in;  
   border-radius: 10px;
}

a, a:hover, a:active, a:link,a:visited{

	text-decoration: none;

	outline: none; 

}

ul{

	margin: 0;

	padding: 0;

}

ul li{

	list-style: none;

	outline: none;

	position: relative;

}

.body-innerwrapper{

	overflow: hidden;		

}

.float-left {

    float: left;

}

.float-right .mod-wrapper{

    float: right;

}

#breadcrumbs{

	padding: 0 0%;

}

h2,h1,h2,h3,h4,h5,h6,.module h3,.pf-desc h2 {

	color: #555;

}

/** Layout */

.pos-absolute,#sp-absolute-wrapper{

	position: absolute;

}

#sp-component legend{

	margin-bottom: 40px!important;

}

#sp-message-area{

	position: relative;

}

#sp-sidebar-a{}

/*GT02 Blognews*/

#sp-toolbar-wrapper{

	background: none repeat scroll 0 0 #333333;  
  
    color: #ffffff;
      
    /color: #848484; 

    border-bottom: 1px solid;

    box-shadow: 0 0 5px #000000;

    overflow: hidden;

}

#innertop > .grid-box > .module > h3,#innerbottom > .grid-box > .module > h3{

	color: #999;

    font-size: 15px;

    line-height: 30px;

    text-shadow: none;

}

#sp-sidebar-a .sbmod-tit h3{

	background: none repeat scroll 0 0 #2F3335;   

    color: #fff;    

    font-size: 13px;

    height: 38px;

    line-height: 38px;

    padding-left: 0px;

    text-transform: uppercase;

    text-shadow: 0 1px 0 rgba(0,0,0,0.75);

}

#sp-sidebar-a {

    background: url(/templates/ivi_themes/images/bg-left.png) repeat-y scroll 0 0 #f2f2f2;

    padding-left: 24px;    

    border-left: 1px solid #fff;

    margin-bottom: -30px;

    margin-top: -30px; 

    padding-top: 2px;

    min-height: 3600px;
   

}

#top-a{

	border-bottom: 1px dashed #E1E1E1;

}

 h3.header {

	/border-bottom: 4px solid #B3B3B3;

    color: #B3B3B3;   

    font-size: 15px;

    line-height: 30px;    

    text-transform: uppercase;

    font-weight: bold;
   
    background: transparent url(/images/line-seperator.png) repeat-x left bottom;
    text-align: center;

}

 #sp-sidebar-a h3.header {

 	border: none;

 }

/* Toolbar

----------------------------------------------------------------------------------------------------*/

#sp-toolbar-wrapper{	

    display: block;

    min-height: 35px;

    line-height: 35px;

    overflow: hidden;

} 

.tb-nav ul li{

	background: url(/templates/ivi_themes/images/tb-separate.png) no-repeat scroll right 50% transparent;	 

    float: left;

    line-height: 30px;

    padding: 0 10px;

}

.tb-nav ul li:last-child{

	background: none;

}

.tb-nav ul li a{

	color: #555; 

    font-size: 11px;

    font-family: arial;

}

/*---Social icons---*/

.tb-social ul li{

    background: url(/templates/ivi_themes/images/bg-social-tb.png) repeat scroll 0 0 transparent;

    cursor: pointer;

    display: block;

    float: left;

    height: 34px;

    line-height: 34px;

    width: 28px;

}

.tb-social ul li.ic-tw a{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll 2px 4px transparent;

    display: block;

    height: 25px;

    width: 25px;

}

.tb-social ul li.ic-tw a:hover{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll 2px -23px transparent;

    

}



.tb-social ul li.ic-fb a{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -27px 4px transparent;

    display: block;

    height: 25px;

    width: 25px;

}

.tb-social ul li.ic-fb a:hover{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -27px -23px transparent;

    

}



.tb-social ul li.ic-pin a{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -56px 4px transparent;

    display: block;

    height: 25px;

    width: 25px;

}

.tb-social ul li.ic-pin a:hover{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -56px -23px transparent;

    

}



.tb-social ul li.ic-in a{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -85px 4px transparent;

    display: block;

    height: 25px;

    width: 25px;

}

.tb-social ul li.ic-in a:hover{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -85px -23px transparent;

    

}



.tb-social ul li.ic-rss a{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -115px 4px transparent;

    display: block;

    height: 25px;

    width: 25px;

}

.tb-social ul li.ic-rss a:hover{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -115px -23px transparent;

    

}



.tb-social ul li.ic-cir a{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -145px 4px transparent;

    display: block;

    height: 25px;

    width: 25px;

}

.tb-social ul li.ic-cir a:hover{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -145px -23px transparent;

    

}



.tb-social ul li.ic-vi a{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -175px 4px transparent;

    display: block;

    height: 25px;

    width: 25px;

}

.tb-social ul li.ic-vi a:hover{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -175px -23px transparent;

    

}

.tb-social ul li.ic-gp a{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -204px 4px transparent;

    display: block;

    height: 25px;

    width: 25px;

}

.tb-social ul li.ic-gp a:hover{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -204px -23px transparent;    

}

.tb-social ul li.ic-yt a{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -234px 4px transparent;

    display: block;

    height: 25px;

    width: 25px;

}

.tb-social ul li.ic-yt a:hover{

	background: url(/templates/ivi_themes/images/ic-social-tb.png) no-repeat scroll -234px -23px transparent;

    

}

/*---Search---*/

.tb-social{

	background: url(/templates/ivi_themes/images/tb-separate.png) no-repeat scroll right 50% transparent;

    display: block;

    height: 35px;

    padding-right: 5px;

    width: 100%;

}

.tb-social ul{

	float: right;

    margin-right: 7px;

}

.search{

} 

.searchbox .results li.results-header{

	border-bottom: 1px solid #222;

}

.searchbox .results li.results-header, .searchbox .results li.more-results{

	text-transform: none;

	font-family: open sans,arial;

}

#toolbar .searchbox{

	background: url(/templates/ivi_themes/images/ic-search.png) no-repeat scroll 0 50% transparent;

    border: medium none;

    height: 35px;

    line-height: 35px;

    width: 55px;

}

#toolbar .searchbox input{

	background: none repeat scroll 0 0 transparent;

    border: medium none;

    box-shadow: none;

    color: #848484;

    font-size: 12px;

    height: 33px;

    line-height: 34px;

    padding: 10px;

}

.searchbox .results {

    background: none repeat scroll 0 0 #333;

    border: 1px solid #222;

}

#sp-tb4 input{

	background: url(/templates/ivi_themes/images/ic-search.png) no-repeat scroll 0 50% rgba(0, 0, 0, 0);

    padding-left: 35px;

    width: 200px;

    font-size: 14px;

}

#sp-tb4 input:HOVER,#sp-tb4 input:FOCUS{

	box-shadow:none;

}

.ltr #sp-tb1.span2 {

    margin-left: -15px;

    width: 133px;

}

.ltr #sp-tb2.span4{

	margin-left: 13px;

    width: 35%;

}

.date-l {

    float: left;

    width: 10px;

}

.date-r .ic-date{

	font-size: 12px;    

    line-height: 28px;

    margin-left: 25px;

    text-align: center;

    text-shadow: 0 1px 0 #444;

    width: 25px;

}

.date-r {

    background: url(/templates/ivi_themes/images/tb-separate.png) no-repeat scroll right 50% transparent;

    display: block;    

    height: 34px;

    line-height: 34px;

    padding-right: 3px;

    width: 100%;   

}

.date-r span{	

    display: block;

    float: left;

} 

.date-r .ic-day {

    font-family: arial;

    font-size: 11px;

    font-weight: normal;

    line-height: 28px;

    margin-bottom: 0;

    margin-left: 0;

    margin-top: 0;

    opacity: 0.55;

}

.date-r .ic-month{

	font-size: 12px;    

    line-height: 28px;

    opacity: 0.55;  

}

.dateontop ul {     

    margin: 0;

    padding: 0;

}

.dateontop ul li {

    float: left;    

    list-style: none outside none;

    margin-right: 5px;

    margin-top: 4px;

    position: relative;

}

.dateontop ul li i{

    font-size: 15px;

    font-weight: normal;

    margin-left: 15px;

    margin-top: 6px;

    position: absolute;

}

/* Authenticate */

.gt-authen ul {     

    font-size: 11px;

    margin-top: 8px;

}

.gt-authen ul li {

    float: left;

    margin-right: 5px;

}

.gt-authen ul li a{

	color: #848484;

    font-size: 12px;

    font-weight: normal;

}

#sp-tb4.span2 form{

	margin: 0;

}

/*Header */

#sp-header-wrapper,#sp-main-body-wrapper,#sp-top-a-wrapper{

	background: #A9977D;

}

#sp-main-body-wrapper{

	border: none;

	background: #fff;

}

#sp-header-wrapper{

	 margin-top: 20px;

}

/*Menu*/

.sp-submenu .sp-submenu-wrap{

	background: #2F3335!important;

}

#sp-main-menu ul.level-0 > li:hover, #sp-main-menu ul.level-0 > li.active{

	box-shadow:none!important;

}

#sp-main-menu div.sp-menu-group .sp-menu-group-title{

	border-bottom:1px solid #333!important;

}

#sp-menu{

	margin-top: 0;

}

#sp-menu-wrapper{

	background: #A9977D;

}

#sp-main-menu ul.level-0 > li > a{

	font-size: 15px;

}

#sp-menu-wrapper .container{

	background: #333;

	height: 45px;

}

#sp-main-menu ul{

	background: #2F3335;

}

#sp-main-menu li li{

	border: none!important;

}

#sp-main-menu li li:hover,#sp-main-menu li li:hover:not(.sp-menu-group), #sp-main-menu li li.active:not(.sp-menu-group){

	background: #e61e28!important;

}



#sp-main-menu ul.level-0 > li {   

    height: 45px;

    line-height: 23px;

    margin: 0px 5px 0 0;  

}

.level-0 > li:first-child > a {

	padding-left: 45px!important;

}

.level-0 > li:first-child > a > i {       

    font-size: 20px;

    left: 20px;

    position: absolute;

    top: 10px;

   

}

#sp-main-menu ul.level-0 > li a:hover,#sp-main-menu ul.level-0 > li.active a,#sp-main-menu ul.level-0 > li:HOVER > a{

	color: #fff;

	box-shadow:none!important;

}



/*K2 News By Cats*/

/*Breaking News*/

/* Ticker Styling */

.gt-newstick{	

	margin-left: 0 !important;

}

.br-hdbg{

	background: none repeat scroll 0 0 #444444;

    margin-top: 4px;

    padding: 0 10px 2px 10px;

}

.br-arr{

	background: url(/templates/ivi_themes/images/bg-breakingnews.png) no-repeat scroll -3px 10px #F2F2F2;

    display: block;    

    height: 36px;

    width: 7px;

    position: absolute;

	margin-left: 51px;

}

.mewstick-left{	     

    color: #fff;

    float: left; 

    font-size: 14px;

    line-height: 30px; 

    width: 70px;  
  

}

.mewstick-left span{

	float: left;
text-align: -webkit-center;

}

.mewstick-right{

	float: right;     

    width: 50%;

}

.mewstick-right-ma{

	display:none;

	float: right;

    margin-top: -40px;

    width: 90%;

}

.ticker-wrapper.has-js {	

	width: 75%;

	height: 32px;

	display: block;	

	padding: 4px;

	font-size: 0.75em;

}

.ticker {

	width: 90%;

	height: 23px;

	display: block;

	position: relative;

	overflow: hidden;

	 

}



.ticker-content {	

    font-size: 15px;    

    line-height: 1.2em;

    margin: 0;

    overflow: hidden;

    padding-top: 6px;

    position: absolute;

    white-space: nowrap;
	left: 0 !important;
}

.ticker-content:focus {

	none;

}

.ticker-content a {

	color: #666;    

    font-size: 18px;    

    text-decoration: none;	

}



.ticker-swipe {

	margin-top: 7px;

	position: absolute;

	top: 0px;	 

	display: block;

	width: 10px;

	height: 23px; 

}

.ticker-swipe span {	 	 

	height: 12px;

	width: 10px;

	display: block;

}

.ticker-controls {

	display: none;

    float: left;

    margin-top: 0;

    padding-left: 0;

    width: 0;

    height: 0;

}

.ticker-controls li {

	 

}

.ticker-controls li.jnt-play-pause {

 

}

.ticker-controls li.jnt-play-pause.over {

	 

}

.ticker-controls li.jnt-play-pause.down {

	 

}

.ticker-controls li.jnt-play-pause.paused {

 

}

.ticker-controls li.jnt-play-pause.paused.over {

	background-position: 48px 32px;

}

.ticker-controls li.jnt-play-pause.paused.down {

	background-position: 48px 0px;

}

.ticker-controls li.jnt-prev {

	background-image: url(/templates/ivi_themes/images/controls.png);

	background-position: 0px 16px;		

}

.ticker-controls li.jnt-prev.over {

	background-position: 0px 32px;		

}

.ticker-controls li.jnt-prev.down {

	background-position: 0px 0px;		

}

.ticker-controls li.jnt-next {

	background-image: url(/templates/ivi_themes/images/controls.png);	

	background-position: 16px 16px;	

}

.ticker-controls li.jnt-next.over {

	background-position: 16px 32px;	

}

.ticker-controls li.jnt-next.down {	

	background-position: 16px 0px;	

}

.js-hidden {

	display: none;

}

.no-js-news {

	padding: 10px 0px 0px 45px; 

	color: #F8F0DB;

}

.left .ticker-swipe {

	/*left: 80px;*/

}





.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {

    float: left;

    /*margin-left: -17px;&/

}

.left .ticker-controls {

	float: left;

    margin-top: 0;

    padding-left: 0;

}

.right .ticker-swipe {

	/*right: 80px;*/

}

.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {

    float: right;

}

.right .ticker-controls {

    padding-right: 6px;

}

/*Camera Slider*/

.camera_wrap{

	 

	margin-bottom: 0!important;

}



.camera_caption {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);

    height: 114px;

}

.camera_caption p {

    color: #A4A4A4; 

    font-size: 15px;

    height: 43px;

    line-height: 23px;

    margin-top: -10px;

    overflow: hidden;

    text-shadow: none;

}

.camera_prev > span {

    background: url(/templates/ivi_themes/images/camera_skins.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0.75);

}

.camera_next > span {

    background: url(/templates/ivi_themes/images/camera_skins.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0.75);

}

.camera_caption h2 {

    color: #E1E1E1;

    cursor: pointer;

    font-size: 20px;

    line-height: 25px;

    margin-bottom: 15px;

    margin-top: 10px;  

}





.camera_pag {    

    display: block;

    margin-top: -30%;

    position: absolute;

}

.camera_wrap .camera_pag .camera_pag_ul li {    

    height: 25px;

    margin: 20px 1px;     

    width: 25px;

}

.camera_wrap .camera_pag .camera_pag_ul li {

	background: url(/templates/ivi_themes/images/cam-bullet.png) repeat scroll -70px -18px transparent;

}



.camera_wrap .camera_pag .camera_pag_ul li:hover > span {

	background: url(/templates/ivi_themes/images/cam-bullet.png) repeat scroll -43px -18px transparent;	 

}

.cameraCont, .cameraContents{

	top: 0!important;

}

.camera_caption .readmore{ 

    color: #fff;

    font-family: champagne;

    font-size: 18px;

    height: 29px;

    line-height: 29px;

    margin-left: -30px;

    margin-top: -46px;

    padding: 6px 9px;

    position: absolute;             

    cursor: pointer;

    display: inline-block;         

    outline: none;       

    text-align: center; 

    text-decoration: none; 

    -webkit-transition: background-color 0.15s ease-in-out; 

    -moz-transition: background-color 0.15s ease-in-out; 

    -o-transition: background-color 0.15s ease-in-out; 

    transition: background-color 0.15s ease-in-out;  

}

.camera_azure_skin .camera_prev > span:hover,

.camera_azure_skin .camera_next > span:hover{

	background-color: #000;

}

.camera_caption .readmore i{

	width: 20px;

	font-size: 24px;

	line-height: 30px;

}



/*K2 News by cat*/



.nspImageGallery a{

	display: block;

}

.nspMainPortalMode4 .nspImages {

    margin-top: 10px;

}

.nspMainPortalMode4 .nspHeader{

	border-radius: 0px;

    -o-border-radius:  0px;

	-ms-border-radius: 0px;

	-khtml-border-radius: 0px;

     -webkit-border-radius:   0px;

     -moz-border-radius:   0px;

    width: 93%!important;

}



.nspMainPortalMode4 .nspHeader a{

	font-size: 12px!important;	

    font-weight: normal!important

    line-height: 17px!important;

}



/* Cat News */

.entertaiment{

	margin-top: -25px;

}

#innertop > .grid-box > .module > h3,#innerbottom > .grid-box > .module > h3{

	color: #999;

    font-size: 15px;

    line-height: 30px;

    text-shadow: none;

}

.cat-news .hnews{	

    background: none repeat scroll 0 0 #222;

    display: block;

    overflow: hidden;

    height: 220px;

    margin-top: 15px;

}

.cat-news .lst-nav {

    background: url(/templates/ivi_themes/images/nav-lstnews.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    display: block;

    height: 55px;

    margin-left: 10.5%;

    margin-top: 6%;

    position: absolute;

    width: 55px;

    opacity:0;

}

.cat-news .lst-nav:hover{

	background-color: #222;

}

.cat-news .lst-nav a {

	display:block;

    height: 55px;

    text-indent: -9000px;

    width: 55px;

}

.cat-news .zimg .sc-dark{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    display: block;

    height: 220px;

    position: absolute;

    width: 25.7%;

    opacity:0;

}

.hnews{

	background: #222;

}

.hnews .share-this{

	background: url(/templates/ivi_themes/images/ic-share.png) no-repeat scroll 0 -3px transparent;

    color: #808080;

    font-family: arial;

    font-size: 13px;

    font-weight: bold;

    padding-left: 25px;

    position: relative;

    top: -7px;

}



.hnews a .share-this{

	text-indent: 15px;

} 

 

 

.zimg{

	display: block;

    float: left;    

    width: 50%;

}

 

.zimg img {

    height: 220px;

    width: 100%;

}

.hnews-content{

	float: right;

    padding-right: 10px;

    width: 48%;

}

.hn-share{

	 margin-left: 30px;

    margin-top: 170px;

    position: absolute;

}

.hnews-icon{

	margin-top: -5px;

    position: absolute;

}

.hnews ul{

 	margin-top: 0;

    padding-left: 10px;

}

a.comments{

	font-size: 11px;

	color: #555;

}

.hnews ul li h3 {

    font-weight: normal;

    line-height: 25px;

    margin-top: 10px;

    text-shadow: none;

}

.hnews ul li h3 a {

    color: #8A8A8A;    

    font-size: 18px;

    line-height: 23px;

}

.hn-content{

	background: none repeat scroll 0 0 #222222;

    display: block;

    height: 220px !important; 

    padding-left: 15px;

    padding-right: 5px;

}

.hn-content h3{ 

	font-weight: bold;

    line-height: 25px;

    font-size: 20px;

    padding-top: 10px;

}

.hn-icon{

	color: #555;

    font-size: 12px;

    font-weight: normal;

    margin-bottom: 15px;

    margin-left: 10px;

    margin-top: -5px;

}

.cn-headnews .lst-nav {

    background: url(/templates/ivi_themes/images/nav-lstnews.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    display: block;

    height: 55px;

    margin-left: 43.5%;

    margin-top: 23%;

    position: absolute;

    width: 55px;

    opacity:0;

}

.cn-headnews .lst-nav:hover{

	background-color: #222;

}

.cn-headnews .lst-nav a {

	display:block;

    height: 55px;

    text-indent: -9000px;

    width: 55px;

}



.cn-headnews .zimg .sc-dark{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    display: block;

    height: 220px;

    position: absolute;

    width: 25.7%;

    opacity:0;

}

.cat-news{

	margin-top: 15px;

}

.hn-content h3 a{

	color: #8A8A8A;

    font-size: 17px;

}

.hn-shares a{

	color: #8A8A8A;

    font-size: 15px;

}

.cn-headnews{

	background: none repeat scroll 0 0 #222;

    display: block;

    height: 220px;

    overflow: hidden;

    width: 100%;
  
    background: url(/templates/ivi_themes/images/bg-wavegrid.png) repeat scroll 0 0 transparent;

  border: 1px solid rgba(0,0,0,0.2);
  
  box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
  
}

.cn-headnews img{

	height: 220px;
    width: 480px;

}

.cn-headnews .span6{

	overflow: hidden;

    position: relative;
  
    background: url(/templates/ivi_themes/images/bg-wavegrid.png) repeat scroll 0 0 transparent;

}

.cn-headnews .sc-dark {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    display: block;

    height: 100%;

    opacity: 0;

    position: absolute;

    width: 100%;

}

.hn-shares .share-this {

    background: url(/templates/ivi_themes/images/ic-share.png) no-repeat scroll 0 -3px rgba(0, 0, 0, 0);

    color: #808080;

    font-family: arial;

    font-size: 13px;

    font-weight: bold;

    padding-left: 25px;

    position: relative;

}

.hn-readmore{

	position: relative;

}

.hn-content .readmore {

    color: #FFFFFF;

    cursor: pointer;

    float: right;

    font-size: 18px;

    padding: 7px 10px;

    position: absolute;

    right: -5px;

    top: 170px;

}

.hn-content p{

	color: #555;

}

.list-news .hnews ul li h3 a{

	font-size: 16px;

    line-height: 22px;

}

.list-news .hnews-content {	

	height: 220px;

    position: relative;

    width: 48%;

}

.list-news .cn-headnews{

	margin-top: 15px;

	margin-bottom: 25px;

}

.lst-share{

	margin-left: 30px;

    margin-top: 170px;

    position: absolute;

} 

.hnews a.comments, .hnews .date-time {

    color: #444;  

    font-size: 11px;

}



.hnews .hd-intro {

	color: #444;

    font-family: arial;

    font-size: 13px;

    margin-top: 30px;

    padding-right: 10px; 

}

.hnews .hd-intro a{

	color: #999;

    

    font-size: 12px;

}	

.hnews .readmore {    

    color: #fff;

    cursor: pointer;

    font-family: champagne;

    font-size: 18px;

    margin-top: -2px;

    padding: 7px 10px;

    position: absolute;

    right: -173px;

}

.hnews .readmore i:hover,.hnews .readmore a:hover{

	color: #fff;

}



.news-related{

	margin-top: 30px;

}

.news-related .span6{

	margin-left: 0;

}

.news-related .hnews-icon i{

	color: #B1B1B1;

}

.news-related .hnews-icon{

	color: #B1B1B1;  

    font-size: 11px;

    margin-left: 85px;

}

.news-related .hnews-icon a.comments {

	color: #B1B1B1;

}

 .news-related ul li{

	float: left;

    height: 85px; 

    padding-right: 20px;

    width: 46%;

}

.news-related ul li img{

	cursor: pointer;

    height: 55px;

    opacity: 1;

    position: absolute;

    width: 75px;
    
    border: 1px solid rgba(0,0,0,0.2);
    
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    
}

.news-related ul li img:hover{

	opacity:0.75;

}



.news-related ul li p{

	color: #999;

    font-family: arial;

    font-size: 13px;

    margin-left: 90px;

    margin-top: -5px;

} 

.news-related ul li a.readmore {

    color: #999;   

    font-size: 12px;

    text-align: right;

}

.news-related ul li p a{

	color: #555;    

    font-size: 13px;

}



.news-related ul li h5 .ida-time, .col-news-related ul li h5 .ida-time {

	 color: #DDD;

}

.news-related ul li h5 span{

	color: #B3B3B3;

    font-size: 11px;

    line-height: 12px;

     

}

.news-related ul li h5 a{      

    cursor: pointer;   

    font-size: 13px;

    padding: 4px 9px 5px 8px;

}

 

.news-related ul li h5 i{      

    font-size: 16px;

    line-height: 19px;

}

.col-news{	

    display: block;

    height: 222px;

    width: 100%;

}

.colnews-cap{	

    color: #fff;  

    font-size: 24px;

    height: 55px;

    margin-top: -86px;

    padding: 0 20px;

    position: relative;

}

.colnews-cap h3{

	font-size:15px;

	line-height: 20px;

    padding-top: 5px;

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.35);

}

.colnews-cap h3 a{

	color: #555;

	font-size: 15px;

	font-weight: bold;

}

.colnews-cap h3 a:hover{

	color: #fff;

	text-shadow: none;

}

.col-news ul {

	margin-top: 15px;

}

.col-news-related ul li {

    display: block;

    height: 85px;    

    width: 100%;

}

.col-news ul li{

	overflow: hidden;

}

 

.col-news ul li img{       

    cursor: pointer; 

    width: 100%;

     -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    height: auto;

}

.col-news ul li img:hover{          

    cursor: pointer;    

    -webkit-transform: scale(1.25) rotate(-7deg);

    -moz-transform: scale(1.25) rotate(-7deg);

    -ms-transform: scale(1.25) rotate(-7deg);

    -o-transform: scale(1.25) rotate(-7deg);

    transform: scale(1.25) rotate(-7deg);

}



.col-news-related ul li img{      

    height: 50px;

    margin-top: 5px;

    position: absolute;

    width: 70px;

}

.col-news-related ul li img:hover{

	opacity:0.75;

}

.col-news-related ul li p{

	font-size: 12px;

    margin-left: 85px;

    margin-top: -5px;

}

.col-news-related ul li p a{

	color: #444;   

    font-size: 13px;

}

.col-news-related .hnews-icon i{

	color: #B1B1B1;

}

.col-news-related .hnews-icon{

	color: #B1B1B1;   

    font-size: 11px;

    margin-left: 85px;

}

.col-news-related .hnews-icon a.comments {

	color: #B1B1B1;

}

.col-news-related ul li h3 a{	

	color: #444;

}

.col-news-related  ul li h5 {

    color: #B3B3B3;      

    font-size: 11px;

    margin-left: 115px;

    margin-top: -10px;

}

.col-news-related ul li h5 i {

    font-size: 16px;

    line-height: 19px;

}

.col-news-related ul li h5 span {

    color: #999;

    font-family: champagne;

    font-size: 13px;

    line-height: 12px;

}



.col-news-related ul li h5 a {

    border-radius: 3px 3px 3px 3px;

    -o-border-radius:  3px 3px 3px 3px;

	-ms-border-radius: 3px 3px 3px 3px;

	-khtml-border-radius: 3px 3px 3px 3px;

     -webkit-border-radius:   3px 3px 3px 3px;

     -moz-border-radius:   3px 3px 3px 3px;

    color: #999;

    cursor: pointer;

    font-family:champagne;

    font-size: 15px;

    padding: 7px 6px 5px 3px

}

/*Grid News*/

.nbc-grdnews{

	position: relative;

}

.grd-news-related{

	margin-top: 15px;

}

.grd-news-related .imgcontainer{

	overflow: hidden;

	position: relative;

	float: left;    

    min-height: 30px;

    width: 100%;

}

.grd-news-related ul li {       

    display: block;

    float: left; 

    position: relative;    

}

.grd-news-related ul li h3 {

    font-size: 13px; 

    margin-top: 20px;  

    line-height: 25px;  

}

 

.grd-news-related ul li h5 {

    color: #B3B3B3;

    font-size: 11px;

    margin-left: 115px;

    margin-top: -10px;

}

.grd-news-related ul li img{ 	  

	 

}



.grd-news-related h3 a,.grd-news-related h3 a:hover{	 

	color: #444;   

    font-size: 13px;

}

.grd-nav{

	display: block;

    float: right;

    margin-left: 94.6%;

    margin-top: -51px;

    position: absolute;

    width: 65px;

}

.grd-nav span{

	cursor: pointer;

	display: block;

    float: left;

    height: 16px;

    margin: 0 1px;

    width: 19px;

}

.grd-nav a{

	display: block!important;

	text-indent: -9999px;	

}

.grd-nav span.grd-list{

	background: url(/templates/ivi_themes/images/nav-grdnews.png) no-repeat scroll -20px 0 transparent;

}

.grd-nav span.grd-list:hover{

	background: url(/templates/ivi_themes/images/nav-grdnews.png) no-repeat scroll -20px -17px transparent;

}

.grd-nav span.grd-grid{

	background: url(/templates/ivi_themes/images/nav-grdnews.png) no-repeat scroll 0 0 transparent;

}

.grd-nav span.grd-grid:hover{

	background: url(/templates/ivi_themes/images/nav-grdnews.png) no-repeat scroll 0 -17px transparent;

}



.grdn-date{

	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);

    color: #FFFFFF;

    display: block;

    float: left;   

    height: 40px;

    line-height: 18px;

    margin-left: 10px;

    margin-top: 5px;

    position: absolute;

    text-align: center;

    width: 38px;

}

.grdn-date .date{

	color: #222;

    font-size: 15px;

}

.grdn-date .month{	

    display: block;

    width: 100%;

    font-size: 10px;

}

.nav-grdn{

	margin-left: 35%;

	position: absolute;

	margin-top: 12%;   

}

.nav-grdn span{

	cursor: pointer;

    display: block;

    float: left;

    height: 30px;

    line-height: 30px;

    margin: 0 4px;

    width: 30px;

    

}

.grd-news-related .sc-dark{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

	opacity: 0;

    position: absolute;     

    height: 100%;

	width: 100%;

}

.nav-grdn .grn-zoom{

	background: url(/templates/ivi_themes/images/ic-navgr.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0.5);

	margin-top: 113%;

	opacity:0;

	z-index: 99999;

}

.nav-grdn .grn-link{

	background: url(/templates/ivi_themes/images/ic-navgr.png) no-repeat scroll -30px 0 rgba(0, 0, 0, 0.5);

	margin-top: 113%;

	opacity:0;

	z-index: 99999;

}

.nav-grdn .grn-zoom:hover, .nav-grdn .grn-link:hover{

	background-color: #000;

}

.nav-grdn .grn-zoom a, .nav-grdn .grn-link a{

	display:block;

	height: 30px;

    text-indent: -9000px;

    width: 30px;

}

.grdn-date ul li h3{

	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);

    border-radius: 2px 2px 2px 2px;

    color: #999; 

    font-size: 10px;

    height: 14px;

    line-height: 14px;

    margin-left: 1px;

    margin-top: -9px;

    text-align: center;

    width: 28px;

}

.list-news .hnews{

	

    height: 220px;

    margin: 25px 0 35px;    

    width: 100%;

}

.lst-nav {

    background: url(/templates/ivi_themes/images/nav-lstnews.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    display: block;

    height: 55px;

    margin-left: 20.5%;

    margin-top: 12%;

    position: absolute;

    width: 55px;

    opacity:0;

}

.lst-nav:hover{

	background-color: #222;

}

.lst-nav a {

	display:block;

    height: 55px;

    text-indent: -9000px;

    width: 55px;

}

.list-news .zimg .sc-dark{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    display: block;

    height: 220px;

    position: absolute;

    width: 47.8%;

    opacity:0;

}

.list-news .hnews .readmore {    

     color: #fff;

    cursor: pointer;

    font-family: champagne;

    font-size: 18px;

    margin-top: -5px;

    padding: 7px 10px;

    position: absolute;

    right: -173px;

}

/*Popular*/



.pdark h4 a{

	color: #ccc;   

    font-size: 13px;

}



.pcolor h4{

	color: #fff;	 

    font-size: 13px;

}

.pcolor h4 a{	

	color: #fff;    

    font-size: 13px;

}

.pcolor h4 a:hover,.pcolor span a:hover{

	color:#333!important;

}

 



.popular ul li{	 

	height: 95px;

	margin: 2px 0;    
    
    border: 1px solid #B1B1B1;
    
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);

}

.pdark{

	background: none repeat scroll 0 0 #444;       

}

pcolor{

	padding: 0 20px;

}

.pdark a{

	width: 100%;

}

.pdark span,.pcolor span  {

	 

}

.pdark span i{

	color: #666;

    font-size: 13px;

    opacity: 0.7;

    padding-bottom: 10px;

    padding-right: 5px;

}

 .pcolor span i{

	color:#fff;

    font-size: 13px;   

    padding-bottom: 10px;

    padding-right: 5px;

}

.popu-num-c .cm-arr{

	background: url(/templates/ivi_themes/images/bg-colorarr.png) no-repeat scroll 0 0 transparent;

    display: block;

    height: 18px;

    margin-top: -1px;

    position: absolute;

    width: 33px;

    z-index: 9999;

}

.popu-num-d {

    background: url(/templates/ivi_themes/images/bg-cmnum-grey.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #FFFFFF !important;

    display: block;

    float: right;  

    font-size: 12px !important;

    height: 19px;

    right: -11px;

    margin-top: 24px;

    padding: 5px 4px;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    width: 24px;

}

.popu-num-d .cm-arr{

	background: url(/templates/ivi_themes/images/bg-darkarr.png) no-repeat scroll 0 0 transparent;

    display: block;

    height: 18px;

    margin-top: -1px;

    position: absolute;

    width: 33px;

    z-index: 9999;

}

.popu-item{

	position: relative;

}

.popu-num-c {  	

    color: #FFFFFF !important;

    display: block;

    float: right; 

    font-size: 12px !important;

    height: 19px;

    right: -11px;

    margin-top: 23px;

    padding: 5px 4px;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    width: 24px;

}



.pdark span a,.pdark span{

	color: #aaa;  

    font-size: 11px;

	line-height: 20px;

	cursor: pointer;

}

.pcolor span a,.pcolor span{

	color:#fff;	

	cursor: pointer;

    font-size: 11px;

    line-height: 20px;

}

.popu-item{

	padding-left: 25px;

}

#pa-popular .span12{

	margin-left: 0;

}

.popular ol#pagination li.next {

    background: url(/templates/ivi_themes/css/images/bg_buttons.png) no-repeat scroll 0 -48px transparent;

    right: -30px;

}

.popular ol#pagination li.prev {

    background: url(/templates/ivi_themes/css/images/bg_buttons.png) no-repeat scroll 0 -64px transparent;

    left: -30px;

}

.popular ol#pagination li {

    background: none repeat scroll 0 0 #808080;

    cursor: pointer;

    display: inline-block;

    height: 16px;

    list-style: none outside none;

    margin: 0 2px;

    text-align: left;

    text-indent: -8000px;

    width: 16px;

}



/*paging2*/

.popular{ 

    margin-top: 15px;

}

.swControls{

	margin-left: 35% !important;

    margin-top: -266px;

    position: absolute;

}

.swPage{

	display: block;    

}

.gkTabsItem{

	padding: 20px 0;

}

.gkTabsGK5 {

    margin-top: 30px !important;

    overflow: hidden;

    position: relative;

}

.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li,.gkTabsWrap.vertical ol{

	line-height: 34px !important;

	height: 34px;	 

}

#sp-sidebar-a  .gkTabsWrap.vertical ol {

     background: none repeat scroll 0 0 #333333 !important;

    border-bottom: medium none;

    display: block;

    height: 40px;

    width: 100%;

}

.gkTabsWrap.vertical ol li:hover, .gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li:hover, .gkTabsWrap.horizontal ol li.active {   

    height: 40px;

    line-height: 40px !important;

}



.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {   

    background:transparent!important;

    border-radius:0;

    -o-border-radius:  0;

	-ms-border-radius: 0;

	-khtml-border-radius: 0;

     -webkit-border-radius:  0; 

     -moz-border-radius:   0;

    color: #fff;

    text-shadow: none!important;

}

#sp-sidebar-a .gkTabsWrap.vertical ol li, #sp-sidebar-a .gkTabsWrap.horizontal ol li {

	text-shadow: none!important;

}

.gkTabsWrap ol li:first-child{

	margin-left: 10px!important;

}

a.swShowPage{

	background-color: #808080;

    border-radius: 8px 8px 8px 8px;

    -o-border-radius:   8px 8px 8px 8px;

	-ms-border-radius:  8px 8px 8px 8px;

	-khtml-border-radius:  8px 8px 8px 8px;

     -webkit-border-radius:   8px 8px 8px 8px; 

     -moz-border-radius:    8px 8px 8px 8px;

    float: left;

    height: 8px;

    margin: 4px 3px;

    text-indent: -9999px;

    width: 8px;

}


/*Top Rate*/



.mod-top > h3.module-title{	 

    color: #fff;

    font-size: 14px;

    height: 32px;

    line-height: 28px;

    padding-left: 15px;

    text-transform: uppercase;

}

#pa-toprate li {

    height: 80px;

    margin-bottom: 5px;

}

#pa-toprate li:last-child{

	margin-bottom: 0;

}



.top-rate h4{

    line-height: 20px;

    padding-left: 100px;

}

.top-rate p a,.top-rate p a:hover{

	color: #444;

    display: block;    

    font-size: 13px;

    line-height: 20px;    

}

.top-rate p{ 

    color: #ccc;

    font-size: 13px;

    margin-top: -15px;

    padding-left: 130px;

} 

.top-rate img {    

    cursor: pointer;

    float: left;

    height: 55px;

    margin-top: 5px;

    position: relative;

    width: 75px;

}

.top-rate img:hover{

	opacity:0.75;

}

.top-rate p {

    margin-top: 0;

    padding-left: 90px;

}

/*

.top-rate .itemRatingBlock{

	margin-top: -17px;

    padding-left: 100px;

    position: absolute;

}

.itemRatingList a, .itemRatingList .itemCurrentRating{

	top: -28px;

}

*/

#pa-toprate .itemRatingLog {

    float: left;

    font-size: 11px;

    margin-top: -6px;

    padding: 0 0 0 4px;

    position: relative;

    width: 100%;

    z-index: 10001;

}

#pa-toprate {

	 margin-top: 5px;

}

#pa-toprate .itemRatingBlock{

	margin-left: 90px;

    margin-top: -20px;

}

#pa-toprate .itemRatingList .itemCurrentRating{

	margin-top: -27px;

}

/*Recent News*/

.recent-news{

	margin-top: 10px;

}



.recent-news ul li {

    float: left;

    height: 65px;

    margin-bottom: 20px;

     

}

.recent-news ul li img {

    cursor: pointer;

    height: 55px;

    position: absolute;

    width: 75px;

    opacity:1;

}

.recent-news ul li img:hover{

	opacity:0.75;

}

.recent-news ul li p { 

    color: #444;   

    font-size: 13px;

    line-height: 20px;

    margin-left: 93px;

    margin-top: -5px;

}

.recent-news ul li p a {

    color: #444;    

    font-size: 16px;

    line-height: 20px;

}

.recent-news .hnews-icon {

    color: #B1B1B1;    

    font-size: 11px;

    margin-left: 95px;    

}

.recent-news .hnews-icon a.comments,.recent-news .hnews-icon i {

    color: #B1B1B1;

}

/*Photo News*/

.photonews{

	margin-top: 10px;

}

.photonews ul li{

	float: left;

    margin: 5px 14px; 

}



.photonews ul li img {     

    height: 50px;   

    width: 75px;

}

.photonews ul li img:hover{

	opacity:0.75;

}

/* Accordion News */

#innertop .gt-acc{

	margin-bottom: -30px;

}

.gt-acc {

	margin-top: 20px;

}

.gt-acc .accordion-inner,.gt-acc .accordion-group{

	border: none;

}

.gt-acc .accordion-heading {

    background: none repeat scroll 0 0 #F9F9F9;

    border-bottom: 0 none;

    margin-bottom: 5px;

    min-height: 35px;

    line-height: 35px;    

}

.gt-acc h5{

	line-height: 18px;

}

.gt-acc .acc-left{	

	margin-left: 15px !important;

}

.gt-acc .acc-right{

	min-height: 160px;

	color: #777;   

}

.gt-acc .acc-right h5 a,.gt-acc .acc-right h5{

	color: #ccc;   

    font-size: 13px;

    line-height: 20px;

    margin-top: 5px;

    text-align: right;

}

.gt-acc .accordion-heading a{		

	font-size: 15px;

    line-height: 25px;

    padding-left: 45px;

}

.gt-acc .acc-right h5 a{

	background: none repeat scroll 0 0 #eee;

    color: #ccc;

    padding: 5px 15px;

}

.gt-acc .acc-right h5 a:hover{

	color: #fff;

}

.gt-acc .accordion-body {

    display: none;

    margin-top: 15px;

}

.ac-date{

	background: url(/templates/ivi_themes/images/acc-date.png) no-repeat scroll 0 -12px rgba(0, 0, 0, 0);

    display: block;

    height: 41px;

    margin-left: -4px;

    position: absolute;

    width: 36px;

}



.ac-date h3{	

    display: block; 

    font-size: 13px;

    margin-top: 1px;

    position: absolute;

    text-align: center;

    width: 39px;

}

.ac-date h5{	

    color: #fff;

    display: block;    

    font-size: 11px;

    margin-top: 22px;

    position: absolute;

    text-align: center;

    width: 39px;

}

/*Sidebar*/



/*Social Count*/

.social_count{

	margin-top: 15px !important;	

}

.social_count ul li{

	float: left;

    height: 55px;   

    width: 23%;

    max-width: 85px;

    text-align: center;

    margin: 0 2px; 	

}

.social_count ul li:first-child{

	margin-left: 0;

}

.social_count ul li:hover {

	opacity:0.75;

}



.social_count li a i{

	font-size: 30px;

    line-height: 60px;

    color: #fff;

}

.social_count li h2{	

    font-family: bebasneue;

    font-size: 10px;

    line-height: 18px;

    margin-top: 0;

}

 

.social_count li a.rss{

	background: url(/templates/ivi_themes/images/bg-social4.jpg) no-repeat scroll 0 0 #ffa800;

    display: block;

    height: 55px;

}

.social_count li a.fb{

	background: url(/templates/ivi_themes/images/bg-social3.jpg) no-repeat scroll 0 0 #2e3e7c;

    display: block;

    height: 55px;

}

.social_count li a.tw{

	background: url(/templates/ivi_themes/images/bg-social2.jpg) no-repeat scroll 0 0 #25a7e5;

    display: block;

    height: 55px;

}

.social_count li a.m{

	background: url(/templates/ivi_themes/images/bg-social1.jpg) no-repeat scroll 0 0 #60A02B;

    display: block;

    height: 55px;

}

.social_count li a.g{

	background: url(/templates/ivi_themes/images/bg-social5.jpg) no-repeat scroll 0 0 #60A02B;

    display: block;

    height: 55px;

}

.social_count li h2.rssc {

    background: none repeat scroll 0 0 #FFE6A6;

    color: #CF6E13;

    text-align: center;

}

.social_count li h2.fbc {

    background: none repeat scroll 0 0 #cbd7ff;

    color: #657fb7;

    text-align: center;

}

.social_count li h2.twc {

    background: none repeat scroll 0 0 #b5def4;

    color: #488bcd;

    text-align: center;

}

.social_count li h2.mc {

    background: none repeat scroll 0 0 #c2e69c;

    color: #648d37;

    text-align: center;

}



/*Twitter*/

.TDB-tweet-avatar:hover{

	opacity:1;

	background: url(/templates/ivi_themes/images/ic-twitter.png) no-repeat scroll 0 0 transparent;

}

.TDB-tweet-avatar > img{

	display: none;

}

.TDB-tweet-avatar{	

    background: url(/templates/ivi_themes/images/ic-twitter-gray.png) no-repeat scroll 0 0 transparent;

    display: block;

    height: 20px;

    width: 20px;

    position: absolute;

    

}

.TDB-tweet-user strong,.TDB-tweet-user strong a,.TDB-tweet-text a{

	color: #8C8C8C;   

    padding-left: 15px;

}

.TDB-tweet-container {

    background: none;

	border: none;    

}

.TDB-tweet-text {

    color: #5F5F5F;    

    font-size: 11px;

}

.TDB-tweet-time {

    color: #999;

    display: block;    

    font-size: 85%;

    margin-bottom: 0;

    margin-top: 0;

    text-align: right;

    width: 100%;

}

.TDB-tweet-text {

    margin-left: -20px;

}

#sp-sidebar-a .TDB-tweet-container{

	border: none;

}

#sp-sidebar-a .TDB-tweetavatar-left .TDB-tweet-align-left {

    border: medium none!important;

    margin: 0 0 20px 18px!important;

}

#sp-sidebar-a .TDB-tweetavatar-left .TDB-tweet-align-left:before,

#sp-sidebar-a .TDB-tweetavatar-left .TDB-tweet-align-left:after{

	border: none!important;

}

.TDB-tweet-user a:hover,a.hashlink:hover,a.userlink:hover{

	color: #59BAEB;

}


.scrollup{

    width:40px;

    height:40px;    

    position:fixed;

    bottom:35px;

    right:50px;

    display:none;

    text-indent:-9999px;

    background: url(/templates/ivi_themes/images/icon_top.png) no-repeat;

    z-index: 9999;

}

.scrollup:hover{

	background-position: 0 -40px ;

}

.bg-modtit {

    border-bottom: 5px solid;       

    font-size: 14px;

    height: 23px;

    line-height: 24px;

    padding-bottom: 8.9px;

    text-shadow: none;

}

/*Header Font*/

h1 a ,h3,h1, h2, h3, h4, h5, h6{

    color: #555; 
  
    font-size: 20px;
  
}



/* Sub Header Font*/

.gallery-filters a,.category-name a {

    color: #555;   

    font-size: 12px!important;

}

/* Subtittle Font*/

.entry-meta span,.create-date,.publish-date{

	color: #555;    

    font-size: 12px!important;

}

.entry-meta a span a,.create-date a,.publish-date a,.gallery-filters a, .category-name a, span .author {

	font-weight: bold!important;

}



.entry-meta.muted {

    background: none repeat scroll 0 0 #F5F5F5;

    font-size: 12px;

    margin-bottom: 20px;

    padding: 10px 20px;

}



/*

	Short Code

***********************************************************************************************************/

.nav-pills > li > a,.nav-tabs > li > a,

.accordion-heading a{

	font-weight: normal;

}

/* SC Button */

.btnol-color{ 

    border:medium solid;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;   

    padding: 9px 25px;

    margin: 0 5px;



}

.btnol-grey{

	border: medium solid #505050;	 

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;   

    padding: 9px 25px;

    margin: 0 5px;

}



/* Slider Collection

----------------------------------------------------------------------------------------------------*/

/* Revo Slider */

/******************************

	-	BUTTONS	-

*******************************/

.fullwidthbanner{

	max-height: 550px;

}



.button.big			{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; background:url(/templates/ivi_themes/images/gradient/g40.png) repeat-x top;}





.purchase:hover,

.button:hover,

.button.big:hover		{	background-position:bottom, 15px 11px;}







	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.social_count ul li { width: 36% !important; margin: 0 3px 3px 0; }

	 }







	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.button	{	padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal;	}

		a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }





	}



    @media only screen and (min-width: 0px) and (max-width: 479px) {

		.button	{	padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}

		a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }

	}




/*	BUTTON COLORS	*/




.button.green, .button:hover.green,

.purchase.green, .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }





.button.blue, .button:hover.blue,

.purchase.blue, .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68;}





.button.red, .button:hover.red,

.purchase.red, .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212;}



.button.orange, .button:hover.orange,

.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00;}



.button.darkgrey,.button.grey,

.button:hover.darkgrey,.button:hover.grey,

.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222;}



.button.lightgrey, .button:hover.lightgrey,

.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555;}





.tp-bullets.simplebullets.round .bullet{

	background: none repeat scroll 0 0 rgba(255, 255, 255, 1);

    border-radius: 2px 2px 2px 2px;

    

}

.tp-leftarrow.default{

	background:url(/templates/ivi_themes/images/ic-gticons.png) repeat scroll -15px -120px rgba(0, 0, 0, 0.5) !important;

	border-radius: 2px 2px 2px 2px;

    height: 45px !important;

    width: 30px !important;

}

.tp-rightarrow.default{

	background: url(/templates/ivi_themes/images/ic-gticons.png) repeat scroll -50px -120px rgba(0, 0, 0, 0.5) !important;

	border-radius: 2px 2px 2px 2px;

    height: 45px !important;

    width: 30px !important;

}



.tp-bannertimer{

	top: 0 !important;

}

.rv_text{

	color: #FFFFFF;  

    font-size: 30px;

    font-weight: bold;

    line-height: 40px !important;

    padding: 0 20px !important;

    text-transform: uppercase;

    text-shadow: none!important;

}

.rv_bg{

	 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;

}

.gt-fullcontainer-a #fullcontainer-a{

	background: #444444; /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");

	background: -moz-linear-gradient(left,  #444444 0%, #555555 50%, #333333 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#444444), color-stop(50%,#555555), color-stop(100%,#333333)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left,  #444444 0%,#555555 50%,#333333 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left,  #444444 0%,#555555 50%,#333333 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left,  #444444 0%,#555555 50%,#333333 100%); /* IE10+ */

	background: linear-gradient(to right,  #444444 0%,#555555 50%,#333333 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=1 ); /* IE6-8 */

	margin: 0 auto;

    text-align: center;	

	

}



#sp-sliders-a{

	background: #555;

}





/* Portfolio 

----------------------------------------------------------------------------------------------------*/



.port-item .dark-screen{	 

	-webkit-box-shadow: inset 0px 0px 90px 0px rgba(0, 0, 0, 0.25);

        

        box-shadow: inset 0px 0px 90px 0px rgba(0, 0, 0, 0.25);

}



.gt-footer .cr-info a {   

    font-size: 11px;

}

.gt-tag .k2TagCloudBlock a:hover{	 

	color: #fff!important;    

    line-height: 20px;

    margin: 1px;

    padding: 5px 10px;

}        

.gallery-flickr ul li img:hover{	   

	background: none!important;	

}



#options ul li a {

    color: #545454;    

    font-size: 12px;

}

.dark-screen h1 {     

    margin-top: 10% !important;

}

#sp-footer-wrapper { 

    line-height: 30px;

    color: #555;

}

/* Contact Page

----------------------------------------------------------------------------------------------------*/

#sp-sliders-a  #s5_quick_contact {	

    background: none repeat scroll 0 0 #fff;

    border-top: 20px solid;

    border-radius:5px 5px 0px 0px;   

    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);

    margin-left: 15%;    

    padding: 30px 0 30px 30px;

    position: absolute;

    margin-top: -51%;

    width: 240px;

}

#s5_qc_submitbutton.button{

	background-image: none!important;

}

#sp-sliders-a  #s5_quick_contact input{

	border-radius: 0 0 0 0;    

    font-size: 13px;

    margin: 10px 0 3px;

}

#sp-sliders-a  #s5_quick_contact textarea{

	border-radius: 0 0 0 0;  

    font-size: 13px;

    margin: 3px 0;

}

#sp-sliders-a .icontact-close {

    background:url(/templates/ivi_themes/images/ic-close.png) no-repeat scroll -5px -4px rgba(0, 0, 0, 0);

    cursor: pointer;

    display: none;

    height: 34px;

    position: absolute;

    right: -17px;

    top: -17px;

    width: 34px;

}


/* K2 Tool */



/*Top Rate*/





.mod-top > h3.module-title{

	background: none repeat scroll 0 0 #2F3335;

    border-top: 2px solid #FF9B2A;

    color: #FFFFFF;

    font-size: 14px;

    height: 32px;

    line-height: 28px;

    padding-left: 15px;

    text-transform: uppercase;

}

#pa-toprate li{	 

	height: 90px;

    margin-bottom: -5px;

    width: 100%;

}



.top-rate h4{

    line-height: 20px;

    padding-left: 100px;

}

.top-rate p a{	   

    font-size: 13px;  

    line-height: 20px;

}

.top-rate p{ 

    color: #ccc;

    font-size: 11px;

    margin-top: -15px;

    padding-left: 130px;

} 

.top-rate img {    

    cursor: pointer;

    float: left;

    height: 55px;

    margin-top: 5px;

    position: relative;

    width: 80px;

}

.top-rate img:hover{

	opacity:0.75;

}

.top-rate p {

    margin-top: 0;

    padding-left: 95px;

}



#pa-toprate .itemRatingLog {

    float: left;

    font-size: 11px;

    margin-top: -6px;

    padding: 0 0 0 4px;

    position: relative;

    width: 100%;

    z-index: 10001;

}

#pa-toprate {

	margin-top: 3px;

}

#pa-toprate .itemRatingBlock{

	margin-left: 100px;

    margin-top: -18px;

}

#pa-toprate .itemRatingList .itemCurrentRating{

	margin-top: -32px;

}

/*Recent News*/

.recent-news ul li {

    float: left;

    height: 60px;

    margin-bottom: 25px;    

}

.recent-news ul li img {

    cursor: pointer;

    height: 55px;

    position: absolute;

    width: 80px;

    opacity:1;
    
    border: 1px solid #B1B1B1;
    
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);

}

.recent-news ul li img:hover{

	opacity:0.75;

}

.recent-news ul li p {

    color: #999999;

    font-family: arial;

    font-size: 13px;

    margin-left: 95px;

    margin-top: -6px;

    line-height: 22px;

}

.recent-news ul li p a {

    color: #545454;      

    line-height: 20px;

}

.recent-news .hnews-icon {

    color: #B1B1B1;     

    font-size: 11px;

    margin-left: 95px;

    width: 105%;

}

.recent-news .hnews-icon a.comments {

    color: #B1B1B1;

}

/*Photo News*/

.photonews ul li{

	float: left;

    margin: 5px; 

}



.photonews ul li img {    

    height: 45px;

    padding: 3px;

    width: 65px;

}

.photonews ul li img:hover{

	opacity:0.75;

}

.hnews-icon i:first-child {

    border:none;

}

.hnews-icon i{

	border-left: 1px solid;

    padding: 0 5px;

}

/*Recent News*/

.recn-item{

	position:relative;

	display:block;

	overflow: hidden;

	box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.03) inset;

}

.recnews-nav ul li a{

	 background: none repeat scroll 0 0 #EEEEEE;

    display: block;

    float: left;

    height: 5px;

    margin: 1px 2px;

    padding: 5px;

    text-indent: -9000px;

    width: 5px;



}

.recnews-cap h3{

	line-height: 15px;

    margin-top: 10px;

    text-align: center;

    text-shadow: -1px 2px 1px rgba(255, 255, 255, 0.25);

}

.recnews-cap p{	 

    font-size: 13px;

    text-align: center;

}

.recnews-cap h3 a{	 

    font-size: 14px;

    padding: 0 15px;

    text-transform: uppercase;

}



.recn-cap{

	position: relative;

	overflow: hidden;

	display: block;

}

.recnews-cap h3 a:hover{

	color: #555!important;

}

.recnews-mask{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

	position: absolute;

	display: none;

	z-index: 888;

	min-width: 800px!important;

	min-height: 600px!important;

}

.recnews-zoom{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    border: 2px solid;

    border-radius: 40px 40px 40px 40px;

    height: 37px;

    left:-8%;

    margin-top:30%;

    padding: 2px;

    position: absolute;

    width: 37px;

    opacity:0;

    z-index: 9999;

    text-shadow: -1px 2px 1px rgba(0, 0, 0, 0.25);

}



.recnews-zoom i{

	color: #FFFFFF;

    font-size: 25px;

    line-height: 39px;

    padding: 10px;

    text-shadow: -1px 2px 1px rgba(0, 0, 0, 0.25);

    

}

.acymailing_form{

	position: relative;

}

.subcribeme {

    border: 1px solid #E1E1E1;

    margin-top: 50px;

}

.subcribeme .subcribeme{

	border: none;

}

.acysubbuttons .button {

	border: medium none;

    border-radius: 0;

    color: #FFFFFF;

    font-size: 13px;

    height: 30px;

    line-height: 23px;

    margin-left: 72%;

    margin-top: 14px;

    text-shadow: none !important;

    width: 75px;

}

.acysubbuttons .button:hover{

	color: #fff;

}

.acymailing_finaltext{

	margin-left: 30px;

    text-align: center;	

    color: #777;

}

.subcribeme h3.header {

    border-bottom: 1px solid #E1E1E1 !important;

    padding-left: 25px;

    text-transform: none;

    line-height: 40px;    

}

.acyfield_email input{

 	margin-top: 20px;

    position: absolute;

    width: 63% !important;

}



/* Footer

----------------------------------------------------------------------------------------------------*/



#bottom h3.header{

	border: none;	

}

#sp-bottom-wrapper{

    background: none repeat scroll 0 0 #222222;

    border-bottom: 1px solid #666666;

    border-top: 5px solid;

}

/* Jflickr Modules */

.gallery-flickr{

	margin-top: -20px;

}

.gallery-flickr ul li{

	float: left;

    margin: 1px; 

}



.gallery-flickr ul li img {

    border: 1px solid #383838;

    height: 43px;

    padding: 1px;

    width: 53px;

}

#right .gallery-flickr ul li a, #left .gallery-flickr ul li a, .gallery-flickr ul li a {

    background: none repeat scroll 0 0 transparent;

    border: 0 none;

    float: left;

    margin: 0;

    padding: 0;

}



.aboutus i{

	background: none repeat scroll 0 0 #222222;

    border: 1px solid #555555;

    border-radius: 30px;

    color: #666666;

    display: block;

    float: left;

    height: 25px;

    line-height: 25px;

    margin: 0 5px;

    text-align: center;

    width: 25px;

}

.aboutus p{

	color: #444;

}

.aboutus strong{

	color: #555;

}

#sp-footer-wrapper .sp-totop i{

	border: 1px solid #555;

    border-radius: 30px;

    color: #555555;

    display: block;

    height: 35px;

    line-height: 35px;    

    text-align: center;

    width: 35px; 

}

/* Tools

----------------------------------------------------------------------------------------------------*/



/* Sidebar A */

.mod-fd{

	padding: 20px 0;

}

/* Bottom A */

#sp-bottom-a-wrapper,#sp-top-d-wrapper{

	background: none repeat scroll 0 0 #fff;

    border-top: 1px solid #EEEEEE;

    padding: 15px 0;

}

/* Bottom B */

#bottom-b h3.header{

	border: none;

}

#sp-footer-wrapper{

	border-top: 1px solid #666; 

}







/* iShortcode

----------------------------------------------------------------------------------------------------*/

/* Vertical Tab */

.mod-faqvertab .tabs-left > .nav-tabs .active > a, 

.mod-faqvertab .tabs-left > .nav-tabs .active > a:hover,

.mod-faqvertab .tabs-left > .nav-tabs .active > a:focus,

.tabs-left > .nav-tabs > li > a:hover{

	border-left: 3px solid;

	border-radius:0!important; 	  

	border-right: none;

	background: #fff;

	outline: none;

}

.mod-faqvertab .tabs-left > .nav-tabs .active > a{

	border-bottom-color: #ddd!important;

	border-top-color: #ddd!important;

}

.mod-faqvertab{

	padding: 20px 0;

}

.mod-faqvertab .tabs-left > .nav-tabs {    

    padding: 20px 0;

}

.mod-faqvertab .tabbable {

    background: url(/templates/ivi_themes/images/bg-tab.png) repeat scroll right bottom rgba(0, 0, 0, 0);

}

.mod-faqvertab .nav-tabs{

	/*

	background: #f7f7f7; 

	background: -moz-linear-gradient(left,  #ffffff 0%, #f7f7f7 100%);  

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); 

	background: -webkit-linear-gradient(left,  #ffffff 0%,#f7f7f7 100%);

	background: -o-linear-gradient(left,  #ffffff 0%,#f7f7f7 100%);

	background: -ms-linear-gradient(left,  #ffffff 0%,#f7f7f7 100%); 

	background: linear-gradient(to right,  #ffffff 0%,#f7f7f7 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 ); 

	*/

	font-weight:bold;

	background:url(/templates/ivi_themes/images/bg-vtab.png) repeat scroll 0 center transparent; 

    min-height: 200px;

    min-width: 240px;

}

.mod-faqvertab li a{

	border-left: 3px solid #FBFBFB;	

	padding: 12px 15px 12px 18px;

	font-size: 12px;	 

	color: #555;

}

.mod-faqvertab li a i{

	padding-right: 5px;

}

.tab-content h3{

	font-size: 18px;

}

/* Video */

video{

    max-width: 100%;

    height: auto;

}

iframe,

embed,

object {

  	max-width: 100%;

}

/*

	Pricing Table	

***********************************************************************************************************/

.pt-basic {

	text-align: center;

}

.pt-basic [class*="span"] {

	margin:0 1px;

} 

.pt-basic .features-list {

	text-align: left;

	border-radius:3px!important;

}

.pt-basic .ptactive {

	z-index: 9999;

	margin:-15px -1px -15px -1px;

	border: none;

	background: #fff;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2);

	box-shadow: 0 5px 15px rgba(0, 0, 0, .2);

}

.pt-basic .header {

	min-height: 140px;

	background: #777;

	color: #fff;

	margin-bottom: -10px;

    

}

.pt-basic .header i{

	color: #333333;

    font-size: 35px;

    margin-top: -24px;

    position: absolute;

  

}

.pt-basic .features-list .header {

	background: none;}



.pt-basic .ptactive .header {

	min-height: 155px;

	

}

.pt-basic h1 {

	padding: 12px 15px;

	background: rgba(0, 0, 0, .2);

	color: #fff;

	font-weight: 800;

	font-size: 14px;

	margin-top: 0;

}



.pt-basic .ptactive h1 {

	color: #fff;

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);

}

.pt-basic h2 {

	margin-top: 13px;

	color: #fff;

	color: rgba(255, 255, 255, .7);

	font-weight: 800;

	font-size: 13px; 

}

.pt-basic h2 span {

	display: block;

	color: #fff;

	font-size: 36px;

	line-height: 1.2;

}

.pt-basic h5{

	height: 0;

    line-height: 0;    

    text-align: center;

}

.pt-basic h5 i{

}

.pt-basic .ptactive h2 span {

	font-size: 48px;

}

.pt-basic .ptactive h2 span:after {

 	border-top:;

	content:'';

	position:absolute;

	top:31.2%;

	left:47%;

	border:10px solid transparent;

	z-index:99999999!important;

}

.pt-basic ul li {	

	padding: 9px 20px;

	background: #f9f9f9;

}

 .pt-basic ul li:nth-child(even) {

 background: #f1f1f1;

}

.pt-basic .footer {

	background: #f8f8f8;

	padding: 40px 0;

}

.pt-basic .features-list .footer {

	background: none;

}

.pt-basic .ptactive .footer {

	padding: 35px 20px;

	background: #fff;

}

.pt-basic  .button{	 

	border-radius: 5px;

    padding: 7px 18px;

}

.pt-basic  .footer a{

	color: #fff;

}

/*Price Table Sytle Sample*/



.pt-basic.blue .ptactive .header{

	background: #003056!important;

}

.pt-basic.blue .ptactive .header i{

	color: #003056!important;

}



.pt-basic.aqua .ptactive .header{

	background: #306E73!important;

}

.pt-basic.aqua .ptactive .header i{

	color: #306E73!important;

}

.pt-basic.red .ptactive .header{

	background: #F23005!important;

}

.pt-basic.red .ptactive .header i{

	color: #F23005!important;

}





.pt-basic.fuchsia .ptactive .header{

	background: #3C0942!important;

}

.pt-basic.fuchsia .ptactive .header i{

	color: #3C0942!important;

}

.pt-basic.pink .ptactive .header{

	background: #FF0080!important;

}

.pt-basic.pink .ptactive .header i{

	color: #FF0080!important;

}

.pt-basic.orange .ptactive .header{

	background: #FF9900!important;

}

.pt-basic.orange .ptactive .header i{

	color: #FF9900!important;

}





/*******************/

/** ACORDION *******/

/*******************/

.iaccordion {

	padding-top: 10px;

}

.ac-dash .accordion-heading{

	background: url(/templates/ivi_themes/images/bg-accplus.png) no-repeat scroll left center #FAFAFA;     

    padding-left: 30px;

    border:none;

    border-bottom: 1px dashed #CCCCCC;

    border-radius:0;

}

.ac-dash .accordion-heading.active{

	background: url(/templates/ivi_themes/images/bg-accplusactv.png) no-repeat scroll left center #FAFAFA; 

}

.ac-dash .accordion-inner,.ac-dash .accordion-group{

	border: none;	

}



.ac-flat .accordion-heading{

	background: url(/templates/ivi_themes/images/bg-flataccplus.png) no-repeat scroll left center #FAFAFA;     

    padding-left: 30px;

    border:none;   

    border-radius:0;

}

.ac-flat .accordion-heading.active{

	background: url(/templates/ivi_themes/images/bg-flataccplusactv.png) no-repeat scroll left center #FAFAFA; 

}

.ac-flat .accordion-heading.active a:hover{

	color: #fff;

}

.ac-flat .accordion-inner,.ac-flat .accordion-group{

	border: none;	

}



/************/

/*** jBar ***/

/************/

.jbar-chart{

	display: block;

	position: relative;

	min-height: 200px;

	min-width: 200px;

}

.jqbar.horizontal .bar-label {

    text-align: right;

    width: 100px;

}

.jqbar

{

    position: relative;  

    height: 50px; 

}

.bar-level{

	/* Set the background size so the stripes work correctly */

  -webkit-background-size: 44px 44px;

  -moz-background-size: 36px 36px;

	  background-image: 

         -webkit-gradient(linear, 0 0, 100% 100%, 

            color-stop(.25, rgba(255, 255, 255, .2)), 

            color-stop(.25, transparent), color-stop(.5, transparent), 

            color-stop(.5, rgba(255, 255, 255, .2)), 

            color-stop(.75, rgba(255, 255, 255, .2)), 

            color-stop(.75, transparent), to(transparent)

         );

  /* Mozilla (Firefox etc) background stripes */

  /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. */

  background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #74d04c;

  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);

  -o-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);

  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);  

  

  /* Animate */

  -moz-animation: animate-stripes 2s linear infinite;

  -webkit-animation: animate-stripes 2s linear infinite;

  -o-animation: animate-stripes 2s linear infinite;

  -ms-animation: animate-stripes 2s linear infinite;

  -khtml-animation: animate-stripes 2s linear infinite;

  animation: animate-stripes 2s linear infinite;

	box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 1px rgba(0, 0, 0, 0.2) inset;

}

.jqbar.vertical

{

    text-align: center;

    display: inline-block;

}

.jqbar.vertical span

{

    display: block;

    font-size: 13px;     

}

.jqbar.vertical .bar-percent

{

    font-size: 11px;

    font-weight: bold;

    position: absolute;

    height: 20px;

    margin-bottom: 5px;

    width: 100%;

}

.jqbar.vertical .bar-level-wrapper

{

    position: relative;

    display: inline-block;

    overflow: hidden;

}

.jqbar.vertical .bar-level

{

    position: absolute;

}



/*horizontal*/



.jqbar.horizontal span

{

    display: inline-block;

    margin-left: 5px;

    font-size: 15px;



}

.jqbar.horizontal .bar-percent

{

    font-size: 11px;

    font-weight: bold;

    height: 20px;

    margin-bottom: 5px;

}







/* System

----------------------------------------------------------------------------------------------------*/



#totop-scroller {

	background: url(/templates/ivi_themes/images/totop_scroller.png) no-repeat scroll 50% 50% rgba(34,34,34,0.75);

    border-radius: 3px 3px 3px 3px;

    display: block;

    height: 51px;

    position: absolute;

    right: 0;

    text-decoration: none;

    top: -40px;

    width: 48px;

    z-index: 1;

}

#totop-scroller:hover{

	background-color: rgba(0,0,0,0.75)

}



textarea, input[type="text"], 

input[type="password"], 

input[type="datetime"], 

input[type="datetime-local"], 

input[type="date"], input[type="month"], 

input[type="time"], input[type="week"], 

input[type="number"], input[type="email"],

input[type="url"], input[type="search"], 

input[type="tel"], input[type="color"], .uneditable-input{

	border-radius:0;

	box-shadow:none; 



}

fieldset {

    border: 1px solid #DDDDDD;

    border-radius: 3px 3px 3px 3px;

    margin: 18px 0;

    padding: 12px 12px 0;

}



 .breadcrumb {

	background-image: url(/templates/ivi_themes/images/bg-breadcum.png) !important;

    background-position:380px -6px  !important;

    background-repeat: no-repeat !important;

    display: block;

    font-size: 11px;

    line-height: 20px;

    min-height: 20px;   

    padding-left: 25px !important;

}

.breadcrumb a{

	color: #555;

    text-shadow: none;

}

#breadcrumbs .ida-home{

	font-size: 15px;

	color: #B1B1B1;

}

.breadcrumb {

	border-radius: 0;

    color: #848484;

}

.breadcrumbs a,#sp-breadcrumbs-wrapper a{

	color: #444;   

    font-size: 13px !important;     

    text-shadow:none;

}

.breadcrumb > li span{

	color: #fff;

    font-size: 13px !important;

    text-shadow: none;

}

.breadcrumbs span, .breadcrumbs strong {

    color: #fff;

}

/** Pages */

.fi-left strong {

    border-bottom: 2px solid

    color: #747474;

    font-family: open sans,aller,arial;

    font-size: 13px;

    line-height: 40px;

    padding-bottom: 5px;

}

.fi-left a {

    color: #848484;

}

.fi-left > ul > li {

	color:#555;

    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);       

    padding-bottom: 15px;

    margin-bottom:15px;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);

   

}

#s5_quick_contact {

    background: none repeat scroll 0 0 #FFFFFF;

    border-right: 15px solid #E1E1E1;

    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);

    margin-left: 10%;

  	margin-top: -930px;

    padding: 30px 0 30px 30px;   

    width: 22%;

    position: absolute;

}

.icontact-close {

    background: url(/templates/ivi_themes/images/close.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

    cursor: pointer;

    display: none;

    height: 34px;

    position: absolute;

    right: -17px;

    top: -17px;

    width: 34px;

}

/*	RTL 	

***********************************************************************************************************/



/*

	Responsive	

***********************************************************************************************************/



.sp-mobile-menu{

	z-index: 9999;

}

.sp-mobile-menu ul li:first-child{

	padding-top: 15px;

}

.sp-mobile-menu ul li span.sp-menu-toggler i{

	background: #fff;

	color: #555;

	width: 50px;

	height: 20px;

	line-height: 20px;

	margin: 8px 0;
  
    margin-left: -20px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;
    border: 1px solid #e61e28;
}

.btn-inverse{

	margin-top: -28px;

    padding: 6px 28px;

    z-index: 100000;

    float: right;

}

.nav-collapse, .nav-collapse.collapse {    

    margin-top: -20px;

    z-index: 99999;

}



@media (max-width: 320px) {	

	@-ms-viewport{

		width: 320px;

	}

	.mod-pf {

		margin-top: -50px!important;

	}

	.port-item,.mod-faqvertab .tab-content{

		width: 100%!important;

		

	}

	#options {

		margin: 0 5%!important;

	}

	.mod-faqvertab .nav-tabs {

		min-width: 320px!important;

	}	

	

}



@media (min-width: 321px) and (max-width: 480px) {	

	 .port-item{

		width: 100%!important;

		height: auto;

		

	}

	

}



@media (min-width: 481px) and (max-width: 768px) {

	.gt-message span.me-button{

		margin-top: -5%!important;

	}

	#options {

		margin: 0 5%!important;;

	}

	.gt-countdown {

		background-size: 500% auto!important;

	}

	

	 

}





/*Iphone 5 Only*/

@media (min-width: 500px) and (max-width: 640px) {

	 .port-item{

		width: 100%!important;

		height: auto;

		

	}



}



/* Ipad Potrain */

@media (min-width: 569px) and (max-width: 768px) {

	#options {

		margin: 0 27%!important;

	}

}



/* Ipad Landscape */

@media (min-width: 769px) and (max-width: 1024px) {

	

	#options {

		margin: 0 30%!important;

		text-align: center;

	}

}



/* Work around for mobile*/

@media (max-width: 768px) {	

	

}







/*

	Animation	

***********************************************************************************************************/

@-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-animation: flipInX 1s 1;

	-moz-animation: flipInX 1s 1;

	-ms-animation: flipInX 1s 1;

	-o-animation: flipInX 1s 1;

	animation: flipInX 1s 1;

}

@-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: fadeIn 1s 1;

	-moz-animation: fadeIn 1s 1;

	-ms-animation: fadeIn 1s 1;

	-o-animation: fadeIn 1s 1;

	animation: fadeIn 1s 1;

}

@-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: fadeInUp 1s 1;

	-moz-animation: fadeInUp 1s 1;

	-ms-animation: fadeInUp 1s 1;

	-o-animation: fadeInUp 1s 1;

	animation: fadeInUp 1s 1;

}

@-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: fadeInDown 1s 1;

	-moz-animation: fadeInDown 1s 1;

	-ms-animation: fadeInDown 1s 1;

	-o-animation: fadeInDown 1s 1;

	animation: fadeInDown 1s 1;

}

@-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: fadeInLeft 1s 1;

	-moz-animation: fadeInLeft 1s 1;

	-ms-animation: fadeInLeft 1s 1;

	-o-animation: fadeInLeft 1s 1;

	animation: fadeInLeft 1s 1;

}

@-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: fadeInRight 1s 1;

	-moz-animation: fadeInRight 1s 1;

	-ms-animation: fadeInRight 1s 1;

	-o-animation: fadeInRight 1s 1;

	animation: fadeInRight 1s 1;

}

@-webkit-keyframes bounceIn {

 0% {

 opacity: 0;

 -webkit-transform: scale(.3);

}

 50% {

 opacity: 1;

 -webkit-transform: scale(1.05);

}

 70% {

 -webkit-transform: scale(.9);

}

 100% {

 -webkit-transform: scale(1);

}

}

 @-moz-keyframes bounceIn {

 0% {

 opacity: 0;

 -moz-transform: scale(.3);

}

 50% {

 opacity: 1;

 -moz-transform: scale(1.05);

}

 70% {

 -moz-transform: scale(.9);

}

 100% {

 -moz-transform: scale(1);

}

}

 @-o-keyframes bounceIn {

 0% {

 opacity: 0;

 -o-transform: scale(.3);

}

 50% {

 opacity: 1;

 -o-transform: scale(1.05);

}

 70% {

 -o-transform: scale(.9);

}

 100% {

 -o-transform: scale(1);

}

}

 @keyframes bounceIn {

 0% {

 opacity: 0;

 transform: scale(.3);

}

 50% {

 opacity: 1;

 transform: scale(1.05);

}

 70% {

 transform: scale(.9);

}

 100% {

 transform: scale(1);

}

}

.bounceIn {

	-webkit-animation: bounceIn 1s 1;

	-moz-animation: bounceIn 1s 1;

	-ms-animation: bounceIn 1s 1;

	-o-animation: bounceIn 1s 1;

	animation: bounceIn 1s 1;

}

@-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: bounceInDown 1s 1;

	-moz-animation: bounceInDown 1s 1;

	-ms-animation: bounceInDown 1s 1;

	-o-animation: bounceInDown 1s 1;

	animation: bounceInDown 1s 1;

}

@-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: rotateIn 1s 1;

	-moz-animation: rotateIn 1s 1;

	-ms-animation: rotateIn 1s 1;

	-o-animation: rotateIn 1s 1;

	animation: rotateIn 1s 1;

}

@-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: rotateInUpLeft 1s 1;

	-moz-animation: rotateInUpLeft 1s 1;

	-ms-animation: rotateInUpLeft 1s 1;

	-o-animation: rotateInUpLeft 1s 1;

	animation: rotateInUpLeft 1s 1;

}

@-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: rotateInDownLeft 1s 1;

	-moz-animation: rotateInDownLeft 1s 1;

	-ms-animation: rotateInDownLeft 1s 1;

	-o-animation: rotateInDownLeft 1s 1;

	animation: rotateInDownLeft 1s 1;

}

@-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: rotateInUpRight 1s 1;

	-moz-animation: rotateInUpRight 1s 1;

	-ms-animation: rotateInUpRight 1s 1;

	-o-animation: rotateInUpRight 1s 1;

	animation: rotateInUpRight 1s 1;

}

@-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: rotateInDownRight 1s 1;

	-moz-animation: rotateInDownRight 1s 1;

	-ms-animation: rotateInDownRight 1s 1;

	-o-animation: rotateInDownRight 1s 1;

	animation: rotateInDownRight 1s 1;

}

@-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: rollIn 1s 1;

	-moz-animation: rollIn 1s 1;

	-ms-animation: rollIn 1s 1;

	-o-animation: rollIn 1s 1;

	animation: rollIn 1s 1;

}





/*

	System	

***********************************************************************************************************/

.gt-hidden{

	display: none;

}



/*

	Font Awesome Icons	

***********************************************************************************************************/

.the-icons [class*="span"]:first-child{

	margin-left: 2.5641%!important;

}

.the-icons{margin-top:22px;}.the-icons .span3 a{display:block;cursor:pointer;line-height:32px;height:32px;padding-left:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.the-icons .span3 a,.the-icons .span3 a:hover{color:#222222;}

.the-icons .span3 a [class^="icon-"],.the-icons .span3 a [class*=" icon-"]{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px;}

.the-icons .span3 a:hover{background-color:#fff0f0;text-decoration:none;}.the-icons .span3 a:hover [class^="icon-"],.the-icons .span3 a:hover [class*=" icon-"]{*font-size:28px;*vertical-align:middle;}

.the-icons .span3 a:hover [class^="icon-"]:before,.the-icons .span3 a:hover [class*=" icon-"]:before{font-size:28px;vertical-align:-5px;}







/* Version 4.2*/

.fontawesome-icon-list [class*="span"]:first-child{

	margin-left: 2.5641%!important;

}

.fontawesome-icon-list{margin-top:22px;}.fontawesome-icon-list .span3 a{display:block;cursor:pointer;line-height:32px;height:32px;padding-left:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-family:'open sans',arial}.fontawesome-icon-list .span3 a,.fontawesome-icon-list .span3 a:hover{color:#222222;}

.fontawesome-icon-list .span3 a [class^="icon-"],.fontawesome-icon-list .span3 a [class*=" icon-"]{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px;}

.fontawesome-icon-list .span3 a:hover{background-color:#FFAA4A;text-decoration:none;color: #fff;}.fontawesome-icon-list .span3 a:hover [class^="icon-"],.fontawesome-icon-list .span3 a:hover [class*=" icon-"]{*font-size:28px;*vertical-align:middle;}

.fontawesome-icon-list .span3 a:hover [class^="icon-"]:before,.fontawesome-icon-list .span3 a:hover [class*=" icon-"]:before{font-size:28px;vertical-align:-5px;}

.fontawesome-icon-list a{font-size: 15px;}





/***********************************************************

Only for demo 

***********************************************************************************************************/



.jspContainer

{

	overflow: hidden;

	position: relative;

}



.jspPane

{

	position: absolute;

}



.jspVerticalBar

{

	position: absolute;

	top: 0;

	right: 0;

	width: 4px;

	height: 100%;

	background: red;

	

}



.jspHorizontalBar

{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 4px;

	background: red;

	display: none;

}



.jspVerticalBar *,

.jspHorizontalBar *

{

	margin: 0;

	padding: 0;

}



.jspCap

{

	display: none;

}



.jspHorizontalBar .jspCap

{

	float: left;

}



.jspTrack

{

	background: #ccc;

	position: relative;

}



.jspDrag

{

	background: #ec008c;

	border-radius:3px;

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

	height: 30px;

}



.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{

	float: left;

	height: 100%;

}



.jspArrow

{

	background: #999;

	text-indent: -20000px;

	display: block;

	cursor: pointer;

}



.jspArrow.jspDisabled

{

	cursor: default;

	background: #666;

}



.jspVerticalBar .jspArrow

{

	height: 16px;

}



.jspHorizontalBar .jspArrow

{

	width: 4px;

	float: left;

	height: 100%;

}



.jspVerticalBar .jspArrow:focus

{

	outline: none;

}



.jspCorner

{

	background: #eeeef4;

	float: left;

	height: 100%;

}



/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner

{

	margin: 0 -3px 0 0;

}

.gt-themecontrol{       

    display: block;    

    font-size: 25px;    

    line-height: 35px;

    z-index: 99999;

    position: fixed;

    right: -235px;

    top: 150px; 

    

}

.nav-thconfig .icon-cogs{

	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);

    border-radius: 3px 0 0 3px;

    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);

    cursor: pointer;

    display: block;

    float: left;

    margin-left: -37px;

    padding: 5px;

    z-index: 99999;

}

.contain-themecontrol{

	 width: 235px;

	 min-height: 500px;

	 background:none repeat scroll 0 0 rgba(255, 255, 255, 1);

	 box-shadow:0 0 45px 0 rgba(0, 0, 0, 0.05) inset;

}

.contain-themecontrol ul{

	padding-top: 5px;

}

.contain-themecontrol ul ul{

	padding: 0 23px;

	float: left;

}

.gtct-bgcolor{

	width: 100%;

	display: block;

}

.gtct-bgcolor li{

	display: block;

    float: left;

    height: 20px;

    margin: 3px;

    width: 24px;

    cursor: pointer;

    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);

}

.contain-themecontrol h3{

	font-family: open sans,arial;

    font-size: 12px;

    font-weight: normal;

    line-height: 20px;

    padding: 0 25px;

}

.gtct-bgimg li{

	display: block;

    float: left;

    height: 25px;

    margin: 1px;

    width: 29px;

    cursor: pointer;

    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);

}



.contain-themecontrol input{

  margin-left: 40px;

    width: 67px;

}

.contain-themecontrol td input{

	width: 13px;

}

.gtct-bgbigimg li{

	display: block;

    float: left;

    height: 30px;

    margin: 3px;

    width: 40px;

    cursor: pointer;

    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);

}

.themecontrol-subtit{

	color: red;

    font-family: open sans,arial;

    font-size: 10px;    

    margin-top: -14px;

    padding-left: 35px;

}

.themecontrol-subtit:hover{

	color: #F17D32;

}



/* Data for bg change*/

.bg1{

	background: url(/templates/ivi_themes/images/bg1.png);

}

.bg2{

	background: url(/templates/ivi_themes/images/bg2.png);

}

.bg3{

	background: url(/templates/ivi_themes/images/bg3.png);

}

.bg4{

	background: url(/templates/ivi_themes/images/bg4.png);

}

.bg5{

	background: url(/templates/ivi_themes/images/bg5.png);

}

.bg6{

	background: url(/templates/ivi_themes/images/bg6.png);

}

.bg7{

	background: url(/templates/ivi_themes/images/bg7.png);

}

.bg8{

	background: url(/templates/ivi_themes/images/bg8.png);

}

.bg9{

	background: url(/templates/ivi_themes/images/bg9.png);

}

.bbg1{

	background: url(/templates/ivi_themes/images/thumb_bbg1.jpg);

}

.bbg2{

	background: url(/templates/ivi_themes/images/thumb_bbg2.jpg);

}

.bbg3{

	background: url(/templates/ivi_themes/images/thumb_bbg3.jpg);

}

.bbg4{

	background: url(/templates/ivi_themes/images/thumb_bbg4.jpg);

}

.bbg5{

	background: url(/templates/ivi_themes/images/thumb_bbg5.jpg);

}

.bbg6{

	background: url(/templates/ivi_themes/images/thumb_bbg6.jpg);

}

.bbg7{

	background: url(/templates/ivi_themes/images/thumb_bbg7.jpg);

}

.bbg8{

	background: url(/templates/ivi_themes/images/thumb_bbg8.jpg);

}

.bbg9{

	background: url(/templates/ivi_themes/images/thumb_bbg9.jpg);

}

.nav > li > a
{
font-size:16px;


}

.SobiPro .tab-content
{
    margin-top: 10px;
}

#spEntryForm #field_geomap
{
    overflow: hidden;
}


.itemRatingList li { display: block;}


div.itemComments,div.itemTagsBlock,

div.userItemTagsBlock,

div.itemListCategory,div.catItemTagsBlock,

div#itemListLinks{

    background: url(/templates/ivi_themes/images/bg-wavegrid.png) repeat scroll 0 0 transparent;

    border: none;
    border-radius: 15px;
    border: 2px solid #fff;

}

div.itemTagsBlock,div.itemCategory,

div.userItemTagsBlock,div.userItemCategory,

div.userItemCommentsLink,div.catItemCategory,

div.catItemTagsBlock,div.itemView,

div.genericItemView,div.itemComments ul.itemCommentsList li{

	border: none;

}

div.itemCommentsForm p.itemCommentsFormNotes,

div.itemCommentsForm form label.formComment,

div.itemCommentsForm form label.formName,

div.itemCommentsForm form input#submitCommentButton,

div.itemCommentsForm form label.formEmail,

div.itemCommentsForm form label.formUrl{	 

    font-size: 13px;

    padding-left: 15px;

}



div.itemCommentsForm form input.inputbox,

div.itemCommentsForm form textarea.inputbox{	

    font-size: 12px;

    box-shadow:none;

    margin-left: 20px;

	width: 85%;    

}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
	h2{
		font-size: 13px;
		line-height: 20px;
	}
	#sp-toolbar-wrapper{
		padding-bottom: 10px;
	}
	.ltr #sp-tb1.span2 {
		margin-left: 3px!important;
	}
	.ltr #sp-tb2.span4{
		width: 100%!important;
	}
	.nav-collapse, .nav-collapse.collapse {
		margin-top: -9px!important;
	}
	.date-r,.tb-social{
		background: none!important;
	}
	.ltr .gt-authen{
		margin-top: -10px;
		padding-left: 3px;
	}
	.ltr .dateontop{
		margin-left: -12px;
	}
	.ltr .tb-social ul{
		float: left;
	}
	.ltr .search.pull-right{
		float: left!important;
		margin-left: 5px;		
	}
	.mewstick-left{
		margin-left: 0!important;
	}	
	.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {		
		margin-left: -10px!important;		
	}	
	.ticker-wrapper.has-js {
		width: 160%;	
		margin-left: 50px;
	}
	.camera_caption h2{
		font-size: 13px!important;
		line-height: 15px!important;
	}
	.camera_caption p{
		font-size: 10px!important;
		line-height: 15px!important;
	}
	.cn-headnews{
		height: auto!important;
	}
	.hn-content .readmore{
		top: 150px!important;
	}
	#sp-sidebar-a{
		background:none!important;
		margin-top: 0!important;
		padding-left: 0!important;
		padding-top: 0!important;
	}
	.ac-date{
		margin-left: 3px!important;		
		margin-top: 14px!important;
	}
	.grd-nav{
		margin-left: 87%!important;
	}
	.col-news-related{
		margin-top: -30px;
	}
	.photonews ul li img {
		height: 40px!important;
		padding: 1px!important;
		width: 60px!important;
	}
	#sp-menu-wrapper .container{
		display: none!important;	
	}
	.body-innerwrapper #sp-breadcrumb-wrapper{
		padding: 0!important;
	}
	.breadcrumb {
		line-height: 50px;
		min-height: 50px;
	}
	div.itemCommentsForm form input.inputbox,
	div.itemCommentsForm form textarea.inputbox{	    
	    margin-left: 5px!important;		  
	}
	.gallery-flickr ul li {		
		margin: 5px 12px 5px 0!important;
	}
	#k2Container .itemTitle, div.tagItemHeader h2.tagItemTitle, #k2Container .itemTitle, div.tagItemHeader h2.tagItemTitle a, div.userItemHeader h3.userItemTitle, div.userItemHeader h3.userItemTitle a, div.catItemHeader h3.catItemTitle, div.catItemHeader h3.catItemTitle a, div.genericItemHeader h2.genericItemTitle, div.genericItemHeader h2.genericItemTitle a, div.catItemHeader span.catItemAuthor a{
		font-size: 13px;
		line-height: 20px;
	}
	#s5_quick_contact {
		margin-top: -2020px!important;
		width: 60%!important;
	}
	.map-us {
		margin-top: -146px!important;
	}
	
}
@media (min-width: 321px) and (max-width: 480px) and (orientation : landscape){
	#sp-toolbar-wrapper{
		padding-bottom: 10px;
	}
	.ltr #sp-tb2.span4{
		width: 100%!important;
	}
	.nav-collapse, .nav-collapse.collapse {
		margin-top: -9px!important;
	}
	.ltr #sp-tb1.span2 {
		margin-left: 3px!important;
	}
	.date-r,.tb-social{
		background: none!important;
	}
	.ltr .gt-authen{
		margin-top: -10px;
		padding-left: 3px;
	}
	.ltr .dateontop{
		margin-left: -12px;
	}
	.ltr .tb-social ul{
		float: left;
	}
	.ltr .search.pull-right{
		float: left!important;
		margin-left: -2px;
	}
	.mewstick-left{
		margin-left: 0!important;
	}	
	.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {		
		margin-left: -10px!important;		
	}	
	.ticker-wrapper.has-js {
		width: 160%;	
		margin-left: 50px;
	}
	.camera_caption h2{
		font-size: 14px!important;
		line-height: 16px!important;
	}
	.camera_caption p{
		font-size: 12px!important;
		line-height: 16px!important;
	}
	#sp-menu-wrapper .container{
		display: none!important;	
	}
	#sp-breadcrumb-wrapper{
		padding: 0!important;
	}
	.grd-nav {
		margin-left: 91.5%!important;
	}
	.col-news-related{
		margin-top: 80px;
	}
	.cn-headnews{
		height: auto!important;
	}
	.hn-content .readmore{
		top: 150px!important;
	}
	#sp-sidebar-a{
		background:none!important;
		margin-top: 0!important;
		padding-left: 0!important;
		padding-top: 0!important;
	}
	#s5_quick_contact {
		margin-top: -1975px!important;
		width: 50%!important;
	}
	.map-us {
		margin-top: -146px!important;
	}
}
/* Iphone 5 Only */
@media (min-width: 500px) and (max-width: 640px) {
	#sp-menu-wrapper .container{
		display: none!important;	
	}

	.social_count ul li{
		margin: 0 2px!important;
		width: 13%;
	}
	
}

/* Only Phones (Landscape) */
@media (min-width: 481px) and (max-width: 768px)  and (orientation : landscape) {
	
}
/* Ipad Potrain */
@media (min-width: 569px) and (max-width: 768px) {
	.ltr #sp-tb1.span2{
		margin-left: -20px;
		min-width: 135px;
	}
	.ltr #sp-tb3.span4{
		margin-left: -84px;
		width: 36%;
	}
	.ltr #sp-tb4.span2{
		margin-left: 79px;
		width: 10%;
	}
	.ltr #sp-tb4 input {
		padding-left: 20px;
		background: none;
	}
	.btn-inverse {
		margin-top: -30px!important;	
	}
	.nav-collapse, .nav-collapse.collapse {
		margin-top: -19px;
	}
	.tb-social{
		background: none;
	}
	.camera_caption h2 {		
		font-size: 17px!important;
	}
	.camera_caption p{
		font-size: 13px!important;
	}
	 #sp-menu-wrapper .container{
		display: none!important;	
	}
	#sp-innerbottom-a.span6,#sp-innerbottom-b.span6{
		width: 100%!important;
	}
	#sp-innerbottom-a .col-news-related,#sp-innerbottom-b .col-news-related{
		margin-top: 90px;
	}
	.news-related .span6,.cn-headnews .span6{
		width: 100%!important;
	} 
	.cn-headnews{
		height: auto!important;
	}
	.grd-news .span4{
		width: 48.61878453038674%!important;		
		margin-left: 0;
		margin-right: 6px;
	}
	.grd-nav {
		margin-left: 91.8%;
	}
	.hn-content .readmore {	
		right: 0px;
		top: 150px;
	}
	.hn-content h3 a {
		font-size: 12px!important;
		line-height: 20px!important;
	}
	.social_count ul li{
		margin: 0 2px!important;
		width: 13%;
	}
	.photonews ul li{
		margin: 0!important;
	}
	.photonews ul li img{
		padding: 2px!important;
	}
	.acyfield_email input {
		width: 45%!important;
	}
	#sp-innerbottom-a span6{
		width: 100%!important;
	}
	.gallery-flickr ul li {		
		margin: 5px 15px 5px 0;
	}
}
/* Ipad (Landscape) */
@media (min-width: 769px) and (max-width: 1024px) and (orientation : landscape) {
	.ltr #sp-tb2.span4{		
		width: 25%;
	}
	.ltr #sp-tb3.span4 ul{
		float: left;
	}
	.ltr #sp-tb3.span4 .tb-social{
		background: none;
	}
}
body {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.magictime {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.magic {
  -webkit-animation-name: magic;
  -moz-animation-name: magic;
  -ms-animation-name: magic;
  -o-animation-name: magic;
  animation-name: magic;
}
.openDownLeft {
  -webkit-animation-name: openDownLeft;
  -moz-animation-name: openDownLeft;
  -ms-animation-name: openDownLeft;
  -o-animation-name: openDownLeft;
  animation-name: openDownLeft;
}
.openDownRight {
  -webkit-animation-name: openDownRight;
  -moz-animation-name: openDownRight;
  -ms-animation-name: openDownRight;
  -o-animation-name: openDownRight;
  animation-name: openDownRight;
}
.openUpLeft {
  -webkit-animation-name: openUpLeft;
  -moz-animation-name: openUpLeft;
  -ms-animation-name: openUpLeft;
  -o-animation-name: openUpLeft;
  animation-name: openUpLeft;
}
.openUpRight {
  -webkit-animation-name: openUpRight;
  -moz-animation-name: openUpRight;
  -ms-animation-name: openUpRight;
  -o-animation-name: openUpRight;
  animation-name: openUpRight;
}
.openDownLeftRetourn {
  -webkit-animation-name: openDownLeftRetourn;
  -moz-animation-name: openDownLeftRetourn;
  -ms-animation-name: openDownLeftRetourn;
  -o-animation-name: openDownLeftRetourn;
  animation-name: openDownLeftRetourn;
}
.openDownRightRetourn {
  -webkit-animation-name: openDownRightRetourn;
  -moz-animation-name: openDownRightRetourn;
  -ms-animation-name: openDownRightRetourn;
  -o-animation-name: openDownRightRetourn;
  animation-name: openDownRightRetourn;
}
.openUpLeftRetourn {
  -webkit-animation-name: openUpLeftRetourn;
  -moz-animation-name: openUpLeftRetourn;
  -ms-animation-name: openUpLeftRetourn;
  -o-animation-name: openUpLeftRetourn;
  animation-name: openUpLeftRetourn;
}
.openUpRightRetourn {
  -webkit-animation-name: openUpRightRetourn;
  -moz-animation-name: openUpRightRetourn;
  -ms-animation-name: openUpRightRetourn;
  -o-animation-name: openUpRightRetourn;
  animation-name: openUpRightRetourn;
}
.openDownLeftOut {
  -webkit-animation-name: openDownLeftOut;
  -moz-animation-name: openDownLeftOut;
  -ms-animation-name: openDownLeftOut;
  -o-animation-name: openDownLeftOut;
  animation-name: openDownLeftOut;
}
.openDownRightOut {
  -webkit-animation-name: openDownRightOut;
  -moz-animation-name: openDownRightOut;
  -ms-animation-name: openDownRightOut;
  -o-animation-name: openDownRightOut;
  animation-name: openDownRightOut;
}
.openUpLeftOut {
  -webkit-animation-name: openUpLeftOut;
  -moz-animation-name: openUpLeftOut;
  -ms-animation-name: openUpLeftOut;
  -o-animation-name: openUpLeftOut;
  animation-name: openUpLeftOut;
}
.openUpRightOut {
  -webkit-animation-name: openUpRightOut;
  -moz-animation-name: openUpRightOut;
  -ms-animation-name: openUpRightOut;
  -o-animation-name: openUpRightOut;
  animation-name: openUpRightOut;
}
.perspectiveDown {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDown;
  -moz-animation-name: perspectiveDown;
  -ms-animation-name: perspectiveDown;
  -o-animation-name: perspectiveDown;
  animation-name: perspectiveDown;
}
.perspectiveLeft {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeft;
  -moz-animation-name: perspectiveLeft;
  -ms-animation-name: perspectiveLeft;
  -o-animation-name: perspectiveLeft;
  animation-name: perspectiveLeft;
}
.perspectiveRight {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRight;
  -moz-animation-name: perspectiveRight;
  -ms-animation-name: perspectiveRight;
  -o-animation-name: perspectiveRight;
  animation-name: perspectiveRight;
}
.perspectiveUp {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveUp;
  -moz-animation-name: perspectiveUp;
  -ms-animation-name: perspectiveUp;
  -o-animation-name: perspectiveUp;
  animation-name: perspectiveUp;
}
.perspectiveDownRetourn {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDownRetourn;
  -moz-animation-name: perspectiveDownRetourn;
  -ms-animation-name: perspectiveDownRetourn;
  -o-animation-name: perspectiveDownRetourn;
  animation-name: perspectiveDownRetourn;
}
.perspectiveLeftRetourn {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeftRetourn;
  -moz-animation-name: perspectiveLeftRetourn;
  -ms-animation-name: perspectiveLeftRetourn;
  -o-animation-name: perspectiveLeftRetourn;
  animation-name: perspectiveLeftRetourn;
}
.perspectiveRightRetourn {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRightRetourn;
  -moz-animation-name: perspectiveRightRetourn;
  -ms-animation-name: perspectiveRightRetourn;
  -o-animation-name: perspectiveRightRetourn;
  animation-name: perspectiveRightRetourn;
}
.perspectiveUpRetourn backface-visibility: visible {
  -webkit-animation-name: perspectiveUpRetourn;
  -moz-animation-name: perspectiveUpRetourn;
  -ms-animation-name: perspectiveUpRetourn;
  -o-animation-name: perspectiveUpRetourn;
  animation-name: perspectiveUpRetourn;
}
.puffIn {
  -webkit-animation-name: puffIn;
  -moz-animation-name: puffIn;
  -ms-animation-name: puffIn;
  -o-animation-name: puffIn;
  animation-name: puffIn;
}
.puffOut {
  -webkit-animation-name: puffOut;
  -moz-animation-name: puffOut;
  -ms-animation-name: puffOut;
  -o-animation-name: puffOut;
  animation-name: puffOut;
}
.rotateDown {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateDown;
  -moz-animation-name: rotateDown;
  -ms-animation-name: rotateDown;
  -o-animation-name: rotateDown;
  animation-name: rotateDown;
}
.rotateLeft {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateLeft;
  -moz-animation-name: rotateLeft;
  -ms-animation-name: rotateLeft;
  -o-animation-name: rotateLeft;
  animation-name: rotateLeft;
}
.rotateRight {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateRight;
  -moz-animation-name: rotateRight;
  -ms-animation-name: rotateRight;
  -o-animation-name: rotateRight;
  animation-name: rotateRight;
}
.rotateUp {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateUp;
  -moz-animation-name: rotateUp;
  -ms-animation-name: rotateUp;
  -o-animation-name: rotateUp;
  animation-name: rotateUp;
}
.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -ms-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown;
}
.slideLeft {
  -webkit-animation-name: slideLeft;
  -moz-animation-name: slideLeft;
  -ms-animation-name: slideLeft;
  -o-animation-name: slideLeft;
  animation-name: slideLeft;
}
.slideRight {
  -webkit-animation-name: slideRight;
  -moz-animation-name: slideRight;
  -ms-animation-name: slideRight;
  -o-animation-name: slideRight;
  animation-name: slideRight;
}
.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -ms-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp;
}
.slideDownRetourn {
  -webkit-animation-name: slideDownRetourn;
  -moz-animation-name: slideDownRetourn;
  -ms-animation-name: slideDownRetourn;
  -o-animation-name: slideDownRetourn;
  animation-name: slideDownRetourn;
}
.slideLeftRetourn {
  -webkit-animation-name: slideLeftRetourn;
  -moz-animation-name: slideLeftRetourn;
  -ms-animation-name: slideLeftRetourn;
  -o-animation-name: slideLeftRetourn;
  animation-name: slideLeftRetourn;
}
.slideRightRetourn {
  -webkit-animation-name: slideRightRetourn;
  -moz-animation-name: slideRightRetourn;
  -ms-animation-name: slideRightRetourn;
  -o-animation-name: slideRightRetourn;
  animation-name: slideRightRetourn;
}
.slideUpRetourn {
  -webkit-animation-name: slideUpRetourn;
  -moz-animation-name: slideUpRetourn;
  -ms-animation-name: slideUpRetourn;
  -o-animation-name: slideUpRetourn;
  animation-name: slideUpRetourn;
}
.swap {
  -webkit-animation-name: swap;
  -moz-animation-name: swap;
  -ms-animation-name: swap;
  -o-animation-name: swap;
  animation-name: swap;
}
.twisterInDown {
  -webkit-animation-name: twisterInDown;
  -moz-animation-name: twisterInDown;
  -ms-animation-name: twisterInDown;
  -o-animation-name: twisterInDown;
  animation-name: twisterInDown;
}
.twisterInUp {
  -webkit-animation-name: twisterInUp;
  -moz-animation-name: twisterInUp;
  -ms-animation-name: twisterInUp;
  -o-animation-name: twisterInUp;
  animation-name: twisterInUp;
}
.vanishIn {
  -webkit-animation-name: vanishIn;
  -moz-animation-name: vanishIn;
  -ms-animation-name: vanishIn;
  -o-animation-name: vanishIn;
  animation-name: vanishIn;
}
.vanishOut {
  -webkit-animation-name: vanishOut;
  -moz-animation-name: vanishOut;
  -ms-animation-name: vanishOut;
  -o-animation-name: vanishOut;
  animation-name: vanishOut;
}
.swashOut {
  -webkit-animation-name: swashOut;
  -moz-animation-name: swashOut;
  -ms-animation-name: swashOut;
  -o-animation-name: swashOut;
  animation-name: swashOut;
}
.swashIn {
  -webkit-animation-name: swashIn;
  -moz-animation-name: swashIn;
  -ms-animation-name: swashIn;
  -o-animation-name: swashIn;
  animation-name: swashIn;
}
.foolishOut {
  -webkit-animation-name: foolishOut;
  -moz-animation-name: foolishOut;
  -ms-animation-name: foolishOut;
  -o-animation-name: foolishOut;
  animation-name: foolishOut;
}
.foolishIn {
  -webkit-animation-name: foolishIn;
  -moz-animation-name: foolishIn;
  -ms-animation-name: foolishIn;
  -o-animation-name: foolishIn;
  animation-name: foolishIn;
}
.holeOut {
  -webkit-animation-name: holeOut;
  -moz-animation-name: holeOut;
  -ms-animation-name: holeOut;
  -o-animation-name: holeOut;
  animation-name: holeOut;
}
.tinRightOut {
  -webkit-animation-name: tinRightOut;
  -moz-animation-name: tinRightOut;
  -ms-animation-name: tinRightOut;
  -o-animation-name: tinRightOut;
  animation-name: tinRightOut;
}
.tinLeftOut {
  -webkit-animation-name: tinLeftOut;
  -moz-animation-name: tinLeftOut;
  -ms-animation-name: tinLeftOut;
  -o-animation-name: tinLeftOut;
  animation-name: tinLeftOut;
}
.tinUpOut {
  -webkit-animation-name: tinUpOut;
  -moz-animation-name: tinUpOut;
  -ms-animation-name: tinUpOut;
  -o-animation-name: tinUpOut;
  animation-name: tinUpOut;
}
.tinDownOut {
  -webkit-animation-name: tinDownOut;
  -moz-animation-name: tinDownOut;
  -ms-animation-name: tinDownOut;
  -o-animation-name: tinDownOut;
  animation-name: tinDownOut;
}
.tinRightIn {
  -webkit-animation-name: tinRightIn;
  -moz-animation-name: tinRightIn;
  -ms-animation-name: tinRightIn;
  -o-animation-name: tinRightIn;
  animation-name: tinRightIn;
}
.tinLeftIn {
  -webkit-animation-name: tinLeftIn;
  -moz-animation-name: tinLeftIn;
  -ms-animation-name: tinLeftIn;
  -o-animation-name: tinLeftIn;
  animation-name: tinLeftIn;
}
.tinUpIn {
  -webkit-animation-name: tinUpIn;
  -moz-animation-name: tinUpIn;
  -ms-animation-name: tinUpIn;
  -o-animation-name: tinUpIn;
  animation-name: tinUpIn;
}
.tinDownIn {
  -webkit-animation-name: tinDownIn;
  -moz-animation-name: tinDownIn;
  -ms-animation-name: tinDownIn;
  -o-animation-name: tinDownIn;
  animation-name: tinDownIn;
}
.bombRightOut {
  -webkit-animation-name: bombRightOut;
  -moz-animation-name: bombRightOut;
  -ms-animation-name: bombRightOut;
  -o-animation-name: bombRightOut;
  animation-name: bombRightOut;
}
.bombLeftOut {
  -webkit-animation-name: bombLeftOut;
  -moz-animation-name: bombLeftOut;
  -ms-animation-name: bombLeftOut;
  -o-animation-name: bombLeftOut;
  animation-name: bombLeftOut;
}
@-moz-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    -moz-transform-origin: 100% 200%;
    -ms-transform-origin: 100% 200%;
    -o-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    -moz-transform-origin: 200% 500%;
    -ms-transform-origin: 200% 500%;
    -o-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    -moz-transform: scale(0, 0) rotate(270deg);
    -ms-transform: scale(0, 0) rotate(270deg);
    -o-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg);
  }
}
@-webkit-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    -moz-transform-origin: 100% 200%;
    -ms-transform-origin: 100% 200%;
    -o-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    -moz-transform-origin: 200% 500%;
    -ms-transform-origin: 200% 500%;
    -o-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    -moz-transform: scale(0, 0) rotate(270deg);
    -ms-transform: scale(0, 0) rotate(270deg);
    -o-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg);
  }
}
@-o-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    -moz-transform-origin: 100% 200%;
    -ms-transform-origin: 100% 200%;
    -o-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    -moz-transform-origin: 200% 500%;
    -ms-transform-origin: 200% 500%;
    -o-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    -moz-transform: scale(0, 0) rotate(270deg);
    -ms-transform: scale(0, 0) rotate(270deg);
    -o-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg);
  }
}
@-ms-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    -moz-transform-origin: 100% 200%;
    -ms-transform-origin: 100% 200%;
    -o-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    -moz-transform-origin: 200% 500%;
    -ms-transform-origin: 200% 500%;
    -o-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    -moz-transform: scale(0, 0) rotate(270deg);
    -ms-transform: scale(0, 0) rotate(270deg);
    -o-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg);
  }
}
@keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    -moz-transform-origin: 100% 200%;
    -ms-transform-origin: 100% 200%;
    -o-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    -moz-transform-origin: 200% 500%;
    -ms-transform-origin: 200% 500%;
    -o-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    -moz-transform: scale(0, 0) rotate(270deg);
    -ms-transform: scale(0, 0) rotate(270deg);
    -o-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg);
  }
}
@-moz-keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-o-keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-ms-keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-moz-keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-o-keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-ms-keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-moz-keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-o-keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-ms-keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-moz-keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-o-keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-ms-keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@-moz-keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-o-keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-ms-keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-moz-keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-o-keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-ms-keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-moz-keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-o-keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-ms-keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-moz-keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-o-keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-ms-keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-moz-keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-webkit-keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-o-keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-ms-keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-moz-keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-webkit-keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-o-keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-ms-keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-moz-keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-webkit-keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-o-keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-ms-keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-moz-keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-webkit-keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-o-keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-ms-keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-o;
    -moz-animation-timing-function: ease-in-o;
    -ms-animation-timing-function: ease-in-o;
    -o-animation-timing-function: ease-in-o;
    animation-timing-function: ease-in-o;
  }
}
@-moz-keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
}
@-webkit-keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
}
@-o-keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
}
@-ms-keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
}
@keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }
}
@-moz-keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
}
@-webkit-keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
}
@-o-keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
}
@-ms-keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
}
@keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }
}
@-moz-keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
}
@-webkit-keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
}
@-o-keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
}
@-ms-keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
}
@keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }
}
@-moz-keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
}
@-webkit-keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
}
@-o-keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
}
@-ms-keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
}
@keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }
}
@-moz-keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-o-keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-ms-keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg);
    -moz-transform: perspective(800px) rotateX(-180deg);
    -ms-transform: perspective(800px) rotateX(-180deg);
    -o-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-moz-keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-webkit-keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-o-keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-ms-keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-moz-keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-webkit-keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-o-keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-ms-keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
  }

  100% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -o-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
}
@-moz-keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-webkit-keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-o-keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-ms-keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg);
    -moz-transform: perspective(800px) rotateX(180deg);
    -ms-transform: perspective(800px) rotateX(180deg);
    -o-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg);
    -moz-transform: perspective(800px) rotateX(0deg);
    -ms-transform: perspective(800px) rotateX(0deg);
    -o-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
  }
}
@-moz-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
}
@-webkit-keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
}
@-o-keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
}
@-ms-keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
}
@keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(2px);
  }
}
@-moz-keyframes rotateDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@-webkit-keyframes rotateDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@-o-keyframes rotateDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@-ms-keyframes rotateDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@keyframes rotateDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    transform: perspective(800px) rotateX(-180deg) translateZ(300px);
  }
}
@-moz-keyframes rotateLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@-webkit-keyframes rotateLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@-o-keyframes rotateLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@-ms-keyframes rotateLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@keyframes rotateLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    transform: perspective(800px) rotateY(180deg) translateZ(300px);
  }
}
@-moz-keyframes rotateRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@-webkit-keyframes rotateRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@-o-keyframes rotateRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@-ms-keyframes rotateRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@keyframes rotateRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    transform: perspective(800px) rotateY(-180deg) translateZ(150px);
  }
}
@-moz-keyframes rotateUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@-webkit-keyframes rotateUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@-o-keyframes rotateUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@-ms-keyframes rotateUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@keyframes rotateUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    transform: perspective(800px) rotateX(0deg) translateZ(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    transform: perspective(800px) rotateX(180deg) translateZ(100px);
  }
}
@-moz-keyframes slideDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-o-keyframes slideDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-ms-keyframes slideDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-moz-keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-o-keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-ms-keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes slideRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-o-keyframes slideRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-ms-keyframes slideRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideRight {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-moz-keyframes slideUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-o-keyframes slideUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-ms-keyframes slideUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-moz-keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-o-keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-ms-keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-o-keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-ms-keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-o-keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-ms-keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-o-keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-ms-keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
    -moz-transform: scale(0, 0) translate(-700px, 0px);
    -ms-transform: scale(0, 0) translate(-700px, 0px);
    -o-transform: scale(0, 0) translate(-700px, 0px);
    transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
    -moz-transform: scale(1, 1) translate(0px, 0px);
    -ms-transform: scale(1, 1) translate(0px, 0px);
    -o-transform: scale(1, 1) translate(0px, 0px);
    transform: scale(1, 1) translate(0px, 0px);
  }
}
@-webkit-keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
    -moz-transform: scale(0, 0) translate(-700px, 0px);
    -ms-transform: scale(0, 0) translate(-700px, 0px);
    -o-transform: scale(0, 0) translate(-700px, 0px);
    transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
    -moz-transform: scale(1, 1) translate(0px, 0px);
    -ms-transform: scale(1, 1) translate(0px, 0px);
    -o-transform: scale(1, 1) translate(0px, 0px);
    transform: scale(1, 1) translate(0px, 0px);
  }
}
@-o-keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
    -moz-transform: scale(0, 0) translate(-700px, 0px);
    -ms-transform: scale(0, 0) translate(-700px, 0px);
    -o-transform: scale(0, 0) translate(-700px, 0px);
    transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
    -moz-transform: scale(1, 1) translate(0px, 0px);
    -ms-transform: scale(1, 1) translate(0px, 0px);
    -o-transform: scale(1, 1) translate(0px, 0px);
    transform: scale(1, 1) translate(0px, 0px);
  }
}
@-ms-keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
    -moz-transform: scale(0, 0) translate(-700px, 0px);
    -ms-transform: scale(0, 0) translate(-700px, 0px);
    -o-transform: scale(0, 0) translate(-700px, 0px);
    transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
    -moz-transform: scale(1, 1) translate(0px, 0px);
    -ms-transform: scale(1, 1) translate(0px, 0px);
    -o-transform: scale(1, 1) translate(0px, 0px);
    transform: scale(1, 1) translate(0px, 0px);
  }
}
@keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px);
    -moz-transform: scale(0, 0) translate(-700px, 0px);
    -ms-transform: scale(0, 0) translate(-700px, 0px);
    -o-transform: scale(0, 0) translate(-700px, 0px);
    transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px);
    -moz-transform: scale(1, 1) translate(0px, 0px);
    -ms-transform: scale(1, 1) translate(0px, 0px);
    -o-transform: scale(1, 1) translate(0px, 0px);
    transform: scale(1, 1) translate(0px, 0px);
  }
}
@-moz-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  30% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@-webkit-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  30% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@-o-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  30% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@-ms-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  30% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  30% {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform: scale(1, 1) rotate(0deg) translateY(0%);
  }
}
@-moz-keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  30% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0);
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@-webkit-keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  30% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0);
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@-o-keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  30% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0);
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@-ms-keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  30% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0);
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  30% {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
    -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
    transform: scale(0, 0) rotate(360deg) translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
    -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
    -o-transform: scale(1, 1) rotate(0deg) translateY(0);
    transform: scale(1, 1) rotate(0deg) translateY(0);
  }
}
@-moz-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-o-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-ms-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-moz-keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@-webkit-keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@-o-keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@-ms-keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@-moz-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
    -moz-transform: scale(1, 1) rotate(360deg);
    -ms-transform: scale(1, 1) rotate(360deg);
    -o-transform: scale(1, 1) rotate(360deg);
    transform: scale(1, 1) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    -ms-transform-origin: 0%;
    -o-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
    -moz-transform: scale(0, 0) rotate(0deg);
    -ms-transform: scale(0, 0) rotate(0deg);
    -o-transform: scale(0, 0) rotate(0deg);
    transform: scale(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
    -moz-transform: scale(1, 1) rotate(360deg);
    -ms-transform: scale(1, 1) rotate(360deg);
    -o-transform: scale(1, 1) rotate(360deg);
    transform: scale(1, 1) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    -ms-transform-origin: 0%;
    -o-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
    -moz-transform: scale(0, 0) rotate(0deg);
    -ms-transform: scale(0, 0) rotate(0deg);
    -o-transform: scale(0, 0) rotate(0deg);
    transform: scale(0, 0) rotate(0deg);
  }
}
@-o-keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
    -moz-transform: scale(1, 1) rotate(360deg);
    -ms-transform: scale(1, 1) rotate(360deg);
    -o-transform: scale(1, 1) rotate(360deg);
    transform: scale(1, 1) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    -ms-transform-origin: 0%;
    -o-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
    -moz-transform: scale(0, 0) rotate(0deg);
    -ms-transform: scale(0, 0) rotate(0deg);
    -o-transform: scale(0, 0) rotate(0deg);
    transform: scale(0, 0) rotate(0deg);
  }
}
@-ms-keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
    -moz-transform: scale(1, 1) rotate(360deg);
    -ms-transform: scale(1, 1) rotate(360deg);
    -o-transform: scale(1, 1) rotate(360deg);
    transform: scale(1, 1) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    -ms-transform-origin: 0%;
    -o-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
    -moz-transform: scale(0, 0) rotate(0deg);
    -ms-transform: scale(0, 0) rotate(0deg);
    -o-transform: scale(0, 0) rotate(0deg);
    transform: scale(0, 0) rotate(0deg);
  }
}
@keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg);
    -moz-transform: scale(1, 1) rotate(360deg);
    -ms-transform: scale(1, 1) rotate(360deg);
    -o-transform: scale(1, 1) rotate(360deg);
    transform: scale(1, 1) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -moz-transform-origin: 0%;
    -ms-transform-origin: 0%;
    -o-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg);
    -moz-transform: scale(0, 0) rotate(0deg);
    -ms-transform: scale(0, 0) rotate(0deg);
    -o-transform: scale(0, 0) rotate(0deg);
    transform: scale(0, 0) rotate(0deg);
  }
}
@-moz-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    -moz-transform: scale(0, 0) rotate(360deg);
    -ms-transform: scale(0, 0) rotate(360deg);
    -o-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: NaN%;
    -moz-transform-origin: NaN%;
    -ms-transform-origin: NaN%;
    -o-transform-origin: NaN%;
    transform-origin: NaN%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
@-webkit-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    -moz-transform: scale(0, 0) rotate(360deg);
    -ms-transform: scale(0, 0) rotate(360deg);
    -o-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: NaN%;
    -moz-transform-origin: NaN%;
    -ms-transform-origin: NaN%;
    -o-transform-origin: NaN%;
    transform-origin: NaN%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
@-o-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    -moz-transform: scale(0, 0) rotate(360deg);
    -ms-transform: scale(0, 0) rotate(360deg);
    -o-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: NaN%;
    -moz-transform-origin: NaN%;
    -ms-transform-origin: NaN%;
    -o-transform-origin: NaN%;
    transform-origin: NaN%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
@-ms-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    -moz-transform: scale(0, 0) rotate(360deg);
    -ms-transform: scale(0, 0) rotate(360deg);
    -o-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: NaN%;
    -moz-transform-origin: NaN%;
    -ms-transform-origin: NaN%;
    -o-transform-origin: NaN%;
    transform-origin: NaN%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
@keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg);
    -moz-transform: scale(0, 0) rotate(360deg);
    -ms-transform: scale(0, 0) rotate(360deg);
    -o-transform: scale(0, 0) rotate(360deg);
    transform: scale(0, 0) rotate(360deg);
  }

  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  60% {
    opacity: 1;
    -webkit-transform-origin: NaN%;
    -moz-transform-origin: NaN%;
    -ms-transform-origin: NaN%;
    -o-transform-origin: NaN%;
    transform-origin: NaN%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    -moz-transform: scale(0.5, 0.5) rotate(0deg);
    -ms-transform: scale(0.5, 0.5) rotate(0deg);
    -o-transform: scale(0.5, 0.5) rotate(0deg);
    transform: scale(0.5, 0.5) rotate(0deg);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    -moz-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
    -o-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg);
  }
}
@-moz-keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
    -moz-transform: scale(1, 1) rotateY(0deg);
    -ms-transform: scale(1, 1) rotateY(0deg);
    -o-transform: scale(1, 1) rotateY(0deg);
    transform: scale(1, 1) rotateY(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
    -moz-transform: scale(0, 0) rotateY(180deg);
    -ms-transform: scale(0, 0) rotateY(180deg);
    -o-transform: scale(0, 0) rotateY(180deg);
    transform: scale(0, 0) rotateY(180deg);
  }
}
@-webkit-keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
    -moz-transform: scale(1, 1) rotateY(0deg);
    -ms-transform: scale(1, 1) rotateY(0deg);
    -o-transform: scale(1, 1) rotateY(0deg);
    transform: scale(1, 1) rotateY(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
    -moz-transform: scale(0, 0) rotateY(180deg);
    -ms-transform: scale(0, 0) rotateY(180deg);
    -o-transform: scale(0, 0) rotateY(180deg);
    transform: scale(0, 0) rotateY(180deg);
  }
}
@-o-keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
    -moz-transform: scale(1, 1) rotateY(0deg);
    -ms-transform: scale(1, 1) rotateY(0deg);
    -o-transform: scale(1, 1) rotateY(0deg);
    transform: scale(1, 1) rotateY(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
    -moz-transform: scale(0, 0) rotateY(180deg);
    -ms-transform: scale(0, 0) rotateY(180deg);
    -o-transform: scale(0, 0) rotateY(180deg);
    transform: scale(0, 0) rotateY(180deg);
  }
}
@-ms-keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
    -moz-transform: scale(1, 1) rotateY(0deg);
    -ms-transform: scale(1, 1) rotateY(0deg);
    -o-transform: scale(1, 1) rotateY(0deg);
    transform: scale(1, 1) rotateY(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
    -moz-transform: scale(0, 0) rotateY(180deg);
    -ms-transform: scale(0, 0) rotateY(180deg);
    -o-transform: scale(0, 0) rotateY(180deg);
    transform: scale(0, 0) rotateY(180deg);
  }
}
@keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg);
    -moz-transform: scale(1, 1) rotateY(0deg);
    -ms-transform: scale(1, 1) rotateY(0deg);
    -o-transform: scale(1, 1) rotateY(0deg);
    transform: scale(1, 1) rotateY(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg);
    -moz-transform: scale(0, 0) rotateY(180deg);
    -ms-transform: scale(0, 0) rotateY(180deg);
    -o-transform: scale(0, 0) rotateY(180deg);
    transform: scale(0, 0) rotateY(180deg);
  }
}
@-moz-keyframes tinRightOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }
}
@-webkit-keyframes tinRightOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }
}
@-o-keyframes tinRightOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }
}
@-ms-keyframes tinRightOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }
}
@keyframes tinRightOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }
}
@-moz-keyframes tinLeftOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }
}
@-webkit-keyframes tinLeftOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }
}
@-o-keyframes tinLeftOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }
}
@-ms-keyframes tinLeftOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }
}
@keyframes tinLeftOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }
}
@-moz-keyframes tinUpOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }
}
@-webkit-keyframes tinUpOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }
}
@-o-keyframes tinUpOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }
}
@-ms-keyframes tinUpOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }
}
@keyframes tinUpOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }
}
@-moz-keyframes tinDownOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }
}
@-webkit-keyframes tinDownOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }
}
@-o-keyframes tinDownOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }
}
@-ms-keyframes tinDownOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }
}
@keyframes tinDownOut {
  0%, 20%, 40%, 50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10%, 30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }
}
@-moz-keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-o-keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-ms-keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%);
    -moz-transform: scale(1, 1) translateX(900%);
    -ms-transform: scale(1, 1) translateX(900%);
    -o-transform: scale(1, 1) translateX(900%);
    transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-moz-keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-o-keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-ms-keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%);
    -moz-transform: scale(1, 1) translateX(-900%);
    -ms-transform: scale(1, 1) translateX(-900%);
    -o-transform: scale(1, 1) translateX(-900%);
    transform: scale(1, 1) translateX(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0);
    -moz-transform: scale(1.1, 1.1) translateX(0);
    -ms-transform: scale(1.1, 1.1) translateX(0);
    -o-transform: scale(1.1, 1.1) translateX(0);
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
    -moz-transform: scale(1, 1) translateX(0);
    -ms-transform: scale(1, 1) translateX(0);
    -o-transform: scale(1, 1) translateX(0);
    transform: scale(1, 1) translateX(0);
  }
}
@-moz-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-o-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-ms-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%);
    -moz-transform: scale(1, 1) translateY(-900%);
    -ms-transform: scale(1, 1) translateY(-900%);
    -o-transform: scale(1, 1) translateY(-900%);
    transform: scale(1, 1) translateY(-900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-moz-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-webkit-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-o-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-ms-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
    -moz-transform: scale(1, 1) translateY(900%);
    -ms-transform: scale(1, 1) translateY(900%);
    -o-transform: scale(1, 1) translateY(900%);
    transform: scale(1, 1) translateY(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
    -moz-transform: scale(1.1, 1.1) translateY(0);
    -ms-transform: scale(1.1, 1.1) translateY(0);
    -o-transform: scale(1.1, 1.1) translateY(0);
    transform: scale(1.1, 1.1) translateY(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    -moz-transform: scale(1, 1) translateY(0);
    -ms-transform: scale(1, 1) translateY(0);
    -o-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}
@-moz-keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@-o-keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@-ms-keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    -moz-transform-origin: 200% 50%;
    -ms-transform-origin: 200% 50%;
    -o-transform-origin: 200% 50%;
    transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    -webkit-filter: blur(20px);
  }
}
@-moz-keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@-o-keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@-ms-keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
@keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: blur(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    -moz-transform-origin: -100% 50%;
    -ms-transform-origin: -100% 50%;
    -o-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    -webkit-filter: blur(20px);
  }
}
/*!
 *  Font Awesome 4.0.2 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 

@font-face {  font-family: "FontAwesome";src: url(/templates/ivi_themes/fonts/fontawesome-webfont.eot); src: url(/templates/ivi_themes/fonts/fontawesome-webfont.eot#iefix) format('eot'), url(/templates/ivi_themes/fonts/fontawesome-webfont.woff) format('woff'), url(/templates/ivi_themes/fonts/fontawesome-webfont.ttf) format('truetype'), url(/templates/ivi_themes/fonts/fontawesome-webfont.svg#FontAwesome) format('svg'); font-weight: normal; font-style: normal;}@font-face {font-family: "Raleway";	src: url(/templates/ivi_themes/fonts/raleway-thin-webfont.eot);	src: url(/templates/ivi_themes/fonts/raleway-thin-webfont.eot#iefix) format('embedded-opentype'), url(/templates/ivi_themes/fonts/raleway-thin-webfont.woff) format('woff'), url(/templates/ivi_themes/fonts/raleway-thin-webfont.ttf) format('truetype'), url(/templates/ivi_themes/fonts/raleway-thin-webfont.svg#Champagne) format('svg');font-weight: normal;	font-style: normal;}@font-face {  	font-family: "Champagne";src: url(/templates/ivi_themes/fonts/champreg-webfont.eot);	src: url(/templates/ivi_themes/fonts/champreg-webfont.eot#iefix) format('embedded-opentype'), url(/templates/ivi_themes/fonts/champita-webfont.woff) format('woff'),	 url(/templates/ivi_themes/fonts/champita-webfont.ttf) format('truetype'), url(/templates/ivi_themes/fonts/champita-webfont.svg#Champagne) format('svg');	font-weight: normal;font-style: normal;}@font-face {	font-family: "latto-hai";	src: url(/templates/ivi_themes/fonts/Lato-Hai.ttf);}@font-face {	font-family: 'BebasNeue';	src: url(/templates/ivi_themes/fonts/BebasNeue.otf);	src: url(/templates/ivi_themes/fonts/BebasNeue.ttf);	src: url(/templates/ivi_themes/fonts/BebasNeue.otf#iefix) format('embedded-opentype'),	 url(/templates/ivi_themes/fonts/BebasNeue.ttf) format('truetype');font-weight: normal;	font-style: normal;}@font-face {	font-family: 'Social';	src: url(/templates/ivi_themes/fonts/Socialico.otf);	src: url(/templates/ivi_themes/fonts/Socialico.ttf);	src: url(/templates/ivi_themes/fonts/Socialico.otf#iefix) format('embedded-opentype'),	 url(/templates/ivi_themes/fonts/Socialico.ttf) format('truetype');	 font-weight: normal;font-style: normal;}@font-face {font-family: 'SocialIcon';	src: url(/templates/ivi_themes/fonts/Socialico.otf);	 src: url(/templates/ivi_themes/fonts/Socialico.otf#iefix) format('embedded-opentype');font-weight: normal;	font-style: normal;}@font-face {  font-family: "Caviar"; src: url(/templates/ivi_themes/fonts/CaviarDreams.ttf) format('truetype');  font-weight: normal;  font-style: normal;}  @font-iconce{font-iconmily:'FontAwesome';src:url(/templates/ivi_themes/fonts/fontawesome-webfont.eot?v=4.0.2);src:url(/templates/ivi_themes/fonts/fontawesome-webfont.eot?v=4.0.2#iefix) format('embedded-opentype'),url(/templates/ivi_themes/fonts/fontawesome-webfont.woff?v=4.0.2) format('woff'),url(/templates/ivi_themes/fonts/fontawesome-webfont.ttf?v=4.0.2) format('truetype'),url(/templates/ivi_themes/fonts/fontawesome-webfont.svg?v=4.0.2#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.icon{display:inline-block;font-iconmily:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.icon-2x{font-size:2em}.icon-3x{font-size:3em}.icon-4x{font-size:4em}.icon-5x{font-size:5em}.icon-fw{width:1.2857142857142858em;text-align:center}.icon-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.icon-ul>li{position:relative}.icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.icon-li.icon-lg{left:-1.8571428571428572em}.icon-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right;color:#333;}.pull-left{float:left}.icon.pull-left{margin-right:.3em}.icon.pull-right{margin-left:.3em}.icon-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.icon-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.icon-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.icon-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.icon-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.icon-stack-1x,.icon-stack-2x{position:absolute;left:0;width:100%;text-align:center}.icon-stack-1x{line-height:inherit}.icon-stack-2x{font-size:2em}.icon-inverse{color:#fff}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope-o:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-o:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-check:before{content:"\f00c"}.icon-times:before{content:"\f00d"}.icon-search-plus:before{content:"\f00e"}.icon-search-minus:before{content:"\f010"}.icon-power-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-gear:before,.icon-cog:before{content:"\f013"}.icon-trash-o:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file-o:before{content:"\f016"}.icon-clock-o:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download:before{content:"\f019"}.icon-arrow-circle-o-down:before{content:"\f01a"}.icon-arrow-circle-o-up:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle-o:before{content:"\f01d"}.icon-rotate-right:before,.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-dedent:before,.icon-outdent:before{content:"\f03b"}.icon-indent:before{content:"\f03c"}.icon-video-camera:before{content:"\f03d"}.icon-picture-o:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before,.icon-pencil-square-o:before{content:"\f044"}.icon-share-square-o:before{content:"\f045"}.icon-check-square-o:before{content:"\f046"}.icon-arrows:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-iconst-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-iconst-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-circle:before{content:"\f055"}.icon-minus-circle:before{content:"\f056"}.icon-times-circle:before{content:"\f057"}.icon-check-circle:before{content:"\f058"}.icon-question-circle:before{content:"\f059"}.icon-info-circle:before{content:"\f05a"}.icon-crosshairs:before{content:"\f05b"}.icon-times-circle-o:before{content:"\f05c"}.icon-check-circle-o:before{content:"\f05d"}.icon-ban:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-mail-forward:before,.icon-share:before{content:"\f064"}.icon-expand:before{content:"\f065"}.icon-compress:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-circle:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye:before{content:"\f06e"}.icon-eye-slash:before{content:"\f070"}.icon-warning:before,.icon-exclamation-triangle:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-arrows-v:before{content:"\f07d"}.icon-arrows-h:before{content:"\f07e"}.icon-bar-chart-o:before{content:"\f080"}.icon-twitter-square:before{content:"\f081"}.icon-iconcebook-square:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-gears:before,.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-o-up:before{content:"\f087"}.icon-thumbs-o-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-o:before{content:"\f08a"}.icon-sign-out:before{content:"\f08b"}.icon-linkedin-square:before{content:"\f08c"}.icon-thumb-tack:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-sign-in:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-square:before{content:"\f092"}.icon-upload:before{content:"\f093"}.icon-lemon-o:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-square-o:before{content:"\f096"}.icon-bookmark-o:before{content:"\f097"}.icon-phone-square:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-iconcebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd-o:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0f3"}.icon-certificate:before{content:"\f0a3"}.icon-hand-o-right:before{content:"\f0a4"}.icon-hand-o-left:before{content:"\f0a5"}.icon-hand-o-up:before{content:"\f0a6"}.icon-hand-o-down:before{content:"\f0a7"}.icon-arrow-circle-left:before{content:"\f0a8"}.icon-arrow-circle-right:before{content:"\f0a9"}.icon-arrow-circle-up:before{content:"\f0aa"}.icon-arrow-circle-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-arrows-alt:before{content:"\f0b2"}.icon-group:before,.icon-users:before{content:"\f0c0"}.icon-chain:before,.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-flask:before{content:"\f0c3"}.icon-cut:before,.icon-scissors:before{content:"\f0c4"}.icon-copy:before,.icon-files-o:before{content:"\f0c5"}.icon-paperclip:before{content:"\f0c6"}.icon-save:before,.icon-floppy-o:before{content:"\f0c7"}.icon-square:before{content:"\f0c8"}.icon-bars:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-square:before{content:"\f0d3"}.icon-google-plus-square:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-unsorted:before,.icon-sort:before{content:"\f0dc"}.icon-sort-down:before,.icon-sort-asc:before{content:"\f0dd"}.icon-sort-up:before,.icon-sort-desc:before{content:"\f0de"}.icon-envelope:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-rotate-left:before,.icon-undo:before{content:"\f0e2"}.icon-legal:before,.icon-gavel:before{content:"\f0e3"}.icon-dashboard:before,.icon-tachometer:before{content:"\f0e4"}.icon-comment-o:before{content:"\f0e5"}.icon-comments-o:before{content:"\f0e6"}.icon-flash:before,.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before,.icon-clipboard:before{content:"\f0ea"}.icon-lightbulb-o:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-o:before{content:"\f0a2"}.icon-coffee:before{content:"\f0f4"}.icon-cutlery:before{content:"\f0f5"}.icon-file-text-o:before{content:"\f0f6"}.icon-building-o:before{content:"\f0f7"}.icon-hospital-o:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0icon"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-square:before{content:"\f0fd"}.icon-plus-square:before{content:"\f0fe"}.icon-angle-double-left:before{content:"\f100"}.icon-angle-double-right:before{content:"\f101"}.icon-angle-double-up:before{content:"\f102"}.icon-angle-double-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before,.icon-mobile:before{content:"\f10b"}.icon-circle-o:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-mail-reply:before,.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-o:before{content:"\f114"}.icon-folder-open-o:before{content:"\f115"}.icon-smile-o:before{content:"\f118"}.icon-frown-o:before{content:"\f119"}.icon-meh-o:before{content:"\f11a"}.icon-gamepad:before{content:"\f11b"}.icon-keyboard-o:before{content:"\f11c"}.icon-flag-o:before{content:"\f11d"}.icon-flag-checkered:before{content:"\f11e"}.icon-terminal:before{content:"\f120"}.icon-code:before{content:"\f121"}.icon-reply-all:before{content:"\f122"}.icon-mail-reply-all:before{content:"\f122"}.icon-star-half-empty:before,.icon-star-half-full:before,.icon-star-half-o:before{content:"\f123"}.icon-location-arrow:before{content:"\f124"}.icon-crop:before{content:"\f125"}.icon-code-fork:before{content:"\f126"}.icon-unlink:before,.icon-chain-broken:before{content:"\f127"}.icon-question:before{content:"\f128"}.icon-info:before{content:"\f129"}.icon-exclamation:before{content:"\f12a"}.icon-superscript:before{content:"\f12b"}.icon-subscript:before{content:"\f12c"}.icon-eraser:before{content:"\f12d"}.icon-puzzle-piece:before{content:"\f12e"}.icon-microphone:before{content:"\f130"}.icon-microphone-slash:before{content:"\f131"}.icon-shield:before{content:"\f132"}.icon-calendar-o:before{content:"\f133"}.icon-fire-extinguisher:before{content:"\f134"}.icon-rocket:before{content:"\f135"}.icon-maxcdn:before{content:"\f136"}.icon-chevron-circle-left:before{content:"\f137"}.icon-chevron-circle-right:before{content:"\f138"}.icon-chevron-circle-up:before{content:"\f139"}.icon-chevron-circle-down:before{content:"\f13a"}.icon-html5:before{content:"\f13b"}.icon-css3:before{content:"\f13c"}.icon-anchor:before{content:"\f13d"}.icon-unlock-alt:before{content:"\f13e"}.icon-bullseye:before{content:"\f140"}.icon-ellipsis-h:before{content:"\f141"}.icon-ellipsis-v:before{content:"\f142"}.icon-rss-square:before{content:"\f143"}.icon-play-circle:before{content:"\f144"}.icon-ticket:before{content:"\f145"}.icon-minus-square:before{content:"\f146"}.icon-minus-square-o:before{content:"\f147"}.icon-level-up:before{content:"\f148"}.icon-level-down:before{content:"\f149"}.icon-check-square:before{content:"\f14a"}.icon-pencil-square:before{content:"\f14b"}.icon-external-link-square:before{content:"\f14c"}.icon-share-square:before{content:"\f14d"}.icon-compass:before{content:"\f14e"}.icon-toggle-down:before,.icon-caret-square-o-down:before{content:"\f150"}.icon-toggle-up:before,.icon-caret-square-o-up:before{content:"\f151"}.icon-toggle-right:before,.icon-caret-square-o-right:before{content:"\f152"}.icon-euro:before,.icon-eur:before{content:"\f153"}.icon-gbp:before{content:"\f154"}.icon-dollar:before,.icon-usd:before{content:"\f155"}.icon-rupee:before,.icon-inr:before{content:"\f156"}.icon-cny:before,.icon-rmb:before,.icon-yen:before,.icon-jpy:before{content:"\f157"}.icon-ruble:before,.icon-rouble:before,.icon-rub:before{content:"\f158"}.icon-won:before,.icon-krw:before{content:"\f159"}.icon-bitcoin:before,.icon-btc:before{content:"\f15a"}.icon-file:before{content:"\f15b"}.icon-file-text:before{content:"\f15c"}.icon-sort-alpha-asc:before{content:"\f15d"}.icon-sort-alpha-desc:before{content:"\f15e"}.icon-sort-amount-asc:before{content:"\f160"}.icon-sort-amount-desc:before{content:"\f161"}.icon-sort-numeric-asc:before{content:"\f162"}.icon-sort-numeric-desc:before{content:"\f163"}.icon-thumbs-up:before{content:"\f164"}.icon-thumbs-down:before{content:"\f165"}.icon-youtube-square:before{content:"\f166"}.icon-youtube:before{content:"\f167"}.icon-xing:before{content:"\f168"}.icon-xing-square:before{content:"\f169"}.icon-youtube-play:before{content:"\f16a"}.icon-dropbox:before{content:"\f16b"}.icon-stack-overflow:before{content:"\f16c"}.icon-instagram:before{content:"\f16d"}.icon-flickr:before{content:"\f16e"}.icon-adn:before{content:"\f170"}.icon-bitbucket:before{content:"\f171"}.icon-bitbucket-square:before{content:"\f172"}.icon-tumblr:before{content:"\f173"}.icon-tumblr-square:before{content:"\f174"}.icon-long-arrow-down:before{content:"\f175"}.icon-long-arrow-up:before{content:"\f176"}.icon-long-arrow-left:before{content:"\f177"}.icon-long-arrow-right:before{content:"\f178"}.icon-apple:before{content:"\f179"}.icon-windows:before{content:"\f17a"}.icon-android:before{content:"\f17b"}.icon-linux:before{content:"\f17c"}.icon-dribbble:before{content:"\f17d"}.icon-skype:before{content:"\f17e"}.icon-foursquare:before{content:"\f180"}.icon-trello:before{content:"\f181"}.icon-female:before{content:"\f182"}.icon-male:before{content:"\f183"}.icon-gittip:before{content:"\f184"}.icon-sun-o:before{content:"\f185"}.icon-moon-o:before{content:"\f186"}.icon-archive:before{content:"\f187"}.icon-bug:before{content:"\f188"}.icon-vk:before{content:"\f189"}.icon-weibo:before{content:"\f18a"}.icon-renren:before{content:"\f18b"}.icon-pagelines:before{content:"\f18c"}.icon-stack-exchange:before{content:"\f18d"}.icon-arrow-circle-o-right:before{content:"\f18e"}.icon-arrow-circle-o-left:before{content:"\f190"}.icon-toggle-left:before,.icon-caret-square-o-left:before{content:"\f191"}.icon-dot-circle-o:before{content:"\f192"}.icon-wheelchair:before{content:"\f193"}.icon-vimeo-square:before{content:"\f194"}.icon-turkish-lira:before,.icon-try:before{content:"\f195"}.icon-plus-square-o:before{content:"\f196"}
/* Pretty Photo Gallery */
	div.pp_default .pp_top,
	div.pp_default .pp_top .pp_middle,
	div.pp_default .pp_top .pp_left,
	div.pp_default .pp_top .pp_right,
	div.pp_default .pp_bottom,
	div.pp_default .pp_bottom .pp_left,
	div.pp_default .pp_bottom .pp_middle,
	div.pp_default .pp_bottom .pp_right { height: 13px; }
	
	div.pp_default .pp_top .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
	div.pp_default .pp_top .pp_middle { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
	div.pp_default .pp_top .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
	
	div.pp_default .pp_content .ppt { color: #f8f8f8; }
	div.pp_default .pp_content_container .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
	div.pp_default .pp_content_container .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
	div.pp_default .pp_content { background-color: #fff; } /* Content background */
	div.pp_default .pp_next:hover { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.pp_default .pp_previous:hover { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_default .pp_expand { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
	div.pp_default .pp_expand:hover { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_default .pp_contract { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
	div.pp_default .pp_contract:hover { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_default .pp_close { width: 30px; height: 30px; background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
	div.pp_default #pp_full_res .pp_inline { color: #000; } 
	div.pp_default .pp_gallery ul li a { /*background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;  */}
	div.pp_default .pp_gallery ul li a:hover,
	div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
	div.pp_default .pp_social { margin-top: 7px; }

	div.pp_default .pp_gallery a.pp_arrow_previous,
	div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
	div.pp_default .pp_nav .pp_play,
	div.pp_default .pp_nav .pp_pause { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
	div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
	div.pp_default .pp_details { position: relative; }
	div.pp_default a.pp_arrow_previous,
	div.pp_default a.pp_arrow_next { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
	div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
	div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
	div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
	div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
	
	div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

	div.pp_default .pp_description{ font-size: 11px; font-family: aller,arial; line-height: 14px; margin: 5px 50px 5px 0; }

	div.pp_default .pp_bottom .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
	div.pp_default .pp_bottom .pp_middle { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
	div.pp_default .pp_bottom .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

	div.pp_default .pp_loaderIcon { background: url(/templates/ivi_themes/images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */

	
	/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */


	div.light_rounded .pp_top .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content .ppt { color: #000; }
	div.light_rounded .pp_content_container .pp_left,
	div.light_rounded .pp_content_container .pp_right { background: #fff; }
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_rounded .pp_details { position: relative; }
	div.light_rounded .pp_description { margin-right: 85px; }
	div.light_rounded #pp_full_res .pp_inline { color: #000; } 
	div.light_rounded .pp_gallery a.pp_arrow_previous,
	div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_rounded .pp_nav .pp_play { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_rounded .pp_nav .pp_pause { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.light_rounded .pp_arrow_previous { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content_container .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_rounded .pp_content_container .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_rounded .pp_content { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .pp_details { position: relative; }
	div.dark_rounded .pp_description { margin-right: 85px; }
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }
	div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
	div.dark_rounded .pp_gallery a.pp_arrow_previous,
	div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_rounded .pp_nav .pp_play { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_rounded .pp_nav .pp_pause { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.dark_rounded .pp_arrow_previous { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(/templates/ivi_themes/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: #000; }
	
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square .pp_details { position: relative; }
	div.dark_square .pp_description { margin: 0 85px 0 0; }
	div.dark_square #pp_full_res .pp_inline { color: #fff; }
	div.dark_square .pp_gallery a.pp_arrow_previous,
	div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_square .pp_nav { clear: none; }
	div.dark_square .pp_nav .pp_play { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_square .pp_nav .pp_pause { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.dark_square .pp_arrow_previous { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(/templates/ivi_themes/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */

div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }

div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 75px; height: 22px; background: url(/templates/ivi_themes/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
div.light_square .pp_arrow_previous { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_square .pp_next:hover { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(/templates/ivi_themes/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

div.light_square .pp_loaderIcon { background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
div.facebook .pp_top .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.facebook .pp_top .pp_middle { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
div.facebook .pp_top .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
div.facebook .pp_content_container .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
div.facebook .pp_content { background: #fff; } /* Content background */
div.facebook .pp_expand { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.facebook .pp_expand:hover { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.facebook .pp_contract { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.facebook .pp_contract:hover { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.facebook .pp_close { width: 22px; height: 22px; background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */

div.facebook .pp_arrow_previous { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }

div.facebook .pp_next:hover { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.facebook .pp_previous:hover { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

div.facebook .pp_bottom .pp_left { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.facebook .pp_bottom .pp_middle { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right { background: url(/templates/ivi_themes/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
	background: #000;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500;
}
	
div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000;
}

		
.pp_top {
	height: 20px;
	position: relative;
}
* html .pp_top { padding: 0 20px; }

.pp_top .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_top .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}
* html .pp_top .pp_middle {
	left: 0;
	position: static;
}
			
.pp_top .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
		
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }

.pp_fade { display: none; }

.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 10000;
}
		
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }

.pp_content_container .pp_details {
	float: left;
	margin: 10px 0 2px 0;
}
	.pp_description {
		display: none;
		margin: 0;
	}
				
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }

.pp_nav {
	clear: right;
	float: left;
	margin: 3px 10px 0 0;
}

.pp_nav p {
	float: left;
	margin: 2px 4px;
	white-space: nowrap;
}
	
.pp_nav .pp_play,
.pp_nav .pp_pause {
	float: left;
	margin-right: 4px;
	text-indent: -10000px;
}

a.pp_arrow_previous,
a.pp_arrow_next {
	display: block;
	float: left;
	height: 15px;
	margin-top: 3px;
	overflow: hidden;
	text-indent: -10000px;
	width: 14px;
}
		
.pp_hoverContainer {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000;
}
		
.pp_gallery {
	display: none;
	left: 50%;
	margin-top: -50px;
	position: absolute;
	z-index: 10000;
}
		
.pp_gallery div {
	float: left;
	overflow: hidden;
	position: relative;
}
			
.pp_gallery ul {
	float: left;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	position: relative;
	white-space: nowrap;
}

.pp_gallery ul a {	 
	display: block;
	float: left;
	height: 33px;
	overflow: hidden;
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }

.pp_gallery ul a img { border:1px solid #aaa; }

.pp_gallery li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.pp_gallery li.default a {
	background: url(/templates/ivi_themes/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
	display: block;
	height: 33px;
	width: 50px;
}
			
.pp_gallery li.default a img { display: none; }

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
	margin-top: 7px !important;
}
		
a.pp_next {
	background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: right;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}
			
a.pp_previous {
	background: url(/templates/ivi_themes/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: left;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}
		
a.pp_expand,
a.pp_contract {
	cursor: pointer;
	display: none;
	height: 20px;	
	position: absolute;
	right: 30px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000;
}
			
a.pp_close {
	position: absolute; right: 0; top: 0; 
	display: block;
	line-height:22px;
	text-indent: -10000px;
}

.pp_bottom {
	height: 20px;
	position: relative;
}
* html .pp_bottom { padding: 0 20px; }
			
.pp_bottom .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_bottom .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}
	* html .pp_bottom .pp_middle {
		left: 0;
		position: static;
	}
				
.pp_bottom .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
		
.pp_loaderIcon {
	display: block;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}

#pp_full_res {
	line-height: 1 !important;
}

	#pp_full_res .pp_inline {
		text-align: left;
	}
	
		#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt {
	color: #fff;
	display: none;
	font-family:aller,arial;
	font-size: 17px;
	margin: 0 0 5px 15px;
	z-index: 9999;
}
.gallery > li{
	float: left;
	margin: 9px;
	width: 23%;
}
.gallery > li > a > img{
	width: 100%!important;
	height: 140px!important;
}
.gallery > li > a > img:hover{
	opacity:0.75;
}
.pgallery h2{
	border-bottom: 1px solid #EEEEEE;
    color: #999;
    font-family: opensanslight,arial;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 5px;
}
#overlay{background:#000;position:absolute;top:0;left:0;z-index:10000;width:100%}.prettyPopin{display:none;overflow:hidden;position:absolute;z-index:11000;top:50%;left:50%;background:url(/templates/ivi_themes/images/prettyPopin/popinLeft.gif) bottom left no-repeat}.prettyPopin a#b_close{display:none;position:absolute;z-index:2;top:10px;right:13px;width:41px;height:9px;text-indent:-10000px;background:url(/templates/ivi_themes/images/prettyPopin/b_close.gif) bottom left no-repeat}.prettyPopin .prettyContent{position:relative;width:100%;height:100%;font-size:1.2em;background:url(/templates/ivi_themes/images/prettyPopin/popinRight.gif) bottom right no-repeat}.prettyPopin .prettyContent .prettyContent-container{display:none;padding:20px 15px 15px 15px}.prettyPopin .prettyContent .loader{position:absolute;top:50%;left:50%;margin:-14px 0 0 -14px}