span.mangle { background-color: black; display: inline-block; height: 95px; position: absolute; right: 19px; top: 4px; width: 95px;}
#mangle { width: 95px; height: 95px; position: absolute; right: 0px; top: 0px; -webkit-transition: All 0.3s; -moz-transition: All 0.3s; -ms-transition: All 0.3s; -o-transition: All 0.3s; transition: All 0.3s;}
#mangle img { position: absolute; right: 0; width: 95px; border: none; }
.vimeoContainerflex { width:94%; height:95%; margin:25px auto; position: relative; display: block;  overflow: hidden;}
.vimeoContainer {width:90%; height:100%;  cursor: pointer; margin:0px auto; }
span.mangle-btn {left: 288px; position: relative;display:none;}
button.mangle { background-color: #00e95d; color: #e1ff1f; }
button.mangle:hover { background-color: #e1ff1f; color: black; }

@media (max-width: 649px) and (orientation : landscape) { #wongdoody div.arrow { bottom:10px; } }
@media (min-width: 650px) { span.mangle {  height: 45px; width: 45px; top: 2px; right: -1px} #mangle {  width:100%!important;} #mangle img { width:100%!important; } }
@media (min-width: 750px) { span.mangle {  height: 50px; width: 50px; top: 2px; right: 2px} #mangle { width:100%!important;} #mangle img { width:100%!important;} }
@media (min-width: 850px) { span.mangle {  height: 56px; width: 56px; top: 6px; } #mangle {  width:100%!important;} #mangle img { width:100%!important;} }
@media (min-width: 950px) { span.mangle { height: 56px; width: 56px; top: 6px;  right: 7px; } #mangle {  width:100%!important;} #mangle img { width:100%!important;} }
@media (min-width: 1050px) { span.mangle { height: 70px; width: 70px; top: 2px; right:2px; } #mangle {  width:100%!important;} #mangle img { width:100%!important;} }
@media (min-width: 1150px) { span.mangle { height: 70px; width: 70px; top: 7px; right:7px;} #mangle {  width:100%!important; } #mangle img { width:100%!important;} }

@media (min-height:1400px) { .machineContainer{ top:50%;} }
@media (max-height:1200px){ .machineContainer{ top:45%; } }
@media (max-height:1100px){ .machineContainer{ top:45%; } }
@media (max-height:1000px){ .machineContainer{ top:40%;}  }
@media (max-height:900px){ .machineContainer{ top:35%; } }
@media (max-height:800px){ .machineContainer{ top:40%; } }
@media (max-height:700px){ .machineContainer{ top:40%; } }
@media (max-height:650px){ .machineContainer{ top:35%; } }


#mangle-titles { }
#mangle-wrapper {  position: relative; margin: 0 auto; width: 895px; max-width:960px; margin:0px auto; }
#mangle-titles-container { height:600px; }
#mangle-titles span {
  display: inline-block;
  background-image: url(http://media.wongdoody.com/global/mangle-titles-sprite.svg);
  background-repeat: no-repeat;
  height: 88px;
  position: absolute;
  cursor: pointer;
  -webkit-transition: All 0.1s; -moz-transition: All 0.1s; -ms-transition: All 0.1s; -o-transition: All 0.1s; transition: All 0.1s;
}


.transition-mangles {
  z-index:1;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top:45%!important;
  -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -ms-transition: All 0.4s; -o-transition: All 0.4s; transition: All 0.4s;
  -webkit-transition-timing-function: ease-out;     transition-timing-function: ease;  -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;
  opacity: 0.3;
}


#wongdoody-small {
  background-image: url(http://media.wongdoody.com/global/wd_logo_small.svg) !important;
  background-size: 500px auto;
  background-position: 0px 0px;
  width: 500px;
  height: 176px;
  top: 280px;
  left: 230px;
}

@media(max-width:1024px){

  #wongdoody {  }

  #mangle-wrapper.mobile-mangles { width:100%; max-width:100%; top:33%; }

  #mangle-titles-container.mobile-mangles { width: 100%;   margin: 0px auto; }

  .mangles-mobile-container.mobile-mangles { width:100%; }
 
  #mangle-titles.mobile-mangles { margin: 0px auto; display: block;
position: relative; width:calc(100% - 26px); overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
 }

 #mangle-titles.mobile-mangles span { margin:0 10px 0 10px; position:relative; background-image:none; height:inherit; width:100%;  }

 #mangle-titles.mobile-mangles span:first-child { margin:0px; }

 #mangle-titles.mobile-mangles span:last-child { margin:0px;  }

 #mangle-titles.mobile-mangles span img  { width:95%; }

 #mangle-titles select {
    padding:0px;text-transform: uppercase;

 }

  #mangle-titles.mobile-mangles div {
      position:relative;  padding:0px; 
  }

}

.machineContainer{
  background-color: #000;
  padding: 5px 1px 5px 1px;
  overflow: hidden;
  height: 250px;
  width:100%;
  margin: 0px auto; 
  position:relative; 
}
.slotMachine{
  width: 50%;
  height: 150px;
  padding: 0px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  /*margin: 0px 5px;*/
  /*border: 5px solid #000;*/
  background-color: #000;
}

.noBorder{
  border:none !important;
  background: transparent !important;
}
.slotMachine .slot{
  height:150px;
  background-repeat: no-repeat;
  
  
  
}

.slot.left {
    background-position: right center;
}

.slot.right {
  background-position: left center;
}



.slot.juandiddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/juan-new-2.svg);
}
.slot.juandiddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/diddy_new.svg);
}
.slot.longdoggy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/long.svg);
}
.slot.longdoggy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doggy.svg);
}
.slot.wrongdaddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wrong.svg);
}
.slot.wrongdaddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy.svg);
}
.slot.wangdaddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wang_new.svg);
}
.slot.wangdaddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy.svg);
}
.slot.wongdaddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong.svg);
}
.slot.wongdaddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy.svg);
}
  .slot.wandduty.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wand.svg);
}
  .slot.wandduty.right{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/duty.svg);
  }
  .slot.yungdoty.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/yung.svg);
}
  .slot.yungdoty.right{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doty.svg);
  }
  .slot.wingdaddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wing.svg);
}
.slot.wingdaddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy.svg);
}

.slot.dongwoody.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/dong-new.svg);
}
.slot.dongwoody.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/woody.svg);
}

.slot.wongdoedy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong.svg);
}
.slot.wongdoedy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doedy.svg);
}

.slot.wangdoodle.left{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wang_new.svg);
}
.slot.wangdoodle.right {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doodle_new.svg);
}

.slot.ronbooty.left {
background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/ron.svg);
}
.slot.ronbooty.right{
background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/booty.svg);
}

.slot.wongdong.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong.svg);
}
.slot.wongdong.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/dong-new.svg);
}

  .slot.doodywong.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doody.svg);
}
  .slot.doodywong.right{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong.svg);
  }
  .slot.wrongbooty.left{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wrong.svg);
  }
  .slot.wrongbooty.right{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/booty.svg);
  }
 .slot.wingduty.left{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wing.svg);
 }
.slot.wingduty.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/duty.svg);
 }
.slot.wonggouda.left{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong.svg);
 }
  .slot.wonggouda.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/gouda.svg);
 }


.slotMachineButton { display: inline-block; position:relative; width:100px; vertical-align: top;  }
.slotMachineButton  h2 {  text-transform: uppercase;  font-family: 'Avenir Next Heavy';  margin-top:20px; color:#89ff18; font-size:56px;}

@media(min-width:1200px){

  .slotMachine { height:170px; }

  .slotMachine .slot { height:170px; }

.slot.juandiddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/juan-large.svg);
}
.slot.juandiddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/diddy-large.svg);
}
.slot.longdoggy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/long-large.svg);
}
.slot.longdoggy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doggy-large.svg);
}
.slot.wrongdaddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wrong-large.svg);
}
.slot.wrongdaddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy-large.svg);
}
.slot.wangdaddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wang_new-large.svg);
}
.slot.wangdaddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy-large.svg);
}
.slot.wongdaddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-large.svg);
}
.slot.wongdaddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy-large.svg);
}
  .slot.wandduty.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wand-large.svg);
}
  .slot.wandduty.right{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/duty-large.svg);
  }
  .slot.yungdoty.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/yung-large.svg);
}
  .slot.yungdoty.right{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doty-large.svg);
  }
  .slot.wingdaddy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wing-large.svg);
}
.slot.wingdaddy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy-large.svg);
}

.slot.dongwoody.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/dong-new-large.svg);
} 
.slot.dongwoody.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/woody-large.svg);
}

.slot.wongdoedy.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-large.svg);
}
.slot.wongdoedy.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doedy-large.svg);
}

.slot.wangdoodle.left{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wang_new-large.svg);
}
.slot.wangdoodle.right {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doodle_new-large.svg);
}

.slot.ronbooty.left {
background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/ron-large.svg);
}
.slot.ronbooty.right{
background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/booty-large.svg);
}

.slot.wongdong.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-large.svg);
}
.slot.wongdong.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/dong-new-large-5.svg);
}

  .slot.doodywong.left {
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doody-large.svg);
}
  .slot.doodywong.right{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-large-5.svg);
  }
  .slot.wrongbooty.left{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wrong-large.svg);
  }
  .slot.wrongbooty.right{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/booty-large.svg);
  }
 .slot.wingduty.left{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wing-large.svg);
 }
.slot.wingduty.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/duty-large.svg);
 }
.slot.wonggouda.left{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-large.svg);
 }
  .slot.wonggouda.right{
  background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/gouda-large.svg);
 }

}

@media(max-width:1200px){

  .slotMachine{
  height: 150px;
  }
.slotMachine .slot{
  height:150px;
  }


}

@media(max-width:960px){

  span.mangle { display:none; }

      .slot.juandiddy.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/juan-mobile.svg);
      }
      .slot.juandiddy.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/diddy-mobile.svg);
      }
      .slot.longdoggy.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/long-mobile.svg);
      }
      .slot.longdoggy.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doggy-mobile.svg);
      }
      .slot.wrongdaddy.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wrong-mobile.svg);
      }
      .slot.wrongdaddy.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy-mobile.svg);
      }
      .slot.wangdaddy.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wang-mobile.svg);
      }
      .slot.wangdaddy.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy-mobile.svg);
      }
      .slot.wongdaddy.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-mobile.svg);
      }
      .slot.wongdaddy.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy-mobile.svg);
      }
      .slot.wandduty.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wand-mobile.svg);
      }
      .slot.wandduty.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/duty-mobile.svg);
      }
      .slot.yungdoty.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/yung-mobile.svg);
      }
      .slot.yungdoty.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doty-mobile.svg);
      }
      .slot.wingdaddy.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wing-mobile.svg);
      }
      .slot.wingdaddy.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/daddy-mobile.svg);
      }

      .slot.dongwoody.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/dong-mobile.svg);
      }
      .slot.dongwoody.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/woody-mobile.svg);
      }

      .slot.wongdoedy.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-mobile.svg);
      }
      .slot.wongdoedy.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doedy-mobile.svg);
      }

      .slot.wangdoodle.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wang-mobile.svg);
      }
      .slot.wangdoodle.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doodle-mobile.svg);
      }
      .slot.ronbooty.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/ron-mobile.svg);
      }
      .slot.ronbooty.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/booty-mobile.svg);
      }

      .slot.wongdong.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-mobile.svg);
      }
      .slot.wongdong.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/dong-mobile.svg);
      }

      .slot.doodywong.left {
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/doody-mobile.svg);
      }
      .slot.doodywong.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-mobile.svg);
      }
      .slot.wrongbooty.left{
    background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wrong-mobile.svg);
      }
      .slot.wrongbooty.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/booty-mobile.svg);
     }
      .slot.wingduty.left{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wing-mobile.svg);
     }
    .slot.wingduty.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/duty-mobile.svg);
     }
    .slot.wonggouda.left{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/wong-mobile.svg);
     }
      .slot.wonggouda.right{
      background-image: url(http://media.wongdoody.com/z_sites/wd-web-stage/images/uploads/global/gouda-mobile.svg);
     }
}

@media(max-width:800px){
  .machineContainer { width:100%; height:300px; }
  .slotMachine { width:50%; display:inline-block; }
  .slotMachineButton { display: block; margin:0px auto;}

}