@import url('/wp-content/themes/IQMD/fonts/fa5.css');
html{
    margin: 0;
    height: 100%;
    padding: 0;
}
body{
	position: relative;
	z-index: 0;	
	font-family: 'fa5-proxima-nova', sans-serif !important;
    margin: 0;
    height: 100%;
    padding: 0;
    background: #092942;
}
.b-page_newyear {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.b-page__content{min-height:200px}
.b-head-decor{display:none}
.b-page_newyear .b-head-decor{
   position:absolute;
   top:0;
   left:0;
   display:block;
   height:115px;
   width:100%;
   overflow:hidden;
   background:url(balls/b-head-decor_newyear.png) repeat-x 0 0
}
#snow-animation-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:115px;display:block;width:373px}
.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-115px;left:0;z-index:3;height:115px;display:block;width:100%;box-shadow:0 15px 30px rgba(0,0,0,0.75)}
.b-page_newyear .b-head-decor__inner_n2{left:373px}
.b-page_newyear .b-head-decor__inner_n3{left:746px}
.b-page_newyear .b-head-decor__inner_n4{left:1119px}
.b-page_newyear .b-head-decor__inner_n5{left:1492px}
.b-page_newyear .b-head-decor__inner_n6{left:1865px}
.b-page_newyear .b-head-decor__inner_n7{left:2238px}

.b-ball{position:absolute}
.b-ball_n1{top:0;left:3px;width:59px;height:83px}
.b-ball_n2{top:-19px;left:51px;width:55px;height:70px}
.b-ball_n3{top:9px;left:88px;width:49px;height:67px}
.b-ball_n4{top:0;left:133px;width:57px;height:102px}
.b-ball_n5{top:0;left:166px;width:49px;height:57px}
.b-ball_n6{top:6px;left:200px;width:54px;height:70px}
.b-ball_n7{top:0;left:240px;width:56px;height:67px}
.b-ball_n8{top:0;left:283px;width:54px;height:53px}
.b-ball_n9{top:10px;left:321px;width:49px;height:66px}
.b-ball_n1 .b-ball__i{background:url(balls/b-ball_n1.png) no-repeat}
.b-ball_n2 .b-ball__i{background:url(balls/b-ball_n2.png) no-repeat}
.b-ball_n3 .b-ball__i{background:url(balls/b-ball_n3.png) no-repeat}
.b-ball_n4 .b-ball__i{background:url(balls/b-ball_n4.png) no-repeat}
.b-ball_n5 .b-ball__i{background:url(balls/b-ball_n5.png) no-repeat}
.b-ball_n6 .b-ball__i{background:url(balls/b-ball_n6.png) no-repeat}
.b-ball_n7 .b-ball__i{background:url(balls/b-ball_n7.png) no-repeat}
.b-ball_n8 .b-ball__i{background:url(balls/b-ball_n8.png) no-repeat}
.b-ball_n9 .b-ball__i{background:url(balls/b-ball_n9.png) no-repeat}
.b-ball_i1 .b-ball__i{background:url(balls/b-ball_i1.png) no-repeat}
.b-ball_i2 .b-ball__i{background:url(balls/b-ball_i2.png) no-repeat}
.b-ball_i3 .b-ball__i{background:url(balls/b-ball_i3.png) no-repeat}
.b-ball_i4 .b-ball__i{background:url(balls/b-ball_i4.png) no-repeat}
.b-ball_i5 .b-ball__i{background:url(balls/b-ball_i5.png) no-repeat}
.b-ball_i6 .b-ball__i{background:url(balls/b-ball_i6.png) no-repeat}
.b-ball_i1{top:0;left:0;width:25px;height:71px}
.b-ball_i2{top:0;left:25px;width:61px;height:27px}
.b-ball_i3{top:0;left:176px;width:29px;height:31px}
.b-ball_i4{top:0;left:205px;width:50px;height:51px}
.b-ball_i5{top:0;left:289px;width:78px;height:28px}
.b-ball_i6{top:0;left:367px;width:6px;height:69px}
.b-ball__i{
position:absolute;
width:100%;
height:100%;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
pointer-events:none
}
.b-ball_bounce .b-ball__right{position:absolute;top:0;right:0;left:50%;bottom:0;z-index:9}
.b-ball_bounce:hover .b-ball__right{display:none}
.b-ball_bounce .b-ball__right:hover{left:0;display:block!important}
.b-ball_bounce.bounce>.b-ball__i{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}
.b-ball_bounce .b-ball__right.bounce+.b-ball__i{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-o-transform:rotate(9deg);transform:rotate(9deg)}
.b-ball_bounce.bounce1>.b-ball__i{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
.b-ball_bounce.bounce2>.b-ball__i{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.b-ball_bounce.bounce3>.b-ball__i{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg)}
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i{-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}
.oracles {
    position: absolute;
    left: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    color: white;
    font-size: 20px;
    right: 0;
    padding-top: 150px;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    background-image: url(/wp-content/uploads/events/oracle/snowflake1.png), url(/wp-content/uploads/events/oracle/snowflake3.png), url(/wp-content/uploads/events/oracle/snowflake2.png);
    height: 100%;
    animation: snow 20s linear infinite;
}
.oracles h1 {
    font-size: 36px;
    color: #e81f00;
    font-weight: bolder;
}
.oracles h1 small{
	color: #fbbd36;
}
a{
	color: #3bb13b;
}
a:hover {
	color: #3bb13b;
}
.title-wrapper{
	padding: 50px;
    margin-bottom: 50px;
}
.oracle-ball{
	display: inline-block;
	width: 200px;
	height: 200px;
	text-shadow: none;
	position: relative;
	background: url('/wp-content/uploads/events/oracle/ny-balls.png') no-repeat;
}
.oracle-ball.open{
	opacity: 0.25;
}
.ball-number-title {
    width: 55px;
    height: 55px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    justify-content: center;
    margin-left: -27.5px;
    margin-top: -16.5px;
    align-items: center;
    background: white;
    border-radius: 50%;
    color: #000;
    font-weight: bold;
    border: 5px solid #000;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
.copyright {
    padding: 50px 0;
    margin-bottom: 50px;
}
.oracle-ball.num-1{ background-position: 0 0; }
.oracle-ball.num-2{ background-position: 0 -188px; }
.oracle-ball.num-3{ background-position: 0 -376px; }
.oracle-ball.num-4{ background-position: 0 -564px; }
.oracle-ball.num-5{ background-position: 0 -752px; }
.oracle-ball.num-6{ background-position: 0 -940px; }
.oracle-ball.num-7{ background-position: 0 -1128px; }
.oracle-ball.num-8{ background-position: 0 -1316px; }
.oracle-ball.num-9{ background-position: 0 -1504px; }
.oracle-ball.num-10{ background-position: -200px 0; }
.oracle-ball.num-11{ background-position: -200px -188px; }
.oracle-ball.num-12{ background-position: -200px -376px; }
.oracle-ball.num-13{ background-position: -200px -564px; }
.oracle-ball.num-14{ background-position: -200px -752px; }
.oracle-ball.num-15{ background-position: -200px -940px; }
.oracle-ball.num-16{ background-position: -200px -1128px; }
.oracle-ball.num-17{ background-position: -200px -1316px; }
.oracle-ball.num-18{ background-position: -200px -1504px; }
.oracle-ball.num-19{ background-position: -400px 0; }
.oracle-ball.num-20{ background-position: -400px -188px; }
.oracle-ball.num-21{ background-position: -400px -376px; }
.oracle-ball.num-22{ background-position: -400px -564px; }
.oracle-ball.num-23{ background-position: -400px -752px; }
.oracle-ball.num-24{ background-position: -400px -940px; }
.oracle-ball.num-25{ background-position: -400px -1128px; }
.oracle-ball.num-26{ background-position: -400px -1316px; }
.oracle-ball.num-27{ background-position: -400px -1504px; }


@keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
	}
	
	@-moz-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
	}
	
	@-o-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
	}
	
	@-webkit-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
	}
	
	@-ms-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}