.wof-spinning{
    animation-duration:7s;
    animation-iteration-count:1;
    animation-timing-function:cubic-bezier(0,0,.2,1);
    animation-fill-mode:forwards
}
@keyframes wof-bd{
    0%,100%,80%{
        transform:scale(0)
    }
    40%{
        transform:scale(1)
    }
}
@keyframes wof-nudge{
    from{
        transform:scale3d(1,1,1)
    }
    30%{
        transform:scale3d(1.1,.85,1)
    }
    40%{
        transform:scale3d(.85,1.1,1)
    }
    50%{
        transform:scale3d(1.1,.85,1)
    }
    65%{
        transform:scale3d(.95,1.05,1)
    }
    75%{
        transform:scale3d(1.05,.95,1)
    }
    to{
        transform:scale3d(1,1,1)
    }
}
.do-nudge{
    transform:rotate(-30deg)
}
@keyframes wof-wiggle{
    80%{
        transform:rotate(0)
    }
    90%{
        transform:rotate(11deg)
    }
    93%{
        transform:rotate(-8deg)
    }
    96%{
        transform:rotate(7deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes wof-out-in{
    82%{
        transform:translate(0,0)
    }
    90%{
        transform:translate(8px,0)
    }
    100%{
        transform:translate(0,0)
    }
}
.wof-wheels .wof-wheel{
    display:block;
    position:fixed;
    z-index:999999999;
    transform:translateX(-110%);
    top:0;
    left:0;
    bottom:0;
    max-width:790px;
    overflow-y:auto;
    box-shadow:0 0 40px 0 rgba(0,0,0,.5);
    transition:all .17s ease-in-out;
    will-change:transform
}
.wof-wheels .wof-wheel.wof-fs{
    max-width:100%;
    width:100%
}
.wof-wheels .wof-wheel.wof-visible{
    transform:translateX(0)!important
}
.wof-wheels .wof-wrapper{
    height:100%
}
.wof-wheels .wof-inner-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    margin-left:-225px;
    overflow:hidden
}
.wof-wheels .wof-fs .wof-inner-wrapper{
    margin-left:0
}
.wof-wheels .wof-right{
    margin-left:85px;
    padding:15px;
    padding-right:30px;
    width:400px
}
.wof-wheel .wof-logo{
    position:absolute;
    top:50%;
    left:50%;
    width:90px;
    height:90px;
    margin-left:-45px;
    margin-top:-45px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:50% 50%;
    border-radius:50%
}
.wof-wheel .wof-spinning{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.wof-wheel .wof-bg{
    position:absolute;
    top:0;
    left:0;
    right:0
}
.wof-wheel .wof-bottom-bg{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:bottom left;
    background-size:100% 230px
}
.wof-wheel .wof-wrapper{
    position:relative;
    z-index:1
}
.wof-wheel:after{
    content:'';
    top:0;
    left:0;
    position:absolute;
    bottom:0;
    right:0
}
.wof-wheel .wof-slice{
    top:50%;
    left:50%;
    position:absolute;
    transform-origin:0 0;
    text-align:right;
    width:40%;
    font-weight:700;
    color:#fff;
    font-size:15px;
    text-transform:uppercase
}
.wof-wheel .wof-slice img{
    max-width:60px
}
.wof-wheel .wof-left-inner,.wof-wheel .wof-wheel-container{
    position:relative
}
.wof-wheel .wof-error{
    margin:10px 0;
    padding:10px;
    border:3px solid #ff404e;
    font-size:14px;
    border-radius:4px;
    color:#fff
}
.wof-wheel .wof-wheel-bg{
    background-size:cover;
    width:525px;
    height:525px
}
.wof-wheel .wof-wheel-bg svg{
    position:absolute
}
.wof-wheel .wof-shadows{
    background-image:url(../img/shadows.png);
    background-size:cover;
    top:0;
    left:0;
    bottom:0;
    right:0;
    position:absolute;
    z-index:5
}
.wof-wheel .wof-pointer{
    width:95px;
    height:50px;
    position:absolute;
    right:-50px;
    top:0;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
    z-index:10;
    transition:all .2s ease;
    transform-origin:73.31% 44.89%;
    will-change:transform
}
.wof-wheel .wof-pointer.wof-fast{
    transition:all 70ms ease-out
}
.wof-wheel .wof-pointer.wof-med{
    transition:all .1s ease-out
}
.wof-wheel .wof-title{
    color:#fff;
    font-size:24px;
    text-transform:uppercase;
    font-weight:700;
    line-height:1.3;
    margin-bottom:15px
}
.wof-wheel .wof-title em{
    font-style:normal
}
.wof-wheel .wof-disclaimer,.wof-wheel .wof-explainer,.wof-wheel .wof-winnings,.wof-wheel label{
    line-height:1.3;
    font-size:16px
}
.wof-wheel .wof-disclaimer a,.wof-wheel .wof-explainer a,.wof-wheel .wof-winnings a,.wof-wheel label a{
    text-decoration:underline
}
.wof-wheel .wof-disclaimer{
    opacity:.75;
    font-size:14px
}
.wof-wheel .wof-close-icon,.wof-wheel .wof-close-wrapper{
    position:absolute;
    z-index:5;
    cursor:pointer
}
.wof-wheel .wof-close-wrapper{
    bottom:10px;
    right:20px
}
.wof-wheel .wof-close-wrapper a{
    text-decoration:none;
    color:#fff;
    font-size:15px;
    display:inline-block;
    padding:10px
}
.wof-wheel .wof-close-icon{
    top:10px;
    right:10px
}
.wof-wheel .wof-form-wrapper{
    margin:25px 0
}
.wof-wheel .wof-form-wrapper input,.wof-wheel .wof-form-wrapper select{
    background:#fff!important
}
.wof-wheel .wof-form-wrapper a.button,.wof-wheel .wof-form-wrapper button,.wof-wheel .wof-form-wrapper input[type=email],.wof-wheel .wof-form-wrapper input[type=number],.wof-wheel .wof-form-wrapper input[type=text],.wof-wheel .wof-form-wrapper select{
    width:100%!important;
    border-radius:4px;
    border:none;
    height:38px;
    margin:0;
    padding:10px;
    font-size:16px;
    box-sizing:border-box;
    line-height:1
}
.wof-wheel .wof-form-wrapper a.button:focus,.wof-wheel .wof-form-wrapper a.button:hover,.wof-wheel .wof-form-wrapper button:focus,.wof-wheel .wof-form-wrapper button:hover,.wof-wheel .wof-form-wrapper input[type=email]:focus,.wof-wheel .wof-form-wrapper input[type=email]:hover,.wof-wheel .wof-form-wrapper input[type=number]:focus,.wof-wheel .wof-form-wrapper input[type=number]:hover,.wof-wheel .wof-form-wrapper input[type=text]:focus,.wof-wheel .wof-form-wrapper input[type=text]:hover,.wof-wheel .wof-form-wrapper select:focus,.wof-wheel .wof-form-wrapper select:hover{
    outline:0;
    border:none
}
.wof-wheel .wof-form-wrapper a.button,.wof-wheel .wof-form-wrapper button{
    padding:0;
    text-transform:uppercase;
    margin-top:15px;
    transition:all .2s ease;
    line-height:38px;
    text-decoration:none;
    text-align:center
}
.wof-wheel .wof-form-wrapper a.button[disabled],.wof-wheel .wof-form-wrapper button[disabled]{
    color:rgba(0,0,0,.5)!important;
    opacity:.65!important
}
.wof-wheel .wof-form-wrapper a.button:hover,.wof-wheel .wof-form-wrapper button:hover{
    opacity:.85
}
.wof-wheel .wof-form-wrapper input[type=email],.wof-wheel .wof-form-wrapper input[type=text]{
    color:#333
}
.wof-wheel .wof-plays-left{
    padding-top:10px;
    text-align:center;
    color:#fff;
    font-size:13px;
    opacity:.75
}
div.wof-overlay{
    position:fixed;
    z-index:999999988;
    background:rgba(0,0,0,.35);
    top:0;
    left:0;
    width:100%;
    height:100%
}
.wof-loader>div{
    width:8px;
    height:8px;
    background:#fff;
    border-radius:100%;
    display:inline-block;
    animation:wof-bd 1.1s infinite ease-in-out both
}
.wof-loader .b1{
    animation-delay:-.32s
}
.wof-loader .b2{
    animation-delay:-.16s
}
.wof-wheel-standalone{
    clear:both;
    float:none;
    position:relative;
    display:block;
    overflow:hidden
}
.wof-wheel-standalone .wof-wrapper{
    padding:25px
}
.wof-wheel-standalone .wof-wheel{
    position:relative;
    display:none
}
.wof-wheel-standalone .wof-wheel.wof-visible{
    display:block
}
.wof-wheel-standalone .wof-wheel .wof-inner-wrapper{
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    justify-content:center
}
.wof-wheel-standalone .wof-wheel .wof-wheel-bg{
    width:500px;
    height:500px
}
.wof-wheel-standalone .wof-close-icon,.wof-wheel-standalone .wof-close-wrapper{
    display:none
}
body.rtl .wof-wheels .wof-left{
    order:1
}
.wof-widget{
    cursor:pointer;
    position:fixed;
    z-index:999;
    align-items:center;
    display:flex;
    justify-content:center;
    transition:all .25s;
    bottom:-80px;
    left:20px
}
.wof-widget.wof-visible{
    bottom:20px
}
.wof-widget.wof-widget-right{
    left:auto;
    right:20px;
    flex-flow:row-reverse
}
.wof-widget .wof-widget-inner{
    position:relative;
    background:#000;
    box-shadow:2px 2px 0 rgba(0,0,0,.1);
    border-radius:50%;
    width:55px;
    height:55px
}
.wof-widget .wof-widget-inner:after{
    content:'';
    background:url(../img/widget-gift.png) center center no-repeat;
    background-size:38%;
    position:absolute;
    bottom:0;
    right:0;
    top:0;
    left:0
}
.wof-widget-pull-out{
    top:50%;
    margin-top:-32px;
    left:-80px;
    bottom:auto
}
.wof-widget-pull-out.wof-visible{
    left:-15px;
    bottom:auto
}
.wof-widget-pull-out .wof-widget-inner{
    border-bottom-left-radius:0;
    border-top-left-radius:0;
    animation:wof-out-in 5s ease-in-out infinite
}
.wof-widget-pull-out .wof-widget-inner:after{
    opacity:.65;
    margin-top:1px;
    margin-left:5px;
    animation:wof-wiggle 6s ease-in-out infinite
}
.wof-widget-pull-out.wof-widget-right{
    left:auto;
    right:-80px
}
.wof-widget-pull-out.wof-widget-right.wof-visible{
    left:auto;
    right:-10px
}
.wof-widget-pull-out.wof-widget-right .wof-widget-inner{
    border-radius:50% 0 0 50%
}
.wof-widget-wheel .wof-widget-inner{
    background:0 0!important;
    box-shadow:none
}
.wof-widget-wheel .wof-widget-inner:after{
    content:none
}
.wof-widget-wheel .wof-widget-inner svg{
    position:absolute
}
.wof-widget-title{
    display:none;
    background:#fff;
    padding:10px 17px;
    border-radius:4px;
    line-height:1;
    margin:0 0 0 15px;
    border:1px solid rgba(0,0,0,.14);
    box-shadow:-2px 2px 10px rgba(0,0,0,.13);
    font-size:15px;
    position:relative
}
.wof-widget-title:before{
    content:'';
    background:#fff;
    position:absolute;
    top:50%;
    left:-5px;
    width:9px;
    height:9px;
    margin-top:-5px;
    transform:rotate(45deg);
    border:1px solid rgba(0,0,0,.16);
    border-top:0;
    border-right:0
}
.wof-widget-right .wof-widget-title{
    margin:0 15px 0 0
}
.wof-widget-right .wof-widget-title:before{
    left:auto;
    right:-5px;
    transform:rotate(-135deg)
}
.wof-visible .wof-widget-title{
    display:inline-block
}
@media all and (max-width:500px){
    .wof-wheel .wof-logo{
        width:66px;
        height:66px;
        margin-top:-33px;
        margin-left:-33px
    }
}
.wof-desktop-check,.wof-mobile-check,.wof-tablet-check{
    display:none
}
@media all and (max-width:767px){
    .wof-mobile-check{
        display:block
    }
}
@media all and (min-width:768px) and (max-width:1024px){
    .wof-tablet-check{
        display:block
    }
}
@media all and (min-width:1025px){
    .wof-desktop-check{
        display:block
    }
}
@media all and (max-width:800px){
    div.wof-wheel{
        max-width:none;
        width:100%
    }
    div.wof-wheel .wof-inner-wrapper .wof-wheel-bg,div.wof-wheel .wof-wheel-container{
        width:475px;
        height:475px
    }
    div.wof-wheel .wof-left{
        transform:rotate(-55deg)
    }
    div.wof-wheel .wof-pointer{
        width:75px;
        right:-35px;
        height:40px
    }
    div.wof-wheel .wof-title{
        font-size:21px
    }
}
@media all and (max-width:700px){
    body.wof-is-open{
        overflow:hidden!important;
        width:100%!important;
        height:100%!important
    }
    div.wof-wheel .wof-inner-wrapper .wof-wheel-bg,div.wof-wheel .wof-wheel-container,div.wof-wheel .wof-wheel-container .wof-shadows{
        width:430px;
        height:430px
    }
    div.wof-wheel .wof-slice{
        font-size:14px
    }
    div.wof-wheel .wof-pointer{
        width:62px;
        right:-35px;
        height:35px
    }
}
@media all and (max-width:600px){
    div.wof-wheel .wof-wrapper{
        min-height:100%;
        height:auto
    }
    div.wof-wheel .wof-inner-wrapper{
        flex-direction:column;
        justify-content:space-between;
        margin:0;
        padding:10px 30px
    }
    div.wof-wheel .wof-close-wrapper{
        display:none
    }
    div.wof-wheel .wof-slice{
        font-size:11px
    }
    div.wof-wheel .wof-left{
        order:2
    }
    div.wof-wheel .wof-right{
        margin:0;
        padding:0;
        width:100%
    }
    div.wof-wheel .wof-inner-wrapper .wof-wheel-bg,div.wof-wheel .wof-wheel-container,div.wof-wheel .wof-wheel-container .wof-shadows{
        width:400px;
        height:400px
    }
}
@media all and (max-width:500px){
    div.wof-wheel .wof-inner-wrapper .wof-wheel-bg,div.wof-wheel .wof-wheel-container,div.wof-wheel .wof-wheel-container .wof-shadows{
        width:250px;
        height:250px
    }
}
@media all and (max-width:1080px){
    .wof-wheel-standalone .wof-wheel .wof-inner-wrapper{
        flex-flow:column
    }
    .wof-wheel-standalone .wof-right{
        margin-top:20px
    }
}
.wof-btn-done,.wof-btn-submit{
    cursor:pointer
}
.wof-form-wrapper .wof-form-error{
    border:2px solid #ff3100!important
}
.wof-form-wrapper input[type=checkbox].wof-form-error{
    box-shadow:0 0 0 2px #ff3100!important
}
.wof-form-wrapper .do-form-nudge{
    animation:wof-nudge .3s linear
}
.wof-fb-checkbox{
    margin-top:15px
}
.wof-form-fields>div{
    margin-top:15px
}
.wof-form-fields input,.wof-form-fields label,.wof-form-fields select{
    margin:0
}
.wof-form-fields select{
    padding:0 10px
}
.wof-form-fields label{
    display:inline;
    cursor:pointer;
    padding-left:5px
}
.wof-form-fields input[type=checkbox]{
    cursor:pointer
}
.wof-coupon-bar{
    position:fixed;
    z-index:99999999;
    bottom:0;
    left:0;
    right:0;
    padding:15px;
    text-align:center;
    background:#000
}
.wof-coupon-bar .wof-coupon-text{
    color:#fff;
    font-size:14px;
    cursor:default
}
.wof-coupon-bar .wof-bar-timer{
    display:inline-block
}
.wof-coupon-bar .wof-bar-timer>span{
    border-radius:4px;
    padding:5px;
    background:rgba(255,255,255,.2);
    margin-right:5px
}
.wof-bar-code{
    cursor:initial;
    padding:5px;
    border-radius:4px;
    border:1px dashed rgba(255,255,255,.25)
}
.wof-bar-close{
    position:absolute;
    bottom:5px;
    right:5px;
    cursor:pointer
}