.col-4{width:33.33333333%; float:left;position:relative;min-height:1px;padding-right: 5px;}


/*
 * SlotMachine
 */

.randomizeMachine {
    height: 100px;
}

.btn-group-randomize {
    margin: 0 auto;
    margin-top: 30px;
    width: auto;
}

.btn-group-randomize div {
    width: auto !important;
}

#textMachine {
    width:520px;
    height: 67px;
    overflow: hidden;
    display: inline-block;
    text-align: left;
}
.machineResult{
    color:#fff;
    text-align:center;
    font-weight: 900;
}
.noBorder{
    border:none !important;
    background: transparent !important;
}
.slotMachine .slot{
    height:100px;
    background-position-x: 55%;
    background-repeat: no-repeat;
}

.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");
}

/*!
 * jQuery Slot Machine v3.0.1
 * https:// github.com/josex2r/jQuery-SlotMachine
 *
 * Copyright 2014 Jose Luis Represa
 * Released under the MIT license
 */
.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");
}


div#machine1 div, div#machine2 div, div#machine3 div {
    border: solid 1px #ccc; background: #fff;
}

div#startSlot {
    text-transform: uppercase;
    background: #1E824C;
    max-width: 200px!important;
    padding: 30px 30px;
    color: white;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    cursor: pointer;
    border-radius: 5px;
}

div#slot-machine {
    background: #E4F1FE;
    padding: 15px 0px;
    border-radius: 5px;
}