/* GENERAL */
	.illi-intruder-wrap {
		position: fixed;
		z-index: 99999;
		width: 20%;
	}
	.illi-intruder {
		position: relative;
		clear: both;
	}
	.illi-intruder .illi-xbutton {
		width: 17%;
		padding: 15px 0;
		text-align: center;
		font-size: 30px;
		font-weight: 700;
		cursor: pointer;
		-webkit-box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
		-moz-box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
		-ms-box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
		-o-box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
		box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
	}
	.illi-intruder .illi-content {
		position: relative;
		width: 83%;
		padding: 30px 30px;
		max-height: 450px;
		overflow-y: scroll;
		-webkit-box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
		-moz-box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
		-ms-box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
		-o-box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
		box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
	}	
	.illi-intruder .illi-content p {
		font-size: 20px;
		line-height: 30px;
	}
	.illi-intruder-wrap.open {
		right: 0;
	}
	.illi-hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		font-size: 0;
	}
	.illi-intruder-wrap, .illi-intruder-wrap * {
		box-sizing: border-box;
	}

/* POSITION LEFT */
	.illi-intruder-wrap.left {
		left: -16.9%;
		top: 30%;
	}
	.left .illi-intruder .illi-xbutton {
		float: right;
		-webkit-border-radius: 0 10px 10px 0;
		-moz-border-radius: 0 10px 10px 0;
		-ms-border-radius: 0 10px 10px 0;
		-o-border-radius: 0 10px 10px 0;
		border-radius: 0 10px 10px 0;
	}
	.left .illi-intruder .illi-content {
		float: right;
		-webkit-border-radius: 0 0 10px 0;
		-moz-border-radius: 0 0 10px 0;
		-ms-border-radius: 0 0 10px 0;
		-o-border-radius: 0 0 10px 0;
		border-radius: 0 0 10px 0;
	}
	.illi-intruder-wrap.left.open {
		left: 0;
	}

/* POSITION RIGHT */
	.illi-intruder-wrap.right {
		right: -16.9%;
		top: 30%;
	}
	.right .illi-intruder .illi-xbutton {
		float: left;
		-webkit-border-radius: 10px 0 0 10px;
		-moz-border-radius: 10px 0 0 10px;
		-ms-border-radius: 10px 0 0 10px;
		-o-border-radius: 10px 0 0 10px;
		border-radius: 10px 0 0 10px;
	}
	.right .illi-intruder .illi-content {
		float: left;
		-webkit-border-radius: 0 0 0 10px;
		-moz-border-radius: 0 0 0 10px;
		-ms-border-radius: 0 0 0 10px;
		-o-border-radius: 0 0 0 10px;
		border-radius: 0 0 0 10px;
	}
	.illi-intruder-wrap.right.open {
		right: 0;
	}

/* POSITION TOP */
	.illi-intruder-wrap.top {
		top: 0;
		right: 5%;
	}
	.top .illi-intruder .illi-xbutton {
		position: absolute;
		bottom: -60px;
		height: 60px;
		right: 0;
		-webkit-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-ms-border-radius: 0 0 10px 10px;
		-o-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}
	.top .illi-intruder .illi-content {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-top: 0;
		padding-bottom: 0;
		-webkit-border-radius: 0 0 0 10px;
		-moz-border-radius: 0 0 0 10px;
		-ms-border-radius: 0 0 0 10px;
		-o-border-radius: 0 0 0 10px;
		border-radius: 0 0 0 10px;
	}
	.illi-intruder-wrap.top.open .illi-intruder .illi-content {
		height: auto;
		overflow: hidden;
		padding-top: 30px;
		padding-bottom: 30px;
	}

/* POSITION BOTTOM */
	.illi-intruder-wrap.bottom {
		bottom: 0;
		left: 5%;
	}
	.bottom .illi-intruder .illi-xbutton {
		position: absolute;
		top: -60px;
		height: 60px;
		left: 0;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-ms-border-radius: 10px 10px 0 0;
		-o-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
	}
	.bottom .illi-intruder .illi-content {
		height: 0;
		overflow: hidden;
		padding-top: 0;
		padding-bottom: 0;
		-webkit-border-radius: 0 10px 0 0;
		-moz-border-radius: 0 10px 0 0;
		-ms-border-radius: 0 10px 0 0;
		-o-border-radius: 0 10px 0 0;
		border-radius: 0 10px 0 0;
	}
	.illi-intruder-wrap.bottom.open .illi-intruder .illi-content {
		height: auto;
		overflow: hidden;
		padding-top: 30px;
		padding-bottom: 30px;
	}

/* RESPONSIVE */
	@media all and (max-width: 1300px) {
		.illi-intruder-wrap { width: 25%; }
		.illi-intruder .illi-content { padding: 20px 30px; }
		/* POSITIONS */
		.illi-intruder-wrap.left { left: -20.9%; }
		.illi-intruder-wrap.right { right: -20.9%; }
	}
	@media all and (max-width: 1000px) {
		.illi-intruder-wrap { width: 30%; }
		/* POSITIONS */
		.illi-intruder-wrap.left { left: -24.9%; }
		.illi-intruder-wrap.right { right: -24.9%; }
	}
	@media all and (max-width: 900px) {
		.illi-intruder-wrap { width: 35%; }
		/* POSITIONS */
		.illi-intruder-wrap.left { left: -29%; }
		.illi-intruder-wrap.right { right: -29%; }
	}
	@media all and (max-width: 800px) {
		.illi-intruder-wrap { width: 40%; }
		/* POSITIONS */
		.illi-intruder-wrap.left { left: -34%; }
		.illi-intruder-wrap.right { right: -34%; }
	}
	@media all and (max-width: 700px) {
		.illi-intruder-wrap { width: 100%; z-index: 999999; }
		.illi-intruder .illi-xbutton { width: 15%; }
		.illi-intruder .illi-content { width: 85%; }
		/* POSITIONS */
		.illi-intruder-wrap.left { left: -85%; }
		.illi-intruder-wrap.right { right: -85%; }
		.illi-intruder-wrap.top { right: 0; }
		.top .illi-intruder .illi-xbutton { right: 0; left: unset; }
		.illi-intruder-wrap.top .illi-intruder .illi-content { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
		.illi-intruder-wrap.bottom { left: 0; }
		.bottom .illi-intruder .illi-xbutton { left: 0; right: unset; }
		.illi-intruder-wrap.bottom .illi-intruder .illi-content { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
	}