html, body, ul, ol, li, dl, dt, dd, h1, .map-controls__floor, h2, h3, .map-controls__floor-header, h4, blockquote, form, fieldset, legend, table, td, th {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 15px;
}

.pretty-button {
  position: relative;
  display: inline-block;
  font: 400 15px/16px 'Roboto', sans-serif;
  border: none;
  margin: 0 ;
  padding: 8px 15px;
  cursor: pointer;
  outline: none;
  white-space: initial;
  vertical-align: top;
  text-decoration: none;

  &:last-child {
    margin-right: 0;
  }

  &::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  &:active,
  &.pressed {
    outline: none;
  }

  &[disabled],
  &.disabled {
    cursor: default;
    top: auto;

    .ie & {
      padding-top: 0.25em;
      padding-bottom: 0.3em;
    }
  }

  &.small {
    font-size: 13px;
    line-height: 16px;
    padding: 5px 10px;
  }

  &.medium {
    font-size: 15px;
    padding: 8px 15px;
    line-height: 16px;
  }

  &.large {
    font-size: 20px;
    line-height: 24px;
    padding: 12px 22px;
  }

  &.type1 {
    &{
      color: white !important;;
    }

    &[disabled],
    &.disabled {
      background:  #f2f2f2;
      color: #b2b2b2 !important;
    }

  }

  &.type2 {
    color: rgba(0,0,0, .6) !important;
    border: 1px dotted lightgray;
    background: transparent;

    &:hover {
      border: 1px dotted #000;
    }

    &[disabled],
    &.disabled {
      background: #f1f1f2;
      border: 1px solid #f1f1f2;
      color: rgba(0,0,0, .45)!important;
    }
  }
}


.quiz-modal {
	display: none;
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(52, 79, 140, 0.73);
	z-index: 100;
	padding: 10px;

	.quiz-modal-dialog {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		max-width: 900px;
		margin: 20px auto;
		color: #fff;
		z-index: 101;

		background-image: url('/g/assets/quiz/back_quiz.png');
		background-size: cover;
	}


	.has-error {
		color: #d00 !important;
		* {
			color: #d00 !important;
		}
	}
}

.quiz-modal-dialog,
.quiz-step,
.quiz-intro,
.quiz-step-inner,
.quiz-thanks-inner {
	min-height: 600px;
}

.quiz-rules-close,
.quiz-close {
	color: #fff;
	position: absolute;
	top: 8px;
	right: 16px;
	text-decoration: none;
	border: none;
	font-size: 36px;
	line-height: 1;
	z-index: 110;

	&:visited {
		color: #fff;
	}

	&:hover {
		opacity: 0.85;
	}
}

.quiz-step {
	&-inner {
		display: flex;
		flex-wrap: wrap;
	}

	&.quiz-thanks {
		background-color: #fff;
	}

	&:not(.quiz-start) {
		display: none;
	}
}

.quiz-thanks {
	text-align: center;
	padding: 30px;

	.quiz-thanks-inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.quiz-thanks-header {
		padding-bottom: 30px;
		transition-duration: .25s;
		h2 {
			font-size: 300%;
			margin: 0;
			line-height: 1.5;
		}
	}

	.quiz-promocode-block {
		transition-duration: .25s;
		display: none;
		padding-bottom: 30px;
		font-size: 200%;
		color: #333;

	}

	.quiz-promocode {
		transition-duration: .25s;
		display: inline-block;
		line-height: 1.5;
		padding: 10px 20px;
		font-weight: bold;
		border: 1px solid #333;
	}

	.quiz-close-block {
		transition-duration: .25s;
		display: none;
	}
}

.quiz-intro {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	padding: 40px;
	text-align: center;
	color: #fff;

	* {
		color: #fff;
	}

	.quiz-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-grow: 10;
	}
	.quiz-bottom {
		flex-grow: 0;
	}
}

.quiz-desc,
.quiz-question {
	width: 50%;
	padding: 40px;
}

.quiz-desc {
	background-color: #b097db;
	background-image: url('/g/assets/quiz/back_left.png');
	color: #fff;

	&-title {
		font-size: 45px;
		margin: 0;
		line-height: 1.1;
		color: #fff;
	}
	&-text {
		font-size: 16px;
		line-height: 26px;
		color: #fff;
	}
	&-question {
		font-size: 24px;
		line-height: 1.25;
		color: #fff;
	}


}

.quiz-question {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	background-color: #fff;

	&-title {
		color: #010101;
		font-size: 25px;
		margin-bottom: 2em;
		margin-top: 0.5em;
		line-height: 30px;
	}

	&-input {
		width: 100%;
		color: #010101 !important;
		border: none !important;
		border-bottom: 1px solid #cbcbcb !important;
		border-radius: 0 !important;
		padding: 0.5em 1em 0.5em 0 !important;
	}

	&-step {
		font-size: 16px;
		color: #787878;
	}

	label {
		line-height: 1;
		font-weight: normal;
		display: block;
		cursor: pointer;
		padding: 5px 0;
		margin: 0;
		vertical-align: middle;
	}

	.quiz-bottom {
		.quiz-nav {
			display: flex;
			justify-content: space-between;
		}
		.quiz-back {
			text-align: left;
		}
		.quiz-forward {
			text-align: right;
		}
	}


	&.quiz-text {
		.answers-block {
			width: 100%;
			color: #333;

			hr{
				margin: 0 0;

				&:last-of-type {
					display: none;
				}
			}
		}
	}
}

.quiz-question-block {
	flex-grow: 1;
	display: flex;
	width: 100%;
	flex-direction: column;
	flex-wrap: wrap;
}



.quiz-title {
	text-align: center;
	font-size: 45px;
	line-height: 1;
	margin-top: 1.2em;
	margin-bottom: 0.75em;
	color: #fff;
}

.quiz-text {
	font-size: 16px;
	line-height: 26px;
}

.quiz-start-inner {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 80px;
	text-align: center;
}

.quiz-btn-outer {
	text-align: center;
}

.quiz-btn {
	background-color: #fff;
	border-radius: 3px;
	font-size: 16px;
	color: #b483d3;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	padding: 0.7em 2.4em;
	border: none;

	&:visited {
		color: #b483d3;
	}

	&:after {
		content: '>';
		display: inline-block;
		font-weight: 900;
		margin-left: 5px;
	}
}

.img-chosen img {
	max-width: 100%;
}

.quiz-next {
	text-align: right;
}

.quiz-next-btn,
.quiz-close-btn,
.quiz-submit-btn {
	color: #fff;
	padding: 0.8em 2em;
	border-radius: 3px;
	border: none;
	display: inline-block;
	line-height: 1;
	transition-duration: 0.25s;

	&:visited {
		color: #fff;
	}

	&.disabled,
	:disabled {
		background-color: #ccc;
		cursor: default;
	}
}

.quiz-next-btn {
	&:after {
		content: '>';
		font-weight: 900;
		margin-left: 5px;
	}
}

.quiz-copy-btn {
	background: #f27836;
	width: 200px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	/* 	margin-left: 30px; */
	border: 0 !important;
	float: right;

}

.quiz-nav--next {
	justify-content: flex-end;
}

.quiz-prev-btn {
	background-color: #dddddd;
	color: #010101;
	padding: 0.8em 2em;
	border-radius: 3px;
	border: none;
	display: block;
	line-height: 1;
}

.quiz-prev-btn:visited {
	color: #010101;
}

.quiz-prev-btn::before {
	content: '<';
	display: inline-block;
	font-weight: 900;
	margin-right: 5px;
}

.checkbox__label,
.radio__label {
	font-weight: normal;
	display: block;
	cursor: pointer;
}

.checkbox-span, .radio-span {
	display: inline-block;
	margin-top: 5px;
}

input.checkbox__input[type="checkbox"] + label:before {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAhCAYAAACxzQkrAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAATpaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA0LTA5VDE2OjE5OjM3KzA0OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNC0wOVQxNjoyNjoxNiswNDowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNC0wOVQxNjoyNjoxNiswNDowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NWJjMDEzMjEtZWY3My1lODRhLWJlZDEtZGViMDJhNmM5YzA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjViYzAxMzIxLWVmNzMtZTg0YS1iZWQxLWRlYjAyYTZjOWMwNyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjViYzAxMzIxLWVmNzMtZTg0YS1iZWQxLWRlYjAyYTZjOWMwNyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NWJjMDEzMjEtZWY3My1lODRhLWJlZDEtZGViMDJhNmM5YzA3IiBzdEV2dDp3aGVuPSIyMDE4LTA0LTA5VDE2OjE5OjM3KzA0OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnR3G2QAAADWSURBVFiF7dcxSgNBGIbhxyEEIWew2dLGymN4BvEMwVN4CAuP4B0sRS+wTbxCTLBZCyeSTQg/CLtr8T/l7MD3wlZz1nWd/2TWti1c4A5XmA+8+YV3PGLVNE0/qMY8YDFwyM4c17jEPVb7HwtuR4zZt6jbPcXPb5rK0XbB+QQhO0fbsxMXbwYKeI4ulIGG/yyDIhkUyaBIBkUyKJJBkQyKZFAkgyIZFDn16ghfB0Mp+JxqHNvDg4K38Tt+vR4eFDxhPX6Ldd3uKfjAEi/YjBCyqVvLut3zDUn4HJA+LsR1AAAAAElFTkSuQmCC');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 36px;
	height: 33px;
	margin-right: 20px;
	transition-duration: 0.25s;
}

input.checkbox__input[type="checkbox"]:checked + label:before {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAhCAYAAACxzQkrAAACkUlEQVRYhcXXS2hcVRgH8N88UhFctgNpVk6KCA1KSPpYVcWtWNFSqXREJU1TKYU+0lrUWEVEqCCClpaKCzF9BB8LBSW4cNWd2MmiFGR00djUuklLksbEZrq4N3YyuTfz6Mz0D7O457vnfr85XM6cSRQKBSV5AG2am/nO/PF/44qJEPQI+vAoEk0GFXE5PzMx/PzvX/VjK65gAPk0svhAsDqtSGLq9lzXW+Ojo8iEYx34EQ+n8XILMaYX5lK5P873Xrp1fU1ZqR3ZJLpahbm1MJ/MFUZ6x2aulWPgBv5Mi16dqUZjZhf+S+YKI0/mZyaiMHPIYTYdM39HZ/54Iz2r8I2770xp5rED30OykV1XwJzHM+WFpEQRL+Hbu2PNTRvO4LkozFDH07/h66XjzUsqxLwQhXmz46mLudXdV5fXmovZFoU5svaJ/Cure/6KmtgMUApfYnt5IUFxsH3LWN+aDeNxkxsNSuELwYtanuKh9i1j/ZmNV1Z6QDWgDD7COeys8KzTgp1/GQa7BzKbVsRA3D5U2uQndIfXL2I9jpbdlwgxr8ZgXg/rz1YCVVqhdSWYxbyBd8swp/BaDGYfTlaCVAu6idsR40N4J8R8hl0x8/fj02ox1YCuCY4mUTmGC9gTUz+AT2rBVAMiWI2PY2qbY8YPrzDnnkHU9m2Pou5f5lr2of04UeGet/FhvRhqAxWxF5/H1I/h/XvB1AoiQPULduPSvGfpVlB3Km2MUSkK/qH8gB78gp8bgakXRID6Lvw0NLGgwuODje4V2yebzf5/3YojbE2JW6GHWqooSRzobEsVJUli+n41j+qdxK/3AbKYZb2TgvPvZOstJsPeS5LG3zgoOAc/hgebDJlFHsP4p7x4B6XFlAWQGw+NAAAAAElFTkSuQmCC');
	background-position: 0 0;
	width: 36px;
	height: 33px;
	background-repeat: no-repeat;
}

input#checkbox-feed[type="checkbox"] + label {
	line-height: 16px;
}

input#checkbox-feed[type="checkbox"] + label::before {
	display: block;
}

input.checkbox__input[type="checkbox"]:checked + label {
	background-image: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}

input.quiz-radio[type="radio"] + label:before {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAACuElEQVRYhbXYsW5URxQG4M8D1ZoCXCAbROO8QAJUmJSx8wTBQoIiIiJFUkWhCJQJRaxUThNZaYxkOXkCY0psNyTmCZYGAUZKCEXYDpNiZp3l6tz1Xe/uL620mjPnn//OnDlzZiba7bYBMIU5nMcHOIPJYnuD52hjFzv4uynxREMhH+E6LuFYQ+59bGMVj4cVchbf4nLDweuwhSU8q+uQ+jgvYG0EIhSONXxa1+F4TfsXuDkCAb2YxPc4h5UmQj4/RMQe7uMRnuB14TmNGVzEJ3IgR7gpx8+vvY3VGFnAD30ELONBIeqHVMR8jemaPrflDzpw6OJMMUZ4iCvF8TARSp/7+Kz41gk5mLVeIbfQChzW8Y2cJwZFp/iuB7ZWGfM9IR+Kd8cmftJsFuqwXzg2A9tlOUcdCLkedHopR/m7IUR08a5w7QW2a10h3bRdxbI8taNCBz8H7XOYSuVPNW2/EE/lsNgs3L04hrkkH2CRwzBxUYd98QdeSPIpWsUfYxDRj3s2iTPgQLXBgIi4zyZx7ng9RiH/BG2thIkxDtoYSbxFT45xzFNBWyeJi5UogEeFiPt5ko/yKi6OUUjE3U74MzDM61+9HRWpcFexm+QC923FMFPjMCzmC3cv3mIr4ZVc+lfxlXhrHxWtwlnFDl51p3816DCNO0azvScKV1StrfJ/HDyWS/4q5uXCZph4SYUjWurtMvZ7AyyJc8qiXNhMBrbD0Cq+i4Gtgx971XbxDHdrCD/Gb3Jx3WR2Uun7e/GNcFdPDotuejfwZZ9B9rAhn6JP5GAnF1izcp6YV3+dgF9U7jZ1V85xXLBqRVB/01vBU3xndFu4Iy/HRmTst94buCreTYNiu3CFImj+LHFerrbnNN/K3WeJe/J7SV/ULU0Vu+U3Jd9Fug81MzhR+vwrF8a9DzV/NeT3H1bkmBlFuYHDAAAAAElFTkSuQmCC');
	background-position: 0 0;
	width: 34px;
	height: 34px;
}

input.quiz-radio[type="radio"]:checked + label:before {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAADJUlEQVRYhbXYv49VRRQH8M9eqN5a6BaGhdDAH6AilQsFhYsFaKfERAqjwcYCDRZqiRRuCAU2htCsCUFKtoE1wQLWBlziH/BsDLgm/iBRXsdiMeeud+/Onb0P1m9yk/fmzPnO9849c+bMTAyHQ2NgCjPYh73YicmwPcR9DLGMH/BHX+KJnkJewnG8gm09uVexhHncfVohu3AKB3oO3oVbmMO9rg5VwfkwLm2BCMFxCa91ddje0f4+TmyBgCYmcRq7caGPkHc3EbGC67iNn/EgeJ7HNPbjVSmQczghxc/FZmM7Rg7ji4KA8/guiEqoQsyH2NHR5zPphdYcauwMYw438VY4biZC9LmON8O3S8jarDWFfIJBxuEyPpbyxLgYhe/ljG0QY64T8qL86ljEWf1moQurwbGYsR2QctSakOOZTr9JUf74KUTUeBxcKxnbO6Ror9N2G+elqV3D3p/mxhp9+MKp5t8RvgpBTcxgqoof7bT9q/xUNnEUN/B3PDdwZBOfxeBuYhtmKmkDyzmU4uI0ruIQnonnEBZsfOMmVuVf8OVK2kXbuFMgO6J7mQvb0YI9x72nks+ApZ3wo4KtxsmCLce9q5LPHQ8KRPt7CCn1+SvTNqgw0YN4XIzNWWkt0cCzBZ9S/NS4XbA9l2kbVfLFSi6Aa5zrIaTUJ8d9v5K28jZK33hB9w4tbAsFe457WOHHjGFWuXr7HG/ge2kzfBi/Xw9bF6rgbmN5u1TgPrI+u06Hw7UC6dV4xsFscDfxCLfqwugcDrY6rEj1RC6YnwQDXLGxULqJk/X0z2ccd0jTvBXLeyK4ctXaPP/FwV2p5G9jVipsSvGyGargyMXGUoy9boA5+c9wTCpsJjO2zTAI32MZ2whfNtXWuIczHYQH8a1UXPeZnSr6XrEx9mqc0chhuZPee/igMMiKtJruSDnoz2ifwh4pT8zqPk7A11pnm64j5/9xwOoUQfdJ7wJ+wafyu/OTYCR9jmxuKn3va3hbfjWNi6Xg6kyQfa8l9knV9oz+S7m+lvhGui8pouvTtLEcz5R0FqkvaqalehX+kQrj5kXN7z35/QugrbUBCvfaKwAAAABJRU5ErkJggg==');
	background-position: 0 0;
	width: 34px;
	height: 34px;
}

.quiz-choice {
	position: relative;

	&.pictures {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -14px;
	}

	img {
		max-width: 100%;
		max-height: 160px;
		box-sizing: border-box;
		border: 4px solid transparent;
		transition-duration: 0.25s;
	}

	.photo-block {
		padding: 2px;
		width: 50%;
		box-sizing: border-box;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;

		&__1 {
			width: 100%;
		}
		&__2 {
			width: 50%;
		}
		&__3 {
			width: 33%;
		}
		&__4 {
			width: 25%;
		}
	}
}


.rate-question-answer.type-image {
	text-align: center;
}
.rate-block {
	padding-top: 20px;
}

.rate-block:first-child {
	padding-top: 0;
}



/* QUESTION WORDS */

.word-answers {
	margin-top: 5px;
}


/* QUESTION RATING */

.quiz-rating {
	.quiz-question-block {
		justify-content: center;
	}

	.rating-answers {
		margin-top: 5px;
		color: #333;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
		position: relative;

		&:before {
			content: '';
			display: block;
			position: absolute;
			background-color: #888;
			width: 100%;
			height: 4px;
			top: calc(50% - 2px);
		}
	}

	.rating-answer {
		position: relative;
		z-index: 1;
	}

	.rating-label {
		color: #888;
		width: 40px;
		height: 40px;
		display: block;
		border-radius: 50%;
		padding: 2px;
		background-color: #fff;
		border: 4px solid #888;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
		transition-duration: 250ms;
	}

	.rating-label:before {
		display: none !important;
	}
}


/**
POPUP
 */


.popup-end {
	position: absolute;
	top: calc(50vh - 300px);
	left: calc(50% - 250px);
	width: 500px;
	height: 600px;
	box-sizing: border-box;
	background-image: url('/g/assets/quiz/feed.png');
	background-size: cover;
	color: #fff;
	display: none;
}

.popup-end-title {
	color: #fff;
	text-align: center;
	margin-top: 1.2em;
	font-size: 45px
}

/* FEED */

.quiz-desc--feed {
	background-image: url('/g/assets/quiz/feed.png');
	background-size: cover;
}

.quiz-feed-title {
	font-size: 25px;
	color: #000;
	margin-bottom: 0.3em;
	margin-top: 0;
}

.checkbox-feed {
	font-size: 13px;
	color: #000;
	margin-top: 5px;
	max-width: 80%;
	line-height: 16px;
	display: inline-block;
}

.feed-optional {
	color: #787878;
	font-size: 13px;
	opacity: 0.7;
}

.quiz-choice--personal {
	margin-top: 2.5rem;
}

.quiz-feed-submit {
	margin-top: 2em;
}

.feed-desc-title {
	margin-top: 0;
}

.feed-field {
	margin-bottom: 2.4em;
	position: relative;
}

.quiz-desc--feed {
	padding-top: 56px;
	padding-right: 60px;
}

.feed-submit {
	padding-top: 0.9em;
}

.quiz-close--feed, .quiz-close--feed:visited {
	color: #fff;
}

.img-chosen {
	margin-top: 20px;
}


.incorrect-field {
	padding-top: 1em;
	visibility: hidden;
	color: #dd0000;
	line-height: 1;
	font-size: 14px;
}

.incorrect-warning {
	color: #fff;
	background-color: #dd0000;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 1.5;
}

.quiz-choice-inner, .checkbox-feed {
	position: relative;
}

.is-visible {
	visibility: visible;
}


.quiz-rules {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 200;
	overflow: hidden;

	&-inner {
		padding: 20px;
		position: relative;
		max-height: 100%;
		overflow: auto;
	}

	.rules-title {
		margin-top: 0;
	}

	.rules-content {
		color: initial;
	}
}

.modal-title {
	color: #000;
}

.modal-content {
	color: #000;
}

.quiz-question-step {
	margin-top: -30px;
	margin-bottom: 40px;
}


.quiz-graph .quiz-desc--feed {
	background-image: url('/g/assets/quiz/feed_graph.jpg');
}

.quiz-graph {
	.quiz-intro,
	.quiz-desc {
		background-color: #ffa777;
		background-image: url('/g/assets/quiz/back_left_graph2.jpg');
		background-position: 0 100%;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	.quiz-intro {
		background-size: 50% auto;
	}
}


/* ALERT */

.quiz-modal-alert .quiz-modal-dialog {
	min-height: unset;
	max-width: 600px;
}

.quiz-alert {
	background-image: url(/local/components/family/feedback.form/templates/ag/./img/ag-bg.jpg) !important;
	background-position: left bottom !important;
	display: block !important;
	padding: 30px;

	h2 {
		color: #fff !important;
		font-size: 36px;
		line-height: 1.2;
		font-family: inherit;
		font-weight: bold;
	}

	p {
		color: #fff !important;
		font-size: 22px;
		line-height: 1.2;
		font-weight: bold;
	}

	li {
		color: #fff !important;
		font-size: 20px;
		line-height: 1.2;
	}
}

.data-processing-text {
	margin-top: 1em;
	font-size: 80%;
	line-height: 1.2;
}

/* MEDIA */

@media all and (max-width: 1024px) {
	.quiz-start-inner {
		padding: 100px 30px 50px;
	}
	.quiz-title {
		font-size: 36px;
	}
	.quiz-text {
		font-size: 16px;
	}
	.quiz-desc {
		padding: 34px 30px 30px;
	}
	.quiz-desc-title {
		font-size: 30px;
	}
	.quiz-desc-question {
		font-size: 20px;
	}
	.quiz-question-title {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 1.3em;
	}
	.quiz-question-step {
		font-size: 16px;
	}
	.quiz-nav {
		margin-top: 2em;
		text-align: center;
	}
	.quiz-next {
		text-align: center;
	}
	.quiz-input-email {
		width: 300px;
	}

	.quiz-desc--feed {
		background-size: initial;
	}
	.quiz-step--feed {
		top: 10vh;
	}
}


@media all and (max-width: 767px) {
	.quiz-modal .quiz-modal-dialog {
		top: unset;
	}
	.quiz-step-inner {
		flex-direction: column;
	}
	.quiz-desc,
	.quiz-question {
		width: 100%;
	}

	.quiz-desc{
		flex-grow: 1;
	}
		.quiz-question {
		flex-grow: 10;
	}

	.quiz-title {
		font-size: 32px;
	}
	.quiz-text {
		font-size: 15px;
	}
	.quiz-question {
		width: 100%;
		padding: 34px 30px 30px;
		justify-content: flex-start;
	}
	.quiz-question-title {
		font-size: 22px;
		line-height: 26px;
	}
	.quiz-question-step {
		font-size: 15px;
	}
	.quiz-nav {
		margin-top: 1em;
		text-align: center;
	}
	.quiz-prev {
		margin-bottom: 15px;
	}
	.quiz-next {
		text-align: center;
	}

	.quiz-desc--feed {
		display: block;
		background-image: url('/g/assets/quiz/bg-feed.png');
		background-size: cover;
		background-position: 0;
		width: 100%;
		padding-top: 60px;
		min-height: auto;
	}
	.quiz-feed-inner {
		flex-direction: column;
		justify-content: flex-start;
	}
	.quiz-step--feed .quiz-close--step {
		display: none;
	}
	.quiz-feed-submit {
		margin-top: 0;

	}
	.checkbox-feed {
		font-size: 12px;
		line-height: 18px;
		opacity: 0.53;
		margin-top: 0;
		width: 75%;
	}
	.quiz-step--feed .checkbox__label {
		margin-bottom: 0 !important;
	}
	.quiz-step--feed .quiz-desc-text {
		width: 60%;
	}
	.quiz-step--feed .quiz-nav {
		margin-top: 5.3em;
	}
	.feed-field-phone {
		margin-bottom: 0;
	}
	.quiz-choice--personal {
		margin-top: 12px;
	}
	.incorrect-field {
		font-size: 12px;
	}
	.popup-end-title {
		font-size: 30px;
	}

	.img-chosen {
		text-align: center;
		img {
			max-height: 200px;
		}
	}
}

@media all and (max-width: 480px) {

	.quiz-title {
		font-size: 30px;
	}
	.quiz-text {
		font-size: 14px;
	}
	.quiz-desc {
		padding-bottom: 0;
		background-image: none !important;
		background-color: #fff;
	}
	.quiz-desc-title {
		font-size: 18px;
		color: #333;
	}
	.quiz-desc-question {
		font-size: 16px;
	}
	.quiz-question-title {
		font-size: 20px;
		line-height: 24px;
	}
	.quiz-question-step {
		font-size: 14px;
	}
	.quiz-nav {
		flex-direction: column;
		margin-top: 1em;
		text-align: center;
	}
	.quiz-prev {
		margin-bottom: 10px;
	}
	.quiz-next {
		text-align: center;
	}

	.quiz-desc--feed {
		display: block;
		background-image: url('/g/assets/quiz/bg-feed.png');
		background-size: cover;
		background-position: 0;
		width: 100%;
		padding-top: 60px;
		min-height: auto;
	}
	.quiz-feed-inner {
		flex-direction: column;
		justify-content: flex-start;
	}
	.quiz-step--feed .quiz-close--step {
		display: none;
	}
	.quiz-feed-submit {
		margin-top: 0;
	}
	.checkbox-feed {
		font-size: 12px;
		opacity: 0.53;
		margin-top: 3px;
		width: 78%;
		line-height: 1.2;
	}
	.checkbox-feed-label {
		width: 100%;
	}
	.personal-rules {
		opacity: 1;
	}
	.feed-optional {
		font-size: 12px;
		line-height: 1.2;
	}
	input.checkbox__input[type="checkbox"] + label:before {
		margin-right: 15px;
	}
	.quiz-step--feed .checkbox__label {
		margin-bottom: 0 !important;
	}
	.quiz-step--feed .quiz-desc-text {
		width: 100%;
	}
	.quiz-step--feed .quiz-nav {
		margin-top: 5.3em;
	}
	.feed-field-phone {
		margin-bottom: 0;
	}
	.quiz-choice--personal {
		margin-top: 12px;
	}
}

.quiz-modal {
  display: none;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(52, 79, 140, 0.73);
  z-index: 100;
  padding: 10px;
}
.quiz-modal .quiz-modal-dialog {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 900px;
  margin: 20px auto;
  color: #fff;
  z-index: 101;
  background-image: url("/g/assets/quiz/back_quiz.png");
  background-size: cover;
}
.quiz-modal .has-error {
  color: #d00 !important;
}
.quiz-modal .has-error * {
  color: #d00 !important;
}

.quiz-modal-dialog,
.quiz-step,
.quiz-intro,
.quiz-step-inner,
.quiz-thanks-inner {
  min-height: 600px;
}

.quiz-rules-close,
.quiz-close {
  color: #fff;
  position: absolute;
  top: 8px;
  right: 16px;
  text-decoration: none;
  border: none;
  font-size: 36px;
  line-height: 1;
  z-index: 110;
}
.quiz-rules-close:visited,
.quiz-close:visited {
  color: #fff;
}
.quiz-rules-close:hover,
.quiz-close:hover {
  opacity: 0.85;
}
.quiz-rules-close--step,
.quiz-close--step {
  color: #0154bb !important;
}
.quiz-rules-close--step:visited,
.quiz-close--step:visited {
  color: #0154bb !important;
}

.quiz-rules-close {
  color: #0154bb !important;
}

.quiz-step-inner {
  display: flex;
  flex-wrap: wrap;
}
.quiz-step.quiz-thanks {
  background-color: #fff;
}
.quiz-step:not(.quiz-start) {
  display: none;
}

.quiz-thanks {
  text-align: center;
  padding: 30px;
}
.quiz-thanks .quiz-thanks-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.quiz-thanks .quiz-thanks-header {
  padding-bottom: 30px;
  transition-duration: 0.25s;
}
.quiz-thanks .quiz-thanks-header h2 {
  color: #0154bb;
  font-size: 300%;
  margin: 0;
  line-height: 1.5;
}
.quiz-thanks .quiz-promocode-block {
  transition-duration: 0.25s;
  display: none;
  padding-bottom: 30px;
  font-size: 200%;
  color: #333;
}
.quiz-thanks .quiz-promocode {
  transition-duration: 0.25s;
  display: inline-block;
  line-height: 1.5;
  padding: 10px 20px;
  font-weight: bold;
  border: 1px solid #333;
}
.quiz-thanks .quiz-close-block {
  transition-duration: 0.25s;
  display: none;
}

.quiz-intro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 40px;
  text-align: center;
  color: #fff;
}
.quiz-intro * {
  color: #fff;
}
.quiz-intro .quiz-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 10;
}
.quiz-intro .quiz-bottom {
  flex-grow: 0;
}

.quiz-desc,
.quiz-question {
  width: 50%;
  padding: 40px;
}

.quiz-desc {
  background-color: #b097db;
  background-image: url("/g/assets/quiz/back_left.png");
  color: #fff;
}
.quiz-desc-title {
  font-size: 45px;
  margin: 0;
  line-height: 1.1;
  color: #fff;
}
.quiz-desc-text {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}
.quiz-desc-question {
  font-size: 24px;
  line-height: 1.25;
  color: #fff;
}

.quiz-question {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background-color: #fff;
}
.quiz-question-title {
  color: #010101;
  font-size: 25px;
  margin-bottom: 2em;
  margin-top: 0.5em;
  line-height: 30px;
}
.quiz-question-input {
  width: 100%;
  color: #010101 !important;
  border: none !important;
  border-bottom: 1px solid #cbcbcb !important;
  border-radius: 0 !important;
  padding: 0.5em 1em 0.5em 0 !important;
}
.quiz-question-step {
  font-size: 16px;
  color: #787878;
}
.quiz-question label {
  line-height: 1;
  font-weight: normal;
  display: block;
  cursor: pointer;
  padding: 5px 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.quiz-question .quiz-bottom .quiz-nav {
  display: flex;
  justify-content: space-between;
}
.quiz-question .quiz-bottom .quiz-back {
  text-align: left;
}
.quiz-question .quiz-bottom .quiz-forward {
  text-align: right;
}
.quiz-question.quiz-text .answers-block {
  width: 100%;
  color: #333;
}
.quiz-question.quiz-text .answers-block hr {
  margin: 0 0;
}
.quiz-question.quiz-text .answers-block hr:last-of-type {
  display: none;
}

.quiz-question-block {
  flex-grow: 1;
  display: flex;
  width: 100%;
  flex-direction: column;
  flex-wrap: wrap;
}

.quiz-title {
  text-align: center;
  font-size: 45px;
  line-height: 1;
  margin-top: 1.2em;
  margin-bottom: 0.75em;
  color: #fff;
}

.quiz-text {
  font-size: 16px;
  line-height: 26px;
}

.quiz-start-inner {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 80px;
  text-align: center;
}

.quiz-btn-outer {
  text-align: center;
}

.quiz-btn {
  background-color: #fff;
  border-radius: 3px;
  font-size: 16px;
  color: #b483d3;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  padding: 0.7em 2.4em;
  border: none;
}
.quiz-btn:visited {
  color: #b483d3;
}
.quiz-btn:after {
  content: ">";
  display: inline-block;
  font-weight: 900;
  margin-left: 5px;
}

.img-chosen img {
  max-width: 100%;
}

.quiz-next {
  text-align: right;
}

.quiz-next-btn,
.quiz-close-btn,
.quiz-submit-btn {
  background-color: #0154bb;
  color: #fff;
  padding: 0.8em 2em;
  border-radius: 3px;
  border: none;
  display: inline-block;
  line-height: 1;
  transition-duration: 0.25s;
}
.quiz-next-btn:hover,
.quiz-close-btn:hover,
.quiz-submit-btn:hover {
  color: #fff !important;
  background-color: #013d88;
}
.quiz-next-btn:visited,
.quiz-close-btn:visited,
.quiz-submit-btn:visited {
  color: #fff;
}
.quiz-next-btn.disabled,
.quiz-next-btn :disabled,
.quiz-close-btn.disabled,
.quiz-close-btn :disabled,
.quiz-submit-btn.disabled,
.quiz-submit-btn :disabled {
  background-color: #ccc;
  cursor: default;
}

.quiz-next-btn:after {
  content: ">";
  font-weight: 900;
  margin-left: 5px;
}

.quiz-copy-btn {
  background: #f27836;
  width: 200px;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  /* 	margin-left: 30px; */
  border: 0 !important;
  float: right;
}

.quiz-nav--next {
  justify-content: flex-end;
}

.quiz-prev-btn {
  background-color: #dddddd;
  color: #010101;
  padding: 0.8em 2em;
  border-radius: 3px;
  border: none;
  display: block;
  line-height: 1;
}

.quiz-prev-btn:visited {
  color: #010101;
}

.quiz-prev-btn::before {
  content: "<";
  display: inline-block;
  font-weight: 900;
  margin-right: 5px;
}

.text-center {
  text-align: center;
}

img {
  border: 0;
  max-width: 100%;
}

@media (min-width: 992px) {
  .renter-content {
    padding-right: 40px;
  }
}
.renter-content .tab-content {
  padding-top: 30px;
}
.renter-content .trc-name {
  font-weight: bold;
  color: #0154bb !important;
}
.renter-content .link-presentation {
  display: inline-block;
  border: none;
}
.renter-content .link-presentation > * {
  vertical-align: middle;
}
.renter-content .link-presentation svg {
  fill: currentColor;
}
.renter-content .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.renter-content .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
  display: none;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent !important;
  cursor: default;
}

.renter-content {
  max-width: 1024px;
  margin: 32px auto;
}

.renter-content .ng-scope > div > p:last-child {
	display: none;
}

.renter-content .nav.nav-tabs li:first-child {
	display: none;
}

.renter-content input {
  font-size: 16px;
  line-height: 24px;
  padding: 0 0 9px;
  border: none;
  border-bottom: 1px solid #000000;
  font-family: 'MontRegular';
  outline: none;
  width: 100%;
}

.renter-content .pretty-form__item {
	margin-bottom: 16px;
}

.renter-content .pretty-button[type="submit"] {
  background: #6033AB;
  font-size: 13px;
  font-family: 'MontRegular';
  line-height: 16px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 14px 20px 10px 21px;
  border: none;
  cursor: pointer;
  text-align: left;
  margin-bottom: 16px;
}

.quiz-modal-dialog .text-center > p:not(:last-child){
	margin: 0;
}