@charset "utf-8";
    .isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
#filters, .filters {
font-size:12px;
letter-spacing:1px;
padding: 0;
margin: 0;
margin-bottom: 30px;
margin-top: 30px;
font-weight:400;
}
.filter-mb-60 #filters.filter3 {margin-bottom: 60px;}
#filters li, .filters li {
display: inline-block;
margin-right: 5px;
margin-bottom: 0px;
}
@media only screen and (max-width : 767px) {
#filters li, .filters li {
margin-bottom: 10px;
}
}
#filters.filter3 li:first-child {margin-right: 0px;}
#filters a, .filters a {
outline:none;
padding: 6px 20px;
color: #888;
font-size:11px;
letter-spacing:3px;
text-decoration: none;
text-transform:uppercase;
border:none !important;
display: block;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
ul.listed_taxonomy_filters {position: relative;}
ul.listed_taxonomy_filters li ul {
position: absolute;
left: 0px;
top: 100%;
padding-left: 0px;
display: none;
}
ul.listed_taxonomy_filters li.showchild ul {display: block;width: 100%;text-align: center;}
ul.listed_taxonomy_filters li.showchild ul li {display: inline-block;}
#filters li.showchild > a {color: #111;}
@media only screen and (max-width: 768px) {
#filters li, .filters li {margin-bottom: 5px;}
ul.listed_taxonomy_filters li ul {position: static;}
ul.listed_taxonomy_filters li.showchild ul {margin-top: 5px;}
#filters a, .filters a{display:inline-block;}
}   .flexslider {
width: 100%;
background: none;
border: none;
box-shadow: none;
margin: 0px;
}
.control-slider {
float: right;
display: inline-block;
margin-right: -10px;
}
.prev-slider, .next-slider {
float: left;
display: block;
text-align: center;
margin-top: 10px;
cursor: pointer;
}
.prev-slider i, .next-slider i {
border: solid 1px #ccc;
padding: 5px 10px 5px 10px;
}
.prev-slider i:hover, .next-slider i:hover {
color: #fff;
border: solid 1px #333;
background: #333;
}
.prev-slider {
margin-right: -5px;
}
.project-carousel ul.slides, .project-carousel-3-col ul.slides{
margin-top: 10px;
margin-bottom: 20px;
}
.logo-carousel ul li img{max-width: 100%;}
.logo-carousel .flex-direction-nav,
.project-carousel .flex-control-nav,
.project-carousel .flex-direction-nav,
.project-carousel-3-col .flex-control-nav,
.project-carousel-3-col .flex-direction-nav {
display: none;
}
.logo-carousel.no-control .flex-control-nav{
display:none;
} #testimonial-full {
text-align: center;
padding: 10px 0 10px 0;
text-shadow:none;
}
#testimonial-full blockquote {
color: #fff;
border: none !important;
margin: 0;
font-size: 18px;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-style:normal;
line-height:1.5em;
text-transform:uppercase;
letter-spacing:3px;
}
#testimonial-full span{
letter-spacing:0;
margin-top:20px;
text-transform:none;
}
.testi-slider .flex-control-nav {
position: absolute !important;
margin-top: -50px !important;
}
.testi-slider .flex-direction-nav {
display: none;
} .testi-slider .flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.testi-slider .flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.testi-slider .flex-control-paging li a {
background: none;
width: 8px;
height: 8px;
display: block;
border: solid 1px #fff;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.testi-slider .flex-control-paging li a:hover {
border: solid 1px #fff;
background: #fff;
}
.testi-slider .flex-control-paging li a.flex-active {
border: solid 1px #fff;
cursor: default;
background: #fff;
}
.owl-theme .owl-controls .owl-page span{
background:#fff !important;
margin-top:30px;
width:5px;
height:5px;
}  .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}  .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
} .owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
} .owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline; margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50); opacity: 0.5;
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100); opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50); opacity: 0.5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
background: url(//bponetwork.pl/wp-content/themes/archi/css/AjaxLoader.gif) no-repeat center center
} .owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
} .let-it-snow { position: relative }
.lis-flake,
.lis-flake--js {
position: absolute;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 4px #fff
}
.lis-flake--js { opacity: .2 }
.lis-flake--stuck {
position: absolute;
background: #fff;
border-radius: 50%;
opacity: .7;
transition: all .3s ease
}
.lis-flake:nth-child(-n+33) {
-moz-animation: snow1 8s linear infinite;
-webkit-animation: snow1 8s linear infinite;
animation: snow1 8s linear infinite
}
.lis-flake:nth-child(n+33) {
-moz-animation: snow2 8s 4s linear infinite;
-webkit-animation: snow2 8s 4s linear infinite;
animation: snow2 8s 4s linear infinite
}
.lis-flake:nth-child(n+66) {
-moz-animation: snow3 8s 6s linear infinite;
-webkit-animation: snow3 8s 6s linear infinite;
animation: snow3 8s 6s linear infinite
}
.lis-flake:nth-child(1) {
left: 79%;
top: -210px;
width: 4px;
height: 5px;
transform: rotate(39deg)
}
.lis-flake:nth-child(2) {
left: 12%;
top: -500px;
width: 6px;
height: 5px;
transform: rotate(58deg)
}
.lis-flake:nth-child(3) {
left: 6%;
top: -40px;
width: 2px;
height: 5px;
transform: rotate(2deg)
}
.lis-flake:nth-child(4) {
left: 35%;
top: -340px;
width: 3px;
height: 3px;
transform: rotate(17deg)
}
.lis-flake:nth-child(5) {
left: 34%;
top: -680px;
width: 2px;
height: 5px;
transform: rotate(92deg)
}
.lis-flake:nth-child(6) {
left: 9%;
top: -780px;
width: 1px;
height: 2px;
transform: rotate(26deg)
}
.lis-flake:nth-child(7) {
left: 27%;
top: -340px;
width: 2px;
height: 1px;
transform: rotate(8deg)
}
.lis-flake:nth-child(8) {
left: 12%;
top: -310px;
width: 6px;
height: 4px;
transform: rotate(80deg)
}
.lis-flake:nth-child(9) {
left: 21%;
top: -100px;
width: 5px;
height: 1px;
transform: rotate(53deg)
}
.lis-flake:nth-child(10) {
left: 30%;
top: -690px;
width: 3px;
height: 1px;
transform: rotate(74deg)
}
.lis-flake:nth-child(11) {
left: 23%;
top: -920px;
width: 4px;
height: 4px;
transform: rotate(69deg)
}
.lis-flake:nth-child(12) {
left: 37%;
top: -870px;
width: 3px;
height: 3px;
transform: rotate(26deg)
}
.lis-flake:nth-child(13) {
left: 36%;
top: -570px;
width: 5px;
height: 6px;
transform: rotate(47deg)
}
.lis-flake:nth-child(14) {
left: 78%;
top: -730px;
width: 5px;
height: 3px;
transform: rotate(95deg)
}
.lis-flake:nth-child(15) {
left: 3%;
top: -840px;
width: 3px;
height: 2px;
transform: rotate(54deg)
}
.lis-flake:nth-child(16) {
left: 34%;
top: -960px;
width: 2px;
height: 3px;
transform: rotate(56deg)
}
.lis-flake:nth-child(17) {
left: 7%;
top: -660px;
width: 4px;
height: 1px;
transform: rotate(3deg)
}
.lis-flake:nth-child(18) {
left: 16%;
top: -510px;
width: 5px;
height: 5px;
transform: rotate(75deg)
}
.lis-flake:nth-child(19) {
left: 77%;
top: -760px;
width: 3px;
height: 1px;
transform: rotate(77deg)
}
.lis-flake:nth-child(20) {
left: 98%;
top: -240px;
width: 4px;
height: 1px;
transform: rotate(18deg)
}
.lis-flake:nth-child(21) {
left: 71%;
top: -540px;
width: 6px;
height: 5px;
transform: rotate(65deg)
}
.lis-flake:nth-child(22) {
left: 64%;
top: -650px;
width: 2px;
height: 5px;
transform: rotate(96deg)
}
.lis-flake:nth-child(23) {
left: 65%;
top: -70px;
width: 1px;
height: 3px;
transform: rotate(94deg)
}
.lis-flake:nth-child(24) {
left: 76%;
top: -970px;
width: 3px;
height: 4px;
transform: rotate(63deg)
}
.lis-flake:nth-child(25) {
left: 79%;
top: -830px;
width: 3px;
height: 4px;
transform: rotate(86deg)
}
.lis-flake:nth-child(26) {
left: 18%;
top: -540px;
width: 2px;
height: 5px;
transform: rotate(60deg)
}
.lis-flake:nth-child(27) {
left: 99%;
top: -500px;
width: 6px;
height: 6px;
transform: rotate(28deg)
}
.lis-flake:nth-child(28) {
left: 5%;
top: -270px;
width: 6px;
height: 3px;
transform: rotate(57deg)
}
.lis-flake:nth-child(29) {
left: 64%;
top: -630px;
width: 5px;
height: 3px;
transform: rotate(24deg)
}
.lis-flake:nth-child(30) {
left: 4%;
top: -130px;
width: 4px;
height: 1px;
transform: rotate(70deg)
}
.lis-flake:nth-child(31) {
left: 59%;
top: -340px;
width: 4px;
height: 6px;
transform: rotate(65deg)
}
.lis-flake:nth-child(32) {
left: 44%;
top: -100px;
width: 1px;
height: 6px;
transform: rotate(49deg)
}
.lis-flake:nth-child(33) {
left: 15%;
top: -870px;
width: 2px;
height: 6px;
transform: rotate(38deg)
}
.lis-flake:nth-child(34) {
left: 76%;
top: -490px;
width: 2px;
height: 5px;
transform: rotate(65deg)
}
.lis-flake:nth-child(35) {
left: 93%;
top: -320px;
width: 1px;
height: 5px;
transform: rotate(23deg)
}
.lis-flake:nth-child(36) {
left: 4%;
top: -620px;
width: 5px;
height: 5px;
transform: rotate(19deg)
}
.lis-flake:nth-child(37) {
left: 35%;
top: -910px;
width: 5px;
height: 4px;
transform: rotate(66deg)
}
.lis-flake:nth-child(38) {
left: 90%;
top: -460px;
width: 4px;
height: 1px;
transform: rotate(36deg)
}
.lis-flake:nth-child(39) {
left: 36%;
top: -340px;
width: 1px;
height: 1px;
transform: rotate(1deg)
}
.lis-flake:nth-child(40) {
left: 89%;
top: -170px;
width: 6px;
height: 5px;
transform: rotate(65deg)
}
.lis-flake:nth-child(41) {
left: 87%;
top: -330px;
width: 6px;
height: 6px;
transform: rotate(48deg)
}
.lis-flake:nth-child(42) {
left: 63%;
top: -520px;
width: 4px;
height: 1px;
transform: rotate(100deg)
}
.lis-flake:nth-child(43) {
left: 54%;
top: -480px;
width: 4px;
height: 4px;
transform: rotate(69deg)
}
.lis-flake:nth-child(44) {
left: 4%;
top: -290px;
width: 4px;
height: 5px;
transform: rotate(89deg)
}
.lis-flake:nth-child(45) {
left: 19%;
top: -430px;
width: 2px;
height: 6px;
transform: rotate(73deg)
}
.lis-flake:nth-child(46) {
left: 18%;
top: -290px;
width: 6px;
height: 5px;
transform: rotate(95deg)
}
.lis-flake:nth-child(47) {
left: 65%;
top: -680px;
width: 5px;
height: 3px;
transform: rotate(100deg)
}
.lis-flake:nth-child(48) {
left: 21%;
top: -390px;
width: 2px;
height: 4px;
transform: rotate(70deg)
}
.lis-flake:nth-child(49) {
left: 63%;
top: -600px;
width: 4px;
height: 2px;
transform: rotate(44deg)
}
.lis-flake:nth-child(50) {
left: 34%;
top: -10px;
width: 6px;
height: 3px;
transform: rotate(68deg)
}
.lis-flake:nth-child(51) {
left: 91%;
top: -400px;
width: 2px;
height: 6px;
transform: rotate(97deg)
}
.lis-flake:nth-child(52) {
left: 1%;
top: -740px;
width: 4px;
height: 2px;
transform: rotate(8deg)
}
.lis-flake:nth-child(53) {
left: 28%;
top: -160px;
width: 2px;
height: 5px;
transform: rotate(45deg)
}
.lis-flake:nth-child(54) {
left: 28%;
top: -170px;
width: 2px;
height: 4px;
transform: rotate(84deg)
}
.lis-flake:nth-child(55) {
left: 71%;
top: -710px;
width: 5px;
height: 5px;
transform: rotate(80deg)
}
.lis-flake:nth-child(56) {
left: 61%;
top: -120px;
width: 5px;
height: 1px;
transform: rotate(96deg)
}
.lis-flake:nth-child(57) {
left: 94%;
top: -90px;
width: 2px;
height: 2px;
transform: rotate(73deg)
}
.lis-flake:nth-child(58) {
left: 83%;
top: 0px;
width: 2px;
height: 5px;
transform: rotate(48deg)
}
.lis-flake:nth-child(59) {
left: 88%;
top: -430px;
width: 4px;
height: 5px;
transform: rotate(1deg)
}
.lis-flake:nth-child(60) {
left: 33%;
top: -30px;
width: 6px;
height: 5px;
transform: rotate(36deg)
}
.lis-flake:nth-child(61) {
left: 50%;
top: -790px;
width: 6px;
height: 4px;
transform: rotate(5deg)
}
.lis-flake:nth-child(62) {
left: 32%;
top: -960px;
width: 2px;
height: 4px;
transform: rotate(45deg)
}
.lis-flake:nth-child(63) {
left: 79%;
top: -880px;
width: 3px;
height: 4px;
transform: rotate(23deg)
}
.lis-flake:nth-child(64) {
left: 13%;
top: -10px;
width: 4px;
height: 4px;
transform: rotate(9deg)
}
.lis-flake:nth-child(65) {
left: 92%;
top: -340px;
width: 4px;
height: 4px;
transform: rotate(30deg)
}
.lis-flake:nth-child(66) {
left: 26%;
top: -210px;
width: 6px;
height: 2px;
transform: rotate(29deg)
}
.lis-flake:nth-child(67) {
left: 77%;
top: -590px;
width: 1px;
height: 6px;
transform: rotate(13deg)
}
.lis-flake:nth-child(68) {
left: 15%;
top: -70px;
width: 5px;
height: 3px;
transform: rotate(37deg)
}
.lis-flake:nth-child(69) {
left: 71%;
top: -180px;
width: 6px;
height: 4px;
transform: rotate(60deg)
}
.lis-flake:nth-child(70) {
left: 41%;
top: -930px;
width: 2px;
height: 5px;
transform: rotate(94deg)
}
.lis-flake:nth-child(71) {
left: 93%;
top: -870px;
width: 5px;
height: 3px;
transform: rotate(42deg)
}
.lis-flake:nth-child(72) {
left: 54%;
top: -470px;
width: 1px;
height: 5px;
transform: rotate(90deg)
}
.lis-flake:nth-child(73) {
left: 31%;
top: -520px;
width: 3px;
height: 5px;
transform: rotate(42deg)
}
.lis-flake:nth-child(74) {
left: 18%;
top: -810px;
width: 5px;
height: 3px;
transform: rotate(8deg)
}
.lis-flake:nth-child(75) {
left: 12%;
top: -660px;
width: 3px;
height: 4px;
transform: rotate(64deg)
}
.lis-flake:nth-child(76) {
left: 17%;
top: -860px;
width: 5px;
height: 6px;
transform: rotate(73deg)
}
.lis-flake:nth-child(77) {
left: 82%;
top: -690px;
width: 1px;
height: 4px;
transform: rotate(68deg)
}
.lis-flake:nth-child(78) {
left: 8%;
top: -850px;
width: 4px;
height: 5px;
transform: rotate(30deg)
}
.lis-flake:nth-child(79) {
left: 19%;
top: -420px;
width: 5px;
height: 2px;
transform: rotate(100deg)
}
.lis-flake:nth-child(80) {
left: 7%;
top: -810px;
width: 5px;
height: 1px;
transform: rotate(68deg)
}
.lis-flake:nth-child(81) {
left: 18%;
top: -450px;
width: 2px;
height: 4px;
transform: rotate(82deg)
}
.lis-flake:nth-child(82) {
left: 26%;
top: -900px;
width: 5px;
height: 3px;
transform: rotate(26deg)
}
.lis-flake:nth-child(83) {
left: 86%;
top: -590px;
width: 1px;
height: 2px;
transform: rotate(73deg)
}
.lis-flake:nth-child(84) {
left: 72%;
top: -230px;
width: 2px;
height: 2px;
transform: rotate(55deg)
}
.lis-flake:nth-child(85) {
left: 26%;
top: -700px;
width: 6px;
height: 3px;
transform: rotate(11deg)
}
.lis-flake:nth-child(86) {
left: 46%;
top: -840px;
width: 2px;
height: 2px;
transform: rotate(100deg)
}
.lis-flake:nth-child(87) {
left: 5%;
top: -600px;
width: 4px;
height: 3px;
transform: rotate(46deg)
}
.lis-flake:nth-child(88) {
left: 6%;
top: -610px;
width: 6px;
height: 4px;
transform: rotate(65deg)
}
.lis-flake:nth-child(89) {
left: 45%;
top: -420px;
width: 3px;
height: 5px;
transform: rotate(80deg)
}
.lis-flake:nth-child(90) {
left: 45%;
top: -100px;
width: 6px;
height: 1px;
transform: rotate(33deg)
}
.lis-flake:nth-child(91) {
left: 6%;
top: -830px;
width: 3px;
height: 6px;
transform: rotate(4deg)
}
.lis-flake:nth-child(92) {
left: 58%;
top: -770px;
width: 1px;
height: 3px;
transform: rotate(89deg)
}
.lis-flake:nth-child(93) {
left: 23%;
top: -870px;
width: 4px;
height: 6px;
transform: rotate(32deg)
}
.lis-flake:nth-child(94) {
left: 89%;
top: -340px;
width: 6px;
height: 4px;
transform: rotate(7deg)
}
.lis-flake:nth-child(95) {
left: 46%;
top: -790px;
width: 4px;
height: 2px;
transform: rotate(91deg)
}
.lis-flake:nth-child(96) {
left: 94%;
top: -140px;
width: 6px;
height: 5px;
transform: rotate(22deg)
}
.lis-flake:nth-child(97) {
left: 32%;
top: -430px;
width: 3px;
height: 1px;
transform: rotate(55deg)
}
.lis-flake:nth-child(98) {
left: 85%;
top: -40px;
width: 6px;
height: 1px;
transform: rotate(64deg)
}
.lis-flake:nth-child(99) {
left: 66%;
top: -710px;
width: 1px;
height: 1px;
transform: rotate(42deg)
}
.lis-flake:nth-child(100) {
left: 33%;
top: -790px;
width: 1px;
height: 4px;
transform: rotate(55deg)
}
@-moz-keyframes 
snow1 { 0% {
-moz-transform:translate(-250px, 0);
opacity:1
}
100% {
-moz-transform:translate(250px, 1500px);
opacity:0
}
}
@-moz-keyframes 
snow2 { 0% {
-moz-transform:translate(0, 0);
opacity:1
}
100% {
-moz-transform:translate(250px, 2500px);
opacity:.5
}
}
@-moz-keyframes 
snow3 { 0% {
-moz-transform:translate(0, 0);
opacity:1
}
100% {
-moz-transform:translate(0, 2500px);
opacity:.5
}
}
@-webkit-keyframes 
snow1 { 0% {
-webkit-transform:translate(-250px, 0);
opacity:1
}
100% {
-webkit-transform:translate(250px, 1500px);
opacity:0
}
}
@-webkit-keyframes 
snow2 { 0% {
-webkit-transform:translate(0, 0);
opacity:1
}
100% {
-webkit-transform:translate(250px, 2500px);
opacity:.5
}
}
@-webkit-keyframes 
snow3 { 0% {
-webkit-transform:translate(0, 0);
opacity:1
}
100% {
-webkit-transform:translate(0, 2500px);
opacity:.5
}
}
@keyframes 
snow1 { 0% {
transform:translate(-250px, 0);
opacity:1
}
100% {
transform:translate(250px, 1500px);
opacity:0
}
}
@keyframes 
snow2 { 0% {
transform:translate(0, 0);
opacity:1
}
100% {
transform:translate(250px, 2500px);
opacity:.5
}
}
@keyframes 
snow3 { 0% {
transform:translate(0, 0);
opacity:1
}
100% {
transform:translate(0, 2500px);
opacity:.5
}
}