/* --------------------------------------------------------------------------------------
+
+   AUTHOR: Plakarstudio
+
-------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
+
+ BASIC STYLES
+
-------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* --------------------------------------------------------------------------------------
+
+ VARIABLES
+
-------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
+
+ MIXINS
+
-------------------------------------------------------------------------------------- */
/* CARD FLIP */
html {
  background: #1e441f url('../images/bgr-pattern.png?1349188654') repeat center top;
}

body {
  background: url('../images/header-bgr.jpg?1349188772') no-repeat center top;
  color: #ded6af;
  font-family: "Dosis", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  min-width: 1000px;
  /* mobile Safari fix */
}

h1, h2, h3, h4, h5 {
  line-height: 1;
}

h1 {
  text-transform: uppercase;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.2;
}
h1 span {
  color: #ffc000;
}

h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 20px;
  color: white;
  line-height: 1.5;
}

a {
  outline: none;
  /* removing outline in Mozilla */
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  color: #ded6af;
}

p {
  margin-bottom: 20px;
  clear: both;
}
p span {
  color: #3f7040;
}

img {
  vertical-align: top;
}

table {
  width: 100%;
}

strong {
  font-weight: bold;
}

.last {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

              /* SPRITES
$icon-spacing: 10px;
@import "icon/*.png";
@include all-icon-sprites(true);

$arrow-spacing: 10px;
@import "arrow/*.png";
@include all-arrow-sprites(true);
 */
/* BUTTONS */
.btn {
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0 8px;
  border: 2px solid #315232;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -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;
  color: white;
  background: none;
  font-weight: 600;
  font-size: 14px;
  float: right;
}
.btn:hover {
  color: #ffc000;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

::-moz-selection {
  background: black;
  color: #ffc000;
  text-shadow: none;
}

::selection {
  background: black;
  color: #ffc000;
  text-shadow: none;
}

input,
textarea,
button {
  font-family: "Dosis", sans-serif;
  font-size: 12px;
}

button:hover,
input[type="submit"]:hover,
label {
  cursor: pointer;
}

textarea {
  margin: 0;
  /* removing margin in Mozilla */
  overflow: auto;
  /* for IE and older browsers */
}

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

input:focus,
textarea:focus,
button:focus {
  outline: none;
}

button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.float-clear {
  overflow: hidden;
}

.clear {
  clear: both;
  line-height: 0;
}

.hide {
  display: none !important;
}

/* --------------------------------------------------------------------------------------
+
+ LAYOUT
+
-------------------------------------------------------------------------------------- */
html, body {
  height: 100%;
}

.layout {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -404px;
}
.layout .layout_footer {
  height: 404px;
}

footer {
  clear: both;
  position: relative;
  height: 404px;
}

.container {
  margin: 0 auto;
  width: 950px;
}

.left {
  float: left;
  width: 240px;
}

.right {
  float: right;
  width: 240px;
}

.back-to-top {
  width: 132px;
  height: 124px;
  display: block;
  background: url('../images/back-to-top.png?1349941448') no-repeat;
  position: absolute;
  right: 0;
  top: -60px;
  z-index: 1000;
}

/* --------------------------------------------------------------------------------------
+
+ HEADER
+
-------------------------------------------------------------------------------------- */
header {
  overflow: hidden;
}
header .container {
  height: 127px;
  padding-top: 30px;
  display: block;
  position: relative;
  overflow: hidden;
}
header .logo {
  width: 171px;
  height: 87px;
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -85px;
  text-indent: -9999px;
  background: url('../images/logo.png?1349249224') no-repeat;
}
header .logo:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.spin1, .spin2, .spin3 {
  position: relative;
  top: -10px;
}

.spin1 {
  left: 1px;
}
.spin1.active .slot-wrap {
  -webkit-animation: spin1 3s ease-in-out 0s 1 normal none;
  -moz-animation: spin1 3s ease-in-out 0s 1 normal none;
  -ms-animation: spin1 3s ease-in-out 0s 1 normal none;
  -o-animation: spin1 3s ease-in-out 0s 1 normal none;
  animation: spin1 3s ease-in-out 0s 1 normal none;
}
.spin1 .slot-wrap {
  position: absolute;
  top: -1820px;
  left: 0;
}

.spin2 {
  left: 253px;
}
.spin2.active .slot-wrap {
  -webkit-animation: spin2 2s ease-in-out 0s 1 normal none;
  -moz-animation: spin2 2s ease-in-out 0s 1 normal none;
  -ms-animation: spin2 2s ease-in-out 0s 1 normal none;
  -o-animation: spin2 2s ease-in-out 0s 1 normal none;
  animation: spin2 2s ease-in-out 0s 1 normal none;
}
.spin2 .slot-wrap {
  position: absolute;
  top: -1690px;
  left: 0;
}

.spin3 {
  left: 548px;
}
.spin3.active .slot-wrap {
  -webkit-animation: spin3 1s ease-in-out 0s 1 normal none;
  -moz-animation: spin3 1s ease-in-out 0s 1 normal none;
  -ms-animation: spin3 1s ease-in-out 0s 1 normal none;
  -o-animation: spin3 1s ease-in-out 0s 1 normal none;
  animation: spin3 1s ease-in-out 0s 1 normal none;
}
.spin3 .slot-wrap {
  position: absolute;
  top: -1950px;
  left: 0;
}

/* SPIN1 */
@keyframes spin1 {
  0% {
    transform: translate(0, 1820px);
  }

  60% {
    transform: translate(0, -100px);
  }

  80% {
    transform: translate(0, 50px);
  }

  94% {
    transform: translate(0, -6px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@-moz-keyframes spin1 {
  0% {
    -moz-transform: translate(0, 1820px);
  }

  60% {
    -moz-transform: translate(0, -100px);
  }

  80% {
    -moz-transform: translate(0, 50px);
  }

  94% {
    -moz-transform: translate(0, -6px);
  }

  100% {
    -moz-transform: translate(0, 0px);
  }
}

@-webkit-keyframes spin1 {
  0% {
    -webkit-transform: translate(0, 1820px);
  }

  60% {
    -webkit-transform: translate(0, -100px);
  }

  80% {
    -webkit-transform: translate(0, 50px);
  }

  94% {
    -webkit-transform: translate(0, -6px);
  }

  100% {
    -webkit-transform: translate(0, 0px);
  }
}

@-o-keyframes spin1 {
  0% {
    -o-transform: translate(0, 1820px);
  }

  60% {
    -o-transform: translate(0, -100px);
  }

  80% {
    -o-transform: translate(0, 50px);
  }

  94% {
    -o-transform: translate(0, -6px);
  }

  100% {
    -o-transform: translate(0, 0px);
  }
}

/* SPIn2 */
@keyframes spin2 {
  0% {
    transform: translate(0, 1690px);
  }

  60% {
    transform: translate(0, -100px);
  }

  80% {
    transform: translate(0, 50px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@-moz-keyframes spin2 {
  0% {
    -moz-transform: translate(0, 1690px);
  }

  60% {
    -moz-transform: translate(0, -100px);
  }

  80% {
    -moz-transform: translate(0, 50px);
  }

  100% {
    -moz-transform: translate(0, 0px);
  }
}

@-webkit-keyframes spin2 {
  0% {
    -webkit-transform: translate(0, 1690px);
  }

  60% {
    -webkit-transform: translate(0, -100px);
  }

  80% {
    -webkit-transform: translate(0, 50px);
  }

  100% {
    -webkit-transform: translate(0, 0px);
  }
}

@-o-keyframes spin2 {
  0% {
    -o-transform: translate(0, 1690px);
  }

  60% {
    -o-transform: translate(0, -100px);
  }

  80% {
    -o-transform: translate(0, 50px);
  }

  100% {
    -o-transform: translate(0, 0px);
  }
}

/* SPIn3 */
@keyframes spin3 {
  0% {
    transform: translate(0, 1950px);
  }

  60% {
    transform: translate(0, -100px);
  }

  80% {
    transform: translate(0, 50px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@-moz-keyframes spin3 {
  0% {
    -moz-transform: translate(0, 1950px);
  }

  60% {
    -moz-transform: translate(0, -100px);
  }

  80% {
    -moz-transform: translate(0, 50px);
  }

  100% {
    -moz-transform: translate(0, 0px);
  }
}

@-webkit-keyframes spin3 {
  0% {
    -webkit-transform: translate(0, 1950px);
  }

  60% {
    -webkit-transform: translate(0, -100px);
  }

  80% {
    -webkit-transform: translate(0, 50px);
  }

  100% {
    -webkit-transform: translate(0, 0px);
  }
}

@-o-keyframes spin3 {
  0% {
    -o-transform: translate(0, 1950px);
  }

  60% {
    -o-transform: translate(0, -100px);
  }

  80% {
    -o-transform: translate(0, 50px);
  }

  100% {
    -o-transform: translate(0, 0px);
  }
}

/* --------------------------------------------------------------------------------------
+
+ FOOTER
+
-------------------------------------------------------------------------------------- */
footer {
  background: black url('../images/footer.jpg?1349792945') no-repeat 50% 0;
  text-align: center;
  color: #383838;
}
footer .container {
  padding-top: 184px;
  position: relative;
}
footer .logo-footer {
  width: 117px;
  height: 58px;
  display: block;
  text-indent: -9999px;
  margin: 0 auto 25px auto;
  background: url('../images/logo-footer.png?1349791645') no-repeat;
}
footer .logo-footer:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
footer li {
  display: inline;
}
footer li a {
  display: inline-block;
  color: #383838;
}

.casinos-nav {
  margin-bottom: 20px;
}
.casinos-nav li {
  margin-left: 8px;
}
.casinos-nav li a {
  text-transform: uppercase;
  color: white;
  padding-left: 22px;
  background: url('../images/star-gray.png?1349794001') no-repeat 0 50%;
}
.casinos-nav li a:hover {
  color: #ffc000;
  background: url('../images/star-on.png?1349706272') no-repeat 0 50%;
}

.games-nav {
  height: 15px;
  line-height: 15px;
  margin-bottom: 35px;
}
.games-nav li {
  border-left: 1px solid #1c1c1c;
  padding-left: 6px;
  margin-left: 5px;
  height: 15px;
}
.games-nav li:first-child {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}
.games-nav a {
  height: 15px;
  display: inline-block;
}
.games-nav a:hover {
  color: white;
}

/* --------------------------------------------------------------------------------------
+
+ CONTENT
+
-------------------------------------------------------------------------------------- */
.home .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 2s ease 3.5s;
  -moz-transition: all 2s ease 3.5s;
  -ms-transition: all 2s ease 3.5s;
  -o-transition: all 2s ease 3.5s;
  transition: all 2s ease 3.5s;
}
.home .content.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.content {
  position: relative;
}

.main {
  width: 430px;
  float: left;
  margin: 0 20px;
  position: relative;
  z-index: 500;
}
.main h1 {
  padding-bottom: 15px;
  border-bottom: 2px solid #315232;
}
.main article {
  position: relative;
}

.box {
  padding: 30px 20px;
  border-top: 1px solid #5C855D;
  background: #356335 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NjczOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmNWMzMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #356335 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #396739), color-stop(100%, #2f5c30));
  background: #356335 -webkit-linear-gradient(#396739, #2f5c30);
  background: #356335 -moz-linear-gradient(#396739, #2f5c30);
  background: #356335 -o-linear-gradient(#396739, #2f5c30);
  background: #356335 -ms-linear-gradient(#396739, #2f5c30);
  background: #356335 linear-gradient(#396739, #2f5c30);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
.box img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: #2D522D;
  border: 1px solid #3c6c3c;
  padding: 5px;
  margin: 0 -6px;
}
.box.contrast table img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0;
  background: none;
  margin: 0;
  border: none;
}

.bonus {
  position: relative;
  z-index: 80;
}
.bonus ul span {
  float: right;
}
.bonus .subtitle {
  display: block;
  margin: 0 -10px 20px -10px;
  overflow: hidden;
}
.bonus .subtitle h2, .bonus .subtitle span {
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: #315C31;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
}
.bonus .subtitle h2 {
  float: left;
  padding-right: 60px;
}
.bonus .subtitle span {
  float: right;
}
.bonus li {
  border-top: 1px solid #4b754c;
}
.bonus li:first-child {
  border: none;
  margin-top: -10px;
}
.bonus a {
  height: 30px;
  line-height: 30px;
  padding-left: 25px;
  display: block;
  background: url('../images/star-off.png?1349947121') no-repeat 0 50%;
}
.bonus a span {
  color: #ffc000;
  font-weight: 600;
}
.bonus a:hover {
  color: #ffc000;
  background: url('../images/star-on.png?1349706272') no-repeat 0 50%;
}
.bonus a:hover span {
  color: white;
}

.games li {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #4b754c;
}
.games li a {
  height: 30px;
  line-height: 30px;
  padding-left: 25px;
  display: block;
  background: url('../images/star-off.png?1349947121') no-repeat 0 50%;
}
.games li a:hover {
  color: #ffc000;
  background: url('../images/star-on.png?1349706272') no-repeat 0 50%;
}
.games li a h4 {
  line-height: 30px;
}
.games div > a {
  display: block;
  padding-left: 25px;
  width: 100px;
  color: white;
  text-transform: uppercase;
  background: url('../images/star-off.png?1349947121') no-repeat 0 3px;
}
.games div > a:hover {
  color: #ffc000;
  background: url('../images/star-on.png?1349706272') no-repeat 0 3px;
}
.games div > a:hover span {
  color: white;
}
.games div > a span {
  color: #4b754c;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-left: 5px;
}
.games img {
  margin: 0 -11px;
}

.recommand {
  margin-top: 50px;
  color: #456646;
  border-bottom: 1px solid #315232;
  text-align: left;
}
.recommand h1 {
  margin-bottom: 10px;
}
.recommand p {
  margin-bottom: 18px;
}

.highlight {
  padding-bottom: 10px;
}
.highlight h1 {
  margin-top: -20px;
  padding-top: 20px;
  margin-right: -8px;
  padding-right: 8px;
  background: url('../images/star-big.png?1349773718') no-repeat 100% 0;
}
.highlight a {
  margin: 0 -5px;
}

.top-bonus li {
  overflow: hidden;
}
.top-bonus img {
  float: left;
  margin: 5px 10px 5px 0;
  background: none;
  border: 2px solid #4b754c;
}
.top-bonus a, .top-bonus a:hover {
  background: none;
  padding: 0;
  line-height: 45px;
}

.transparent {
  background: none;
  border: 2px solid #315232;
  box-shadow: none;
  padding: 20px !important;
}
.transparent h1 {
  color: #456646;
}

.contrast {
  background: white;
  border: none;
  background: url('../images/contrast1-top.png?1349782988') no-repeat 0 0, url('../images/contrast1-bottom.png?1349783156') no-repeat 0 100%, url('../images/contrast1-middle.jpg?1349783089') repeat-y 0 50px;
}
.contrast h1 {
  color: #3f7040;
}
.contrast p {
  font-family: Arial, Helvetica, sans-serif;
  color: #2d2d2d;
  font-size: 12px;
}
.contrast a {
  background: url('../images/star-green.png?1349947110') no-repeat 0 50%;
  color: #ffc000;
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 15px;
  font-weight: 500;
}
.contrast a:hover {
  color: #3f7040;
  background: url('../images/star-on.png?1349706272') no-repeat 0 50%;
}
.contrast.contrast2 {
  margin-bottom: 40px;
  background: url('../images/contrast2-top.png?1350045212') no-repeat 0 0, url('../images/contrast2-bottom.png?1349783902') no-repeat 0 100%, url('../images/contrast2-middle.jpg?1349783944') repeat-y 0 20px;
  padding-bottom: 1px;
}
.contrast.contrast2 h1 {
  padding: 0;
  border: none;
}

.chips-casino {
  width: 168px;
  height: 161px;
  display: block;
  background: url('../images/chips-casino.png?1349878261') no-repeat;
  position: absolute;
  bottom: -130px;
  right: -85px;
}

.top3 {
  padding: 0 20px;
}
.top3 > li {
  margin-bottom: 40px;
  overflow: hidden;
}
.top3 img {
  padding: 5px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  margin-right: 10px;
  float: left;
}
.top3 h3 {
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 5px;
  text-transform: none;
}
.top3 span {
  color: #ffc000;
}
.top3 div {
  float: left;
}

.buttons {
  clear: both;
  float: left;
  margin-top: 20px;
  overflow: hidden;
}
.buttons li {
  float: left;
  margin-right: 5px;
}
.buttons a {
  height: 22px;
  display: block;
  line-height: 22px;
}

.text-nav {
  width: 416px;
  border: 2px solid #315232;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  clear: both;
  overflow: hidden;
}
.text-nav li {
  height: 26px;
  line-height: 26px;
  width: 185px;
}
.text-nav li.left a {
  float: left;
  padding-left: 37px;
  background: url('../images/text-nav.png?1349869597') no-repeat 0 0;
}
.text-nav li.right a {
  float: right;
  padding-right: 37px;
  background: url('../images/text-nav.png?1349869597') no-repeat 100% -46px;
  text-align: right;
}
.text-nav a {
  font-size: 13px;
  color: #ded6af;
  height: 26px;
  display: block;
  color: white;
  font-size: 14px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
.text-nav a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.box-wrap {
  position: relative;
}
.box-wrap .card-left {
  width: 156px;
  height: 211px;
  display: block;
  background: url('../images/card-left.jpg?1349872039') no-repeat;
  position: absolute;
  top: 90px;
  left: 0;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 50;
}
.box-wrap:hover .card-left {
  left: -22px;
  -webkit-transform: rotate(-33deg);
  -moz-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  -o-transform: rotate(-33deg);
  transform: rotate(-33deg);
}
.box-wrap:hover .card-right {
  right: -86px;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}
.box-wrap .card-right {
  width: 156px;
  height: 211px;
  display: block;
  background: url('../images/card-right.jpg?1349873139') no-repeat;
  position: absolute;
  top: 90px;
  right: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 50;
}

.dice1 {
  width: 169px;
  height: 126px;
  display: block;
  background: url('../images/dice1.png?1349873833') no-repeat;
  position: absolute;
  top: -28px;
  right: -70px;
}

.dice2 {
  width: 138px;
  height: 116px;
  display: block;
  background: url('../images/dice2.png?1349878573') no-repeat;
  position: absolute;
  bottom: -40px;
  right: -50px;
}

.text {
  padding: 0 10px;
  margin-top: -10px;
  color: #456646;
}
.text h1 {
  margin-left: -10px;
  margin-right: -10px;
}
.text p {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.text .dice1 {
  top: -50px;
}
.text ul {
  margin-top: 5px;
  margin-bottom: 20px;
}
.text h5 {
  border-top: 1px solid;
  padding-top: 20px;
  padding-left: 10px;
  margin: 0 -10px;
  text-transform: uppercase;
}
.text h5 a {
  color: #ffc000;
  font-weight: 500;
}
.text h5 a:hover {
  color: white;
}
.text h4 {
  color: #ded6af;
  padding-left: 18px;
  margin-bottom: 8px;
  font-weight: 500;
  background: url('../images/star-off.png?1349947121') no-repeat 0 50%;
}
.text h4.under {
  text-transform: uppercase;
  color: white;
  margin-top: 5px;
  margin-bottom: 25px;
  padding: 0;
  background: none;
}

.listing:before {
  content: '\2022';
}

/* --------------------------------------------------------------------------------------
+
+ ANIMATION
+
-------------------------------------------------------------------------------------- */
.animation {
  width: 100%;
  position: absolute;
  top: 0;
}
.animation .container {
  width: 1220px;
  height: 450px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.home .card {
  width: 130px;
  height: 191px;
  display: block;
  position: absolute;
  top: -220px;
  left: 545px;
}
.home .card.card1 {
  background: url('../images/animation/card3.png?1349186422') no-repeat;
  -webkit-transform: rotate(-58deg);
  -moz-transform: rotate(-58deg);
  -ms-transform: rotate(-58deg);
  -o-transform: rotate(-58deg);
  transform: rotate(-58deg);
}
.home .card.card2 {
  background: url('../images/animation/cardA.png?1349186431') no-repeat;
  -webkit-transform: rotate(-33deg);
  -moz-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  -o-transform: rotate(-33deg);
  transform: rotate(-33deg);
}
.home .card.card3 {
  background: url('../images/animation/card2.png?1349186414') no-repeat;
}
.home .card.card4 {
  background: url('../images/animation/card4.png?1349186391') no-repeat;
  -webkit-transform: rotate(33deg);
  -moz-transform: rotate(33deg);
  -ms-transform: rotate(33deg);
  -o-transform: rotate(33deg);
  transform: rotate(33deg);
}
.home .card.card5 {
  background: url('../images/animation/cardJocker.png?1349186443') no-repeat;
  -webkit-transform: rotate(58deg);
  -moz-transform: rotate(58deg);
  -ms-transform: rotate(58deg);
  -o-transform: rotate(58deg);
  transform: rotate(58deg);
}

.home .chip {
  top: -200px;
}
.home .chip.chip1 {
  -webkit-transition: all 0.2s ease 2.5s;
  -moz-transition: all 0.2s ease 2.5s;
  -ms-transition: all 0.2s ease 2.5s;
  -o-transition: all 0.2s ease 2.5s;
  transition: all 0.2s ease 2.5s;
  left: 300px;
}
.home .chip.chip2 {
  -webkit-transition: all 0.2s ease 2.8s;
  -moz-transition: all 0.2s ease 2.8s;
  -ms-transition: all 0.2s ease 2.8s;
  -o-transition: all 0.2s ease 2.8s;
  transition: all 0.2s ease 2.8s;
  left: 400px;
}
.home .chip.chip3 {
  -webkit-transition: all 0.2s ease 3.1s;
  -moz-transition: all 0.2s ease 3.1s;
  -ms-transition: all 0.2s ease 3.1s;
  -o-transition: all 0.2s ease 3.1s;
  transition: all 0.2s ease 3.1s;
  left: 744px;
}
.home .chip.chip4 {
  -webkit-transition: all 0.2s ease 3.4s;
  -moz-transition: all 0.2s ease 3.4s;
  -ms-transition: all 0.2s ease 3.4s;
  -o-transition: all 0.2s ease 3.4s;
  transition: all 0.2s ease 3.4s;
  left: 810px;
}

.chip {
  width: 130px;
  height: 123px;
  display: block;
  position: absolute;
  top: -200px;
}
.chip.chip1 {
  background: url('../images/animation/chip-black.png?1349187470') no-repeat;
}
.chip.chip2 {
  background: url('../images/animation/chip-red2.png?1349187527') no-repeat;
}
.chip.chip3 {
  background: url('../images/animation/chip-red.png?1349965101') no-repeat;
}
.chip.chip4 {
  background: url('../images/animation/chip-red2.png?1349187527') no-repeat;
}

.animation.active .chip {
  width: 130px;
  height: 123px;
  display: block;
  position: absolute;
}
.animation.active .chip.chip1 {
  top: -40px;
  left: 300px;
}
.animation.active .chip.chip2 {
  top: -70px;
  left: 400px;
}
.animation.active .chip.chip3 {
  top: -40px;
  left: 744px;
}
.animation.active .chip.chip4 {
  top: 10px;
  left: 810px;
}

.animation .card1 {
  -webkit-animation: fly1 3s ease-in-out 0.5s 1 normal none;
  -moz-animation: fly1 3s ease-in-out 0.5s 1 normal none;
  -ms-animation: fly1 3s ease-in-out 0.5s 1 normal none;
  -o-animation: fly1 3s ease-in-out 0.5s 1 normal none;
  animation: fly1 3s ease-in-out 0.5s 1 normal none;
}
.animation .card2 {
  -webkit-animation: fly2 2.5s ease-in-out 0.8s 1 normal none;
  -moz-animation: fly2 2.5s ease-in-out 0.8s 1 normal none;
  -ms-animation: fly2 2.5s ease-in-out 0.8s 1 normal none;
  -o-animation: fly2 2.5s ease-in-out 0.8s 1 normal none;
  animation: fly2 2.5s ease-in-out 0.8s 1 normal none;
}
.animation .card3 {
  -webkit-animation: fly3 2s ease-in-out 1.1s 1 normal none;
  -moz-animation: fly3 2s ease-in-out 1.1s 1 normal none;
  -ms-animation: fly3 2s ease-in-out 1.1s 1 normal none;
  -o-animation: fly3 2s ease-in-out 1.1s 1 normal none;
  animation: fly3 2s ease-in-out 1.1s 1 normal none;
}
.animation .card4 {
  -webkit-animation: fly4 1.5s ease-in-out 1.4s 1 normal none;
  -moz-animation: fly4 1.5s ease-in-out 1.4s 1 normal none;
  -ms-animation: fly4 1.5s ease-in-out 1.4s 1 normal none;
  -o-animation: fly4 1.5s ease-in-out 1.4s 1 normal none;
  animation: fly4 1.5s ease-in-out 1.4s 1 normal none;
}
.animation .card5 {
  -webkit-animation: fly5 1s ease-in-out 1.7s 1 normal none;
  -moz-animation: fly5 1s ease-in-out 1.7s 1 normal none;
  -ms-animation: fly5 1s ease-in-out 1.7s 1 normal none;
  -o-animation: fly5 1s ease-in-out 1.7s 1 normal none;
  animation: fly5 1s ease-in-out 1.7s 1 normal none;
}

/* DICES */
.dice1:hover {
  -webkit-animation: shake 0.5s ease-in-out 0s 1 normal none;
  -moz-animation: shake 0.5s ease-in-out 0s 1 normal none;
  -ms-animation: shake 0.5s ease-in-out 0s 1 normal none;
  -o-animation: shake 0.5s ease-in-out 0s 1 normal none;
  animation: shake 0.5s ease-in-out 0s 1 normal none;
}

.shake-link:hover .dice2 {
  -webkit-animation: shake 0.5s ease-in-out 0s 1 normal none;
  -moz-animation: shake 0.5s ease-in-out 0s 1 normal none;
  -ms-animation: shake 0.5s ease-in-out 0s 1 normal none;
  -o-animation: shake 0.5s ease-in-out 0s 1 normal none;
  animation: shake 0.5s ease-in-out 0s 1 normal none;
}

.pulse:hover {
  -webkit-animation: pulse 0.5s ease-in-out 0s 1 normal none;
  -moz-animation: pulse 0.5s ease-in-out 0s 1 normal none;
  -ms-animation: pulse 0.5s ease-in-out 0s 1 normal none;
  -o-animation: pulse 0.5s ease-in-out 0s 1 normal none;
  animation: pulse 0.5s ease-in-out 0s 1 normal none;
}

.contact-wrap {
  position: relative;
}
.contact-wrap .dice2 {
  position: absolute;
  top: 30px;
  left: 50px;
  -webkit-transform: scale(3, 3);
  -moz-transform: scale(3, 3);
  -ms-transform: scale(3, 3);
  -o-transform: scale(3, 3);
  transform: scale(3, 3);
  opacity: 0;
  -webkit-transition: all 0.3s ease 1.8s;
  -moz-transition: all 0.3s ease 1.8s;
  -ms-transition: all 0.3s ease 1.8s;
  -o-transition: all 0.3s ease 1.8s;
  transition: all 0.3s ease 1.8s;
}
.contact-wrap .dice1 {
  position: absolute;
  top: 10px;
  left: 28px;
  -webkit-transform: scale(3, 3);
  -moz-transform: scale(3, 3);
  -ms-transform: scale(3, 3);
  -o-transform: scale(3, 3);
  transform: scale(3, 3);
  opacity: 0;
  -webkit-transition: all 0.3s ease 2.7s;
  -moz-transition: all 0.3s ease 2.7s;
  -ms-transition: all 0.3s ease 2.7s;
  -o-transition: all 0.3s ease 2.7s;
  transition: all 0.3s ease 2.7s;
}
.contact-wrap .dice1:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
.contact-wrap.active .dice1, .contact-wrap.active .dice2, .contact-wrap.active .chip {
  opacity: 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);
}
.contact-wrap .chip {
  -webkit-transform: scale(4, 4);
  -moz-transform: scale(4, 4);
  -ms-transform: scale(4, 4);
  -o-transform: scale(4, 4);
  transform: scale(4, 4);
  opacity: 0;
}
.contact-wrap .chip.chip1 {
  top: 250px;
  right: 200px;
  left: auto;
  -webkit-transition: all 0.2s ease 2s;
  -moz-transition: all 0.2s ease 2s;
  -ms-transition: all 0.2s ease 2s;
  -o-transition: all 0.2s ease 2s;
  transition: all 0.2s ease 2s;
}
.contact-wrap .chip.chip1.second {
  top: 300px;
  left: 130px;
  right: auto;
  -webkit-transition: all 0.2s ease 1.2s;
  -moz-transition: all 0.2s ease 1.2s;
  -ms-transition: all 0.2s ease 1.2s;
  -o-transition: all 0.2s ease 1.2s;
  transition: all 0.2s ease 1.2s;
}
.contact-wrap .chip.chip2 {
  top: 225px;
  right: 135px;
  left: auto;
  -webkit-transition: all 0.2s ease 0.5s;
  -moz-transition: all 0.2s ease 0.5s;
  -ms-transition: all 0.2s ease 0.5s;
  -o-transition: all 0.2s ease 0.5s;
  transition: all 0.2s ease 0.5s;
}
.contact-wrap .chip.chip3 {
  top: 200px;
  right: 230px;
  left: auto;
  -webkit-transition: all 0.2s ease 1.1s;
  -moz-transition: all 0.2s ease 1.1s;
  -ms-transition: all 0.2s ease 1.1s;
  -o-transition: all 0.2s ease 1.1s;
  transition: all 0.2s ease 1.1s;
}
.contact-wrap .chip.chip3.second {
  top: 330px;
  left: 100px;
  right: auto;
  -webkit-transition: all 0.2s ease 2.5s;
  -moz-transition: all 0.2s ease 2.5s;
  -ms-transition: all 0.2s ease 2.5s;
  -o-transition: all 0.2s ease 2.5s;
  transition: all 0.2s ease 2.5s;
}

/* --------------------------------------------------------------------------------------
+
+ TIMELINE
+
-------------------------------------------------------------------------------------- */
/* FLY1 */
@keyframes fly1 {
  0% {
    transform: translate(0, 0) rotate(-63deg);
  }

  2% {
    transform: translate(487px, 187px) rotate(-59deg);
  }

  5% {
    transform: translate(485px, 185px) rotate(-57deg);
  }

  94% {
    transform: translate(485px, 185px) rotate(-57deg);
  }

  98% {
    transform: translate(485px, 185px) rotate(-59deg);
  }

  100% {
    transform: translate(0, 0) rotate(-63deg);
  }
}

@-moz-keyframes fly1 {
  0% {
    -moz-transform: translate(0, 0) rotate(-63deg);
  }

  2% {
    -moz-transform: translate(487px, 187px) rotate(-59deg);
  }

  5% {
    -moz-transform: translate(485px, 185px) rotate(-57deg);
  }

  94% {
    -moz-transform: translate(485px, 185px) rotate(-57deg);
  }

  98% {
    -moz-transform: translate(485px, 185px) rotate(-59deg);
  }

  100% {
    -moz-transform: translate(0, 0) rotate(-63deg);
  }
}

@-webkit-keyframes fly1 {
  0% {
    -webkit-transform: translate(0, 0) rotate(-63deg);
  }

  2% {
    -webkit-transform: translate(487px, 187px) rotate(-59deg);
  }

  5% {
    -webkit-transform: translate(485px, 185px) rotate(-57deg);
  }

  94% {
    -webkit-transform: translate(485px, 185px) rotate(-57deg);
  }

  98% {
    -webkit-transform: translate(485px, 185px) rotate(-59deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(-63deg);
  }
}

@-ms-keyframes fly1 {
  0% {
    -ms-transform: translate(0, 0) rotate(-63deg);
  }

  2% {
    -ms-transform: translate(487px, 187px) rotate(-59deg);
  }

  5% {
    -ms-transform: translate(485px, 185px) rotate(-57deg);
  }

  94% {
    -ms-transform: translate(485px, 185px) rotate(-57deg);
  }

  98% {
    -ms-transform: translate(485px, 185px) rotate(-59deg);
  }

  100% {
    -ms-transform: translate(0, 0) rotate(-63deg);
  }
}

@-o-keyframes fly1 {
  0% {
    -o-transform: translate(0, 0) rotate(-63deg);
  }

  2% {
    -o-transform: translate(487px, 187px) rotate(-59deg);
  }

  5% {
    -o-transform: translate(485px, 185px) rotate(-57deg);
  }

  94% {
    -o-transform: translate(485px, 185px) rotate(-57deg);
  }

  98% {
    -o-transform: translate(485px, 185px) rotate(-59deg);
  }

  100% {
    -o-transform: translate(0, 0) rotate(-63deg);
  }
}

/* FLY2 */
@keyframes fly2 {
  0% {
    transform: translate(0, 0) rotate(-28deg);
  }

  2% {
    transform: translate(278px, 388px) rotate(-30deg);
  }

  5% {
    transform: translate(278px, 388px) rotate(-33deg);
  }

  94% {
    transform: translate(278px, 388px) rotate(-33deg);
  }

  98% {
    transform: translate(278px, 388px) rotate(-30deg);
  }

  100% {
    transform: translate(0, 0) rotate(-28deg);
  }
}

@-moz-keyframes fly2 {
  0% {
    -moz-transform: translate(0, 0) rotate(-28deg);
  }

  2% {
    -moz-transform: translate(278px, 388px) rotate(-30deg);
  }

  5% {
    -moz-transform: translate(278px, 388px) rotate(-33deg);
  }

  94% {
    -moz-transform: translate(278px, 388px) rotate(-33deg);
  }

  98% {
    -moz-transform: translate(278px, 388px) rotate(-30deg);
  }

  100% {
    -moz-transform: translate(0, 0) rotate(-28deg);
  }
}

@-webkit-keyframes fly2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(-28deg);
  }

  2% {
    -webkit-transform: translate(278px, 388px) rotate(-30deg);
  }

  5% {
    -webkit-transform: translate(278px, 388px) rotate(-33deg);
  }

  94% {
    -webkit-transform: translate(278px, 388px) rotate(-33deg);
  }

  98% {
    -webkit-transform: translate(278px, 388px) rotate(-30deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(-28deg);
  }
}

@-ms-keyframes fly2 {
  0% {
    -ms-transform: translate(0, 0) rotate(-28deg);
  }

  2% {
    -ms-transform: translate(278px, 388px) rotate(-30deg);
  }

  5% {
    -ms-transform: translate(278px, 388px) rotate(-33deg);
  }

  94% {
    -ms-transform: translate(278px, 388px) rotate(-33deg);
  }

  98% {
    -ms-transform: translate(278px, 388px) rotate(-30deg);
  }

  100% {
    -ms-transform: translate(0, 0) rotate(-28deg);
  }
}

@-o-keyframes fly2 {
  0% {
    -o-transform: translate(0, 0) rotate(-28deg);
  }

  2% {
    -o-transform: translate(278px, 388px) rotate(-30deg);
  }

  5% {
    -o-transform: translate(278px, 388px) rotate(-33deg);
  }

  94% {
    -o-transform: translate(278px, 388px) rotate(-33deg);
  }

  98% {
    -o-transform: translate(278px, 388px) rotate(-30deg);
  }

  100% {
    -o-transform: translate(0, 0) rotate(-28deg);
  }
}

/* FLY3 */
@keyframes fly3 {
  0% {
    transform: translate(0, 0) rotate(0);
  }

  2% {
    transform: translate(3px, 457px) rotate(0);
  }

  5% {
    transform: translate(0px, 460px) rotate(0);
  }

  94% {
    transform: translate(0px, 460px) rotate(0);
  }

  98% {
    transform: translate(3px, 457px) rotate(0);
  }

  100% {
    transform: translate(0, 0) rotate(0);
  }
}

@-moz-keyframes fly3 {
  0% {
    -moz-transform: translate(0, 0) rotate(0);
  }

  2% {
    -moz-transform: translate(3px, 457px) rotate(0);
  }

  5% {
    -moz-transform: translate(0px, 460px) rotate(0);
  }

  94% {
    -moz-transform: translate(0px, 460px) rotate(0);
  }

  98% {
    -moz-transform: translate(3px, 457px) rotate(0);
  }

  100% {
    -moz-transform: translate(0, 0) rotate(0);
  }
}

@-webkit-keyframes fly3 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
  }

  2% {
    -webkit-transform: translate(3px, 457px) rotate(0);
  }

  5% {
    -webkit-transform: translate(0px, 460px) rotate(0);
  }

  94% {
    -webkit-transform: translate(0px, 460px) rotate(0);
  }

  98% {
    -webkit-transform: translate(3px, 457px) rotate(0);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(0);
  }
}

@-ms-keyframes fly3 {
  0% {
    -ms-transform: translate(0, 0) rotate(0);
  }

  2% {
    -ms-transform: translate(3px, 457px) rotate(0);
  }

  5% {
    -ms-transform: translate(0px, 460px) rotate(0);
  }

  94% {
    -ms-transform: translate(0px, 460px) rotate(0);
  }

  98% {
    -ms-transform: translate(3px, 457px) rotate(0);
  }

  100% {
    -ms-transform: translate(0, 0) rotate(0);
  }
}

@-o-keyframes fly3 {
  0% {
    -o-transform: translate(0, 0) rotate(0);
  }

  2% {
    -o-transform: translate(3px, 457px) rotate(0);
  }

  5% {
    -o-transform: translate(0px, 460px) rotate(0);
  }

  94% {
    -o-transform: translate(0px, 460px) rotate(0);
  }

  98% {
    -o-transform: translate(3px, 457px) rotate(0);
  }

  100% {
    -o-transform: translate(0, 0) rotate(0);
  }
}

/* FLY4 */
@keyframes fly4 {
  0% {
    transform: translate(0, 0) rotate(28deg);
  }

  2% {
    transform: translate(-278px, 388px) rotate(30deg);
  }

  5% {
    transform: translate(-278px, 388px) rotate(33deg);
  }

  94% {
    transform: translate(-278px, 388px) rotate(33deg);
  }

  98% {
    transform: translate(-278px, 388px) rotate(30deg);
  }

  100% {
    transform: translate(0, 0) rotate(28deg);
  }
}

@-moz-keyframes fly4 {
  0% {
    -moz-transform: translate(0, 0) rotate(28deg);
  }

  2% {
    -moz-transform: translate(-278px, 388px) rotate(30deg);
  }

  5% {
    -moz-transform: translate(-278px, 388px) rotate(33deg);
  }

  94% {
    -moz-transform: translate(-278px, 388px) rotate(33deg);
  }

  98% {
    -moz-transform: translate(-278px, 388px) rotate(30deg);
  }

  100% {
    -moz-transform: translate(0, 0) rotate(28deg);
  }
}

@-webkit-keyframes fly4 {
  0% {
    -webkit-transform: translate(0, 0) rotate(28deg);
  }

  2% {
    -webkit-transform: translate(-278px, 388px) rotate(30deg);
  }

  5% {
    -webkit-transform: translate(-278px, 388px) rotate(33deg);
  }

  94% {
    -webkit-transform: translate(-278px, 388px) rotate(33deg);
  }

  98% {
    -webkit-transform: translate(-278px, 388px) rotate(30deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(28deg);
  }
}

@-ms-keyframes fly4 {
  0% {
    -ms-transform: translate(0, 0) rotate(28deg);
  }

  2% {
    -ms-transform: translate(-278px, 388px) rotate(30deg);
  }

  5% {
    -ms-transform: translate(-278px, 388px) rotate(33deg);
  }

  94% {
    -ms-transform: translate(-278px, 388px) rotate(33deg);
  }

  98% {
    -ms-transform: translate(-278px, 388px) rotate(30deg);
  }

  100% {
    -ms-transform: translate(0, 0) rotate(28deg);
  }
}

@-o-keyframes fly4 {
  0% {
    -o-transform: translate(0, 0) rotate(28deg);
  }

  2% {
    -o-transform: translate(-278px, 388px) rotate(30deg);
  }

  5% {
    -o-transform: translate(-278px, 388px) rotate(33deg);
  }

  94% {
    -o-transform: translate(-278px, 388px) rotate(33deg);
  }

  98% {
    -o-transform: translate(-278px, 388px) rotate(30deg);
  }

  100% {
    -o-transform: translate(0, 0) rotate(28deg);
  }
}

/* FLY5 */
@keyframes fly5 {
  0% {
    transform: translate(0, 0) rotate(63deg);
  }

  2% {
    transform: translate(-487px, 187px) rotate(59deg);
  }

  5% {
    transform: translate(-485px, 185px) rotate(57deg);
  }

  94% {
    transform: translate(-485px, 185px) rotate(57deg);
  }

  98% {
    transform: translate(-485px, 185px) rotate(59deg);
  }

  100% {
    transform: translate(0, 0) rotate(63deg);
  }
}

@-moz-keyframes fly5 {
  0% {
    -moz-transform: translate(0, 0) rotate(63deg);
  }

  2% {
    -moz-transform: translate(-487px, 187px) rotate(59deg);
  }

  5% {
    -moz-transform: translate(-485px, 185px) rotate(57deg);
  }

  94% {
    -moz-transform: translate(-485px, 185px) rotate(57deg);
  }

  98% {
    -moz-transform: translate(-485px, 185px) rotate(59deg);
  }

  100% {
    -moz-transform: translate(0, 0) rotate(63deg);
  }
}

@-webkit-keyframes fly5 {
  0% {
    -webkit-transform: translate(0, 0) rotate(63deg);
  }

  2% {
    -webkit-transform: translate(-487px, 187px) rotate(59deg);
  }

  5% {
    -webkit-transform: translate(-485px, 185px) rotate(57deg);
  }

  94% {
    -webkit-transform: translate(-485px, 185px) rotate(57deg);
  }

  98% {
    -webkit-transform: translate(-485px, 185px) rotate(59deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(63deg);
  }
}

@-ms-keyframes fly5 {
  0% {
    -ms-transform: translate(0, 0) rotate(63deg);
  }

  2% {
    -ms-transform: translate(-487px, 187px) rotate(59deg);
  }

  5% {
    -ms-transform: translate(-485px, 185px) rotate(57deg);
  }

  94% {
    -ms-transform: translate(-485px, 185px) rotate(57deg);
  }

  98% {
    -ms-transform: translate(-485px, 185px) rotate(59deg);
  }

  100% {
    -ms-transform: translate(0, 0) rotate(63deg);
  }
}

@-o-keyframes fly5 {
  0% {
    -o-transform: translate(0, 0) rotate(63deg);
  }

  2% {
    -o-transform: translate(-487px, 187px) rotate(59deg);
  }

  5% {
    -o-transform: translate(-485px, 185px) rotate(57deg);
  }

  94% {
    -o-transform: translate(-485px, 185px) rotate(57deg);
  }

  98% {
    -o-transform: translate(-485px, 185px) rotate(59deg);
  }

  100% {
    -o-transform: translate(0, 0) rotate(63deg);
  }
}

/* DICES */
@keyframes shake {
  0% {
    transform: translate(2px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(0px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(2px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(2px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

@-moz-keyframes shake {
  0% {
    -moz-transform: translate(2px, 1px) rotate(0deg);
  }

  10% {
    -moz-transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    -moz-transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    -moz-transform: translate(0px, 2px) rotate(0deg);
  }

  40% {
    -moz-transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    -moz-transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    -moz-transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    -moz-transform: translate(2px, 1px) rotate(-1deg);
  }

  80% {
    -moz-transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    -moz-transform: translate(2px, 2px) rotate(0deg);
  }

  100% {
    -moz-transform: translate(1px, -2px) rotate(-1deg);
  }
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }

  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }

  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }

  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}

@-ms-keyframes shake {
  0% {
    -ms-transform: translate(2px, 1px) rotate(0deg);
  }

  10% {
    -ms-transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    -ms-transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    -ms-transform: translate(0px, 2px) rotate(0deg);
  }

  40% {
    -ms-transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    -ms-transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    -ms-transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    -ms-transform: translate(2px, 1px) rotate(-1deg);
  }

  80% {
    -ms-transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    -ms-transform: translate(2px, 2px) rotate(0deg);
  }

  100% {
    -ms-transform: translate(1px, -2px) rotate(-1deg);
  }
}

@-o-keyframes shake {
  0% {
    -o-transform: translate(2px, 1px) rotate(0deg);
  }

  10% {
    -o-transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    -o-transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    -o-transform: translate(0px, 2px) rotate(0deg);
  }

  40% {
    -o-transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    -o-transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    -o-transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    -o-transform: translate(2px, 1px) rotate(-1deg);
  }

  80% {
    -o-transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    -o-transform: translate(2px, 2px) rotate(0deg);
  }

  100% {
    -o-transform: translate(1px, -2px) rotate(-1deg);
  }
}

/* PULSE */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }

  50% {
    -moz-transform: scale(0.9);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }

  50% {
    -ms-transform: scale(0.9);
  }

  100% {
    -ms-transform: scale(1);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }

  50% {
    -o-transform: scale(0.9);
  }

  100% {
    -o-transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}

/* --------------------------------------------------------------------------------------
+
+ MAIN NAV
+
-------------------------------------------------------------------------------------- */
.home .main-nav {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 2s ease 3.3s;
  -moz-transition: all 2s ease 3.3s;
  -ms-transition: all 2s ease 3.3s;
  -o-transition: all 2s ease 3.3s;
  transition: all 2s ease 3.3s;
}
.home .main-nav.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.main-nav {
  position: relative;
  z-index: 60;
}
.main-nav .container {
  width: 950px;
  text-align: justify;
  margin-bottom: 30px;
}
.main-nav .container ul {
  overflow: hidden;
  width: 950px;
}
.main-nav .container li {
  height: 43px;
  margin-left: 9px;
  overflow: hidden;
  float: left;
}
.main-nav .container li:first-child {
  margin-left: 0;
}
.main-nav .container li:last-child {
  margin-left: 11px;
}
.main-nav .container a {
  height: 40px;
  line-height: 40px;
  padding: 0 11px;
  border-top: 1px solid #5C855D;
  background: #356335 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNzA0MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM1NjUzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #356335 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #407040), color-stop(100%, #356536));
  background: #356335 -webkit-linear-gradient(#407040, #356536);
  background: #356335 -moz-linear-gradient(#407040, #356536);
  background: #356335 -o-linear-gradient(#407040, #356536);
  background: #356335 -ms-linear-gradient(#407040, #356536);
  background: #356335 linear-gradient(#407040, #356536);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  text-shadow: 0 -1px 0 #274f27;
  display: block;
}
.main-nav .container a:hover {
  background: #315f32 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiNmEzYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMxNWYzMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #315f32 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b6a3b), color-stop(100%, #315f32));
  background: #315f32 -webkit-linear-gradient(#3b6a3b, #315f32);
  background: #315f32 -moz-linear-gradient(#3b6a3b, #315f32);
  background: #315f32 -o-linear-gradient(#3b6a3b, #315f32);
  background: #315f32 -ms-linear-gradient(#3b6a3b, #315f32);
  background: #315f32 linear-gradient(#3b6a3b, #315f32);
}

/* --------------------------------------------------------------------------------------
+
+ FORMS
+
-------------------------------------------------------------------------------------- */
input[type="text"] {
  vertical-align: middle;
  border: 2px solid #3F643F;
  color: #456646;
  background: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  width: 172px;
  height: 22px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 10px;
}
input[type="text"]:hover {
  border-color: white;
  color: white;
}
input[type="text"]:focus {
  border-color: #ffc000;
  color: #ffc000;
}

textarea {
  border: 2px solid #3F643F;
  color: #456646;
  background: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  width: 346px;
  height: 120px;
  resize: none;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
}
textarea:hover {
  border-color: white;
  color: white;
}
textarea:focus {
  border-color: #ffc000;
  color: #ffc000;
}

input.btn {
  height: 24px;
  padding-bottom: 5px;
}

form {
  overflow: hidden;
}
form li {
  margin-top: 20px;
}
form li:first-child {
  margin-top: 0;
}

.contact {
  width: 370px;
  display: block;
  margin: 0 auto;
}
.contact h1 {
  border-bottom: 1px solid #476E47;
  padding-bottom: 20px;
}
.contact p {
  padding-left: 20px;
  background: url('../images/star-off.png?1349947121') no-repeat 0 5px;
}
.contact form {
  margin-top: 110px;
}
.contact .small {
  font-size: 12px;
  color: #ffc000;
}
.contact input {
  width: 240px;
}
.contact button {
  height: 26px;
}

.newsletter {
  height: 70px;
}

/* --------------------------------------------------------------------------------------
+
+ PREVIEWS
+
-------------------------------------------------------------------------------------- */
.previews {
  clear: both;
  border-bottom: 2px solid #315232;
  overflow: hidden;
  margin-bottom: 25px;
}
.previews section {
  margin-bottom: 20px;
  clear: both;
}
.previews .card-wrap {
  width: 426px;
  height: 254px;
  border: 2px solid #315232;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
}
.previews .card-big {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.previews .card-big figure {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.previews .card-big .front {
  -webkit-transform: translateZ(-1px);
  -moz-transform: translateZ(-1px);
  -ms-transform: translateZ(-1px);
  -o-transform: translateZ(-1px);
  transform: translateZ(-1px);
}
.previews .card-big .front img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -43px;
  margin-left: -95px;
}
.previews .card-big .back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.previews .card-big .back img {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -75px;
}
.previews .card-big .back p {
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -147px;
}
.previews .card-big p {
  width: 294px;
  margin: 0 auto;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.previews .card-big span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
}
.previews .card-big.black span {
  color: #000;
}
.previews .card-big.red span {
  color: #960000;
}
.previews .buttons {
  margin-top: 10px;
  margin-bottom: 25px;
}

.casino1 .front {
  background: url('../images/card1-front.jpg?1349857403') no-repeat 50% 50%;
}
.casino1 .back {
  background: url('../images/card1-back.jpg?1349857372') no-repeat 50% 50%;
}
.casino1:hover .card-big {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.casino1 span {
  top: 36px;
  left: 75px;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.casino1 span.down {
  bottom: 40px;
  right: 75px;
  top: auto;
  left: auto;
}

.casino2 .front {
  background: url('../images/card2-front.jpg?1349861755') no-repeat 50% 50%;
}
.casino2 .back {
  background: url('../images/card2-back.jpg?1349861731') no-repeat 50% 50%;
}
.casino2:hover .card-big {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.casino2 span {
  top: 32px;
  left: 77px;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}
.casino2 span.down {
  bottom: 36px;
  right: 77px;
  top: auto;
  left: auto;
}

.casino3 .front {
  background: url('../images/card3-front.jpg?1349861809') no-repeat 50% 50%;
}
.casino3 .back {
  background: url('../images/card3-back.jpg?1349861776') no-repeat 50% 50%;
}
.casino3:hover .card-big {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.casino3 span {
  top: 36px;
  left: 75px;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.casino3 span.down {
  bottom: 38px;
  right: 75px;
  top: auto;
  left: auto;
}

.casino4 .front {
  background: url('../images/card4-front.jpg?1349861869') no-repeat 50% 50%;
}
.casino4 .back {
  background: url('../images/card4-back.jpg?1349861850') no-repeat 50% 50%;
}
.casino4:hover .card-big {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.casino4 span {
  top: 36px;
  left: 75px;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.casino4 span.down {
  bottom: 40px;
  right: 75px;
  top: auto;
  left: auto;
}

.casino5 .front {
  background: url('../images/card5-front.jpg?1349861901') no-repeat 50% 50%;
}
.casino5 .back {
  background: url('../images/card5-back.jpg?1349861886') no-repeat 50% 50%;
}
.casino5:hover .card-big {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.casino5 span {
  top: 32px;
  left: 75px;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}
.casino5 span.down {
  bottom: 35px;
  right: 75px;
  top: auto;
  left: auto;
}

/* --------------------------------------------------------------------------------------
+
+ TABLE
+
-------------------------------------------------------------------------------------- */
table {
  color: #2d2d2d;
  margin-bottom: 10px;
}
table thead tr {
  height: 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
table td.flag img {
  padding-top: 4px !important;
}
table th {
  background: #315C31;
  color: white;
  font-size: 12px;
}
table th:first-child {
  padding-left: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
  -o-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
table th:last-child {
  text-align: center;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
table tr {
  height: 44px;
  border-top: 1px solid #DEDEDE;
}
table tr:first-child {
  border-top: none;
}
table td:first-child {
  vertical-align: middle;
}
table td:first-child img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
table td:first-child div {
  width: 25px;
  height: 25px;
  margin: 5px;
  margin-left: 0;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 3px;
  border: 2px solid #DEDEDE;
}
table td:first-child span {
  margin-top: 6px;
  float: left;
  line-height: 1;
  font-weight: 500;
}
table a {
  padding: 0 !important;
  background: none !important;
  text-transform: none !important;
  color: #2d2d2d !important;
  font-size: 12px !important;
  font-weight: 600;
}
table a:hover {
  color: #ffc000 !important;
}
table a.btn {
  padding: 0 10px !important;
}

.col1 {
  width: 127px;
}

.col2 {
  width: 30px;
}

.rating li {
  float: left;
}
.rating a {
  width: 12px;
  height: 11px;
  display: block;
  text-indent: -9999px;
}
.rating a.star-gold {
  background: url('../images/rating-on.png?1350044541') no-repeat !important;
}
.rating a.star-gray {
  background: url('../images/rating-off.png?1350044346') no-repeat !important;
}

/* --------------------------------------------------------------------------------------
+
+   IE FIXES
+
-------------------------------------------------------------------------------------- */
.ie9 .main-nav li {
  margin-left: 8px;
}
.ie9 .card-left {
  display: none;
  width: 0;
}

.ie8 .subtitle {
  font-size: 13px;
}
.ie8 .card-left {
  display: none;
  width: 0;
}
.ie8 * {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.ie7 .main {
  display: block;
  right: -20px;
}
.ie7 .subtitle {
  font-size: 13px;
}
.ie7 .card-left {
  display: none;
  width: 0;
}
.ie7 .buttons {
  width: 100%;
  text-align: left;
}
.ie7 .buttons li {
  float: none;
  display: inline;
}
.ie7 .buttons li a {
  display: inline;
}
.ie7 .transparent .btn {
  font-size: 14px;
  height: auto;
}
