/*!
 * jQuery Slot Machine v3.0.1
 * https:// github.com/josex2r/jQuery-SlotMachine
 *
 * Copyright 2014 Jose Luis Represa
 * Released under the MIT license
 */
 

#randomize {
    background-color: #fff;
    border-bottom-color:#e3001b;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    height: 400px;
}


#randomize .row > div.col-sm-4 div {
    background-color: #fff;
    height: 169px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-left: 0px;
    padding-top: 0px;
    width: 234px;


}
 /*!
@media (max-width: 768px) {
#randomize .row  {
background-color: #fff;

    height: 250px;
    margin: auto;
    padding-left: 0;
    padding-top: 0;
    width:100%;


border: 1px solid red;
}
}



@media (max-width: 768px) {
#randomize > div > div.row > div.col-xs-12 {

    width:100%;
 
}
}

@media (max-width: 768px) {
#machine1 > randomizeMachine  {

    width:100%;
   height: 250px;
 
}
}

@media (max-width: 768px) {
#machine1 > div > div>  {

  
   height: 450px;
 
}
}

 */
 
 

.randomizeMachine{
     height: 169px;
     width: 100%;       
}


.btn-group-randomize {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: auto;
}
.btn-group-randomize div {
    width: auto !important;
}
 .machineContainer {
    background-color: #000;
    height: 170px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 5px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 5px;
}
.slotMachine {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #000;
    border-left-style: solid;
    border-left-width: 5px;
    border-right-color: #000;
    border-right-style: solid;
    border-right-width: 5px;
    border-top-color: #000;
    border-top-style: solid;
    border-top-width: 5px;
    display: inline-block;
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    width: 32.3333%;
}
 
 #textMachine {
    display: inline-block;
    height: 67px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
    width: 520px;
}
.machineResult {
    color: #fff;
    font-weight: 900;
    text-align: center;
}
.noBorder {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-image: none !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    border-bottom-color: -moz-use-text-color !important;
    border-bottom-style: none !important;
    border-bottom-width: medium !important;
    border-image-outset: 0 0 0 0 !important;
    border-image-repeat: stretch stretch !important;
    border-image-slice: 100% 100% 100% 100% !important;
    border-image-source: none !important;
    border-image-width: 1 1 1 1 !important;
    border-left-color: -moz-use-text-color !important;
    border-left-style: none !important;
    border-left-width: medium !important;
    border-right-color: -moz-use-text-color !important;
    border-right-style: none !important;
    border-right-width: medium !important;
    border-top-color: -moz-use-text-color !important;
    border-top-style: none !important;
    border-top-width: medium !important;
}
.slotMachine .slot {
    background-repeat: no-repeat;
    height: 100px;
}
.slot1 {
    background-image: url("../img/slot1.png");
}
.slot2 {
    background-image: url("../img/slot2.png");
}
.slot3 {
    background-image: url("../img/slot3.png");
}
.slot4 {
    background-image: url("../img/slot4.png");
}
.slot5 {
    background-image: url("../img/slot5.png");
}
.slot6 {
    background-image: url("../img/slot6.png");
}

	
.slotMachineNoTransition {
    -webkit-transition: none !important;
            transition: none !important;
}

.slotMachineBlurFast {
    -webkit-filter: blur(5px);
            filter: blur(5px);
}

.slotMachineBlurMedium {
    -webkit-filter: blur(3px);
            filter: blur(3px);
}

.slotMachineBlurSlow {
    -webkit-filter: blur(2px);
            filter: blur(2px);
}

.slotMachineBlurTurtle {
    -webkit-filter: blur(1px);
            filter: blur(1px);
}

.slotMachineGradient {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)) );
    -webkit-mask: url("data:image/svg+xml;utf8,<svg version="1.1" xmlns="http:// www.w3.org/2000/svg" width="0" height="0"><mask id="slotMachineFadeMask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"><linearGradient id="slotMachineFadeGradient" gradientUnits="objectBoundingBox" x="0" y="0"><stop stop-color="white" stop-opacity="0" offset="0"></stop><stop stop-color="white" stop-opacity="1" offset="0.25"></stop><stop stop-color="white" stop-opacity="1" offset="0.75"></stop><stop stop-color="white" stop-opacity="0" offset="1"></stop></linearGradient><rect x="0" y="-1" width="1" height="1" transform="rotate(90)" fill="url(#slotMachineFadeMask)"></rect></mask></svg>#slotMachineFadeMask");
            mask: url("data:image/svg+xml;utf8,<svg version="1.1" xmlns="http:// www.w3.org/2000/svg" width="0" height="0"><mask id="slotMachineFadeMask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"><linearGradient id="slotMachineFadeGradient" gradientUnits="objectBoundingBox" x="0" y="0"><stop stop-color="white" stop-opacity="0" offset="0"></stop><stop stop-color="white" stop-opacity="1" offset="0.25"></stop><stop stop-color="white" stop-opacity="1" offset="0.75"></stop><stop stop-color="white" stop-opacity="0" offset="1"></stop></linearGradient><rect x="0" y="-1" width="1" height="1" transform="rotate(90)" fill="url(#slotMachineFadeMask)"></rect></mask></svg>#slotMachineFadeMask");
}