/*@font-face
{
    font-family:'arb';font-display:auto;src:url(fonts/GEHili-Book.ttf) format('ttf'),
url(fonts/GEHili-Book.eot?) format('eot'),
url(fonts/GEHili-Book.woff) format('woff');
}
@font-face
{
    font-family:'txt';font-display:auto;src:url(fonts/Junge-Regular.ttf) format('ttf'),
url(fonts/Junge-Regular.eot?) format('eot'),
url(fonts/Junge-Regular.woff) format('woff');
}

@font-face
{
    font-family:'bld';font-display:auto;src:url(fonts/GEHili-Light.ttf) format('ttf'),
url(fonts/GEHili-Light.eot?) format('eot'),
url(fonts/GEHili-Light.woff) format('woff');
}
*/




::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #f15f39 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #f15f39 !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #f15f39 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #f15f39 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #f15f39 !important;
}

::placeholder {
    /* Most modern browsers support this now. */
    color: #f15f39 !important;
}

a:hover,
a:visited {
    text-decoration: none;
}

.pcolor {
    color: #f15f39;
    /* rgb(90,40,20) */
}

.elementsDiv {
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0px;
    bottom: 0px;
    /* max-height: 84vh !important; */
    overflow: hidden;
}

.elem {
    width: 28px;
    height: 115px;
    position: absolute;
    top: -100px;
    transform: translateZ(0);
    transition: transform linear 1200ms,opacity 300ms;
    background-image: url('../../../img/3/i.png');
    background-size: contain;
    /* z-index: 400; */
}

.noTrans{
    transition:none !important;
}
 
.speed_1 {
    transition: transform linear 800ms,opacity 300ms;
}

.speed_2 {
    transition: transform linear 900ms,opacity 300ms;
}

.speed_3 {
    transition: transform linear 1100ms,opacity 300ms;
}

.speed_4 {
    transition: transform linear 1200ms,opacity 300ms;
}

.speed_5 {
    
    transition: transform linear 2200ms,opacity 300ms;
}

.jar {
    display: block;
    position: absolute;
    /* background: red; */
    bottom: 153px;
    left: 300px;
    max-width: 25vw;
}
 

.score{
    position: absolute;
    top:0;
    left:0;
}




.spinDiv {
    width: auto;
    /* padding: 0px 40px; */
    max-width: 100vw;
    position: relative;
    margin: 0 auto;
    margin-top: 150px;
}

.spin{
    position: relative;
    width: 100%;
    height: auto;
    max-width: 100%;
    height: auto;
    transform-origin: center;
    transition: all 4600ms ease-out;
}

.spin img
{
    width: 100%; 
    display: block;
    transition: 600ms;
   transition: all 4600ms ease-out;

}

.spin img.wheelcenter
{
   position:absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) !important;
   width: 39%;

}


.pointer
{
    position: absolute;
    right: 50%;
    top: -6px;
    margin-right: -30px;
    height: 30px;
    transition: top 600ms;
}
.activ .spin img{
    /*opacity: .6;
    transform: scale(0.98);
    */
    /* transform: scale(1.03); */
}
.activ .pointer
{
    top:-20px;
}
.btnweelDiv
{
    position: relative;
    width:180px;
    margin: 0 auto;
    padding: 50px 0px;
    padding-top: 150px; 
}
.btnweel
{
    transition: all 300ms;
    width:100%;
    height: auto;
    outline: none !important;
    border: none !important;
    background: transparent !important;
}


.btnweel img{
    width:100%;
}

.btnweel:active {
    transform: scale(0.95);
  }