#jsn-page {
	margin-bottom: 160px;
}

.snowfall-flakes{
	border-radius:8px;
}

.xmas-background{
	position:fixed;
	bottom:1px;
	left:0px;
	width:100%;
	height:220px;
	opacity:0;
	transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-webkit-transition: opacity 1.5s ease-in-out;
	visibility:hidden;
	z-index: 999;
}

.xmas-background img{
	width:100%;
	height:100%;
}

.xmas-show-top-left{
	background:url("../images/top_left.png") no-repeat;
	background-position:top left;
	width:50%;
	height:200px;
	top:0px;
	left:0;
	position:fixed;
	z-index:10;
	opacity:0;
	transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-webkit-transition: opacity 1.5s ease-in-out;
	visibility:hidden;
}

.xmas-show-top-right{
	background:url("../images/top_right.png") no-repeat;
	background-position:top right;
	width:50%;
	height:200px;
	top:0px;
	right:0;
	position:fixed;
	z-index:10;
	opacity:0;
	transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-webkit-transition: opacity 1.5s ease-in-out;
	visibility:hidden;
}

.xmas-show-top-left.open,
.xmas-show-top-right.open,
.xmas-background.open{
	opacity:1;
	visibility:visible;
}
.xmas-show-top-left.close,
.xmas-show-top-right.close,
.xmas-background.close{
	opacity:0;
	transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-webkit-transition: opacity 1.5s ease-in-out;
	visibility:visible;
}

.sj-xmas .bg-sj-xmas{
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	opacity:0;
	transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-webkit-transition: opacity 1.5s ease-in-out;
	visibility:hidden;
	z-index:0;
}
.sj-xmas .bg-sj-xmas.open-xmas-bg{
	opacity:1;
	visibility:visible;
}
.sj-xmas .banner-1{
	background:url("../images/bg_large.jpg") no-repeat;
    position: fixed;
    top: 55%;
	left:50%;
	display:block; 
	width:600px;
	height:320px;
	transform:translate(-50%,-55%);
	z-index:11;
	opacity:0;
	transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-webkit-transition: opacity 1.5s ease-in-out;
	visibility:hidden;
}
.sj-xmas .sj-relative-1{
	position: relative;
	width:100%;
	height:100%;
}
.sj-xmas .sj-relative-1 .icon-top{
	background:url("../images/top_large.png") no-repeat;
	top:-120px;
	left:50%;
	transform:translateX(-50%);
	width:380px;
	height:200px;
	position:absolute;
}
.sj-xmas .sj-relative-1 .icon-close{
	background:url("../images/btn_closed.png") no-repeat;
	top:-10px;
	right:-10px;
	width:20px;
	height:20px;
	position:absolute;
	cursor: pointer;
}
.sj-xmas .sj-relative-1 .sj-content-1{
	padding:80px 20px 50px 20px;
	text-align:center;
	color:#ffffff;
}
.sj-xmas .sj-relative-1 .sj-content-1{
	color:#ffffff;
	font-size:14px;
	font-family:Arial;
	line-height:30px;
}
.sj-xmas .sj-relative-1 .sj-content-1 span.text-large{
	color:#ff0;
	font-size:28px;
	text-transform:uppercase;
	font-weight: bold;
}
.sj-xmas .sj-relative-1 .sj-content-1 a{
	color:#ff0;
}
.sj-xmas .sj-relative-1 .sj-content-1 a:hover{
	color:#000099;
}
.sj-xmas .sj-relative-1 .sj-content-1 .xmas-btn-large{
	background:url("../images/btn_large.gif") no-repeat;
	width:160px;
	height:50px;
	border:none;
	margin-top:20px;
	margin-bottom:10px;
}
.sj-xmas .sj-relative-1 .sj-content-1 .text-large-last{
	font-style:italic;
	font-size:13px;
	line-height:13px;
}
.sj-xmas .sj-relative-1 .sj-content-1 .text-large-last p{
	margin:0;
}
.sj-xmas .sj-relative-1 .icon-bottom{
	background:url("../images/bottom_large.png") no-repeat;
	bottom:0;
	position:absolute;
	width:140px;
	height:130px;
	left:-70px;
}
.sj-xmas .banner-2{
	background:url("../images/banner_small.png") no-repeat;
    position: fixed;
    right: 10px;
    bottom: 50px;
	display:block;
	width:350px;
	height:140px;
	z-index:11;
	opacity:0;
	transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-webkit-transition: opacity 1.5s ease-in-out;
	visibility:hidden;
}
.sj-xmas .banner-1.open-xmas,
.sj-xmas .banner-2.open-xmas{
	opacity:1;
	visibility:visible;
}
.sj-xmas .sj-relative-2{
	padding-top:60px;
	padding-right:60px;
	text-align:center;
	color:#ffffff;
}
.sj-xmas .sj-relative-2 .icon-close{
	background:url("../images/btn_closed.png") no-repeat;
	top:25px;
	left:10px;
	width:20px;
	height:20px;
	position:absolute;
	cursor: pointer;
}
.sj-xmas .sj-relative-2 .sj-content-2 span{
	color:#ffffff;
	font-size:12px;
	font-family:Arial;
	line-height:16px;
	text-transform:uppercase;
	font-weight: bold;
}
.sj-xmas .sj-relative-2 .sj-content-2 span.text-large{
	color:#ff0;
	font-size:14px;
}
.sj-xmas .sj-relative-2 .sj-content-2 .xmas-btn-small{
	background:url("../images/btn_small.gif") no-repeat;
	width:100px;
	height:25px;
	border:none;
	border-radius:5px;
}
@media (min-width: 767px) and (max-width: 979px){
	.xmas-show-top-left,
	.xmas-show-top-right{
		background-size: cover;
	}
}

@media (max-width: 767px){
	.xmas-show-top-left,
	.xmas-show-top-right{
		background-size: cover;
	}
	.sj-xmas .banner-1 {
		width: 450px;
	    height: 260px;
	}
}
@media (max-width: 479px){
	.sj-xmas .banner-1 {
		width: 300px;
	    height: 200px;
	}
}