/* Survey CSS */
		.survey {
			z-index: 1000;
			position: relative;
			margin: 0 auto;
			margin: 0 15px;
		}

		#survey-close {
			height: 42px;
			line-height: 42px;
		}

		@media screen and (min-width: 480px) {
			.survey {
				position: fixed;
				bottom: 4.9em;
				left: 0;
				right: 0;
				margin: 0 auto;
				padding: 15px;
			}

			.survey .panel {
				box-shadow: 0 0 15px;
			}

			.survey .panel:focus {
				outline: 1px dotted #fff;
			}

			#survey-close {
				top: 15px;
				right: 15px;
			}
		}

		@media screen and (min-width: 480px) and (max-width: 767px) {
			.survey {
				margin: 0 15px;
			}

			#survey-close {
				right: 30px;
			}
		}

		@media screen and (min-width: 768px) {
			.survey {
				width: 720px;
			}
		}

		@media screen and (min-width: 992px) {
			.survey {
				width: 470px;
				left: 470px;
				bottom: 4.2em;
			}
		}

		@media screen and (min-width: 1200px) {
			.survey {
				width: 570px;
				left: 570px;
			}
		}

		html:not(.xxsmallview) .survey {
			position: fixed;
			bottom: 4.9em;
			left: 0;
			right: 0;
			margin: 0 auto;
			padding: 15px;
		}

		html:not(.xxsmallview) .survey .panel {
			box-shadow: 0 0 15px;
		}

		html:not(.xxsmallview) .survey .panel:focus {
			outline: 1px dotted #fff;
		}

		html:not(.xxsmallview) #survey-close {
			top: 15px;
			right: 15px;
		}

		html.xsmallview .survey {
			margin: 0 15px;
		}

		html.smallview .survey {
			width: 720px;
		}

		html.smallview #survey-close {
			right: 30px;
		}

		html.mediumview .survey {
			width: 470px;
			left: 470px;
			bottom: 4.2em;
		}

		html.largeview .survey,
		html.xlargeview .survey {
			width: 570px;
			left: 570px;
			bottom: 4.2em;
		}