@charset "UTF-8";
/* Import Browser reset */
* {
  font-family: 'Open Sans', sans-serif;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; }

h1, h2, h3 {
  text-transform: uppercase;
  color: #265173; }

h1 {
  display: none; }

h2,
.mediumContentCol h1 {
  font-weight: 800;
  margin-bottom: 25px;
  -webkit-font-smoothing: antialiased;
  display: block;}

h2 span,
.mediumContentCol h1 span {
  display: block; }

h3 {
  margin-bottom: 15px; }

h3.section-headline {
  color: #fff;
  font-size: 40px;
  margin-bottom: 30px;
  text-transform: none; }

h4 {
  font-size: 25px; }

#Promotion h4 a {
font-weight: 800;
  color: #265173;
}

.mediumContentCol h1 span,
h2 span,
h3,
h4,
h5,
h6,
li,
span,
p,
a,
input,
button {
  font-weight: 400;
  -webkit-font-smoothing: antialiased; }

.mediumContentCol a h3:before,
.content a h3:before {
  content: ">"; }

h5 {
  font-size: 14px;
  text-transform: uppercase; }

h6 span {
  font-size: 12px;
  line-height: 14px;
  display: block; }

p {
  font-size: 16px;
  line-height: 23px;
  color: #000;
  margin: 15px 0; }

p.small {
  color: #333333;
  font-size: 14px;
  line-height: 19px; }

b,
strong,
legend {
  font-weight: 800; }

legend {
  color: #00294c;
  font-size: 12px;
  text-transform: uppercase; }

ul {
  list-style: disc;
  padding: 15px 25px; }

li {
  font-size: 20px;
  color: #265173;
  line-height: 28px;
  margin: 8px 0; }

li a {
  text-decoration: underline;
  color: #265173; }

li ul {
  padding: 0 17px; }

li ul li {
  color: #000;
  font-size: 16px;
  line-height: 20px;
  margin: 7px 0; }

th,
th p {
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  color: #265173;
  padding: 5px 6px;
  margin: 0;}

tbody tr:nth-child(odd) {
  background: #dce9eb; }

table tr {
  border-bottom: 1px solid #2d2f30; }

td {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  padding: 9px 6px; }

table.clean td {
  padding: 5px 10px; }

table.clean td td {
  padding: 5px 2px; }

table.clean tr {
  background: none;
  border-bottom: 0; }

table.gameHistoryTable th,
table.transactionHistoryTable th {
  font-weight: 600;
  font-size: 12px;
  padding: 4px 3px;
}

table.gameHistoryTable td,
table.transactionHistoryTable td {
font-size: 12px;
  line-height: 15px;
  padding: 4px 3px;
}

.mediumContentCol hr,
.content hr {
  border-top: 1px solid #282828; }

.fullWidth {
  width: 100%;
  height: auto; }

.mediumContentCol,
.content {
  padding-left: 30px;
  padding-right: 30px; }

#Footer li {
  list-style-type:none;
  float:left;
  padding-right:4px;
}

@media(max-width: 767px) {
  .mediumContentCol,
  .content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
  }
}

.mediumContentCol img,
.content img,
img.img-fullsize {
  width: 100%;
  height: auto;
  margin-bottom: 20px; }

@media(min-width: 992px) {
  .content img[alt="noresizeleft"],
  .mediumContentCol img[alt="noresizeleft"] {
     width: auto;
     height: auto;
     float: left;
     margin-right: 20px;
  }

  .csc-textpic::after {
     content: "";
     display: block;
     width: 100%;
     height: 1px;
     clear: both;
  }

}

.container .mediumContentCol,
.container .content {
  margin-bottom: 20px; }

.promotionNav {
  text-align: center;
  margin: 45px 0 65px 0; }

.promotionNav a {
  font-size: 19px;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 35px;
  background: -moz-linear-gradient(left, rgba(29, 33, 33, 0.7) 0%, rgba(30, 34, 34, 0.7) 1%, rgba(58, 60, 59, 0.7) 50%, rgba(28, 32, 33, 0.7) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(29, 33, 33, 0.7)), color-stop(1%, rgba(30, 34, 34, 0.7)), color-stop(50%, rgba(58, 60, 59, 0.7)), color-stop(100%, rgba(28, 32, 33, 0.7)));
  background: -webkit-linear-gradient(left, rgba(29, 33, 33, 0.7) 0%, rgba(30, 34, 34, 0.7) 1%, rgba(58, 60, 59, 0.7) 50%, rgba(28, 32, 33, 0.7) 100%);
  background: -o-linear-gradient(left, rgba(29, 33, 33, 0.7) 0%, rgba(30, 34, 34, 0.7) 1%, rgba(58, 60, 59, 0.7) 50%, rgba(28, 32, 33, 0.7) 100%);
  background: -ms-linear-gradient(left, rgba(29, 33, 33, 0.7) 0%, rgba(30, 34, 34, 0.7) 1%, rgba(58, 60, 59, 0.7) 50%, rgba(28, 32, 33, 0.7) 100%);
  background: linear-gradient(to right, rgba(29, 33, 33, 0.7) 0%, rgba(30, 34, 34, 0.7) 1%, rgba(58, 60, 59, 0.7) 50%, rgba(28, 32, 33, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31d2121', endColorstr='#b31c2021',GradientType=1 );
  margin-bottom: 20px;
  margin: 0 5px;}

.promotionNav a:hover,
.promotionNav a.active {
  background: #1d2121;
  background: -moz-linear-gradient(left, #1d2121 0%, #3a3c3b 50%, #1c2021 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1d2121), color-stop(50%, #3a3c3b), color-stop(100%, #1c2021));
  background: -webkit-linear-gradient(left, #1d2121 0%, #3a3c3b 50%, #1c2021 100%);
  background: -o-linear-gradient(left, #1d2121 0%, #3a3c3b 50%, #1c2021 100%);
  background: -ms-linear-gradient(left, #1d2121 0%, #3a3c3b 50%, #1c2021 100%);
  background: linear-gradient(to right, #1d2121 0%, #3a3c3b 50%, #1c2021 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2121', endColorstr='#1c2021',GradientType=1 );
  text-decoration: none; }


@media (max-width: 992px) {

.promotionNav {
  margin: 0;
}

.promotionNav a {
   width: 45%;
   margin: 5px 1% 5px 1%;
  display: inline-block;
}

}

@media (max-width: 550px) {
.promotionNav a { width: 90%; }
}

#Promotion .mediumContentCol {
padding-left: 0;
  padding-right: 0;
  background: none;
}

#Promotion .col-md-4 .content {
min-height: 380px;
}

/* WinnerCarousel */
#WinnerCarousel {
  background: rgba(255, 255, 255, 0.6);
  padding: 40px 0;
  margin: 20px 0; }

#WinnerCarousel img {
  width: 100%;
  height: auto; }

#WinnerCarousel .winnerelement {
  text-align: center; }

#WinnerCarousel h4 {
  font-family: 'Myriad Pro', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 40px;
  margin-top: 15px;
  line-height: 30px; }

#WinnerCarousel h4 span {
  font-size: 25px; }

#WinnerCarousel .col {
  border-right: 1px solid #242a2d; }

#WinnerCarousel .col:last-child {
  border-right: 0; }

input[type=range] {
  width: 300px; }

ul[rn-carousel] {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

ul[rn-carousel] > li {
  color: black;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: visible;
  vertical-align: top;
  position: absolute;
  left: 0;
  right: 0;
  white-space: normal;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  height: 100%;
  display: inline-block; }

/* prevent flickering when moving buffer */
ul[rn-carousel-buffered] > li {
  display: none; }

ul[rn-carousel-transition="hexagon"] {
  overflow: visible; }

/* indicators */
div.rn-carousel-indicator span {
  cursor: pointer;
  color: #666; }

div.rn-carousel-indicator span.active {
  color: white; }

/* prev/next controls */
.rn-carousel-control {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  font-size: 2rem;
  position: absolute;
  top: 40%;
  opacity: 0.75;
  cursor: pointer; }

.rn-carousel-control:hover {
  opacity: 1; }

.rn-carousel-control.rn-carousel-control-prev {
  left: 0.5em; }

.rn-carousel-control.rn-carousel-control-prev:before {
  content: "<"; }

.rn-carousel-control.rn-carousel-control-next {
  right: 0.5em; }

.rn-carousel-control.rn-carousel-control-next:before {
  content: ">"; }

/* END ::: WinnerCarousel */
/* Accordion */
.accordion {
  margin: 20px 0; }

.accordion .panel {
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none; }

.accordion.panel-group .panel + .panel {
  margin-top: 0; }

.accordion .panel-heading {
  padding: 0;
  border: 0;
  border-radius: 0; }

.accordion h4 {
  font-size: 21px;
  line-height: 26px;
  margin: 0;
  color: #2a5272;
  font-weight: 700;}

.accordion .panel {
  border: 0;
}

.accordion tr {
  cursor: pointer;
  background: none !important;
  border-bottom: 1px solid #333333;}

.accordion tr:hover td{
  background: #ebebeb;
}

.accordion td {
  vertical-align: top; }

.status-holder .close {
  display: none; }

.status-holder.active .close {
  display: block; }

.status-holder.active .open {
  display: none; }

.accordion .icon-holder i {
  text-align: center;
  color: #175271;
  font-size: 32px;
  line-height: 42px; }

.accordion .icon-holder {
  padding: 5px 10px;
  text-align: center;
  width: 55px; }

.accordion .status-holder {
  color: #8d8a88;
  font-size: 12px;
  line-height: 42px;
  padding: 0 20px;
  width: 100px;
  text-align: right; }

.accordion .status-holder i {
  display: inline;
  color: inherit;
  font-size: inherit; }

.collapse.in {
  background: #dce9eb; }

.collapse.am-collapse {
  animation-duration: .6s;
  animation-timing-function: ease;
  animation-fill-mode: backwards;
  overflow: hidden; }
  .collapse.am-collapse.in-remove {
    animation-name: collapse;
    display: block; }
  .collapse.am-collapse.in-add {
    animation-name: expand; }

/* END ::: Accordion */
/* Overlay */

.LayerClose {
  text-align: right; }

.LayerClose p {
  color: #999999;
  cursor: pointer;
  display: inline; }

.LayerClose p:hover {
  color: #535353;
}



.modal-backdrop {
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000; }

/* END ::: Overlay */
.header {
  background: #012748;
  background: -moz-linear-gradient(left, #012748 0%, #234a6c 50%, #012748 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #012748), color-stop(50%, #234a6c), color-stop(100%, #012748));
  background: -webkit-linear-gradient(left, #012748 0%, #234a6c 50%, #012748 100%);
  background: -o-linear-gradient(left, #012748 0%, #234a6c 50%, #012748 100%);
  background: -ms-linear-gradient(left, #012748 0%, #234a6c 50%, #012748 100%);
  background: linear-gradient(to right, #012748 0%, #234a6c 50%, #012748 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012748', endColorstr='#012748',GradientType=1 );
  padding: 17px 0 3px 0; }

.panel.headpanel {
  margin-bottom: 0;
  border-radius: 0;}

@media (max-width: 991px) {

  .panel.headpanel {
    border-radius: 0;
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  .panel.headpanel {
    top: 110px; }

}

@media (min-width: 768px) {
.panel {
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2); }

  .panelrow {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

  .panelrow.open#Register {
    overflow: visible;
  }

  .panelrow.open {
    border-top: 1px solid #bfc0be;
    padding: 0;
    max-height: 2000px;
    opacity: 1; }

  .panelcol {
    border-left: 1px solid #949291;
    border-right: 1px solid #949291; }

  .panelcol:hover {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.02)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.panelcol:last-child {
border-right: 2px solid #949291;
}

.panelcol .icon {
  font-size: 45px;
}
}
#Slider .background {
  background-size: cover;
  background-position: center center;); }

#Slider {
  margin-bottom: 50px;
  -webkit-box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.4); }

@media(max-width: 767px) {
#Slider {display: none; }
.panel.headpanel {margin-bottom: 40px;}
}
#Slider .container,
#Slider .background,
#Slider .jumbotron {
  height: 100%; }

  #Footer .gameListing h3 {
    font-size: 14px;
    margin: 0;
    text-transform: none;
    margin: 5px 0;
  }

#Footer {
  margin: 40px auto 0px auto;
  padding: 15px 20px 25px 20px;
  background: #202020;
  /* Old browsers */
  background: -moz-linear-gradient(left, #202020 0%, #444444 35%, #1f1f1f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #202020), color-stop(35%, #444444), color-stop(100%, #1f1f1f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #202020 0%, #444444 35%, #1f1f1f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #202020 0%, #444444 35%, #1f1f1f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #202020 0%, #444444 35%, #1f1f1f 100%);
  /* IE10+ */
  background: linear-gradient(to right, #202020 0%, #444444 35%, #1f1f1f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#1f1f1f',GradientType=1 );
  /* IE6-9 */ }

#Footer h1,
#Footer h2,
#Footer h3,
#Footer h4,
#Footer h5,
#Footer h6,
#Footer p,
#Footer span,
#Footer a {
  color: #fff; }

#Footer hr {
  height: 0;
  border-top: #101010 2px solid;
  border-bottom: #6a6a6a 2px solid;
  margin: 25px -20px; }



@media(min-width: 768px) {

  #Footer hr {
    border-top: #101010 1px solid;
    border-bottom: #6a6a6a 1px solid;
  }

}

#Footer .social {
  text-align: center; }



#SubFooter {
  background: #24344d;
  padding: 20px;
  text-align: center;
  /*border-top: 2px solid #667383;*/ }

#SubFooter p {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left; }

#SubFooter a,
#SubFooter a:hover {
color: #fff;
  text-decoration: underline;
}

#Legal {
  text-align: center;
  padding: 20px; }

#Legal p {
  color: #fff;
  font-size: 12px;
  line-height: 18px; }

#Legal img {
  margin: 15px 0;
  max-width: 100%;
  height: auto; }

fieldset {
  padding: 20px;
  background: #dcdcda;
  margin: 20px; }

label {
  font-weight: normal; }

input[type="text"],
input[type="password"] {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 25px;
  margin: 5px 0;
  outline: 0;
  background: #eeedec;
  background: -moz-linear-gradient(top, #3c4548 0%, #afb3b4 3%, #eeedec 5%, #eeedec 50%, #eeedec 97%, #fff9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c4548), color-stop(3%, #afb3b4), color-stop(5%, #eeedec), color-stop(50%, #eeedec), color-stop(97%, #eeedec), color-stop(100%, #fff9f9));
  background: -webkit-linear-gradient(top, #3c4548 0%, #afb3b4 3%, #eeedec 5%, #eeedec 50%, #eeedec 97%, #fff9f9 100%);
  background: -o-linear-gradient(top, #3c4548 0%, #afb3b4 3%, #eeedec 5%, #eeedec 50%, #eeedec 97%, #fff9f9 100%);
  background: -ms-linear-gradient(top, #3c4548 0%, #afb3b4 3%, #eeedec 5%, #eeedec 50%, #eeedec 97%, #fff9f9 100%);
  background: linear-gradient(to bottom, #3c4548 0%, #afb3b4 3%, #eeedec 5%, #eeedec 50%, #eeedec 97%, #fff9f9 100%);
  border: 0;
  border-radius: 4px;
  border-top: 1px solid #bbbab7;
  border-bottom: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 10px; }

@media (max-width: 767px) {
   input[type="text"],
   input[type="password"] {
     line-height: 24px;
     font-size: 16px;
   }
}

#registrationForm input[type="text"], #registrationForm input[type="password"] {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 18px;
}

.password_test + label {
  height: 2px;
  float: left;
  position: relative;
  top: -5px;
}

.password_test + label.shortPass {
  width: 25%;
  background: red }

.password_test + label.badPass {
  width: 50%;
  background: yellow }

.password_test + label.goodPass {
  width: 75%;
  background: green }

.password_test + label.strongPass {
  width: 100%;
  background: #7bff8b }

/* Radio Buttons */
.radioHolder {
  position: relative; }

input[type='radio']{
  cursor: pointer;
  position: relative;
  right: -22px; top: -2px;
  z-index: 2;
  opacity: 0;
}
input[type='checkbox'] {
  display: none;
  cursor: pointer; }

input[type='radio']:focus, input[type='radio']:active,
input[type='checkbox']:focus,
input[type='checkbox']:active {
  outline: none; }

input[type='radio'] + label,
input[type='checkbox'] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-right: 10px;
  line-height: 20px; }

input[type='checkbox'] + label {
  font-size: 14px;
  color: #090c0f; }

input[type='radio'] + label:before, input[type='radio'] + label:after,
input[type='checkbox'] + label:before,
input[type='checkbox'] + label:after {
  content: '';
  font-family: helvetica;
  display: inline-block;
  width: 25px;
  height: 25px;
  left: 0;
  top: 0;
  text-align: center;
  position: absolute; }

input[type='radio'] + label:before, input[type='radio'] + label:after {
  width: 20px;
  height: 20px; }

input[type='radio'] + label:before,
input[type='checkbox'] + label:before {
  border-top: 1px solid #3c4245;
  border-bottom: 1px solid #f1f1ef;
  background-color: #fff;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

input[type='radio'] + label:after,
input[type='checkbox'] + label:after {
  color: #fff; }

input[type='radio']:checked + label:before,
input[type='checkbox']:checked + label:before {
  -moz-box-shadow: inset 0 0 0 10px #e6e6e4;
  -webkit-box-shadow: inset 0 0 0 10px #e6e6e4;
  box-shadow: inset 0 0 0 10px #e6e6e4; }

/*Radio Specific styles*/
input[type='radio'] + label:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

input[type='radio'] + label:hover:after, input[type='radio']:checked + label:after {
  content: '\2022';
  position: absolute;
  top: 3px;
  font-size: 52px;
  line-height: 17px; }

input[type='radio']:hover + label:hover:after {
  color: #c7c7c7; }

input[type='radio']:checked + label:after, input[type='radio']:checked + label:hover:after {
  color: #023565; }

/*Checkbox Specific styles*/
input[type='checkbox'] + label:before {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

input[type='checkbox'] + label:hover:after, input[type='checkbox']:checked + label:after {
  content: "\2713";
  line-height: 32px;
  font-size: 20px; }

input[type='checkbox'] + label:hover:after {
  color: #c7c7c7; }

input[type='checkbox']:checked + label:after, input[type='checkbox']:checked + label:hover:after {
  color: #023565; }

/*Toggle Specific styles*/
input[type='checkbox'].toggle {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 55px;
  height: 28px;
  background-color: #fafafa;
  position: relative;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  @inlcude box-shadow(none);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

input[type='checkbox'].toggle:hover:after {
  background-color: #c7c7c7; }

input[type='checkbox'].toggle:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #adadad;
  top: 2px;
  left: 2px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

input[type='checkbox']:checked.toggle {
  -moz-box-shadow: inset 0 0 0 15px #158EC6;
  -webkit-box-shadow: inset 0 0 0 15px #158EC6;
  box-shadow: inset 0 0 0 15px #158EC6; }

input[type='checkbox']:checked.toggle:after {
  left: 29px;
  background-color: #fff; }

/* END ::: Radio Buttons */

td.errorholder {
  padding: 0 !important;
  margin: 0;
}

input.error {
  border: 2px solid #c20000;
}

div.error {
  display: none;
  width: 29px;
  height: 29px;
  background: url('../img/input_error.png') no-repeat top left;
  position: relative;
}

div.error .bubble {
  position: absolute;
  bottom: 35px;
  font-size: 10px;
  line-height: 14px;
  width: 200px;
  z-index: 4;
  background: #f2c9ca;
  padding: 5px;
  left: -85px;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #c20000;
}

div.error .bubble {
  display: block !important;
}

#errorContainerLoginContent {
  font-size :12px;
  background: #f2c9ca;
  padding: 5px;
  line-height: 14px;
  font-weight: bold;
}

input[type="submit"],
button,
input.button,
.layer button.jqidefaultbutton {
  background: #fee34e;
  background: -moz-linear-gradient(top, #fee34e 0%, #daba30 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fee34e), color-stop(100%, #daba30));
  background: -webkit-linear-gradient(top, #fee34e 0%, #daba30 100%);
  background: -o-linear-gradient(top, #fee34e 0%, #daba30 100%);
  background: -ms-linear-gradient(top, #fee34e 0%, #daba30 100%);
  background: linear-gradient(to bottom, #fee34e 0%, #daba30 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee34e', endColorstr='#daba30',GradientType=0 );
  color: #011b31;
  text-transform: uppercase;
  text-align: left;
  font-size: 20px;
  line-height: 40px;
  padding: 0 20px;
  border: 0;
  border-bottom: 2px solid #b99969;
  border-radius: 6px;
  margin: 10px 0;
  display: inline-block;
  width: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  }

input[type="submit"]:not(.blue):hover,
button:hover,
input.button:hover,
.layer button.jqidefaultbutton:hover {
  background: #fee34e;
  background: -moz-linear-gradient(top, #fee34e 0%, #fee34e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fee34e), color-stop(100%, #fee34e));
  background: -webkit-linear-gradient(top, #fee34e 0%, #fee34e 100%);
  background: -o-linear-gradient(top, #fee34e 0%, #fee34e 100%);
  background: -ms-linear-gradient(top, #fee34e 0%, #fee34e 100%);
  background: linear-gradient(to bottom, #fee34e 0%, #fee34e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee34e', endColorstr='#fee34e',GradientType=0 );
}

.layer button {
  color: #fff;
  background: rgb(45,45,45); /* Old browsers */
background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(28,28,28,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(28,28,28,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(28,28,28,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(28,28,28,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(28,28,28,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(28,28,28,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
border-bottom: 2px solid #000;
}

button.button {
  font-size: 18px;
  line-height: 40px;
  padding: 0 10px 0 20px;
  border-radius: 7px; }

button.button span {
  border-left-width: 0;
  border-right-width: 1px;
  border-style: solid;
  -webkit-border-image: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 50%, transparent) 1 100%;
  -moz-border-image: -moz-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 50%, transparent) 1 100%;
  -o-border-image: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 50%, transparent) 1 100%;
  border-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 50%, transparent) 1 100%;
  padding-right: 15px; }

form button {
  float: right; }

button.button:after {
  content: " ";
  background-image: url("../img/button-arrow-blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  float: right;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  margin: 7px 6px 7px 10px; }

table button {
  margin: 0; }

button.blue,
input.blue {
  color: #fff;
  background: #317da7;
  background: -moz-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #317da7), color-stop(100%, #18648d));
  background: -webkit-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: -o-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: -ms-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: linear-gradient(to bottom, #317da7 0%, #18648d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#317da7', endColorstr='#18648d',GradientType=0 );
  border-bottom: 2px solid #172942; }

/* Button Variations */
/* BUTTON BLUE */
button.blue,
input.blue {
  color: #fff;
  background: #317da7;
  background: -moz-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #317da7), color-stop(100%, #18648d));
  background: -webkit-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: -o-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: -ms-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: linear-gradient(to bottom, #317da7 0%, #18648d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#317da7', endColorstr='#18648d',GradientType=0 );
  border-bottom: 2px solid #172942; }

button.button.blue:after {
  background-image: url("../img/button-arrow-white.svg"); }

/* END ::: BUTTON BLUE */
/* BUTTON REVERSED */
button.reversed {
  padding: 0 30px 0 10px; }

button.button.reversed span {
  border-right-width: 0;
  border-left-width: 1px;
  padding-right: 0;
  padding-left: 25px; }

button.button.reversed:after {
  float: left;
  margin: 7px 10px 7px 0;
  background-image: url("../img/button-arrow-blue-reversed.svg"); }

button.button.blue.reversed:after {
  background-image: url("../img/button-arrow-white-reversed.svg"); }

/* END ::: BUTTON REVERSED */
/* BUTTON CTA */
@media (min-width: 768px) {
  button.button.cta {
    padding: 0 10px 0 30px;
    line-height: 60px;
    font-size: 30px; }

  button.button.cta:after {
    background-size: 35px 35px;
    margin: 12px 6px 12px 10px;
    width: 35px;
    height: 35px; }

  button.button.cta span {
    padding-right: 25px; }

  button.button.reversed.cta {
    padding-left: 10px;
    padding-right: 20px; }

  button.button.reversed.cta:after {
    margin: 12px 10px 12px 6px; }

  button.button.reversed.cta span {
    padding-right: 0;
    padding-left: 15px; } }
/* END ::: BUTTON CTA */
/* BUTTON BIG */
@media (min-width: 1220px) {
  button.button.big {
    font-size: 44px;
    line-height: 85px;
    padding-left: 45px; }

  button.button.big:after {
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    margin: 18px 10px 18px 18px; }

  button.button.big span {
    padding-right: 40px; }

  button.button.reversed.big {
    padding-right: 45px;
    padding-left: 10px; }

  button.button.reversed.big:after {
    margin: 18px 18px 18px 10px; }

  button.button.reversed.big span {
    padding-right: 0;
    padding-left: 40px; } }
/* END ::: BUTTON BIG */
/* BUTTON WINNERCAROUSEL */
#WinnerCarousel button {
  background: rgba(46, 99, 148, 0.2);
  border: 2px solid #fff;
  color: #fff; }

#WinnerCarousel button:hover {
  background: rgba(46, 99, 148, 0.4); }

/* END ::: BUTTON WINNERCAROUSEL */
/* END ::: Button Variations */

#Register td {
  padding: 0 10px;
}

#Login {
 float: right;
}

#Login td {
  padding: 5px; }

#Login a:before {
  font-family: 'sun-icon-font';
  content: "\e603  ";
  font-size: 10px; }

#Login a {
  font-size: 12px;
  color: #242727;
  line-height: 16px;
  white-space: nowrap; }

#Login input[type="text"],
#Login input[type="password"] {
  margin: 0;
}

#DesktopPanel input[type="submit"] {
  line-height: 30px;
  margin: 0;
  float: left;
  margin-right: 10px;
}

/* Rating Module */
fieldset.rating {
  background: none;
  margin: 0;
  padding: 0;
  float: none;
  display: inline; }

.mod_rating:focus {
  outline: 0; }

.mod_rating form {
  zoom: 1; }

.mod_rating form:before, .mod_rating form:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.mod_rating form:after {
  clear: both; }

.mod_rating fieldset {
  border: none;
  padding: 0; }

.mod_rating fieldset:focus {
  outline: 0; }

.mod_rating fieldset:not(:checked) > input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.mod_rating fieldset:not(:checked) > label {
  float: right;
  padding: 0px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  color: #B9B9B9;
  line-height: 16px; }

.mod_rating fieldset:not(:checked) > label:before {
  content: '★ '; }

.mod_rating fieldset:not(:checked) > label:hover, .mod_rating fieldset:not(:checked) > label:hover ~ label, .mod_rating fieldset:not(:checked) > input:focus + label, .mod_rating fieldset:not(:checked) > input:focus + label ~ label {
  color: #f5db22; }

.mod_rating fieldset > input:checked ~ label {
  color: #101010; }

.mod_rating fieldset > input:checked + label:hover, .mod_rating fieldset > input:checked + label:hover ~ label, .mod_rating fieldset > input:checked ~ label:hover, .mod_rating fieldset > input:checked ~ label:hover ~ label, .mod_rating fieldset > label:hover ~ input:checked ~ label {
  color: #f5db22; }

/* END :: Rating Module */
@media (min-width: 992px) {
  fieldset {
    margin: 30px 0 40px 0;
    position: relative; }

  fieldset label {
    color: #265173;
    font-size: 16px; }

  fieldset td.labelHolder {
    text-align: right; }


#registrationFormConfirm fieldset td.labelHolder {width: 50%;}
  input {
    font-size: 18px;
    line-height: 35px;
    padding: 2px 10px;
    margin: 0; }

  fieldset legend {
    position: absolute;
    top: -20px;
    margin-left: -20px;
    border-bottom: 0;} }
#GameFilter {
  background: rgba(96, 157, 192, 0.5); }

#GameFilter p {
  font-size: 25px;
  color: #fff;
  margin: 10px 0; }

input#search-term {
  line-height: 28px;
  border-top: 1px solid #000;
  background: #5286a3;
  background: -moz-linear-gradient(top, black 0%, #5286a3 4%, #5286a3 96%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(4%, #5286a3), color-stop(96%, #5286a3), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, black 0%, #5286a3 4%, #5286a3 96%, #e5e5e5 100%);
  background: -o-linear-gradient(top, black 0%, #5286a3 4%, #5286a3 96%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, black 0%, #5286a3 4%, #5286a3 96%, #e5e5e5 100%);
  background: linear-gradient(to bottom, black 0%, #5286a3 4%, #5286a3 96%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e5e5e5',GradientType=0 );
  color: #fff; }

.isotope {
  margin: 5px;
  clear: both; }

.isotope:after {
  content: '';
  display: block;
  clear: both; }

.item {
  padding: 0 2px 5px 3px; }

.item .game {
  background: #fff; }

.game {
  position: relative; }

.gameOverlay button.more,
.gameOverlay button.favouritebutton:not(.blue) {
  border: 2px solid #fff;
  color: #fff;
  background: none;
  margin: 15px; }

.gameOverlay button.more:hover,
.gameOverlay button.favouritebutton:not(.blue):hover {
  border: 2px solid #000;
  color: #000;
  background: #fff;
}
.gameOverlay button.more {
  float: left; }

.gameOverlay button.favouritebutton {
  float: right; }

.gameOverlay .button {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  left: 50%;
  margin-left: -103px; }


li.gl-item.favourite button.favouritebutton,
li.gl-preview .favourite button.favouritebutton {
  /*position: absolute;
  top: -5px;
  right: 0;
  margin: 0;
  padding: 0 10px;
  font-size: 26px;
  border-bottom: 0;*/
  color: #fff;
  background: #317da7;
  background: -moz-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #317da7), color-stop(100%, #18648d));
  background: -webkit-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: -o-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: -ms-linear-gradient(top, #317da7 0%, #18648d 100%);
  background: linear-gradient(to bottom, #317da7 0%, #18648d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#317da7', endColorstr='#18648d',GradientType=0 );
  border: 0;
  border-bottom: 2px solid #172942;
}

.gameName {
position: absolute;
  top: 0;
  width: 100%;
  padding: 0 10px 10px 10px;
  background: #dce1e7;
  -webkit-box-shadow: -1px 3px 14px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 3px 14px 0px rgba(0,0,0,0.75);
  box-shadow: -1px 3px 14px 0px rgba(0,0,0,0.75);
}

.gameGridControls {
  background: rgba(69,132,165,0.6);
  margin: 30px 0 10px 0;
}

.gameGridControls label {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 40px;
}

.gallery .gl-item.active figure:hover .gameName {display: none;}

.gallery .gl-item:not(.active) figure:hover .gameName {
  top: 100%;
}

.gameName h4 {
font-size: 20px;
}

.gameName .gameNameRating td {
  padding: 0;
}

.gameImage img {
  width: 100%;
  height: auto;
  display: block; }

.gameInfo {
  position: relative;
  z-index: 3;
  max-height: 0px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: max-height;
  -webkit-transition-duration: 0s;
  -webkit-transition-timing-function: linear;
  -webkit-transition-delay: 0s;
  /* Standard syntax */
  transition-property: max-height;
  transition-duration: 0s;
  transition-timing-function: linear;
  transition-delay: 0s; }

.gameInfo .inner {
  margin: 10px 20px; }

.gameInfo h4 {
  color: #265173;
  font-size: 25px; }

.item.hover .gameInfo {
  max-height: 500px;
  -webkit-transition-delay: 0.5s;
  -webkit-transition-duration: 1s;
  transition-delay: 0.5s;
  transition-duration: 1s; }

#HiddenOverlay {
  display: none;
  background: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.GameDetail {
  background: #fff;
  padding: 20px 0;
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  -webkit-transition-delay: 0s;
  /* Standard syntax */
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: linear;
  transition-delay: 0s; }

.closeGameLayer p {
  margin: 0;
  text-align: right;
  color: #4c4c4c;
  line-height: 42px;
  cursor: pointer; }

.layercontrol {
  border-bottom: 1px solid #ccc; }

.GameDetail .favorite {
  float: right;
  margin: 0; }

@media (min-width: 992px) {
  /* Game Layer Animation */
  .item.hover {
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0.5s;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-delay: 0.5s; }

  .item.active {
    left: 0 !important;
    width: 100%;
    z-index: 5; }

  .item.active .gameImage {
    -webkit-animation: gameImage 1s linear 1 forwards;
    /* Safari 4+ */
    -moz-animation: gameImage 1s linear 1 forwards;
    /* Fx 5+ */
    -o-animation: gameImage 1s linear 1 forwards;
    /* Opera 12+ */
    animation: gameImage 1s linear 1 forwards;
    /* IE 10+, Fx 29+ */
    overflow: hidden; }

  .item.active .gameOverlay {
    display: none; }

  @-webkit-keyframes gameImage {
    0% {
      opacity: 1;
      max-height: 500px; }
    50% {
      opacity: 0;
      max-height: 500px; }
    100% {
      opacity: 0;
      max-height: 0; } }
  @-moz-keyframes gameImage {
    0% {
      opacity: 1;
      max-height: 500px; }
    50% {
      opacity: 0;
      max-height: 500px; }
    100% {
      opacity: 0;
      max-height: 0; } }
  @-o-keyframes gameImage {
    0% {
      opacity: 1;
      max-height: 500px; }
    50% {
      opacity: 0;
      max-height: 500px; }
    100% {
      opacity: 0;
      max-height: 0; } }
  @keyframes gameImage {
    0% {
      opacity: 1;
      max-height: 500px; }
    50% {
      opacity: 0;
      max-height: 500px; }
    100% {
      opacity: 0;
      max-height: 0; } }
  .item.active .gameImage img {
    max-width: 100%;
    width: auto;
    height: auto; }

  .item .GameDetail {
    overflow-y: hidden;
    max-height: 0;
    padding: 0;
    opacity: 0; }

  .item.active .GameDetail {
    -webkit-animation: gameDetail 0.5s linear 0.85s 1 forwards alternate;
    /* Safari 4+ */
    -moz-animation: gameDetail 0.5s linear 0.85s 1 forwards alternate;
    /* Fx 5+ */
    -o-animation: gameDetail 0.5s linear 0.85s 1 forwards alternate;
    /* Opera 12+ */
    animation: gameDetail 0.5s linear 0.85s 1 forwards alternate;
    /* IE 10+, Fx 29+ */ }

  @-webkit-keyframes gameDetail {
    0% {
      padding: 0;
      max-height: 0;
      opacity: 0; }
    50% {
      padding: 20px 0;
      max-height: 1000px;
      opacity: 0; }
    100% {
      padding: 20px 0;
      max-height: 1000px;
      opacity: 1; } }
  @-moz-keyframes gameDetail {
    0% {
      padding: 0;
      max-height: 0;
      opacity: 0; }
    50% {
      padding: 20px 0;
      max-height: 1000px;
      opacity: 0; }
    100% {
      padding: 20px 0;
      max-height: 1000px;
      opacity: 1; } }
  @-o-keyframes gameDetail {
    0% {
      padding: 0;
      max-height: 0;
      opacity: 0; }
    50% {
      padding: 20px 0;
      max-height: 1000px;
      opacity: 0; }
    100% {
      padding: 20px 0;
      max-height: 1000px;
      opacity: 1; } }
  @keyframes gameDetail {
    0% {
      padding: 0;
      max-height: 0;
      opacity: 0; }
    50% {
      padding: 20px 0;
      max-height: 1000px;
      opacity: 0; }
    100% {
      padding: 20px 0;
      max-height: 1000px;
      opacity: 1; } } }
/* Import max 767px Styleshet */
body {
  background: #193b5d;
  overflow-x: hidden; }

hr {
  margin-bottom: 0;
  margin-top: 0; }

h2,
.mediumContentCol h1, {
  font-size: 40px; }

h3,
h2 span,
.mediumContentCol h1 span {
  font-size: 30px; }

.jumbotron {
  margin-bottom: 0; }

.mediumContentCol,
.content {
  background: #fff;
  padding-top: 20px;
  padding-bottom: 20px; }

.panel {
  padding: 3px 0;
  background: #cccdca; }

#Logo {
  background: url("../img/logo-xs.png") top left no-repeat;
  width: 225px;
  height: 44px;
  margin: 0 auto;
  cursor: pointer; }

#NavigationToggler {
  width: 27px;
  height: 27px;
  position: relative;
  margin: 20px;
  z-index: 4;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0; }

#NavigationToggler span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#NavigationToggler span:nth-child(1) {
  top: 0px; }

#NavigationToggler span:nth-child(2) {
  top: 10px; }

#NavigationToggler span:nth-child(3) {
  top: 20px; }

#NavigationToggler.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

#NavigationToggler.open span:nth-child(2) {
  opacity: 0;
  left: 60px; }

#NavigationToggler.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }


#MobileMenu ul {
  margin: 0;
  padding: 0; }

#MobileMenu ul li {
  list-style: none;
  margin: 0;
  padding: 10px 25px;
  font-size: 20px;
  color: #fff;
  font-family: 'thesans_boldplain';
  border-top: 1px solid #ccccca;
  border-bottom: 1px solid #3b3e3b;
  line-height: 28px;}

#MobileMenu ul li:first-child {
  border-top: 0; }

#MobileMenu ul li:last-child {
  border-bottom: 0; }

#MobileMenu li > i {
  float: right;
  line-height: 25px;
  color: #fff;}

li.login {
  background: #507e9c;
  border-top: 1px solid #83a3b8;
  border-bottom: 1px solid #18333f; }

li.register {
  border-top: 1px solid #18333f;
  background: #fde169;
  background: -moz-linear-gradient(top, #fde169 0%, #fdd11f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fde169), color-stop(100%, #fdd11f));
  background: -webkit-linear-gradient(top, #fde169 0%, #fdd11f 100%);
  background: -o-linear-gradient(top, #fde169 0%, #fdd11f 100%);
  background: -ms-linear-gradient(top, #fde169 0%, #fdd11f 100%);
  background: linear-gradient(to bottom, #fde169 0%, #fdd11f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde169', endColorstr='#fdd11f',GradientType=0 );
  color: #0f3555; }

#MobileMenu li a {
  text-decoration: none;
  color: #fff;
  display: block;
  font-weight: 700; }

#MobileMenu ul li.register a,
#MobileMenu ul li.register i { color: #0f3555; }

table {
  width: 100%; }


.overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none; }

.layer {
  background: rgba(255, 255, 255, 0.85);
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  overflow-y: scroll;
  margin-top: 0 !important;}

.layer.white {
  background: #dfdfdf;}

.layer hr {
  border-top: 1px solid #9f9e99;
  border-bottom: 1px solid #9f9e99; }

.layer button {
  float: left;
  margin: 20px 20px 0 0 !important; }

#LayerClose {
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer; }

#LayerClose p {
  color: #9f9c9a;
  font-size: 14px;
  margin: 0; }

#LayerClose p span {
  font-size: 22px;
  margin-left: 5px; }

@media (min-width: 768px) {
  p {
    font-size: 20px;
    line-height: 28px; }

  li {
    font-size: 25px;
    color: #265173;
    line-height: 30px;
    margin: 8px 0; }

  li ul li {
    font-size: 23px;
    line-height: 25px; }

  th,
  th p{
    font-size: 14px; }

  td {
    font-size: 20px;
    line-height: 28px; }

  table.form-table td {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 10px;}

table.form-table td:first-child {
  text-align: right;
}

.last-right td:last-child,
.last-right th:last-child {
  text-align: right;
}

  #Logo {
    background-image: url("../img/logo-sm.png");
    width: 460px;
    height: 75px; }

  #NavigationToggler {
    width: 36px;
    height: 36px;
    margin: 37px; }

  #NavigationToggler span {
    height: 6px;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }

  #NavigationToggler span:nth-child(1) {
    top: 0px; }

  #NavigationToggler span:nth-child(2) {
    top: 13px; }

  #NavigationToggler span:nth-child(3) {
    top: 27px; }

  #NavigationToggler.open span:nth-child(1) {
    top: 20px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }

  #NavigationToggler.open span:nth-child(2) {
    opacity: 0;
    left: 100px; }

  #NavigationToggler.open span:nth-child(3) {
    top: 20px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); }

  table {
    width: 100%; }

  .panel {
    padding: 0; }

  #Breadcrumb ul {
    padding: 0;
    margin: 0; }

  #Breadcrumb ul li {
    float: left;
    list-style: none;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    line-height: 30px;
    margin: 15px 0; }

  #Breadcrumb ul li:after {
    font-family: 'sun-icon-font';
    content: "\e603";
    font-size: 12px;
    color: #6089ad;
    line-height: 30px;
    padding: 0 9px; }

  #Breadcrumb ul li a,
  #Breadcrumb ul li a:focus {
    color: #fff;
    text-decoration: none; }

  #Breadcrumb ul li a:hover {
    font-weight: 500;
    color: #fff;
    text-decoration: underline; }

  #Breadcrumb ul li.current {
    font-weight: 600; }

  #Breadcrumb ul li.current:after {
    padding: 0 0 0 10px;
    content: ""; }

  .pageActions ul {
    margin: 0;
    padding: 0;
    float: right; }

  .pageActions li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    cursor: pointer;
    float: left;
    margin-left: 15px;}

  .pageActions li ul {
    padding: 10px 0; }

  .pageActions li li {
    margin: 0; }


  .pageActions li span {
    color: rgba(255,255,255,0.6); }

  .pageActions li:hover span {
    color: rgba(255,255,255,1); }


  /*.mediumContentCol .pageActions li:hover i,
  .content .pageActions li:hover i {
    background: #195171; }

  .pageActions li.share ul {
    padding-top: 45px;
    display: none;
    float: none;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    padding: 0;
    z-index: 2; }

  .pageActions li.share:hover ul {
    display: block; }

  .pageActions li.share li {
    float: none;
    margin: 0;
    padding: 3px 20px;
    text-align: left;
    font-size: 14px;
    color: #2f5870; }

  .pageActions li.share li:hover {
    background: rgba(0, 0, 0, 0.2); }*/


ul.social-dropdown.active {
  display: block;
}
  /* Social Dropdown */
  ul.social-dropdown {
    padding: 10px 0;
    right: -65px; margin-top: -10px;}

  .social-dropdown li {
    font-size: 12px;
    margin: 0;
    color: #265173;
    border-bottom: 1px solid #a5aaae; }

  .social-dropdown li:last-child {
    border-bottom: 0; }

  .social-dropdown li:hover a {
    background: none; }

  .social-dropdown li a {
    font-size: 16px;
    color: #265173;
    text-decoration: none;
    line-height: 45px;
    padding: 0 3px 0 3px; }

  .social-dropdown li a img {
    margin: -3px 5px 0 0;
    width: auto; }

  .social-dropdown h3 {
    margin: 0;
    font-weight: bold; }

  /* END ::: Social Dropdown */
  #Footer .social {
    text-align: left; }

  #Footer .social a {
    margin: 0 10px; }

  #Footer .social a:first-child {
    margin-left: 0; }

  #Legal .logo {
    float: left; }

  #Legal .claim {
    float: right; }

  #Legal p,
  #Legal p:before {
    clear: both; }

  #Legal br {
    display: none; }

 .layer {
    background: rgba(255, 255, 255, 0.85);
    width: 900px;
    padding: 40px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: auto;
    bottom: auto;
    overflow-y: hidden;
    top: 50%; left: 50%; margin-left: -450px;}

.overlay #gameLayer {
margin-left: 0;
  margin-top: 0;
}

  #WinnerCarousel h3 {
    font-size: 40px; }

    #gameSelectorInnerMenu {
      line-height: 35px;
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      background: url('/fileadmin/img/DropDownButton.png') no-repeat 5px 5px;
      cursor: pointer;
    }


  }
@media (min-width: 992px) {
  body {
    background: url("../img/background.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    padding-bottom: 50px; }

  p {
    font-size: 16px;
    line-height: 26px; }

  li ul li {
    font-size: 16px;
    line-height: 22px; }

  .header {
    padding: 0;
    margin-bottom: 0; }

  #Logo {
    background-image: url("../img/logo-md.png");
    width: 304px;
    height: 69px;
    margin: 40px 0 20px 50px;
    float: left; }


  #UserNav {
    padding: 0;
    margin: 0;
    float: right; }

  #UserNav li {
    list-style: none;
    margin: 0;
    padding: 0 15px;
    float: left;
    text-transform: uppercase;
    font-size: 20px;
    cursor: pointer;
    border-right: 1px solid #c8c8c6;
    border-left: 1px solid #bfc0be;
    line-height: 42px; }

  #UserNav .login {
    border-top: 0;
    border-bottom: 0;
    color: #fff; }

  #UserNav .register {
    border-top: 0;
    border-bottom: 0; }

#UserNav #HideLobby {display: block;}
#UserNav #ShowLobby {display: none;}
#UserNav.openlobby #ShowLobby {display: block;}
#UserNav.openlobby #HideLobby {display: none;}
#UserNav.openlobby li.userstats {display: none;}

#LanguageNav {
margin: 0;
  padding: 0;
  float: left;
}

#LanguageNav li{
  list-style: none;
  margin: 0;
  padding: 0;
}
#LanguageNav li,
#LanguageNav li a {
  font-size: 12px;
  line-height: 42px;
  text-decoration: none;
}

#LanguageNav li ul { display: none;}

#LanguageNav li:hover ul {
  z-index:99999;
  border-top: 1px solid #bfc0be;
  display:block !important;
  position:absolute;
  margin-left:-17px;
  background: #cccdca;
}
#LanguageNav li:hover ul li {
  border-bottom: 1px solid #bfc0be;
}

#LanguageNav li img {
  display: inline;
  margin-right: 5px;
}

  #DesktopMenu {
    float: right;
    display: table;
    border-left: 1px solid #fff;
    border-right: 1px solid #000; }

  #DesktopMenu .menuItem {
    width: 180px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 130px;
    border-right: 1px solid #fff;
    border-left: 1px solid #000;
    padding: 0 10px; }

  #DesktopMenu .menuItem.active,
  #DesktopMenu .menuItem:hover {
    background: #132332;
    background: -moz-linear-gradient(top, #132332 0%, #23486a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #132332), color-stop(100%, #23486a));
    background: -webkit-linear-gradient(top, #132332 0%, #23486a 100%);
    background: -o-linear-gradient(top, #132332 0%, #23486a 100%);
    background: -ms-linear-gradient(top, #132332 0%, #23486a 100%);
    background: linear-gradient(to bottom, #132332 0%, #23486a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132332', endColorstr='#23486a',GradientType=0 ); }

  #DesktopMenu h3 a {
    color: #fff;
    font-size: 22px; }

  #DesktopMenu a {
    display: inline-block; }

  #DesktopMenu a:hover {
    text-decoration: none; }

  #SideNavigation .inner {
    background: -moz-linear-gradient(top, rgba(87, 123, 157, 0.7) 0%, rgba(20, 61, 94, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(87, 123, 157, 0.7)), color-stop(100%, rgba(20, 61, 94, 0.7)));
    background: -webkit-linear-gradient(top, rgba(87, 123, 157, 0.7) 0%, rgba(20, 61, 94, 0.7) 100%);
    background: -o-linear-gradient(top, rgba(87, 123, 157, 0.7) 0%, rgba(20, 61, 94, 0.7) 100%);
    background: -ms-linear-gradient(top, rgba(87, 123, 157, 0.7) 0%, rgba(20, 61, 94, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(87, 123, 157, 0.7) 0%, rgba(20, 61, 94, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3577b9d', endColorstr='#b3143d5e',GradientType=0 );
    margin-bottom: 20px; }

  #SideNavigation ul {
    margin: 0;
    padding: 20px 0 20px 0; }

  #SideNavigation li:first-child {
    border-top: 0; }

  #SideNavigation li:last-child {
    border-bottom: 0; }

  #SideNavigation li {
    font-size: 18px;
    list-style: none;
    border-bottom: 1px solid #10171e;
    border-top: 1px solid #7491ab;
    margin: 0;
    padding: 5px 20px;
    font-family: 'thesans_semibold'; }

  #SideNavigation li:before {
    font-family: 'sun-icon-font';
    content: "\e603";
    font-size: 14px;
    color: #fff;
    margin-right: 7px;
    line-height: 20px; }

  #SideNavigation li:hover:before {
    content: "\e607"; }

  #SideNavigation li a {
    color: #fff;
    text-decoration: none; }

  #SideNavigation li.active {
    background: #dce2e7;
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

  #SideNavigation li.active:before {
    color: #265173;
    content: "\e607";}

  #SideNavigation li.active:hover:before {
    font-size: 14px;
    margin-right: 7px; }

  #SideNavigation li.active a {
    color: #265173; }

  #SideNavigation li ul {
    padding: 10px 0 10px 0;
    display: none; }

  #SideNavigation li li {
    font-family: 'thesans_extralight'; }

  #SideNavigation li li {
    border-top: 0;
    border-bottom: 0; }

  #SideNavigation li li:before,
  #SideNavigation li li:hover:before {
    margin: 0;
    content: ""; }

  #SideNavigation li li:hover {
    font-family: 'thesans_semibold'; }

  #SideNavigation li li.current a {
    font-family: 'thesans_semibold';
    color: #000; }

  #Footer {
    -webkit-box-shadow: 0px -5px 34px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -5px 34px 0px rgba(0,0,0,0.75);
    box-shadow: 0px -5px 34px 0px rgba(0,0,0,0.75);}

  #Footer .footernavigation {
    font-size: 12px;
    margin: 0; }

  #Footer .detail-information p {
    font-size: 14px;
    line-height: 20px; }

  #Footer .social a img {
    margin-top: 50px; }




  #SubFooter {
    background: none;
    border-top: 0;
    text-align: left; }

  #SubFooter .iom-logo {
    float: left;
    width: 60px;
    height: auto; }

  #SubFooter p {
    padding-left: 80px;
    line-height: 16px;
    margin: 0; }

  #Legal .claim,
  #Legal .logo {
    float: right;
    margin: 0 15px; }

  #Legal p {
    float: left;
    clear: none;
    padding-left: 60px;}

  /* Game Overlay */
  .overlay #gameLayer {
    height: auto;
    padding: 0;
    background: none;
    overflow: visible;
    display: none;
}

  .overlay {
    background: url("/fileadmin/images/gameselector/gameBackground/adp_default.jpg") no-repeat center center;
    background-size: cover; }

  #GameHead {
    height: 32px;
    background: #323334;
    background: -moz-linear-gradient(top, #323334 0%, #050a0d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323334), color-stop(100%, #050a0d));
    background: -webkit-linear-gradient(top, #323334 0%, #050a0d 100%);
    background: -o-linear-gradient(top, #323334 0%, #050a0d 100%);
    background: -ms-linear-gradient(top, #323334 0%, #050a0d 100%);
    background: linear-gradient(to bottom, #323334 0%, #050a0d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323334', endColorstr='#050a0d',GradientType=0 ); }

  #GameTitle {
    color: #fff;
    line-height: 30px;
    text-align: center;
  }

  #gameSelectorAccordion {
    position: absolute;
    top: 35px;
    left: 0;
    color: #fff;
    line-height: 30px;
    overflow-y: scroll;
    width: 220px;
    background: #363636;
    height: 100%;
    display: none;
  }

  #gameSelectorAccordion .game {
     padding: 0 10px;
     border-bottom: 1px solid #000;
     border-top: 1px solid #525252;
  }

  #gameSelectorAccordion .game a {
     color: #a3a298;
  }

  #gameSelectorAccordion .game.category {
     background: #252525;
  }

  #Game {
    margin-bottom: 20px; }
  #GameActions {margin-top: 40px;}
  #GameActions .logo {
    margin: 15px 20px 0 20px;
    width: 175px;
    height: auto; }

  #GameMenu {
    float: right;
    border-right: 1px solid #072c47;
    border-left: 1px solid #32627d; }

  .gameMenuItem {
    float: left;
    border-left: 1px solid #072c47;
    border-right: 1px solid #32627d;
    height: 55px;
    padding: 0 40px;
    color: #fff;
    line-height: 50px;
    cursor: pointer;}

  /* END ::: Game Overlay */
  /* Livechat Overlay */
  #LivechatPanel {
    position: fixed;
    z-index: 10;
    top: 200px;
    right: -505px;
    height: 460px;
    width: 535px;
    padding-left: 30px;
    background: -moz-linear-gradient(top, rgba(108, 146, 178, 0.9) 0%, rgba(3, 43, 76, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(108, 146, 178, 0.9)), color-stop(100%, rgba(3, 43, 76, 0.9)));
    background: -webkit-linear-gradient(top, rgba(108, 146, 178, 0.9) 0%, rgba(3, 43, 76, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(108, 146, 178, 0.9) 0%, rgba(3, 43, 76, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(108, 146, 178, 0.9) 0%, rgba(3, 43, 76, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(108, 146, 178, 0.9) 0%, rgba(3, 43, 76, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e66c92b2', endColorstr='#e6032b4c',GradientType=0 );
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: right;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: right;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-delay: 0s; }

  #LivechatPanel.open {
    right: 0; }

  #LivechatPanel .icon-holder {
    position: absolute;
    top: 20px;
    left: -25px;
    cursor: pointer; }

  #LivechatPanel #Livechat {
    background: #dce9eb;
    height: 460px;}

  #Livechat h2,
  #Livechat h2 span {
    font-size: 25px; }

  #Livechat hr {
    border-top: 1px solid #2c2f2f; }

  #Livechat fieldset {
    margin: 0 0 20px 0;
    padding: 0;
    background: none; }

  /* END ::: Livechat Overlay */ }
@media (min-width: 1200px) {
  #Logo {
    background-image: url("../img/logo-lg.png");
    width: 571px;
    height: 69px;
    margin: 40px 0 20px 15px; } }

.modal-wrapper{
  z-index: 100;
  width:100%;
  height:100%;
  position:fixed;
  top:0; left:0;
  background:rgba(0,0,0,0.75);
  visibility:hidden;
  opacity:0;
  overflow-y: scroll
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.modal-wrapper.open{
  opacity:1;
  visibility:visible;
}


/* ======================== Gallery ======================== */
.gallery-filters {
  text-align: center;
  margin: 40px 0; }


.gallery-filters a {
  width: 110px;
  margin: 15px;
  opacity: 0.6;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.gallery-filters a span {
  display: block;
  margin-top: 120px;
  color: #fff;
  text-transform: uppercase;}

.gallery-filters a.allgames {
  background-image: url('../img/sun_icn_allgames.svg');
}

.gallery-filters a.favouritegames {
  background-image: url('../img/sun_icn_favoriten.svg');
}

.gallery-filters a.lastgames {
  background-image: url('../img/sun_icn_letztespiele.svg');
}

.gallery-filters a.opengames {
  background-image: url('../img/sun_icn_offenespiele.svg');
}

.gallery-filters a.featuredgames {
  background-image: url('../img/sun_icn_allgames.svg');
}



.gallery-filters a:hover,
.gallery-filters a.active {
  opacity: 1; }

ul.gallery-filters > li.active > a, ul.gallery-filters > li a:hover {
  color: #76d898;
  text-decoration: none; }

.gallery {
  margin-left: 0;
  margin-right: 0;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.gallery:before, .gallery:after {
  content: " ";
  display: table; }

.gallery:after {
  clear: both; }

.gallery .gl-item {
  position: relative;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  float: left; }



@media (min-width: 768px) {
  .gallery .gl-item {
    float: left;
    width: 33.33333%; }
.gallery .gl-item:hover {z-index: 3}
}
@media (min-width: 1200px) {
  .gallery .gl-item {
    float: left;
    width: 25%; } }
.gallery .gl-item.gl-loading {
  min-height: 225px; }

.gallery .gl-item.gl-loading:after {
  content: '\f110';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -20px 0 0 -20px;
  color: #76d898;
  font: normal normal normal 33px/1 FontAwesome;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.gallery .gl-item a:hover {
  text-decoration: none; }

.gallery .gl-item figure {
  position: relative;
  z-index: 1;
  width: 100%; }

.gallery .gl-item figure img {
-webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform-style: preserve-3d;
}

.gallery .gl-item figure > img {
  max-width: 100%;
  min-width: 98%;
  vertical-align: middle;
}
.gallery .gl-item figure figcaption {

  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: rgba(0, 0, 0, 0.8); }

.notused.gallery .gl-item.active figure img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -webkit-transform: scale(1.05);

  -o-transform: scale(1.05);

 }

@media (min-width: 768px) {
  .notused.gallery .gl-item:hover figure img {

    transform: scale(1.05);
    -ms-transform: scale(1.05);
    /* IE 9 */
    -moz-transform: scale(1.05);
    /* Firefox */
    -webkit-transform: scale(1.05);
    /* Safari and Chrome */
    -o-transform: scale(1.05);
    /* Opera */
 } }
.gallery .gl-item figure:hover > figcaption { opacity: 1; }
.gallery .gl-item.gl-fixed-ratio-item.gl-loading {
  min-height: 0; }

.gallery .gl-item.gl-fixed-ratio-item > a {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 67%; }

.gallery .gl-item.gl-fixed-ratio-item.gl-fri-square > a {
  padding-top: 100%; }

.gallery .gl-item.gl-fixed-ratio-item figure {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  right: 0; }

.gallery .gl-item.gl-fixed-ratio-item figure > img {
  position: absolute;
  top: -999px;
  bottom: -999px;
  left: -999px;
  right: -999px;
  margin: auto;
  min-height: 98%;
  max-height: 100%;
  max-width: none;
  width: 90%;
  height: auto; }

.gallery .gl-item .gl-preview {
  display: none; }

.gallery .gl-item.gl-preview {
  position: relative;
  width: 100% !important; }

.gl-preview-container img {
  width: 100%;
  height: auto;
}

.glp-close {
cursor: pointer;
  margin: 15px 0;
}

.gallery .gl-item.gl-preview .glp-arrow.shadow {
  display: block;
  position: absolute;
  z-index: 1;
  top: -1px;
  left: 25.5%;
  margin-left: -32px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-color: #b9b9b9; }

.gallery .gl-item.gl-preview .glp-arrow {
  display: block;
  position: absolute;
  z-index: 2;
  top: -1px;
  left: 12.5%;
  margin-left: -30px;
  width: 0;
  height: 0;
  border: 18px solid transparent;
  border-top-color: #eaeaea; }

.gallery .gl-item.gl-preview .glp-zoom {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #444649;
  text-align: center;
  cursor: pointer; }

.gl-preview {
  border-top: 1px solid #dce1e7;
  border-bottom: 1px solid #dce1e7;
background: #dce1e7;}

.gallery .gl-item.gl-preview .gl-preview-container {
  max-width: 1200px;
  margin: 1px auto;
  padding-bottom: 20px;
 }

.gallery .gl-item.gl-preview figure {
  display: inline-block;
  width: auto;
  text-align: center;
  max-width: 800px; }

.gallery .gl-item.gl-preview figure img {
  max-width: 100%;
  min-width: 0;
  max-height: 100%; }

.gallery .gl-item.gl-preview figure img.glp-zoomed {
  display: block;
  position: fixed;
  z-index: 101;
  top: 0;
  right: 0;
  width: 100%;
  max-width: none;
  cursor: url(assets/img/zoom-out.gif), zoom-out; }

.gallery .gl-item.gl-preview figure:hover > img {
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none; }

.gallery .gl-item.gl-preview .gl-preview-image {
  text-align: center; }

.gallery .gl-item.gl-preview .gl-preview-descr {
  padding: 0 30px 0 15px;
  font-size: 13px; }

.gallery .gl-item.gl-preview .glp-readmore {
  margin-top: 20px; }

.gallery .gl-item.gl-preview .glp-social {
  margin: 50px 0 0;
  white-space: nowrap; }

.gallery .gl-item.gl-preview .glp-social span {
  display: inline-block;
  line-height: 2.3;
  font-size: 16px;
  vertical-align: middle; }

.gallery .gl-item.gl-preview .glp-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; }

.gallery .gl-item.gl-preview .glp-video iframe, .gallery .gl-item.gl-preview .glp-video object, .gallery .gl-item.gl-preview .glp-video embed, .gallery .gl-item.gl-preview .glp-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.gl-close {cursor: pointer;}

.gallery .gl-item.gl-preview .carousel {
  display: inline-block;
  max-width: 100%; }

.gallery.gl-cols-3 .gl-item {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 1200px) {
  .gallery.gl-cols-3 .gl-item {
    float: left;
    width: 33.33333%; } }
.gallery.gl-cols-3 .gl-item.gl-double {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 1200px) {
  .gallery.gl-cols-3 .gl-item.gl-double {
    float: left;
    width: 66.66667%; } }
.gallery.gl-cols-5 .gl-item {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 1200px) {
  .gallery.gl-cols-5 .gl-item {
    float: left;
    width: 20%; } }
.gallery.gl-cols-5 .gl-item.gl-double {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 1200px) {
  .gallery.gl-cols-5 .gl-item.gl-double {
    float: left;
    width: 40%; } }
.gallery.gl-cols-6 .gl-item {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 1200px) {
  .gallery.gl-cols-6 .gl-item {
    float: left;
    width: 16.66667%; } }
.gallery .gl-item-icon {
  margin-bottom: 0;
  font-size: 36px;
  text-align: center;
  color: white; }

.gallery .gl-item-title {
  margin-bottom: 0;
  font-size: 16px;
  text-align: center;
  color: white;
  text-transform: uppercase; }

.gallery .gl-item-category {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #8e9095; }

.gallery.gl-pinterest .gl-item {
  padding: 5px; }

.gallery.gl-pinterest .gl-item figcaption {
  position: relative;
  z-index: 1;
  opacity: 1;
  padding: 20px;
  background-color: white; }

.gallery.gl-pinterest .gl-item-title {
  margin-bottom: 10px;
  font-size: 15px;
  text-align: left;
  color: #444649;
  text-transform: uppercase; }

.load-more-block {
  height: 60px;
  line-height: 60px;
  text-align: center; }

.load-more-block.dark {
  background-color: #1a1a1a; }

.load-more-block .load-more-button {
  font-size: 16px;
  text-transform: uppercase; }

.load-more-block .no-more-items-sign {
  display: none; }

.load-more-block .loading-spinner {
  display: none; }

.load-more-block.loading .load-more-button {
  display: none !important; }

.load-more-block.loading .loading-spinner {
  display: inline-block !important; }

.load-more-block.no-more-items .load-more-button {
  display: none !important; }

.load-more-block.no-more-items .loading-spinner {
  display: none !important; }

.load-more-block.no-more-items .no-more-items-sign {
  display: inline-block !important; }

/* ======================== Single Work with Description ======================== */
.single-work p {
  color: #444649; }

.single-work .sw-description {
  margin-top: 50px; }

.single-work .mb-social {
  margin-top: 30px; }

.single-work .mb-social > a {
  background: none;
  font-size: 20px; }

/* ======================== Video Js Skin ======================== */
.container-fullwidth-video {
  position: relative;
  width: 100%; }

.container-fullwidth-video iframe, .container-fullwidth-video object, .container-fullwidth-video embed, .container-fullwidth-video video, .container-fullwidth-video .wp-video {
  width: 100% !important;
  height: 100% !important; }

.container-fullwidth-video .mejs-container, .container-fullwidth-video .mejs-overlay {
  width: 100% !important;
  height: 100% !important; }

.vjs-fullwidth {
  width: 100%; }

.vjs-fullheight {
  height: 100%; }

.vjs-mental-skin .vjs-play-progress {
  background: #76d898; }

.vjs-mental-skin .vjs-volume-level {
  background: #76d898; }

.vjs-mental-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  background: transparent; }

.vjs-mental-skin .vjs-big-play-button:before {
  content: "\f01d";
  position: static;
  color: white;
  font: 80px/100px FontAwesome;
  vertical-align: middle; }

.vjs-mental-skin:hover .vjs-big-play-button, .vjs-mental-skin:hover .vjs-big-play-button:focus {
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none; }

/* ======================== Loading spinners ======================== */
.loading-spinner {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background: url(assets/img/spinner_black.gif); }

.cssanimations .loading-spinner {
  background: none;
  font: 32px/32px FontAwesome;
  color: #76d898;
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  -o-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.cssanimations .loading-spinner:before {
  content: "\f110"; }

#ui-datepicker-div {
background: #fff;
}
ui-datepicker-prev {
float: left;
}
.ui-datepicker-next {
float: right;}
.ui-datepicker-title {
text-align: center;
}

/* the norm */
#gritter-notice-wrapper {
  position:fixed;
  top:20px;
  right:20px;
  width:301px;
  z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
  position:relative;
  margin:0 0 10px 0;
  background:url('../images/ie-spacer.gif'); /* ie7/8 fix */
}
.gritter-top {
  background:url(../images/gritter.png) no-repeat left -30px;
  height:10px;
}
.hover .gritter-top {
  background-position:right -30px;
}
.gritter-bottom {
  background:url(../images/gritter.png) no-repeat left bottom;
  height:8px;
  margin:0;
}
.hover .gritter-bottom {
  background-position: bottom right;
}
.gritter-item {
  display:block;
  background:url(../images/gritter.png) no-repeat left -40px;
  color:#eee;
  padding:2px 11px 8px 11px;
  font-size: 11px;
  font-family:verdana;
}
.hover .gritter-item {
  background-position:right -40px;
}
.gritter-item p {
  padding:0;
  margin:0;
  word-wrap:break-word;
  color: #fff;
}
.gritter-close {
  display:none;
  position:absolute;
  top:5px;
  left:3px;
  background:url(../images/gritter.png) no-repeat left top;
  cursor:pointer;
  width:30px;
  height:30px;
  text-indent:-9999em;
}
.gritter-title {
  font-size:14px;
  font-weight:bold;
  padding:0 0 7px 0;
  display:block;
  text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
  width:48px;
  height:48px;
  float:left;
}
.gritter-with-image,
.gritter-without-image {
  padding:0;
}
.gritter-with-image {
  width:220px;
  float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(../images/gritter-light.png);
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

#loading_notification {
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

.loading-circle {

  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #BEB69D;
  position: absolute;
  top: 50%; left: 50%;
  margin-top: -20px; margin-left: -20px;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

.loading-circle:before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -4px;
  top: -4px;
  border-right: 4px solid #BEB69D;
  border-top: 4px solid #BEB69D;
  border-left: 4px solid #FFF;
  border-bottom: 4px solid #BEB69D;
}

#bnd-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 0;

  overflow: hidden;

  /*-webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);*/
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -webkit-transform: translateZ(0)

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#bnd-menu .title {
height: 62px;
  background: #012748;
  background: -moz-linear-gradient(left, #012748 0%, #234a6c 50%, #012748 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #012748), color-stop(50%, #234a6c), color-stop(100%, #012748));
  background: -webkit-linear-gradient(left, #012748 0%, #234a6c 50%, #012748 100%);
  background: -o-linear-gradient(left, #012748 0%, #234a6c 50%, #012748 100%);
  background: -ms-linear-gradient(left, #012748 0%, #234a6c 50%, #012748 100%);
  background: linear-gradient(to right, #012748 0%, #234a6c 50%, #012748 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012748', endColorstr='#012748',GradientType=1 );
}

@media (min-width: 768px) {
#bnd-menu .title {
  height: 95px;
}
}

#bnd-menu h2 {
  margin: 0;
  line-height: 62px;
  color: #fff;
  font-size: 22px;
  text-align: center;
}

#bnd-menu .title i {
  font-size: 2.3em;
  float: left;
  line-height: 62px;
  left: 20px;
  position: relative;
}

#bnd-menu.open {
  height: 100%;
}

#bnd-menu .bnd-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b3b7b3;

  -webkit-appearance: none;

  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}



#bnd-menu > .bnd-level {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#bnd-menu .bnd-level.bnd-level-open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -webkit-box-shadow:4px 4px 20px #000;
  -moz-box-shadow:4px 4px 20px #000;
  -o-box-shadow:4px 4px 20px #000;
  -box-shadow:4px 4px 20px #000;

  -webkit-overflow-scrolling: touch;
}

.bnd-level:not(.bnd-level-open) {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

#bnd-back {
  display: none;
  cursor: pointer;
  margin: 2px 10px;
  float: left;
}

#bnd-back,
#bnd-back i {
  color: #fff;
}

input.checkboxOpenPayouts {
  display:block !important;
  padding-right:4px;
  float:left;
}

@media print {

   body {
      color: #000 !important;
      background: #fff !important;
   }

   h1,h2,h3,h4,h5,h6 {
    font-size: 18px !important;
   }

   p,span,a,li {
    font-size: 12px !important;
    line-height: 18px !important;
    margin: 10px 0 !important;
   }

   ul,
   li {
    margin: initial;
    padding: initial;
    list-style: disc;
   }

   a {
    text-decoration: underline;
    content: " (" attr(href) ")";
   }

   .header {
    -webkit-print-color-adjust: exact;
    background: #5d5d5d !important;
    padding: 10px 0;
   }

   #Logo {
    content: url(/fileadmin/img/logo-sm.png);
    display: block;
    width: 409px;
    height: 93px;
   }

   #NavigationToggler {
    display: none !important;
   }

   .footernavigation a {
    display: block !important;
   }
   #Footer {
    margin: 0 !important;
   }
   #Footer .social { display: none; }

   img {
    width: auto !important;
    height: auto !important;
    margin: 20px auto;
    display: block;
   }

   #Footer .detail-information {
    display: block !important;
   }

   #Footer hr {
    display: none !important;
   }

   .gameListing {
    display: none !important;
   }

   #LivechatPanel {
    display: none !important;
   }

   .more-information {
    display: none !important;
   }
}

#edict_iframe {position: relative !important; }

#PageActions li {
  position: relative;
}

#PageActions li span {margin: 0 ;}

/*#PageActions li span:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 32px;
    color: #fff;
    content: attr(title);
    left: -50px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 110px;
  font-size: 12px;
  line-height: 14px;
}

#PageActions li span:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 28px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}*/

@media(max-width: 500px) {
.oc-youtubevideo {
  height: 250px; }}

#Slider {
    width: 100%;
    height: 800px;
}

@media(max-width: 1950px){
  #Slider {
    width: 100%;
    height: 650px;
  }
}

@media(max-width: 1700px){
  #Slider {
    width: 100%;
    height: 600px;
  }
}

@media(max-width: 1450px){
  #Slider {
    width: 100%;
    height: 500px;
  }
}

@media(max-width: 1200px){
  #Slider {
    width: 100%;
    height: 400px;
  }
}

@media(max-width: 992px){
  #Slider {
    width: 100%;
    height: 380px;
  }
}

@media(max-width: 820px){
  #Slider {
    width: 100%;
    height: 360px;
  }
}

@media(max-width: 768px){
  #Slider {
    width: 100%;
    height: 350px;
  }
}

@media(max-width: 760px){
  #Slider {
    min-width: 600px;
    height: 320px;
  }
}