/* Floater page */
	.piki-floater-wrapper {
		position: absolute;
		width: 100%;
		max-width: 830px;
		padding: 24px 20px;
		z-index: 100;
	}
	.piki-floater-wrapper > .arrow {
		display: block;
		position: absolute;
		left: 0;
		bottom: 13px;
		width: 24px;
		height: 24px;
		margin-left: -12px;
		clip: rect( 12px, 31px, 30px, -5px );
	}
	.piki-floater-wrapper > .arrow span {
		display: block;
		width: 25px;
		height: 25px;
		border: 1px solid #c2c2c2;
		background: #fff;
		transform:rotate(45deg);  
		-moz-transform:rotate(45deg);  
		-webkit-transform:rotate(45deg);  
		-o-transform:rotate(45deg);  
		-ms-transform:rotate(45deg);
	}
	.piki-floater-page {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		max-width: 790px;
		margin: 0 auto;
		padding: 40px 10px 20px 40px;
		background: #fff;
		border: 1px solid #c2c2c2;
	}
	.piki-floater-page > .close-button {
		position: absolute;
		display: block;
		right: 10px;
		top: 16px;
		width: 17px;
		height: 17px;
		text-align: center;
		cursor: pointer;
		color: #9ba4a5;
		line-height: 17px;
		font-size: 20px;
	}
	.piki-floater-page .content-page {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0;
		background: #fff;
		overflow-x: none;
		overflow-y: auto;
	}
	.piki-floater-page .content-page::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		right: 30px;
		height: 73px;
		z-index: 110;
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#ffffff',GradientType=0 );
	}
	.piki-floater-page .site-content {
		display: block;
		padding-bottom: 40px;
	}
	.piki-floater-page .page-body {
		display: block;
		margin-top: 20px;
	}
	.piki-floater-page .button {
		cursor: pointer;
	}

/* Mobile */

	body.is-mobile .piki-floater-wrapper {
		position: fixed;
		width: auto;
		max-width: 999999;
		padding: 0;
		top: 0;
		right: 0
		bottom: 0;
		left: 0;
	}
	body.is-mobile .piki-floater-wrapper > .arrow {
		display: none;
	}