/* Christmas */

.wrap-body{
	position:relative;
	z-index:2;
}

body { background-color:#3bc5ef; }

.christ-tree{
	float:left;
	width:200px;
	position:fixed;
	bottom:0;
}
.tree-l{
	left:0;
}
.tree-r{
	right:0;
}
.christ-tree img{
	max-width:100%;
	float:left;
}

#christmas{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height: 100%;
	width: 100%;
	z-index:1;
	background-size:100%;
	background-repeat:no-repeat;
}
.christmas{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height: 100%;
	width: 100%;
	background-image: url('../assets/images/s1.png'), url('../assets/images/s2.png'), url('../assets/images/s3.png');
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	
body .portfolio-wrapper,  body .sidebar-item{
	background:rgba(255, 255, 255, 0.8)!important;
}
body .portfolio .content-txt{
	background:rgba(241, 241, 241, 0.5)!important;
}
body .btn-texxt{
	color:#a059ad;
}
body .scroll-down .scroll-icon, body .scroll-down .scroll-icon:before{
	border-color:#a059ad;
}