/* Bootstrap */
/**, ::after, ::before {
    box-sizing: content-box;
}*/
/*.slot-games * {
    box-sizing: border-box;
}*/
/* Bootstrap */

/* Global */
#content .content-block.content-block-online-gamecontent.bg-size-40 {
    background-size: 40% auto;
}
#content .section-games {
    margin-left: -6px;
    margin-right: -6px;   
}
a.icon-button-sales,
a.icon-button-readmore {
    display: inline-block;
    width: auto;
}
.footer-wrap, .page-wrap {
    max-width: none;
}
/* Global */

/* Header */
header .sub-nav nav ul li a {
    height: auto;
}
header .main-nav nav ul>li a {
    height: auto;
    padding: 7px 20px 9px;
}
header .main-nav nav li ul li a, header.scrolled .main-nav nav ul li ul li a {
    padding: 6px 12px 9px 20px;
    height: auto;   
}
/* Header */

/* Slot games */
.slot-games img {
    width: 100%;
    height: auto;
    /*max-height: 243px;*/
    max-width: 100%;
}
.slot-games-single {
    height: 243px;
}
.slot-games-single.flip-no {
    height: auto;
}
.slot-games-single img {
    border: 2px solid black;
}
/* Flip Box */
.flip-box {
  background-color: transparent;
  width: 100%;
  height: 100%;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}
/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
/* Style the front side (fallback if image is missing) */
.flip-box-front {
  background-color: transparent;
  color: black;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;  
}
/* Style the back side */
.flip-box-back {
    padding: 10px;
    background-color: #5a85bc;
    color: white;
    transform: rotateY(180deg);
}
/* Flip Box */
/* Products */
.thumb-100 {
    width: 99px;
    height: 116px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.cabinet img {
    max-height: 708px;
    width: auto;
}
.cabinet-thumb a {
    display: inline-block;
    width: 93px;
    height: 110px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.cabinet-thumb img {
    display: block;
}
div.csc-textpic-imagecolumn, 
td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 1px;
    margin-bottom: 5px;
}
/* Footer */
.footer-nav a {
    padding: 0 12px 0 0;    
}
/* Footer */

/* Media */
@media screen and (max-width: 52em) {   
    header .sub-nav.sub-nav-items {
        display: block;
    }
    header .main-nav nav li ul li {
        display: block;
        float: none;
        margin: 0;
        border-top: none;
        border-bottom: 1px solid #d5d5d5;
    }    
    header .main-nav nav li ul li a, 
    header.scrolled .main-nav nav ul li ul li a {
        margin: 0;
        padding: 0.8rem 1rem 2.5rem 4rem;
        height: 2.5rem;
        border: none;
    }    
    #content .content-block.content-block-online-gamecontent.bg-size-40 {
        background-size: 0; 
    }
    *, ::after, ::before {
        box-sizing: border-box;
    }
    .slot-games * {
        box-sizing: border-box;
    }    
    .slot-games img {
        width: 100%;
    }
    header .main-nav nav li.act ul {
        position: static;
        display: block;
        width: auto;
        min-width: 0;
        border: none;
        background: #f3f3f3;
        margin: 0;
        -moz-box-shadow: inset 0 4px 4px -5px rgba(0,0,0,0.8);
        -webkit-box-shadow: inset 0 4px 4px -5px rgba(0, 0, 0, 0.8);
        -o-box-shadow: inset 0 4px 4px -5px rgba(0,0,0,0.8);
        box-shadow: inset 0 4px 4px -5px rgba(0, 0, 0, 0.8);
    }   
    .footer-nav {
        padding: 1.2rem 0;
        margin: 0 0 2rem 0;        
    }  
    .footer-nav a {
        display: inline-block;
    }
    .footer-content {
        padding: 0;
        margin: 0 0 1.2rem 0;
    }     
}
/* Media */