@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
.ball-pulse-sync>div,.ball-pulse>div{
width:15px;height:15px;margin:2px;display:inline-block
}

.ball-pulse-sync>div,.ball-pulse>div,.ball-scale>div{
background-color:#fff;border-radius:100%
}

@-webkit-keyframes scale{
0%,80%{
-webkit-transform:scale(1);transform:scale(1);opacity:1
}

45%{
-webkit-transform:scale(.1);transform:scale(.1);opacity:.7
}


}

@keyframes scale{
0%,80%{
-webkit-transform:scale(1);transform:scale(1);opacity:1
}

45%{
-webkit-transform:scale(.1);transform:scale(.1);opacity:.7
}


}

.ball-pulse>div:nth-child(0){
-webkit-animation:scale .75s -.36s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.36s infinite cubic-bezier(.2,.68,.18,1.08)
}

.ball-pulse>div:nth-child(1){
-webkit-animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)
}

.ball-pulse>div:nth-child(2){
-webkit-animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)
}

.ball-pulse>div:nth-child(3){
-webkit-animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)
}

.ball-pulse>div{
-webkit-animation-fill-mode:both;animation-fill-mode:both
}

@-webkit-keyframes ball-pulse-sync{
33%{
-webkit-transform:translateY(10px);transform:translateY(10px)
}

66%{
-webkit-transform:translateY(-10px);transform:translateY(-10px)
}

100%{
-webkit-transform:translateY(0);transform:translateY(0)
}


}

@keyframes ball-pulse-sync{
33%{
-webkit-transform:translateY(10px);transform:translateY(10px)
}

66%{
-webkit-transform:translateY(-10px);transform:translateY(-10px)
}

100%{
-webkit-transform:translateY(0);transform:translateY(0)
}


}

.ball-pulse-sync>div:nth-child(0){
-webkit-animation:ball-pulse-sync .6s -.21s infinite ease-in-out;animation:ball-pulse-sync .6s -.21s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(1){
-webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;animation:ball-pulse-sync .6s -.14s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(2){
-webkit-animation:ball-pulse-sync .6s -.07s infinite ease-in-out;animation:ball-pulse-sync .6s -.07s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(3){
-webkit-animation:ball-pulse-sync .6s 0s infinite ease-in-out;animation:ball-pulse-sync .6s 0s infinite ease-in-out
}

.ball-pulse-sync>div{
-webkit-animation-fill-mode:both;animation-fill-mode:both
}

@-webkit-keyframes ball-scale{
0%{
-webkit-transform:scale(0);transform:scale(0)
}

100%{
-webkit-transform:scale(1);transform:scale(1);opacity:0
}


}

@keyframes ball-scale{
0%{
-webkit-transform:scale(0);transform:scale(0)
}

100%{
-webkit-transform:scale(1);transform:scale(1);opacity:0
}


}

.ball-scale>div{
height:60px;width:60px;animation:ball-scale 1s 0s ease-in-out infinite
}

.ball-scale-random>div,.ball-scale>div{
display:inline-block;margin:2px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite
}

.ball-scale-random{
width:37px;height:40px
}

.ball-scale-random>div{
background-color:#fff;border-radius:100%;position:absolute;height:30px;width:30px;animation:ball-scale 1s 0s ease-in-out infinite
}

.ball-rotate>div,.ball-rotate>div:after,.ball-rotate>div:before{
background-color:#fff;width:15px;height:15px;border-radius:100%
}

.ball-rotate,.ball-rotate>div{
position:relative
}

.ball-scale-random>div:nth-child(1){
margin-left:-7px;-webkit-animation:ball-scale 1s .2s ease-in-out infinite;animation:ball-scale 1s .2s ease-in-out infinite
}

.ball-scale-random>div:nth-child(3){
margin-left:-2px;margin-top:9px;-webkit-animation:ball-scale 1s .5s ease-in-out infinite;animation:ball-scale 1s .5s ease-in-out infinite
}

@-webkit-keyframes rotate{
0%{
-webkit-transform:rotate(0);transform:rotate(0)
}

50%{
-webkit-transform:rotate(180deg);transform:rotate(180deg)
}

100%{
-webkit-transform:rotate(360deg);transform:rotate(360deg)
}


}

.ball-rotate>div{
margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both
}

.ball-rotate>div:first-child{
-webkit-animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite
}

.ball-rotate>div:after,.ball-rotate>div:before{
margin:2px;content:"";position:absolute;opacity:.8
}

.ball-rotate>div:before{
top:0;left:-28px
}

.ball-rotate>div:after{
top:0;left:25px
}

.ball-clip-rotate>div{
border-radius:100%;margin:2px;border:2px solid #fff;border-bottom-color:transparent;height:25px;width:25px;background:0 0!important;display:inline-block;-webkit-animation:rotate .75s 0s linear infinite;animation:rotate .75s 0s linear infinite
}

@keyframes rotate{
0%{
-webkit-transform:rotate(0);transform:rotate(0)
}

50%{
-webkit-transform:rotate(180deg);transform:rotate(180deg)
}

100%{
-webkit-transform:rotate(360deg);transform:rotate(360deg)
}


}

@keyframes scale{
30%{
-webkit-transform:scale(.3);transform:scale(.3)
}

100%{
-webkit-transform:scale(1);transform:scale(1)
}


}

.ball-clip-rotate-pulse{
position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)
}

.ball-clip-rotate-pulse>div{
-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%
}

.ball-clip-rotate-pulse>div:first-child{
background:#fff;height:16px;width:16px;top:7px;left:-7px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite
}

.ball-clip-rotate-pulse>div:last-child{
position:absolute;width:30px;height:30px;left:-16px;top:-2px;background:0 0;border:2px solid;border-color:#fff transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s
}

@keyframes rotate{
0%{
-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)
}

50%{
-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)
}

100%{
-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)
}


}

.ball-clip-rotate-multiple{
position:relative
}

.ball-clip-rotate-multiple>div{
position:absolute;left:-20px;top:-20px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite
}

.ball-clip-rotate-multiple>div:last-child{
display:inline-block;top:-10px;left:-10px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#fff transparent;-webkit-animation-direction:reverse;animation-direction:reverse
}

@-webkit-keyframes ball-scale-ripple{
0%{
-webkit-transform:scale(.1);transform:scale(.1);opacity:1
}

70%{
-webkit-transform:scale(1);transform:scale(1);opacity:.7
}

100%{
opacity:0
}


}

@keyframes ball-scale-ripple{
0%{
-webkit-transform:scale(.1);transform:scale(.1);opacity:1
}

70%{
-webkit-transform:scale(1);transform:scale(1);opacity:.7
}

100%{
opacity:0
}


}

.ball-scale-ripple>div{
height:50px;width:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8)
}

@-webkit-keyframes ball-scale-ripple-multiple{
0%{
-webkit-transform:scale(.1);transform:scale(.1);opacity:1
}

70%{
-webkit-transform:scale(1);transform:scale(1);opacity:.7
}

100%{
opacity:0
}


}

@keyframes ball-scale-ripple-multiple{
0%{
-webkit-transform:scale(.1);transform:scale(.1);opacity:1
}

70%{
-webkit-transform:scale(1);transform:scale(1);opacity:.7
}

100%{
opacity:0
}


}

.ball-scale-ripple-multiple{
position:relative;-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px)
}

.ball-scale-ripple-multiple>div:nth-child(0){
-webkit-animation-delay:-.8s;animation-delay:-.8s
}

.ball-scale-ripple-multiple>div:nth-child(1){
-webkit-animation-delay:-.6s;animation-delay:-.6s
}

.ball-scale-ripple-multiple>div:nth-child(2){
-webkit-animation-delay:-.4s;animation-delay:-.4s
}

.ball-scale-ripple-multiple>div:nth-child(3){
-webkit-animation-delay:-.2s;animation-delay:-.2s
}

.ball-scale-ripple-multiple>div{
position:absolute;top:-2px;left:-26px;width:50px;height:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8)
}

@-webkit-keyframes ball-beat{
50%{
opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)
}

100%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}


}

@keyframes ball-beat{
50%{
opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)
}

100%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}


}

.ball-beat>div{
background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;display:inline-block;-webkit-animation:ball-beat .7s 0s infinite linear;animation:ball-beat .7s 0s infinite linear
}

.ball-beat>div:nth-child(2n-1){
-webkit-animation-delay:-.35s!important;animation-delay:-.35s!important
}

@-webkit-keyframes ball-scale-multiple{
0%{
-webkit-transform:scale(0);transform:scale(0);opacity:0
}

5%{
opacity:1
}

100%{
-webkit-transform:scale(1);transform:scale(1);opacity:0
}


}

@keyframes ball-scale-multiple{
0%{
-webkit-transform:scale(0);transform:scale(0);opacity:0
}

5%{
opacity:1
}

100%{
-webkit-transform:scale(1);transform:scale(1);opacity:0
}


}

.ball-scale-multiple{
position:relative;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)
}

.ball-scale-multiple>div:nth-child(2){
-webkit-animation-delay:-.4s;animation-delay:-.4s
}

.ball-scale-multiple>div:nth-child(3){
-webkit-animation-delay:-.2s;animation-delay:-.2s
}

.ball-scale-multiple>div{
background-color:#fff;border-radius:100%;position:absolute;left:-30px;top:0;opacity:0;margin:0;width:60px;height:60px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite
}

@-webkit-keyframes ball-triangle-path-1{
33%{
-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)
}

66%{
-webkit-transform:translate(50px,0);transform:translate(50px,0)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@keyframes ball-triangle-path-1{
33%{
-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)
}

66%{
-webkit-transform:translate(50px,0);transform:translate(50px,0)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@-webkit-keyframes ball-triangle-path-2{
33%{
-webkit-transform:translate(25px,50px);transform:translate(25px,50px)
}

66%{
-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@keyframes ball-triangle-path-2{
33%{
-webkit-transform:translate(25px,50px);transform:translate(25px,50px)
}

66%{
-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@-webkit-keyframes ball-triangle-path-3{
33%{
-webkit-transform:translate(-50px,0);transform:translate(-50px,0)
}

66%{
-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@keyframes ball-triangle-path-3{
33%{
-webkit-transform:translate(-50px,0);transform:translate(-50px,0)
}

66%{
-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

.ball-triangle-path{
position:relative;-webkit-transform:translate(-29.99px,-37.51px);-ms-transform:translate(-29.99px,-37.51px);transform:translate(-29.99px,-37.51px)
}

.ball-triangle-path>div:nth-child(1){
-webkit-animation-name:ball-triangle-path-1;animation-name:ball-triangle-path-1;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}

.ball-triangle-path>div:nth-child(2){
-webkit-animation-name:ball-triangle-path-2;animation-name:ball-triangle-path-2;-webkit-animation-delay:0;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}

.ball-triangle-path>div:nth-child(2),.ball-triangle-path>div:nth-child(3){
-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out
}

.ball-triangle-path>div:nth-child(3){
-webkit-animation-name:ball-triangle-path-3;animation-name:ball-triangle-path-3;-webkit-animation-delay:0;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}

.ball-triangle-path>div{
-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:10px;height:10px;border-radius:100%;border:1px solid #fff
}

.ball-grid-beat>div,.ball-pulse-rise>div{
background-color:#fff;height:15px;border-radius:100%;margin:2px
}

.ball-triangle-path>div:nth-of-type(1){
top:50px
}

.ball-triangle-path>div:nth-of-type(2){
left:25px
}

.ball-triangle-path>div:nth-of-type(3){
top:50px;left:50px
}

@-webkit-keyframes ball-pulse-rise-even{
0%{
-webkit-transform:scale(1.1);transform:scale(1.1)
}

25%{
-webkit-transform:translateY(-30px);transform:translateY(-30px)
}

50%{
-webkit-transform:scale(.4);transform:scale(.4)
}

75%{
-webkit-transform:translateY(30px);transform:translateY(30px)
}

100%{
-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)
}


}

@keyframes ball-pulse-rise-even{
0%{
-webkit-transform:scale(1.1);transform:scale(1.1)
}

25%{
-webkit-transform:translateY(-30px);transform:translateY(-30px)
}

50%{
-webkit-transform:scale(.4);transform:scale(.4)
}

75%{
-webkit-transform:translateY(30px);transform:translateY(30px)
}

100%{
-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)
}


}

@-webkit-keyframes ball-pulse-rise-odd{
0%{
-webkit-transform:scale(.4);transform:scale(.4)
}

25%{
-webkit-transform:translateY(30px);transform:translateY(30px)
}

50%{
-webkit-transform:scale(1.1);transform:scale(1.1)
}

75%{
-webkit-transform:translateY(-30px);transform:translateY(-30px)
}

100%{
-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)
}


}

@keyframes ball-pulse-rise-odd{
0%{
-webkit-transform:scale(.4);transform:scale(.4)
}

25%{
-webkit-transform:translateY(30px);transform:translateY(30px)
}

50%{
-webkit-transform:scale(1.1);transform:scale(1.1)
}

75%{
-webkit-transform:translateY(-30px);transform:translateY(-30px)
}

100%{
-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)
}


}

.ball-pulse-rise>div{
width:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-timing-function:cubic-bezier(.15,.46,.9,.6);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0
}

.ball-pulse-rise>div:nth-child(2n){
-webkit-animation-name:ball-pulse-rise-even;animation-name:ball-pulse-rise-even
}

.ball-pulse-rise>div:nth-child(2n-1){
-webkit-animation-name:ball-pulse-rise-odd;animation-name:ball-pulse-rise-odd
}

@-webkit-keyframes ball-grid-beat{
50%{
opacity:.7
}

100%{
opacity:1
}


}

@keyframes ball-grid-beat{
50%{
opacity:.7
}

100%{
opacity:1
}


}

.ball-grid-beat{
width:57px
}

.ball-grid-beat>div:nth-child(1){
-webkit-animation-delay:.44s;animation-delay:.44s;-webkit-animation-duration:1.27s;animation-duration:1.27s
}

.ball-grid-beat>div:nth-child(2){
-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:1.52s;animation-duration:1.52s
}

.ball-grid-beat>div:nth-child(3){
-webkit-animation-delay:.14s;animation-delay:.14s;-webkit-animation-duration:.61s;animation-duration:.61s
}

.ball-grid-beat>div:nth-child(4){
-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-animation-duration:.82s;animation-duration:.82s
}

.ball-grid-beat>div:nth-child(5){
-webkit-animation-delay:-.01s;animation-delay:-.01s;-webkit-animation-duration:1.24s;animation-duration:1.24s
}

.ball-grid-beat>div:nth-child(6){
-webkit-animation-delay:-.07s;animation-delay:-.07s;-webkit-animation-duration:1.35s;animation-duration:1.35s
}

.ball-grid-beat>div:nth-child(7){
-webkit-animation-delay:.29s;animation-delay:.29s;-webkit-animation-duration:1.44s;animation-duration:1.44s
}

.ball-grid-beat>div:nth-child(8){
-webkit-animation-delay:.63s;animation-delay:.63s;-webkit-animation-duration:1.19s;animation-duration:1.19s
}

.ball-grid-beat>div:nth-child(9){
-webkit-animation-delay:-.18s;animation-delay:-.18s;-webkit-animation-duration:1.48s;animation-duration:1.48s
}

.ball-grid-beat>div{
width:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0
}

.ball-grid-beat>div,.ball-grid-pulse>div{
display:inline-block;float:left;-webkit-animation-iteration-count:infinite
}

@-webkit-keyframes ball-grid-pulse{
0%{
-webkit-transform:scale(1);transform:scale(1)
}

50%{
-webkit-transform:scale(.5);transform:scale(.5);opacity:.7
}

100%{
-webkit-transform:scale(1);transform:scale(1);opacity:1
}


}

@keyframes ball-grid-pulse{
0%{
-webkit-transform:scale(1);transform:scale(1)
}

50%{
-webkit-transform:scale(.5);transform:scale(.5);opacity:.7
}

100%{
-webkit-transform:scale(1);transform:scale(1);opacity:1
}


}

.ball-grid-pulse{
width:57px
}

.ball-grid-pulse>div,.ball-spin-fade-loader>div{
background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px
}

.ball-grid-pulse>div:nth-child(1){
-webkit-animation-delay:.58s;animation-delay:.58s;-webkit-animation-duration:.9s;animation-duration:.9s
}

.ball-grid-pulse>div:nth-child(2){
-webkit-animation-delay:.01s;animation-delay:.01s;-webkit-animation-duration:.94s;animation-duration:.94s
}

.ball-grid-pulse>div:nth-child(3){
-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-duration:1.43s;animation-duration:1.43s
}

.ball-grid-pulse>div:nth-child(4){
-webkit-animation-delay:-.03s;animation-delay:-.03s;-webkit-animation-duration:.74s;animation-duration:.74s
}

.ball-grid-pulse>div:nth-child(5){
-webkit-animation-delay:.21s;animation-delay:.21s;-webkit-animation-duration:.68s;animation-duration:.68s
}

.ball-grid-pulse>div:nth-child(6){
-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-duration:1.17s;animation-duration:1.17s
}

.ball-grid-pulse>div:nth-child(7){
-webkit-animation-delay:.46s;animation-delay:.46s;-webkit-animation-duration:1.41s;animation-duration:1.41s
}

.ball-grid-pulse>div:nth-child(8){
-webkit-animation-delay:.02s;animation-delay:.02s;-webkit-animation-duration:1.56s;animation-duration:1.56s
}

.ball-grid-pulse>div:nth-child(9){
-webkit-animation-delay:.13s;animation-delay:.13s;-webkit-animation-duration:.78s;animation-duration:.78s
}

.ball-grid-pulse>div{
-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0
}

@-webkit-keyframes ball-spin-fade-loader{
50%{
opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)
}

100%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}


}

@keyframes ball-spin-fade-loader{
50%{
opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)
}

100%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}


}

.ball-spin-fade-loader{
position:relative;top:-10px;left:-10px
}

.ball-spin-fade-loader>div:nth-child(1){
top:25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.96s infinite linear;animation:ball-spin-fade-loader 1s -.96s infinite linear
}

.ball-spin-fade-loader>div:nth-child(2){
top:17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.84s infinite linear;animation:ball-spin-fade-loader 1s -.84s infinite linear
}

.ball-spin-fade-loader>div:nth-child(3){
top:0;left:25px;-webkit-animation:ball-spin-fade-loader 1s -.72s infinite linear;animation:ball-spin-fade-loader 1s -.72s infinite linear
}

.ball-spin-fade-loader>div:nth-child(4){
top:-17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.6s infinite linear;animation:ball-spin-fade-loader 1s -.6s infinite linear
}

.ball-spin-fade-loader>div:nth-child(5){
top:-25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.48s infinite linear;animation:ball-spin-fade-loader 1s -.48s infinite linear
}

.ball-spin-fade-loader>div:nth-child(6){
top:-17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.36s infinite linear;animation:ball-spin-fade-loader 1s -.36s infinite linear
}

.ball-spin-fade-loader>div:nth-child(7){
top:0;left:-25px;-webkit-animation:ball-spin-fade-loader 1s -.24s infinite linear;animation:ball-spin-fade-loader 1s -.24s infinite linear
}

.ball-spin-fade-loader>div:nth-child(8){
top:17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.12s infinite linear;animation:ball-spin-fade-loader 1s -.12s infinite linear
}

.ball-spin-fade-loader>div{
-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute
}

@-webkit-keyframes ball-spin-loader{
75%{
opacity:.2
}

100%{
opacity:1
}


}

@keyframes ball-spin-loader{
75%{
opacity:.2
}

100%{
opacity:1
}


}

.ball-spin-loader{
position:relative
}

.ball-spin-loader>span:nth-child(1){
top:45px;left:0;-webkit-animation:ball-spin-loader 2s .9s infinite linear;animation:ball-spin-loader 2s .9s infinite linear
}

.ball-spin-loader>span:nth-child(2){
top:30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 1.8s infinite linear;animation:ball-spin-loader 2s 1.8s infinite linear
}

.ball-spin-loader>span:nth-child(3){
top:0;left:45px;-webkit-animation:ball-spin-loader 2s 2.7s infinite linear;animation:ball-spin-loader 2s 2.7s infinite linear
}

.ball-spin-loader>span:nth-child(4){
top:-30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 3.6s infinite linear;animation:ball-spin-loader 2s 3.6s infinite linear
}

.ball-spin-loader>span:nth-child(5){
top:-45px;left:0;-webkit-animation:ball-spin-loader 2s 4.5s infinite linear;animation:ball-spin-loader 2s 4.5s infinite linear
}

.ball-spin-loader>span:nth-child(6){
top:-30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 5.4s infinite linear;animation:ball-spin-loader 2s 5.4s infinite linear
}

.ball-spin-loader>span:nth-child(7){
top:0;left:-45px;-webkit-animation:ball-spin-loader 2s 6.3s infinite linear;animation:ball-spin-loader 2s 6.3s infinite linear
}

.ball-spin-loader>span:nth-child(8){
top:30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 7.2s infinite linear;animation:ball-spin-loader 2s 7.2s infinite linear
}

.ball-spin-loader>div{
-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:15px;height:15px;border-radius:100%;background:green
}

.ball-zig-zag-deflect>div,.ball-zig-zag>div{
background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px 2px 2px 15px;top:4px;left:-7px
}

@-webkit-keyframes ball-zig{
33%{
-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)
}

66%{
-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@keyframes ball-zig{
33%{
-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)
}

66%{
-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@-webkit-keyframes ball-zag{
33%{
-webkit-transform:translate(15px,30px);transform:translate(15px,30px)
}

66%{
-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@keyframes ball-zag{
33%{
-webkit-transform:translate(15px,30px);transform:translate(15px,30px)
}

66%{
-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)
}

100%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

.ball-zig-zag{
position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)
}

.ball-zig-zag>div{
-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute
}

.ball-zig-zag>div:first-child{
-webkit-animation:ball-zig .7s 0s infinite linear;animation:ball-zig .7s 0s infinite linear
}

.ball-zig-zag>div:last-child{
-webkit-animation:ball-zag .7s 0s infinite linear;animation:ball-zag .7s 0s infinite linear
}

@-webkit-keyframes ball-zig-deflect{
17%,84%{
-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)
}

34%,67%{
-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)
}

100%,50%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@keyframes ball-zig-deflect{
17%,84%{
-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)
}

34%,67%{
-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)
}

100%,50%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@-webkit-keyframes ball-zag-deflect{
17%,84%{
-webkit-transform:translate(15px,30px);transform:translate(15px,30px)
}

34%,67%{
-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)
}

100%,50%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

@keyframes ball-zag-deflect{
17%,84%{
-webkit-transform:translate(15px,30px);transform:translate(15px,30px)
}

34%,67%{
-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)
}

100%,50%{
-webkit-transform:translate(0,0);transform:translate(0,0)
}


}

.ball-zig-zag-deflect{
position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)
}

.ball-zig-zag-deflect>div{
-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute
}

.ball-zig-zag-deflect>div:first-child{
-webkit-animation:ball-zig-deflect 1.5s 0s infinite linear;animation:ball-zig-deflect 1.5s 0s infinite linear
}

.ball-zig-zag-deflect>div:last-child{
-webkit-animation:ball-zag-deflect 1.5s 0s infinite linear;animation:ball-zag-deflect 1.5s 0s infinite linear
}

@-webkit-keyframes line-scale{
0%,100%{
-webkit-transform:scaley(1);transform:scaley(1)
}

50%{
-webkit-transform:scaley(.4);transform:scaley(.4)
}


}

@keyframes line-scale{
0%,100%{
-webkit-transform:scaley(1);transform:scaley(1)
}

50%{
-webkit-transform:scaley(.4);transform:scaley(.4)
}


}

.line-scale>div:nth-child(1){
-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)
}

.line-scale>div:nth-child(2){
-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)
}

.line-scale>div:nth-child(3){
-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)
}

.line-scale>div:nth-child(4){
-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)
}

.line-scale>div:nth-child(5){
-webkit-animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)
}

.line-scale>div{
animation-fill-mode:both;display:inline-block
}

.line-scale-party>div,.line-scale>div{
background-color:#fff;border-radius:2px;margin:2px;width:4px;height:35px;-webkit-animation-fill-mode:both
}

@-webkit-keyframes line-scale-party{
0%,100%{
-webkit-transform:scale(1);transform:scale(1)
}

50%{
-webkit-transform:scale(.5);transform:scale(.5)
}


}

@keyframes line-scale-party{
0%,100%{
-webkit-transform:scale(1);transform:scale(1)
}

50%{
-webkit-transform:scale(.5);transform:scale(.5)
}


}

.line-scale-party>div:nth-child(1){
-webkit-animation-delay:-.09s;animation-delay:-.09s;-webkit-animation-duration:.83s;animation-duration:.83s
}

.line-scale-party>div:nth-child(2){
-webkit-animation-delay:.33s;animation-delay:.33s;-webkit-animation-duration:.64s;animation-duration:.64s
}

.line-scale-party>div:nth-child(3){
-webkit-animation-delay:.32s;animation-delay:.32s;-webkit-animation-duration:.39s;animation-duration:.39s
}

.line-scale-party>div:nth-child(4){
-webkit-animation-delay:.47s;animation-delay:.47s;-webkit-animation-duration:.52s;animation-duration:.52s
}

.line-scale-party>div{
animation-fill-mode:both;display:inline-block;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0
}

@-webkit-keyframes line-scale-pulse-out{
0%,100%{
-webkit-transform:scaley(1);transform:scaley(1)
}

50%{
-webkit-transform:scaley(.4);transform:scaley(.4)
}


}

@keyframes line-scale-pulse-out{
0%,100%{
-webkit-transform:scaley(1);transform:scaley(1)
}

50%{
-webkit-transform:scaley(.4);transform:scaley(.4)
}


}

.line-scale-pulse-out>div{
background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;display:inline-block;-webkit-animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85);animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85)
}

.line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4){
-webkit-animation-delay:-.4s!important;animation-delay:-.4s!important
}

.line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5){
-webkit-animation-delay:-.2s!important;animation-delay:-.2s!important
}

@-webkit-keyframes line-scale-pulse-out-rapid{
0%,90%{
-webkit-transform:scaley(1);transform:scaley(1)
}

80%{
-webkit-transform:scaley(.3);transform:scaley(.3)
}


}

@keyframes line-scale-pulse-out-rapid{
0%,90%{
-webkit-transform:scaley(1);transform:scaley(1)
}

80%{
-webkit-transform:scaley(.3);transform:scaley(.3)
}


}

.line-scale-pulse-out-rapid>div{
background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;display:inline-block;-webkit-animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78);animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78)
}

.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4){
-webkit-animation-delay:-.25s!important;animation-delay:-.25s!important
}

.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5){
-webkit-animation-delay:0s!important;animation-delay:0s!important
}

@-webkit-keyframes line-spin-fade-loader{
50%{
opacity:.3
}

100%{
opacity:1
}


}

@keyframes line-spin-fade-loader{
50%{
opacity:.3
}

100%{
opacity:1
}


}

.line-spin-fade-loader{
position:relative;top:-10px;left:-4px
}

.line-spin-fade-loader>div:nth-child(1){
top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(2){
top:13.64px;left:13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(3){
top:0;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(4){
top:-13.64px;left:13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(5){
top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(6){
top:-13.64px;left:-13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(7){
top:0;left:-20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(8){
top:13.64px;left:-13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out
}

.line-spin-fade-loader>div{
background-color:#fff;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px
}

@-webkit-keyframes triangle-skew-spin{
25%{
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)
}

50%{
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)
}

75%{
-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)
}

100%{
-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)
}


}

@keyframes triangle-skew-spin{
25%{
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)
}

50%{
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)
}

75%{
-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)
}

100%{
-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)
}


}

.triangle-skew-spin>div{
width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite
}

@-webkit-keyframes square-spin{
25%{
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)
}

50%{
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)
}

75%{
-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)
}

100%{
-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)
}


}

@keyframes square-spin{
25%{
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)
}

50%{
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)
}

75%{
-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)
}

100%{
-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)
}


}

.square-spin>div{
width:50px;height:50px;background:#fff;border:1px solid red;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite
}

.pacman>div:first-of-type,.pacman>div:nth-child(2){
width:0;height:0;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px;position:relative;left:-30px
}

@-webkit-keyframes rotate_pacman_half_up{
0%,100%{
-webkit-transform:rotate(270deg);transform:rotate(270deg)
}

50%{
-webkit-transform:rotate(360deg);transform:rotate(360deg)
}


}

@keyframes rotate_pacman_half_up{
0%,100%{
-webkit-transform:rotate(270deg);transform:rotate(270deg)
}

50%{
-webkit-transform:rotate(360deg);transform:rotate(360deg)
}


}

@-webkit-keyframes rotate_pacman_half_down{
0%,100%{
-webkit-transform:rotate(90deg);transform:rotate(90deg)
}

50%{
-webkit-transform:rotate(0);transform:rotate(0)
}


}

@keyframes rotate_pacman_half_down{
0%,100%{
-webkit-transform:rotate(90deg);transform:rotate(90deg)
}

50%{
-webkit-transform:rotate(0);transform:rotate(0)
}


}

@-webkit-keyframes pacman-balls{
75%{
opacity:.7
}

100%{
-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)
}


}

@keyframes pacman-balls{
75%{
opacity:.7
}

100%{
-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)
}


}

.pacman{
position:relative
}

.pacman>div:nth-child(3){
-webkit-animation:pacman-balls 1s -.66s infinite linear;animation:pacman-balls 1s -.66s infinite linear
}

.pacman>div:nth-child(4){
-webkit-animation:pacman-balls 1s -.33s infinite linear;animation:pacman-balls 1s -.33s infinite linear
}

.pacman>div:nth-child(5){
-webkit-animation:pacman-balls 1s 0s infinite linear;animation:pacman-balls 1s 0s infinite linear
}

.pacman>div:first-of-type{
-webkit-animation:rotate_pacman_half_up .5s 0s infinite;animation:rotate_pacman_half_up .5s 0s infinite
}

.pacman>div:nth-child(2){
-webkit-animation:rotate_pacman_half_down .5s 0s infinite;animation:rotate_pacman_half_down .5s 0s infinite;margin-top:-50px
}

.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6){
background-color:#fff;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;-webkit-transform:translate(0,-6.25px);-ms-transform:translate(0,-6.25px);transform:translate(0,-6.25px);top:25px;left:70px
}

@-webkit-keyframes cube-transition{
25%{
-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)
}

50%{
-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)
}

75%{
-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)
}

100%{
-webkit-transform:rotate(-360deg);transform:rotate(-360deg)
}


}

@keyframes cube-transition{
25%{
-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)
}

50%{
-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)
}

75%{
-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)
}

100%{
-webkit-transform:rotate(-360deg);transform:rotate(-360deg)
}


}

.cube-transition{
position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px)
}

.cube-transition>div{
width:10px;height:10px;position:absolute;top:-5px;left:-5px;background-color:#fff;-webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;animation:cube-transition 1.6s 0s infinite ease-in-out
}

.cube-transition>div:last-child{
-webkit-animation-delay:-.8s;animation-delay:-.8s
}

@-webkit-keyframes spin-rotate{
0%{
-webkit-transform:rotate(0);transform:rotate(0)
}

50%{
-webkit-transform:rotate(180deg);transform:rotate(180deg)
}

100%{
-webkit-transform:rotate(360deg);transform:rotate(360deg)
}


}

@keyframes spin-rotate{
0%{
-webkit-transform:rotate(0);transform:rotate(0)
}

50%{
-webkit-transform:rotate(180deg);transform:rotate(180deg)
}

100%{
-webkit-transform:rotate(360deg);transform:rotate(360deg)
}


}

.semi-circle-spin{
position:relative;width:35px;height:35px;overflow:hidden
}

.semi-circle-spin>div{
position:absolute;border-width:0;border-radius:100%;-webkit-animation:spin-rotate .6s 0s infinite linear;animation:spin-rotate .6s 0s infinite linear;background-image:-webkit-linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);background-image:linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);width:100%;height:100%
}

@-webkit-keyframes bar-progress{
0%,100%{
-webkit-transform:scaleY(20%);transform:scaleY(20%);opacity:1
}

25%,75%{
-webkit-transform:translateX(6%) scaleY(10%);transform:translateX(6%) scaleY(10%);opacity:.7
}

50%{
-webkit-transform:translateX(20%) scaleY(20%);transform:translateX(20%) scaleY(20%);opacity:1
}


}

@keyframes bar-progress{
0%,100%{
-webkit-transform:scaleY(20%);transform:scaleY(20%);opacity:1
}

25%,75%{
-webkit-transform:translateX(6%) scaleY(10%);transform:translateX(6%) scaleY(10%);opacity:.7
}

50%{
-webkit-transform:translateX(20%) scaleY(20%);transform:translateX(20%) scaleY(20%);opacity:1
}


}

.bar-progress{
width:30%;height:12px
}

.bar-progress>div{
position:relative;width:20%;height:12px;border-radius:10px;background-color:#fff;-webkit-animation:bar-progress 3s cubic-bezier(.57,.1,.44,.93) infinite;animation:bar-progress 3s cubic-bezier(.57,.1,.44,.93) infinite;opacity:1
}

.bar-swing,.bar-swing>div{
height:8px;width:30%
}

@-webkit-keyframes bar-swing{
0%,100%{
left:0
}

50%{
left:70%
}


}

@keyframes bar-swing{
0%,100%{
left:0
}

50%{
left:70%
}


}

.bar-swing>div{
position:relative;border-radius:10px;background-color:#fff;-webkit-animation:bar-swing 1.5s infinite;animation:bar-swing 1.5s infinite
}

@-webkit-keyframes bar-swing-container{
0%,100%{
left:0;-webkit-transform:translateX(0);transform:translateX(0)
}

50%{
left:70%;-webkit-transform:translateX(-4px);transform:translateX(-4px)
}


}

@keyframes bar-swing-container{
0%,100%{
left:0;-webkit-transform:translateX(0);transform:translateX(0)
}

50%{
left:70%;-webkit-transform:translateX(-4px);transform:translateX(-4px)
}


}

.bar-swing-container{
width:20%;height:8px;position:relative
}

.bar-swing-container div:nth-child(1){
position:absolute;width:100%;background-color:rgba(255,255,255,.2);height:12px;border-radius:10px
}

.bar-swing-container div:nth-child(2){
position:absolute;width:30%;height:8px;border-radius:10px;background-color:#fff;-webkit-animation:bar-swing-container 2s cubic-bezier(.91,.35,.12,.6) infinite;animation:bar-swing-container 2s cubic-bezier(.91,.35,.12,.6) infinite;margin:2px 2px 0
}


/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {

  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;

}



/* Anti FOUC */

.remodal,
[data-remodal-id] {

  display: none;

}



/* Necessary styles of the overlay */

.remodal-overlay {

  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;

}



/* Necessary styles of the wrapper */

.remodal-wrapper {

  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;

}



.remodal-wrapper:after {

  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";

}



/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

}



/* Necessary styles of the modal dialog */

.remodal {

  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;

}



.remodal-is-initialized {

  /* Disable Anti-FOUC */
  display: inline-block;

}



/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {

  -webkit-filter: blur(3px);
  filter: blur(3px);

}



/* Default theme styles of the overlay */

.remodal-overlay {

  background: rgba(43, 46, 56, 0.9);

}



.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {

  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;

}



.remodal-overlay.remodal-is-opening {

  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;

}



.remodal-overlay.remodal-is-closing {

  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;

}



/* Default theme styles of the wrapper */

.remodal-wrapper {

  padding: 10px 10px 0;

}



/* Default theme styles of the modal dialog */

.remodal {

  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;

}



.remodal.remodal-is-opening,
.remodal.remodal-is-closing {

  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;

}



.remodal.remodal-is-opening {

  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;

}



.remodal.remodal-is-closing {

  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;

}



/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {

  vertical-align: middle;

}



/* Close button */

.remodal-close {

  position: absolute;
  /* top: 0;
 left: 0;*/
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

/*color: rgba(106,106,106,.8);*/
  border: 0;
  outline: 0;
  background: transparent;

}



.remodal-close:hover,
.remodal-close:focus {

  color: rgba(106,106,106,1.00);

}



.remodal-close:before {

  /*font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;*/
  font-size: 30px;
  line-height: 35px;
  position: absolute;
  top: 0;
  /*left: 0;*/
  display: block;
  /*width: 35px;*/
  /*content: "\00d7";*/
  text-align: center;
    

}



/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {

  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;

}



.remodal-confirm {

  color: #fff;
  background: #81c784;

}



.remodal-confirm:hover,
.remodal-confirm:focus {

  background: #66bb6a;

}



.remodal-cancel {

  color: #fff;
  background: #e57373;

}



.remodal-cancel:hover,
.remodal-cancel:focus {

  background: #ef5350;

}



/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {

  padding: 0;

  border: 0;

}



/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {

  from {

    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  
}


  to {

    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  
}



}



@keyframes remodal-opening-keyframes {

  from {

    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  
}


  to {

    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  
}



}



@-webkit-keyframes remodal-closing-keyframes {

  from {

    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  
}


  to {

    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  
}



}



@keyframes remodal-closing-keyframes {

  from {

    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  
}


  to {

    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  
}



}



@-webkit-keyframes remodal-overlay-opening-keyframes {

  from {

    opacity: 0;
  
}


  to {

    opacity: 1;
  
}



}



@keyframes remodal-overlay-opening-keyframes {

  from {

    opacity: 0;
  
}


  to {

    opacity: 1;
  
}



}



@-webkit-keyframes remodal-overlay-closing-keyframes {

  from {

    opacity: 1;
  
}


  to {

    opacity: 0;
  
}



}



@keyframes remodal-overlay-closing-keyframes {

  from {

    opacity: 1;
  
}


  to {

    opacity: 0;
  
}



}



/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {

  .remodal {

    max-width: 80%;
  
}



}



/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {

  background: #2b2e38;

}



.lt-ie9 .remodal {

  width: 700px;

}



/*!
 * # Semantic UI 2.2.12 - Accordion
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.accordion,.ui.accordion .accordion{
max-width:100%
}

.ui.accordion .accordion{
margin:1em 0 0;padding:0
}

.ui.accordion .accordion .title,.ui.accordion .title{
cursor:pointer
}

.ui.accordion .title:not(.ui){
padding:.5em 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;color:rgba(0,0,0,.87)
}

.ui.accordion .accordion .title~.content,.ui.accordion .title~.content{
display:none
}

.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),.ui.accordion:not(.styled) .title~.content:not(.ui){
margin:'';padding:1em 0 1em
}

.ui.accordion:not(.styled) .title~.content:not(.ui):last-child{
padding-bottom:0
}

.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{
display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 0.15rem 0 0;padding:0;font-size:1em;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease;vertical-align:baseline;-webkit-transform:none;transform:none
}

.ui.accordion.menu .item .title{
display:block;padding:0
}

.ui.accordion.menu .item .title>.dropdown.icon{
float:right;margin:.21425em 0 0 1em;-webkit-transform:rotate(180deg);transform:rotate(180deg)
}

.ui.accordion .ui.header .dropdown.icon{
font-size:1em;margin:0 .25rem 0 0
}

.ui.accordion .accordion .active.title .dropdown.icon,.ui.accordion .active.title .dropdown.icon{
-webkit-transform:rotate(90deg);transform:rotate(90deg)
}

.ui.accordion.menu .item .active.title>.dropdown.icon{
-webkit-transform:rotate(90deg);transform:rotate(90deg)
}

.ui.styled.accordion{
width:600px
}

.ui.styled.accordion,.ui.styled.accordion .accordion{
border-radius:.28571429rem;
    background:#fff;
    box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)
}

.ui.styled.accordion .accordion .title,.ui.styled.accordion .title{
margin:0;
    padding:.75em 1em;
    color:rgba(0,0,0,.4);
    font-weight:700;
    border-top:1px solid rgba(34,36,38,.15);
    -webkit-transition:background .1s ease,color .1s ease;
    transition:background .1s ease,color .1s ease
}

.ui.styled.accordion .accordion .title:first-child,.ui.styled.accordion>.title:first-child{
border-top:none
}

.ui.styled.accordion .accordion .content,.ui.styled.accordion .content{
margin:0;padding:.5em 1em 1.5em
}

.ui.styled.accordion .accordion .content{
padding:0;padding:.5em 1em 1.5em
}

.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .active.title,.ui.styled.accordion .title:hover{
background:0 0;color:rgba(0,0,0,.87)
}

.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover{
background:0 0;color:rgba(0,0,0,.87)
}

.ui.styled.accordion .active.title{
background:0 0;color:rgba(0,0,0,.95)
}

.ui.styled.accordion .accordion .active.title{
background:0 0;color:rgba(0,0,0,.95)
}

.ui.accordion .accordion .active.content,.ui.accordion .active.content{
display:block
}

.ui.fluid.accordion,.ui.fluid.accordion .accordion{
width:100%
}

.ui.inverted.accordion .title:not(.ui){
color:rgba(255,255,255,.9)
}

@font-face{
font-family:Accordion;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
    font-weight:400;
    font-style:normal
}

.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon
{
font-family:Accordion;
    line-height:1;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    font-weight:400;
    font-style:normal;
    text-align:center;
}

.ui.accordion .accordion .title .dropdown.icon:before,.ui.accordion .title .dropdown.icon:before{
content:'\f0da'
}


/*!
 * # Semantic UI 2.2.12 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.transition{
-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both
}

.animating.transition{
-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:visible!important
}

.loading.transition{
position:absolute;top:-99999px;left:-99999px
}

.hidden.transition{
display:none;visibility:hidden
}

.visible.transition{
display:block!important;visibility:visible!important
}

.disabled.transition{
-webkit-animation-play-state:paused;animation-play-state:paused
}

.looping.transition{
-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}

.transition.browse{
-webkit-animation-duration:.5s;animation-duration:.5s
}

.transition.browse.in{
-webkit-animation-name:browseIn;animation-name:browseIn
}

.transition.browse.left.out,.transition.browse.out{
-webkit-animation-name:browseOutLeft;animation-name:browseOutLeft
}

.transition.browse.right.out{
-webkit-animation-name:browseOutRight;animation-name:browseOutRight
}

@-webkit-keyframes browseIn{
0%{
-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1
}

10%{
-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7
}

80%{
-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999
}

100%{
-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999
}


}

@keyframes browseIn{
0%{
-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1
}

10%{
-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7
}

80%{
-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999
}

100%{
-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999
}


}

@-webkit-keyframes browseOutLeft{
0%{
z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)
}

50%{
z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}

80%{
opacity:1
}

100%{
z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0
}


}

@keyframes browseOutLeft{
0%{
z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)
}

50%{
z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}

80%{
opacity:1
}

100%{
z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0
}


}

@-webkit-keyframes browseOutRight{
0%{
z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)
}

50%{
z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}

80%{
opacity:1
}

100%{
z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0
}


}

@keyframes browseOutRight{
0%{
z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)
}

50%{
z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}

80%{
opacity:1
}

100%{
z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0
}


}

.drop.transition{
-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.34,1.61,.7,1);animation-timing-function:cubic-bezier(.34,1.61,.7,1)
}

.drop.transition.in{
-webkit-animation-name:dropIn;animation-name:dropIn
}

.drop.transition.out{
-webkit-animation-name:dropOut;animation-name:dropOut
}

@-webkit-keyframes dropIn{
0%{
opacity:0;-webkit-transform:scale(0);transform:scale(0)
}

100%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}


}

@keyframes dropIn{
0%{
opacity:0;-webkit-transform:scale(0);transform:scale(0)
}

100%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}


}

@-webkit-keyframes dropOut{
0%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}

100%{
opacity:0;-webkit-transform:scale(0);transform:scale(0)
}


}

@keyframes dropOut{
0%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}

100%{
opacity:0;-webkit-transform:scale(0);transform:scale(0)
}


}

.transition.fade.in{
-webkit-animation-name:fadeIn;animation-name:fadeIn
}

.transition[class*="fade up"].in{
-webkit-animation-name:fadeInUp;animation-name:fadeInUp
}

.transition[class*="fade down"].in{
-webkit-animation-name:fadeInDown;animation-name:fadeInDown
}

.transition[class*="fade left"].in{
-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft
}

.transition[class*="fade right"].in{
-webkit-animation-name:fadeInRight;animation-name:fadeInRight
}

.transition.fade.out{
-webkit-animation-name:fadeOut;animation-name:fadeOut
}

.transition[class*="fade up"].out{
-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp
}

.transition[class*="fade down"].out{
-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown
}

.transition[class*="fade left"].out{
-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft
}

.transition[class*="fade right"].out{
-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight
}

@-webkit-keyframes fadeIn{
0%{
opacity:0
}

100%{
opacity:1
}


}

@keyframes fadeIn{
0%{
opacity:0
}

100%{
opacity:1
}


}

@-webkit-keyframes fadeInUp{
0%{
opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)
}

100%{
opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}


}

@keyframes fadeInUp{
0%{
opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)
}

100%{
opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}


}

@-webkit-keyframes fadeInDown{
0%{
opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)
}

100%{
opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}


}

@keyframes fadeInDown{
0%{
opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)
}

100%{
opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}


}

@-webkit-keyframes fadeInLeft{
0%{
opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)
}

100%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}


}

@keyframes fadeInLeft{
0%{
opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)
}

100%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}


}

@-webkit-keyframes fadeInRight{
0%{
opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)
}

100%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}


}

@keyframes fadeInRight{
0%{
opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)
}

100%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}


}

@-webkit-keyframes fadeOut{
0%{
opacity:1
}

100%{
opacity:0
}


}

@keyframes fadeOut{
0%{
opacity:1
}

100%{
opacity:0
}


}

@-webkit-keyframes fadeOutUp{
0%{
opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}

100%{
opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)
}


}

@keyframes fadeOutUp{
0%{
opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}

100%{
opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)
}


}

@-webkit-keyframes fadeOutDown{
0%{
opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}

100%{
opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)
}


}

@keyframes fadeOutDown{
0%{
opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}

100%{
opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)
}


}

@-webkit-keyframes fadeOutLeft{
0%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}

100%{
opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)
}


}

@keyframes fadeOutLeft{
0%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}

100%{
opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)
}


}

@-webkit-keyframes fadeOutRight{
0%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}

100%{
opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)
}


}

@keyframes fadeOutRight{
0%{
opacity:1;-webkit-transform:translateX(0);transform:translateX(0)
}

100%{
opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)
}


}

.flip.transition.in,.flip.transition.out{
-webkit-animation-duration:.6s;animation-duration:.6s
}

.horizontal.flip.transition.in{
-webkit-animation-name:horizontalFlipIn;animation-name:horizontalFlipIn
}

.horizontal.flip.transition.out{
-webkit-animation-name:horizontalFlipOut;animation-name:horizontalFlipOut
}

.vertical.flip.transition.in{
-webkit-animation-name:verticalFlipIn;animation-name:verticalFlipIn
}

.vertical.flip.transition.out{
-webkit-animation-name:verticalFlipOut;animation-name:verticalFlipOut
}

@-webkit-keyframes horizontalFlipIn{
0%{
-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0
}

100%{
-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1
}


}

@keyframes horizontalFlipIn{
0%{
-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0
}

100%{
-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1
}


}

@-webkit-keyframes verticalFlipIn{
0%{
-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0
}

100%{
-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1
}


}

@keyframes verticalFlipIn{
0%{
-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0
}

100%{
-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1
}


}

@-webkit-keyframes horizontalFlipOut{
0%{
-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1
}

100%{
-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0
}


}

@keyframes horizontalFlipOut{
0%{
-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1
}

100%{
-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0
}


}

@-webkit-keyframes verticalFlipOut{
0%{
-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1
}

100%{
-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0
}


}

@keyframes verticalFlipOut{
0%{
-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1
}

100%{
-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0
}


}

.scale.transition.in{
-webkit-animation-name:scaleIn;animation-name:scaleIn
}

.scale.transition.out{
-webkit-animation-name:scaleOut;animation-name:scaleOut
}

@-webkit-keyframes scaleIn{
0%{
opacity:0;-webkit-transform:scale(.8);transform:scale(.8)
}

100%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}


}

@keyframes scaleIn{
0%{
opacity:0;-webkit-transform:scale(.8);transform:scale(.8)
}

100%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}


}

@-webkit-keyframes scaleOut{
0%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}

100%{
opacity:0;-webkit-transform:scale(.9);transform:scale(.9)
}


}

@keyframes scaleOut{
0%{
opacity:1;-webkit-transform:scale(1);transform:scale(1)
}

100%{
opacity:0;-webkit-transform:scale(.9);transform:scale(.9)
}


}

.transition.fly{
-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)
}

.transition.fly.in{
-webkit-animation-name:flyIn;animation-name:flyIn
}

.transition[class*="fly up"].in{
-webkit-animation-name:flyInUp;animation-name:flyInUp
}

.transition[class*="fly down"].in{
-webkit-animation-name:flyInDown;animation-name:flyInDown
}

.transition[class*="fly left"].in{
-webkit-animation-name:flyInLeft;animation-name:flyInLeft
}

.transition[class*="fly right"].in{
-webkit-animation-name:flyInRight;animation-name:flyInRight
}

.transition.fly.out{
-webkit-animation-name:flyOut;animation-name:flyOut
}

.transition[class*="fly up"].out{
-webkit-animation-name:flyOutUp;animation-name:flyOutUp
}

.transition[class*="fly down"].out{
-webkit-animation-name:flyOutDown;animation-name:flyOutDown
}

.transition[class*="fly left"].out{
-webkit-animation-name:flyOutLeft;animation-name:flyOutLeft
}

.transition[class*="fly right"].out{
-webkit-animation-name:flyOutRight;animation-name:flyOutRight
}

@-webkit-keyframes flyIn{
0%{
opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}

20%{
-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)
}

40%{
-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)
}

60%{
opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)
}

80%{
-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)
}

100%{
opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)
}


}

@keyframes flyIn{
0%{
opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}

20%{
-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)
}

40%{
-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)
}

60%{
opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)
}

80%{
-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)
}

100%{
opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)
}


}

@-webkit-keyframes flyInUp{
0%{
opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)
}

60%{
opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}

75%{
-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)
}

90%{
-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)
}

100%{
-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}


}

@keyframes flyInUp{
0%{
opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)
}

60%{
opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}

75%{
-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)
}

90%{
-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)
}

100%{
-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}


}

@-webkit-keyframes flyInDown{
0%{
opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)
}

60%{
opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)
}

75%{
-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)
}

90%{
-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)
}

100%{
-webkit-transform:none;transform:none
}


}

@keyframes flyInDown{
0%{
opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)
}

60%{
opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)
}

75%{
-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)
}

90%{
-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)
}

100%{
-webkit-transform:none;transform:none
}


}

@-webkit-keyframes flyInLeft{
0%{
opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)
}

60%{
opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)
}

75%{
-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)
}

90%{
-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)
}

100%{
-webkit-transform:none;transform:none
}


}

@keyframes flyInLeft{
0%{
opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)
}

60%{
opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)
}

75%{
-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)
}

90%{
-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)
}

100%{
-webkit-transform:none;transform:none
}


}

@-webkit-keyframes flyInRight{
0%{
opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)
}

60%{
opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)
}

75%{
-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)
}

90%{
-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)
}

100%{
-webkit-transform:none;transform:none
}


}

@keyframes flyInRight{
0%{
opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)
}

60%{
opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)
}

75%{
-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)
}

90%{
-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)
}

100%{
-webkit-transform:none;transform:none
}


}

@-webkit-keyframes flyOut{
20%{
-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)
}

50%,55%{
opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)
}

100%{
opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}


}

@keyframes flyOut{
20%{
-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)
}

50%,55%{
opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)
}

100%{
opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}


}

@-webkit-keyframes flyOutUp{
20%{
-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)
}

40%,45%{
opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}

100%{
opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)
}


}

@keyframes flyOutUp{
20%{
-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)
}

40%,45%{
opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}

100%{
opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)
}


}

@-webkit-keyframes flyOutDown{
20%{
-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)
}

40%,45%{
opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)
}

100%{
opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)
}


}

@keyframes flyOutDown{
20%{
-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)
}

40%,45%{
opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)
}

100%{
opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)
}


}

@-webkit-keyframes flyOutRight{
20%{
opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)
}

100%{
opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)
}


}

@keyframes flyOutRight{
20%{
opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)
}

100%{
opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)
}


}

@-webkit-keyframes flyOutLeft{
20%{
opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)
}

100%{
opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)
}


}

@keyframes flyOutLeft{
20%{
opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)
}

100%{
opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)
}


}

.transition.slide.in,.transition[class*="slide down"].in{
-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:top center;transform-origin:top center
}

.transition[class*="slide up"].in{
-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:bottom center;transform-origin:bottom center
}

.transition[class*="slide left"].in{
-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center right;transform-origin:center right
}

.transition[class*="slide right"].in{
-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center left;transform-origin:center left
}

.transition.slide.out,.transition[class*="slide down"].out{
-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:top center;transform-origin:top center
}

.transition[class*="slide up"].out{
-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:bottom center;transform-origin:bottom center
}

.transition[class*="slide left"].out{
-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center right;transform-origin:center right
}

.transition[class*="slide right"].out{
-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center left;transform-origin:center left
}

@-webkit-keyframes slideInY{
0%{
opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)
}

100%{
opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)
}


}

@keyframes slideInY{
0%{
opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)
}

100%{
opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)
}


}

@-webkit-keyframes slideInX{
0%{
opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)
}

100%{
opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)
}


}

@keyframes slideInX{
0%{
opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)
}

100%{
opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)
}


}

@-webkit-keyframes slideOutY{
0%{
opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)
}

100%{
opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)
}


}

@keyframes slideOutY{
0%{
opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)
}

100%{
opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)
}


}

@-webkit-keyframes slideOutX{
0%{
opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)
}

100%{
opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)
}


}

@keyframes slideOutX{
0%{
opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)
}

100%{
opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)
}


}

.transition.swing{
-webkit-animation-duration:.8s;animation-duration:.8s
}

.transition[class*="swing down"].in{
-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:top center;transform-origin:top center
}

.transition[class*="swing up"].in{
-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:bottom center;transform-origin:bottom center
}

.transition[class*="swing left"].in{
-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center right;transform-origin:center right
}

.transition[class*="swing right"].in{
-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center left;transform-origin:center left
}

.transition.swing.out,.transition[class*="swing down"].out{
-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:top center;transform-origin:top center
}

.transition[class*="swing up"].out{
-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:bottom center;transform-origin:bottom center
}

.transition[class*="swing left"].out{
-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center right;transform-origin:center right
}

.transition[class*="swing right"].out{
-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center left;transform-origin:center left
}

@-webkit-keyframes swingInX{
0%{
-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0
}

40%{
-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1
}

60%{
-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)
}

80%{
-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)
}

100%{
-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)
}


}

@keyframes swingInX{
0%{
-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0
}

40%{
-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1
}

60%{
-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)
}

80%{
-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)
}

100%{
-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)
}


}

@-webkit-keyframes swingInY{
0%{
-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0
}

40%{
-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1
}

60%{
-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)
}

80%{
-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)
}

100%{
-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)
}


}

@keyframes swingInY{
0%{
-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0
}

40%{
-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1
}

60%{
-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)
}

80%{
-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)
}

100%{
-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)
}


}

@-webkit-keyframes swingOutX{
0%{
-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)
}

40%{
-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)
}

60%{
-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)
}

80%{
-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1
}

100%{
-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0
}


}

@keyframes swingOutX{
0%{
-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)
}

40%{
-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)
}

60%{
-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)
}

80%{
-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1
}

100%{
-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0
}


}

@-webkit-keyframes swingOutY{
0%{
-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)
}

40%{
-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)
}

60%{
-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)
}

80%{
-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1
}

100%{
-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0
}


}

@keyframes swingOutY{
0%{
-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)
}

40%{
-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)
}

60%{
-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)
}

80%{
-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1
}

100%{
-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0
}


}

.flash.transition{
-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:flash;animation-name:flash
}

.shake.transition{
-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:shake;animation-name:shake
}

.bounce.transition{
-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:bounce;animation-name:bounce
}

.tada.transition{
-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:tada;animation-name:tada
}

.pulse.transition{
-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:pulse;animation-name:pulse
}

.jiggle.transition{
-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:jiggle;animation-name:jiggle
}

@-webkit-keyframes flash{
0%,100%,50%{
opacity:1
}

25%,75%{
opacity:0
}


}

@keyframes flash{
0%,100%,50%{
opacity:1
}

25%,75%{
opacity:0
}


}

@-webkit-keyframes shake{
0%,100%{
-webkit-transform:translateX(0);transform:translateX(0)
}

10%,30%,50%,70%,90%{
-webkit-transform:translateX(-10px);transform:translateX(-10px)
}

20%,40%,60%,80%{
-webkit-transform:translateX(10px);transform:translateX(10px)
}


}

@keyframes shake{
0%,100%{
-webkit-transform:translateX(0);transform:translateX(0)
}

10%,30%,50%,70%,90%{
-webkit-transform:translateX(-10px);transform:translateX(-10px)
}

20%,40%,60%,80%{
-webkit-transform:translateX(10px);transform:translateX(10px)
}


}

@-webkit-keyframes bounce{
0%,100%,20%,50%,80%{
-webkit-transform:translateY(0);transform:translateY(0)
}

40%{
-webkit-transform:translateY(-30px);transform:translateY(-30px)
}

60%{
-webkit-transform:translateY(-15px);transform:translateY(-15px)
}


}

@keyframes bounce{
0%,100%,20%,50%,80%{
-webkit-transform:translateY(0);transform:translateY(0)
}

40%{
-webkit-transform:translateY(-30px);transform:translateY(-30px)
}

60%{
-webkit-transform:translateY(-15px);transform:translateY(-15px)
}


}

@-webkit-keyframes tada{
0%{
-webkit-transform:scale(1);transform:scale(1)
}

10%,20%{
-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)
}

30%,50%,70%,90%{
-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)
}

40%,60%,80%{
-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)
}

100%{
-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)
}


}

@keyframes tada{
0%{
-webkit-transform:scale(1);transform:scale(1)
}

10%,20%{
-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)
}

30%,50%,70%,90%{
-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)
}

40%,60%,80%{
-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)
}

100%{
-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)
}


}

@-webkit-keyframes pulse{
0%{
-webkit-transform:scale(1);transform:scale(1);opacity:1
}

50%{
-webkit-transform:scale(.9);transform:scale(.9);opacity:.7
}

100%{
-webkit-transform:scale(1);transform:scale(1);opacity:1
}


}

@keyframes pulse{
0%{
-webkit-transform:scale(1);transform:scale(1);opacity:1
}

50%{
-webkit-transform:scale(.9);transform:scale(.9);opacity:.7
}

100%{
-webkit-transform:scale(1);transform:scale(1);opacity:1
}


}

@-webkit-keyframes jiggle{
0%{
-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)
}

30%{
-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)
}

40%{
-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)
}

50%{
-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)
}

65%{
-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)
}

75%{
-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)
}

100%{
-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)
}


}

@keyframes jiggle{
0%{
-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)
}

30%{
-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)
}

40%{
-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)
}

50%{
-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)
}

65%{
-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)
}

75%{
-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)
}

100%{
-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)
}


}


/* Preload images */
body:after {

  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;

}



body.lb-disable-scrolling {

  overflow: hidden;

}



.lightboxOverlay {

  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;

}

.lightbox_container { position: relative; }
.lightbox_container img { display: block; }
.lightbox_container i{ position: absolute; top:10%; left:10%; }

.lightbox {

  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;

}



.lightbox .lb-image {

  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;

}



.lightbox a img {

  border: none;

}



.lb-outerContainer {

  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;

}



.lb-outerContainer:after {

  content: "";
  display: table;
  clear: both;

}



.lb-loader {

  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;

}



.lb-cancel {

  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;

}



.lb-nav {

  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;

}



.lb-container > .nav {

  left: 0;

}



.lb-nav a {

  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');

}



.lb-prev, .lb-next {

  height: 100%;
  cursor: pointer;
  display: block;

}



.lb-nav a.lb-prev {

  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;

}



.lb-nav a.lb-prev:hover {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  /*opacity: 1;*/
     opacity: 0;

}



.lb-nav a.lb-next {

  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;

}



.lb-nav a.lb-next:hover {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 /*opacity: 1;*/
     opacity: 0;

}



.lb-dataContainer {

  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;

}



.lb-dataContainer:after {

  content: "";
  display: table;
  clear: both;

}



.lb-data {

  padding: 0 4px;
  color: #ccc;

}



.lb-data .lb-details {

  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;

}



.lb-data .lb-caption {

  font-size: 13px;
  font-weight: bold;
  line-height: 1em;

}



.lb-data .lb-caption a {

  color: #4ae;

}



.lb-data .lb-number {

  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: transparent;

}



.lb-data .lb-close {

  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;

}



.lb-data .lb-close:hover {

  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;

}