html, #comments, #stickA, #stickB, .comments-close {
	-webkit-transition: all 260ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 260ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#comments {
	position: fixed;
	top: 0;
	bottom: 0;
	padding: 20px;
	left: 100%;
	overflow-y: scroll;
	background-color: #fff;
	z-index: 999999;
	width: 66%;
}

html.comments-open, html.comments-open body {
	pointer-events: none;
	overflow: hidden;
}

html.comments-open {
// padding-right: 15 px;
}

html.comments-open #comments {
	pointer-events: all;
	padding: 20px;
	width: 66%;
	min-width: 300px;
	left: 34%;
	-webkit-box-shadow: -10px 0px 20px rgba(0, 0, 0, 0.2), -100px 0px 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -10px 0px 20px rgba(0, 0, 0, 0.2), -100px 0px 20px rgba(0, 0, 0, 0.2);
	box-shadow: -10px 0px 20px rgba(0, 0, 0, 0.2), -50VW 0px 200px rgba(0, 0, 0, 0.2);
	-webkit-overflow-scrolling: touch;
}


@media screen and (max-width: 800px) {

	html.comments-open {
		width: 100%;
	}

	html.comments-open #comments {
		width: 100%;
		left: 0;
	}

}

.comments-close {
right:-100%;
}

html.comments-open .comments-close {
	right: 20px;
}